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

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 Zm=Object.defineProperty;var i=(t,e)=>Zm(t,"name",{value:e,configurable:!0});import{EventSeverity as kO,MainEvents as wO,RouteEventType as vO,StepEventType as xO,StepExecutionBlockedEventStatus as bO,StepExecutionEventStatus as AO,useEvents as IO}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as WO,useWallets as Ip,Events as LO}from"@rango-dev/wallets-react";import{Networks as BO,WalletTypes as MO}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as $O}from"rango-types";import{UI_ID as Rm}from"@rango-dev/ui";var Ko="c6381a79-2817-4602-83bf-6a641a409e32",pa="https://api.rango.exchange",ca="https://scan.rango.exchange",Ae={SWAP_BOX_ID:"rango-swap-box",...Rm};import{Events as jr,Provider as Nd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Bd}from"rango-sdk";import mn,{createContext as Md,useEffect as Xr,useRef as Pd,useState as $d}from"react";import{useEffect as hd}from"react";import{create as dd}from"zustand";import{subscribeWithSelector as fd}from"zustand/middleware";import{RangoClient as ud}from"rango-sdk";import{WalletState as ot}from"@rango-dev/ui";import{readAccountAddress as od}from"@rango-dev/wallets-react";import{detectInstallLink as nd,getCosmosExperimentalChainInfo as rd,isEvmAddress as id,KEPLR_COMPATIBLE_WALLETS as LT,Networks as fa}from"@rango-dev/wallets-shared";import Fr from"bignumber.js";import{isCosmosBlockchain as sd}from"rango-types";import ed from"bignumber.js";var Ie=new ed(0);import{WalletTypes as td}from"@rango-dev/wallets-shared";var ua=[td.LEAP];import{BigNumber as da}from"bignumber.js";var Yo=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),I=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new da(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new da(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Jo=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var tt=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),mo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function le(t){return I(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(le,"formatTooltipNumbers");function Ur(t){switch(!0){case t.connected:return ot.CONNECTED;case t.connecting:return ot.CONNECTING;case!t.installed:return ot.NOT_INSTALLED;default:return ot.DISCONNECTED}}i(Ur,"mapStatusToWalletState");function ga(t,e,o,n){return o.filter(r=>!ua.includes(r)).filter(r=>{let{supportedChains:s,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!s.find(u=>u.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=Ur(t(r));return{title:s,image:a,link:nd(l),state:p,type:r}})}i(ga,"mapWalletTypesToWalletInfo");function en(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(en,"walletAndSupportedChainsNames");function ha(t,e,o,n,r){let s=[];function a(p,c){if(!!!s.find(g=>g.chain===p)){let g={address:c,chain:p,walletType:t};s.push(g)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:c,network:u}=od(p),g=l.length>0,m=l.includes(u),f=u===fa.Unknown;if(g&&!m&&!f)return;let y=u===fa.Unknown&&id(c);if(f&&!y)return;o.includes(u)||y?r?a(u,c.toLowerCase()):l.filter(w=>o.includes(w)).forEach(w=>{a(w,c.toLowerCase())}):a(u,c)}),s}i(ha,"prepareAccountsForWalletStore");function ya(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(ya,"getRequiredChains");function tn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(tn,"isAccountAndWalletMatched");function Sa(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new Fr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:ld(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Sa,"makeBalanceFor");function Ca(t){return{...t,loading:!1,error:!0}}i(Ca,"resetConnectedWalletState");var Ta=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=I(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new Fr(s?.amount||Ie).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ie)||Ie).toString();return ad(r)},"calculateWalletUsdValue");function ad(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(ad,"numberWithThousandSeparator");var ld=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),on=i((t,e)=>{let o=rd(Object.entries(t).map(([,n])=>n).filter(sd));return o&&o[e]?.experimental},"isExperimentalChain");function nn(t){return t?{...t,amount:I(t.amount,8,8),usdValue:I(t.usdValue,4,4)}:null}i(nn,"formatBalance");function pd(t,e){return t?.usdValue&&e?.usdValue?parseFloat(e.usdValue)-parseFloat(t.usdValue):!t?.usdValue&&e?.usdValue?1:t?.usdValue&&!e?.usdValue?-1:!t?.usdValue&&!e?.usdValue?parseFloat(e?.amount||"0")-parseFloat(t?.amount||"0"):0}i(pd,"sortTokensByBalance");function cd(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(cd,"sortTokensByPinnedToken");function ka(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=cd(n,r,o);return l!==0?l:pd(s,a)}),t}i(ka,"sortTokens");function Ee(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Ee,"areTokensEqual");function wa(t){return t.sort((e,o)=>+(o.state===ot.CONNECTED)-+(e.state===ot.CONNECTED)||+(o.state===ot.DISCONNECTED||o.state===ot.CONNECTING)-+(e.state===ot.DISCONNECTED||e.state===ot.CONNECTING))}i(wa,"sortWalletsBasedOnConnectionState");function rn(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}i(rn,"getConciseAddress");function va({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(va,"getAddress");function Or(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(Or,"createTokenHash");function sn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Fr(o?.usdPrice??Ie).multipliedBy(o?.amount).toString():""},r=o?Or({symbol:o.symbol,blockchain:o.chain,address:o.address}):null,s=r?e[r]:null;return r&&(!s||s&&s.amount<n.amount)&&(e[r]=n),e},{})}i(sn,"makeTokensBalance");var xa=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function ba(t){return t.map(e=>e.state).join("-")}i(ba,"hashWalletsState");var zr={API_KEY:Ko};function dt(t){return zr[t]||""}i(dt,"getConfig");function Aa(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),zr=e,zr}i(Aa,"initConfig");var Ia=20,Ea=25,Wa="Roboto",qr="theme-widget",fo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Ee(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Ee(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),Gr=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var an,Qt=i(()=>an||(an=new ud(dt("API_KEY"),dt("BASE_URL")),an),"httpService");var md=i(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),wt=md;var Q=wt(dd()(fd((t,e)=>({connectedWallets:[],balances:{},customDestination:"",loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!s.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(l=>l.selected&&l.walletType!==o).map(l=>l.chain),s=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:sn(s),connectedWallets:s}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let s=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>tn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await Qt().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(m=>{let f=o.find(y=>tn(y,m)),k=p.find(y=>y.address===m.address&&y.blockChain===m.chain);return k?.failed&&f&&r&&s([f],n,!1),f&&k?{...m,explorerUrl:k.explorerUrl,balances:Sa(k,n),loading:!1}:m});return{loading:!1,balances:sn(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(g=>tn(g,u))?Ca(u):u);return{loading:!1,balances:sn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=Or(o);return n[r]??null}}))));import{allProviders as gd}from"@rango-dev/provider-all";function ln(t,e){let o=gd({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(ln,"matchAndGenerateProviders");function La(t,e){return ln(t,e).map(r=>r.config.type)}i(La,"configWalletsToWalletName");function Na(t,e){let o=Q.use.clearConnectedWallet(),n=ln(void 0,e);return hd(()=>{o(),n=ln(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Na,"useWalletProviders");import xd,{createContext as bd,useContext as Ad,useEffect as Id,useRef as Ed}from"react";import{create as wd}from"zustand";import{persist as vd}from"zustand/middleware";var Hr={apiKey:"",title:void 0,multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},yd={clientUrl:void 0},Ba=i((t,e,o)=>({config:{...Hr,...t},iframe:yd,updateConfig:n=>{let r=o().config;e({config:{...r,...n}})},updateIframe:(n,r)=>{let s=o().iframe;e({iframe:{...s,[n]:r}})}}),"createConfigSlice");function Vt(t){return Array.from(new Set(t))}i(Vt,"removeDuplicateFrom");function Qr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Qr,"areEqual");function Ma(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Ma,"debounce");function Pt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Pt,"containsText");var W=i(()=>document.getElementById(Ae.SWAP_BOX_ID),"getContainer");function pn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Vt(t.map(s=>s.swapperGroup)).map(s=>{let a=t.find(l=>l.swapperGroup===s);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}i(pn,"getUniqueSwappersGroups");function Pa(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(Pa,"sortLiquiditySourcesByGroupTitle");function Ue(t,e){return e?.[t]==="hidden"}i(Ue,"isFeatureHidden");function cn(t,e){return e?.[t]==="enabled"}i(cn,"isFeatureEnabled");var $a=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(s.length>0&&!s.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??{},a=e().blockchains({type:o.type});return n.filter(p=>s&&fo(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(c=>c.name===p.blockchain)?!1:o.searchFor?!!(Pt(p.symbol,o.searchFor)||Pt(p.address||"",o.searchFor)||Pt(p.name||"",o.searchFor)):!0).sort((p,c)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(c,o.type)||p.isSecondaryCoin?1:c.isSecondaryCoin||!p.address&&c.address?-1:p.address&&!c.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Ee(a,o)),swappers:()=>{let{config:{enableNewLiquiditySources:o,liquiditySources:n}}=e();return e()._swappers.filter(a=>{let l=n?.includes(a.swapperGroup);return o||!n||n.length===0?!l:l}).sort(Pa)},fetch:async()=>{try{let o=await Qt().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],s=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,c)=>p.sort-c.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as Sd,French as Cd,Japanese as Td,Spanish as kd}from"@rango-dev/ui";var _a=[{title:"English",label:"English",local:"en",SVGFlag:Sd},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:kd},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Cd},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Td}],go="en";var Da=[.5,1,3],Fa=1,Ua=5,Oa=100,za=0;var qa=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:Fa,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,c=l<=10-1;return p&&c}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=Vt(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n}=o,r=Ue("theme",n),s=Ue("language",n),a=Ue("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:go},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function Ga(t){return wd()(vd((...e)=>({...$a(...e),...qa(...e),...Ba(t,...e)}),{name:"user-settings",skipHydration:!0,partialize:e=>({theme:e.theme,language:e.language,affiliatePercent:e.affiliatePercent,affiliateRef:e.affiliateRef,affiliateWallets:e.affiliateWallets,slippage:e.slippage,customSlippage:e.customSlippage,infiniteApprove:e.infiniteApprove,preferredBlockchains:e.preferredBlockchains,disabledLiquiditySources:e.disabledLiquiditySources})}))}i(Ga,"createAppStore");var Ha=bd(null);function h(){let t=Ad(Ha);if(Id(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(h,"useAppStore");function Qa(t){let e=Ed();return e.current||(e.current=Ga(t.config)),xd.createElement(Ha.Provider,{value:e.current},t.children)}i(Qa,"AppStoreProvider");import{create as Ld}from"zustand";var Va="rango-widget";var jt=class{constructor(e){this.state="not-initiated";this.events={};this.forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};this.isClaimed=()=>this.state==="claimed";this.destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};this.handleMessageEvent=e=>{let o=e.data.name;switch(o){case"ping":this.claimedByCurrentTab(e.data.pingAt);break;case"pong":this.alreadyClaimedByAnotherTab();break;case"force-claim":this.forceRelease(e.data.candidateId);break;case"force-release":this.tabId===e.data.candidateId&&this.claim();break;default:throw new Error(`${o} is not supported.`)}};this.handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};this.handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};this.channel=new BroadcastChannel(Va),this.tabId=Math.trunc(Math.random()*1e5),this.events=e,this.initEvents(),this.tryClaim()}initEvents(){this.channel.addEventListener("message",this.handleMessageEvent),document.addEventListener("visibilitychange",this.handleVisibilityChange),document.addEventListener("resume",this.handleResume)}claimedByCurrentTab(e){let o=this.lastTryClaim&&this.lastTryClaim<e;if(this.isClaimed()||o){let n={name:"pong"};this.channel.postMessage(n);return}}alreadyClaimedByAnotherTab(){this.resetLastCheck()}async tryClaim(){return this.setLastCheck(),new Promise(e=>{setTimeout(()=>{this.check(),e()},300)})}check(){this.state==="not-initiated"&&this.events.onInit?.(),this.lastTryClaim?(this.claim(),this.resetLastCheck()):this.state="not-claimed"}claim(){this.state="claimed",this.events.onClaim?.()}setLastCheck(){this.lastTryClaim=Date.now();let e={name:"ping",pingAt:this.lastTryClaim};this.channel.postMessage(e)}resetLastCheck(){this.lastTryClaim=void 0}forceRelease(e){if(this.isClaimed()){this.state="not-claimed",this.events.onRelease?.();let o={name:"force-release",candidateId:e};this.channel.postMessage(o)}}};i(jt,"TabManager");var ee=wt(Ld()((t,e)=>({isActiveTab:!1,tabManagerInitiated:!1,showActivateTabModal:!1,watermark:"NONE",fetchingApiConfig:!1,activateCurrentTab:(o,n)=>{let{showActivateTabModal:r}=e();!r&&n?t({showActivateTabModal:!0}):(r||!n)&&o()},setShowActivateTabModal:o=>{t({showActivateTabModal:o})},setWatermark:o=>{t({watermark:o})}}))),Xa=new jt({onInit:()=>ee.setState({tabManagerInitiated:!0}),onClaim:()=>ee.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>ee.setState({isActiveTab:!1})}),un=Xa.forceClaim,Ka=Xa.destroy;var dn=Md({onConnectWallet:()=>{}});function _d(t){let{updateConfig:e,updateSettings:o,fetch:n}=h(),r=h().blockchains(),s=h().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=$d([]),{providers:c}=Na(t.config.wallets,a),{connectWallet:u,disconnectWallet:g}=Q(),m=Pd();Xr(()=>{n().catch(console.log)},[]),Xr(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let f=r.filter(Bd).map(d=>d.name),k=i((d,S,w,x,C)=>{if(S===jr.ACCOUNTS)if(w){let A=en(C.supportedBlockchains),v=ha(d,w,f,A,C.isContractWallet);p(v)}else g(d);if(S===jr.ACCOUNTS&&x.connected){let A=`${d}-${x.network}-${w}`;x.connected&&(m.current?m.current(A):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(S===jr.NETWORK&&x.network){let A=`${d}-${x.network}`;m.current?m.current(A):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(d,S,w,x,C)},"onUpdateState"),y=ee.use.isActiveTab();return Xr(()=>{l.length&&u(l,s)},[l,s]),mn.createElement(dn.Provider,{value:{onConnectWallet:d=>{m.current=d}}},mn.createElement(Nd,{allBlockChains:r,providers:c,onUpdateState:k,autoConnect:!!y},t.children))}i(_d,"Main");function fn(t){let{config:e,...o}=t;return mn.createElement(Qa,{config:e},mn.createElement(_d,{...o,config:e}))}i(fn,"WidgetWallets");import aa,{useEffect as fT}from"react";import{I18nManager as jC}from"@rango-dev/ui";import jo,{useContext as XC,useEffect as KC,useState as Vm}from"react";import{useQueueManager as zd}from"@rango-dev/queue-manager-rango-preset";import{useWallets as qd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Gd}from"rango-types";import Hd,{Fragment as Qd}from"react";import{MemoryRouter as Vd,useInRouterContext as jd}from"react-router";import{useWallets as Fd}from"@rango-dev/wallets-react";import{useEffect as Ud,useRef as Od}from"react";function Ya(){let{connect:t,state:e}=Fd(),o=Od({}),{fetchStatus:n}=h(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Ud(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(Ya,"useForceAutoConnect");function Ja({children:t,...e}){let n=jd()?Qd:Vd,r=h().blockchains(),{canSwitchNetworkTo:s}=qd();Ya();let a=r.filter(Gd);return zd({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),Hd.createElement(n,null,t)}i(Ja,"AppRouter");import Me from"react";import{useRoutes as zC}from"react-router-dom";var P={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{useEffect as Kt,useRef as vn}from"react";import bt from"bignumber.js";import{create as Rd}from"zustand";import{subscribeWithSelector as ef}from"zustand/middleware";import{getLastSuccessfulStep as Zd}from"@rango-dev/queue-manager-rango-preset";import mv from"bignumber.js";var vt=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(vt||{});function Za(t,e){return e.find(o=>o.name===t)?.displayName}i(Za,"getBlockchainDisplayNameFor");function Oe(t,e){return e.find(o=>o.name===t)?.shortName}i(Oe,"getBlockchainShortNameFor");function ho(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(ho,"getSwapperDisplayName");function Kr(t,e){return e.find(o=>Ee(o,t))??null}i(Kr,"findToken");function Yr(t,e){return e.find(o=>o.name===t)??null}i(Yr,"findBlockchain");import{i18n as je}from"@lingui/core";import We from"bignumber.js";import{PendingSwapNetworkStatus as Sn}from"rango-types";function gn(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(gn,"getRequiredWallets");function hn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(hn,"isValidAddress");import{i18n as ve}from"@lingui/core";var X=i(()=>({genericServerError:ve.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:ve.t("Please reset your liquidity sources."),description:ve.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:ve.t("No Routes Found."),description:ve.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:ve.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:ve.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:ve.t("High Price Impact"),title:ve.t("Price impact is too high!"),description:ve.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:ve.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:ve.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:ve.t("USD Price Unknown"),title:ve.t("USD Price Unknown, Cannot calculate Price Impact."),description:ve.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:ve.t("Confirm USD Price Unknown")}}),"errorMessages");function Ra(t){switch(t.type){case 0:return t.diagnosisMessage??X().noResultError.title;case 1:return X().genericServerError;default:return""}}i(Ra,"getQuoteErrorMessage");import{i18n as yn}from"@lingui/core";var $t=i(()=>({connectWallet:yn.t("Connect Wallet"),swap:yn.t("Swap"),swapAnyway:yn.t("Swap anyway"),ethWarning:yn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function el(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new We(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new We(1e3)))??!1}i(el,"hasHighValueLoss");function Jr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new We(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new We(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(Jr,"hasLimitError");function Zr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new We(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new We(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||c?.lte(l.fromAmount):p?.gt(l.fromAmount)||c?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new We(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new We(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=je.t({id:"Required: >= {min} {symbol}",values:{min:I(o,6,6),symbol:e.from.symbol}}),a=X().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=je.t({id:"Required: > {min} {symbol}",values:{min:I(o,6,6),symbol:e.from.symbol}}),a=X().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=je.t({id:"Required: <= {max} {symbol}",values:{max:I(n,6,6),symbol:e.from.symbol}}),a=X().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=je.t({id:"Required: < {max} {symbol}",values:{max:I(n,6,6),symbol:e.from.symbol}}),a=X().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Zr,"getLimitErrorMessage");function tl(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:$t().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:$t().swap,action:"confirm-swap",disabled:!0}:a?{title:$t().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:$t().ethWarning,action:"confirm-warning",disabled:!1}:{title:$t().swap,action:"confirm-swap",disabled:!1}:{title:$t().connectWallet,action:"connect-wallet",disabled:!1}}i(tl,"getSwapButtonState");function Rr(t,e,o){return!((!o||o.lte(Ie))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Rr,"canComputePriceImpact");function Xd(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(Xd,"requiredWallets");var Kd=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Yd(t,e){let o=Ie;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Kd(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new We(r.amount).multipliedBy(s||0))}return o}i(Yd,"getUsdFeeOfStep");function Cn(t,e){return t.reduce((o,n)=>o.plus(Yd(n,e)),Ie)}i(Cn,"getTotalFeeInUsd");function ei(t){let e=Ie;return e=e.plus(new We(t.amount).multipliedBy(t.price||0)),e}i(ei,"getUsdFee");function ol(t){return t.reduce((e,o)=>e.plus(ei(o)),Ie)}i(ol,"getTotalFeesInUsd");function nl(t){return t.reduce((e,o)=>{for(let n of o.fee){let r=n.name,s=n.expenseType!=="DECREASE_FROM_OUTPUT"?e.payable:e.nonePayable;s[r]=[...s[r]||[],n]}return e},{payable:{},nonePayable:{}})}i(nl,"getFeesGroup");function ti(t){let e=new Map;return t.result?.swaps.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(ti,"checkSlippageErrors");function rl(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}i(rl,"checkSlippageWarnings");function Tn(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(Tn,"getMinRequiredSlippage");function il(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(il,"hasProperSlippage");function kn(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:c,affiliateRef:u,affiliatePercent:g,affiliateWallets:m,initialQuote:f,destination:k}=t,y=s?.reduce((C,A)=>(C[A.chain]=A.address,C),{}),d=[];r?.forEach(C=>{let A=d.find(v=>v.blockchain===C.chain);A?A.addresses.push(C.address):d.push({blockchain:C.chain,addresses:[C.address]})});let S=!!f,w=Vt((f?.result?.swaps||[]).reduce((C,A)=>(C.push(A.from.blockchain,A.to.blockchain),A.internalSwaps&&Array.isArray(A.internalSwaps)&&A.internalSwaps.map(v=>{C.push(v.from.blockchain,v.to.blockchain)}),C),[]));return{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:g??void 0,affiliateWallets:m??void 0,checkPrerequisites:S,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:d,selectedWallets:y??{},slippage:c.toString(),...k&&{destination:k},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(C=>!a.includes(C)),swappersGroupsExclude:!1},...S&&{blockchains:w}}}i(kn,"createQuoteRequestBody");function sl(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(sl,"getWalletsForNewSwap");function Xt(t){return t.result?.outputAmount||null}i(Xt,"getQuoteOutputAmount");function al(t,e){return new We(e).div(new We(t)).minus(1).multipliedBy(100).toNumber()}i(al,"getPercentageChange");function ll(t,e){let o=Xt(t),n=Xt(e);if(!o||!n)return!1;let r=ze(o,n);return r?r<=-1:!0}i(ll,"isOutputAmountChangedALot");function pl(t,e,o){let n=t.validationStatus,r=ya(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>gl(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=I(new We(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=I(new We(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=je.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=je.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=je.t(" for input and network fee")),je.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:c,symbol:l,reason:u,currentAmount:p,blockchain:Oe(a.asset.blockchain,o)}})})}i(pl,"generateBalanceWarnings");function cl(t,e){return(t?new We(t):Ie).multipliedBy(e||0)}i(cl,"calcOutputUsdValue");function yo(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Sn.NetworkChanged}i(yo,"isNetworkStatusInWarningState");function ul(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),yo(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Sn.WaitingForConnectingWallet:n=n||je.t("Waiting for connecting wallet");break;case Sn.WaitingForQueue:n=n||je.t("Waiting for other running tasks to be finished");break;case Sn.WaitingForNetworkChange:n=n||je.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(ul,"getSwapMessages");function ml(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}i(ml,"getLastConvertedTokenInFailedSwap");function dl(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(dl,"shouldRetrySwap");function fl(t,e,o,n,r,s){return t||!e&&!Xd(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!hn(s,o)}i(fl,"confirmSwapDisabled");function yl(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(yl,"getQuoteToTokenUsdPrice");function oi(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(oi,"isNumberOfSwapsChanged");function ni(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!Qr(o,n)}i(ni,"isQuoteSwappersUpdated");function ri(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!Qr(o,n)}i(ri,"isQuoteInternalCoinsUpdated");function Sl(t,e){return oi(t,e)||ni(t,e)||ri(t,e)}i(Sl,"isQuoteChanged");function gl(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}i(gl,"getRequiredBalanceOfWallet");function ft(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(ft,"getPriceImpactLevel");function Cl(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Zd(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Yr(s?s.toBlockchain:n.fromBlockchain,e),p=Yr(r.toBlockchain,e),c=Kr(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=Kr(a,o),g=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:g}}i(Cl,"createRetryQuote");function wn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=_t(o,t.requestAmount),l=_t(n,t.result?.outputAmount??"");if(t.result&&a&&l){let u=ze(a.toString(),l.toString());if(!!u&&el(a,u)){let m=Cn(t.result.swaps,r),f=ft(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:m,warningLevel:f}}}else if(t.result&&(!a||!l))return{type:1};let p=Tn(t),c=s>Ua;if(il(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:rl(t,s),minRequiredSlippage:p};return null}i(wn,"generateQuoteWarnings");function ze(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:al(t.toString(),e.toString());return n&&n<0?n:null}i(ze,"getPriceImpact");var Tl=i(t=>{let e=new Set,o=[];return t.forEach(n=>{e.has(n.from.chain.displayName)||(e.add(n.from.chain.displayName),o.push(n.from.chain)),e.has(n.to.chain.displayName)||(e.add(n.to.chain.displayName),o.push(n.to.chain))}),o},"getUniqueBlockchains");var _t=i((t,e)=>t?.usdPrice?new bt(e||Ie).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),K=wt(Rd()(ef(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new bt(0),outputUsdValue:new bt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ie;return mo(o.inputAmount)?(e&&(n=e.result?.outputAmount?new bt(e.result?.outputAmount):null,r=cl(e.result?.outputAmount,yl(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new bt(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{quote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:_t(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{quote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new bt(0),outputUsdValue:new bt(0),quote:null},...!!o.fromToken&&{inputUsdValue:_t(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=Cl(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:_t(a??null,c),outputUsdValue:new bt(0),toBlockchain:l,toToken:p,quote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:_t(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:""}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function kl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=K(),c=h().config,u=h().fetchStatus,g=h().blockchains(),m=h().tokens(),{setAffiliateRef:f,setAffiliatePercent:k,setAffiliateWallets:y}=h(),d=c?.from?.tokens,S=c?.from?.blockchains,w=c?.to?.tokens,x=c?.to?.blockchains,C=vn(void 0),A=vn(void 0),v=vn(void 0),b=vn(void 0);Kt(()=>{t(c?.amount?.toString()||"")},[c?.amount]),Kt(()=>{if(u==="success"){let T=g.find(L=>L.name===c?.from?.blockchain),E=m.find(L=>Ee(L,c?.from?.token||null));(T||!T&&v.current)&&n(T??null),E?r({token:E,meta:{blockchains:g,tokens:m}}):!E&&C.current&&r({token:null}),v.current=c?.from?.blockchain,C.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),Kt(()=>{fo(s,d)&&r({token:null}),Gr(l,S)&&n(null)},[d,S]),Kt(()=>{fo(a,w)&&r({token:null}),Gr(p,x)&&o(null)},[w,x]),Kt(()=>{if(u==="success"){let T=g.find(L=>L.name===c?.to?.blockchain),E=m.find(L=>Ee(L,c?.to?.token||null));(T||!T&&b.current)&&o(T??null),E?e({token:E,meta:{blockchains:g,tokens:m}}):!E&&A.current&&e({token:null}),b.current=c?.to?.blockchain,A.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),Kt(()=>{f(c?.affiliate?.ref??null),k(c?.affiliate?.percent??null),y(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(kl,"useSyncStoresWithConfig");import{useEffect as ai}from"react";import{useInRouterContext as tf,useLocation as of,useSearchParams as nf}from"react-router-dom";function ii(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}i(ii,"searchParamToToken");function si(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(si,"tokenToSearchParam");function li(){let t=of(),[e,o]=nf(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:g,setInputAmount:m}=K(),f=h().fetchStatus,k=h().blockchains(),y=h().tokens(),d=tf(),{updateIframe:S}=h(),w=i(()=>{let C=e.get("fromAmount"),A=e.get("fromBlockchain"),v=e.get("fromToken"),b=e.get("toBlockchain"),T=e.get("toToken"),E=e.get("autoConnect"),L=e.get("clientUrl");return{fromAmount:C,fromBlockchain:A,fromToken:v,toBlockchain:b,toToken:T,autoConnect:E,clientUrl:L}},"getUrlSearchParams"),x=i(C=>{for(let A in C)C[A]||delete C[A];o(C,{replace:!0})},"updateUrlSearchParams");ai(()=>{let{autoConnect:C,clientUrl:A}=w();d&&f==="success"&&x({["fromBlockchain"]:n?.name,["fromToken"]:si(s),["toBlockchain"]:r?.name,["toToken"]:si(a),["fromAmount"]:l,["autoConnect"]:C??void 0,["clientUrl"]:A??void 0})},[t.pathname,l,n,s,r,a]),ai(()=>{if(!d)return;let C=w();if(C.fromAmount&&m(C.fromAmount),f==="success"){let A=k.find(E=>E.name===C.fromBlockchain),v=ii(y,C.fromToken,A??null),b=k.find(E=>E.name===C.toBlockchain),T=ii(y,C.toToken,b??null);A&&(p(A),v&&u({token:v,meta:{blockchains:k,tokens:y}})),b&&(c(b),T&&g({token:T,meta:{blockchains:k,tokens:y}}))}},[f]),ai(()=>{let{clientUrl:C}=w();S("clientUrl",C||void 0)},[])}i(li,"useSyncUrlAndStore");import{i18n as pr}from"@lingui/core";import{useManager as zh}from"@rango-dev/queue-manager-react";import{Alert as Gc,Button as qh,css as rs,Divider as ns,IconButton as Hc,SettingsIcon as Gh,styled as Hh,Tooltip as Qh,Typography as Vh,WalletIcon as jh}from"@rango-dev/ui";import pe,{useEffect as Bo,useLayoutEffect as Xh,useRef as Kh,useState as cr}from"react";import{flushSync as Yh}from"react-dom";import{useLocation as Jh,useNavigate as Zh}from"react-router-dom";import{i18n as nt}from"@lingui/core";import{Alert as $i,BalanceErrors as Pg,Button as Ep,ChevronDownIcon as $g,ChevronLeftIcon as _g,Divider as to,MessageBox as Dg,Typography as Vn,WalletIcon as Fg}from"@rango-dev/ui";import N,{useEffect as Ug,useState as Ft}from"react";import{useNavigate as Og}from"react-router-dom";import{i18n as xn}from"@lingui/core";function bn(t){switch(t.type){case 0:return xn.t("Route has been updated.");case 3:return xn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return xn.t("Route swappers has been updated.");case 2:return xn.t("Route internal coins has been updated.");default:return""}}i(bn,"getQuoteUpdateWarningMessage");import{Modal as sf}from"@rango-dev/ui";import af from"react";function ie(t){let{watermark:e}=ee();return af.createElement(sf,{hasWatermark:e==="FULL",...t},t.children)}i(ie,"WatermarkedModal");import Wn,{useRef as cf}from"react";import*as Yt from"@radix-ui/react-collapsible";import{keyframes as wl,styled as An}from"@rango-dev/ui";var pi=300,lf=wl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),pf=wl({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),vl=An(Yt.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ci=An(Yt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),In=An(Yt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${lf} ${pi}ms ease-out`},false:{animation:`${pf} ${pi}ms ease-out`}}}}),En=An("div",{transition:`all ${pi}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Ln(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=cf(null);return Wn.createElement(vl,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&Wn.createElement(ci,{className:"collapsible_trigger",onClick:s},a),Wn.createElement(In,{className:"collapsible_content",open:e},r),l==="bottom"&&Wn.createElement(ci,{className:"collapsible_trigger",onClick:s},a))}i(Ln,"CustomCollapsible");import{Button as uf,css as xl,darkTheme as Jt,IconButton as mf,styled as qe,TextField as df}from"@rango-dev/ui";var bl=qe("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Al=qe("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),ff=qe("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Jt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Jt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Jt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Il=qe(ff,{alignSelf:"stretch",minHeight:"93px"}),El=qe("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Wl=qe(mf,{position:"absolute",left:"$20"}),Ll=qe("div",{paddingTop:"$20"}),Nl=xl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Bl=qe("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),Ml=xl({paddingTop:"$5"}),Pl=qe("div",{display:"flex"}),$l=qe(df,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),_l=qe("div",{overflow:"visible",width:"100%"}),Dl=qe(uf,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Jt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Jt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Jt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as Ke}from"@lingui/core";import{Button as Lg,Divider as Mi,Image as Ng,MessageBox as Qn,SelectableWallet as Bg,Typography as xp,WalletState as bp}from"@rango-dev/ui";import ae,{useEffect as Ap,useState as ko}from"react";import{WalletState as ui}from"@rango-dev/ui";import{useWallets as gf}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as hf,WalletTypes as Nn}from"@rango-dev/wallets-shared";import{useCallback as yf,useEffect as Fl,useRef as Sf,useState as Cf}from"react";var Tf=Object.values(Nn);function Bn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=gf(),{connectedWallets:c}=Q(),u=h().blockchains(),g=Sf(!1),m=La(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Tf,f=ga(s,l,m,o),k=wa(f),[y,d]=Cf(""),S=i(v=>!c.find(b=>b.walletType===v&&b.chain===o),"isExperimentalChainNotAdded"),w=i(async v=>{let b=s(v);try{if(y&&d(""),b.connected)await a(v);else{let T=!!f.find(E=>E.state===ui.CONNECTED);if(!e?.multiWallets&&T)return;n?.(v),await p(v),r?.(v)}}catch(T){d("Error: "+T?.message)}},"handleClick"),x=yf(()=>{let v=f?.filter(b=>b.state===ui.CONNECTING)||[];for(let b of v)a(b.type)},[ba(f)]);Fl(()=>()=>{g.current=!0},[]),Fl(()=>()=>{g.current&&x()},[x]);let C=i(v=>v.filter(T=>T.state!=ui.NOT_INSTALLED&&![Nn.DEFAULT,Nn.WALLET_CONNECT_2].includes(T.type)&&l(T.type).supportedChains.filter(E=>E.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),A=i((v,b,T)=>on(T,b)&&S(v)&&!hf.includes(v)||v==Nn.DEFAULT&&!C(f),"shouldExcludeWallet");return{list:k.filter(v=>!A(v.type,o??"",u)),error:y,handleClick:w,disconnectConnectingWallets:x}}i(Bn,"useWalletList");import{i18n as yp}from"@lingui/core";import{styled as Cp,Typography as vg,Wallet as xg,WalletState as bg}from"@rango-dev/ui";import eo,{useState as Sp}from"react";import{useManager as dg}from"@rango-dev/queue-manager-react";import{BottomLogo as fg,Divider as pp,Header as gg}from"@rango-dev/ui";import de,{useEffect as cp,useRef as up}from"react";import{useRef as kf}from"react";function Mn(){return window.self!==window.top}i(Mn,"isAppLoadedIntoIframe");function mi(){let t=kf(null),{iframe:e}=h(),o=Mn()&&e.clientUrl,n=i(a=>{o&&window.top?.postMessage(a,e.clientUrl)},"send");return{send:n,connectHeightObserver:i(a=>{t.current=new ResizeObserver(l=>{for(let p of l)n({type:"widget_height",data:{height:p.contentRect.height}})}),t.current.observe(a)},"connectHeightObserver"),disconnectHeightObserver:i(()=>{t.current&&(t.current.disconnect(),t.current=null)},"disconnectHeightObserver")}}i(mi,"useIframe");import{useNavigate as wf}from"react-router-dom";function At(){let t=wf();return()=>t(-1)}i(At,"useNavigateBack");import{createTheme as hi,darkTheme as If,lightTheme as Ef}from"@rango-dev/ui";import{useEffect as ql,useState as Wf}from"react";import{theme as bf,darkColors as Af}from"@rango-dev/ui";var Ul=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,c=(a.length<2?"0":"")+a,u=(l.length<2?"0":"")+l;return`#${p}${c}${u}`},"colorShade"),Pn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:Ul(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:Ul(e,-((l-5)*25))});return a},"generateRangeColors"),di=i((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let s in o){let a=o[s];if(a&&a!==t[s])if(n=!0,s==="background"||s==="foreground")r={...r,[s]:a};else if(s==="neutral"&&e){let l=Pn(s,a);r={...r,[`${s}100`]:l[`${s}900`],[`${s}200`]:l[`${s}800`],[`${s}300`]:l[`${s}700`],[`${s}400`]:l[`${s}600`],[`${s}500`]:l[`${s}500`],[`${s}600`]:l[`${s}400`],[`${s}700`]:l[`${s}300`],[`${s}800`]:l[`${s}200`],[`${s}900`]:l[`${s}100`]}}else r={...r,...Pn(s,a)}}return n?r:{}},"generateColors");var Ol=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),vf=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Ol(o%52)+e;return Ol(o%52)+e},"toAlphabeticName"),xf=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),fi=i(t=>vf(xf(5381,JSON.stringify(t))>>>0),"toHash");function gi(t){let e=bf.colors,o=di({...e,...Af},!0,t?.dark),n=di(e,!1,t?.light),r=Object.keys(o).length>0,s=Object.keys(n).length>0,a,l;if(s){let p={colors:n};a={id:`${qr}-light-${fi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${qr}-dark-${fi(p)}`,tokens:p}}return{light:a,dark:l}}i(gi,"customizedThemeTokens");function zl(t,e){if(t.length<=1)return t;let o=[];return t.forEach((n,r)=>{o.push(n),r<t.length-1&&o.push(e)}),o}i(zl,"joinList");function $n(t){let{colors:e,fontFamily:o=Wa,borderRadius:n=Ia,secondaryBorderRadius:r=Ea,mode:s="auto"}=t,[a,l]=Wf("light"),{setTheme:p,theme:c}=h(),{dark:u,light:g}=gi(e),m=hi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[m.className,Ef.className],k=[m.className,If.className];if(g){let d=hi(g.id,g.tokens);f.push(d.className)}if(u){let d=hi(u.id,u.tokens);k.push(d.className)}return ql(()=>{let d=i(S=>{S.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",d),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",d)}},[]),ql(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let d=f.join(" "),S=k.join(" ");return c==="auto"?a==="dark"?S:d:c==="dark"?S:d},"getActiveTheme")}}i($n,"useTheme");var It=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");import{i18n as Gl}from"@lingui/core";import{Alert as Lf,Button as Nf}from"@rango-dev/ui";import Hl from"react";function yi(t){return Hl.createElement(Lf,{action:Hl.createElement(Nf,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},Gl.t("Activate")),type:"warning",variant:"alarm",title:Gl.t("Another tab is open and handles transactions. You can activate this tab.")})}i(yi,"ActivateTabAlert");import{i18n as Si}from"@lingui/core";import{Button as Bf,Divider as Mf,MessageBox as Pf}from"@rango-dev/ui";import _n from"react";function Ci(t){let{open:e,onClose:o,onConfirm:n}=t;return _n.createElement(ie,{open:e,dismissible:!0,onClose:o,container:W()},_n.createElement(Pf,{title:Si.t("Activate current tab"),type:"warning",description:Si.t("Currently, some transactions are running and being handled by other browser tab. If you activate this tab, all transactions that are already in the transaction sign step will expire.")},_n.createElement(Mf,{size:20}),_n.createElement(Bf,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Si.t("Confirm"))))}i(Ci,"ActivateTabModal");import{ChevronLeftIcon as Df}from"@rango-dev/ui";import Xl from"react";import{darkTheme as $f,IconButton as _f,styled as So}from"@rango-dev/ui";var Ge=So(_f,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Ql=So("div",{position:"absolute",background:"$secondary500",[`.${$f} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Zt=So("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Vl=So("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),jl=So("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function Ti(t){return Xl.createElement(Ge,{variant:"ghost",size:"small",onClick:t.onClick},Xl.createElement(Df,{color:"black",size:16}))}i(Ti,"BackButton");import{i18n as Ff}from"@lingui/core";import{Button as Uf,Typography as Of}from"@rango-dev/ui";import ki from"react";function wi(t){return ki.createElement(Zt,null,ki.createElement(Uf,{variant:"ghost",onClick:t.onClick,size:"xsmall"},ki.createElement(Of,{variant:"label",size:"medium",color:"error500"},Ff.t("Cancel"))))}i(wi,"CancelButton");import{i18n as zf}from"@lingui/core";import{Tooltip as qf,WalletIcon as Gf}from"@rango-dev/ui";import Dn from"react";function vi(t){return Dn.createElement(qf,{container:t.container,side:"top",content:zf.t("Connect Wallet")},Dn.createElement(Ge,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Dn.createElement(Ql,null),Dn.createElement(Gf,{size:18,color:"black"})))}i(vi,"WalletButton");import{i18n as zn}from"@lingui/core";import{NotificationsIcon as pg,Popover as cg,SettingsIcon as ug,Tooltip as qn,TransactionIcon as mg}from"@rango-dev/ui";import ke from"react";import{i18n as Jf}from"@lingui/core";import{EventSeverity as Zf}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as ep,ChevronRightIcon as Rf,ListItemButton as eg,Typography as tg}from"@rango-dev/ui";import Xe from"react";import{useNavigate as og}from"react-router-dom";import{create as Hf}from"zustand";import{persist as Qf,subscribeWithSelector as Vf}from"zustand/middleware";var $e=wt(Hf()(Qf(Vf((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,address:r.fromSymbolAddress,symbol:r.fromSymbol},to:{blockchain:s.toBlockchain,address:s.toSymbolAddress,symbol:s.toSymbol}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{styled as Fn}from"@rango-dev/ui";var Kl=Fn("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),Yl=Fn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Jl=Fn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Zl=Fn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as jf}from"@lingui/core";import{Divider as Xf,NoNotificationIcon as Kf,Typography as Yf}from"@rango-dev/ui";import Un from"react";function Rl(){return Un.createElement(Zl,null,Un.createElement(Kf,{color:"secondary",size:26}),Un.createElement(Xf,{size:12}),Un.createElement(Yf,{variant:"body",size:"medium",color:"neutral700"},jf.t("There are no notifications.")))}i(Rl,"NotificationNotFound");var ng=4;function xi(){let t=og(),{getUnreadNotifications:e}=$e(),o=e(),n=h().blockchains(),r=h().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,ng),a=i(l=>{t(`${P.swaps}/${l}`)},"handleOnClick");return Xe.createElement(Kl,null,s.length?Xe.createElement(Yl,null,s.map(l=>{let{route:p,requestId:c,event:u}=l,g=r.find(y=>Ee(y,p.from)),m=n.find(y=>y.name===p.from.blockchain),f=r.find(y=>Ee(y,p.to)),k=n.find(y=>y.name===p.to.blockchain);return Xe.createElement(eg,{key:c,onClick:()=>a(c),title:Xe.createElement(tg,{variant:"body",size:"small",color:u.messageSeverity===Zf.WARNING?"$foreground":"$neutral700"},Jf.t(u.message)),id:c,start:Xe.createElement(Jl,null,Xe.createElement("div",{className:"from-chain-token"},Xe.createElement(ep,{tokenImage:g?g.image:"",chainImage:m?m.logo:"",size:"small"})),Xe.createElement("div",{className:"to-chain-token"},Xe.createElement(ep,{tokenImage:f?f.image:"",chainImage:k?k.logo:"",size:"small"}))),end:Xe.createElement(Rf,{size:12,color:"gray"})})})):Xe.createElement(Rl,null))}i(xi,"NotificationContent");import{RefreshProgressButton as rg}from"@rango-dev/ui";import bi,{useEffect as ig,useState as tp}from"react";var sg=1e3,op=60,ag=100;function On({onClick:t}){let[e,o]=tp(0),[n,r]=tp(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");ig(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===op&&l()},sg):a(p),document.addEventListener("visibilitychange",()=>s(p)),()=>{document.removeEventListener("visibilitychange",()=>s(p)),p&&clearInterval(p)}},[e,t]);let a=i(p=>{p&&clearInterval(p),o(0)},"clearTimeout"),l=i(()=>{t?.(),o(0),r(!0)},"handleRefreshClick");return bi.createElement(Ge,{variant:"ghost",size:"small",onClick:l,disabled:!t},bi.createElement(jl,{onTransitionEnd:()=>r(!1),isRefetched:n},bi.createElement(rg,{size:24,color:t?"black":"gray",progress:e/op*ag})))}i(On,"RefreshButton");import{Typography as lg}from"@rango-dev/ui";import np from"react";function rp(){let{getUnreadNotifications:t}=$e(),e=t().length;return e?np.createElement(Vl,null,np.createElement(lg,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(rp,"UnreadNotificationsBadge");function Ai(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n}=t,{config:{features:r}}=h(),s=Ue("notification",r);return ke.createElement(ke.Fragment,null,ke.createElement(qn,{container:W(),side:"top",content:zn.t("Refresh")},ke.createElement(On,{onClick:e})),!s&&ke.createElement(cg,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:W(),content:ke.createElement(xi,null)},ke.createElement("div",null,ke.createElement(qn,{container:W(),side:"top",content:zn.t("Notifications")},ke.createElement(Ge,{size:"small",variant:"ghost"},ke.createElement(pg,{size:18,color:"black"}),ke.createElement(rp,null))))),ke.createElement(qn,{container:W(),side:"top",content:zn.t("Settings")},ke.createElement(Ge,{size:"small",variant:"ghost",onClick:n},ke.createElement(ug,{size:18,color:"black"}))),ke.createElement(qn,{container:W(),side:"top",content:zn.t("Transactions History")},ke.createElement(Ge,{size:"small",variant:"ghost",onClick:o},ke.createElement(mg,{size:18,color:"black"}))))}i(Ai,"HomeButtons");function Ii(t){let e=t.target;if(e){let o=e.scrollTop,n=W();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(Ii,"onScrollContentAttachStatusToContainer");import{styled as Ei}from"@rango-dev/ui";var ip="700px",sp=Ei("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",width:"100vw",minWidth:"300px",maxWidth:"390px",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",overflow:"hidden",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:ip},fixed:{height:ip}}}}),ap=Ei("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),lp=Ei("div",{padding:"0 $20 $10","& .footer__logo":{opacity:0,transition:"opacity 1s ease-in-out","&.logo__show":{opacity:1},"&.logo__hidden":{visibility:"hidden"}}});function re(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=mi(),{children:n,header:r,footer:s,height:a="fixed"}=t,l=Q.use.connectedWallets(),{config:{features:p,theme:c}}=h(),{watermark:u}=ee(),g=u==="FULL",{activeTheme:m}=$n(c||{}),f=Ue("connectWalletButton",p),{isActiveTab:k,tabManagerInitiated:y,showActivateTabModal:d,setShowActivateTabModal:S,activateCurrentTab:w}=ee(),x=At(),{manager:C}=dg(),v=It(C).map(({swap:U})=>U).some(U=>U.status==="running"),b=i(()=>w(un,v),"onActivateTab"),T=i(()=>{r.onWallet?.()},"onConnectWallet"),E=typeof r.hasBackButton>"u"||r.hasBackButton,L=up(null),F=up(null);return cp(()=>(Mn()&&F.current&&e(F.current),()=>{o()}),[]),cp(()=>(L.current?.addEventListener("scroll",Ii),()=>{L.current?.removeEventListener("scroll",Ii)}),[]),de.createElement(sp,{height:a,id:Ae.SWAP_BOX_ID,className:m(),ref:F},de.createElement(gg,{prefix:de.createElement(de.Fragment,null,E&&de.createElement(Ti,{onClick:x})),title:r.title,suffix:de.createElement(de.Fragment,null,r.suffix,r.onWallet&&!f&&de.createElement(vi,{container:W(),onClick:T,isConnected:!!l?.length}),r.onCancel&&de.createElement(wi,{onClick:r.onCancel}))}),de.createElement(ap,{ref:L},n),de.createElement(Ci,{open:d,onClose:()=>S(!1),onConfirm:b}),de.createElement(lp,null,de.createElement("div",{className:"footer__content"},s,y&&!k&&de.createElement(de.Fragment,null,de.createElement(pp,{size:12}),de.createElement(yi,{onActivateTab:b}))),de.createElement(pp,{size:12}),de.createElement("div",{className:`footer__logo ${g?"logo__show":"logo__hidden"}`},de.createElement(fg,null))))}i(re,"Layout");import{styled as hg}from"@rango-dev/ui";var mp="$20 $20 $10 $20",Co=hg("div",{padding:mp,overflowY:"auto",flexGrow:1});import{styled as yg}from"@rango-dev/ui";var se=yg("div",{display:"flex",flexDirection:"column",padding:"20px 20px 10px",flexGrow:1,variants:{view:{true:{flexGrow:1,overflow:"hidden"}},compact:{true:{padding:0}}}});import{Divider as wg}from"@rango-dev/ui";import Li from"react";import{i18n as Rt}from"@lingui/core";import{Image as Tg,MessageBox as Wi,WalletState as kg}from"@rango-dev/ui";import Dt from"react";import{keyframes as Sg,styled as Gn}from"@rango-dev/ui";var TI=Gn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),dp=Gn("div",{position:"relative"}),Cg=Sg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),fp=Gn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Cg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),gp=Gn("div",{"& img":{borderRadius:"50%"}});function hp(t){let{state:e,image:o,error:n}=t;return e===kg.CONNECTED?Dt.createElement(Wi,{type:"success",title:Rt.t("Wallet Connected"),description:Rt.t("Your wallet is connected, you can use it to swap.")}):n?Dt.createElement(Wi,{type:"error",title:Rt.t("Failed to Connect"),description:n||Rt.t("Your wallet is not connected. Please try again.")}):Dt.createElement(Wi,{type:"loading",title:Rt.t("Connecting to your wallet"),description:Rt.t("Click connect in your wallet popup."),icon:Dt.createElement(dp,null,Dt.createElement(gp,null,Dt.createElement(Tg,{src:o,size:45})),Dt.createElement(fp,null))})}i(hp,"ModalContent");function To(t){let{open:e,onClose:o,...n}=t;return Li.createElement(ie,{open:e,onClose:o,container:document.getElementById(Ae.SWAP_BOX_ID)||document.body},Li.createElement(hp,{...n}),Li.createElement(wg,{direction:"vertical",size:32}))}i(To,"WalletModal");var Ag=Cp("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ig=Cp(se,{textAlign:"center"}),Hn=3e3,Ni=300;function Tp(){let{config:t,fetchStatus:e}=h(),[o,n]=Sp(!1),[r,s]=Sp(""),a=null,l=ee.use.isActiveTab(),{list:p,handleClick:c,error:u,disconnectConnectingWallets:g}=Bn({config:t,onBeforeConnect:d=>{a=setTimeout(()=>{n(!0),s(d)},Ni)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Hn)}}),m=i(()=>{g(),n(!1)},"handleCloseWalletModal"),f=p.find(d=>d.type===r),k=f?.image||"",y=f?.state||bg.NOT_INSTALLED;return eo.createElement(re,{header:{title:yp.t("Connect Wallets")}},eo.createElement(Ig,null,eo.createElement(vg,{variant:"title",size:"xmedium",align:"center"},yp.t("Choose a wallet to connect.")),eo.createElement(Ag,null,p.map((d,S)=>{let w=`wallet-${S}-${d.type}`;return eo.createElement(xg,{key:w,...d,container:W(),onClick:x=>{c(x)},isLoading:e==="loading",disabled:!l})}),eo.createElement(To,{open:!!o,onClose:m,image:k,state:y,error:u}))))}i(Tp,"WalletsPage");import{keyframes as Eg,styled as Bi}from"@rango-dev/ui";var kp=Bi("div",{position:"relative"}),Wg=Eg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),wp=Bi("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Wg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),vp=Bi("div",{"& img":{borderRadius:"50%"}});var Mg=7;function Pi(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=h(),l=ee.use.isActiveTab(),p=Q.use.connectedWallets(),{blockchains:c}=h(),[u,g]=ko(""),[m,f]=ko(null),[k,y]=ko(!1),[d,S]=ko(null),{suggestAndConnect:w}=Ip(),x=null,{list:C,error:A,handleClick:v,disconnectConnectingWallets:b}=Bn({config:a,chain:e,onBeforeConnect:M=>{x=setTimeout(()=>{g(M)},Ni)},onConnect:()=>{x&&clearTimeout(x),setTimeout(()=>{g("")},Hn)}}),[T,E]=ko(C),L=C.length,F=r&&L-r>0,U=i(async M=>{y(!1),S("in-progress");try{await w(M.walletType,M.chain),S("completed")}catch{S("rejected")}},"addExperimentalChain");Ap(()=>{E(M=>{let G=C.findIndex(te=>o(te.type,e));return F&&G>1?[C[G]].concat(C.filter((te,O)=>O!==G)):M.map(te=>C.find(O=>O.type===te.type)??te)})},[JSON.stringify(C)]);let R=document.getElementById(Ae.SWAP_BOX_ID);Ap(()=>{let M=null;return(d==="completed"||d==="rejected")&&(M=setTimeout(()=>S(null),Hn)),()=>{M&&clearTimeout(M)}},[d]);let me=i(()=>{b(),g("")},"handleCloseWalletModal");return ae.createElement(ae.Fragment,null,T.slice(0,r).map(M=>{let G=va({connectedWallets:p,walletType:M.type,chain:e}),te=G?rn(G,Mg):"",O=on(c(),e),Fe=!p.find(Te=>Te.walletType===M.type&&Te.chain===e),V=O&&Fe&&M.state===bp.CONNECTED,Y=V?Ke.t({id:"Add {chain} chain",values:{chain:e}}):te,be=i(()=>{M.state===bp.DISCONNECTED?v(M.type):V?(f({walletType:M.type,chain:e,address:G??""}),y(!0)):n({walletType:M.type,chain:e,address:G??""})},"onClick"),Ce=m?.chain?Za(m.chain,c()):void 0;return ae.createElement(ae.Fragment,null,ae.createElement(To,{open:u===M.type,onClose:me,image:M.image,state:M.state,error:A}),!!m&&ae.createElement(ie,{open:!!m&&k,container:R,onClose:()=>{f(null)}},ae.createElement(Qn,{title:Ke.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Ce}}),type:"warning",description:Ke.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Ce}})},ae.createElement(Mi,{size:18}),ae.createElement(Mi,{size:32}),ae.createElement(Lg,{onClick:U.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Ke.t("Confirm")))),d&&ae.createElement(ie,{open:!!d,onClose:S.bind(null,null),container:R},d==="in-progress"&&ae.createElement(Qn,{type:"loading",title:Ke.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Ce}}),description:Ke.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Ce}}),icon:ae.createElement(kp,null,ae.createElement(vp,null,ae.createElement(Ng,{src:M.image,size:45})),ae.createElement(wp,null))}),d==="completed"&&ae.createElement(Qn,{type:"success",title:Ke.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Ce}}),description:Ke.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Ce}})}),d==="rejected"&&ae.createElement(Qn,{type:"error",title:Ke.t("Request Rejected"),description:Ke.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Ce}})}),ae.createElement(Mi,{direction:"vertical",size:32})),ae.createElement(Bg,{key:M.type,description:Y,onClick:be,selected:o(M.type,e),disabled:!l,...M}))}),F&&ae.createElement(Il,{selected:!1,onClick:s},ae.createElement(xp,{variant:"label",size:"medium"},Ke.t("Show more wallets"),ae.createElement(xp,{variant:"label",size:"medium",color:"$primary"},"\xA0+",L-(r??0)))))}i(Pi,"WalletList");var zg=2;function Wp(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=h().config,l=h().blockchains(),{quote:p,setSelectedWallets:c,quoteWalletsConfirmed:u,setQuoteWalletConfirmed:g,customDestination:m,setCustomDestination:f}=K(),{connectedWallets:k,selectWallets:y}=Q(),[d,S]=Ft(""),[w,x]=Ft([]),[C,A]=Ft(""),[v,b]=Ft(null),[T,E]=Ft(m),[L,F]=Ft(!!m),U=gn(p),R=l.find(_=>_.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),me=i(_=>!!p?.result?.swaps.find(j=>j.from.blockchain===_),"isWalletRequiredFor"),[M,G]=Ft(k.filter(_=>_.selected&&U.includes(_.chain))),te=l.find(_=>_.name===R?.name),O=i((_,j)=>!!M.find(H=>H.walletType===_&&H.chain===j&&H.selected&&(me(j)||!me(j)&&!T)),"isSelected"),Fe=!!T&&L&&te&&!hn(te,T),V=i(()=>{F(!1),E(""),G(_=>{let j=!1;return _.map(H=>!j&&H.chain===R?.name?(j=!0,{...H,selected:!0}):H)})},"resetCustomDestination"),Y=i(_=>{if(d&&S(""),O(_.walletType,_.chain))return;let H=k.find(ce=>ce.walletType===_.walletType&&ce.chain===_.chain);H&&(n(),_.chain===R?.name&&L&&(F(!1),E("")),G(ce=>ce.filter(mt=>mt.chain!==_.chain).concat({...H,selected:!0})))},"onChange"),be=i(()=>{let _=M.filter(j=>j.selected);y(_),c(_),f(T),g(!0),o()},"onConfirmBalance"),Ce=i(async()=>{x([]),A(""),b(null);let _=k.filter(ce=>M.find(mt=>mt.chain===ce.chain&&mt.walletType===ce.walletType)),j=await r?.({selectedWallets:_,customDestination:T}),H=j.warnings;H?.balance?.messages&&x(H.balance.messages),H?.quoteUpdate&&b(H.quoteUpdate),j.error&&A(Ra(j.error)),!j.error&&(!H?.balance?.messages.length||0>0)?be():x(H?.balance?.messages??[])},"onConfirmWallets");Ug(()=>{G(_=>_.concat(k.filter(j=>!!!_.find(ce=>ce.chain===j.chain)&&j.selected&&U.includes(j.chain))))},[k.length]);let Te=document.getElementById(Ae.SWAP_BOX_ID),ut=Og();return N.createElement(ie,{open:e,onClose:()=>{u||ut("../",{replace:!0}),o()},dismissible:!d,container:Te,...!d&&{footer:N.createElement(Pl,null,N.createElement(Ep,{loading:s,disabled:fl(s,L,T,p,M,R),onClick:Ce,variant:"contained",type:"primary",fullWidth:!0,size:"large"},nt.t("Confirm")))},...d&&{containerStyle:{padding:"$0"},header:N.createElement(El,null,N.createElement(Wl,{variant:"ghost",onClick:S.bind(null,"")},N.createElement(_g,{size:16})),N.createElement(Vn,{variant:"headline",size:"small"},nt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Oe(d,l)}})))},anchor:"center"},N.createElement(ie,{open:w.length>0,onClose:x.bind(null,[]),container:Te},N.createElement(Dg,{title:nt.t("Insufficient account balance"),type:"error",description:N.createElement(Pg,{messages:w??[]})},N.createElement(Ep,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:be},nt.t("Proceed anyway")))),d&&N.createElement(Ll,null,N.createElement("div",{className:Nl()},N.createElement(Pi,{chain:d,isSelected:O,selectWallet:Y,onShowMore:S.bind(null,d)}))),!d&&N.createElement(N.Fragment,null,C&&N.createElement(N.Fragment,null,N.createElement($i,{variant:"alarm",type:"error",title:nt.t(C)}),N.createElement(to,{size:12})),v&&N.createElement(N.Fragment,null,N.createElement($i,{variant:"alarm",type:"warning",title:bn(v)}),N.createElement(to,{size:12})),N.createElement(_l,null,U.map((_,j)=>{let H=l.find(Ve=>Ve.name===_),ce=`wallet-${j}`,mt=j===U.length-1;return N.createElement("div",{key:ce},N.createElement(bl,null,N.createElement(Vn,{variant:"title",size:"xmedium"},nt.t({id:"Your {blockchainName} wallets",values:{blockchainName:H?.shortName}})),N.createElement(Vn,{variant:"label",color:"$neutral700",size:"medium"},nt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:H?.shortName}}))),N.createElement(to,{size:24}),N.createElement(Al,null,N.createElement(Pi,{chain:_,isSelected:O,selectWallet:Y,limit:zg,onShowMore:()=>S(H?.name??"")})),!mt&&N.createElement(to,{size:32}),mt&&a?.customDestination&&N.createElement(Bl,null,N.createElement(Ln,{onOpenChange:Ve=>{Ve?me(R?.name??"")||G(Dr=>Dr.map(Pe=>Pe.chain===R?.name?{...Pe,selected:!1}:Pe)):V()},hasSelected:!0,open:L,triggerAnchor:"top",trigger:N.createElement(Dl,{fullWidth:!0,variant:"default",suffix:N.createElement(En,{orientation:L?"up":"down"},N.createElement($g,{size:10,color:"gray"}))},N.createElement("div",{className:"button__content"},N.createElement(Fg,{size:18,color:"info"}),N.createElement(to,{size:4,direction:"horizontal"}),N.createElement(Vn,{variant:"label",size:"medium"},nt.t("Send to a different address")))),onClickTrigger:()=>F(Ve=>!Ve)},N.createElement(to,{size:4}),N.createElement($l,{autoFocus:!0,placeholder:nt.t("Your destination address"),value:T,onChange:Ve=>{E(Ve.target.value)}})),Fe&&N.createElement("div",{className:Ml()},N.createElement($i,{variant:"alarm",type:"error",title:nt.t({values:{destination:T},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Wp,"ConfirmWalletsModal");import{i18n as rh}from"@lingui/core";import{Alert as ih,Button as sh,InfoIcon as ah}from"@rango-dev/ui";import _e from"react";import{Alert as qg,Button as Gg,Divider as $p,NoRouteIcon as Hg,RefreshIcon as Qg,Typography as _p}from"@rango-dev/ui";import Ye from"react";import{i18n as Lp}from"@lingui/core";function Np(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:X().genericServerError,action:{onClick:n,title:Lp.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:X().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Lp.t("Reset")}},description:X().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:X().noResultError.description}}i(Np,"makeInfo");import{styled as _i}from"@rango-dev/ui";var Bp=_i("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Mp=_i("div",{width:"100%"}),Pp=_i("div",{padding:"$6 $0"});function Di(t){let{fetch:e,error:o}=t,n=h().disabledLiquiditySources,r=h().toggleAllLiquiditySources,s=h().swappers(),a=Np(o,n,()=>r(s,!0),e);return Ye.createElement(Bp,null,Ye.createElement(Hg,{size:24,color:"gray"}),Ye.createElement($p,{size:4}),Ye.createElement(_p,{variant:"title",size:"small"},X().noResultError.title),!!a.description&&Ye.createElement(_p,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Ye.createElement($p,{size:4}),!!a.alert&&Ye.createElement(Mp,null,Ye.createElement(qg,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Ye.createElement(Gg,{size:"xsmall",type:a.alert.type,prefix:Ye.createElement(Pp,null,Ye.createElement(Qg,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Di,"NoResult");import{i18n as wo}from"@lingui/core";import{Button as jg,Divider as qp,MessageBox as Xg,Typography as Kg,WarningIcon as Yg}from"@rango-dev/ui";import rt from"react";import{Typography as Op}from"@rango-dev/ui";import Ui from"react";import{darkTheme as Vg,styled as jn}from"@rango-dev/ui";var Dp=jn("div",{width:"100%"}),Fi=jn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Fp=jn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Vg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Up=jn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function zp(t){let{title:e,value:o,valueColor:n}=t;return Ui.createElement(Fp,null,Ui.createElement(Op,{size:"medium",variant:"label",className:"_title"},e),Ui.createElement(Op,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(zp,"QuoteErrorsModalItem");function Gp(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:wo.t("Swapping"),value:I(r.inputUsdValue,4,4)},{title:wo.t("Gas cost"),value:I(r.totalFee,2,2)},{title:wo.t("Receiving"),value:I(r.outputUsdValue,4,4)},{title:wo.t("Price impact"),value:I(r.priceImpact,2,2),valueColor:`${a}500`}];return rt.createElement(ie,{open:e,onClose:o,container:W()},rt.createElement(Xg,{type:a,title:X().highValueLossError.impactTitle,description:X().highValueLossError.description}),rt.createElement(Fi,null,rt.createElement(qp,{size:20}),rt.createElement(Kg,{size:"small",variant:"title"},wo.t("Details")),rt.createElement(Fi,null,l.map((p,c)=>rt.createElement(zp,{key:c,...p})))),rt.createElement(qp,{size:32}),rt.createElement(jg,{type:"primary",size:"large",prefix:rt.createElement(Yg,null),fullWidth:!0,disabled:s,onClick:n},X().highValueLossError.confirmMessage))}i(Gp,"HighValueLossWarningModal");import{i18n as Oi}from"@lingui/core";function Hp(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(ft(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=X().highValueLossError.title),t.type===1&&(o.title=X().unknownPriceError.title),t.type===2&&(o.title=Oi.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:t.minRequiredSlippage}}),o.action="change-settings"),t.type===3&&(o.title=Oi.t("Caution, your slippage is high.")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action="show-info"),e.type===4&&(o.title=Oi.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):null}i(Hp,"makeAlerts");import{i18n as ro}from"@lingui/core";import{Button as Qp,Divider as Vp,MessageBox as Jg,Typography as Zg}from"@rango-dev/ui";import Ut from"react";import{useNavigate as Rg}from"react-router-dom";function jp(t){let{customSlippage:e,slippage:o}=h(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=Rg(),c=e??o;return Ut.createElement(ie,{anchor:"bottom",open:n,prefix:Ut.createElement(Qp,{size:"small",variant:"ghost",onClick:()=>p("../"+P.settings)},Ut.createElement(Zg,{variant:"label",size:"medium",color:"$neutral900"},ro.t("Change settings"))),container:W(),onClose:r},Ut.createElement(Jg,{type:"warning",title:a.type===3?ro.t("High slippage"):ro.t("Low slippage"),description:a.type===3?ro.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:c}}):ro.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Ut.createElement(Vp,{size:18}),Ut.createElement(Vp,{size:32}),Ut.createElement(Qp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},ro.t("Confirm anyway"))))}i(jp,"SlippageWarningModal");import{Button as eh,Divider as th,MessageBox as oh,WarningIcon as nh}from"@rango-dev/ui";import vo from"react";function Xp(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return vo.createElement(ie,{open:e,onClose:o,container:W()},vo.createElement(oh,{type:"warning",title:X().unknownPriceError.impactTitle,description:X().unknownPriceError.description}),vo.createElement(th,{size:32}),vo.createElement(eh,{type:"primary",size:"large",prefix:vo.createElement(nh,null),fullWidth:!0,disabled:r,onClick:n},X().unknownPriceError.confirmMessage))}i(Xp,"UnknownPriceWarningModal");function xo(t){let{warning:e,error:o,showWarningModal:n,confirmationDisabled:r,refetchQuote:s,onOpenWarningModal:a,onCloseWarningModal:l,onConfirmWarningModal:p,onChangeSettings:c}=t,u={confirmationDisabled:r,open:n,onClose:l,onConfirm:p},g=o?.type===0||o?.type===1,m=Hp(e,o?.type===3||o?.type===4?o:null);return _e.createElement(_e.Fragment,null,g&&_e.createElement(Di,{error:o,fetch:s}),!!m&&_e.createElement(Dp,null,_e.createElement(ih,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:_e.createElement(Up,{onClick:a},_e.createElement(ah,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:_e.createElement(sh,{size:"xxsmall",type:m.alertType,onClick:c},rh.t("Change"))}})),e&&_e.createElement(_e.Fragment,null,e.type===0&&_e.createElement(Gp,{...u,warning:e}),(e.type===3||e.type===2)&&_e.createElement(jp,{...u,warning:e}),e.type===1&&_e.createElement(Xp,{...u,warning:e})))}i(xo,"QuoteWarningsAndErrors");import ir from"react";import{i18n as Yi}from"@lingui/core";import{Alert as Ih,Divider as Ji,InfoIcon as Eh,StepDetails as Wh,TokenAmount as Lh,Tooltip as Tc,Typography as Eo}from"@rango-dev/ui";import kc from"bignumber.js";import D,{useRef as Nh,useState as Bh}from"react";import{styled as zi}from"@rango-dev/ui";var qi=zi("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Kp=zi("div",{paddingBottom:"$15"}),Yp=zi("div",{width:"100%",display:"flex"});import*as Xn from"@radix-ui/react-collapsible";import{css as Kn,darkTheme as it,Image as Jp,styled as He,Typography as lh}from"@rango-dev/ui";var ph=300,Zp=He(Xn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${it} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${it} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}}}),Rp=Kn({padding:"$10 $15"}),ec=He("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",cursor:"pointer",boxSizing:"border-box",position:"relative",variants:{recommended:{true:{$$color:"$colors$info100",[`.${it} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${it} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{},false:{}}},compoundVariants:[{listItem:!0,recommended:!0,css:{"&:hover":{$$color:"$colors$secondary200",[`.${it} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${it} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}]}),tc=Kn({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),io=Kn({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),oc=Kn({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${it} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),nc=He(Xn.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${Jp}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Jp}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${it} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${it} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),rc=He("div",{width:"18px",height:"18px",borderRadius:"100%",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",img:{borderRadius:"100%"},variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),ic=He(In,{width:"100%",background:"inherit"}),Gi=He("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${ph}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),rW=He("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),sc=He("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${it} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),ac=He("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Hi=He(lh,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),lc=He("div",{display:"flex",flexWrap:"wrap"}),Qi=He("div",{width:"18px",height:"18px",borderRadius:"100%",backgroundColor:"$background",cursor:"default",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}});import{i18n as Lt}from"@lingui/core";import{ChevronDownIcon as uh,CloseIcon as mh,Divider as Zn,IconButton as dh,QuoteCost as fh,Tooltip as gh,Typography as Je}from"@rango-dev/ui";import hh from"bignumber.js";import z,{useState as mc}from"react";import{i18n as bo}from"@lingui/core";var Vi={"Network Fee":bo.t("Network Fee"),"Swapper Fee":bo.t("Protocol Fee"),"Affiliate Fee":bo.t("Affiliate Fee"),"Outbound network fee":bo.t("Outbound Fee"),"Rango Fee":bo.t("Rango Fee")};import{css as ch,styled as Yn}from"@rango-dev/ui";var Jn=Yn("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),ji=Yn("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),pc=Yn("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),cc=Yn("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),uc=ch({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var yh=30,Sh=i(t=>t.fee.isZero()?null:z.createElement(Jn,null,z.createElement(Je,{variant:"label",size:"medium",color:"neutral600"},t.label),z.createElement(Je,{variant:"label",size:"medium"},"$",I(t.fee,4,4))),"NonPayableFee");function dc(t){let[e,o]=mc(!1),[n,r]=mc(!1),{steps:s,quote:a}=t,l=h().tokens(),p=Yo(Jo(a.result?.swaps)),c=a.result?.swaps??[],u=W(),g=Cn(c,l),m=nl(c);return z.createElement(z.Fragment,null,z.createElement(fh,{onClickFee:()=>o(!e),fee:I(g,2,2),feeWarning:g.gte(new hh(yh)),time:p,steps:s,tooltipGas:Lt.t("View more info"),tooltipContainer:u}),z.createElement(ie,{container:u,open:e,header:z.createElement(cc,null,z.createElement(Je,{variant:"title",size:"medium"},Lt.t("Gas & Fee Explanation")),z.createElement(dh,{onClick:()=>o(!1),variant:"ghost"},z.createElement(mh,{color:"gray",size:14}))),onClose:()=>o(!1)},z.createElement(pc,null,z.createElement(Je,{variant:"title",size:"small"},Lt.t("Details")),z.createElement(Zn,{size:10}),Object.entries(m.payable).flatMap(([f,k])=>k.map((y,d)=>{let S=`payable-fee-${d}`,w=ei(y);return z.createElement(Jn,{key:S},z.createElement(Je,{variant:"label",size:"medium",color:"neutral600"},Vi[f]),z.createElement(gh,{content:le(y.amount),container:u},z.createElement(Je,{variant:"label",size:"medium"},I(y.amount,2,2)," ",y.asset.symbol," ($",I(w,4,4),")")))})),z.createElement(Jn,{className:"total_payable_fee"},z.createElement(Je,{variant:"label",size:"medium"},Lt.t("Total Payable Fee")),z.createElement(Je,{variant:"label",size:"medium"},"$",I(g,4,4))),z.createElement(ji,null),Object.keys(m.nonePayable).length&&z.createElement(Ln,{triggerAnchor:"bottom",onClickTrigger:()=>r(f=>!f),trigger:z.createElement("div",{className:uc()},z.createElement(Je,{size:"small",variant:"body",color:"neutral700"},n?Lt.t("Hide non-payable fees"):Lt.t("Show non-payable fees")),z.createElement(Zn,{size:4,direction:"horizontal"}),z.createElement(En,{orientation:n?"up":"down"},z.createElement(uh,{size:12,color:"gray"}))),open:n},z.createElement(Je,{size:"small",variant:"title"},Lt.t("Description")),z.createElement(Zn,{size:4}),z.createElement(Je,{size:"small",variant:"body",color:"neutral700"},Lt.t(`The following fees are considered in the transaction output and
2
- you won\u2019t need to pay extra gas for them.`)),z.createElement(Zn,{size:10}),Object.entries(m.nonePayable).map(([f,k],y)=>{let d=ol(k),S=Vi[f],w=`non-payable-fee-${y}`;return z.createElement(Sh,{key:w,fee:d,label:S})}),z.createElement(ji,null)))))}i(dc,"QuoteCostDetails");import{i18n as hc}from"@lingui/core";import{TokenAmount as yc}from"@rango-dev/ui";import Rn from"react";import{css as Ch,styled as Th}from"@rango-dev/ui";var fc=Th("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),gc=Ch({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Ao(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Rn.createElement(fc,null,Rn.createElement(yc,{direction:"horizontal",label:hc.t("Swap input"),type:"input",tooltipContainer:W(),price:{value:e.price.value,usdValue:e.price.usdValue,realValue:e.price.realValue,realUsdValue:e.price.realUsdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),Rn.createElement("div",{className:gc()}),Rn.createElement(yc,{direction:"horizontal",tooltipContainer:W(),label:hc.t("Estimated output"),type:"output",price:{value:o.price.value,usdValue:o.price.usdValue,realValue:o.price.realValue,realUsdValue:o.price.realUsdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}i(Ao,"QuoteSummary");import{i18n as Sc}from"@lingui/core";import{ChevronDownIcon as kh,ChevronRightIcon as wh,Divider as Xi,Image as vh,Tooltip as Ki,Typography as er}from"@rango-dev/ui";import B,{useEffect as xh,useState as bh}from"react";var tr=4,or=6,Ah=375,Io=i(t=>{let e=W(),{content:o,src:n,className:r,open:s,state:a}=t;return B.createElement(Ki,{container:e,side:"bottom",sideOffset:4,open:s,content:o},B.createElement(rc,{className:r,state:a},B.createElement(vh,{src:n,size:16})))},"ImageComponent");function Cc(t){let{quoteRef:e,recommended:o,setExpanded:n,steps:r,expanded:s}=t,a=W(),l=r.length,p=Tl(r),[c,u]=bh(!1),g=i(()=>{window.innerWidth<Ah?u(!0):u(!1)},"handleResize");return xh(()=>{window.addEventListener("resize",g)}),B.createElement(nc,{ref:m=>e.current=m,recommended:o,onClick:()=>n(m=>!m)},B.createElement("div",{className:io()},B.createElement(er,{variant:"body",size:"xsmall"},Sc.t("Via:")),B.createElement(Xi,{direction:"horizontal",size:4}),r.map((m,f)=>{let k=`item-${f}`,y=B.createElement(Gi,null,B.createElement(wh,{size:12,color:"black"}));return c?B.createElement(B.Fragment,null,B.createElement(Io,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),f!==l-1&&B.createElement(B.Fragment,null,y)):B.createElement(B.Fragment,{key:k},l<=tr||l>tr&&f<tr-1?B.createElement(B.Fragment,null,B.createElement(Io,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),f!==l-1&&B.createElement(B.Fragment,null,y)):f===tr-1&&B.createElement(Ki,{container:a,side:"bottom",align:"right",sideOffset:4,content:B.createElement("div",{className:io()},y,r.map((d,S)=>{let w=`image-${S}`;return S>=f&&B.createElement(B.Fragment,{key:w},B.createElement(Io,{content:d.swapper.displayName,src:d.swapper.image,state:d.state,open:!1}),S!==l-1&&B.createElement(B.Fragment,null,y))}))},B.createElement(Qi,{state:r.find((d,S)=>S>=f&&(d.state==="error"||d.state==="warning"))?.state},B.createElement(er,{size:"xsmall",variant:"body"},"+",l-f))))})),B.createElement("div",{className:io()},B.createElement("div",{className:"blockchains_section"},B.createElement("div",{className:io()},B.createElement(er,{variant:"body",size:"xsmall"},Sc.t("Chains:")),B.createElement(Xi,{direction:"horizontal",size:4}),p.map((m,f)=>B.createElement(B.Fragment,null,p.length<=or||p.length>or&&f<or-1?B.createElement(Io,{key:m.displayName,content:"",src:m.image,open:!1,className:f!==0?"blockchainImage":""}):f===or-1&&B.createElement(Ki,{container:a,side:"bottom",align:"right",sideOffset:4,content:B.createElement("div",{className:io()},p.map((k,y)=>y>=f&&B.createElement(Io,{key:k.displayName,content:"",src:k.image,open:!1,className:y>f?"blockchainImage":""})))},B.createElement(Qi,{className:"blockchainImage"},B.createElement(er,{size:"xsmall",variant:"body"},"+",p.length-f))))),B.createElement(Xi,{direction:"horizontal",size:32}))),B.createElement(Gi,{orientation:s?"up":"down"},B.createElement(kh,{size:12,color:"black"}))))}i(Cc,"QuoteTrigger");function Zi(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=h().blockchains(),c=h().swappers(),[u,g]=Bh(t.expanded),m=Nh(null),f=I(o.value,6,6),k=I(n.value,6,6),y=n.usdValue?I(n.usdValue,4,4):"",d=ze(o.usdValue,n.usdValue??null),S=I(d,2,2),w=ft(d??0),C=i(b=>b.map((T,E)=>{let L,F=r?.type===3&&r.swap.swapperId===T.swapperId||r?.type===4&&r.recommendedSlippages?.has(E),U=s?.type===2&&s.recommendedSlippages?.has(E);return F?L="error":U&&(L="warning"),{swapper:{displayName:ho(T.swapperId,c),image:T.swapperLogo},from:{token:{displayName:T.from.symbol,image:T.from.logo},chain:{displayName:Oe(T.from.blockchain,p),image:T.from.blockchainLogo},price:{value:E===0?I(o.value,6,6):I(T.fromAmount,6,6),usdValue:I((T.from.usdPrice??0)*parseFloat(T.fromAmount),4,4),realValue:le(E===0?o.value:T.fromAmount),realUsdValue:le(new kc(T.from.usdPrice??0).multipliedBy(T.fromAmount))}},to:{token:{displayName:T.to.symbol,image:T.to.logo},chain:{displayName:Oe(T.to.blockchain,p),image:T.to.blockchainLogo},price:{value:I(T.toAmount,6,6),usdValue:I((T.to.usdPrice??0)*parseFloat(T.toAmount),4,4),realValue:le(T.toAmount),realUsdValue:le(new kc(T.to.usdPrice??0).multipliedBy(T.toAmount))}},state:L,alerts:F||U?D.createElement(Kp,null,D.createElement(Ih,{type:F?"error":"warning",title:r?.type===3?r?.recommendation:Yi.t(`Slippage ${F?"Error":"Warning"}:`),footer:D.createElement(Yp,null,r?.type===3&&D.createElement(D.Fragment,null,D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),D.createElement(Ji,{direction:"horizontal",size:8}),D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),D.createElement(Ji,{direction:"horizontal",size:8}),D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},Yi.t({id:"Yours: {amount} {symbol}",values:{amount:I(T.fromAmount,6,6),symbol:T?.from.symbol}}))),(r?.type===4||s?.type===2)&&D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},Yi.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(E)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(E)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),A=C.length,v=W();return D.createElement(D.Fragment,null,D.createElement(ec,{recommended:l,listItem:a==="list-item",basic:a==="basic"},D.createElement("div",{className:tc()},D.createElement(dc,{steps:A,quote:e}),a==="basic"&&D.createElement("div",{className:oc()},D.createElement(ac,null,D.createElement(Eh,{size:12,color:"gray"})),D.createElement(lc,null,D.createElement(Hi,{size:"small",variant:"body"},`${f} ${C[0].from.token.displayName} = `),D.createElement(Tc,{content:le(n.value),container:v,open:n.value?void 0:!1},D.createElement(Hi,{size:"small",variant:"body"},"\xA0",`${k} ${C[C.length-1].to.token.displayName}`))),D.createElement(Tc,{content:le(n.usdValue),container:v,style:{display:"flex"}},D.createElement(Eo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${y})`))),a==="list-item"&&D.createElement(Lh,{type:"output",direction:"vertical",tooltipContainer:v,price:{value:k,usdValue:y,realValue:le(n.value),realUsdValue:le(n.usdValue)},token:{displayName:C[A-1].to.token.displayName,image:C[A-1].to.token.image},chain:{image:C[A-1].to.chain.image},percentageChange:S,warningLevel:w}),a==="swap-preview"&&D.createElement(D.Fragment,null,D.createElement(Ao,{from:C[0].from,to:C[A-1].to,percentageChange:S,warningLevel:w}),D.createElement(Ji,{size:4}))),D.createElement(Zp,{recommended:l,open:u,onOpenChange:g},D.createElement(Cc,{quoteRef:m,recommended:l,setExpanded:g,expanded:u,steps:C}),D.createElement(ic,{open:u},D.createElement(sc,null),D.createElement("div",{className:Rp()},C.map((b,T)=>{let E=`item-${T}`;return D.createElement(Wh,{type:"quote-details",key:E,step:b,hasSeparator:T!==C.length-1,state:b.state,tooltipContainer:v})}))))))}i(Zi,"Quote");import{Divider as $h,Skeleton as _h}from"@rango-dev/ui";import gt from"react";import{darkTheme as Mh,styled as nr}from"@rango-dev/ui";var wc=nr("div",{$$color:"$colors$neutral100",[`.${Mh} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),vc=nr("div",{paddingTop:"$2"}),xc=nr("div",{paddingLeft:"$8"}),bc=nr("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as _c,Divider as Ot,Skeleton as at}from"@rango-dev/ui";import q from"react";import{styled as st}from"@rango-dev/ui";var Ac=st("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),Ic=st("div",{display:"flex"}),Ec=st("div",{padding:"$15 $0 14px $0"}),Wc=st("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),Lc=st("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),Nc=st("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Bc=st("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Mc=st("div",{width:"65%",display:"flex",justifyContent:"start"}),Pc=st("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),$c=st("div",{padding:"$15 $0 $15 $0"});function Wo(t){let{type:e,tag:o=!1}=t,n=q.createElement(Nc,null,q.createElement(Mc,null,q.createElement(_c,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),q.createElement(Ot,{size:8,direction:"horizontal"}),q.createElement(Pc,null,q.createElement(at,{height:10,width:60,variant:"rounded"}),q.createElement(Ot,{size:4}),q.createElement(at,{height:15,variant:"rounded"}))),q.createElement(at,{height:12,width:64,variant:"rounded"}));return q.createElement("div",null,q.createElement(Ac,null,q.createElement(Ic,null,q.createElement(at,{width:60,height:10,variant:"rounded"}),q.createElement(Ot,{size:4,direction:"horizontal"}),q.createElement(at,{width:60,height:10,variant:"rounded"}),q.createElement(Ot,{size:4,direction:"horizontal"}),q.createElement(at,{width:60,height:10,variant:"rounded"})),o&&q.createElement(at,{height:22,width:100,variant:"rounded"})),e==="basic"&&q.createElement(Ec,null,q.createElement(at,{height:15,width:148,variant:"rounded"})),e==="list-item"&&q.createElement(Wc,null,q.createElement(Lc,null,q.createElement(_c,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),q.createElement(Ot,{direction:"horizontal",size:4}),q.createElement(at,{height:15,width:150,variant:"rounded"})),q.createElement(Ot,{size:4}),q.createElement(at,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&q.createElement(q.Fragment,null,q.createElement(Ot,{size:4}),q.createElement($c,null,n,q.createElement(Bc,null),n)))}i(Wo,"QuoteSummarySkeleton");import{ChainToken as zc,Divider as es,NextIcon as Ph,Skeleton as rr}from"@rango-dev/ui";import ge from"react";import{styled as Lo}from"@rango-dev/ui";var Dc=Lo("div",{display:"flex",alignItems:"start"}),Fc=Lo("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),Ri=Lo("div",{display:"flex",alignItems:"center",flexGrow:1}),Uc=Lo("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Oc=Lo("div",{display:"flex",alignItems:"center"});function lt(t){let{separator:e=!0}=t;return ge.createElement(ge.Fragment,null,ge.createElement(Oc,null,ge.createElement(rr,{height:22,width:22,variant:"circular"}),ge.createElement(es,{direction:"horizontal",size:8}),ge.createElement(rr,{height:15,width:148,variant:"rounded"})),ge.createElement(Dc,null,ge.createElement(bc,{hideSeparator:!e}),ge.createElement(Fc,null,ge.createElement(Ri,null,ge.createElement(zc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ge.createElement(es,{direction:"horizontal",size:8}),ge.createElement(rr,{height:12,variant:"rounded"})),ge.createElement(Uc,null,ge.createElement(Ph,{color:"gray",size:16})),ge.createElement(Ri,null,ge.createElement(zc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ge.createElement(es,{direction:"horizontal",size:8}),ge.createElement(rr,{height:12,variant:"rounded"})))))}i(lt,"StepSkeleton");function ts(t){let{type:e,expanded:o,tag:n=!1}=t;return gt.createElement(wc,{rounded:e!=="basic"},gt.createElement(Wo,{type:e,tag:n}),gt.createElement(vc,null,gt.createElement(_h,{height:15,variant:"rounded"})),o&&gt.createElement(xc,null,gt.createElement($h,{size:20}),gt.createElement(lt,null),gt.createElement(lt,null),gt.createElement(lt,{separator:!1})))}i(ts,"QuoteSkeleton");function No(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1}=t,{inputAmount:l,inputUsdValue:p,outputUsdValue:c,outputAmount:u}=K(),m=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n;return n?ir.createElement(qi,null,ir.createElement(ts,{type:o,expanded:a})):m?ir.createElement(qi,null,ir.createElement(Zi,{quote:e,error:r,warning:s,type:o,expanded:a,recommended:!0,input:{value:l,usdValue:p?.toString()??""},output:{value:u?.toString()??"",usdValue:c?.toString()??""}})):null}i(No,"QuoteInfo");import{calculatePendingSwap as Uh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Oh}from"react";import{useRef as Dh,useState as Fh}from"react";function sr(){let[t,e]=Fh(!1),o=Dh(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Qt().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(sr,"useFetchQuote");function ar(t){if(!t.result)throw new Error(X().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Jr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Zr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=ti(t);if(o){let n=Tn(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(ar,"throwErrorIfResponseIsNotValid");function qc(t,e,o){let n=!1;t&&(n=Sl(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=wn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(ll(t,e)?r.quoteUpdate={type:3,newOutputAmount:I(Xt(e)),percentageChange:I(ze(Xt(t)??"",Xt(e)??""),null,2)}:oi(t,e)?r.quoteUpdate={type:0}:ni(t,e)?r.quoteUpdate={type:1}:ri(t,e)&&(r.quoteUpdate={type:2}));let a=pl(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(qc,"generateWarnings");function lr(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}i(lr,"handleQuoteErrors");function os(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=K(),{slippage:l,customSlippage:p,affiliatePercent:c,affiliateRef:u,affiliateWallets:g,disabledLiquiditySources:m}=h(),{connectedWallets:f}=Q(),k=h().blockchains(),y=h().tokens(),{features:d}=h().config,{enableNewLiquiditySources:S}=h().config,w=p||l,{fetch:x,cancelFetch:C,loading:A}=sr();return Oh(()=>C,[]),{loading:A,fetch:i(async b=>{let T=b.selectedWallets,E=b?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let L=kn({fromToken:t,toToken:e,inputAmount:o,wallets:f,selectedWallets:T,excludeLiquiditySources:S,disabledLiquiditySources:m,slippage:w,affiliateRef:u,affiliatePercent:c,affiliateWallets:g,initialQuote:r??void 0,destination:E});cn("experimentalRoute",d)&&(L.experimental=!0);let F;try{F=await x(L).then(M=>ar(M)),n(F)}catch(M){return lr(M)}let U={slippage:w.toString(),disabledSwappersGroups:m},R=Uh(o.toString(),F,sl(T),U,!1,{blockchains:k,tokens:y}),me=qc(r??void 0,F,{fromToken:t,toToken:e,meta:{blockchains:k,tokens:y},selectedWallets:T,userSlippage:w});return me.quoteUpdate&&a(!1),{quote:F,swap:R,error:null,warnings:me}},"fetch"),cancelFetch:C}}i(os,"useConfirmSwap");var Rh=Hh("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Hc}`]:{width:"$48",height:"$48"}}),ey=rs({flexGrow:1,paddingRight:"$10"}),ty=rs({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),oy=rs({display:"flex",justifyContent:"space-between",alignItems:"center"});function Qc(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=K(),l=Zh(),p=Jh(),[c,u]=cr(""),{connectedWallets:g}=Q(),m=!n,[f,k]=cr(!1),{isActiveTab:y}=ee(),d=h().disabledLiquiditySources,S=Kh(d),{manager:w}=zh(),{fetch:x,loading:C,cancelFetch:A}=os(),[v,b]=cr({swap:null,error:null,warnings:null}),[T,E]=cr(!1),L=i(async({selectedWallets:O,customDestination:Fe})=>{let V=await x?.({selectedWallets:O,customDestination:Fe});return b(V),V},"onConfirmSwap"),F=i(async()=>{if(v.swap&&n)try{await w?.create("swap",{swapDetails:v.swap},{id:v.swap.requestId});let O=`../${P.swaps}/${v.swap.requestId}`;l(O,{replace:!0}),setTimeout(()=>{e("")},0)}catch(O){u("Error: "+O?.message)}},"addNewSwap"),U=i(async()=>{await F()},"onConfirm"),R=i(async()=>{v?.warnings?.quote&&!a?E(!0):await U()},"onStartConfirmSwap"),me=i(async()=>{b({error:null,swap:null,warnings:null}),x({selectedWallets:o,customDestination:s}).then(O=>{b(O)}).catch(O=>console.error(O))},"onRefresh");Bo(()=>{!!S.current.length&&!d.length&&me(),S.current=d},[d.length]),Bo(()=>{m&&A()},[m]),Bo(()=>{m&&k(m)},[m]),Bo(()=>{m||x({selectedWallets:o,customDestination:s}).then(O=>b(O)).catch(O=>console.error(O))},[]),Bo(()=>{let O=v.warnings?.quote?.type&&Object.values(vt).includes(v.warnings?.quote?.type),Fe=o.length<1||!o.every(Y=>g.find(be=>Y.address===be.address&&Y.walletType===be.walletType&&Y.chain===be.chain)),V=!1;if(O){let Y=gn(t),be=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(ut=>ut.from.blockchain===be)||(Y=Y.slice(-Y.length,Y.length-1)),Y.every(ut=>o.find(_=>_.chain===ut))||(V=!0)}t&&(Fe||V)&&(queueMicrotask(()=>Yh(k.bind(null,!0))),r(!1))},[v.warnings?.quote,o.length,g.length]),Xh(()=>{t||l(`../${p.search}`)},[]);let M=v.warnings?.quote??null,G=v.error,te=[];return c&&te.push(pe.createElement(Gc,{type:"error",variant:"alarm",title:c})),v.warnings?.quoteUpdate&&te.push(pe.createElement(Gc,{variant:"alarm",type:"warning",title:v.warnings.quoteUpdate&&bn(v.warnings.quoteUpdate)})),(M||G)&&te.push(pe.createElement(xo,{warning:M,error:G,loading:C,refetchQuote:me,showWarningModal:T,confirmationDisabled:!y,onOpenWarningModal:()=>E(!0),onCloseWarningModal:()=>E(!1),onConfirmWarningModal:async()=>{E(!1),await F()},onChangeSettings:()=>l(P.settings)})),pe.createElement(re,{header:{title:pr.t("Confirm Swap"),onWallet:()=>{let O=`../${P.wallets}`;l(O)},suffix:pe.createElement(Qh,{container:W(),side:"bottom",content:pr.t("Settings")},pe.createElement(Ge,{size:"small",variant:"ghost",onClick:()=>l("../"+P.settings)},pe.createElement(Gh,{size:18,color:"black"})))},footer:pe.createElement(Rh,null,pe.createElement("div",{className:ey()},pe.createElement(qh,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:C,disabled:!!v.error||!y,onClick:R},pr.t("Start Swap"))),pe.createElement(Hc,{variant:"contained",type:"primary",size:"large",loading:C,onClick:k.bind(null,!0)},pe.createElement(jh,{size:24})))},f&&pe.createElement(Wp,{open:f,onClose:()=>k(!1),onCancel:A,loading:C,onCheckBalance:L}),pe.createElement(se,null,pe.createElement("div",{className:oy()},pe.createElement(Vh,{variant:"title",size:"small"},pr.t("You get")),pe.createElement("div",{className:ty()},pe.createElement(On,{onClick:!C&&!f&&!T?me:void 0}))),pe.createElement(ns,{size:"12"}),zl(te,pe.createElement(ns,{size:10})),te.length>0?pe.createElement(ns,{size:10}):null,pe.createElement(No,{quote:t,type:"swap-preview",expanded:!0,error:v.error,loading:C,warning:v.warnings?.quote??null})))}i(Qc,"ConfirmSwapPage");import{i18n as mr}from"@lingui/core";import{useManager as Sy}from"@rango-dev/queue-manager-react";import{Divider as ou,NotFound as Cy,styled as Ty}from"@rango-dev/ui";import yt,{useState as ky}from"react";import{useNavigate as wy}from"react-router-dom";import{i18n as iy}from"@lingui/core";import{Divider as Yc,GroupedVirtualizedList as sy,Skeleton as ay,SwapListItem as Jc,Typography as ly}from"@rango-dev/ui";import Le,{useCallback as Zc,useEffect as py,useRef as cy,useState as uy}from"react";function Vc(t,e){let o=[],n=0;do{let r=t[n];o.push(Math.min(r,e)),e-=r,n++}while(e>0&&n<=t.length);return o}i(Vc,"calculateGroupsSoFar");import{css as ny,darkTheme as ry,styled as Mo}from"@rango-dev/ui";var is=ny(),jc=Mo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),ss=Mo("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${is}`]:{$$color:"$colors$neutral600",[`.${ry} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),as=Mo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Xc=Mo("div",{gap:"$10",display:"flex",flexDirection:"column"}),Kc=Mo("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var my=10;function ls(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=uy([]),l=cy(0),{swaps:p,groupCounts:c,groups:u}=n(e),g=Zc(Vc,[]),m=Zc(()=>{let f=e.length-l.current;f&&(l.current+=Math.min(f,my),a(g(c,l.current)))},[e.length]);if(py(()=>{r||m()},[r,m]),r){let f=[1,2];return Le.createElement(Le.Fragment,null,[f,f].map((y,d)=>Le.createElement(ss,{key:d},Le.createElement(as,null,Le.createElement(ay,{variant:"text",width:60,size:"small"}),Le.createElement(Yc,{size:16})),Le.createElement(Yc,{size:4}),Le.createElement(Xc,null,y.map((w,x)=>Le.createElement(Jc,{isLoading:!0,key:x}))))))}return Le.createElement(sy,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:f=>Le.createElement(ss,null,Le.createElement(as,null,Le.createElement(ly,{variant:"label",size:"medium",className:is()},u[f]))),itemContent:(f,k)=>{let y=p[f];if(!y)return null;let d=y.steps[0],S=y.steps[y.steps.length-1];return Le.createElement(jc,{key:y.requestId},Le.createElement(Jc,{requestId:y.requestId,creationTime:y.creationTime,status:y.status,onClick:o,tooltipContainer:W(),onlyShowTime:u[k]===iy.t("Today"),swapTokenData:{from:{token:{image:d.fromLogo,displayName:d.fromSymbol},blockchain:{image:d.fromBlockchainLogo||""},amount:I(y.inputAmount,6,6),realAmount:le(y.inputAmount)},to:{token:{image:S.toLogo,displayName:S.toSymbol},blockchain:{image:S.toBlockchainLogo||""},amount:I(S.outputAmount||S.expectedOutputAmountHumanReadable||"",6,6),realAmount:le(S.outputAmount||S.expectedOutputAmountHumanReadable)}}}))}})}i(ls,"HistoryGroupedList");import{CloseIcon as fy,IconButton as gy,SearchIcon as hy,TextField as yy}from"@rango-dev/ui";import Po from"react";import{styled as dy}from"@rango-dev/ui";var Rc=dy("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function ht(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Po.createElement(yy,{prefix:Po.createElement(Rc,null,Po.createElement(hy,{color:"black"})),suffix:!!a.length&&Po.createElement(gy,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Po.createElement(fy,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...p})}i(ht,"SearchInput");import{i18n as ur}from"@lingui/core";import eu from"dayjs";var tu=i(t=>{let e=new Map([["today",{title:ur.t("Today"),swaps:[]}],["week",{title:ur.t("This week"),swaps:[]}],["month",{title:ur.t("This month"),swaps:[]}],["year",{title:ur.t("This year"),swaps:[]}]]);function o(p,c){e.has(p)||e.set(p,{title:p,swaps:[]}),e.get(p)?.swaps.push(c)}i(o,"addYearsToOutput");let n=eu();t.forEach(p=>{let c=Number(p.creationTime),u=eu(c);if(n.isSame(u,"day"))e.get("today")?.swaps.push(p);else if(n.isSame(u,"week"))e.get("week")?.swaps.push(p);else if(n.isSame(u,"month"))e.get("month")?.swaps.push(p);else if(n.isSame(u,"year"))e.get("year")?.swaps.push(p);else{let g=new Date(c).getFullYear().toString();o(g,p)}});let r=Array.from(e.values()).filter(p=>p.swaps.length>0),s=r.flatMap(p=>p.swaps),a=r.map(p=>p.swaps.length),l=r.map(p=>p.title);return{swaps:s,groupCounts:a,groups:l}},"groupSwapsByDate");var vy=Ty("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),xy=i((t,e)=>t?.length?t.filter(o=>tt(o.fromBlockchain,e)||tt(o.toBlockchain,e)||tt(o.toSymbol,e)||tt(o.fromSymbol,e)).length:!1,"isStepContainsText");function nu(){let t=wy(),{manager:e,state:o}=Sy(),n=It(e).map(({swap:u})=>u),[r,s]=ky(""),a=!o.loadedFromPersistor,l=i(u=>{let g=u.target.value;s(g)},"searchHandler"),p=n;r&&(p=n.filter(u=>tt(u.inputAmount,r)||tt(u.status,r)||xy(u.steps,r)||tt(u.requestId,r)));let c=!p?.length&&!a;return yt.createElement(re,{header:{title:mr.t("History")}},yt.createElement(se,null,yt.createElement(ht,{setValue:s,fullWidth:!0,variant:"contained",placeholder:mr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),yt.createElement(ou,{size:"16"}),yt.createElement(vy,null,c&&yt.createElement(Kc,null,yt.createElement(ou,{size:32}),yt.createElement(Cy,{title:mr.t("No results found"),description:r?mr.t("Try using different keywords"):""})),!c&&yt.createElement(ls,{list:p,onSwapClick:t,groupBy:tu,isLoading:a}))))}i(nu,"HistoryPage");import{i18n as us}from"@lingui/core";import{Button as Ny,Divider as au,styled as pu,SwapInput as lu,WarningIcon as By}from"@rango-dev/ui";import xe,{useEffect as My,useState as Py}from"react";import{useNavigate as $y}from"react-router-dom";import{ReverseIcon as by,styled as ru}from"@rango-dev/ui";import ps from"react";var Ay=ru("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Iy=ru("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&:hover":{color:"$secondary500"}});function iu(){let t=K.use.switchFromAndTo();return ps.createElement(Ay,null,ps.createElement(Iy,{onClick:()=>{t()}},ps.createElement(by,{size:12})))}i(iu,"SwitchFromAndToButton");import{useCallback as Ey,useEffect as Wy,useState as cs}from"react";var Ly=600;function su(){let{fetch:t,cancelFetch:e}=sr(),{liquiditySources:o,enableNewLiquiditySources:n,features:r}=h().config,s=h().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:c,quote:u,resetQuote:g,setQuote:m}=K(),{slippage:f,customSlippage:k,affiliatePercent:y,affiliateRef:d,affiliateWallets:S,disabledLiquiditySources:w,fetchStatus:x}=h(),[C,A]=cs(!0),[v,b]=cs(null),[T,E]=cs(null),L=k??f,U=!a||!l||Ee(a,l)||!mo(p),R=i(G=>{A(G),b(null),E(null)},"resetState"),me=i(G=>{let{fromToken:te,toToken:O,inputAmount:Fe,liquiditySources:V,excludeLiquiditySources:Y,disabledLiquiditySources:be,slippage:Ce,affiliateRef:Te,affiliatePercent:ut,affiliateWallets:_}=G;if(C||R(!0),!U&&te&&O){g();let j=kn({fromToken:te,toToken:O,inputAmount:Fe,liquiditySources:V,excludeLiquiditySources:Y,disabledLiquiditySources:be,slippage:Ce,affiliateRef:Te,affiliatePercent:ut,affiliateWallets:_});cn("experimentalRoute",r)&&(j.experimental=!0),t(j).then(H=>{A(!1),m(H),ar(H);let ce=wn(H,{fromToken:te,toToken:O,userSlippage:L,tokens:s});E(ce)}).catch(H=>{let{error:ce}=lr(H);(ce?.type===0||ce?.type===1)&&g(),ce?.type!==2&&(b(ce),A(!1))})}},"fetch"),M=Ey(Ma(G=>{U||me(G)},Ly),[U]);return Wy(()=>{if(x==="success"){if(!mo(p)||c?.eq(0)){R(!1),e();return}if(U){u&&g();return}return g(),R(!0),M({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:w,slippage:L,affiliateRef:d,affiliatePercent:y,affiliateWallets:S}),e}},[x,p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,U,o?.length,n,w.length,L,d,y,JSON.stringify(S)]),{fetch:()=>me({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:w,slippage:L,affiliateRef:d,affiliatePercent:y,affiliateWallets:S}),loading:C,error:v,warning:T}}i(su,"useSwapInput");var _y=pu("div",{position:"relative"}),Dy=pu("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function cu(){let t=$y(),{fetch:e,loading:o,error:n,warning:r}=su(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:g,outputAmount:m,outputUsdValue:f,quote:k,resetQuoteWallets:y,setQuoteWarningsConfirmed:d}=K(),{config:S,fetchStatus:w}=h(),{connectedWallets:x,getBalanceFor:C}=Q(),{isActiveTab:A}=ee(),[v,b]=Py(!1),T=!!a&&xa(x,a.name),E=!1,L=!Rr(k,u,g),F=!Rr(k,u,f),U=tl({fetchMetaStatus:w,fetchingQuote:o,inputAmount:u,quote:k,anyWalletConnected:x.length>0,error:n,warning:r,needsToWarnEthOnPath:E}),R=s?C(s):null,me=nn(R)?.amount??"0",M=a&&s?I(R?.amount,R?.decimals):"0",G=w==="success"&&!!u&&!!s&&!!l&&o;My(()=>{y()},[]);let te=!g||!f||!f.gt(0)?null:ze(g.toString(),f.toString());return xe.createElement(re,{height:"auto",footer:xe.createElement(Ny,{type:"primary",size:"large",disabled:U.disabled||!A,prefix:U.action==="confirm-warning"&&xe.createElement(By,null),fullWidth:!0,onClick:()=>{U.action==="connect-wallet"?t(P.wallets):U.action==="confirm-warning"?b(!0):t(P.confirmSwap)}},U.title),header:{onWallet:()=>{t(P.wallets)},hasBackButton:!1,title:S.title||us.t("Swap"),suffix:xe.createElement(Ai,{onClickRefresh:(k||n)&&!v?e:void 0,onClickHistory:()=>t(P.swaps),onClickSettings:()=>t(P.settings)})}},xe.createElement(se,null,xe.createElement(Dy,null,xe.createElement(_y,null,xe.createElement(lu,{label:us.t("From"),mode:"From",onInputChange:c,balance:me,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(P.fromSwap),price:{value:u,usdValue:L?void 0:I(g,4,4),realUsdValue:L?void 0:le(g),error:L?X().unknownPriceError.impactTitle:void 0},disabled:w==="failed",loading:w==="loading",loadingBalance:T,tooltipContainer:W(),onSelectMaxBalance:()=>{me!=="0"&&c(M.split(",").join(""))}}),xe.createElement(iu,null)),xe.createElement(lu,{sharpBottomStyle:!!k?.result||G,label:us.t("To"),mode:"To",fetchingQuote:G,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:I(ze(g,f),2,2),warningLevel:ft(te??0),price:{value:I(m,6,6),usdValue:F?void 0:I(f,4,4),realValue:le(m),realUsdValue:F?void 0:le(f),error:F?X().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(P.toSwap),disabled:w==="failed",loading:w==="loading",tooltipContainer:W()})),xe.createElement(au,{size:"2"}),xe.createElement(No,{quote:k,loading:G,error:n,warning:r,type:"basic"}),r||n?xe.createElement(xe.Fragment,null,xe.createElement(au,{size:"10"}),xe.createElement(xo,{warning:r,error:n,loading:G,refetchQuote:e,showWarningModal:v,confirmationDisabled:!A,onOpenWarningModal:()=>b(!0),onCloseWarningModal:()=>b(!1),onConfirmWarningModal:()=>{b(!1),d(!0),t(P.confirmSwap)},onChangeSettings:()=>t(P.settings)})):null))}i(cu,"Home");import{i18n as uu}from"@lingui/core";import{List as Fy,ListItemButton as Uy,Radio as Oy,RadioRoot as zy,Typography as qy}from"@rango-dev/ui";import Nt from"react";function so(){let{setLanguage:t,language:e,config:o}=h(),n=_a,r=o?.language||go;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||go),resetLanguage:()=>t(null)}}i(so,"useLanguage");function mu(){let{activeLanguage:t,changeLanguage:e,languages:o}=so(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:Nt.createElement(qy,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Nt.createElement(Oy,{value:s}),start:Nt.createElement(l,null)}});return Nt.createElement(re,{header:{title:uu.t("Language")}},Nt.createElement(se,null,Nt.createElement(zy,{value:t},Nt.createElement(Fy,{type:Nt.createElement(Uy,{title:uu.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(mu,"LanguagePage");import{i18n as St}from"@lingui/core";import{Button as jy,Checkbox as Xy,Image as Ky,ListItemButton as Yy,NotFound as Jy,Typography as Zy}from"@rango-dev/ui";import Ne,{useState as Ry}from"react";import{Checkbox as Qy,Skeleton as fu}from"@rango-dev/ui";import _o from"react";import{styled as ms}from"@rango-dev/ui";var $o=ms("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ds=ms("div",{width:80,display:"flex",justifyContent:"flex-end"}),fs=ms("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as Gy,styled as Hy}from"@rango-dev/ui";var du=Hy(Gy,{height:61});var Vy=30;function gs(){return _o.createElement($o,null,Array.from(Array(Vy),t=>_o.createElement(du,{hasDivider:!0,key:t,start:_o.createElement(fu,{variant:"circular",width:35,height:35}),title:_o.createElement(fu,{variant:"text",size:"large",width:90}),end:_o.createElement(Qy,{checked:!1})})))}i(gs,"LoadingLiquiditySourceList");function hs({sourceType:t}){let e=h().fetchStatus,o=h().swappers(),n=h().disabledLiquiditySources,[r,s]=Ry(""),a=h().toggleLiquiditySource,l=pn(o,n),p={Exchanges:St.t("Exchanges"),Bridges:St.t("Bridges")},c=[];t==="Exchanges"&&c.push("DEX"),t==="Bridges"&&(c.push("BRIDGE"),c.push("AGGREGATOR"));let u=l.filter(d=>c.includes(d.type)),g=u.length===u.filter(d=>d.selected).length,m=i(()=>{u.forEach(d=>{g?a(d.groupTitle):d.selected||a(d.groupTitle)})},"toggleAllSources"),f=u.map(d=>{let{selected:S,groupTitle:w,logo:x}=d;return{start:Ne.createElement(Ky,{src:x,size:22,type:"circular"}),onClick:()=>a(w),end:Ne.createElement(Xy,{checked:S}),title:Ne.createElement(Zy,{variant:"title",size:"xmedium"},St.t(w)),...d}}),k=i(d=>{let S=d.target.value;s(S)},"searchHandler"),y=f;return r&&(y=f.filter(d=>tt(d.groupTitle,r))),Ne.createElement(re,{header:{title:St.t(t),suffix:Ne.createElement(ds,null,Ne.createElement(jy,{variant:"ghost",size:"xsmall",onClick:m},g?St.t("Deselect all"):St.t("Select all")))}},Ne.createElement(se,{view:!0},Ne.createElement(ht,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:St.t("Search {sourceType}",{sourceType:p[t]}),onChange:k}),e==="loading"&&Ne.createElement(gs,null),!y.length&&r?Ne.createElement(fs,null,Ne.createElement(Jy,{title:St.t("No results found"),description:St.t("Try using different keywords")})):e==="success"&&Ne.createElement($o,null,y.map(d=>Ne.createElement(Ne.Fragment,{key:d.id},Ne.createElement(Yy,{style:{height:"61px"},...d,selected:!1,hasDivider:!0}))))))}i(hs,"LiquiditySourcePage");import{i18n as wu}from"@lingui/core";import{Divider as vu,getCountCategories as pS,SelectableCategoryList as cS}from"@rango-dev/ui";import Ct,{useState as xu}from"react";import{i18n as Ss}from"@lingui/core";import{Divider as Tu,Image as rS,ListItemButton as iS,NotFound as sS,Typography as ku}from"@rango-dev/ui";import Qe,{useEffect as aS,useState as lS}from"react";import{BlockchainCategories as ys}from"@rango-dev/ui";import{TransactionType as dr}from"rango-sdk";var eS=i((t,e)=>{switch(e){case ys.ALL:return!0;case ys.UTXO:return t.type===dr.TRANSFER;case ys.OTHER:return t.type!==dr.TRANSFER&&t.type!==dr.COSMOS&&t.type!==dr.EVM;default:return t.type===e}},"filterByType"),gu=i((t,e,o)=>t.filter(n=>eS(n,o)).filter(n=>Pt(n.name,e)||Pt(n.displayName,e)),"filterBlockchains");import{ImageContainer as tS,styled as hu}from"@rango-dev/ui";var yu=hu("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),fr=hu(Co,{padding:0,margin:0,listStyle:"none",[`& ${tS}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as oS,Skeleton as Su}from"@rango-dev/ui";import gr from"react";var nS=20;function Cu(){return gr.createElement(fr,null,Array.from(Array(nS),t=>gr.createElement(oS,{key:t,hasDivider:!0,start:gr.createElement(Su,{variant:"circular",width:35,height:35}),title:gr.createElement(Su,{variant:"text",size:"large",width:90})})))}i(Cu,"LoadingBlockchainList");function Cs(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=lS(e),{fetchStatus:l}=h();aS(()=>{a([...gu(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Qe.createElement(Qe.Fragment,null,Qe.createElement(Tu,{size:32}),Qe.createElement(sS,{title:Ss.t("No results found"),description:Ss.t("Try using different keywords")})):Qe.createElement(fr,{as:"ul",key:`${r}-${o}`},s.map(c=>Qe.createElement(iS,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:Qe.createElement(rS,{src:c.logo,size:30}),title:Qe.createElement(ku,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return Qe.createElement(yu,null,Qe.createElement(ku,{variant:"label",size:"large"},Ss.t("Select Blockchain")),Qe.createElement(Tu,{size:4}),l==="loading"&&Qe.createElement(Cu,null),l==="success"&&p())}i(Cs,"BlockchainList");function Ts(t){let{type:e}=t,o=At(),[n,r]=xu(""),[s,a]=xu("ALL"),l=K.use.setToBlockchain(),p=K.use.setFromBlockchain(),c=h().fetchStatus,u=h().blockchains({type:e}),m=pS(u)!==1;return Ct.createElement(re,{header:{title:wu.t("Select Blockchain")}},Ct.createElement(se,{view:!0},m&&Ct.createElement(Ct.Fragment,null,Ct.createElement(cS,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),Ct.createElement(vu,{size:24})),Ct.createElement(ht,{value:n,autoFocus:!0,placeholder:wu.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),Ct.createElement(vu,{size:16}),Ct.createElement(Cs,{list:u,searchedFor:n,blockchainCategory:s,onChange:f=>{e==="source"?p(f):l(f),o()}})))}i(Ts,"SelectBlockchainPage");import{i18n as Tr}from"@lingui/core";import{Divider as Hu}from"@rango-dev/ui";import zt,{useState as IS}from"react";import{useNavigate as ES}from"react-router-dom";import{i18n as vs}from"@lingui/core";import{BlockchainsChip as hr,Divider as Eu,Image as Wu,Skeleton as gS,Tooltip as hS,Typography as xs}from"@rango-dev/ui";import Se from"react";import{useEffect as dS}from"react";var bu=["ETH","COSMOS","OSMOSIS"];function ks(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(uS),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let c=n[p];a=a.filter(u=>c.name!==u)}}n.sort(mS(a)),r=n.splice(s)}return{list:n,more:r}}i(ks,"prepare");function uS(t,e){let o=bu,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),s=n>-1,a=r>-1;return s&&a?n>r?1:-1:s?-1:a?1:0}i(uS,"sortByMostUsedBlockchains");function mS(t){return i(function(o,n){let r=t.findIndex(p=>p===o.name),s=t.findIndex(p=>p===n.name),a=r>-1,l=s>-1;return a&&l?r>s?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}i(mS,"generateSortByPreferredBlockchainsFor");function Au(t,e){return!!e.list.find(o=>o.name===t)}i(Au,"isInVisibleList");function ws(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=h();dS(()=>{if(e?.selected){let s=ks(t,o,e);Au(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=ks(t,o,e);return{list:r.list,more:r.more,history:[]}}i(ws,"usePrepareBlockchainList");import{styled as fS}from"@rango-dev/ui";var Iu=fS("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var yS=12;function bs(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=ws(e,{limit:10,selected:n?.name}),{fetchStatus:l}=h(),p=K.use.resetToBlockchain(),c=K.use.resetFromBlockchain(),u=a.more.length>0,g=a.more.length===1,m=!g&&u;return Se.createElement(Se.Fragment,null,Se.createElement(Eu,{size:12}),Se.createElement(xs,{variant:"label",size:"large"},vs.t("Select Blockchain")),Se.createElement(Eu,{size:12}),Se.createElement(Iu,null,l==="loading"&&Array.from(Array(yS),f=>Se.createElement(gS,{key:f,variant:"rounded",height:50})),l==="success"&&Se.createElement(Se.Fragment,null,Se.createElement(hr,{selected:!n,onClick:()=>{o==="from"?c():p()}},Se.createElement(xs,{variant:"body",size:"xsmall",color:"secondary500"},vs.t("All"))),a.list.map(f=>Se.createElement(hS,{key:f.name,content:f.shortName,side:"bottom",sideOffset:2,container:W()},Se.createElement(hr,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},Se.createElement(Wu,{src:f.logo,size:30})))),g?Se.createElement(hr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},Se.createElement(Wu,{src:a.more[0].logo,size:30})):null,m?Se.createElement(hr,{onClick:s,key:"more-blockchains"},Se.createElement(xs,{variant:"body",size:"xsmall",color:"secondary500"},vs._("More +{count}",{count:a.more.length}))):null)))}i(bs,"BlockchainsSection");import{i18n as $s}from"@lingui/core";import{darkTheme as Uu,Divider as lo,ExternalLinkIcon as TS,Image as kS,ListItemButton as wS,NotFound as vS,PinIcon as xS,Skeleton as Ou,Typography as Cr,VirtualizedList as bS}from"@rango-dev/ui";import $,{useEffect as zu,useState as qu}from"react";import{Divider as Du,ListItem as CS,Skeleton as Do}from"@rango-dev/ui";import Re from"react";import{css as ao,darkTheme as Lu,ImageContainer as SS,styled as Ze,Typography as Nu}from"@rango-dev/ui";var As=ao({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Is=ao({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Es=ao({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Ws=ao({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Lu} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Ls=ao({}),Ns=ao(),Bu=Ze("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Bs=Ze("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),yr=Ze("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Is}`]:{[`& .${Ws}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Ls}`]:{bottom:"-15px"},[`& .${As}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Es}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Ms=Ze("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ps=Ze(Nu,{}),Mu=Ze("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Ns}`]:{$$color:"$colors$neutral600",[`.${Lu} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Sr=Ze("div",{display:"flex",alignItems:"end",flexDirection:"column"}),m$=Ze("div",{display:"flex",alignItems:"center"}),Pu=Ze("div",{position:"relative",[`& ${SS}`]:{borderRadius:"$xm",overflow:"hidden"}}),$u=Ze("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),_u=Ze(Nu,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Fu(t){return Re.createElement(yr,null,Array.from(Array(t.size),e=>Re.createElement(CS,{key:e,hasDivider:!0,start:Re.createElement(Do,{variant:"circular",width:35,height:35}),end:Re.createElement(Sr,null,Re.createElement(Do,{variant:"text",size:"large",width:70}),Re.createElement(Du,{size:4}),Re.createElement(Do,{variant:"text",size:"medium",width:50})),title:Re.createElement("div",null,Re.createElement(Do,{variant:"text",size:"large",width:90}),Re.createElement(Du,{size:4}),Re.createElement(Do,{variant:"text",size:"medium",width:90}))})))}i(Fu,"LoadingTokenList");var _s=20,AS=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return $.createElement("div",{className:Is()},o?$.createElement("div",{className:As()},o):$.createElement(Bs,{className:Es()},$.createElement(Cr,{variant:"title",size:"xmedium"},r.symbol),$.createElement(lo,{direction:"horizontal",size:4}),$.createElement(Ms,{css:s},$.createElement(Ps,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&$.createElement("div",{className:`${Ws()} ${!o&&Ls()}`},$.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",$.createElement(lo,{size:4,direction:"horizontal"}),$.createElement(TS,{color:"gray",size:12}))))},"renderDesc");function Gu(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=qu(e),l=h().fetchStatus,p=h().blockchains(),[c,u]=qu(!0),{getBalanceFor:g,loading:m}=Q(),{isTokenPinned:f}=h(),k=i(()=>{a(e.slice(0,s.length+_s))},"loadNextPage");zu(()=>{u(e.length>s.length)},[s.length]),zu(()=>{a(e.slice(0,_s))},[e]);let y=i(()=>!s.length&&o?$.createElement($.Fragment,null,$.createElement(lo,{size:32}),$.createElement(vS,{title:$s.t("No results found"),description:$s.t("Try using different keywords")})):$.createElement(bS,{endReached:c?k:void 0,itemContent:d=>{let S=s[d],w=nn(g(S)),x=S.address||"",C=p.find(T=>T.name===S.blockchain),A=Pn(S.symbol,C?.color||""),v={$$color:A[`${S.symbol}100`],[`.${Uu} &`]:{$$color:A[`${S.symbol}900`]},backgroundColor:"$$color"},b={$$color:A[`${S.symbol}700`],[`.${Uu} &`]:{$$color:A[`${S.symbol}100`]},color:"$$color"};return $.createElement("div",{style:{paddingRight:5}},$.createElement(wS,{style:{width:"100%",overflow:"hidden"},"tab-index":d,key:`${S.symbol}${S.address}`,id:`${S.symbol}${S.address}`,hasDivider:!0,onClick:()=>n(s[d]),start:$.createElement(Pu,null,$.createElement(kS,{src:S.image,size:30}),f(S,t.type)&&$.createElement($u,null,$.createElement(xS,{size:12,color:"gray"}))),title:C?.type==="COSMOS"||S.name||!S.name&&!x?$.createElement(Bs,null,$.createElement(Cr,{variant:"title",size:"xmedium"},S.symbol),$.createElement(lo,{direction:"horizontal",size:4}),$.createElement(Ms,{css:v},$.createElement(Ps,{variant:"body",size:"xsmall",css:b},S.blockchain))):void 0,description:C?.info&&x&&C.type!=="COSMOS"?AS({address:x,token:s[d],customCssForTag:v,customCssForTagTitle:b,name:S.name,url:C.info.addressUrl.split("{wallet}").join(x)}):S.name||void 0,end:m?$.createElement(Sr,null,$.createElement(Ou,{variant:"text",size:"large",width:70}),$.createElement(lo,{size:4}),$.createElement(Ou,{variant:"text",size:"medium",width:50})):w&&$.createElement(Mu,null,$.createElement(_u,{variant:"title",size:"small"},w.amount),$.createElement("div",null),w.usdValue&&$.createElement(Cr,{variant:"body",className:Ns(),size:"xsmall"},`$${w.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return $.createElement(Bu,null,$.createElement(Cr,{variant:"label",size:"large"},$s.t("Select Token")),$.createElement(lo,{size:4}),l==="loading"&&$.createElement(Fu,{size:_s}),l==="success"&&$.createElement(yr,{as:"ul"},y()))}i(Gu,"TokenList");function Ds(t){let{type:e}=t,o=ES(),n=At(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=K(),u=Q.use.getBalanceFor(),[g,m]=IS(""),{isTokenPinned:f}=h(),y=(e==="source"?r:s)?.name??"",d=h().blockchains({type:e}),S=h().tokens({type:e,blockchain:y,searchFor:g}),x=ka(S,u,i(b=>f(b,e),"checkIsTokenPinned")),C=i(b=>{e==="source"?p(b):c(b)},"updateBlockchain"),A=i(b=>{e==="source"?a({token:b,meta:{blockchains:d,tokens:S}}):l({token:b,meta:{blockchains:d,tokens:S}})},"updateToken"),v={source:Tr.t("Source"),destination:Tr.t("Destination")};return zt.createElement(re,{header:{title:Tr.t("Swap {type}",{type:v[e]})}},zt.createElement(se,null,zt.createElement(bs,{blockchains:d,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(P.blockchains),onChange:b=>{C(b)}}),zt.createElement(Hu,{size:24}),zt.createElement(ht,{value:g,autoFocus:!0,placeholder:Tr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:b=>m(b.target.value)}),zt.createElement(Hu,{size:16}),zt.createElement(Gu,{list:x,selectedBlockchain:y,searchedFor:g,type:e,onChange:b=>{A(b);let T=d.find(E=>b.blockchain===E.name);T&&C(T),n()}})))}i(Ds,"SelectSwapItemsPage");import{i18n as qt}from"@lingui/core";import{ChevronRightIcon as Os,Divider as zs,InfoIcon as _S,List as DS,ListItemButton as FS,Skeleton as US,Switch as OS,Tooltip as zS,Typography as Gt}from"@rango-dev/ui";import J from"react";import{useNavigate as qS}from"react-router-dom";import{i18n as Yu}from"@lingui/core";import{Divider as BS,InfoIcon as MS,TextField as PS,Tooltip as $S,Typography as Ju}from"@rango-dev/ui";import De from"react";import{Chip as WS,styled as Fo,TextField as LS}from"@rango-dev/ui";var Qu=Fo("div",{paddingTop:"$5",padding:"$10 $5"}),Vu=Fo("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${LS}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),ju=Fo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),kr=Fo("div",{maxWidth:"280px",padding:"$10"}),Xu=Fo(WS,{width:"61px",flexShrink:0});import{i18n as Fs}from"@lingui/core";import{Typography as NS}from"@rango-dev/ui";import Uo from"react";function Ku(){return Uo.createElement(kr,null,Uo.createElement(NS,{variant:"label",size:"medium",color:"neutral700"},Fs.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Uo.createElement("br",null),Uo.createElement("br",null),Uo.createElement("b",null,Fs.t("Warning")),":",Fs.t("This setting is applied per step (e.g. 1Inch, Thorchain, etc) which means only the step will be reverted, not the whole transaction.")))}i(Ku,"SlippageTooltipContent");function Us(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=h();return De.createElement(Qu,null,De.createElement(ju,null,De.createElement(Ju,{variant:"title",size:"xmedium"},Yu.t("Slippage tolerance per swap")),De.createElement(BS,{direction:"horizontal",size:4}),De.createElement($S,{container:W(),side:"top",sideOffset:4,content:De.createElement(Ku,null)},De.createElement(MS,{color:"gray"}))),De.createElement(Vu,null,Da.map((r,s)=>{let a=`slippage-${s}`;return De.createElement(De.Fragment,null,De.createElement(Xu,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),De.createElement(PS,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=r.target.value,a=parseFloat(s);a>=za&&a<=Oa?n(a):n(null)},suffix:o&&De.createElement(Ju,{variant:"body",size:"small"},"%"),placeholder:Yu.t("Custom")})))}i(Us,"Slippage");function Zu(){let t=qS(),{theme:e}=h().config,o=h().fetchStatus,n=h().swappers(),r=h().disabledLiquiditySources,{config:{features:s}}=h(),a=Ue("theme",s),l=Ue("liquiditySource",s),p=Ue("language",s),c=h().infiniteApprove,u=h().toggleInfiniteApprove,g=pn(n,r),m=g.filter(T=>T.type==="BRIDGE"||T.type==="AGGREGATOR"),f=m.length,k=m.filter(T=>T.selected).length,y=g.filter(T=>T.type==="DEX"),d=y.length,S=y.filter(T=>T.selected).length,w=i((T,E)=>{switch(o){case"loading":return J.createElement(US,{variant:"text",size:"medium",width:50});case"failed":return J.createElement(Gt,{variant:"body",size:"medium",color:"$error500"},qt.t("Loading failed"));default:return J.createElement(Gt,{variant:"body",size:"medium"},`${T} / ${E}`)}},"handleEndItem"),x={id:"bridge-item",title:J.createElement(Gt,{variant:"title",size:"xmedium"},qt.t("Enabled bridges")),end:J.createElement(J.Fragment,null,w(k,f),J.createElement(zs,{direction:"horizontal",size:8}),J.createElement(Os,{color:"black"})),onClick:()=>t(P.bridges)},C={id:"exchange-item",title:J.createElement(Gt,{variant:"title",size:"xmedium"},qt.t("Enabled exchanges")),end:J.createElement(J.Fragment,null,w(S,d),J.createElement(zs,{direction:"horizontal",size:8}),J.createElement(Os,{color:"gray"})),onClick:()=>t(P.exchanges)},A={id:"theme-item",title:J.createElement(Gt,{variant:"title",size:"xmedium"},qt.t("Theme")),end:J.createElement(Os,{color:"gray"}),onClick:()=>t(P.themes)},v={id:"infinite-approval-item",title:J.createElement(J.Fragment,null,J.createElement(Gt,{variant:"title",size:"xmedium"},qt.t("Infinite approval")),J.createElement(zs,{direction:"horizontal",size:4}),J.createElement(zS,{side:"top",sideOffset:4,container:W(),content:J.createElement(kr,null,J.createElement(Gt,{variant:"label",size:"medium",color:"neutral700"},qt.t("Enabling the 'Infinite approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},J.createElement(_S,{color:"gray"}))),end:J.createElement(OS,{checked:c}),onClick:u},b=l?[]:[x,C];return!e?.singleTheme&&!a&&b.push(A),b.push(v),J.createElement(re,{header:{title:qt.t("Settings")}},J.createElement(se,null,J.createElement(Us,null),J.createElement(DS,{type:J.createElement(FS,{title:"_",id:"_",onClick:()=>console.log()}),items:b})))}i(Zu,"SettingsPage");import{i18n as LC}from"@lingui/core";import{cancelSwap as NC}from"@rango-dev/queue-manager-rango-preset";import{useManager as BC}from"@rango-dev/queue-manager-react";import{Alert as MC}from"@rango-dev/ui";import oa from"react";import{useParams as PC}from"react-router-dom";import{i18n as Tt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as mC,getCurrentStep as dC,getRelatedWalletOrNull as fC}from"@rango-dev/queue-manager-rango-preset";import{Button as Im,CopyIcon as gC,Divider as hC,IconButton as yC,LinkIcon as SC,QuoteCost as CC,StepDetails as TC,Typography as co,useCopyToClipboard as kC}from"@rango-dev/ui";import{useWallets as wC}from"@rango-dev/wallets-react";import Em from"bignumber.js";import{PendingSwapNetworkStatus as Nr}from"rango-types";import Z,{useEffect as Wm,useRef as vC,useState as Lm}from"react";import{useNavigate as xC}from"react-router-dom";import{i18n as Bt}from"@lingui/core";var GS=[Bt.t("Sunday"),Bt.t("Monday"),Bt.t("Tuesday"),Bt.t("Wednesday"),Bt.t("Thursday"),Bt.t("Friday"),Bt.t("Saturday")];function Ru(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Bt.t("Today"):`${GS[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(Ru,"timeSince");function em(t){return t.finishTime?Ru(parseInt(t.finishTime)):Ru(parseInt(t.creationTime))}i(em,"getSwapDate");import{PendingSwapNetworkStatus as xr}from"rango-types";import br from"react";import{i18n as wr}from"@lingui/core";import{Button as tm,Divider as qs,MessageBox as HS,Typography as om}from"@rango-dev/ui";import pt from"react";var nm=i(({onCancel:t,onClose:e})=>pt.createElement(pt.Fragment,null,pt.createElement(qs,{size:20}),pt.createElement(HS,{type:"error",title:wr.t("Cancel Swap"),description:wr.t("Are you sure you want to cancel this swap?")}),pt.createElement(qs,{size:32}),pt.createElement(tm,{variant:"contained",type:"primary",size:"large",onClick:t},pt.createElement(om,{variant:"title",size:"medium",color:"neutral100"},wr.t("Yes, Cancel it"))),pt.createElement(qs,{size:12}),pt.createElement(tm,{variant:"outlined",type:"primary",size:"large",onClick:e},pt.createElement(om,{variant:"title",size:"medium",color:"primary"},wr.t("No, Continue")))),"CancelContent");import{i18n as vr}from"@lingui/core";import{Button as rm,Divider as Gs,MessageBox as QS,Typography as im}from"@rango-dev/ui";import ct from"react";var sm=i(({onDelete:t,onClose:e})=>ct.createElement(ct.Fragment,null,ct.createElement(Gs,{size:20}),ct.createElement(QS,{type:"error",title:vr.t("Delete Transaction"),description:vr.t("Are you sure you want to delete this swap?")}),ct.createElement(Gs,{size:32}),ct.createElement(rm,{variant:"contained",type:"primary",size:"large",onClick:t},ct.createElement(im,{variant:"title",size:"medium",color:"neutral100"},vr.t("Yes, Delete it"))),ct.createElement(Gs,{size:12}),ct.createElement(rm,{variant:"outlined",type:"primary",size:"large",onClick:e},ct.createElement(im,{variant:"title",size:"medium",color:"primary"},vr.t("No, Cancel")))),"DeleteContent");import{i18n as Hs}from"@lingui/core";import{PendingSwapNetworkStatus as Qs}from"rango-types";var Vs={[Qs.WaitingForNetworkChange]:{type:"loading",title:Hs.t("Change Network")},[Qs.WaitingForConnectingWallet]:{type:"warning",title:Hs.t("Connect Wallet")},[Qs.NetworkChanged]:{type:"success",title:Hs.t("Network Changed")}};import{MessageBox as jS,Wallet as XS,WalletState as KS}from"@rango-dev/ui";import{useWallets as YS}from"@rango-dev/wallets-react";import Oo,{useEffect as lm,useRef as JS}from"react";import{styled as VS}from"@rango-dev/ui";var am=VS("div",{display:"flex",justifyContent:"center"});var pm=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c,disconnect:u}=YS(),g=n?.walletType,m=g?Ur(c(g)):null,f=JS(!1),k=g?p(g):null,y=s&&!!g&&!!m&&!!k;return lm(()=>()=>{f.current=!0},[]),lm(()=>()=>{f.current&&g&&m===KS.CONNECTING&&u(g)},[m]),Oo.createElement(Oo.Fragment,null,Oo.createElement(jS,{type:e,title:o,description:r}),y&&Oo.createElement(am,null,Oo.createElement(XS,{container:W(),title:k.name,image:k.img,type:g,state:m,link:k.installLink,disabled:a,onClick:async()=>l(g)})))},"WalletStateContent");function js(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===xr.WaitingForNetworkChange||e===xr.WaitingForConnectingWallet||e===xr.NetworkChanged;return br.createElement(ie,{open:!!e,onClose:o,container:document.getElementById(Ae.SWAP_BOX_ID)||document.body},p&&br.createElement(pm,{type:Vs[e].type,title:Vs[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==xr.WaitingForNetworkChange}),e==="delete"&&br.createElement(sm,{onClose:o,onDelete:n}),e==="cancel"&&br.createElement(nm,{onClose:o,onCancel:r}))}i(js,"SwapDetailsModal");import{i18n as zo}from"@lingui/core";import{Button as Xs,Divider as Ar,MessageBox as cm,TokenAmount as ZS,Typography as Ir}from"@rango-dev/ui";import we from"react";import{useNavigate as RS}from"react-router-dom";function Ks(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:c,percentageChange:u,description:g,diagnosisUrl:m}=t,f=RS();return we.createElement(ie,{open:e,onClose:o,container:document.getElementById(Ae.SWAP_BOX_ID)||document.body},n==="success"?we.createElement(cm,{type:"success",title:zo.t("Swap Successful")},we.createElement(ZS,{direction:"vertical",tooltipContainer:W(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),we.createElement(Ar,{size:12}),we.createElement(Ir,{variant:"body",size:"medium",color:"neutral700",align:"center"},g)):we.createElement(cm,{type:"error",title:zo.t("Transaction Failed"),description:g}),we.createElement(Ar,{size:32}),n==="success"&&we.createElement(Xs,{variant:"contained",type:"primary",size:"large",onClick:()=>{f("../../")}},we.createElement(Ir,{variant:"title",size:"medium",color:"neutral100"},zo.t("Done"))),we.createElement(Ar,{size:12}),m&&we.createElement(we.Fragment,null,we.createElement(Xs,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},we.createElement(Ir,{variant:"title",size:"medium",color:"primary"},zo.t("Diagnosis"))),we.createElement(Ar,{size:12})),we.createElement(Xs,{variant:"outlined",type:"primary",size:"large",onClick:o},we.createElement(Ir,{variant:"title",size:"medium",color:"primary"},zo.t("See Details"))))}i(Ks,"SwapDetailsCompleteModal");import cC from"react";import{i18n as sC}from"@lingui/core";import{Alert as hm,IconButton as aC,LinkIcon as lC}from"@rango-dev/ui";import Mt,{Fragment as pC}from"react";import{Alert as eC,ChevronDownIcon as tC,ChevronUpIcon as oC,IconButton as nC}from"@rango-dev/ui";import Er,{useState as rC}from"react";function um(t){let{message:e}=t,[o,n]=rC(!1);return Er.createElement(eC,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Er.createElement(nC,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Er.createElement(oC,{size:12,color:"gray"}):Er.createElement(tC,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(um,"FailedAlert");import{styled as iC}from"@rango-dev/ui";var mm=iC("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as dm}from"@lingui/core";import{Alert as Ys,Button as fm}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Js}from"rango-types";import qo from"react";function gm(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?qo.createElement(Ys,{type:"warning",title:n.shortMessage,action:qo.createElement(fm,{size:"xxsmall",type:"warning",onClick:()=>{o(Js.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},dm.t("Change"))}):r===Js.WaitingForConnectingWallet?qo.createElement(Ys,{type:"warning",title:n.shortMessage,action:qo.createElement(fm,{size:"xxsmall",type:"warning",onClick:()=>{o(Js.WaitingForConnectingWallet)}},dm.t("Connect"))}):qo.createElement(Ys,{type:"warning",title:n.shortMessage})}i(gm,"WarningAlert");function Zs(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=yo(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return Mt.createElement(mm,null,s.explorerUrl?.map((g,m,f)=>{let k=m+g.url,y=m===f.length-1,d=(y&&c||p)&&!u,S=y&&s.status==="failed";return Mt.createElement(pC,{key:k},Mt.createElement(hm,{type:y&&(d&&"loading"||S&&"error")||"success",title:g.description?`${g.description} Tx`:sC.t("View transaction"),action:g.url&&Mt.createElement(aC,{variant:"ghost",size:"xsmall",onClick:()=>window.open(g.url,"_blank")},Mt.createElement(lC,{size:12}))}))}),u&&Mt.createElement(hm,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Mt.createElement(gm,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Mt.createElement(um,{message:r}))}i(Zs,"SwapDetailsAlerts");var ym=2e3;var Sm=i(({swap:t,blockchains:e,swappers:o,...n})=>{let r=t.hasAlreadyProceededToSign!==!1;return t.steps.map((s,a)=>{let l=a===0?t.inputAmount:t.steps[a-1].outputAmount||t.steps[a-1].expectedOutputAmountHumanReadable;return{from:{token:{displayName:s.fromSymbol,image:s.fromLogo??""},chain:{displayName:Oe(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:I(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Oe(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:I(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:ho(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Oe(p.fromBlockchain,e)??""},to:{blockchain:Oe(p.toBlockchain,e)??""},swapper:{displayName:ho(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:cC.createElement(Zs,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function Cm(t){if(yo(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i(Cm,"getStepState");import{css as Go,darkTheme as uC,styled as Ht}from"@rango-dev/ui";var Tm=Ht("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Wr=Ht("div",{width:"100%"}),km=Ht(Co,{padding:"$0 $20 $20 $20"}),ZD=Ht("div",{display:"flex",flexDirection:"column",gap:"$10"}),wm=Ht("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),RD=Ht("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),po=Go({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${uC} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),vm=Go({padding:"$5 0"}),Lr=Go({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),xm=Go({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),bm=Go({width:"100%",padding:"0 $20 $10"}),Am=Ht("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function Rs(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=wC(),p=h().blockchains(),c=h().swappers(),u=h().tokens(),g=K.use.retry(),m=ee.use.isActiveTab(),f=xC(),[k,y]=kC(ym),d=vC(null),[S,w]=Lm(null),[x,C]=Lm(null),A=i(()=>{r(),w(null)},"onCancel"),v=$e.use.getUnreadNotifications(),b=$e.use.setAsRead(),T=v(),E=dC(e),L=E?.networkStatus;Wm(()=>{T.find(kt=>kt.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(C(e.status),b(e.requestId))},[e.status]),Wm(()=>{te?w(Nr.WaitingForNetworkChange):L===Nr.WaitingForConnectingWallet||L===Nr.NetworkChanged?w(L):w(null)},[L]);let F=ml(e),U=E?mC(e,E):null,R=E?fC(e,E):null,me=em(e),M=dl(e),G=i(Pe=>!!l(Pe)?.mobileWallet,"isMobileWallet"),te=L===Nr.WaitingForNetworkChange&&!!U&&!!R?.walletType&&(G(R.walletType)||s(R.walletType,U)),O=te?a.bind(null,R.walletType,U):void 0,Fe=ul(e,E),V=Sm({swap:e,switchNetwork:O,showNetworkModal:L,setNetworkModal:w,message:Fe,blockchains:p,swappers:c}),Y=V.length,[be,Ce]=[e.steps[0],e.steps[Y-1]],Te=Ce.outputAmount||Ce.expectedOutputAmountHumanReadable,ut=e.steps.reduce((Pe,kt)=>Pe+parseFloat(kt.feeInUsd||""),0),_=e.steps.find(Pe=>Pe.diagnosisUrl)?.diagnosisUrl,j=I(parseFloat(I(Te,6,6))*(Ce.toUsdPrice||0),4,4),H=I(parseFloat(e.inputAmount)*(be.fromUsdPrice||0),4,4),ce=Te?le(new Em(Te).multipliedBy(Ce.toUsdPrice||0)):"",mt=le(new Em(e.inputAmount).multipliedBy(be.fromUsdPrice||0)),Ve=ze(H,j),Dr=e.status==="success"?Tt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:I(Te,6,6),token:V[Y-1].to.token.displayName,conciseAddress:rn(e.wallets[V[Y-1].to.chain.displayName]?.address||""),chain:V[Y-1].to.chain.displayName}}):`${Tt.t("Transaction was not sent.")} ${F?Tt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:F.outputAmount,symbol:F.symbol,blockchain:F.blockchain}}):""}`;return Z.createElement(re,{header:{title:Tt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>w("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(Zt,null,Z.createElement(Im,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>w("delete")},Z.createElement(co,{size:"medium",variant:"label",color:"error"},Tt.t("Delete"))))},footer:M&&!x&&Z.createElement(Im,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{g(e,{blockchains:p,tokens:u}),setTimeout(()=>{f("../../")},0)}},Tt.t("Try again"))},Z.createElement(se,{compact:!0,view:!0},Z.createElement(Wr,null,Z.createElement("div",{className:po()},Z.createElement(co,{variant:"label",size:"large",color:"neutral700"},`${Tt.t("Request ID")}:`),Z.createElement("div",{className:Lr()},Z.createElement(co,{variant:"label",size:"small",color:"neutral700"},o),Z.createElement(yC,{variant:"ghost",onClick:y.bind(null,o||"")},Z.createElement(gC,{size:16,color:"gray"})),Z.createElement(Am,{target:"_blank",href:`${ca}/swap/${o}`},Z.createElement(SC,{size:16})))),Z.createElement("div",{className:po()},Z.createElement(co,{variant:"label",size:"large",color:"neutral700"},`${Tt.t(e.finishTime?"Finished at":"Created at")}:`),Z.createElement(co,{variant:"label",size:"small",color:"neutral700"},me))),Z.createElement("div",{className:xm()},Z.createElement(CC,{fee:I(String(ut),2,2),time:Yo(Jo(e.steps)),steps:Y}),Z.createElement(Ao,{from:{price:{value:I(e.inputAmount,6,6),usdValue:H,realUsdValue:mt,realValue:e.inputAmount},token:{displayName:V[0].from.token.displayName,image:V[0].from.token.image},chain:{image:V[0].from.chain.image,displayName:V[0].from.chain.displayName}},to:{price:{value:I(Te,6,6),usdValue:j,realUsdValue:ce,realValue:Te},token:{displayName:V[Y-1].to.token.displayName,image:V[Y-1].to.token.image},chain:{image:V[Y-1].to.chain.image,displayName:V[Y-1].to.chain.displayName}},percentageChange:I(Ve,2,2),warningLevel:ft(Ve??0)})),Z.createElement("div",{className:bm()},Z.createElement(co,{variant:"title",size:"small"},Tt.t("Swaps steps"))),Z.createElement(hC,{size:8}),Z.createElement(km,{ref:d},V.map((Pe,kt)=>{let la=kt,uo=Cm(e.steps[kt]),Jm=uo==="error"||uo==="in-progress"||uo==="warning"||uo==="completed"&&kt===V.length-1;return Z.createElement(TC,{key:la,step:Pe,type:"swap-progress",ref:d,state:uo,hasSeparator:kt!==0,tabIndex:la,isFocused:Jm,tooltipContainer:W()})}))),Z.createElement(js,{state:S,onClose:()=>w(null),onCancel:A,onDelete:n,message:Fe.detailedMessage.content,currentStepWallet:R,walletButtonDisabled:!m}),Z.createElement(Ks,{open:!!x,diagnosisUrl:_,onClose:()=>C(null),status:e.status==="success"?"success":"failed",priceValue:I(Te,6,6),usdValue:j,realUsdValue:ce,realValue:le(Te),percentageChange:I(Ve,2,2),token:{displayName:V[Y-1].to.token.displayName,image:V[Y-1].to.token.image},chain:{image:V[Y-1].to.chain.image},description:Dr}))}i(Rs,"SwapDetails");import{i18n as Mr}from"@lingui/core";import{Divider as Mm,NotFound as WC,Skeleton as Qo,Typography as Pr}from"@rango-dev/ui";import ue from"react";import{i18n as bC}from"@lingui/core";import{Divider as AC,Skeleton as IC,Typography as EC}from"@rango-dev/ui";import fe from"react";import{css as et,styled as ea}from"@rango-dev/ui";var Nm=ea("div",{width:"100%",height:"100%",padding:"$10 $20"}),Ho=ea("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Br=ea("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),B1=et({display:"flex",justifyContent:"space-between",alignItems:"center"}),M1=et({display:"flex",justifyContent:"space-between",alignItems:"center"}),P1=et({paddingTop:"$15",display:"flex"}),$1=et({padding:"$15 $0"}),_1=et({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),D1=et({paddingBottom:"$10"}),F1=et({display:"flex",justifyContent:"start",alignItems:"center"}),U1=et({paddingTop:"$5",display:"flex",alignItems:"center"}),O1=et({display:"flex",alignItems:"center"}),z1=et({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Bm=et({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function ta(){return fe.createElement(Nm,null,fe.createElement(Wo,{type:"swap-preview"}),fe.createElement("div",{className:"swaps-steps"},fe.createElement(EC,{variant:"title",size:"small"},bC.t("Swaps steps"))),fe.createElement(fe.Fragment,null,fe.createElement(Ho,null,fe.createElement(lt,{separator:!1}),fe.createElement("div",{className:Bm()},fe.createElement(AC,{direction:"horizontal",size:20}),fe.createElement(IC,{height:22,variant:"rectangular"}))),fe.createElement(Br,null),fe.createElement(Ho,null,fe.createElement(lt,{separator:!1})),fe.createElement(Br,null),fe.createElement(Ho,null,fe.createElement(lt,{separator:!1})),fe.createElement(Br,null),fe.createElement(Ho,null,fe.createElement(lt,{separator:!1}))))}i(ta,"LoadingSwapDetails");function Pm(t){let{requestId:e,showSkeleton:o}=t;return ue.createElement(re,{header:{title:Mr.t("Swap and Bridge"),suffix:ue.createElement(Zt,null)}},o&&ue.createElement(Tm,null,ue.createElement(Wr,null,ue.createElement("div",{className:po()},ue.createElement(Pr,{variant:"label",size:"large",color:"neutral700"},`${Mr.t("Request ID")}:`),ue.createElement("div",{className:Lr()},ue.createElement(Pr,{variant:"label",size:"small",color:"neutral700"},ue.createElement(Qo,{width:60,height:10,variant:"rounded"})),ue.createElement(Mm,{direction:"horizontal",size:4}),ue.createElement(Qo,{width:16,height:16,variant:"rectangular"}),ue.createElement(Mm,{direction:"horizontal",size:4}),ue.createElement(Qo,{width:16,height:16,variant:"rectangular"}))),ue.createElement("div",{className:po()},ue.createElement(Pr,{className:vm(),variant:"label",size:"large",color:"neutral700"},ue.createElement(Qo,{width:60,height:10,variant:"rounded"})),ue.createElement(Pr,{variant:"label",size:"small",color:"neutral700"},ue.createElement(Qo,{width:60,height:10,variant:"rounded"})))),ue.createElement(ta,null)),!o&&ue.createElement(wm,null,ue.createElement(WC,{title:Mr.t("Not found"),description:Mr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Pm,"SwapDetailsPlaceholder");function $m(){let{manager:t,state:e}=BC(),o=!e.loadedFromPersistor,n=It(t),{requestId:r}=PC(),s=At(),{fetchStatus:a}=h();if(!r)return oa.createElement(MC,{containerStyles:{margin:"20px"},type:"error",title:LC.t("The request ID is necessary to display the swap details.")});let l=o||a==="loading",p=r?n.find(({swap:m})=>m.requestId===r):void 0,c=i(()=>{if(p?.id){let m=t?.get(p.id);m&&NC(m)}},"onCancel"),u=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),g=p?.swap;return!g||l?oa.createElement(Pm,{requestId:r,showSkeleton:l}):oa.createElement(Rs,{swap:g,requestId:r,onCancel:c,onDelete:u})}i($m,"SwapDetailsPage");import{i18n as Vo}from"@lingui/core";import{AutoThemeIcon as $C,DarkModeIcon as _C,LightModeIcon as DC,List as FC,ListItemButton as UC,Radio as na,RadioRoot as OC,Typography as ra}from"@rango-dev/ui";import Be from"react";function _m(){let{setTheme:t,theme:e}=h(),o=[{id:"light",value:"light",title:Be.createElement(ra,{variant:"title",size:"xmedium"},Vo.t("Light")),onClick:()=>t("light"),start:Be.createElement(DC,{color:"gray"}),end:Be.createElement(na,{value:"light"})},{id:"dark",value:"dark",title:Be.createElement(ra,{variant:"title",size:"xmedium"},Vo.t("Dark")),onClick:()=>t("dark"),start:Be.createElement(_C,{color:"gray"}),end:Be.createElement(na,{value:"dark"})},{id:"auto",value:"auto",title:Be.createElement(ra,{variant:"title",size:"xmedium"},Vo.t("Auto")),onClick:()=>t("auto"),start:Be.createElement($C,{color:"gray"}),end:Be.createElement(na,{value:"auto"})}];return Be.createElement(re,{header:{title:Vo.t("Theme")}},Be.createElement(se,null,Be.createElement(OC,{onValueChange:n=>t(n),value:e},Be.createElement(FC,{type:Be.createElement(UC,{title:Vo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(_m,"ThemePage");function Dm(){return kl(),li(),zC([{path:P.home,element:Me.createElement(cu,null)},{path:P.fromSwap,children:[{index:!0,element:Me.createElement(Ds,{type:"source"})},{path:P.blockchains,element:Me.createElement(Ts,{type:"source"})}]},{path:P.toSwap,children:[{index:!0,element:Me.createElement(Ds,{type:"destination"})},{path:P.blockchains,element:Me.createElement(Ts,{type:"destination"})}]},{path:P.settings,children:[{index:!0,element:Me.createElement(Zu,null)},{path:P.themes,element:Me.createElement(_m,null)},{path:P.languages,element:Me.createElement(mu,null)},{path:P.exchanges,element:Me.createElement(hs,{sourceType:"Exchanges"})},{path:P.bridges,element:Me.createElement(hs,{sourceType:"Bridges"})}]},{path:P.swaps,children:[{index:!0,element:Me.createElement(nu,null)},{path:P.swapDetails,element:Me.createElement($m,null)}]},{path:P.wallets,element:Me.createElement(Tp,null)},{path:P.confirmSwap,element:Me.createElement(Qc,null)}])}i(Dm,"AppRoutes");import{isApprovalTX as qC,MainEvents as Fm,RouteEventType as Um,StepEventType as Om,StepExecutionEventStatus as GC,useEvents as HC}from"@rango-dev/queue-manager-rango-preset";import{useEffect as zm}from"react";function qm(){let t=h().tokens(),e=Q.use.connectedWallets(),o=Q.use.getWalletsDetails(),n=$e.use.setNotification(),r=HC();return zm(()=>(r.on(Fm.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Om.TX_EXECUTION&&a.status===GC.TX_SENT&&!qC(l)||a.type===Om.SUCCEEDED){let u=e.find(m=>m.chain===l?.fromBlockchain),g=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);u&&o([u],t),g&&o([g],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),zm(()=>(r.on(Fm.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Um.FAILED||a.type===Um.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(qm,"WidgetEvents");import{globalCss as QC}from"@rango-dev/ui";var Gm=i(()=>QC({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");function Hm(){let{setWatermark:t}=ee();return{fetchApiConfig:i(async()=>{let o=await fetch(`${dt("BASE_URL")}/meta/dapp/config?apiKey=${dt("API_KEY")}`);if(!o.ok)throw new Error(`Request failed with status: ${o.status} `);let n=await o.json();t(n.config.watermark)},"fetchApiConfig")}}i(Hm,"useFetchApiConfig");import{styled as VC}from"@rango-dev/ui";var Qm=VC("div",{display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function $r(){Gm();let{config:t}=h(),{activeTheme:e}=$n(t?.theme||{}),{activeLanguage:o}=so(),[n,r]=Vm(""),[s,a]=Vm(),l=XC(dn),{fetchApiConfig:p}=Hm();return KC(()=>{$e.persist.rehydrate(),l.onConnectWallet(r),p().catch(console.log)},[]),jo.createElement(jC,{language:o},jo.createElement(Qm,{id:"swap-container",className:e()},jo.createElement(qm,null),jo.createElement(Ja,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},jo.createElement(Dm,null))))}i($r,"Main");import sa,{useMemo as dT}from"react";import{checkWaitingForNetworkChange as YC,makeQueueDefinition as JC}from"@rango-dev/queue-manager-rango-preset";import{Provider as ZC}from"@rango-dev/queue-manager-react";import{useWallets as RC}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as eT}from"@rango-dev/wallets-shared";import{isEvmBlockchain as tT}from"rango-types";import oT,{useMemo as nT}from"react";function rT(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=RC(),l=nT(()=>JC({API_KEY:t.apiKey||dt("API_KEY"),BASE_URL:dt("BASE_URL")}),[t.apiKey]),p=h().blockchains(),u={blockchains:Q.use.connectedWallets().map(x=>({accounts:[x],name:x.chain}))},g=i(async(x,C)=>{if(s(x,C))return r(x,C)},"switchNetwork"),m=i(x=>!!a(x).mobileWallet,"isMobileWallet"),f=p.filter(x=>x.enabled).reduce((x,C)=>(x[C.name]=C,x),{}),k=p.filter(tT),y=i(x=>{let{supportedChains:C}=a(x);return en(C)},"getSupportedChainNames"),d=e(),S={meta:{blockchains:f,evmBasedChains:k,evmNetworkChainInfo:eT(k),getSupportedChainNames:y},getSigners:o,wallets:u,providers:d,switchNetwork:g,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},w=ee.use.isActiveTab();return oT.createElement(ZC,{queuesDefs:[l],context:S,onPersistedDataLoaded:x=>{YC(x)},isPaused:!w},t.children)}i(rT,"QueueManager");var jm=rT;import{useManager as pT}from"@rango-dev/queue-manager-react";import cT,{createContext as uT,useContext as mT}from"react";import{cancelSwap as iT,getCurrentBlockchainOfOrNull as sT,getCurrentStep as aT,getRelatedWalletOrNull as lT}from"@rango-dev/queue-manager-rango-preset";var Xo=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return It(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){return this.actions.retrySwap(e,o)}cancel(e){let o=this.manager?.get(e);o&&iT(o)}getCurrentStepInfo(e){let o=aT(e);return{step:o,wallet:o?lT(e,o):null,network:o?sT(e,o):null}}};i(Xo,"WidgetHistory");var Xm=uT(void 0);function ia(t){let{manager:e}=pT(),o=ee.use.isActiveTab(),n=K.use.retry(),r=new Xo(e,{retrySwap:n}),s=Q.use.connectedWallets(),a=Q.use.loading(),l=Ta(s),p=Q.use.getWalletsDetails(),c=h().blockchains(),u=h().tokens(),g=h().swappers(),m=h().fetchStatus,f=so().resetLanguage,k=$e().getUnreadNotifications(),y={isActiveTab:o,setCurrentTabAsActive:un,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:c,tokens:u,swappers:g,loadingStatus:m},resetLanguage:f,notifications:{list:k}};return cT.createElement(Xm.Provider,{value:y},t.children)}i(ia,"WidgetInfo");function Km(){let t=mT(Xm);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Km,"useWidget");function _r(t){let{onUpdateState:e,config:o}=t;return dT(()=>{Aa({API_KEY:o?.apiKey||Ko,BASE_URL:o?.apiUrl||pa})},[o.apiKey,o.apiUrl]),sa.createElement(fn,{config:o,onUpdateState:e},sa.createElement(jm,{apiKey:o.apiKey},sa.createElement(ia,null,t.children)))}i(_r,"WidgetProvider");function Ym(t){return fT(()=>Ka,[]),t.config?.externalWallets?aa.createElement($r,null):aa.createElement(_r,{config:t.config??Hr},aa.createElement($r,null))}i(Ym,"Widget");export{kO as EventSeverity,wO as MainEvents,BO as Networks,$O as PendingSwapNetworkStatus,vO as RouteEventType,xO as StepEventType,bO as StepExecutionBlockedEventStatus,AO as StepExecutionEventStatus,Ae as UI_ID,LO as WalletEvents,MO as WalletTypes,Ym as Widget,_r as WidgetProvider,fn as WidgetWallets,gi as customizedThemeTokens,WO as readAccountAddress,Ip as useWallets,Km as useWidget,IO as useWidgetEvents};
1
+ var Km=Object.defineProperty;var i=(t,e)=>Km(t,"name",{value:e,configurable:!0});import{EventSeverity as gO,MainEvents as hO,RouteEventType as yO,StepEventType as SO,StepExecutionBlockedEventStatus as CO,StepExecutionEventStatus as TO,useEvents as kO}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as vO,useWallets as bp,Events as xO}from"@rango-dev/wallets-react";import{Networks as AO,WalletTypes as IO}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as WO}from"rango-types";import{UI_ID as Ym}from"@rango-dev/ui";var Ko="c6381a79-2817-4602-83bf-6a641a409e32",pa="https://api.rango.exchange",ca="https://scan.rango.exchange",xe={SWAP_BOX_ID:"rango-swap-box",...Ym};import{Events as jr,Provider as Ed}from"@rango-dev/wallets-react";import{isEvmBlockchain as Wd}from"rango-sdk";import mn,{createContext as Ld,useEffect as Xr,useRef as Nd,useState as Bd}from"react";import{useEffect as dd}from"react";import{create as cd}from"zustand";import{subscribeWithSelector as ud}from"zustand/middleware";import{RangoClient as ld}from"rango-sdk";import{WalletState as tt}from"@rango-dev/ui";import{readAccountAddress as Rm}from"@rango-dev/wallets-react";import{detectInstallLink as ed,getCosmosExperimentalChainInfo as td,isEvmAddress as od,KEPLR_COMPATIBLE_WALLETS as xT,Networks as fa}from"@rango-dev/wallets-shared";import Fr from"bignumber.js";import{isCosmosBlockchain as nd}from"rango-types";import Jm from"bignumber.js";var be=new Jm(0);import{WalletTypes as Zm}from"@rango-dev/wallets-shared";var ua=[Zm.LEAP];import{BigNumber as da}from"bignumber.js";var Yo=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),I=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new da(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new da(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Jo=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var et=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),mo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function le(t){return I(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(le,"formatTooltipNumbers");function Ur(t){switch(!0){case t.connected:return 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:ed(l),state:p,type:r}})}i(ga,"mapWalletTypesToWalletInfo");function en(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(en,"walletAndSupportedChainsNames");function ha(t,e,o,n,r){let s=[];function a(p,c){if(!!!s.find(g=>g.chain===p)){let g={address:c,chain:p,walletType:t};s.push(g)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:c,network:u}=Rm(p),g=l.length>0,m=l.includes(u),f=u===fa.Unknown;if(g&&!m&&!f)return;let S=u===fa.Unknown&&od(c);if(f&&!S)return;o.includes(u)||S?r?a(u,c.toLowerCase()):l.filter(v=>o.includes(v)).forEach(v=>{a(v,c.toLowerCase())}):a(u,c)}),s}i(ha,"prepareAccountsForWalletStore");function ya(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(ya,"getRequiredChains");function tn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(tn,"isAccountAndWalletMatched");function Sa(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new Fr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:id(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Sa,"makeBalanceFor");function Ca(t){return{...t,loading:!1,error:!0}}i(Ca,"resetConnectedWalletState");var Ta=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=I(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new Fr(s?.amount||be).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),be)||be).toString();return rd(r)},"calculateWalletUsdValue");function rd(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(rd,"numberWithThousandSeparator");var id=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),on=i((t,e)=>{let o=td(Object.entries(t).map(([,n])=>n).filter(nd));return o&&o[e]?.experimental},"isExperimentalChain");function nn(t){return t?{...t,amount:I(t.amount,8,8),usdValue:I(t.usdValue,4,4)}:null}i(nn,"formatBalance");function sd(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(sd,"sortTokensByBalance");function ad(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(ad,"sortTokensByPinnedToken");function ka(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=ad(n,r,o);return l!==0?l:sd(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 rn(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}i(rn,"getConciseAddress");function va({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(va,"getAddress");function Or(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(Or,"createTokenHash");function sn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Fr(o?.usdPrice??be).multipliedBy(o?.amount).toString():""},r=o?Or({symbol:o.symbol,blockchain:o.chain,address:o.address}):null,s=r?e[r]:null;return r&&(!s||s&&s.amount<n.amount)&&(e[r]=n),e},{})}i(sn,"makeTokensBalance");var xa=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");var zr={API_KEY:Ko};function dt(t){return zr[t]||""}i(dt,"getConfig");function ba(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),zr=e,zr}i(ba,"initConfig");var Aa=20,Ia=25,Ea="Roboto",qr="theme-widget",fo=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 an,Qt=i(()=>an||(an=new ld(dt("API_KEY"),dt("BASE_URL")),an),"httpService");var pd=i(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),wt=pd;var Q=wt(cd()(ud((t,e)=>({connectedWallets:[],balances:{},customDestination:"",loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!s.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(l=>l.selected&&l.walletType!==o).map(l=>l.chain),s=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:sn(s),connectedWallets:s}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let s=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>tn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await Qt().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(m=>{let f=o.find(S=>tn(S,m)),T=p.find(S=>S.address===m.address&&S.blockChain===m.chain);return T?.failed&&f&&r&&s([f],n,!1),f&&T?{...m,explorerUrl:T.explorerUrl,balances:Sa(T,n),loading:!1}:m});return{loading:!1,balances:sn(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(g=>tn(g,u))?Ca(u):u);return{loading:!1,balances:sn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=Or(o);return n[r]??null}}))));import{allProviders as md}from"@rango-dev/provider-all";function ln(t,e){let o=md({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(ln,"matchAndGenerateProviders");function Wa(t,e){return ln(t,e).map(r=>r.config.type)}i(Wa,"configWalletsToWalletName");function La(t,e){let o=Q.use.clearConnectedWallet(),n=ln(void 0,e);return dd(()=>{o(),n=ln(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(La,"useWalletProviders");import kd,{createContext as wd,useContext as vd,useEffect as xd,useRef as bd}from"react";import{create as Cd}from"zustand";import{persist as Td}from"zustand/middleware";var Hr={apiKey:"",title:void 0,multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},fd={clientUrl:void 0},Na=i((t,e,o)=>({config:{...Hr,...t},iframe:fd,updateConfig:n=>{let r=o().config;e({config:{...r,...n}})},updateIframe:(n,r)=>{let s=o().iframe;e({iframe:{...s,[n]:r}})}}),"createConfigSlice");function Vt(t){return Array.from(new Set(t))}i(Vt,"removeDuplicateFrom");function Qr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Qr,"areEqual");function Ba(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Ba,"debounce");function Pt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Pt,"containsText");var L=i(()=>document.getElementById(xe.SWAP_BOX_ID),"getContainer");function pn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Vt(t.map(s=>s.swapperGroup)).map(s=>{let a=t.find(l=>l.swapperGroup===s);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}i(pn,"getUniqueSwappersGroups");function 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 cn(t,e){return e?.[t]==="enabled"}i(cn,"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&&fo(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(c=>c.name===p.blockchain)?!1:o.searchFor?!!(Pt(p.symbol,o.searchFor)||Pt(p.address||"",o.searchFor)||Pt(p.name||"",o.searchFor)):!0).sort((p,c)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(c,o.type)||p.isSecondaryCoin?1:c.isSecondaryCoin||!p.address&&c.address?-1:p.address&&!c.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>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 Qt().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],s=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,c)=>p.sort-c.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as gd,French as hd,Japanese as yd,Spanish as Sd}from"@rango-dev/ui";var $a=[{title:"English",label:"English",local:"en",SVGFlag:gd},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Sd},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:hd},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:yd}],go="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=Vt(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n}=o,r=Fe("theme",n),s=Fe("language",n),a=Fe("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:go},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function qa(t){return Cd()(Td((...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=wd(null);function h(){let t=vd(Ga);if(xd(()=>{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=bd();return e.current||(e.current=qa(t.config)),kd.createElement(Ga.Provider,{value:e.current},t.children)}i(Ha,"AppStoreProvider");import{create as Id}from"zustand";var Qa="rango-widget";var jt=class{constructor(e){this.state="not-initiated";this.events={};this.forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};this.isClaimed=()=>this.state==="claimed";this.destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};this.handleMessageEvent=e=>{let o=e.data.name;switch(o){case"ping":this.claimedByCurrentTab(e.data.pingAt);break;case"pong":this.alreadyClaimedByAnotherTab();break;case"force-claim":this.forceRelease(e.data.candidateId);break;case"force-release":this.tabId===e.data.candidateId&&this.claim();break;default:throw new Error(`${o} is not supported.`)}};this.handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};this.handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};this.channel=new BroadcastChannel(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(jt,"TabManager");var ee=wt(Id()((t,e)=>({isActiveTab:!1,tabManagerInitiated:!1,showActivateTabModal:!1,watermark:"NONE",fetchingApiConfig:!1,activateCurrentTab:(o,n)=>{let{showActivateTabModal:r}=e();!r&&n?t({showActivateTabModal:!0}):(r||!n)&&o()},setShowActivateTabModal:o=>{t({showActivateTabModal:o})},setWatermark:o=>{t({watermark:o})}}))),ja=new jt({onInit:()=>ee.setState({tabManagerInitiated:!0}),onClaim:()=>ee.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>ee.setState({isActiveTab:!1})}),un=ja.forceClaim,Xa=ja.destroy;var dn=Ld({onConnectWallet:()=>{}});function Md(t){let{updateConfig:e,updateSettings:o,fetch:n}=h(),r=h().blockchains(),s=h().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=Bd([]),{providers:c}=La(t.config.wallets,a),{connectWallet:u,disconnectWallet:g}=Q(),m=Nd();Xr(()=>{n().catch(console.log)},[]),Xr(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let f=r.filter(Wd).map(d=>d.name),T=i((d,y,v,x,C)=>{if(y===jr.ACCOUNTS)if(v){let w=en(C.supportedBlockchains),A=ha(d,v,f,w,C.isContractWallet);p(A)}else g(d);if(y===jr.ACCOUNTS&&x.connected){let w=`${d}-${x.network}-${v}`;x.connected&&(m.current?m.current(w):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(y===jr.NETWORK&&x.network){let w=`${d}-${x.network}`;m.current?m.current(w):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(d,y,v,x,C)},"onUpdateState"),S=ee.use.isActiveTab();return Xr(()=>{l.length&&u(l,s)},[l,s]),mn.createElement(dn.Provider,{value:{onConnectWallet:d=>{m.current=d}}},mn.createElement(Ed,{allBlockChains:r,providers:c,onUpdateState:T,autoConnect:!!S},t.children))}i(Md,"Main");function fn(t){let{config:e,...o}=t;return mn.createElement(Ha,{config:e},mn.createElement(Md,{...o,config:e}))}i(fn,"WidgetWallets");import aa,{useEffect as lT}from"react";import{I18nManager as zC}from"@rango-dev/ui";import jo,{useContext as qC,useEffect as GC,useState as Gm}from"react";import{useQueueManager as Fd}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Ud}from"@rango-dev/wallets-react";import{isEvmBlockchain as Od}from"rango-types";import zd,{Fragment as qd}from"react";import{MemoryRouter as Gd,useInRouterContext as Hd}from"react-router";import{useWallets as $d}from"@rango-dev/wallets-react";import{useEffect as _d,useRef as Dd}from"react";function Ka(){let{connect:t,state:e}=$d(),o=Dd({}),{fetchStatus:n}=h(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);_d(()=>{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=Hd()?qd:Gd,r=h().blockchains(),{canSwitchNetworkTo:s}=Ud();Ka();let a=r.filter(Od);return Fd({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),zd.createElement(n,null,t)}i(Ya,"AppRouter");import Be from"react";import{useRoutes as $C}from"react-router-dom";var P={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{useEffect as Kt,useRef as vn}from"react";import bt from"bignumber.js";import{create as Yd}from"zustand";import{subscribeWithSelector as Jd}from"zustand/middleware";import{getLastSuccessfulStep as Kd}from"@rango-dev/queue-manager-rango-preset";import sv from"bignumber.js";var vt=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(vt||{});function 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 ho(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(ho,"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 Ie from"bignumber.js";import{PendingSwapNetworkStatus as Sn}from"rango-types";function gn(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(gn,"getRequiredWallets");function hn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(hn,"isValidAddress");import{i18n as 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 yn}from"@lingui/core";var $t=i(()=>({connectWallet:yn.t("Connect Wallet"),swap:yn.t("Swap"),swapAnyway:yn.t("Swap anyway"),ethWarning:yn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Ra(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Ie(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Ie(1e3)))??!1}i(Ra,"hasHighValueLoss");function Jr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new Ie(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ie(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 Ie(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Ie(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 Ie(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ie(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:I(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:I(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:I(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:I(n,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Zr,"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:$t().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:$t().swap,action:"confirm-swap",disabled:!0}:a?{title:$t().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:$t().ethWarning,action:"confirm-warning",disabled:!1}:{title:$t().swap,action:"confirm-swap",disabled:!1}:{title:$t().connectWallet,action:"connect-wallet",disabled:!1}}i(el,"getSwapButtonState");function Rr(t,e,o){return!((!o||o.lte(be))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Rr,"canComputePriceImpact");function Qd(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(Qd,"requiredWallets");var Vd=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=be;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Vd(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Ie(r.amount).multipliedBy(s||0))}return o}i(jd,"getUsdFeeOfStep");function Cn(t,e){return t.reduce((o,n)=>o.plus(jd(n,e)),be)}i(Cn,"getTotalFeeInUsd");function ei(t){let e=be;return e=e.plus(new Ie(t.amount).multipliedBy(t.price||0)),e}i(ei,"getUsdFee");function tl(t){return t.reduce((e,o)=>e.plus(ei(o)),be)}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 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 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 Tn(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(Tn,"getMinRequiredSlippage");function rl(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(rl,"hasProperSlippage");function kn(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:c,affiliateRef:u,affiliatePercent:g,affiliateWallets:m,initialQuote:f,destination:T}=t,S=s?.reduce((C,w)=>(C[w.chain]=w.address,C),{}),d=[];r?.forEach(C=>{let w=d.find(A=>A.blockchain===C.chain);w?w.addresses.push(C.address):d.push({blockchain:C.chain,addresses:[C.address]})});let y=!!f,v=Vt((f?.result?.swaps||[]).reduce((C,w)=>(C.push(w.from.blockchain,w.to.blockchain),w.internalSwaps&&Array.isArray(w.internalSwaps)&&w.internalSwaps.map(A=>{C.push(A.from.blockchain,A.to.blockchain)}),C),[]));return{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:g??void 0,affiliateWallets:m??void 0,checkPrerequisites:y,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:d,selectedWallets:S??{},slippage:c.toString(),...T&&{destination:T},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(C=>!a.includes(C)),swappersGroupsExclude:!1},...y&&{blockchains:v}}}i(kn,"createQuoteRequestBody");function il(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(il,"getWalletsForNewSwap");function Xt(t){return t.result?.outputAmount||null}i(Xt,"getQuoteOutputAmount");function sl(t,e){return new Ie(e).div(new Ie(t)).minus(1).multipliedBy(100).toNumber()}i(sl,"getPercentageChange");function al(t,e){let o=Xt(t),n=Xt(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=ya(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=I(new Ie(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=I(new Ie(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 Ie(t):be).multipliedBy(e||0)}i(pl,"calcOutputUsdValue");function yo(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Sn.NetworkChanged}i(yo,"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,"")),yo(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Sn.WaitingForConnectingWallet:n=n||Ve.t("Waiting for connecting wallet");break;case Sn.WaitingForQueue:n=n||Ve.t("Waiting for other running tasks to be finished");break;case Sn.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&&!Qd(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!hn(s,o)}i(dl,"confirmSwapDisabled");function hl(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(hl,"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 yl(t,e){return oi(t,e)||ni(t,e)||ri(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 ft(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(ft,"getPriceImpactLevel");function Sl(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Kd(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(Sl,"createRetryQuote");function wn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=_t(o,t.requestAmount),l=_t(n,t.result?.outputAmount??"");if(t.result&&a&&l){let u=Oe(a.toString(),l.toString());if(!!u&&Ra(a,u)){let m=Cn(t.result.swaps,r),f=ft(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:m,warningLevel:f}}}else if(t.result&&(!a||!l))return{type:1};let p=Tn(t),c=s>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(wn,"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 _t=i((t,e)=>t?.usdPrice?new bt(e||be).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),X=wt(Yd()(Jd(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new bt(0),outputUsdValue:new bt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=be;return mo(o.inputAmount)?(e&&(n=e.result?.outputAmount?new bt(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 bt(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{quote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:_t(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{quote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new bt(0),outputUsdValue:new bt(0),quote:null},...!!o.fromToken&&{inputUsdValue:_t(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=Sl(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:_t(a??null,c),outputUsdValue:new bt(0),toBlockchain:l,toToken:p,quote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:_t(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:""}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function 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:T,setAffiliateWallets:S}=h(),d=c?.from?.tokens,y=c?.from?.blockchains,v=c?.to?.tokens,x=c?.to?.blockchains,C=vn(void 0),w=vn(void 0),A=vn(void 0),b=vn(void 0);Kt(()=>{t(c?.amount?.toString()||"")},[c?.amount]),Kt(()=>{if(u==="success"){let k=g.find(N=>N.name===c?.from?.blockchain),E=m.find(N=>Ae(N,c?.from?.token||null));(k||!k&&A.current)&&n(k??null),E?r({token:E,meta:{blockchains:g,tokens:m}}):!E&&C.current&&r({token:null}),A.current=c?.from?.blockchain,C.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),Kt(()=>{fo(s,d)&&r({token:null}),Gr(l,y)&&n(null)},[d,y]),Kt(()=>{fo(a,v)&&r({token:null}),Gr(p,x)&&o(null)},[v,x]),Kt(()=>{if(u==="success"){let k=g.find(N=>N.name===c?.to?.blockchain),E=m.find(N=>Ae(N,c?.to?.token||null));(k||!k&&b.current)&&o(k??null),E?e({token:E,meta:{blockchains:g,tokens:m}}):!E&&w.current&&e({token:null}),b.current=c?.to?.blockchain,w.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),Kt(()=>{f(c?.affiliate?.ref??null),T(c?.affiliate?.percent??null),S(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(Tl,"useSyncStoresWithConfig");import{useEffect as ai}from"react";import{useInRouterContext as Zd,useLocation as Rd,useSearchParams as ef}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=Rd(),[e,o]=ef(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:g,setInputAmount:m}=X(),f=h().fetchStatus,T=h().blockchains(),S=h().tokens(),d=Zd(),{updateIframe:y}=h(),v=i(()=>{let C=e.get("fromAmount"),w=e.get("fromBlockchain"),A=e.get("fromToken"),b=e.get("toBlockchain"),k=e.get("toToken"),E=e.get("autoConnect"),N=e.get("clientUrl");return{fromAmount:C,fromBlockchain:w,fromToken:A,toBlockchain:b,toToken:k,autoConnect:E,clientUrl:N}},"getUrlSearchParams"),x=i(C=>{for(let w in C)C[w]||delete C[w];o(C,{replace:!0})},"updateUrlSearchParams");ai(()=>{let{autoConnect:C,clientUrl:w}=v();d&&f==="success"&&x({["fromBlockchain"]:n?.name,["fromToken"]:si(s),["toBlockchain"]:r?.name,["toToken"]:si(a),["fromAmount"]:l,["autoConnect"]:C??void 0,["clientUrl"]:w??void 0})},[t.pathname,l,n,s,r,a]),ai(()=>{if(!d)return;let C=v();if(C.fromAmount&&m(C.fromAmount),f==="success"){let w=T.find(E=>E.name===C.fromBlockchain),A=ii(S,C.fromToken,w??null),b=T.find(E=>E.name===C.toBlockchain),k=ii(S,C.toToken,b??null);w&&(p(w),A&&u({token:A,meta:{blockchains:T,tokens:S}})),b&&(c(b),k&&g({token:k,meta:{blockchains:T,tokens:S}}))}},[f]),ai(()=>{let{clientUrl:C}=v();y("clientUrl",C||void 0)},[])}i(li,"useSyncUrlAndStore");import{i18n as pr}from"@lingui/core";import{useManager as Dh}from"@rango-dev/queue-manager-react";import{Alert as zc,Button as Fh,css as rs,Divider as ns,IconButton as qc,SettingsIcon as Uh,styled as Oh,Tooltip as zh,Typography as qh,WalletIcon as Gh}from"@rango-dev/ui";import pe,{useEffect as Bo,useLayoutEffect as Hh,useRef as Qh,useState as cr}from"react";import{flushSync as Vh}from"react-dom";import{useLocation as jh,useNavigate as Xh}from"react-router-dom";import{i18n as ot}from"@lingui/core";import{Alert as $i,BalanceErrors as Lg,Button as Ap,ChevronDownIcon as Ng,ChevronLeftIcon as Bg,Divider as to,MessageBox as Mg,Typography as Vn,WalletIcon as Pg}from"@rango-dev/ui";import B,{useEffect as $g,useState as Ft}from"react";import{useNavigate as _g}from"react-router-dom";import{i18n as xn}from"@lingui/core";function bn(t){switch(t.type){case 0:return xn.t("Route has been updated.");case 3:return xn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return xn.t("Route swappers has been updated.");case 2:return xn.t("Route internal coins has been updated.");default:return""}}i(bn,"getQuoteUpdateWarningMessage");import{Modal as of}from"@rango-dev/ui";import nf from"react";function ie(t){let{watermark:e}=ee();return nf.createElement(of,{hasWatermark:e==="FULL",...t},t.children)}i(ie,"WatermarkedModal");import Wn,{useRef as af}from"react";import*as Yt from"@radix-ui/react-collapsible";import{keyframes as kl,styled as An}from"@rango-dev/ui";var pi=300,rf=kl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),sf=kl({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),wl=An(Yt.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ci=An(Yt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),In=An(Yt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${rf} ${pi}ms ease-out`},false:{animation:`${sf} ${pi}ms ease-out`}}}}),En=An("div",{transition:`all ${pi}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Ln(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=af(null);return Wn.createElement(wl,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&Wn.createElement(ci,{className:"collapsible_trigger",onClick:s},a),Wn.createElement(In,{className:"collapsible_content",open:e},r),l==="bottom"&&Wn.createElement(ci,{className:"collapsible_trigger",onClick:s},a))}i(Ln,"CustomCollapsible");import{Button as lf,css as vl,darkTheme as Jt,IconButton as pf,styled as ze,TextField as cf}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%"}),uf=ze("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Jt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Jt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Jt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Al=ze(uf,{alignSelf:"stretch",minHeight:"93px"}),Il=ze("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),El=ze(pf,{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(cf,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),$l=ze("div",{overflow:"visible",width:"100%"}),_l=ze(lf,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Jt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Jt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Jt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as Xe}from"@lingui/core";import{Button as Ag,Divider as Mi,Image as Ig,MessageBox as Qn,SelectableWallet as Eg,Typography as wp,WalletState as vp}from"@rango-dev/ui";import ae,{useEffect as xp,useState as ko}from"react";import{WalletState as ui}from"@rango-dev/ui";import{useWallets as mf}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as df,WalletTypes as Nn}from"@rango-dev/wallets-shared";import{useEffect as ff,useState as gf}from"react";var hf=Object.values(Nn);function Bn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=mf(),{connectedWallets:c}=Q(),u=h().blockchains(),g=Wa(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||hf,m=ga(s,l,g,o),f=wa(m),[T,S]=gf(""),d=i(w=>!c.find(A=>A.walletType===w&&A.chain===o),"isExperimentalChainNotAdded"),y=i(async w=>{let A=s(w);try{if(T&&S(""),A.connected)await a(w);else{let b=!!m.find(k=>k.state===ui.CONNECTED);if(!e?.multiWallets&&b)return;n?.(w),await p(w),r?.(w)}}catch(b){S("Error: "+b?.message)}},"handleClick"),v=i(()=>{let w=m?.filter(A=>A.state===ui.CONNECTING)||[];for(let A of w)a(A.type)},"disconnectConnectingWallets");ff(()=>()=>{v()},[]);let x=i(w=>w.filter(b=>b.state!=ui.NOT_INSTALLED&&![Nn.DEFAULT,Nn.WALLET_CONNECT_2].includes(b.type)&&l(b.type).supportedChains.filter(k=>k.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),C=i((w,A,b)=>on(b,A)&&d(w)&&!df.includes(w)||w==Nn.DEFAULT&&!x(m),"shouldExcludeWallet");return{list:f.filter(w=>!C(w.type,o??"",u)),error:T,handleClick:y}}i(Bn,"useWalletList");import{i18n as gp}from"@lingui/core";import{styled as yp,Typography as Cg,Wallet as Tg,WalletState as kg}from"@rango-dev/ui";import eo,{useState as hp}from"react";import{useManager as pg}from"@rango-dev/queue-manager-react";import{BottomLogo as cg,Divider as ap,Header as ug}from"@rango-dev/ui";import me,{useEffect as lp,useRef as pp}from"react";import{useRef as yf}from"react";function Mn(){return window.self!==window.top}i(Mn,"isAppLoadedIntoIframe");function mi(){let t=yf(null),{iframe:e}=h(),o=Mn()&&e.clientUrl,n=i(a=>{o&&window.top?.postMessage(a,e.clientUrl)},"send");return{send:n,connectHeightObserver:i(a=>{t.current=new ResizeObserver(l=>{for(let p of l)n({type:"widget_height",data:{height:p.contentRect.height}})}),t.current.observe(a)},"connectHeightObserver"),disconnectHeightObserver:i(()=>{t.current&&(t.current.disconnect(),t.current=null)},"disconnectHeightObserver")}}i(mi,"useIframe");import{useNavigate as Sf}from"react-router-dom";function At(){let t=Sf();return()=>t(-1)}i(At,"useNavigateBack");import{createTheme as hi,darkTheme as vf,lightTheme as xf}from"@rango-dev/ui";import{useEffect as Ol,useState as bf}from"react";import{theme as kf,darkColors as wf}from"@rango-dev/ui";var Dl=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,c=(a.length<2?"0":"")+a,u=(l.length<2?"0":"")+l;return`#${p}${c}${u}`},"colorShade"),Pn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:Dl(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:Dl(e,-((l-5)*25))});return a},"generateRangeColors"),di=i((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let s in o){let a=o[s];if(a&&a!==t[s])if(n=!0,s==="background"||s==="foreground")r={...r,[s]:a};else if(s==="neutral"&&e){let l=Pn(s,a);r={...r,[`${s}100`]:l[`${s}900`],[`${s}200`]:l[`${s}800`],[`${s}300`]:l[`${s}700`],[`${s}400`]:l[`${s}600`],[`${s}500`]:l[`${s}500`],[`${s}600`]:l[`${s}400`],[`${s}700`]:l[`${s}300`],[`${s}800`]:l[`${s}200`],[`${s}900`]:l[`${s}100`]}}else r={...r,...Pn(s,a)}}return n?r:{}},"generateColors");var Fl=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Cf=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Fl(o%52)+e;return Fl(o%52)+e},"toAlphabeticName"),Tf=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),fi=i(t=>Cf(Tf(5381,JSON.stringify(t))>>>0),"toHash");function gi(t){let e=kf.colors,o=di({...e,...wf},!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 Ul(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(Ul,"joinList");function $n(t){let{colors:e,fontFamily:o=Ea,borderRadius:n=Aa,secondaryBorderRadius:r=Ia,mode:s="auto"}=t,[a,l]=bf("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,xf.className],T=[m.className,vf.className];if(g){let d=hi(g.id,g.tokens);f.push(d.className)}if(u){let d=hi(u.id,u.tokens);T.push(d.className)}return Ol(()=>{let d=i(y=>{y.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",d),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",d)}},[]),Ol(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let d=f.join(" "),y=T.join(" ");return c==="auto"?a==="dark"?y:d:c==="dark"?y:d},"getActiveTheme")}}i($n,"useTheme");var It=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");import{i18n as zl}from"@lingui/core";import{Alert as Af,Button as If}from"@rango-dev/ui";import ql from"react";function yi(t){return ql.createElement(Af,{action:ql.createElement(If,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},zl.t("Activate")),type:"warning",variant:"alarm",title:zl.t("Another tab is open and handles transactions. You can activate this tab.")})}i(yi,"ActivateTabAlert");import{i18n as Si}from"@lingui/core";import{Button as Ef,Divider as Wf,MessageBox as Lf}from"@rango-dev/ui";import _n from"react";function Ci(t){let{open:e,onClose:o,onConfirm:n}=t;return _n.createElement(ie,{open:e,dismissible:!0,onClose:o,container:L()},_n.createElement(Lf,{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(Wf,{size:20}),_n.createElement(Ef,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Si.t("Confirm"))))}i(Ci,"ActivateTabModal");import{ChevronLeftIcon as Mf}from"@rango-dev/ui";import Vl from"react";import{darkTheme as Nf,IconButton as Bf,styled as So}from"@rango-dev/ui";var qe=So(Bf,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Gl=So("div",{position:"absolute",background:"$secondary500",[`.${Nf} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Zt=So("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Hl=So("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),Ql=So("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function Ti(t){return Vl.createElement(qe,{variant:"ghost",size:"small",onClick:t.onClick},Vl.createElement(Mf,{color:"black",size:16}))}i(Ti,"BackButton");import{i18n as Pf}from"@lingui/core";import{Button as $f,Typography as _f}from"@rango-dev/ui";import ki from"react";function wi(t){return ki.createElement(Zt,null,ki.createElement($f,{variant:"ghost",onClick:t.onClick,size:"xsmall"},ki.createElement(_f,{variant:"label",size:"medium",color:"error500"},Pf.t("Cancel"))))}i(wi,"CancelButton");import{i18n as Df}from"@lingui/core";import{Tooltip as Ff,WalletIcon as Uf}from"@rango-dev/ui";import Dn from"react";function vi(t){return Dn.createElement(Ff,{container:t.container,side:"top",content:Df.t("Connect Wallet")},Dn.createElement(qe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Dn.createElement(Gl,null),Dn.createElement(Uf,{size:18,color:"black"})))}i(vi,"WalletButton");import{i18n as zn}from"@lingui/core";import{NotificationsIcon as ig,Popover as sg,SettingsIcon as ag,Tooltip as qn,TransactionIcon as lg}from"@rango-dev/ui";import Ce from"react";import{i18n as jf}from"@lingui/core";import{EventSeverity as Xf}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Zl,ChevronRightIcon as Kf,ListItemButton as Yf,Typography as Jf}from"@rango-dev/ui";import je from"react";import{useNavigate as Zf}from"react-router-dom";import{create as Of}from"zustand";import{persist as zf,subscribeWithSelector as qf}from"zustand/middleware";var Pe=wt(Of()(zf(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 Fn}from"@rango-dev/ui";var jl=Fn("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),Xl=Fn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Kl=Fn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Yl=Fn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Gf}from"@lingui/core";import{Divider as Hf,NoNotificationIcon as Qf,Typography as Vf}from"@rango-dev/ui";import Un from"react";function Jl(){return Un.createElement(Yl,null,Un.createElement(Qf,{color:"secondary",size:26}),Un.createElement(Hf,{size:12}),Un.createElement(Vf,{variant:"body",size:"medium",color:"neutral700"},Gf.t("There are no notifications.")))}i(Jl,"NotificationNotFound");var Rf=4;function xi(){let t=Zf(),{getUnreadNotifications:e}=Pe(),o=e(),n=h().blockchains(),r=h().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,Rf),a=i(l=>{t(`${P.swaps}/${l}`)},"handleOnClick");return je.createElement(jl,null,s.length?je.createElement(Xl,null,s.map(l=>{let{route:p,requestId:c,event:u}=l,g=r.find(S=>Ae(S,p.from)),m=n.find(S=>S.name===p.from.blockchain),f=r.find(S=>Ae(S,p.to)),T=n.find(S=>S.name===p.to.blockchain);return je.createElement(Yf,{key:c,onClick:()=>a(c),title:je.createElement(Jf,{variant:"body",size:"small",color:u.messageSeverity===Xf.WARNING?"$foreground":"$neutral700"},jf.t(u.message)),id:c,start:je.createElement(Kl,null,je.createElement("div",{className:"from-chain-token"},je.createElement(Zl,{tokenImage:g?g.image:"",chainImage:m?m.logo:"",size:"small"})),je.createElement("div",{className:"to-chain-token"},je.createElement(Zl,{tokenImage:f?f.image:"",chainImage:T?T.logo:"",size:"small"}))),end:je.createElement(Kf,{size:12,color:"gray"})})})):je.createElement(Jl,null))}i(xi,"NotificationContent");import{RefreshProgressButton as eg}from"@rango-dev/ui";import bi,{useEffect as tg,useState as Rl}from"react";var og=1e3,ep=60,ng=100;function On({onClick:t}){let[e,o]=Rl(0),[n,r]=Rl(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");tg(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===ep&&l()},og):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(Ql,{onTransitionEnd:()=>r(!1),isRefetched:n},bi.createElement(eg,{size:24,color:t?"black":"gray",progress:e/ep*ng})))}i(On,"RefreshButton");import{Typography as rg}from"@rango-dev/ui";import tp from"react";function op(){let{getUnreadNotifications:t}=Pe(),e=t().length;return e?tp.createElement(Hl,null,tp.createElement(rg,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(op,"UnreadNotificationsBadge");function Ai(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n}=t,{config:{features:r}}=h(),s=Fe("notification",r);return Ce.createElement(Ce.Fragment,null,Ce.createElement(qn,{container:L(),side:"top",content:zn.t("Refresh")},Ce.createElement(On,{onClick:e})),!s&&Ce.createElement(sg,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:L(),content:Ce.createElement(xi,null)},Ce.createElement("div",null,Ce.createElement(qn,{container:L(),side:"top",content:zn.t("Notifications")},Ce.createElement(qe,{size:"small",variant:"ghost"},Ce.createElement(ig,{size:18,color:"black"}),Ce.createElement(op,null))))),Ce.createElement(qn,{container:L(),side:"top",content:zn.t("Settings")},Ce.createElement(qe,{size:"small",variant:"ghost",onClick:n},Ce.createElement(ag,{size:18,color:"black"}))),Ce.createElement(qn,{container:L(),side:"top",content:zn.t("Transactions History")},Ce.createElement(qe,{size:"small",variant:"ghost",onClick:o},Ce.createElement(lg,{size:18,color:"black"}))))}i(Ai,"HomeButtons");function Ii(t){let e=t.target;if(e){let o=e.scrollTop,n=L();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(Ii,"onScrollContentAttachStatusToContainer");import{styled as Ei}from"@rango-dev/ui";var np="700px",rp=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:np},fixed:{height:np}}}}),ip=Ei("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),sp=Ei("div",{padding:"0 $20 $10","& .footer__logo":{opacity:0,transition:"opacity 1s ease-in-out","&.logo__show":{opacity:1},"&.logo__hidden":{visibility:"hidden"}}});function re(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=mi(),{children:n,header:r,footer:s,height:a="fixed"}=t,l=Q.use.connectedWallets(),{config:{features:p,theme:c}}=h(),{watermark:u}=ee(),g=u==="FULL",{activeTheme:m}=$n(c||{}),f=Fe("connectWalletButton",p),{isActiveTab:T,tabManagerInitiated:S,showActivateTabModal:d,setShowActivateTabModal:y,activateCurrentTab:v}=ee(),x=At(),{manager:C}=pg(),A=It(C).map(({swap:F})=>F).some(F=>F.status==="running"),b=i(()=>v(un,A),"onActivateTab"),k=i(()=>{r.onWallet?.()},"onConnectWallet"),E=typeof r.hasBackButton>"u"||r.hasBackButton,N=pp(null),z=pp(null);return lp(()=>(Mn()&&z.current&&e(z.current),()=>{o()}),[]),lp(()=>(N.current?.addEventListener("scroll",Ii),()=>{N.current?.removeEventListener("scroll",Ii)}),[]),me.createElement(rp,{height:a,id:xe.SWAP_BOX_ID,className:m(),ref:z},me.createElement(ug,{prefix:me.createElement(me.Fragment,null,E&&me.createElement(Ti,{onClick:x})),title:r.title,suffix:me.createElement(me.Fragment,null,r.suffix,r.onWallet&&!f&&me.createElement(vi,{container:L(),onClick:k,isConnected:!!l?.length}),r.onCancel&&me.createElement(wi,{onClick:r.onCancel}))}),me.createElement(ip,{ref:N},n),me.createElement(Ci,{open:d,onClose:()=>y(!1),onConfirm:b}),me.createElement(sp,null,me.createElement("div",{className:"footer__content"},s,S&&!T&&me.createElement(me.Fragment,null,me.createElement(ap,{size:12}),me.createElement(yi,{onActivateTab:b}))),me.createElement(ap,{size:12}),me.createElement("div",{className:`footer__logo ${g?"logo__show":"logo__hidden"}`},me.createElement(cg,null))))}i(re,"Layout");import{styled as mg}from"@rango-dev/ui";var cp="$20 $20 $10 $20",Co=mg("div",{padding:cp,overflowY:"auto",flexGrow:1});import{styled as dg}from"@rango-dev/ui";var se=dg("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 Sg}from"@rango-dev/ui";import Li from"react";import{i18n as Rt}from"@lingui/core";import{Image as hg,MessageBox as Wi,WalletState as yg}from"@rango-dev/ui";import Dt from"react";import{keyframes as fg,styled as Gn}from"@rango-dev/ui";var fI=Gn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),up=Gn("div",{position:"relative"}),gg=fg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),mp=Gn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${gg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),dp=Gn("div",{"& img":{borderRadius:"50%"}});function fp(t){let{state:e,image:o,error:n}=t;return e===yg.CONNECTED?Dt.createElement(Wi,{type:"success",title:Rt.t("Wallet Connected"),description:Rt.t("Your wallet is connected, you can use it to swap.")}):n?Dt.createElement(Wi,{type:"error",title:Rt.t("Failed to Connect"),description:n||Rt.t("Your wallet is not connected. Please try again.")}):Dt.createElement(Wi,{type:"loading",title:Rt.t("Connecting to your wallet"),description:Rt.t("Click connect in your wallet popup."),icon:Dt.createElement(up,null,Dt.createElement(dp,null,Dt.createElement(hg,{src:o,size:45})),Dt.createElement(mp,null))})}i(fp,"ModalContent");function To(t){let{open:e,onClose:o,...n}=t;return Li.createElement(ie,{open:e,onClose:o,container:document.getElementById(xe.SWAP_BOX_ID)||document.body},Li.createElement(fp,{...n}),Li.createElement(Sg,{direction:"vertical",size:32}))}i(To,"WalletModal");var wg=yp("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),vg=yp(se,{textAlign:"center"}),Hn=3e3,Ni=300;function Sp(){let{config:t,fetchStatus:e}=h(),[o,n]=hp(!1),[r,s]=hp(""),a=null,l=ee.use.isActiveTab(),{list:p,handleClick:c,error:u}=Bn({config:t,onBeforeConnect:T=>{a=setTimeout(()=>{n(!0),s(T)},Ni)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Hn)}}),g=p.find(T=>T.type===r),m=g?.image||"",f=g?.state||kg.NOT_INSTALLED;return eo.createElement(re,{header:{title:gp.t("Connect Wallets")}},eo.createElement(vg,null,eo.createElement(Cg,{variant:"title",size:"xmedium",align:"center"},gp.t("Choose a wallet to connect.")),eo.createElement(wg,null,p.map((T,S)=>{let d=`wallet-${S}-${T.type}`;return eo.createElement(Tg,{key:d,...T,container:L(),onClick:y=>{c(y)},isLoading:e==="loading",disabled:!l})}),eo.createElement(To,{open:!!o,onClose:()=>n(!1),image:m,state:f,error:u}))))}i(Sp,"WalletsPage");import{keyframes as xg,styled as Bi}from"@rango-dev/ui";var Cp=Bi("div",{position:"relative"}),bg=xg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Tp=Bi("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${bg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),kp=Bi("div",{"& img":{borderRadius:"50%"}});var Wg=7;function Pi(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=h(),l=ee.use.isActiveTab(),p=Q.use.connectedWallets(),{blockchains:c}=h(),[u,g]=ko(""),[m,f]=ko(null),[T,S]=ko(!1),[d,y]=ko(null),{suggestAndConnect:v}=bp(),x=null,{list:C,error:w,handleClick:A}=Bn({config:a,chain:e,onBeforeConnect:W=>{x=setTimeout(()=>{g(W)},Ni)},onConnect:()=>{x&&clearTimeout(x),setTimeout(()=>{g("")},Hn)}}),[b,k]=ko(C),E=C.length,N=r&&E-r>0,z=i(async W=>{S(!1),y("in-progress");try{await v(W.walletType,W.chain),y("completed")}catch{y("rejected")}},"addExperimentalChain");xp(()=>{k(W=>{let J=C.findIndex(te=>o(te.type,e));return N&&J>1?[C[J]].concat(C.filter((te,R)=>R!==J)):W.map(te=>C.find(R=>R.type===te.type)??te)})},[JSON.stringify(C)]);let F=document.getElementById(xe.SWAP_BOX_ID);return xp(()=>{let W=null;return(d==="completed"||d==="rejected")&&(W=setTimeout(()=>y(null),Hn)),()=>{W&&clearTimeout(W)}},[d]),ae.createElement(ae.Fragment,null,b.slice(0,r).map(W=>{let J=va({connectedWallets:p,walletType:W.type,chain:e}),te=J?rn(J,Wg):"",R=on(c(),e),fe=!p.find(ke=>ke.walletType===W.type&&ke.chain===e),G=R&&fe&&W.state===vp.CONNECTED,De=G?Xe.t({id:"Add {chain} chain",values:{chain:e}}):te,K=i(()=>{W.state===vp.DISCONNECTED?A(W.type):G?(f({walletType:W.type,chain:e,address:J??""}),S(!0)):n({walletType:W.type,chain:e,address:J??""})},"onClick"),U=m?.chain?Ja(m.chain,c()):void 0;return ae.createElement(ae.Fragment,null,ae.createElement(To,{open:u===W.type,onClose:()=>g(""),image:W.image,state:W.state,error:w}),!!m&&ae.createElement(ie,{open:!!m&&T,container:F,onClose:()=>{f(null)}},ae.createElement(Qn,{title:Xe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:U}}),type:"warning",description:Xe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:U}})},ae.createElement(Mi,{size:18}),ae.createElement(Mi,{size:32}),ae.createElement(Ag,{onClick:z.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Xe.t("Confirm")))),d&&ae.createElement(ie,{open:!!d,onClose:y.bind(null,null),container:F},d==="in-progress"&&ae.createElement(Qn,{type:"loading",title:Xe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:U}}),description:Xe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:U}}),icon:ae.createElement(Cp,null,ae.createElement(kp,null,ae.createElement(Ig,{src:W.image,size:45})),ae.createElement(Tp,null))}),d==="completed"&&ae.createElement(Qn,{type:"success",title:Xe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:U}}),description:Xe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:U}})}),d==="rejected"&&ae.createElement(Qn,{type:"error",title:Xe.t("Request Rejected"),description:Xe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:U}})}),ae.createElement(Mi,{direction:"vertical",size:32})),ae.createElement(Eg,{key:W.type,description:De,onClick:K,selected:o(W.type,e),disabled:!l,...W}))}),N&&ae.createElement(Al,{selected:!1,onClick:s},ae.createElement(wp,{variant:"label",size:"medium"},Xe.t("Show more wallets"),ae.createElement(wp,{variant:"label",size:"medium",color:"$primary"},"\xA0+",E-(r??0)))))}i(Pi,"WalletList");var Dg=2;function Ip(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:T,selectWallets:S}=Q(),[d,y]=Ft(""),[v,x]=Ft([]),[C,w]=Ft(""),[A,b]=Ft(null),[k,E]=Ft(m),[N,z]=Ft(!!m),F=gn(p),W=l.find(_=>_.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),J=i(_=>!!p?.result?.swaps.find(V=>V.from.blockchain===_),"isWalletRequiredFor"),[te,R]=Ft(T.filter(_=>_.selected&&F.includes(_.chain))),fe=l.find(_=>_.name===W?.name),G=i((_,V)=>!!te.find(H=>H.walletType===_&&H.chain===V&&H.selected&&(J(V)||!J(V)&&!k)),"isSelected"),De=!!k&&N&&fe&&!hn(fe,k),K=i(()=>{z(!1),E(""),R(_=>{let V=!1;return _.map(H=>!V&&H.chain===W?.name?(V=!0,{...H,selected:!0}):H)})},"resetCustomDestination"),U=i(_=>{if(d&&y(""),G(_.walletType,_.chain))return;let H=T.find(ce=>ce.walletType===_.walletType&&ce.chain===_.chain);H&&(n(),_.chain===W?.name&&N&&(z(!1),E("")),R(ce=>ce.filter(mt=>mt.chain!==_.chain).concat({...H,selected:!0})))},"onChange"),ke=i(()=>{let _=te.filter(V=>V.selected);S(_),c(_),f(k),g(!0),o()},"onConfirmBalance"),ct=i(async()=>{x([]),w(""),b(null);let _=T.filter(ce=>te.find(mt=>mt.chain===ce.chain&&mt.walletType===ce.walletType)),V=await r?.({selectedWallets:_,customDestination:k}),H=V.warnings;H?.balance?.messages&&x(H.balance.messages),H?.quoteUpdate&&b(H.quoteUpdate),V.error&&w(Za(V.error)),!V.error&&(!H?.balance?.messages.length||0>0)?ke():x(H?.balance?.messages??[])},"onConfirmWallets");$g(()=>{R(_=>_.concat(T.filter(V=>!!!_.find(ce=>ce.chain===V.chain)&&V.selected&&F.includes(V.chain))))},[T.length]);let Le=document.getElementById(xe.SWAP_BOX_ID),ut=_g();return B.createElement(ie,{open:e,onClose:()=>{u||ut("../",{replace:!0}),o()},dismissible:!d,container:Le,...!d&&{footer:B.createElement(Ml,null,B.createElement(Ap,{loading:s,disabled:dl(s,N,k,p,te,W),onClick:ct,variant:"contained",type:"primary",fullWidth:!0,size:"large"},ot.t("Confirm")))},...d&&{containerStyle:{padding:"$0"},header:B.createElement(Il,null,B.createElement(El,{variant:"ghost",onClick:y.bind(null,"")},B.createElement(Bg,{size:16})),B.createElement(Vn,{variant:"headline",size:"small"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ue(d,l)}})))},anchor:"center"},B.createElement(ie,{open:v.length>0,onClose:x.bind(null,[]),container:Le},B.createElement(Mg,{title:ot.t("Insufficient account balance"),type:"error",description:B.createElement(Lg,{messages:v??[]})},B.createElement(Ap,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:ke},ot.t("Proceed anyway")))),d&&B.createElement(Wl,null,B.createElement("div",{className:Ll()},B.createElement(Pi,{chain:d,isSelected:G,selectWallet:U,onShowMore:y.bind(null,d)}))),!d&&B.createElement(B.Fragment,null,C&&B.createElement(B.Fragment,null,B.createElement($i,{variant:"alarm",type:"error",title:ot.t(C)}),B.createElement(to,{size:12})),A&&B.createElement(B.Fragment,null,B.createElement($i,{variant:"alarm",type:"warning",title:bn(A)}),B.createElement(to,{size:12})),B.createElement($l,null,F.map((_,V)=>{let H=l.find(Qe=>Qe.name===_),ce=`wallet-${V}`,mt=V===F.length-1;return B.createElement("div",{key:ce},B.createElement(xl,null,B.createElement(Vn,{variant:"title",size:"xmedium"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:H?.shortName}})),B.createElement(Vn,{variant:"label",color:"$neutral700",size:"medium"},ot.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:H?.shortName}}))),B.createElement(to,{size:24}),B.createElement(bl,null,B.createElement(Pi,{chain:_,isSelected:G,selectWallet:U,limit:Dg,onShowMore:()=>y(H?.name??"")})),!mt&&B.createElement(to,{size:32}),mt&&a?.customDestination&&B.createElement(Nl,null,B.createElement(Ln,{onOpenChange:Qe=>{Qe?J(W?.name??"")||R(Dr=>Dr.map(Me=>Me.chain===W?.name?{...Me,selected:!1}:Me)):K()},hasSelected:!0,open:N,triggerAnchor:"top",trigger:B.createElement(_l,{fullWidth:!0,variant:"default",suffix:B.createElement(En,{orientation:N?"up":"down"},B.createElement(Ng,{size:10,color:"gray"}))},B.createElement("div",{className:"button__content"},B.createElement(Pg,{size:18,color:"info"}),B.createElement(to,{size:4,direction:"horizontal"}),B.createElement(Vn,{variant:"label",size:"medium"},ot.t("Send to a different address")))),onClickTrigger:()=>z(Qe=>!Qe)},B.createElement(to,{size:4}),B.createElement(Pl,{autoFocus:!0,placeholder:ot.t("Your destination address"),value:k,onChange:Qe=>{E(Qe.target.value)}})),De&&B.createElement("div",{className:Bl()},B.createElement($i,{variant:"alarm",type:"error",title:ot.t({values:{destination:k},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Ip,"ConfirmWalletsModal");import{i18n as eh}from"@lingui/core";import{Alert as th,Button as oh,InfoIcon as nh}from"@rango-dev/ui";import $e from"react";import{Alert as Fg,Button as Ug,Divider as Mp,NoRouteIcon as Og,RefreshIcon as zg,Typography as Pp}from"@rango-dev/ui";import Ke from"react";import{i18n as Ep}from"@lingui/core";function Wp(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:j().genericServerError,action:{onClick:n,title:Ep.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:j().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Ep.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(Wp,"makeInfo");import{styled as _i}from"@rango-dev/ui";var Lp=_i("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Np=_i("div",{width:"100%"}),Bp=_i("div",{padding:"$6 $0"});function Di(t){let{fetch:e,error:o}=t,n=h().disabledLiquiditySources,r=h().toggleAllLiquiditySources,s=h().swappers(),a=Wp(o,n,()=>r(s,!0),e);return Ke.createElement(Lp,null,Ke.createElement(Og,{size:24,color:"gray"}),Ke.createElement(Mp,{size:4}),Ke.createElement(Pp,{variant:"title",size:"small"},j().noResultError.title),!!a.description&&Ke.createElement(Pp,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Ke.createElement(Mp,{size:4}),!!a.alert&&Ke.createElement(Np,null,Ke.createElement(Fg,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Ke.createElement(Ug,{size:"xsmall",type:a.alert.type,prefix:Ke.createElement(Bp,null,Ke.createElement(zg,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Di,"NoResult");import{i18n as wo}from"@lingui/core";import{Button as Gg,Divider as Op,MessageBox as Hg,Typography as Qg,WarningIcon as Vg}from"@rango-dev/ui";import nt from"react";import{Typography as Fp}from"@rango-dev/ui";import Ui from"react";import{darkTheme as qg,styled as jn}from"@rango-dev/ui";var $p=jn("div",{width:"100%"}),Fi=jn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),_p=jn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${qg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Dp=jn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Up(t){let{title:e,value:o,valueColor:n}=t;return Ui.createElement(_p,null,Ui.createElement(Fp,{size:"medium",variant:"label",className:"_title"},e),Ui.createElement(Fp,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Up,"QuoteErrorsModalItem");function zp(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:wo.t("Swapping"),value:I(r.inputUsdValue,4,4)},{title:wo.t("Gas cost"),value:I(r.totalFee,2,2)},{title:wo.t("Receiving"),value:I(r.outputUsdValue,4,4)},{title:wo.t("Price impact"),value:I(r.priceImpact,2,2),valueColor:`${a}500`}];return nt.createElement(ie,{open:e,onClose:o,container:L()},nt.createElement(Hg,{type:a,title:j().highValueLossError.impactTitle,description:j().highValueLossError.description}),nt.createElement(Fi,null,nt.createElement(Op,{size:20}),nt.createElement(Qg,{size:"small",variant:"title"},wo.t("Details")),nt.createElement(Fi,null,l.map((p,c)=>nt.createElement(Up,{key:c,...p})))),nt.createElement(Op,{size:32}),nt.createElement(Gg,{type:"primary",size:"large",prefix:nt.createElement(Vg,null),fullWidth:!0,disabled:s,onClick:n},j().highValueLossError.confirmMessage))}i(zp,"HighValueLossWarningModal");import{i18n as Oi}from"@lingui/core";function qp(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(ft(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=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(qp,"makeAlerts");import{i18n as ro}from"@lingui/core";import{Button as Gp,Divider as Hp,MessageBox as jg,Typography as Xg}from"@rango-dev/ui";import Ut from"react";import{useNavigate as Kg}from"react-router-dom";function Qp(t){let{customSlippage:e,slippage:o}=h(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=Kg(),c=e??o;return Ut.createElement(ie,{anchor:"bottom",open:n,prefix:Ut.createElement(Gp,{size:"small",variant:"ghost",onClick:()=>p("../"+P.settings)},Ut.createElement(Xg,{variant:"label",size:"medium",color:"$neutral900"},ro.t("Change settings"))),container:L(),onClose:r},Ut.createElement(jg,{type:"warning",title:a.type===3?ro.t("High slippage"):ro.t("Low slippage"),description:a.type===3?ro.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:c}}):ro.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Ut.createElement(Hp,{size:18}),Ut.createElement(Hp,{size:32}),Ut.createElement(Gp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},ro.t("Confirm anyway"))))}i(Qp,"SlippageWarningModal");import{Button as Yg,Divider as Jg,MessageBox as Zg,WarningIcon as Rg}from"@rango-dev/ui";import vo from"react";function Vp(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return vo.createElement(ie,{open:e,onClose:o,container:L()},vo.createElement(Zg,{type:"warning",title:j().unknownPriceError.impactTitle,description:j().unknownPriceError.description}),vo.createElement(Jg,{size:32}),vo.createElement(Yg,{type:"primary",size:"large",prefix:vo.createElement(Rg,null),fullWidth:!0,disabled:r,onClick:n},j().unknownPriceError.confirmMessage))}i(Vp,"UnknownPriceWarningModal");function xo(t){let{warning:e,error:o,showWarningModal:n,confirmationDisabled:r,refetchQuote:s,onOpenWarningModal:a,onCloseWarningModal:l,onConfirmWarningModal:p,onChangeSettings:c}=t,u={confirmationDisabled:r,open:n,onClose:l,onConfirm:p},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(Di,{error:o,fetch:s}),!!m&&$e.createElement($p,null,$e.createElement(th,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:$e.createElement(Dp,{onClick:a},$e.createElement(nh,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:$e.createElement(oh,{size:"xxsmall",type:m.alertType,onClick:c},eh.t("Change"))}})),e&&$e.createElement($e.Fragment,null,e.type===0&&$e.createElement(zp,{...u,warning:e}),(e.type===3||e.type===2)&&$e.createElement(Qp,{...u,warning:e}),e.type===1&&$e.createElement(Vp,{...u,warning:e})))}i(xo,"QuoteWarningsAndErrors");import ir from"react";import{i18n as Yi}from"@lingui/core";import{Alert as vh,Divider as Ji,InfoIcon as xh,StepDetails as bh,TokenAmount as Ah,Tooltip as Sc,Typography as Eo}from"@rango-dev/ui";import Cc from"bignumber.js";import D,{useRef as Ih,useState as Eh}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"}),Xp=zi("div",{width:"100%",display:"flex"});import*as Xn from"@radix-ui/react-collapsible";import{css as Kn,darkTheme as rt,Image as Kp,styled as Ge,Typography as rh}from"@rango-dev/ui";var ih=300,Yp=Ge(Xn.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"}}}}),Jp=Kn({padding:"$10 $15"}),Zp=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"}}}]}),Rp=Kn({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),io=Kn({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),ec=Kn({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${rt} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),tc=Ge(Xn.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${Kp}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Kp}`]:{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"}}}),oc=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"}}}}),nc=Ge(In,{width:"100%",background:"inherit"}),Gi=Ge("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${ih}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Z0=Ge("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),rc=Ge("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${rt} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),ic=Ge("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Hi=Ge(rh,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),sc=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 Lt}from"@lingui/core";import{ChevronDownIcon as ah,CloseIcon as lh,Divider as Zn,IconButton as ph,QuoteCost as ch,Tooltip as uh,Typography as Ye}from"@rango-dev/ui";import mh from"bignumber.js";import O,{useState as cc}from"react";import{i18n as bo}from"@lingui/core";var Vi={"Network Fee":bo.t("Network Fee"),"Swapper Fee":bo.t("Protocol Fee"),"Affiliate Fee":bo.t("Affiliate Fee"),"Outbound network fee":bo.t("Outbound Fee"),"Rango Fee":bo.t("Rango Fee")};import{css as sh,styled as Yn}from"@rango-dev/ui";var Jn=Yn("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),ji=Yn("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),ac=Yn("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),lc=Yn("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),pc=sh({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var dh=30,fh=i(t=>t.fee.isZero()?null:O.createElement(Jn,null,O.createElement(Ye,{variant:"label",size:"medium",color:"neutral600"},t.label),O.createElement(Ye,{variant:"label",size:"medium"},"$",I(t.fee,4,4))),"NonPayableFee");function uc(t){let[e,o]=cc(!1),[n,r]=cc(!1),{steps:s,quote:a}=t,l=h().tokens(),p=Yo(Jo(a.result?.swaps)),c=a.result?.swaps??[],u=L(),g=Cn(c,l),m=ol(c);return O.createElement(O.Fragment,null,O.createElement(ch,{onClickFee:()=>o(!e),fee:I(g,2,2),feeWarning:g.gte(new mh(dh)),time:p,steps:s,tooltipGas:Lt.t("View more info"),tooltipContainer:u}),O.createElement(ie,{container:u,open:e,header:O.createElement(lc,null,O.createElement(Ye,{variant:"title",size:"medium"},Lt.t("Gas & Fee Explanation")),O.createElement(ph,{onClick:()=>o(!1),variant:"ghost"},O.createElement(lh,{color:"gray",size:14}))),onClose:()=>o(!1)},O.createElement(ac,null,O.createElement(Ye,{variant:"title",size:"small"},Lt.t("Details")),O.createElement(Zn,{size:10}),Object.entries(m.payable).flatMap(([f,T])=>T.map((S,d)=>{let y=`payable-fee-${d}`,v=ei(S);return O.createElement(Jn,{key:y},O.createElement(Ye,{variant:"label",size:"medium",color:"neutral600"},Vi[f]),O.createElement(uh,{content:le(S.amount),container:u},O.createElement(Ye,{variant:"label",size:"medium"},I(S.amount,2,2)," ",S.asset.symbol," ($",I(v,4,4),")")))})),O.createElement(Jn,{className:"total_payable_fee"},O.createElement(Ye,{variant:"label",size:"medium"},Lt.t("Total Payable Fee")),O.createElement(Ye,{variant:"label",size:"medium"},"$",I(g,4,4))),O.createElement(ji,null),Object.keys(m.nonePayable).length&&O.createElement(Ln,{triggerAnchor:"bottom",onClickTrigger:()=>r(f=>!f),trigger:O.createElement("div",{className:pc()},O.createElement(Ye,{size:"small",variant:"body",color:"neutral700"},n?Lt.t("Hide non-payable fees"):Lt.t("Show non-payable fees")),O.createElement(Zn,{size:4,direction:"horizontal"}),O.createElement(En,{orientation:n?"up":"down"},O.createElement(ah,{size:12,color:"gray"}))),open:n},O.createElement(Ye,{size:"small",variant:"title"},Lt.t("Description")),O.createElement(Zn,{size:4}),O.createElement(Ye,{size:"small",variant:"body",color:"neutral700"},Lt.t(`The following fees are considered in the transaction output and
2
+ you won\u2019t need to pay extra gas for them.`)),O.createElement(Zn,{size:10}),Object.entries(m.nonePayable).map(([f,T],S)=>{let d=tl(T),y=Vi[f],v=`non-payable-fee-${S}`;return O.createElement(fh,{key:v,fee:d,label:y})}),O.createElement(ji,null)))))}i(uc,"QuoteCostDetails");import{i18n as fc}from"@lingui/core";import{TokenAmount as gc}from"@rango-dev/ui";import Rn from"react";import{css as gh,styled as hh}from"@rango-dev/ui";var mc=hh("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),dc=gh({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Ao(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Rn.createElement(mc,null,Rn.createElement(gc,{direction:"horizontal",label:fc.t("Swap input"),type:"input",tooltipContainer:L(),price:{value:e.price.value,usdValue:e.price.usdValue,realValue:e.price.realValue,realUsdValue:e.price.realUsdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),Rn.createElement("div",{className:dc()}),Rn.createElement(gc,{direction:"horizontal",tooltipContainer:L(),label:fc.t("Estimated output"),type:"output",price:{value:o.price.value,usdValue:o.price.usdValue,realValue:o.price.realValue,realUsdValue:o.price.realUsdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}i(Ao,"QuoteSummary");import{i18n as hc}from"@lingui/core";import{ChevronDownIcon as yh,ChevronRightIcon as Sh,Divider as Xi,Image as Ch,Tooltip as Ki,Typography as er}from"@rango-dev/ui";import M,{useEffect as Th,useState as kh}from"react";var tr=4,or=6,wh=375,Io=i(t=>{let e=L(),{content:o,src:n,className:r,open:s,state:a}=t;return M.createElement(Ki,{container:e,side:"bottom",sideOffset:4,open:s,content:o},M.createElement(oc,{className:r,state:a},M.createElement(Ch,{src:n,size:16})))},"ImageComponent");function yc(t){let{quoteRef:e,recommended:o,setExpanded:n,steps:r,expanded:s}=t,a=L(),l=r.length,p=Cl(r),[c,u]=kh(!1),g=i(()=>{window.innerWidth<wh?u(!0):u(!1)},"handleResize");return Th(()=>{window.addEventListener("resize",g)}),M.createElement(tc,{ref:m=>e.current=m,recommended:o,onClick:()=>n(m=>!m)},M.createElement("div",{className:io()},M.createElement(er,{variant:"body",size:"xsmall"},hc.t("Via:")),M.createElement(Xi,{direction:"horizontal",size:4}),r.map((m,f)=>{let T=`item-${f}`,S=M.createElement(Gi,null,M.createElement(Sh,{size:12,color:"black"}));return c?M.createElement(M.Fragment,null,M.createElement(Io,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),f!==l-1&&M.createElement(M.Fragment,null,S)):M.createElement(M.Fragment,{key:T},l<=tr||l>tr&&f<tr-1?M.createElement(M.Fragment,null,M.createElement(Io,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),f!==l-1&&M.createElement(M.Fragment,null,S)):f===tr-1&&M.createElement(Ki,{container:a,side:"bottom",align:"right",sideOffset:4,content:M.createElement("div",{className:io()},S,r.map((d,y)=>{let v=`image-${y}`;return y>=f&&M.createElement(M.Fragment,{key:v},M.createElement(Io,{content:d.swapper.displayName,src:d.swapper.image,state:d.state,open:!1}),y!==l-1&&M.createElement(M.Fragment,null,S))}))},M.createElement(Qi,{state:r.find((d,y)=>y>=f&&(d.state==="error"||d.state==="warning"))?.state},M.createElement(er,{size:"xsmall",variant:"body"},"+",l-f))))})),M.createElement("div",{className:io()},M.createElement("div",{className:"blockchains_section"},M.createElement("div",{className:io()},M.createElement(er,{variant:"body",size:"xsmall"},hc.t("Chains:")),M.createElement(Xi,{direction:"horizontal",size:4}),p.map((m,f)=>M.createElement(M.Fragment,null,p.length<=or||p.length>or&&f<or-1?M.createElement(Io,{key:m.displayName,content:"",src:m.image,open:!1,className:f!==0?"blockchainImage":""}):f===or-1&&M.createElement(Ki,{container:a,side:"bottom",align:"right",sideOffset:4,content:M.createElement("div",{className:io()},p.map((T,S)=>S>=f&&M.createElement(Io,{key:T.displayName,content:"",src:T.image,open:!1,className:S>f?"blockchainImage":""})))},M.createElement(Qi,{className:"blockchainImage"},M.createElement(er,{size:"xsmall",variant:"body"},"+",p.length-f))))),M.createElement(Xi,{direction:"horizontal",size:32}))),M.createElement(Gi,{orientation:s?"up":"down"},M.createElement(yh,{size:12,color:"black"}))))}i(yc,"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]=Eh(t.expanded),m=Ih(null),f=I(o.value,6,6),T=I(n.value,6,6),S=n.usdValue?I(n.usdValue,4,4):"",d=Oe(o.usdValue,n.usdValue??null),y=I(d,2,2),v=ft(d??0),C=i(b=>b.map((k,E)=>{let N,z=r?.type===3&&r.swap.swapperId===k.swapperId||r?.type===4&&r.recommendedSlippages?.has(E),F=s?.type===2&&s.recommendedSlippages?.has(E);return z?N="error":F&&(N="warning"),{swapper:{displayName:ho(k.swapperId,c),image:k.swapperLogo},from:{token:{displayName:k.from.symbol,image:k.from.logo},chain:{displayName:Ue(k.from.blockchain,p),image:k.from.blockchainLogo},price:{value:E===0?I(o.value,6,6):I(k.fromAmount,6,6),usdValue:I((k.from.usdPrice??0)*parseFloat(k.fromAmount),4,4),realValue:le(E===0?o.value:k.fromAmount),realUsdValue:le(new Cc(k.from.usdPrice??0).multipliedBy(k.fromAmount))}},to:{token:{displayName:k.to.symbol,image:k.to.logo},chain:{displayName:Ue(k.to.blockchain,p),image:k.to.blockchainLogo},price:{value:I(k.toAmount,6,6),usdValue:I((k.to.usdPrice??0)*parseFloat(k.toAmount),4,4),realValue:le(k.toAmount),realUsdValue:le(new Cc(k.to.usdPrice??0).multipliedBy(k.toAmount))}},state:N,alerts:z||F?D.createElement(jp,null,D.createElement(vh,{type:z?"error":"warning",title:r?.type===3?r?.recommendation:Yi.t(`Slippage ${z?"Error":"Warning"}:`),footer:D.createElement(Xp,null,r?.type===3&&D.createElement(D.Fragment,null,D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),D.createElement(Ji,{direction:"horizontal",size:8}),D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),D.createElement(Ji,{direction:"horizontal",size:8}),D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},Yi.t({id:"Yours: {amount} {symbol}",values:{amount:I(k.fromAmount,6,6),symbol:k?.from.symbol}}))),(r?.type===4||s?.type===2)&&D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},Yi.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(E)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(E)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),w=C.length,A=L();return D.createElement(D.Fragment,null,D.createElement(Zp,{recommended:l,listItem:a==="list-item",basic:a==="basic"},D.createElement("div",{className:Rp()},D.createElement(uc,{steps:w,quote:e}),a==="basic"&&D.createElement("div",{className:ec()},D.createElement(ic,null,D.createElement(xh,{size:12,color:"gray"})),D.createElement(sc,null,D.createElement(Hi,{size:"small",variant:"body"},`${f} ${C[0].from.token.displayName} = `),D.createElement(Sc,{content:le(n.value),container:A,open:n.value?void 0:!1},D.createElement(Hi,{size:"small",variant:"body"},"\xA0",`${T} ${C[C.length-1].to.token.displayName}`))),D.createElement(Sc,{content:le(n.usdValue),container:A,style:{display:"flex"}},D.createElement(Eo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${S})`))),a==="list-item"&&D.createElement(Ah,{type:"output",direction:"vertical",tooltipContainer:A,price:{value:T,usdValue:S,realValue:le(n.value),realUsdValue:le(n.usdValue)},token:{displayName:C[w-1].to.token.displayName,image:C[w-1].to.token.image},chain:{image:C[w-1].to.chain.image},percentageChange:y,warningLevel:v}),a==="swap-preview"&&D.createElement(D.Fragment,null,D.createElement(Ao,{from:C[0].from,to:C[w-1].to,percentageChange:y,warningLevel:v}),D.createElement(Ji,{size:4}))),D.createElement(Yp,{recommended:l,open:u,onOpenChange:g},D.createElement(yc,{quoteRef:m,recommended:l,setExpanded:g,expanded:u,steps:C}),D.createElement(nc,{open:u},D.createElement(rc,null),D.createElement("div",{className:Jp()},C.map((b,k)=>{let E=`item-${k}`;return D.createElement(bh,{type:"quote-details",key:E,step:b,hasSeparator:k!==C.length-1,state:b.state,tooltipContainer:A})}))))))}i(Zi,"Quote");import{Divider as Nh,Skeleton as Bh}from"@rango-dev/ui";import gt from"react";import{darkTheme as Wh,styled as nr}from"@rango-dev/ui";var Tc=nr("div",{$$color:"$colors$neutral100",[`.${Wh} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),kc=nr("div",{paddingTop:"$2"}),wc=nr("div",{paddingLeft:"$8"}),vc=nr("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Pc,Divider as Ot,Skeleton as st}from"@rango-dev/ui";import q from"react";import{styled as it}from"@rango-dev/ui";var xc=it("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),bc=it("div",{display:"flex"}),Ac=it("div",{padding:"$15 $0 14px $0"}),Ic=it("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),Ec=it("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),Wc=it("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Lc=it("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Nc=it("div",{width:"65%",display:"flex",justifyContent:"start"}),Bc=it("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Mc=it("div",{padding:"$15 $0 $15 $0"});function Wo(t){let{type:e,tag:o=!1}=t,n=q.createElement(Wc,null,q.createElement(Nc,null,q.createElement(Pc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),q.createElement(Ot,{size:8,direction:"horizontal"}),q.createElement(Bc,null,q.createElement(st,{height:10,width:60,variant:"rounded"}),q.createElement(Ot,{size:4}),q.createElement(st,{height:15,variant:"rounded"}))),q.createElement(st,{height:12,width:64,variant:"rounded"}));return q.createElement("div",null,q.createElement(xc,null,q.createElement(bc,null,q.createElement(st,{width:60,height:10,variant:"rounded"}),q.createElement(Ot,{size:4,direction:"horizontal"}),q.createElement(st,{width:60,height:10,variant:"rounded"}),q.createElement(Ot,{size:4,direction:"horizontal"}),q.createElement(st,{width:60,height:10,variant:"rounded"})),o&&q.createElement(st,{height:22,width:100,variant:"rounded"})),e==="basic"&&q.createElement(Ac,null,q.createElement(st,{height:15,width:148,variant:"rounded"})),e==="list-item"&&q.createElement(Ic,null,q.createElement(Ec,null,q.createElement(Pc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),q.createElement(Ot,{direction:"horizontal",size:4}),q.createElement(st,{height:15,width:150,variant:"rounded"})),q.createElement(Ot,{size:4}),q.createElement(st,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&q.createElement(q.Fragment,null,q.createElement(Ot,{size:4}),q.createElement(Mc,null,n,q.createElement(Lc,null),n)))}i(Wo,"QuoteSummarySkeleton");import{ChainToken as Uc,Divider as es,NextIcon as Lh,Skeleton as rr}from"@rango-dev/ui";import ge from"react";import{styled as Lo}from"@rango-dev/ui";var $c=Lo("div",{display:"flex",alignItems:"start"}),_c=Lo("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),Ri=Lo("div",{display:"flex",alignItems:"center",flexGrow:1}),Dc=Lo("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Fc=Lo("div",{display:"flex",alignItems:"center"});function at(t){let{separator:e=!0}=t;return ge.createElement(ge.Fragment,null,ge.createElement(Fc,null,ge.createElement(rr,{height:22,width:22,variant:"circular"}),ge.createElement(es,{direction:"horizontal",size:8}),ge.createElement(rr,{height:15,width:148,variant:"rounded"})),ge.createElement($c,null,ge.createElement(vc,{hideSeparator:!e}),ge.createElement(_c,null,ge.createElement(Ri,null,ge.createElement(Uc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ge.createElement(es,{direction:"horizontal",size:8}),ge.createElement(rr,{height:12,variant:"rounded"})),ge.createElement(Dc,null,ge.createElement(Lh,{color:"gray",size:16})),ge.createElement(Ri,null,ge.createElement(Uc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ge.createElement(es,{direction:"horizontal",size:8}),ge.createElement(rr,{height:12,variant:"rounded"})))))}i(at,"StepSkeleton");function ts(t){let{type:e,expanded:o,tag:n=!1}=t;return gt.createElement(Tc,{rounded:e!=="basic"},gt.createElement(Wo,{type:e,tag:n}),gt.createElement(kc,null,gt.createElement(Bh,{height:15,variant:"rounded"})),o&&gt.createElement(wc,null,gt.createElement(Nh,{size:20}),gt.createElement(at,null),gt.createElement(at,null),gt.createElement(at,{separator:!1})))}i(ts,"QuoteSkeleton");function No(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1}=t,{inputAmount:l,inputUsdValue:p,outputUsdValue:c,outputAmount:u}=X(),m=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n;return n?ir.createElement(qi,null,ir.createElement(ts,{type:o,expanded:a})):m?ir.createElement(qi,null,ir.createElement(Zi,{quote:e,error:r,warning:s,type:o,expanded:a,recommended:!0,input:{value:l,usdValue:p?.toString()??""},output:{value:u?.toString()??"",usdValue:c?.toString()??""}})):null}i(No,"QuoteInfo");import{calculatePendingSwap as $h}from"@rango-dev/queue-manager-rango-preset";import{useEffect as _h}from"react";import{useRef as Mh,useState as Ph}from"react";function sr(){let[t,e]=Ph(!1),o=Mh(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Qt().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(sr,"useFetchQuote");function ar(t){if(!t.result)throw new Error(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=Tn(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(ar,"throwErrorIfResponseIsNotValid");function Oc(t,e,o){let n=!1;t&&(n=yl(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=wn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(al(t,e)?r.quoteUpdate={type:3,newOutputAmount:I(Xt(e)),percentageChange:I(Oe(Xt(t)??"",Xt(e)??""),null,2)}:oi(t,e)?r.quoteUpdate={type:0}:ni(t,e)?r.quoteUpdate={type:1}:ri(t,e)&&(r.quoteUpdate={type:2}));let a=ll(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Oc,"generateWarnings");function lr(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}i(lr,"handleQuoteErrors");function os(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=X(),{slippage:l,customSlippage:p,affiliatePercent:c,affiliateRef:u,affiliateWallets:g,disabledLiquiditySources:m}=h(),{connectedWallets:f}=Q(),T=h().blockchains(),S=h().tokens(),{features:d}=h().config,{enableNewLiquiditySources:y}=h().config,v=p||l,{fetch:x,cancelFetch:C,loading:w}=sr();return _h(()=>C,[]),{loading:w,fetch:i(async b=>{let k=b.selectedWallets,E=b?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let N=kn({fromToken:t,toToken:e,inputAmount:o,wallets:f,selectedWallets:k,excludeLiquiditySources:y,disabledLiquiditySources:m,slippage:v,affiliateRef:u,affiliatePercent:c,affiliateWallets:g,initialQuote:r??void 0,destination:E});cn("experimentalRoute",d)&&(N.experimental=!0);let z;try{z=await x(N).then(te=>ar(te)),n(z)}catch(te){return lr(te)}let F={slippage:v.toString(),disabledSwappersGroups:m},W=$h(o.toString(),z,il(k),F,!1,{blockchains:T,tokens:S}),J=Oc(r??void 0,z,{fromToken:t,toToken:e,meta:{blockchains:T,tokens:S},selectedWallets:k,userSlippage:v});return J.quoteUpdate&&a(!1),{quote:z,swap:W,error:null,warnings:J}},"fetch"),cancelFetch:C}}i(os,"useConfirmSwap");var Kh=Oh("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${qc}`]:{width:"$48",height:"$48"}}),Yh=rs({flexGrow:1,paddingRight:"$10"}),Jh=rs({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),Zh=rs({display:"flex",justifyContent:"space-between",alignItems:"center"});function Gc(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=X(),l=Xh(),p=jh(),[c,u]=cr(""),{connectedWallets:g}=Q(),m=!n,[f,T]=cr(!1),{isActiveTab:S}=ee(),d=h().disabledLiquiditySources,y=Qh(d),{manager:v}=Dh(),{fetch:x,loading:C,cancelFetch:w}=os(),[A,b]=cr({swap:null,error:null,warnings:null}),[k,E]=cr(!1),N=i(async({selectedWallets:G,customDestination:De})=>{let K=await x?.({selectedWallets:G,customDestination:De});return b(K),K},"onConfirmSwap"),z=i(async()=>{if(A.swap&&n)try{await v?.create("swap",{swapDetails:A.swap},{id:A.swap.requestId});let G=`../${P.swaps}/${A.swap.requestId}`;l(G,{replace:!0}),setTimeout(()=>{e("")},0)}catch(G){u("Error: "+G?.message)}},"addNewSwap"),F=i(async()=>{await z()},"onConfirm"),W=i(async()=>{A?.warnings?.quote&&!a?E(!0):await F()},"onStartConfirmSwap"),J=i(async()=>{b({error:null,swap:null,warnings:null}),x({selectedWallets:o,customDestination:s}).then(G=>{b(G)}).catch(G=>console.error(G))},"onRefresh");Bo(()=>{!!y.current.length&&!d.length&&J(),y.current=d},[d.length]),Bo(()=>{m&&w()},[m]),Bo(()=>{m&&T(m)},[m]),Bo(()=>{m||x({selectedWallets:o,customDestination:s}).then(G=>b(G)).catch(G=>console.error(G))},[]),Bo(()=>{let G=A.warnings?.quote?.type&&Object.values(vt).includes(A.warnings?.quote?.type),De=o.length<1||!o.every(U=>g.find(ke=>U.address===ke.address&&U.walletType===ke.walletType&&U.chain===ke.chain)),K=!1;if(G){let U=gn(t),ke=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(ut=>ut.from.blockchain===ke)||(U=U.slice(-U.length,U.length-1)),U.every(ut=>o.find(_=>_.chain===ut))||(K=!0)}t&&(De||K)&&(queueMicrotask(()=>Vh(T.bind(null,!0))),r(!1))},[A.warnings?.quote,o.length,g.length]),Hh(()=>{t||l(`../${p.search}`)},[]);let te=A.warnings?.quote??null,R=A.error,fe=[];return c&&fe.push(pe.createElement(zc,{type:"error",variant:"alarm",title:c})),A.warnings?.quoteUpdate&&fe.push(pe.createElement(zc,{variant:"alarm",type:"warning",title:A.warnings.quoteUpdate&&bn(A.warnings.quoteUpdate)})),(te||R)&&fe.push(pe.createElement(xo,{warning:te,error:R,loading:C,refetchQuote:J,showWarningModal:k,confirmationDisabled:!S,onOpenWarningModal:()=>E(!0),onCloseWarningModal:()=>E(!1),onConfirmWarningModal:async()=>{E(!1),await z()},onChangeSettings:()=>l(P.settings)})),pe.createElement(re,{header:{title:pr.t("Confirm Swap"),onWallet:()=>{let G=`../${P.wallets}`;l(G)},suffix:pe.createElement(zh,{container:L(),side:"bottom",content:pr.t("Settings")},pe.createElement(qe,{size:"small",variant:"ghost",onClick:()=>l("../"+P.settings)},pe.createElement(Uh,{size:18,color:"black"})))},footer:pe.createElement(Kh,null,pe.createElement("div",{className:Yh()},pe.createElement(Fh,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:C,disabled:!!A.error||!S,onClick:W},pr.t("Start Swap"))),pe.createElement(qc,{variant:"contained",type:"primary",size:"large",loading:C,onClick:T.bind(null,!0)},pe.createElement(Gh,{size:24})))},f&&pe.createElement(Ip,{open:f,onClose:()=>T(!1),onCancel:w,loading:C,onCheckBalance:N}),pe.createElement(se,null,pe.createElement("div",{className:Zh()},pe.createElement(qh,{variant:"title",size:"small"},pr.t("You get")),pe.createElement("div",{className:Jh()},pe.createElement(On,{onClick:!C&&!f&&!k?J:void 0}))),pe.createElement(ns,{size:"12"}),Ul(fe,pe.createElement(ns,{size:10})),fe.length>0?pe.createElement(ns,{size:10}):null,pe.createElement(No,{quote:t,type:"swap-preview",expanded:!0,error:A.error,loading:C,warning:A.warnings?.quote??null})))}i(Gc,"ConfirmSwapPage");import{i18n as mr}from"@lingui/core";import{useManager as fy}from"@rango-dev/queue-manager-react";import{Divider as eu,NotFound as gy,styled as hy}from"@rango-dev/ui";import yt,{useState as yy}from"react";import{useNavigate as Sy}from"react-router-dom";import{i18n as ty}from"@lingui/core";import{Divider as Xc,GroupedVirtualizedList as oy,Skeleton as ny,SwapListItem as Kc,Typography as ry}from"@rango-dev/ui";import Ee,{useCallback as Yc,useEffect as iy,useRef as sy,useState as ay}from"react";function Hc(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(Hc,"calculateGroupsSoFar");import{css as Rh,darkTheme as ey,styled as Mo}from"@rango-dev/ui";var is=Rh(),Qc=Mo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),ss=Mo("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${is}`]:{$$color:"$colors$neutral600",[`.${ey} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),as=Mo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Vc=Mo("div",{gap:"$10",display:"flex",flexDirection:"column"}),jc=Mo("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var ly=10;function ls(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=ay([]),l=sy(0),{swaps:p,groupCounts:c,groups:u}=n(e),g=Yc(Hc,[]),m=Yc(()=>{let f=e.length-l.current;f&&(l.current+=Math.min(f,ly),a(g(c,l.current)))},[e.length]);if(iy(()=>{r||m()},[r,m]),r){let f=[1,2];return Ee.createElement(Ee.Fragment,null,[f,f].map((S,d)=>Ee.createElement(ss,{key:d},Ee.createElement(as,null,Ee.createElement(ny,{variant:"text",width:60,size:"small"}),Ee.createElement(Xc,{size:16})),Ee.createElement(Xc,{size:4}),Ee.createElement(Vc,null,S.map((v,x)=>Ee.createElement(Kc,{isLoading:!0,key:x}))))))}return Ee.createElement(oy,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:f=>Ee.createElement(ss,null,Ee.createElement(as,null,Ee.createElement(ry,{variant:"label",size:"medium",className:is()},u[f]))),itemContent:(f,T)=>{let S=p[f];if(!S)return null;let d=S.steps[0],y=S.steps[S.steps.length-1];return Ee.createElement(Qc,{key:S.requestId},Ee.createElement(Kc,{requestId:S.requestId,creationTime:S.creationTime,status:S.status,onClick:o,tooltipContainer:L(),onlyShowTime:u[T]===ty.t("Today"),swapTokenData:{from:{token:{image:d.fromLogo,displayName:d.fromSymbol},blockchain:{image:d.fromBlockchainLogo||""},amount:I(S.inputAmount,6,6),realAmount:le(S.inputAmount)},to:{token:{image:y.toLogo,displayName:y.toSymbol},blockchain:{image:y.toBlockchainLogo||""},amount:I(y.outputAmount||y.expectedOutputAmountHumanReadable||"",6,6),realAmount:le(y.outputAmount||y.expectedOutputAmountHumanReadable)}}}))}})}i(ls,"HistoryGroupedList");import{CloseIcon as cy,IconButton as uy,SearchIcon as my,TextField as dy}from"@rango-dev/ui";import Po from"react";import{styled as py}from"@rango-dev/ui";var Jc=py("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function ht(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Po.createElement(dy,{prefix:Po.createElement(Jc,null,Po.createElement(my,{color:"black"})),suffix:!!a.length&&Po.createElement(uy,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Po.createElement(cy,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...p})}i(ht,"SearchInput");import{i18n as ur}from"@lingui/core";import Zc from"dayjs";var Rc=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=Zc();t.forEach(p=>{let c=Number(p.creationTime),u=Zc(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 Cy=hy("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Ty=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 tu(){let t=Sy(),{manager:e,state:o}=fy(),n=It(e).map(({swap:u})=>u),[r,s]=yy(""),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)||Ty(u.steps,r)||et(u.requestId,r)));let c=!p?.length&&!a;return yt.createElement(re,{header:{title:mr.t("History")}},yt.createElement(se,null,yt.createElement(ht,{setValue:s,fullWidth:!0,variant:"contained",placeholder:mr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),yt.createElement(eu,{size:"16"}),yt.createElement(Cy,null,c&&yt.createElement(jc,null,yt.createElement(eu,{size:32}),yt.createElement(gy,{title:mr.t("No results found"),description:r?mr.t("Try using different keywords"):""})),!c&&yt.createElement(ls,{list:p,onSwapClick:t,groupBy:Rc,isLoading:a}))))}i(tu,"HistoryPage");import{i18n as us}from"@lingui/core";import{Button as Iy,Divider as iu,styled as au,SwapInput as su,WarningIcon as Ey}from"@rango-dev/ui";import ve,{useEffect as Wy,useState as Ly}from"react";import{useNavigate as Ny}from"react-router-dom";import{ReverseIcon as ky,styled as ou}from"@rango-dev/ui";import ps from"react";var wy=ou("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),vy=ou("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 nu(){let t=X.use.switchFromAndTo();return ps.createElement(wy,null,ps.createElement(vy,{onClick:()=>{t()}},ps.createElement(ky,{size:12})))}i(nu,"SwitchFromAndToButton");import{useCallback as xy,useEffect as by,useState as cs}from"react";var Ay=600;function ru(){let{fetch:t,cancelFetch:e}=sr(),{liquiditySources:o,enableNewLiquiditySources:n,features:r}=h().config,s=h().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:c,quote:u,resetQuote:g,setQuote:m}=X(),{slippage:f,customSlippage:T,affiliatePercent:S,affiliateRef:d,affiliateWallets:y,disabledLiquiditySources:v,fetchStatus:x}=h(),[C,w]=cs(!0),[A,b]=cs(null),[k,E]=cs(null),N=T??f,F=!a||!l||Ae(a,l)||!mo(p),W=i(R=>{w(R),b(null),E(null)},"resetState"),J=i(R=>{let{fromToken:fe,toToken:G,inputAmount:De,liquiditySources:K,excludeLiquiditySources:U,disabledLiquiditySources:ke,slippage:ct,affiliateRef:Le,affiliatePercent:ut,affiliateWallets:_}=R;if(C||W(!0),!F&&fe&&G){g();let V=kn({fromToken:fe,toToken:G,inputAmount:De,liquiditySources:K,excludeLiquiditySources:U,disabledLiquiditySources:ke,slippage:ct,affiliateRef:Le,affiliatePercent:ut,affiliateWallets:_});cn("experimentalRoute",r)&&(V.experimental=!0),t(V).then(H=>{w(!1),m(H),ar(H);let ce=wn(H,{fromToken:fe,toToken:G,userSlippage:N,tokens:s});E(ce)}).catch(H=>{let{error:ce}=lr(H);(ce?.type===0||ce?.type===1)&&g(),ce?.type!==2&&(b(ce),w(!1))})}},"fetch"),te=xy(Ba(R=>{F||J(R)},Ay),[F]);return by(()=>{if(x==="success"){if(!mo(p)||c?.eq(0)){W(!1),e();return}if(F){u&&g();return}return g(),W(!0),te({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:v,slippage:N,affiliateRef:d,affiliatePercent:S,affiliateWallets:y}),e}},[x,p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,F,o?.length,n,v.length,N,d,S,JSON.stringify(y)]),{fetch:()=>J({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:v,slippage:N,affiliateRef:d,affiliatePercent:S,affiliateWallets:y}),loading:C,error:A,warning:k}}i(ru,"useSwapInput");var By=au("div",{position:"relative"}),My=au("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function lu(){let t=Ny(),{fetch:e,loading:o,error:n,warning:r}=ru(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:g,outputAmount:m,outputUsdValue:f,quote:T,resetQuoteWallets:S,setQuoteWarningsConfirmed:d}=X(),{config:y,fetchStatus:v}=h(),{connectedWallets:x,getBalanceFor:C}=Q(),{isActiveTab:w}=ee(),[A,b]=Ly(!1),k=!!a&&xa(x,a.name),E=!1,N=!Rr(T,u,g),z=!Rr(T,u,f),F=el({fetchMetaStatus:v,fetchingQuote:o,inputAmount:u,quote:T,anyWalletConnected:x.length>0,error:n,warning:r,needsToWarnEthOnPath:E}),W=s?C(s):null,J=nn(W)?.amount??"0",te=a&&s?I(W?.amount,W?.decimals):"0",R=v==="success"&&!!u&&!!s&&!!l&&o;Wy(()=>{S()},[]);let fe=!g||!f||!f.gt(0)?null:Oe(g.toString(),f.toString());return ve.createElement(re,{height:"auto",footer:ve.createElement(Iy,{type:"primary",size:"large",disabled:F.disabled||!w,prefix:F.action==="confirm-warning"&&ve.createElement(Ey,null),fullWidth:!0,onClick:()=>{F.action==="connect-wallet"?t(P.wallets):F.action==="confirm-warning"?b(!0):t(P.confirmSwap)}},F.title),header:{onWallet:()=>{t(P.wallets)},hasBackButton:!1,title:y.title||us.t("Swap"),suffix:ve.createElement(Ai,{onClickRefresh:(T||n)&&!A?e:void 0,onClickHistory:()=>t(P.swaps),onClickSettings:()=>t(P.settings)})}},ve.createElement(se,null,ve.createElement(My,null,ve.createElement(By,null,ve.createElement(su,{label:us.t("From"),mode:"From",onInputChange:c,balance:J,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(P.fromSwap),price:{value:u,usdValue:N?void 0:I(g,4,4),realUsdValue:N?void 0:le(g),error:N?j().unknownPriceError.impactTitle:void 0},disabled:v==="failed",loading:v==="loading",loadingBalance:k,tooltipContainer:L(),onSelectMaxBalance:()=>{J!=="0"&&c(te.split(",").join(""))}}),ve.createElement(nu,null)),ve.createElement(su,{sharpBottomStyle:!!T?.result||R,label:us.t("To"),mode:"To",fetchingQuote:R,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:I(Oe(g,f),2,2),warningLevel:ft(fe??0),price:{value:I(m,6,6),usdValue:z?void 0:I(f,4,4),realValue:le(m),realUsdValue:z?void 0:le(f),error:z?j().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(P.toSwap),disabled:v==="failed",loading:v==="loading",tooltipContainer:L()})),ve.createElement(iu,{size:"2"}),ve.createElement(No,{quote:T,loading:R,error:n,warning:r,type:"basic"}),r||n?ve.createElement(ve.Fragment,null,ve.createElement(iu,{size:"10"}),ve.createElement(xo,{warning:r,error:n,loading:R,refetchQuote:e,showWarningModal:A,confirmationDisabled:!w,onOpenWarningModal:()=>b(!0),onCloseWarningModal:()=>b(!1),onConfirmWarningModal:()=>{b(!1),d(!0),t(P.confirmSwap)},onChangeSettings:()=>t(P.settings)})):null))}i(lu,"Home");import{i18n as pu}from"@lingui/core";import{List as Py,ListItemButton as $y,Radio as _y,RadioRoot as Dy,Typography as Fy}from"@rango-dev/ui";import Nt from"react";function so(){let{setLanguage:t,language:e,config:o}=h(),n=$a,r=o?.language||go;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||go),resetLanguage:()=>t(null)}}i(so,"useLanguage");function cu(){let{activeLanguage:t,changeLanguage:e,languages:o}=so(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:Nt.createElement(Fy,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Nt.createElement(_y,{value:s}),start:Nt.createElement(l,null)}});return Nt.createElement(re,{header:{title:pu.t("Language")}},Nt.createElement(se,null,Nt.createElement(Dy,{value:t},Nt.createElement(Py,{type:Nt.createElement($y,{title:pu.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(cu,"LanguagePage");import{i18n as St}from"@lingui/core";import{Button as Gy,Checkbox as Hy,Image as Qy,ListItemButton as Vy,NotFound as jy,Typography as Xy}from"@rango-dev/ui";import We,{useState as Ky}from"react";import{Checkbox as zy,Skeleton as mu}from"@rango-dev/ui";import _o from"react";import{styled as ms}from"@rango-dev/ui";var $o=ms("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ds=ms("div",{width:80,display:"flex",justifyContent:"flex-end"}),fs=ms("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as Uy,styled as Oy}from"@rango-dev/ui";var uu=Oy(Uy,{height:61});var qy=30;function gs(){return _o.createElement($o,null,Array.from(Array(qy),t=>_o.createElement(uu,{hasDivider:!0,key:t,start:_o.createElement(mu,{variant:"circular",width:35,height:35}),title:_o.createElement(mu,{variant:"text",size:"large",width:90}),end:_o.createElement(zy,{checked:!1})})))}i(gs,"LoadingLiquiditySourceList");function hs({sourceType:t}){let e=h().fetchStatus,o=h().swappers(),n=h().disabledLiquiditySources,[r,s]=Ky(""),a=h().toggleLiquiditySource,l=pn(o,n),p={Exchanges:St.t("Exchanges"),Bridges:St.t("Bridges")},c=[];t==="Exchanges"&&c.push("DEX"),t==="Bridges"&&(c.push("BRIDGE"),c.push("AGGREGATOR"));let u=l.filter(d=>c.includes(d.type)),g=u.length===u.filter(d=>d.selected).length,m=i(()=>{u.forEach(d=>{g?a(d.groupTitle):d.selected||a(d.groupTitle)})},"toggleAllSources"),f=u.map(d=>{let{selected:y,groupTitle:v,logo:x}=d;return{start:We.createElement(Qy,{src:x,size:22,type:"circular"}),onClick:()=>a(v),end:We.createElement(Hy,{checked:y}),title:We.createElement(Xy,{variant:"title",size:"xmedium"},St.t(v)),...d}}),T=i(d=>{let y=d.target.value;s(y)},"searchHandler"),S=f;return r&&(S=f.filter(d=>et(d.groupTitle,r))),We.createElement(re,{header:{title:St.t(t),suffix:We.createElement(ds,null,We.createElement(Gy,{variant:"ghost",size:"xsmall",onClick:m},g?St.t("Deselect all"):St.t("Select all")))}},We.createElement(se,{view:!0},We.createElement(ht,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:St.t("Search {sourceType}",{sourceType:p[t]}),onChange:T}),e==="loading"&&We.createElement(gs,null),!S.length&&r?We.createElement(fs,null,We.createElement(jy,{title:St.t("No results found"),description:St.t("Try using different keywords")})):e==="success"&&We.createElement($o,null,S.map(d=>We.createElement(We.Fragment,{key:d.id},We.createElement(Vy,{style:{height:"61px"},...d,selected:!1,hasDivider:!0}))))))}i(hs,"LiquiditySourcePage");import{i18n as Tu}from"@lingui/core";import{Divider as ku,getCountCategories as iS,SelectableCategoryList as sS}from"@rango-dev/ui";import Ct,{useState as wu}from"react";import{i18n as Ss}from"@lingui/core";import{Divider as Su,Image as eS,ListItemButton as tS,NotFound as oS,Typography as Cu}from"@rango-dev/ui";import He,{useEffect as nS,useState as rS}from"react";import{BlockchainCategories as ys}from"@rango-dev/ui";import{TransactionType as dr}from"rango-sdk";var Yy=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"),du=i((t,e,o)=>t.filter(n=>Yy(n,o)).filter(n=>Pt(n.name,e)||Pt(n.displayName,e)),"filterBlockchains");import{ImageContainer as Jy,styled as fu}from"@rango-dev/ui";var gu=fu("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),fr=fu(Co,{padding:0,margin:0,listStyle:"none",[`& ${Jy}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Zy,Skeleton as hu}from"@rango-dev/ui";import gr from"react";var Ry=20;function yu(){return gr.createElement(fr,null,Array.from(Array(Ry),t=>gr.createElement(Zy,{key:t,hasDivider:!0,start:gr.createElement(hu,{variant:"circular",width:35,height:35}),title:gr.createElement(hu,{variant:"text",size:"large",width:90})})))}i(yu,"LoadingBlockchainList");function Cs(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=rS(e),{fetchStatus:l}=h();nS(()=>{a([...du(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?He.createElement(He.Fragment,null,He.createElement(Su,{size:32}),He.createElement(oS,{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(tS,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:He.createElement(eS,{src:c.logo,size:30}),title:He.createElement(Cu,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return He.createElement(gu,null,He.createElement(Cu,{variant:"label",size:"large"},Ss.t("Select Blockchain")),He.createElement(Su,{size:4}),l==="loading"&&He.createElement(yu,null),l==="success"&&p())}i(Cs,"BlockchainList");function Ts(t){let{type:e}=t,o=At(),[n,r]=wu(""),[s,a]=wu("ALL"),l=X.use.setToBlockchain(),p=X.use.setFromBlockchain(),c=h().fetchStatus,u=h().blockchains({type:e}),m=iS(u)!==1;return Ct.createElement(re,{header:{title:Tu.t("Select Blockchain")}},Ct.createElement(se,{view:!0},m&&Ct.createElement(Ct.Fragment,null,Ct.createElement(sS,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),Ct.createElement(ku,{size:24})),Ct.createElement(ht,{value:n,autoFocus:!0,placeholder:Tu.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),Ct.createElement(ku,{size:16}),Ct.createElement(Cs,{list:u,searchedFor:n,blockchainCategory:s,onChange:f=>{e==="source"?p(f):l(f),o()}})))}i(Ts,"SelectBlockchainPage");import{i18n as Tr}from"@lingui/core";import{Divider as qu}from"@rango-dev/ui";import zt,{useState as vS}from"react";import{useNavigate as xS}from"react-router-dom";import{i18n as vs}from"@lingui/core";import{BlockchainsChip as hr,Divider as Au,Image as Iu,Skeleton as uS,Tooltip as mS,Typography as xs}from"@rango-dev/ui";import Se from"react";import{useEffect as pS}from"react";var vu=["ETH","COSMOS","OSMOSIS"];function ks(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(aS),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(lS(a)),r=n.splice(s)}return{list:n,more:r}}i(ks,"prepare");function aS(t,e){let o=vu,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(aS,"sortByMostUsedBlockchains");function lS(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(lS,"generateSortByPreferredBlockchainsFor");function xu(t,e){return!!e.list.find(o=>o.name===t)}i(xu,"isInVisibleList");function ws(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=h();pS(()=>{if(e?.selected){let s=ks(t,o,e);xu(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 cS}from"@rango-dev/ui";var bu=cS("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var dS=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 Se.createElement(Se.Fragment,null,Se.createElement(Au,{size:12}),Se.createElement(xs,{variant:"label",size:"large"},vs.t("Select Blockchain")),Se.createElement(Au,{size:12}),Se.createElement(bu,null,l==="loading"&&Array.from(Array(dS),f=>Se.createElement(uS,{key:f,variant:"rounded",height:50})),l==="success"&&Se.createElement(Se.Fragment,null,Se.createElement(hr,{selected:!n,onClick:()=>{o==="from"?c():p()}},Se.createElement(xs,{variant:"body",size:"xsmall",color:"secondary500"},vs.t("All"))),a.list.map(f=>Se.createElement(mS,{key:f.name,content:f.shortName,side:"bottom",sideOffset:2,container:L()},Se.createElement(hr,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},Se.createElement(Iu,{src:f.logo,size:30})))),g?Se.createElement(hr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},Se.createElement(Iu,{src:a.more[0].logo,size:30})):null,m?Se.createElement(hr,{onClick:s,key:"more-blockchains"},Se.createElement(xs,{variant:"body",size:"xsmall",color:"secondary500"},vs._("More +{count}",{count:a.more.length}))):null)))}i(bs,"BlockchainsSection");import{i18n as $s}from"@lingui/core";import{darkTheme as Du,Divider as lo,ExternalLinkIcon as hS,Image as yS,ListItemButton as SS,NotFound as CS,PinIcon as TS,Skeleton as Fu,Typography as Cr,VirtualizedList as kS}from"@rango-dev/ui";import $,{useEffect as Uu,useState as Ou}from"react";import{Divider as $u,ListItem as gS,Skeleton as Do}from"@rango-dev/ui";import Ze from"react";import{css as ao,darkTheme as Eu,ImageContainer as fS,styled as Je,Typography as Wu}from"@rango-dev/ui";var As=ao({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Is=ao({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Es=ao({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Ws=ao({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Eu} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Ls=ao({}),Ns=ao(),Lu=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":{[`& .${Is}`]:{[`& .${Ws}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Ls}`]:{bottom:"-15px"},[`& .${As}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Es}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Ms=Je("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ps=Je(Wu,{}),Nu=Je("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Ns}`]:{$$color:"$colors$neutral600",[`.${Eu} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Sr=Je("div",{display:"flex",alignItems:"end",flexDirection:"column"}),s$=Je("div",{display:"flex",alignItems:"center"}),Bu=Je("div",{position:"relative",[`& ${fS}`]:{borderRadius:"$xm",overflow:"hidden"}}),Mu=Je("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Pu=Je(Wu,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function _u(t){return Ze.createElement(yr,null,Array.from(Array(t.size),e=>Ze.createElement(gS,{key:e,hasDivider:!0,start:Ze.createElement(Do,{variant:"circular",width:35,height:35}),end:Ze.createElement(Sr,null,Ze.createElement(Do,{variant:"text",size:"large",width:70}),Ze.createElement($u,{size:4}),Ze.createElement(Do,{variant:"text",size:"medium",width:50})),title:Ze.createElement("div",null,Ze.createElement(Do,{variant:"text",size:"large",width:90}),Ze.createElement($u,{size:4}),Ze.createElement(Do,{variant:"text",size:"medium",width:90}))})))}i(_u,"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:Is()},o?$.createElement("div",{className:As()},o):$.createElement(Bs,{className:Es()},$.createElement(Cr,{variant:"title",size:"xmedium"},r.symbol),$.createElement(lo,{direction:"horizontal",size:4}),$.createElement(Ms,{css:s},$.createElement(Ps,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&$.createElement("div",{className:`${Ws()} ${!o&&Ls()}`},$.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",$.createElement(lo,{size:4,direction:"horizontal"}),$.createElement(hS,{color:"gray",size:12}))))},"renderDesc");function zu(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Ou(e),l=h().fetchStatus,p=h().blockchains(),[c,u]=Ou(!0),{getBalanceFor:g,loading:m}=Q(),{isTokenPinned:f}=h(),T=i(()=>{a(e.slice(0,s.length+_s))},"loadNextPage");Uu(()=>{u(e.length>s.length)},[s.length]),Uu(()=>{a(e.slice(0,_s))},[e]);let S=i(()=>!s.length&&o?$.createElement($.Fragment,null,$.createElement(lo,{size:32}),$.createElement(CS,{title:$s.t("No results found"),description:$s.t("Try using different keywords")})):$.createElement(kS,{endReached:c?T:void 0,itemContent:d=>{let y=s[d],v=nn(g(y)),x=y.address||"",C=p.find(k=>k.name===y.blockchain),w=Pn(y.symbol,C?.color||""),A={$$color:w[`${y.symbol}100`],[`.${Du} &`]:{$$color:w[`${y.symbol}900`]},backgroundColor:"$$color"},b={$$color:w[`${y.symbol}700`],[`.${Du} &`]:{$$color:w[`${y.symbol}100`]},color:"$$color"};return $.createElement("div",{style:{paddingRight:5}},$.createElement(SS,{style:{width:"100%",overflow:"hidden"},"tab-index":d,key:`${y.symbol}${y.address}`,id:`${y.symbol}${y.address}`,hasDivider:!0,onClick:()=>n(s[d]),start:$.createElement(Bu,null,$.createElement(yS,{src:y.image,size:30}),f(y,t.type)&&$.createElement(Mu,null,$.createElement(TS,{size:12,color:"gray"}))),title:C?.type==="COSMOS"||y.name||!y.name&&!x?$.createElement(Bs,null,$.createElement(Cr,{variant:"title",size:"xmedium"},y.symbol),$.createElement(lo,{direction:"horizontal",size:4}),$.createElement(Ms,{css:A},$.createElement(Ps,{variant:"body",size:"xsmall",css:b},y.blockchain))):void 0,description:C?.info&&x&&C.type!=="COSMOS"?wS({address:x,token:s[d],customCssForTag:A,customCssForTagTitle:b,name:y.name,url:C.info.addressUrl.split("{wallet}").join(x)}):y.name||void 0,end:m?$.createElement(Sr,null,$.createElement(Fu,{variant:"text",size:"large",width:70}),$.createElement(lo,{size:4}),$.createElement(Fu,{variant:"text",size:"medium",width:50})):v&&$.createElement(Nu,null,$.createElement(Pu,{variant:"title",size:"small"},v.amount),$.createElement("div",null),v.usdValue&&$.createElement(Cr,{variant:"body",className:Ns(),size:"xsmall"},`$${v.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return $.createElement(Lu,null,$.createElement(Cr,{variant:"label",size:"large"},$s.t("Select Token")),$.createElement(lo,{size:4}),l==="loading"&&$.createElement(_u,{size:_s}),l==="success"&&$.createElement(yr,{as:"ul"},S()))}i(zu,"TokenList");function Ds(t){let{type:e}=t,o=xS(),n=At(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=X(),u=Q.use.getBalanceFor(),[g,m]=vS(""),{isTokenPinned:f}=h(),S=(e==="source"?r:s)?.name??"",d=h().blockchains({type:e}),y=h().tokens({type:e,blockchain:S,searchFor:g}),x=ka(y,u,i(b=>f(b,e),"checkIsTokenPinned")),C=i(b=>{e==="source"?p(b):c(b)},"updateBlockchain"),w=i(b=>{e==="source"?a({token:b,meta:{blockchains:d,tokens:y}}):l({token:b,meta:{blockchains:d,tokens:y}})},"updateToken"),A={source:Tr.t("Source"),destination:Tr.t("Destination")};return zt.createElement(re,{header:{title:Tr.t("Swap {type}",{type:A[e]})}},zt.createElement(se,null,zt.createElement(bs,{blockchains:d,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(P.blockchains),onChange:b=>{C(b)}}),zt.createElement(qu,{size:24}),zt.createElement(ht,{value:g,autoFocus:!0,placeholder:Tr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:b=>m(b.target.value)}),zt.createElement(qu,{size:16}),zt.createElement(zu,{list:x,selectedBlockchain:S,searchedFor:g,type:e,onChange:b=>{w(b);let k=d.find(E=>b.blockchain===E.name);k&&C(k),n()}})))}i(Ds,"SelectSwapItemsPage");import{i18n as qt}from"@lingui/core";import{ChevronRightIcon as Os,Divider as zs,InfoIcon as BS,List as MS,ListItemButton as PS,Skeleton as $S,Switch as _S,Tooltip as DS,Typography as Gt}from"@rango-dev/ui";import Y from"react";import{useNavigate as FS}from"react-router-dom";import{i18n as Xu}from"@lingui/core";import{Divider as ES,InfoIcon as WS,TextField as LS,Tooltip as NS,Typography as Ku}from"@rango-dev/ui";import _e from"react";import{Chip as bS,styled as Fo,TextField as AS}from"@rango-dev/ui";var Gu=Fo("div",{paddingTop:"$5",padding:"$10 $5"}),Hu=Fo("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${AS}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Qu=Fo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),kr=Fo("div",{maxWidth:"280px",padding:"$10"}),Vu=Fo(bS,{width:"61px",flexShrink:0});import{i18n as Fs}from"@lingui/core";import{Typography as IS}from"@rango-dev/ui";import Uo from"react";function ju(){return Uo.createElement(kr,null,Uo.createElement(IS,{variant:"label",size:"medium",color:"neutral700"},Fs.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Uo.createElement("br",null),Uo.createElement("br",null),Uo.createElement("b",null,Fs.t("Warning")),":",Fs.t("This setting is applied per step (e.g. 1Inch, Thorchain, etc) which means only the step will be reverted, not the whole transaction.")))}i(ju,"SlippageTooltipContent");function Us(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=h();return _e.createElement(Gu,null,_e.createElement(Qu,null,_e.createElement(Ku,{variant:"title",size:"xmedium"},Xu.t("Slippage tolerance per swap")),_e.createElement(ES,{direction:"horizontal",size:4}),_e.createElement(NS,{container:L(),side:"top",sideOffset:4,content:_e.createElement(ju,null)},_e.createElement(WS,{color:"gray"}))),_e.createElement(Hu,null,_a.map((r,s)=>{let a=`slippage-${s}`;return _e.createElement(_e.Fragment,null,_e.createElement(Vu,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),_e.createElement(LS,{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(Ku,{variant:"body",size:"small"},"%"),placeholder:Xu.t("Custom")})))}i(Us,"Slippage");function Yu(){let t=FS(),{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=pn(n,r),m=g.filter(k=>k.type==="BRIDGE"||k.type==="AGGREGATOR"),f=m.length,T=m.filter(k=>k.selected).length,S=g.filter(k=>k.type==="DEX"),d=S.length,y=S.filter(k=>k.selected).length,v=i((k,E)=>{switch(o){case"loading":return Y.createElement($S,{variant:"text",size:"medium",width:50});case"failed":return Y.createElement(Gt,{variant:"body",size:"medium",color:"$error500"},qt.t("Loading failed"));default:return Y.createElement(Gt,{variant:"body",size:"medium"},`${k} / ${E}`)}},"handleEndItem"),x={id:"bridge-item",title:Y.createElement(Gt,{variant:"title",size:"xmedium"},qt.t("Enabled bridges")),end:Y.createElement(Y.Fragment,null,v(T,f),Y.createElement(zs,{direction:"horizontal",size:8}),Y.createElement(Os,{color:"black"})),onClick:()=>t(P.bridges)},C={id:"exchange-item",title:Y.createElement(Gt,{variant:"title",size:"xmedium"},qt.t("Enabled exchanges")),end:Y.createElement(Y.Fragment,null,v(y,d),Y.createElement(zs,{direction:"horizontal",size:8}),Y.createElement(Os,{color:"gray"})),onClick:()=>t(P.exchanges)},w={id:"theme-item",title:Y.createElement(Gt,{variant:"title",size:"xmedium"},qt.t("Theme")),end:Y.createElement(Os,{color:"gray"}),onClick:()=>t(P.themes)},A={id:"infinite-approval-item",title:Y.createElement(Y.Fragment,null,Y.createElement(Gt,{variant:"title",size:"xmedium"},qt.t("Infinite approval")),Y.createElement(zs,{direction:"horizontal",size:4}),Y.createElement(DS,{side:"top",sideOffset:4,container:L(),content:Y.createElement(kr,null,Y.createElement(Gt,{variant:"label",size:"medium",color:"neutral700"},qt.t("Enabling the 'Infinite approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},Y.createElement(BS,{color:"gray"}))),end:Y.createElement(_S,{checked:c}),onClick:u},b=l?[]:[x,C];return!e?.singleTheme&&!a&&b.push(w),b.push(A),Y.createElement(re,{header:{title:qt.t("Settings")}},Y.createElement(se,null,Y.createElement(Us,null),Y.createElement(MS,{type:Y.createElement(PS,{title:"_",id:"_",onClick:()=>console.log()}),items:b})))}i(Yu,"SettingsPage");import{i18n as xC}from"@lingui/core";import{cancelSwap as bC}from"@rango-dev/queue-manager-rango-preset";import{useManager as AC}from"@rango-dev/queue-manager-react";import{Alert as IC}from"@rango-dev/ui";import oa from"react";import{useParams as EC}from"react-router-dom";import{i18n as Tt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as sC,getCurrentStep as aC,getRelatedWalletOrNull as lC}from"@rango-dev/queue-manager-rango-preset";import{Button as xm,CopyIcon as pC,Divider as cC,IconButton as uC,LinkIcon as mC,QuoteCost as dC,StepDetails as fC,Typography as co,useCopyToClipboard as gC}from"@rango-dev/ui";import{useWallets as hC}from"@rango-dev/wallets-react";import bm from"bignumber.js";import{PendingSwapNetworkStatus as Nr}from"rango-types";import Z,{useEffect as Am,useRef as yC,useState as Im}from"react";import{useNavigate as SC}from"react-router-dom";import{i18n as Bt}from"@lingui/core";var US=[Bt.t("Sunday"),Bt.t("Monday"),Bt.t("Tuesday"),Bt.t("Wednesday"),Bt.t("Thursday"),Bt.t("Friday"),Bt.t("Saturday")];function Ju(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Bt.t("Today"):`${US[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(Ju,"timeSince");function Zu(t){return t.finishTime?Ju(parseInt(t.finishTime)):Ju(parseInt(t.creationTime))}i(Zu,"getSwapDate");import{PendingSwapNetworkStatus as xr}from"rango-types";import br from"react";import{i18n as wr}from"@lingui/core";import{Button as Ru,Divider as qs,MessageBox as OS,Typography as em}from"@rango-dev/ui";import lt from"react";var tm=i(({onCancel:t,onClose:e})=>lt.createElement(lt.Fragment,null,lt.createElement(qs,{size:20}),lt.createElement(OS,{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(Ru,{variant:"contained",type:"primary",size:"large",onClick:t},lt.createElement(em,{variant:"title",size:"medium",color:"neutral100"},wr.t("Yes, Cancel it"))),lt.createElement(qs,{size:12}),lt.createElement(Ru,{variant:"outlined",type:"primary",size:"large",onClick:e},lt.createElement(em,{variant:"title",size:"medium",color:"primary"},wr.t("No, Continue")))),"CancelContent");import{i18n as vr}from"@lingui/core";import{Button as om,Divider as Gs,MessageBox as zS,Typography as nm}from"@rango-dev/ui";import pt from"react";var rm=i(({onDelete:t,onClose:e})=>pt.createElement(pt.Fragment,null,pt.createElement(Gs,{size:20}),pt.createElement(zS,{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(om,{variant:"contained",type:"primary",size:"large",onClick:t},pt.createElement(nm,{variant:"title",size:"medium",color:"neutral100"},vr.t("Yes, Delete it"))),pt.createElement(Gs,{size:12}),pt.createElement(om,{variant:"outlined",type:"primary",size:"large",onClick:e},pt.createElement(nm,{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 GS,Wallet as HS}from"@rango-dev/ui";import{useWallets as QS}from"@rango-dev/wallets-react";import Oo from"react";import{styled as qS}from"@rango-dev/ui";var im=qS("div",{display:"flex",justifyContent:"center"});var sm=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c}=QS(),u=n?.walletType,g=u?Ur(c(u)):null,m=u?p(u):null;return Oo.createElement(Oo.Fragment,null,Oo.createElement(GS,{type:e,title:o,description:r}),s&&!!u&&!!g&&!!m&&Oo.createElement(im,null,Oo.createElement(HS,{container:L(),title:m.name,image:m.img,type:u,state:g,link:m.installLink,disabled:a,onClick:async()=>l(u)})))},"WalletStateContent");function js(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===xr.WaitingForNetworkChange||e===xr.WaitingForConnectingWallet||e===xr.NetworkChanged;return br.createElement(ie,{open:!!e,onClose:o,container:document.getElementById(xe.SWAP_BOX_ID)||document.body},p&&br.createElement(sm,{type:Vs[e].type,title:Vs[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==xr.WaitingForNetworkChange}),e==="delete"&&br.createElement(rm,{onClose:o,onDelete:n}),e==="cancel"&&br.createElement(tm,{onClose:o,onCancel:r}))}i(js,"SwapDetailsModal");import{i18n as zo}from"@lingui/core";import{Button as Xs,Divider as Ar,MessageBox as am,TokenAmount as VS,Typography as Ir}from"@rango-dev/ui";import Te from"react";import{useNavigate as jS}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=jS();return Te.createElement(ie,{open:e,onClose:o,container:document.getElementById(xe.SWAP_BOX_ID)||document.body},n==="success"?Te.createElement(am,{type:"success",title:zo.t("Swap Successful")},Te.createElement(VS,{direction:"vertical",tooltipContainer:L(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),Te.createElement(Ar,{size:12}),Te.createElement(Ir,{variant:"body",size:"medium",color:"neutral700",align:"center"},g)):Te.createElement(am,{type:"error",title:zo.t("Transaction Failed"),description:g}),Te.createElement(Ar,{size:32}),n==="success"&&Te.createElement(Xs,{variant:"contained",type:"primary",size:"large",onClick:()=>{f("../../")}},Te.createElement(Ir,{variant:"title",size:"medium",color:"neutral100"},zo.t("Done"))),Te.createElement(Ar,{size:12}),m&&Te.createElement(Te.Fragment,null,Te.createElement(Xs,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},Te.createElement(Ir,{variant:"title",size:"medium",color:"primary"},zo.t("Diagnosis"))),Te.createElement(Ar,{size:12})),Te.createElement(Xs,{variant:"outlined",type:"primary",size:"large",onClick:o},Te.createElement(Ir,{variant:"title",size:"medium",color:"primary"},zo.t("See Details"))))}i(Ks,"SwapDetailsCompleteModal");import rC from"react";import{i18n as eC}from"@lingui/core";import{Alert as dm,IconButton as tC,LinkIcon as oC}from"@rango-dev/ui";import Mt,{Fragment as nC}from"react";import{Alert as XS,ChevronDownIcon as KS,ChevronUpIcon as YS,IconButton as JS}from"@rango-dev/ui";import Er,{useState as ZS}from"react";function lm(t){let{message:e}=t,[o,n]=ZS(!1);return Er.createElement(XS,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Er.createElement(JS,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Er.createElement(YS,{size:12,color:"gray"}):Er.createElement(KS,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(lm,"FailedAlert");import{styled as RS}from"@rango-dev/ui";var pm=RS("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as cm}from"@lingui/core";import{Alert as Ys,Button as um}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Js}from"rango-types";import qo from"react";function mm(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?qo.createElement(Ys,{type:"warning",title:n.shortMessage,action:qo.createElement(um,{size:"xxsmall",type:"warning",onClick:()=>{o(Js.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},cm.t("Change"))}):r===Js.WaitingForConnectingWallet?qo.createElement(Ys,{type:"warning",title:n.shortMessage,action:qo.createElement(um,{size:"xxsmall",type:"warning",onClick:()=>{o(Js.WaitingForConnectingWallet)}},cm.t("Connect"))}):qo.createElement(Ys,{type:"warning",title:n.shortMessage})}i(mm,"WarningAlert");function Zs(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=yo(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return Mt.createElement(pm,null,s.explorerUrl?.map((g,m,f)=>{let T=m+g.url,S=m===f.length-1,d=(S&&c||p)&&!u,y=S&&s.status==="failed";return Mt.createElement(nC,{key:T},Mt.createElement(dm,{type:S&&(d&&"loading"||y&&"error")||"success",title:g.description?`${g.description} Tx`:eC.t("View transaction"),action:g.url&&Mt.createElement(tC,{variant:"ghost",size:"xsmall",onClick:()=>window.open(g.url,"_blank")},Mt.createElement(oC,{size:12}))}))}),u&&Mt.createElement(dm,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Mt.createElement(mm,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Mt.createElement(lm,{message:r}))}i(Zs,"SwapDetailsAlerts");var fm=2e3;var gm=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:I(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ue(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:I(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:ho(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Ue(p.fromBlockchain,e)??""},to:{blockchain:Ue(p.toBlockchain,e)??""},swapper:{displayName:ho(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:rC.createElement(Zs,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function hm(t){if(yo(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i(hm,"getStepState");import{css as Go,darkTheme as iC,styled as Ht}from"@rango-dev/ui";var ym=Ht("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Wr=Ht("div",{width:"100%"}),Sm=Ht(Co,{padding:"$0 $20 $20 $20"}),VD=Ht("div",{display:"flex",flexDirection:"column",gap:"$10"}),Cm=Ht("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),jD=Ht("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),po=Go({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${iC} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),Tm=Go({padding:"$5 0"}),Lr=Go({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),km=Go({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),wm=Go({width:"100%",padding:"0 $20 $10"}),vm=Ht("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function Rs(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=hC(),p=h().blockchains(),c=h().swappers(),u=h().tokens(),g=X.use.retry(),m=ee.use.isActiveTab(),f=SC(),[T,S]=gC(fm),d=yC(null),[y,v]=Im(null),[x,C]=Im(null),w=i(()=>{r(),v(null)},"onCancel"),A=Pe.use.getUnreadNotifications(),b=Pe.use.setAsRead(),k=A(),E=aC(e),N=E?.networkStatus;Am(()=>{k.find(kt=>kt.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(C(e.status),b(e.requestId))},[e.status]),Am(()=>{fe?v(Nr.WaitingForNetworkChange):N===Nr.WaitingForConnectingWallet||N===Nr.NetworkChanged?v(N):v(null)},[N]);let z=ul(e),F=E?sC(e,E):null,W=E?lC(e,E):null,J=Zu(e),te=ml(e),R=i(Me=>!!l(Me)?.mobileWallet,"isMobileWallet"),fe=N===Nr.WaitingForNetworkChange&&!!F&&!!W?.walletType&&(R(W.walletType)||s(W.walletType,F)),G=fe?a.bind(null,W.walletType,F):void 0,De=cl(e,E),K=gm({swap:e,switchNetwork:G,showNetworkModal:N,setNetworkModal:v,message:De,blockchains:p,swappers:c}),U=K.length,[ke,ct]=[e.steps[0],e.steps[U-1]],Le=ct.outputAmount||ct.expectedOutputAmountHumanReadable,ut=e.steps.reduce((Me,kt)=>Me+parseFloat(kt.feeInUsd||""),0),_=e.steps.find(Me=>Me.diagnosisUrl)?.diagnosisUrl,V=I(parseFloat(I(Le,6,6))*(ct.toUsdPrice||0),4,4),H=I(parseFloat(e.inputAmount)*(ke.fromUsdPrice||0),4,4),ce=Le?le(new bm(Le).multipliedBy(ct.toUsdPrice||0)):"",mt=le(new bm(e.inputAmount).multipliedBy(ke.fromUsdPrice||0)),Qe=Oe(H,V),Dr=e.status==="success"?Tt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:I(Le,6,6),token:K[U-1].to.token.displayName,conciseAddress:rn(e.wallets[K[U-1].to.chain.displayName]?.address||""),chain:K[U-1].to.chain.displayName}}):`${Tt.t("Transaction was not sent.")} ${z?Tt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:z.outputAmount,symbol:z.symbol,blockchain:z.blockchain}}):""}`;return Z.createElement(re,{header:{title:Tt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>v("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(Zt,null,Z.createElement(xm,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>v("delete")},Z.createElement(co,{size:"medium",variant:"label",color:"error"},Tt.t("Delete"))))},footer:te&&!x&&Z.createElement(xm,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{g(e,{blockchains:p,tokens:u}),setTimeout(()=>{f("../../")},0)}},Tt.t("Try again"))},Z.createElement(se,{compact:!0,view:!0},Z.createElement(Wr,null,Z.createElement("div",{className:po()},Z.createElement(co,{variant:"label",size:"large",color:"neutral700"},`${Tt.t("Request ID")}:`),Z.createElement("div",{className:Lr()},Z.createElement(co,{variant:"label",size:"small",color:"neutral700"},o),Z.createElement(uC,{variant:"ghost",onClick:S.bind(null,o||"")},Z.createElement(pC,{size:16,color:"gray"})),Z.createElement(vm,{target:"_blank",href:`${ca}/swap/${o}`},Z.createElement(mC,{size:16})))),Z.createElement("div",{className:po()},Z.createElement(co,{variant:"label",size:"large",color:"neutral700"},`${Tt.t(e.finishTime?"Finished at":"Created at")}:`),Z.createElement(co,{variant:"label",size:"small",color:"neutral700"},J))),Z.createElement("div",{className:km()},Z.createElement(dC,{fee:I(String(ut),2,2),time:Yo(Jo(e.steps)),steps:U}),Z.createElement(Ao,{from:{price:{value:I(e.inputAmount,6,6),usdValue:H,realUsdValue:mt,realValue:e.inputAmount},token:{displayName:K[0].from.token.displayName,image:K[0].from.token.image},chain:{image:K[0].from.chain.image,displayName:K[0].from.chain.displayName}},to:{price:{value:I(Le,6,6),usdValue:V,realUsdValue:ce,realValue:Le},token:{displayName:K[U-1].to.token.displayName,image:K[U-1].to.token.image},chain:{image:K[U-1].to.chain.image,displayName:K[U-1].to.chain.displayName}},percentageChange:I(Qe,2,2),warningLevel:ft(Qe??0)})),Z.createElement("div",{className:wm()},Z.createElement(co,{variant:"title",size:"small"},Tt.t("Swaps steps"))),Z.createElement(cC,{size:8}),Z.createElement(Sm,{ref:d},K.map((Me,kt)=>{let la=kt,uo=hm(e.steps[kt]),Xm=uo==="error"||uo==="in-progress"||uo==="warning"||uo==="completed"&&kt===K.length-1;return Z.createElement(fC,{key:la,step:Me,type:"swap-progress",ref:d,state:uo,hasSeparator:kt!==0,tabIndex:la,isFocused:Xm,tooltipContainer:L()})}))),Z.createElement(js,{state:y,onClose:()=>v(null),onCancel:w,onDelete:n,message:De.detailedMessage.content,currentStepWallet:W,walletButtonDisabled:!m}),Z.createElement(Ks,{open:!!x,diagnosisUrl:_,onClose:()=>C(null),status:e.status==="success"?"success":"failed",priceValue:I(Le,6,6),usdValue:V,realUsdValue:ce,realValue:le(Le),percentageChange:I(Qe,2,2),token:{displayName:K[U-1].to.token.displayName,image:K[U-1].to.token.image},chain:{image:K[U-1].to.chain.image},description:Dr}))}i(Rs,"SwapDetails");import{i18n as Mr}from"@lingui/core";import{Divider as Lm,NotFound as vC,Skeleton as Qo,Typography as Pr}from"@rango-dev/ui";import ue from"react";import{i18n as CC}from"@lingui/core";import{Divider as TC,Skeleton as kC,Typography as wC}from"@rango-dev/ui";import de from"react";import{css as Re,styled as ea}from"@rango-dev/ui";var Em=ea("div",{width:"100%",height:"100%",padding:"$10 $20"}),Ho=ea("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Br=ea("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),A1=Re({display:"flex",justifyContent:"space-between",alignItems:"center"}),I1=Re({display:"flex",justifyContent:"space-between",alignItems:"center"}),E1=Re({paddingTop:"$15",display:"flex"}),W1=Re({padding:"$15 $0"}),L1=Re({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),N1=Re({paddingBottom:"$10"}),B1=Re({display:"flex",justifyContent:"start",alignItems:"center"}),M1=Re({paddingTop:"$5",display:"flex",alignItems:"center"}),P1=Re({display:"flex",alignItems:"center"}),$1=Re({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Wm=Re({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function ta(){return de.createElement(Em,null,de.createElement(Wo,{type:"swap-preview"}),de.createElement("div",{className:"swaps-steps"},de.createElement(wC,{variant:"title",size:"small"},CC.t("Swaps steps"))),de.createElement(de.Fragment,null,de.createElement(Ho,null,de.createElement(at,{separator:!1}),de.createElement("div",{className:Wm()},de.createElement(TC,{direction:"horizontal",size:20}),de.createElement(kC,{height:22,variant:"rectangular"}))),de.createElement(Br,null),de.createElement(Ho,null,de.createElement(at,{separator:!1})),de.createElement(Br,null),de.createElement(Ho,null,de.createElement(at,{separator:!1})),de.createElement(Br,null),de.createElement(Ho,null,de.createElement(at,{separator:!1}))))}i(ta,"LoadingSwapDetails");function Nm(t){let{requestId:e,showSkeleton:o}=t;return ue.createElement(re,{header:{title:Mr.t("Swap and Bridge"),suffix:ue.createElement(Zt,null)}},o&&ue.createElement(ym,null,ue.createElement(Wr,null,ue.createElement("div",{className:po()},ue.createElement(Pr,{variant:"label",size:"large",color:"neutral700"},`${Mr.t("Request ID")}:`),ue.createElement("div",{className:Lr()},ue.createElement(Pr,{variant:"label",size:"small",color:"neutral700"},ue.createElement(Qo,{width:60,height:10,variant:"rounded"})),ue.createElement(Lm,{direction:"horizontal",size:4}),ue.createElement(Qo,{width:16,height:16,variant:"rectangular"}),ue.createElement(Lm,{direction:"horizontal",size:4}),ue.createElement(Qo,{width:16,height:16,variant:"rectangular"}))),ue.createElement("div",{className:po()},ue.createElement(Pr,{className:Tm(),variant:"label",size:"large",color:"neutral700"},ue.createElement(Qo,{width:60,height:10,variant:"rounded"})),ue.createElement(Pr,{variant:"label",size:"small",color:"neutral700"},ue.createElement(Qo,{width:60,height:10,variant:"rounded"})))),ue.createElement(ta,null)),!o&&ue.createElement(Cm,null,ue.createElement(vC,{title:Mr.t("Not found"),description:Mr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Nm,"SwapDetailsPlaceholder");function Bm(){let{manager:t,state:e}=AC(),o=!e.loadedFromPersistor,n=It(t),{requestId:r}=EC(),s=At(),{fetchStatus:a}=h();if(!r)return oa.createElement(IC,{containerStyles:{margin:"20px"},type:"error",title:xC.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&&bC(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(Nm,{requestId:r,showSkeleton:l}):oa.createElement(Rs,{swap:g,requestId:r,onCancel:c,onDelete:u})}i(Bm,"SwapDetailsPage");import{i18n as Vo}from"@lingui/core";import{AutoThemeIcon as WC,DarkModeIcon as LC,LightModeIcon as NC,List as BC,ListItemButton as MC,Radio as na,RadioRoot as PC,Typography as ra}from"@rango-dev/ui";import Ne from"react";function Mm(){let{setTheme:t,theme:e}=h(),o=[{id:"light",value:"light",title:Ne.createElement(ra,{variant:"title",size:"xmedium"},Vo.t("Light")),onClick:()=>t("light"),start:Ne.createElement(NC,{color:"gray"}),end:Ne.createElement(na,{value:"light"})},{id:"dark",value:"dark",title:Ne.createElement(ra,{variant:"title",size:"xmedium"},Vo.t("Dark")),onClick:()=>t("dark"),start:Ne.createElement(LC,{color:"gray"}),end:Ne.createElement(na,{value:"dark"})},{id:"auto",value:"auto",title:Ne.createElement(ra,{variant:"title",size:"xmedium"},Vo.t("Auto")),onClick:()=>t("auto"),start:Ne.createElement(WC,{color:"gray"}),end:Ne.createElement(na,{value:"auto"})}];return Ne.createElement(re,{header:{title:Vo.t("Theme")}},Ne.createElement(se,null,Ne.createElement(PC,{onValueChange:n=>t(n),value:e},Ne.createElement(BC,{type:Ne.createElement(MC,{title:Vo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Mm,"ThemePage");function Pm(){return Tl(),li(),$C([{path:P.home,element:Be.createElement(lu,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(Yu,null)},{path:P.themes,element:Be.createElement(Mm,null)},{path:P.languages,element:Be.createElement(cu,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(tu,null)},{path:P.swapDetails,element:Be.createElement(Bm,null)}]},{path:P.wallets,element:Be.createElement(Sp,null)},{path:P.confirmSwap,element:Be.createElement(Gc,null)}])}i(Pm,"AppRoutes");import{isApprovalTX as _C,MainEvents as $m,RouteEventType as _m,StepEventType as Dm,StepExecutionEventStatus as DC,useEvents as FC}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Fm}from"react";function Um(){let t=h().tokens(),e=Q.use.connectedWallets(),o=Q.use.getWalletsDetails(),n=Pe.use.setNotification(),r=FC();return Fm(()=>(r.on($m.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Dm.TX_EXECUTION&&a.status===DC.TX_SENT&&!_C(l)||a.type===Dm.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]),Fm(()=>(r.on($m.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===_m.FAILED||a.type===_m.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Um,"WidgetEvents");import{globalCss as UC}from"@rango-dev/ui";var Om=i(()=>UC({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");function zm(){let{setWatermark:t}=ee();return{fetchApiConfig:i(async()=>{let o=await fetch(`${dt("BASE_URL")}/meta/dapp/config?apiKey=${dt("API_KEY")}`);if(!o.ok)throw new Error(`Request failed with status: ${o.status} `);let n=await o.json();t(n.config.watermark)},"fetchApiConfig")}}i(zm,"useFetchApiConfig");import{styled as OC}from"@rango-dev/ui";var qm=OC("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(){Om();let{config:t}=h(),{activeTheme:e}=$n(t?.theme||{}),{activeLanguage:o}=so(),[n,r]=Gm(""),[s,a]=Gm(),l=qC(dn),{fetchApiConfig:p}=zm();return GC(()=>{Pe.persist.rehydrate(),l.onConnectWallet(r),p().catch(console.log)},[]),jo.createElement(zC,{language:o},jo.createElement(qm,{id:"swap-container",className:e()},jo.createElement(Um,null),jo.createElement(Ya,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},jo.createElement(Pm,null))))}i($r,"Main");import sa,{useMemo as aT}from"react";import{checkWaitingForNetworkChange as HC,makeQueueDefinition as QC}from"@rango-dev/queue-manager-rango-preset";import{Provider as VC}from"@rango-dev/queue-manager-react";import{useWallets as jC}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as XC}from"@rango-dev/wallets-shared";import{isEvmBlockchain as KC}from"rango-types";import YC,{useMemo as JC}from"react";function ZC(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=jC(),l=JC(()=>QC({API_KEY:t.apiKey||dt("API_KEY"),BASE_URL:dt("BASE_URL")}),[t.apiKey]),p=h().blockchains(),u={blockchains:Q.use.connectedWallets().map(x=>({accounts:[x],name:x.chain}))},g=i(async(x,C)=>{if(s(x,C))return r(x,C)},"switchNetwork"),m=i(x=>!!a(x).mobileWallet,"isMobileWallet"),f=p.filter(x=>x.enabled).reduce((x,C)=>(x[C.name]=C,x),{}),T=p.filter(KC),S=i(x=>{let{supportedChains:C}=a(x);return en(C)},"getSupportedChainNames"),d=e(),y={meta:{blockchains:f,evmBasedChains:T,evmNetworkChainInfo:XC(T),getSupportedChainNames:S},getSigners:o,wallets:u,providers:d,switchNetwork:g,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},v=ee.use.isActiveTab();return YC.createElement(VC,{queuesDefs:[l],context:y,onPersistedDataLoaded:x=>{HC(x)},isPaused:!v},t.children)}i(ZC,"QueueManager");var Hm=ZC;import{useManager as nT}from"@rango-dev/queue-manager-react";import rT,{createContext as iT,useContext as sT}from"react";import{cancelSwap as RC,getCurrentBlockchainOfOrNull as eT,getCurrentStep as tT,getRelatedWalletOrNull as oT}from"@rango-dev/queue-manager-rango-preset";var Xo=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return It(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){return this.actions.retrySwap(e,o)}cancel(e){let o=this.manager?.get(e);o&&RC(o)}getCurrentStepInfo(e){let o=tT(e);return{step:o,wallet:o?oT(e,o):null,network:o?eT(e,o):null}}};i(Xo,"WidgetHistory");var Qm=iT(void 0);function ia(t){let{manager:e}=nT(),o=ee.use.isActiveTab(),n=X.use.retry(),r=new Xo(e,{retrySwap:n}),s=Q.use.connectedWallets(),a=Q.use.loading(),l=Ta(s),p=Q.use.getWalletsDetails(),c=h().blockchains(),u=h().tokens(),g=h().swappers(),m=h().fetchStatus,f=so().resetLanguage,T=Pe().getUnreadNotifications(),S={isActiveTab:o,setCurrentTabAsActive:un,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:c,tokens:u,swappers:g,loadingStatus:m},resetLanguage:f,notifications:{list:T}};return rT.createElement(Qm.Provider,{value:S},t.children)}i(ia,"WidgetInfo");function Vm(){let t=sT(Qm);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Vm,"useWidget");function _r(t){let{onUpdateState:e,config:o}=t;return aT(()=>{ba({API_KEY:o?.apiKey||Ko,BASE_URL:o?.apiUrl||pa})},[o.apiKey,o.apiUrl]),sa.createElement(fn,{config:o,onUpdateState:e},sa.createElement(Hm,{apiKey:o.apiKey},sa.createElement(ia,null,t.children)))}i(_r,"WidgetProvider");function jm(t){return lT(()=>Xa,[]),t.config?.externalWallets?aa.createElement($r,null):aa.createElement(_r,{config:t.config??Hr},aa.createElement($r,null))}i(jm,"Widget");export{gO as EventSeverity,hO as MainEvents,AO as Networks,WO as PendingSwapNetworkStatus,yO as RouteEventType,SO as StepEventType,CO as StepExecutionBlockedEventStatus,TO as StepExecutionEventStatus,xe as UI_ID,xO as WalletEvents,IO as WalletTypes,jm as Widget,_r as WidgetProvider,fn as WidgetWallets,gi as customizedThemeTokens,vO as readAccountAddress,bp as useWallets,Vm as useWidget,kO as useWidgetEvents};
3
3
  //# sourceMappingURL=index.js.map