@rango-dev/widget-embedded 0.23.1-next.15 → 0.23.1-next.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.helpers.d.ts.map +1 -1
  2. package/dist/index.js +2 -2
  3. package/dist/index.js.map +3 -3
  4. package/dist/pages/Home.d.ts.map +1 -1
  5. package/package.json +2 -2
  6. package/src/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.helpers.ts +2 -3
  7. package/src/pages/Home.tsx +10 -1
package/dist/index.js CHANGED
@@ -1,3 +1,3 @@
1
- var Vd=Object.defineProperty;var i=(t,e)=>Vd(t,"name",{value:e,configurable:!0});import{EventSeverity as qQ,MainEvents as zQ,RouteEventType as QQ,StepEventType as HQ,StepExecutionBlockedEventStatus as GQ,StepExecutionEventStatus as VQ,useEvents as jQ}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as KQ,useWallets as nu,Events as YQ}from"@rango-dev/wallets-react";import{Networks as ZQ,WalletTypes as RQ}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as tH}from"rango-types";import{UI_ID as jd}from"@rango-dev/ui";var an="c6381a79-2817-4602-83bf-6a641a409e32",Ia="https://api.rango.exchange",Aa="https://scan.rango.exchange",ke={SWAP_BOX_ID:"rango-swap-box",EXPANDED_BOX_ID:"rango-expanded-box",...jd};import{Events as ui,Provider as Ef}from"@rango-dev/wallets-react";import{isEvmBlockchain as Wf}from"rango-sdk";import xn,{createContext as Lf,useEffect as dl,useRef as Mf}from"react";import{useEffect as cf}from"react";import{create as lf}from"zustand";import{subscribeWithSelector as pf}from"zustand/middleware";import{RangoClient as sf}from"rango-sdk";import{WalletState as lt}from"@rango-dev/ui";import{readAccountAddress as Yd}from"@rango-dev/wallets-react";import{detectInstallLink as Jd,getCosmosExperimentalChainInfo as Zd,isEvmAddress as Rd,KEPLR_COMPATIBLE_WALLETS as nw,Networks as Ma}from"@rango-dev/wallets-shared";import ti from"bignumber.js";import{isCosmosBlockchain as ef}from"rango-types";import Xd from"bignumber.js";var Le=new Xd(0);import{WalletTypes as Kd}from"@rango-dev/wallets-shared";var Ea=[Kd.LEAP];import{BigNumber as La}from"bignumber.js";var ln=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),W=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new La(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new La(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var pn=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var at=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),ko=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function se(t){return W(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(se,"formatTooltipNumbers");function oi(t){switch(!0){case t.connected:return lt.CONNECTED;case t.connecting:return lt.CONNECTING;case!t.installed:return lt.NOT_INSTALLED;default:return lt.DISCONNECTED}}i(oi,"mapStatusToWalletState");function Na(t,e,o,n){return o.filter(r=>!Ea.includes(r)).filter(r=>{let{supportedChains:s,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!s.find(c=>c.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=oi(t(r));return{title:s,image:a,link:Jd(l),state:p,type:r}})}i(Na,"mapWalletTypesToWalletInfo");function mn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(mn,"walletAndSupportedChainsNames");function Ba(t,e,o,n,r){let s=[];function a(p,u){if(!!!s.find(h=>h.chain===p)){let h={address:u,chain:p,walletType:t};s.push(h)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:c}=Yd(p),h=l.length>0,m=l.includes(c),d=c===Ma.Unknown;if(h&&!m&&!d)return;let S=c===Ma.Unknown&&Rd(u);if(d&&!S)return;o.includes(c)||S?r?a(c,u.toLowerCase()):l.filter(b=>o.includes(b)).forEach(b=>{a(b,u.toLowerCase())}):a(c,u)}),s}i(Ba,"prepareAccountsForWalletStore");function Pa(t){let e=[];return t?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(Pa,"getRequiredChains");function dn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(dn,"isAccountAndWalletMatched");function $a(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new ti(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:of(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i($a,"makeBalanceFor");function _a(t){return{...t,loading:!1,error:!0}}i(_a,"resetConnectedWalletState");var Da=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=W(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new ti(s?.amount||Le).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Le)||Le).toString();return tf(r)},"calculateWalletUsdValue");function tf(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(tf,"numberWithThousandSeparator");var of=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),fn=i((t,e)=>{let o=Zd(Object.entries(t).map(([,n])=>n).filter(ef));return o&&o[e]?.experimental},"isExperimentalChain");function gn(t){return t?{...t,amount:W(t.amount,8,8),usdValue:W(t.usdValue,4,4)}:null}i(gn,"formatBalance");function nf(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(nf,"sortTokensByBalance");function rf(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(rf,"sortTokensByPinnedToken");function Fa(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=rf(n,r,o);return l!==0?l:nf(s,a)}),t}i(Fa,"sortTokens");function Me(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Me,"areTokensEqual");function Oa(t){return t.sort((e,o)=>+(o.state===lt.CONNECTED)-+(e.state===lt.CONNECTED)||+(o.state===lt.DISCONNECTED||o.state===lt.CONNECTING)-+(e.state===lt.DISCONNECTED||e.state===lt.CONNECTING))}i(Oa,"sortWalletsBasedOnConnectionState");function hn(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}i(hn,"getConciseAddress");function Ua({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Ua,"getAddress");function ni(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(ni,"createTokenHash");function yn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new ti(o?.usdPrice??Le).multipliedBy(o?.amount).toString():""},r=o?ni({symbol:o.symbol,blockchain:o.chain,address:o.address}):null,s=r?e[r]:null;return r&&(!s||s&&s.amount<n.amount)&&(e[r]=n),e},{})}i(yn,"makeTokensBalance");var qa=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function za(t){return t.map(e=>e.state).join("-")}i(za,"hashWalletsState");var ri={API_KEY:an};function yt(t){return ri[t]||""}i(yt,"getConfig");function Qa(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),ri=e,ri}i(Qa,"initConfig");var Ha=20,Ga=25,Va="Roboto",ii="theme-widget",wo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Me(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Me(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),si=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig"),ja=i((t,e,o)=>o==="expanded"&&(t||e)||o==="full-expanded"&&e,"isVariantExpandable");var Sn,Et=i(()=>Sn||(Sn=new sf(yt("API_KEY"),yt("BASE_URL")),Sn),"httpService");var af=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=af;var K=Wt(lf()(pf((t,e)=>({connectedWallets:[],balances:{},loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!s.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(l=>l.selected&&l.walletType!==o).map(l=>l.chain),s=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:yn(s),connectedWallets:s}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let s=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>dn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await Et().getWalletsDetails(a)).wallets;if(p)t(u=>{let c=u.connectedWallets.map(m=>{let d=o.find(S=>dn(S,m)),C=p.find(S=>S.address===m.address&&S.blockChain===m.chain);return C?.failed&&d&&r&&s([d],n,!1),d&&C?{...m,explorerUrl:C.explorerUrl,balances:$a(C,n),loading:!1}:m});return{loading:!1,balances:yn(c),connectedWallets:c}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(c=>o.find(h=>dn(h,c))?_a(c):c);return{loading:!1,balances:yn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=ni(o);return n[r]??null}}))));import{allProviders as uf}from"@rango-dev/provider-all";function Cn(t,e){let o=uf({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(Cn,"matchAndGenerateProviders");function Xa(t,e){return Cn(t,e).map(r=>r.config.type)}i(Xa,"configWalletsToWalletName");function Ka(t,e){let o=K.use.clearConnectedWallet(),n=Cn(void 0,e);return cf(()=>{o(),n=Cn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Ka,"useWalletProviders");import kf,{createContext as wf,useContext as xf,useEffect as vf,useRef as bf}from"react";import{create as Cf}from"zustand";import{persist as Tf}from"zustand/middleware";var ai={apiKey:"",title:void 0,multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},mf={clientUrl:void 0},df={liquiditySources:void 0},Ya=i((t,e,o)=>({config:{...ai,...t},iframe:mf,campaignMode:df,getLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?r.liquiditySources:n.liquiditySources??[]},getDisabledLiquiditySources:()=>{let{disabledLiquiditySources:n,campaignMode:r}=o();return r.liquiditySources?.length?[]:n},excludeLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?!1:!!n.enableNewLiquiditySources},isInCampaignMode:()=>{let{campaignMode:n}=o();return!!n.liquiditySources?.length},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})},updateCampaignMode:(n,r)=>{let s=o().campaignMode;e({campaignMode:{...s,[n]:r}})},updateIframe:(n,r)=>{let s=o().iframe;e({iframe:{...s,[n]:r}})}}),"createConfigSlice");function Tn(t){return Array.from(new Set(t))}i(Tn,"removeDuplicateFrom");function li(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(li,"areEqual");function Ja(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Ja,"debounce");function qt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(qt,"containsText");var N=i(()=>document.getElementById(ke.SWAP_BOX_ID),"getContainer"),kn=i(()=>document.getElementById(ke.EXPANDED_BOX_ID),"getExpanded");function wn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Tn(t.map(s=>s.swapperGroup)).map(s=>{let a=t.find(l=>l.swapperGroup===s);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}i(wn,"getUniqueSwappersGroups");function Za(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(Za,"sortLiquiditySourcesByGroupTitle");function je(t,e){return e?.[t]==="hidden"}i(je,"isFeatureHidden");function Ra(t,e){return e?.[t]==="enabled"}i(Ra,"isFeatureEnabled");var el=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(s.length>0&&!s.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??{},a=e().blockchains({type:o.type});return n.filter(p=>s&&wo(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(qt(p.symbol,o.searchFor)||qt(p.address||"",o.searchFor)||qt(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(u,o.type)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Me(a,o)),swappers:()=>{let{config:o,campaignMode:n}=e(),r=n.liquiditySources?.length?n.liquiditySources:null,s=r??o.liquiditySources,a=r?!1:o.enableNewLiquiditySources;return e()._swappers.filter(u=>{let c=s?.includes(u.swapperGroup);return a||!s||s.length===0?!c:c}).sort(Za)},fetch:async()=>{try{let o=await Et().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],s=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as ff,French as gf,Japanese as hf,Portuguese as yf,Spanish as Sf}from"@rango-dev/ui";var tl=[{title:"English",label:"English",local:"en",SVGFlag:ff},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Sf},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:gf},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:hf},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:yf}],xo="en";var ol=[.5,1,3],nl=1,rl=5,il=100,sl=0;var al=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:nl,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=9;return p&&u}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=Tn(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n}=o,r=je("theme",n),s=je("language",n),a=je("liquiditySource",n);t({...r&&{theme:o.theme?.mode||"auto"},...s&&{language:o.language||xo},...a&&{disabledLiquiditySources:o.liquiditySources||[]}})}}),"createSettingsSlice");function ll(t){return Cf()(Tf((...e)=>({...el(...e),...al(...e),...Ya(t,...e)}),{name:"user-settings",skipHydration:!0,partialize:e=>({theme:e.theme,language:e.language,affiliatePercent:e.affiliatePercent,affiliateRef:e.affiliateRef,affiliateWallets:e.affiliateWallets,slippage:e.slippage,customSlippage:e.customSlippage,infiniteApprove:e.infiniteApprove,preferredBlockchains:e.preferredBlockchains,disabledLiquiditySources:e.disabledLiquiditySources})}))}i(ll,"createAppStore");var pl=wf(null);function g(){let t=xf(pl);if(vf(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(g,"useAppStore");function ul(t){let e=bf();return e.current||(e.current=ll(t.config)),kf.createElement(pl.Provider,{value:e.current},t.children)}i(ul,"AppStoreProvider");import{create as Af}from"zustand";var cl="rango-widget";var vo=class{static{i(this,"TabManager")}tabId;state="not-initiated";lastTryClaim;events={};channel;constructor(e){this.channel=new BroadcastChannel(cl),this.tabId=Math.trunc(Math.random()*1e5),this.events=e}init=()=>{this.initEvents(),this.tryClaim()};forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};isClaimed=()=>this.state==="claimed";destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};initEvents(){this.channel.addEventListener("message",this.handleMessageEvent),document.addEventListener("visibilitychange",this.handleVisibilityChange),document.addEventListener("resume",this.handleResume)}claimedByCurrentTab(e){let o=this.lastTryClaim&&this.lastTryClaim<e;if(this.isClaimed()||o){let n={name:"pong"};this.channel.postMessage(n);return}}handleMessageEvent=e=>{let o=e.data.name;switch(o){case"ping":this.claimedByCurrentTab(e.data.pingAt);break;case"pong":this.alreadyClaimedByAnotherTab();break;case"force-claim":this.forceRelease(e.data.candidateId);break;case"force-release":this.tabId===e.data.candidateId&&this.claim();break;default:throw new Error(`${o} is not supported.`)}};handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};alreadyClaimedByAnotherTab(){this.resetLastCheck()}async tryClaim(){return this.setLastCheck(),new Promise(e=>{setTimeout(()=>{this.check(),e()},300)})}check(){this.state==="not-initiated"&&this.events.onInit?.(),this.lastTryClaim?(this.claim(),this.resetLastCheck()):this.state="not-claimed"}claim(){this.state="claimed",this.events.onClaim?.()}setLastCheck(){this.lastTryClaim=Date.now();let e={name:"ping",pingAt:this.lastTryClaim};this.channel.postMessage(e)}resetLastCheck(){this.lastTryClaim=void 0}forceRelease(e){if(this.isClaimed()){this.state="not-claimed",this.events.onRelease?.();let o={name:"force-release",candidateId:e};this.channel.postMessage(o)}}};var oe=Wt(Af()((t,e)=>({isActiveTab:!1,tabManagerInitiated:!1,showActivateTabModal:!1,watermark:"NONE",fetchingApiConfig:!1,activateCurrentTab:(o,n)=>{let{showActivateTabModal:r}=e();!r&&n?t({showActivateTabModal:!0}):(r||!n)&&o()},setShowActivateTabModal:o=>{t({showActivateTabModal:o})},setWatermark:o=>{t({watermark:o})}}))),zt=new vo({onInit:()=>oe.setState({tabManagerInitiated:!0}),onClaim:()=>oe.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>oe.setState({isActiveTab:!1})});var vn=Lf({onConnectWallet:()=>{}});function Nf(t){let{updateConfig:e,updateSettings:o,fetch:n}=g(),r=g().blockchains(),s=g().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:l}=Ka(t.config.wallets,a),{connectWallet:p,disconnectWallet:u}=K(),c=Mf();dl(()=>{n().catch(console.log)},[]),dl(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let h=r.filter(Wf).map(C=>C.name),m=i((C,S,y,f,b)=>{if(S===ui.ACCOUNTS)if(y){let k=mn(b.supportedBlockchains),w=Ba(C,y,h,k,b.isContractWallet);w.length&&p(w,s)}else u(C);if(S===ui.ACCOUNTS&&f.connected){let k=`${C}-${f.network}-${y}`;f.connected&&(c.current?c.current(k):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(S===ui.NETWORK&&f.network){let k=`${C}-${f.network}`;c.current?c.current(k):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(C,S,y,f,b)},"onUpdateState"),d=oe.use.isActiveTab();return xn.createElement(vn.Provider,{value:{onConnectWallet:C=>{c.current=C}}},xn.createElement(Ef,{allBlockChains:r,providers:l,onUpdateState:m,autoConnect:!!d},t.children))}i(Nf,"Main");function bn(t){let{config:e,...o}=t;return xn.createElement(ul,{config:e},xn.createElement(Nf,{...o,config:e}))}i(bn,"WidgetWallets");import va,{useEffect as qk}from"react";import{I18nManager as Tk}from"@rango-dev/ui";import sn,{useContext as kk,useEffect as wk,useState as Ud}from"react";import{useQueueManager as _f}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Df}from"@rango-dev/wallets-react";import{isEvmBlockchain as Ff}from"rango-types";import Of,{Fragment as Uf}from"react";import{MemoryRouter as qf,useInRouterContext as zf}from"react-router";import{useWallets as Bf}from"@rango-dev/wallets-react";import{useEffect as Pf,useRef as $f}from"react";function gl(){let{connect:t,state:e}=Bf(),o=$f({}),{fetchStatus:n}=g(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Pf(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(gl,"useForceAutoConnect");function hl({children:t,...e}){let n=zf()?Uf:qf,r=g().blockchains(),{canSwitchNetworkTo:s}=Df();gl();let a=r.filter(Ff);return _f({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),Of.createElement(n,null,t)}i(hl,"AppRouter");import Ue from"react";import{useRoutes as fk}from"react-router-dom";var D={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId",routes:"routes"};import{useEffect as oo,useRef as $n}from"react";import Nt from"bignumber.js";import{create as Xf}from"zustand";import{subscribeWithSelector as Kf}from"zustand/middleware";import{getLastSuccessfulStep as jf}from"@rango-dev/queue-manager-rango-preset";import Uv from"bignumber.js";import{i18n as pt}from"@lingui/core";var ci={"Network Fee":pt.t("Network Fee"),"Swapper Fee":pt.t("Protocol Fee"),"Affiliate Fee":pt.t("Affiliate Fee"),"Outbound network fee":pt.t("Outbound Fee"),"Rango Fee":pt.t("Rango Fee")},mi=[{value:"SMART",label:pt.t("Smart Routing")},{value:"FEE",label:pt.t("Lowest Fee")},{value:"SPEED",label:pt.t("Fastest Transfer")},{value:"NET_OUTPUT",label:pt.t("Maximum Return")},{value:"PRICE",label:pt.t("Maximum Output")}],di=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"],yl=30;var Lt=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(Lt||{});function Sl(t,e){return e.find(o=>o.name===t)?.displayName}i(Sl,"getBlockchainDisplayNameFor");function Xe(t,e){return e.find(o=>o.name===t)?.shortName}i(Xe,"getBlockchainShortNameFor");function bo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(bo,"getSwapperDisplayName");function fi(t,e){return e.find(o=>Me(o,t))??null}i(fi,"findToken");function gi(t,e){return e.find(o=>o.name===t)??null}i(gi,"findBlockchain");import{i18n as Re}from"@lingui/core";import Ne from"bignumber.js";import{PendingSwapNetworkStatus as Wn}from"rango-types";function In(t){let e=[];return t?.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(In,"getRequiredWallets");function An(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(An,"isValidAddress");import{i18n as Ee}from"@lingui/core";var Y=i(()=>({genericServerError:Ee.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Ee.t("Please reset your liquidity sources."),description:Ee.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:Ee.t("No Routes Found."),description:Ee.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:Ee.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:Ee.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:Ee.t("High Price Impact"),title:Ee.t("Price impact is too high!"),description:Ee.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:Ee.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:Ee.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Ee.t("USD Price Unknown"),title:Ee.t("USD Price Unknown, Cannot calculate Price Impact."),description:Ee.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Ee.t("Confirm USD Price Unknown")}}),"errorMessages");function Cl(t){switch(t.type){case 0:return t.diagnosisMessage??Y().noResultError.title;case 1:return Y().genericServerError;default:return""}}i(Cl,"getQuoteErrorMessage");import{i18n as En}from"@lingui/core";var Qt=i(()=>({connectWallet:En.t("Connect Wallet"),swap:En.t("Swap"),swapAnyway:En.t("Swap anyway"),ethWarning:En.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Tl(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Ne(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Ne(1e3)))??!1}i(Tl,"hasHighValueLoss");function kl(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new Ne(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ne(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(kl,"hasLimitError");function wl(t){let e=(t||[]).filter(l=>{let p=l.fromAmountMinValue?new Ne(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new Ne(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Ne(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ne(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Re.t({id:"Required: >= {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Re.t({id:"Required: > {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Re.t({id:"Required: <= {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Re.t({id:"Required: < {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(wl,"getLimitErrorMessage");function xl(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Qt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||l||!r||r==="0"?{title:Qt().swap,action:"confirm-swap",disabled:!0}:a?{title:Qt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Qt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Qt().swap,action:"confirm-swap",disabled:!1}:{title:Qt().connectWallet,action:"connect-wallet",disabled:!1}}i(xl,"getSwapButtonState");function hi(t,e,o){return!((!o||o.lte(Le))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(hi,"canComputePriceImpact");function Qf(t){let e=[];return t?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(Qf,"requiredWallets");var Hf=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Gf(t,e){let o=Le;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Hf(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Ne(r.amount).multipliedBy(s||0))}return o}i(Gf,"getUsdFeeOfStep");function Ln(t,e){return t.reduce((o,n)=>o.plus(Gf(n,e)),Le)}i(Ln,"getTotalFeeInUsd");function yi(t){let e=Le;return e=e.plus(new Ne(t.amount).multipliedBy(t.price||0)),e}i(yi,"getUsdFee");function vl(t){return t.reduce((e,o)=>e.plus(yi(o)),Le)}i(vl,"getTotalFeesInUsd");function bl(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(bl,"getFeesGroup");function Il(t){let e=new Map;return t.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(Il,"checkSlippageErrors");function Al(t,e){let o=new Map;return t?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}i(Al,"checkSlippageWarnings");function Mn(t){return t.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(Mn,"getMinRequiredSlippage");function El(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(El,"hasProperSlippage");function Wl(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:c,affiliatePercent:h,affiliateWallets:m,destination:d}=t,C=s?.reduce((f,b)=>(f[b.chain]=b.address,f),{}),S=[];return r?.forEach(f=>{S.push({blockchain:f.chain,addresses:[f.address]})}),{amount:n.toString(),affiliateRef:c??void 0,affiliatePercent:h??void 0,affiliateWallets:m??void 0,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:S,selectedWallets:C??{},slippage:u.toString(),...d&&{destination:d},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(f=>!a.includes(f)),swappersGroupsExclude:!1}}}i(Wl,"createQuoteRequestBody");function Ll(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Ll,"getWalletsForNewSwap");function eo(t){return t?.outputAmount||null}i(eo,"getQuoteOutputAmount");function Ml(t,e){return new Ne(e).div(new Ne(t)).minus(1).multipliedBy(100).toNumber()}i(Ml,"getPercentageChange");function Nl(t,e){let o=eo(t),n=eo(e);if(!o||!n)return!1;let r=Ke(o,n);return r?r<=-1:!0}i(Nl,"isOutputAmountChangedALot");function Bl(t,e,o){let n=t.validationStatus,r=Pa(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>Ol(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=W(new Ne(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=W(new Ne(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),c="";return a.reason==="FEE"&&(c=Re.t(" for network fee")),a.reason==="INPUT_ASSET"&&(c=Re.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(c=Re.t(" for input and network fee")),Re.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:u,symbol:l,reason:c,currentAmount:p,blockchain:Xe(a.asset.blockchain,o)}})})}i(Bl,"generateBalanceWarnings");function Nn(t,e){return(t?new Ne(t):Le).multipliedBy(e||0)}i(Nn,"calcOutputUsdValue");function Io(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Wn.NetworkChanged}i(Io,"isNetworkStatusInWarningState");function Pl(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Io(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Wn.WaitingForConnectingWallet:n=n||Re.t("Waiting for connecting wallet");break;case Wn.WaitingForQueue:n=n||Re.t("Waiting for other running tasks to be finished");break;case Wn.WaitingForNetworkChange:n=n||Re.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(Pl,"getSwapMessages");function $l(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}i($l,"getLastConvertedTokenInFailedSwap");function _l(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(_l,"shouldRetrySwap");function Dl(t,e,o,n,r,s){return t||!e&&!Qf(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!An(s,o)}i(Dl,"confirmSwapDisabled");function Fl(t,e){return t.blockchain===e.blockchain&&t.symbol===e.symbol&&t.address===e.address}i(Fl,"isTokensIdentical");function Bn(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(Bn,"getQuoteToTokenUsdPrice");function Si(t,e){let o=t?.swaps||[],n=e?.swaps||[];return o.length!==n.length}i(Si,"isNumberOfSwapsChanged");function Ci(t,e){let o=t?.swaps.map(r=>r.swapperId)||[],n=e?.swaps.map(r=>r.swapperId)||[];return!li(o,n)}i(Ci,"isQuoteSwappersUpdated");function Ti(t,e){let o=t?.swaps.map(r=>r.to.symbol)||[],n=e?.swaps.map(r=>r.to.symbol)||[];return!li(o,n)}i(Ti,"isQuoteInternalCoinsUpdated");function ql(t,e){return Si(t,e)||Ci(t,e)||Ti(t,e)}i(ql,"isQuoteChanged");function Ol(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(Ol,"getRequiredBalanceOfWallet");function St(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(St,"getPriceImpactLevel");function zl(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=jf(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=gi(s?s.toBlockchain:n.fromBlockchain,e),p=gi(r.toBlockchain,e),u=fi(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=fi(a,o),h=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:h}}i(zl,"createRetryQuote");function to(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Ht(o,t.requestAmount),l=Ht(n,t?.outputAmount??"");if(t&&a&&l){let c=Ke(a.toString(),l.toString());if(!!c&&Tl(a,c)){let m=Ln(t?.swaps,r),d=St(c);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:c,totalFee:m,warningLevel:d}}}else if(t&&(!a||!l))return{type:1};let p=Mn(t.swaps),u=s>rl;if(El(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:Al(t,s),minRequiredSlippage:p};return null}i(to,"generateQuoteWarnings");function Ke(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:Ml(t.toString(),e.toString());return n&&n<0?n:null}i(Ke,"getPriceImpact");var Ql=i(t=>{let e=new Set,o=[];return t.forEach(n=>{e.has(n.from.chain.displayName)||(e.add(n.from.chain.displayName),o.push(n.from.chain)),e.has(n.to.chain.displayName)||(e.add(n.to.chain.displayName),o.push(n.to.chain))}),o},"getUniqueBlockchains"),Pn=i((t,e)=>e.sort((o,n)=>{let r=i(u=>u.scores?.find(c=>c.preferenceType===t)?.score??0,"getScore"),s=r(o),a=r(n);if(s!==a)return a-s;let l=o.requestId.toLowerCase(),p=n.requestId.toLowerCase();return l.localeCompare(p)}),"sortQuotesBy"),Hl=i((t,e,o)=>{if(!e.length)return null;if(!t)return{requestAmount:o,...e[0]};let n=new Set(t.swaps.map(s=>s.swapperId)),r=e.find(s=>{let a=new Set(s.swaps.map(l=>l.swapperId));return Array.from(n).every(l=>a.has(l))});return{requestAmount:o,...r||e[0]}},"getDefaultQuote"),Gl=i(t=>{let e=i((o,n)=>{let r=di.indexOf(o.value),s=di.indexOf(n.value);return r!==-1&&s!==-1?r-s:r!==-1?-1:s!==-1?1:0},"customSort");return t.sort(e)},"sortTags");var Ht=i((t,e)=>t?.usdPrice?new Nt(e||Le).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),z=Wt(Xf()(Kf(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Nt(0),outputUsdValue:new Nt(0),toBlockchain:null,toToken:null,refetchQuote:!0,sortStrategy:"SMART",selectedQuote:null,quotes:null,error:null,warning:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null,quoteWarningsConfirmed:!1,updateQuotePartialState:(e,o)=>t(n=>({...n,[e]:o})),setSelectedQuote:e=>t(o=>{let n=null,r=Le;return ko(o.inputAmount)?(e&&(n=e?.outputAmount?new Nt(e?.outputAmount):null,r=Nn(e?.outputAmount,Bn(e)||o.toToken?.usdPrice)),{selectedQuote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetAlerts:()=>t(()=>({error:null,warning:null})),resetQuote:()=>t(()=>({selectedQuote:null,outputAmount:null,outputUsdValue:new Nt(0),quotes:null,refetchQuote:!0,error:null,warning:null})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{selectedQuote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:Ht(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{selectedQuote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new Nt(0),outputUsdValue:new Nt(0),selectedQuote:null},...!!o.fromToken&&{inputUsdValue:Ht(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=zl(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:Ht(a??null,u),outputUsdValue:new Nt(0),toBlockchain:l,toToken:p,selectedQuote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Ht(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function Vl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=z(),u=g().config,c=g().fetchStatus,h=g().blockchains(),m=g().tokens(),{setAffiliateRef:d,setAffiliatePercent:C,setAffiliateWallets:S}=g(),y=u?.from?.tokens,f=u?.from?.blockchains,b=u?.to?.tokens,k=u?.to?.blockchains,w=$n(void 0),E=$n(void 0),I=$n(void 0),T=$n(void 0);oo(()=>{t(u?.amount?.toString()||"")},[u?.amount]),oo(()=>{if(c==="success"){let x=h.find(L=>L.name===u?.from?.blockchain),A=m.find(L=>Me(L,u?.from?.token||null));(x||!x&&I.current)&&n(x??null),A?r({token:A,meta:{blockchains:h,tokens:m}}):!A&&w.current&&r({token:null}),I.current=u?.from?.blockchain,w.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,c]),oo(()=>{wo(s,y)&&r({token:null}),si(l,f)&&n(null)},[y,f]),oo(()=>{wo(a,b)&&r({token:null}),si(p,k)&&o(null)},[b,k]),oo(()=>{if(c==="success"){let x=h.find(L=>L.name===u?.to?.blockchain),A=m.find(L=>Me(L,u?.to?.token||null));(x||!x&&T.current)&&o(x??null),A?e({token:A,meta:{blockchains:h,tokens:m}}):!A&&E.current&&e({token:null}),T.current=u?.to?.blockchain,E.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,c]),oo(()=>{d(u?.affiliate?.ref??null),C(u?.affiliate?.percent??null),S(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}i(Vl,"useSyncStoresWithConfig");import{useEffect as xi,useRef as Yf}from"react";import{useInRouterContext as Jf,useLocation as Zf,useSearchParams as Rf}from"react-router-dom";function ki(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(ki,"searchParamToToken");function wi(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(wi,"tokenToSearchParam");function vi(){let t=Zf(),[e,o]=Rf(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:u,setFromToken:c,setToToken:h,setInputAmount:m}=z(),d=g().fetchStatus,C=g().blockchains(),S=g().tokens(),y=Jf(),{updateIframe:f,updateCampaignMode:b}=g(),k=g().isInCampaignMode(),w=Yf(),E=i(()=>{let T=e.get("fromAmount"),x=e.get("fromBlockchain"),A=e.get("fromToken"),L=e.get("toBlockchain"),M=e.get("toToken"),U=e.get("autoConnect"),ee=e.get("clientUrl"),ge=e.get("liquiditySources");return{fromAmount:T,fromBlockchain:x,fromToken:A,toBlockchain:L,toToken:M,autoConnect:U,clientUrl:ee,liquiditySources:ge}},"getUrlSearchParams"),I=i(T=>{for(let x in T)T[x]||delete T[x];o(T,{replace:!0})},"updateUrlSearchParams");xi(()=>{let{autoConnect:T,clientUrl:x}=E();y&&d==="success"&&I({fromBlockchain:n?.name,fromToken:wi(s),toBlockchain:r?.name,toToken:wi(a),fromAmount:l,autoConnect:T??void 0,clientUrl:x??void 0,liquiditySources:k?w.current:void 0})},[t.pathname,l,n,s,r,a,k]),xi(()=>{if(!y)return;let T=E();if(!w.current&&T.liquiditySources&&(w.current=T.liquiditySources),T.fromAmount&&m(T.fromAmount),d==="success"){let x=C.find(U=>U.name===T.fromBlockchain),A=ki(S,T.fromToken,x??null),L=C.find(U=>U.name===T.toBlockchain),M=ki(S,T.toToken,L??null);x&&(p(x),A&&c({token:A,meta:{blockchains:C,tokens:S}})),L&&(u(L),M&&h({token:M,meta:{blockchains:C,tokens:S}}))}},[d]),xi(()=>{let{clientUrl:T,liquiditySources:x}=E();f("clientUrl",T||void 0),b("liquiditySources",x?.split(",")??void 0)},[])}i(vi,"useSyncUrlAndStore");import{i18n as vr}from"@lingui/core";import{useManager as Gy}from"@rango-dev/queue-manager-react";import{Alert as vc,Button as Vy,css as Cs,Divider as Ss,IconButton as bc,SettingsIcon as jy,styled as Xy,Tooltip as Ky,Typography as Yy,WalletIcon as Jy}from"@rango-dev/ui";import ue,{useEffect as Qo,useLayoutEffect as Zy,useRef as Ry,useState as br}from"react";import{flushSync as eS}from"react-dom";import{useLocation as tS,useNavigate as oS}from"react-router-dom";import{i18n as mt}from"@lingui/core";import{Alert as Yi,BalanceErrors as Ph,Button as ru,ChevronDownIcon as $h,ChevronLeftIcon as _h,Divider as po,MessageBox as Dh,Typography as rr,WalletIcon as Fh}from"@rango-dev/ui";import P,{useEffect as Oh,useState as uo}from"react";import{useNavigate as Uh}from"react-router-dom";import{i18n as _n}from"@lingui/core";function Dn(t){switch(t.type){case 0:return _n.t("Route has been updated.");case 3:return _n.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return _n.t("Route swappers has been updated.");case 2:return _n.t("Route internal coins has been updated.");default:return""}}i(Dn,"getQuoteUpdateWarningMessage");import{Modal as tg}from"@rango-dev/ui";import og from"react";function ae(t){let{watermark:e}=oe();return og.createElement(tg,{hasWatermark:e==="FULL",...t},t.children)}i(ae,"WatermarkedModal");import qn,{useRef as ig}from"react";import*as no from"@radix-ui/react-collapsible";import{keyframes as jl,styled as Fn}from"@rango-dev/ui";var bi=300,ng=jl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),rg=jl({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Xl=Fn(no.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Ii=Fn(no.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),On=Fn(no.Content,{overflow:"hidden",variants:{open:{true:{animation:`${ng} ${bi}ms ease-out`},false:{animation:`${rg} ${bi}ms ease-out`}}}}),Un=Fn("div",{transition:`all ${bi}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function zn(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=ig(null);return qn.createElement(Xl,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&qn.createElement(Ii,{className:"collapsible_trigger",onClick:s},a),qn.createElement(On,{className:"collapsible_content",open:e},r),l==="bottom"&&qn.createElement(Ii,{className:"collapsible_trigger",onClick:s},a))}i(zn,"CustomCollapsible");import{Button as sg,css as Kl,darkTheme as ro,IconButton as ag,styled as Ye,TextField as lg}from"@rango-dev/ui";var Yl=Ye("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Jl=Ye("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),pg=Ye("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${ro} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${ro} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${ro} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Zl=Ye(pg,{alignSelf:"stretch",minHeight:"93px"}),Rl=Ye("div",{padding:"$20 $20 $15 $20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),ep=Ye(ag,{position:"absolute",left:"$20"}),tp=Ye("div",{paddingTop:"$20"}),op=Kl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),np=Ye("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),rp=Kl({paddingTop:"$5"}),ip=Ye("div",{display:"flex"}),sp=Ye(lg,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),ap=Ye("div",{overflow:"visible",width:"100%"}),lp=Ye(sg,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${ro} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${ro} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${ro} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as et}from"@lingui/core";import{Button as Lh,Divider as Xi,Image as Mh,MessageBox as nr,SelectableWallet as Nh,Typography as eu,WalletState as tu}from"@rango-dev/ui";import pe,{useEffect as ou,useState as Lo}from"react";import{WalletState as Ai}from"@rango-dev/ui";import{useWallets as ug}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as cg,WalletTypes as Qn}from"@rango-dev/wallets-shared";import{useCallback as mg,useEffect as dg,useState as fg}from"react";var gg=Object.values(Qn);function Hn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=ug(),{connectedWallets:u}=K(),c=g().blockchains(),h=Xa(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||gg,m=Na(s,l,h,o),d=Oa(m),[C,S]=fg(""),y=i(E=>!u.find(I=>I.walletType===E&&I.chain===o),"isExperimentalChainNotAdded"),f=i(async E=>{let I=s(E);try{if(C&&S(""),I.connected)await a(E);else{let T=!!m.find(x=>x.state===Ai.CONNECTED);if(!e?.multiWallets&&T)return;n?.(E),await p(E),r?.(E)}}catch(T){S("Error: "+T?.message)}},"handleClick"),b=mg(()=>{let E=m?.filter(I=>I.state===Ai.CONNECTING)||[];for(let I of E)a(I.type)},[za(m)]);dg(()=>()=>{b()},[]);let k=i(E=>E.filter(T=>T.state!=Ai.NOT_INSTALLED&&![Qn.DEFAULT,Qn.WALLET_CONNECT_2].includes(T.type)&&l(T.type).supportedChains.filter(x=>x.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),w=i((E,I,T)=>fn(T,I)&&y(E)&&!cg.includes(E)||E==Qn.DEFAULT&&!k(m),"shouldExcludeWallet");return{list:d.filter(E=>!w(E.type,o??"",c)),error:C,handleClick:f,disconnectConnectingWallets:b}}i(Hn,"useWalletList");import{i18n as jp}from"@lingui/core";import{styled as Kp,Typography as xh,Wallet as vh,WalletState as bh}from"@rango-dev/ui";import lo,{useState as Xp}from"react";import{useManager as dh}from"@rango-dev/queue-manager-react";import{BottomLogo as fh,Divider as Op,Header as gh}from"@rango-dev/ui";import ye,{useEffect as Up,useRef as qp}from"react";import{useRef as hg}from"react";function Gn(){return window.self!==window.top}i(Gn,"isAppLoadedIntoIframe");function Ei(){let t=hg(null),{iframe:e}=g(),o=Gn()&&e.clientUrl,n=i(a=>{o&&window.top?.postMessage(a,e.clientUrl)},"send");return{send:n,connectHeightObserver:i(a=>{t.current=new ResizeObserver(l=>{for(let p of l)n({type:"widget_height",data:{height:p.contentRect.height}})}),t.current.observe(a)},"connectHeightObserver"),disconnectHeightObserver:i(()=>{t.current&&(t.current.disconnect(),t.current=null)},"disconnectHeightObserver")}}i(Ei,"useIframe");import{useNavigate as yg}from"react-router-dom";function ut(){let t=yg();return()=>t(-1)}i(ut,"useNavigateBack");import{createTheme as Ni,darkTheme as wg,lightTheme as xg}from"@rango-dev/ui";import{useEffect as mp,useState as vg}from"react";import{theme as Tg,darkColors as kg}from"@rango-dev/ui";var pp=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,u=(a.length<2?"0":"")+a,c=(l.length<2?"0":"")+l;return`#${p}${u}${c}`},"colorShade"),Vn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:pp(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:pp(e,-((l-5)*25))});return a},"generateRangeColors"),Wi=i((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let s in o){let a=o[s];if(a&&a!==t[s])if(n=!0,s==="background"||s==="foreground")r={...r,[s]:a};else if(s==="neutral"&&e){let l=Vn(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,...Vn(s,a)}}return n?r:{}},"generateColors");var up=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Sg=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=up(o%52)+e;return up(o%52)+e},"toAlphabeticName"),Cg=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Li=i(t=>Sg(Cg(5381,JSON.stringify(t))>>>0),"toHash");function Mi(t){let e=Tg.colors,o=Wi({...e,...kg},!0,t?.dark),n=Wi(e,!1,t?.light),r=Object.keys(o).length>0,s=Object.keys(n).length>0,a,l;if(s){let p={colors:n};a={id:`${ii}-light-${Li(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${ii}-dark-${Li(p)}`,tokens:p}}return{light:a,dark:l}}i(Mi,"customizedThemeTokens");function cp(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(cp,"joinList");function jn(t){let{colors:e,fontFamily:o=Va,borderRadius:n=Ha,secondaryBorderRadius:r=Ga,mode:s="auto"}=t,[a,l]=vg("light"),{setTheme:p,theme:u}=g(),{dark:c,light:h}=Mi(e),m=Ni({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[m.className,xg.className],C=[m.className,wg.className];if(h){let y=Ni(h.id,h.tokens);d.push(y.className)}if(c){let y=Ni(c.id,c.tokens);C.push(y.className)}return mp(()=>{let y=i(f=>{f.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",y),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",y)}},[]),mp(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let y=d.join(" "),f=C.join(" ");return u==="auto"?a==="dark"?f:y:u==="dark"?f:y},"getActiveTheme")}}i(jn,"useTheme");var ct=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");import{i18n as dp}from"@lingui/core";import{Alert as bg,Button as Ig}from"@rango-dev/ui";import fp from"react";function Bi(t){return fp.createElement(bg,{action:fp.createElement(Ig,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},dp.t("Activate this tab")),type:"warning",variant:"alarm",title:dp.t("Another tab is open and handles transactions.")})}i(Bi,"ActivateTabAlert");import{i18n as Pi}from"@lingui/core";import{Button as Ag,Divider as Eg,MessageBox as Wg}from"@rango-dev/ui";import Xn from"react";function $i(t){let{open:e,onClose:o,onConfirm:n}=t;return Xn.createElement(ae,{open:e,dismissible:!0,onClose:o,container:N()},Xn.createElement(Wg,{title:Pi.t("Activate current tab"),type:"warning",description:Pi.t("Currently, some transactions are running and being handled by other browser tab. If you activate this tab, all transactions that are already in the transaction sign step will expire.")},Xn.createElement(Eg,{size:20}),Xn.createElement(Ag,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Pi.t("Confirm"))))}i($i,"ActivateTabModal");import{ChevronLeftIcon as Mg}from"@rango-dev/ui";import Tp from"react";import{darkTheme as gp,IconButton as Lg,styled as io}from"@rango-dev/ui";var Je=io(Lg,{width:"$24",position:"relative",padding:"0",overflow:"unset","&:hover":{backgroundColor:"$info100",[`.${gp} &`]:{backgroundColor:"$neutral"}}}),hp=io("div",{position:"absolute",background:"$secondary500",[`.${gp} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),so=io("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),yp=io("div",{position:"absolute",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0",variants:{isSever:{true:{backgroundColor:"$error500"},false:{backgroundColor:"$secondary500"}}}}),Sp=io("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}}),Cp=io("div",{position:"absolute",right:"$4",top:"$4",backgroundColor:"$background",borderRadius:"100%"});function _i(t){return Tp.createElement(Je,{variant:"ghost",size:"small",onClick:t.onClick},Tp.createElement(Mg,{color:"black",size:16}))}i(_i,"BackButton");import{i18n as Ng}from"@lingui/core";import{Button as Bg,Typography as Pg}from"@rango-dev/ui";import Di from"react";function Fi(t){return Di.createElement(so,null,Di.createElement(Bg,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Di.createElement(Pg,{variant:"label",size:"medium",color:"error500"},Ng.t("Cancel"))))}i(Fi,"CancelButton");import{i18n as $g}from"@lingui/core";import{Tooltip as _g,WalletIcon as Dg}from"@rango-dev/ui";import Kn from"react";function Oi(t){return Kn.createElement(_g,{container:t.container,side:"top",content:$g.t("Connect Wallet")},Kn.createElement(Je,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Kn.createElement(hp,null),Kn.createElement(Dg,{size:18,color:"black"})))}i(Oi,"WalletButton");import{i18n as Zn}from"@lingui/core";import{NotificationsIcon as lh,Popover as ph,SettingsIcon as uh,Tooltip as Rn,TransactionIcon as ch}from"@rango-dev/ui";import ve from"react";import{i18n as jg}from"@lingui/core";import{EventSeverity as Ap}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Ep,ChevronRightIcon as Xg,Divider as Kg,Typography as Yg}from"@rango-dev/ui";import Fe from"react";import{useNavigate as Jg}from"react-router-dom";import{create as Fg}from"zustand";import{persist as Og,subscribeWithSelector as Ug}from"zustand/middleware";var qe=Wt(Fg()(Og(Ug((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,address:r.fromSymbolAddress,symbol:r.fromSymbol},to:{blockchain:s.toBlockchain,address:s.toSymbolAddress,symbol:s.toSymbol}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{darkTheme as qg,ListItemButton as zg,styled as Ao}from"@rango-dev/ui";var kp=Ao("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),wp=Ao("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),xp=Ao(zg,{variants:{actionRequired:{true:{backgroundColor:"$error300",[`.${qg} &`]:{backgroundColor:"$error600"}}}}}),vp=Ao("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),bp=Ao("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Qg}from"@lingui/core";import{Divider as Hg,NoNotificationIcon as Gg,Typography as Vg}from"@rango-dev/ui";import Yn from"react";function Ip(){return Yn.createElement(bp,null,Yn.createElement(Gg,{color:"secondary",size:26}),Yn.createElement(Hg,{size:12}),Yn.createElement(Vg,{variant:"body",size:"medium",color:"neutral700"},Qg.t("There are no notifications.")))}i(Ip,"NotificationNotFound");var Zg=4;function Ui(){let t=Jg(),{getUnreadNotifications:e}=qe(),o=e(),n=g().blockchains(),r=g().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,Zg),a=i(l=>{t(`${D.swaps}/${l}`)},"handleOnClick");return Fe.createElement(kp,null,s.length?Fe.createElement(wp,null,s.map((l,p)=>{let{route:u,requestId:c,event:h}=l,m=r.find(y=>Me(y,u.from)),d=n.find(y=>y.name===u.from.blockchain),C=r.find(y=>Me(y,u.to)),S=n.find(y=>y.name===u.to.blockchain);return Fe.createElement(Fe.Fragment,{key:c},p>0&&Fe.createElement(Kg,{size:4}),Fe.createElement(xp,{onClick:()=>a(c),actionRequired:h.messageSeverity===Ap.WARNING,title:Fe.createElement(Yg,{variant:"body",size:"small",color:h.messageSeverity===Ap.WARNING?"$foreground":"$neutral700"},jg.t(h.message)),id:c,start:Fe.createElement(vp,null,Fe.createElement("div",{className:"from-chain-token"},Fe.createElement(Ep,{tokenImage:m?m.image:"",chainImage:d?d.logo:"",size:"small"})),Fe.createElement("div",{className:"to-chain-token"},Fe.createElement(Ep,{tokenImage:C?C.image:"",chainImage:S?S.logo:"",size:"small"}))),end:Fe.createElement(Xg,{size:12,color:"gray"})}))})):Fe.createElement(Ip,null))}i(Ui,"NotificationContent");import{useManager as Rg}from"@rango-dev/queue-manager-react";import{InProgressIcon as eh}from"@rango-dev/ui";import Wp from"react";var th=i(()=>{let{manager:t}=Rg();return ct(t).map(({swap:o})=>o).find(o=>o.status==="running")?Wp.createElement(Cp,null,Wp.createElement(eh,{color:"info",size:6})):null},"InProgressTransactionBadge"),Lp=th;import{RefreshProgressButton as oh}from"@rango-dev/ui";import qi,{useEffect as nh,useState as Mp}from"react";var rh=1e3,Np=60,ih=100;function Jn({onClick:t}){let[e,o]=Mp(0),[n,r]=Mp(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");nh(()=>{let p;return t?p=window.setInterval(()=>{o(u=>u+1),e===Np&&l()},rh):a(p),document.addEventListener("visibilitychange",()=>s(p)),()=>{document.removeEventListener("visibilitychange",()=>s(p)),p&&clearInterval(p)}},[e,t]);let a=i(p=>{p&&clearInterval(p),o(0)},"clearTimeout"),l=i(()=>{t?.(),o(0),r(!0)},"handleRefreshClick");return qi.createElement(Je,{variant:"ghost",size:"small",style:{paddingTop:0,paddingBottom:0},onClick:l,disabled:!t},qi.createElement(Sp,{onTransitionEnd:()=>r(!1),isRefetched:n},qi.createElement(oh,{size:24,color:t?"black":"gray",progress:e/Np*ih})))}i(Jn,"RefreshButton");import{EventSeverity as sh}from"@rango-dev/queue-manager-rango-preset";import{Typography as ah}from"@rango-dev/ui";import Bp from"react";function Pp(){let{getUnreadNotifications:t}=qe(),e=t(),o=e.length,n=!!e.find(r=>r.event.messageSeverity===sh.WARNING);return o?Bp.createElement(yp,{isSever:n},Bp.createElement(ah,{variant:"body",size:"xsmall",color:"$background"},o)):null}i(Pp,"UnreadNotificationsBadge");function Gt(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n,hidden:r=[]}=t,{config:{features:s}}=g(),a=je("notification",s)||r.includes("notifications");return ve.createElement(ve.Fragment,null,!r.includes("refresh")&&ve.createElement(Rn,{container:N(),side:"top",content:Zn.t("Refresh")},ve.createElement(Jn,{onClick:e})),!a&&ve.createElement(ph,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:N(),content:ve.createElement(Ui,null)},ve.createElement("div",null,ve.createElement(Rn,{container:N(),side:"top",content:Zn.t("Notifications")},ve.createElement(Je,{size:"small",variant:"ghost"},ve.createElement(lh,{size:18,color:"black"}),ve.createElement(Pp,null))))),!r.includes("settings")&&ve.createElement(Rn,{container:N(),side:"top",content:Zn.t("Settings")},ve.createElement(Je,{size:"small",variant:"ghost",onClick:n},ve.createElement(uh,{size:18,color:"black"}))),!r.includes("history")&&ve.createElement(Rn,{container:N(),side:"top",content:Zn.t("Transactions History")},ve.createElement(Je,{size:"small",variant:"ghost",onClick:o},ve.createElement(ch,{size:18,color:"black"}),ve.createElement(Lp,null))))}i(Gt,"HeaderButtons");function zi(t){let e=t.target;if(e){let o=e.scrollTop,n=N();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(zi,"onScrollContentAttachStatusToContainer");import{css as mh,styled as Qi}from"@rango-dev/ui";var $p="700px",er=mh({borderRadius:"$primary",display:"flex",flexDirection:"column",overflow:"hidden",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)"}),_p=Qi("div",{position:"relative",width:"100vw",minWidth:"300px",maxWidth:"390px",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:$p},fixed:{height:$p}}}}),Dp=Qi("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),Fp=Qi("div",{padding:"0 $20 $10","& .footer__alert":{paddingTop:"$10"},"& .footer__logo":{opacity:0,transition:"opacity 1s ease-in-out","&.logo__show":{opacity:1},"&.logo__hidden":{visibility:"hidden"}}});function ie(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=Ei(),{children:n,header:r,footer:s,height:a="fixed"}=t,l=K.use.connectedWallets(),{config:{features:p,theme:u}}=g(),{watermark:c}=oe(),h=c==="FULL",{activeTheme:m}=jn(u||{}),d=je("connectWalletButton",p),{isActiveTab:C,tabManagerInitiated:S,showActivateTabModal:y,setShowActivateTabModal:f,activateCurrentTab:b}=oe(),k=ut(),{manager:w}=dh(),I=ct(w).map(({swap:U})=>U).some(U=>U.status==="running"),T=i(()=>b(zt.forceClaim,I),"onActivateTab"),x=i(()=>{r.onWallet?.()},"onConnectWallet"),A=typeof r.hasBackButton>"u"||r.hasBackButton,L=qp(null),M=qp(null);return Up(()=>(Gn()&&M.current&&e(M.current),()=>{o()}),[]),Up(()=>(L.current?.addEventListener("scroll",zi),()=>{L.current?.removeEventListener("scroll",zi)}),[]),ye.createElement(_p,{height:a,id:ke.SWAP_BOX_ID,className:`${m()} ${er()}`,ref:M},ye.createElement(gh,{prefix:ye.createElement(ye.Fragment,null,A&&ye.createElement(_i,{onClick:()=>{k(),r.onBack&&r.onBack()}})),title:r.title,suffix:ye.createElement(ye.Fragment,null,r.suffix,r.onWallet&&!d&&ye.createElement(Oi,{container:N(),onClick:x,isConnected:!!l?.length}),r.onCancel&&ye.createElement(Fi,{onClick:r.onCancel}))}),ye.createElement(Dp,{ref:L},n),ye.createElement($i,{open:y,onClose:()=>f(!1),onConfirm:T}),ye.createElement(Fp,null,ye.createElement("div",{className:"footer__content"},S&&!C&&ye.createElement("div",{className:"footer__alert"},ye.createElement(Bi,{onActivateTab:T}),ye.createElement(Op,{size:10})),s),ye.createElement(Op,{size:12}),ye.createElement("div",{className:`footer__logo ${h?"logo__show":"logo__hidden"}`},ye.createElement(fh,null))))}i(ie,"Layout");import{styled as hh}from"@rango-dev/ui";var zp="$20 $20 $10 $20",Eo=hh("div",{padding:zp,overflowY:"auto",flexGrow:1});import{styled as yh}from"@rango-dev/ui";var le=yh("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 wh}from"@rango-dev/ui";import Gi from"react";import{i18n as ao}from"@lingui/core";import{Image as Th,MessageBox as Hi,WalletState as kh}from"@rango-dev/ui";import Vt from"react";import{keyframes as Sh,styled as tr}from"@rango-dev/ui";var r0=tr("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Qp=tr("div",{position:"relative"}),Ch=Sh({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Hp=tr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Ch} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Gp=tr("div",{"& img":{borderRadius:"50%"}});function Vp(t){let{state:e,image:o,error:n}=t;return e===kh.CONNECTED?Vt.createElement(Hi,{type:"success",title:ao.t("Wallet Connected"),description:ao.t("Your wallet is connected, you can use it to swap.")}):n?Vt.createElement(Hi,{type:"error",title:ao.t("Failed to Connect"),description:n||ao.t("Your wallet is not connected. Please try again.")}):Vt.createElement(Hi,{type:"loading",title:ao.t("Connecting to your wallet"),description:ao.t("Click connect in your wallet popup."),icon:Vt.createElement(Qp,null,Vt.createElement(Gp,null,Vt.createElement(Th,{src:o,size:45})),Vt.createElement(Hp,null))})}i(Vp,"ModalContent");function Wo(t){let{open:e,onClose:o,...n}=t;return Gi.createElement(ae,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},Gi.createElement(Vp,{...n}),Gi.createElement(wh,{direction:"vertical",size:32}))}i(Wo,"WalletModal");var Ih=Kp("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ah=Kp(le,{textAlign:"center"}),or=3e3,Vi=300;function Yp(){let{config:t,fetchStatus:e}=g(),[o,n]=Xp(!1),[r,s]=Xp(""),a=null,l=oe.use.isActiveTab(),{list:p,handleClick:u,error:c,disconnectConnectingWallets:h}=Hn({config:t,onBeforeConnect:y=>{a=setTimeout(()=>{n(!0),s(y)},Vi)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},or)}}),m=i(()=>{h(),n(!1)},"handleCloseWalletModal"),d=p.find(y=>y.type===r),C=d?.image||"",S=d?.state||bh.NOT_INSTALLED;return lo.createElement(ie,{header:{title:jp.t("Connect Wallets")}},lo.createElement(Ah,null,lo.createElement(xh,{variant:"title",size:"xmedium",align:"center"},jp.t("Choose a wallet to connect.")),lo.createElement(Ih,null,p.map((y,f)=>{let b=`wallet-${f}-${y.type}`;return lo.createElement(vh,{key:b,...y,container:N(),onClick:k=>{u(k)},isLoading:e==="loading",disabled:!l})}),lo.createElement(Wo,{open:!!o,onClose:m,image:C,state:S,error:c}))))}i(Yp,"WalletsPage");import{keyframes as Eh,styled as ji}from"@rango-dev/ui";var Jp=ji("div",{position:"relative"}),Wh=Eh({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Zp=ji("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Wh} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Rp=ji("div",{"& img":{borderRadius:"50%"}});var Bh=7;function Ki(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=g(),l=oe.use.isActiveTab(),p=K.use.connectedWallets(),{blockchains:u}=g(),[c,h]=Lo(""),[m,d]=Lo(null),[C,S]=Lo(!1),[y,f]=Lo(null),{suggestAndConnect:b}=nu(),k=null,{list:w,error:E,handleClick:I,disconnectConnectingWallets:T}=Hn({config:a,chain:e,onBeforeConnect:_=>{k=setTimeout(()=>{h(_)},Vi)},onConnect:()=>{k&&clearTimeout(k),setTimeout(()=>{h("")},or)}}),[x,A]=Lo(w),L=w.length,M=r&&L-r>0,U=i(async _=>{S(!1),f("in-progress");try{await b(_.walletType,_.chain),f("completed")}catch{f("rejected")}},"addExperimentalChain");ou(()=>{A(_=>{let te=w.findIndex(V=>o(V.type,e));return M&&te>1?[w[te]].concat(w.filter((V,v)=>v!==te)):_.map(V=>w.find(v=>v.type===V.type)??V)})},[JSON.stringify(w)]);let ee=document.getElementById(ke.SWAP_BOX_ID);ou(()=>{let _=null;return(y==="completed"||y==="rejected")&&(_=setTimeout(()=>f(null),or)),()=>{_&&clearTimeout(_)}},[y]);let ge=i(()=>{T(),h("")},"handleCloseWalletModal");return pe.createElement(pe.Fragment,null,x.slice(0,r).map(_=>{let te=Ua({connectedWallets:p,walletType:_.type,chain:e}),V=te?hn(te,Bh):"",v=fn(u(),e),j=!p.find(Ie=>Ie.walletType===_.type&&Ie.chain===e),H=v&&j&&_.state===tu.CONNECTED,G=H?et.t({id:"Add {chain} chain",values:{chain:e}}):V,Ce=i(()=>{_.state===tu.DISCONNECTED?I(_.type):H?(d({walletType:_.type,chain:e,address:te??""}),S(!0)):n({walletType:_.type,chain:e,address:te??""})},"onClick"),de=m?.chain?Sl(m.chain,u()):void 0;return pe.createElement(pe.Fragment,null,pe.createElement(Wo,{open:c===_.type,onClose:ge,image:_.image,state:_.state,error:E}),!!m&&pe.createElement(ae,{open:!!m&&C,container:ee,onClose:()=>{d(null)}},pe.createElement(nr,{title:et.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:de}}),type:"warning",description:et.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:de}})},pe.createElement(Xi,{size:18}),pe.createElement(Xi,{size:32}),pe.createElement(Lh,{onClick:U.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},et.t("Confirm")))),y&&pe.createElement(ae,{open:!!y,onClose:f.bind(null,null),container:ee},y==="in-progress"&&pe.createElement(nr,{type:"loading",title:et.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:de}}),description:et.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:de}}),icon:pe.createElement(Jp,null,pe.createElement(Rp,null,pe.createElement(Mh,{src:_.image,size:45})),pe.createElement(Zp,null))}),y==="completed"&&pe.createElement(nr,{type:"success",title:et.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:de}}),description:et.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:de}})}),y==="rejected"&&pe.createElement(nr,{type:"error",title:et.t("Request Rejected"),description:et.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:de}})}),pe.createElement(Xi,{direction:"vertical",size:32})),pe.createElement(Nh,{key:_.type,description:G,onClick:Ce,selected:o(_.type,e),disabled:!l,..._}))}),M&&pe.createElement(Zl,{selected:!1,onClick:s},pe.createElement(eu,{variant:"label",size:"medium"},et.t("Show more wallets"),pe.createElement(eu,{variant:"label",size:"medium",color:"$primary"},"\xA0+",L-(r??0)))))}i(Ki,"WalletList");var qh=2;function iu(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=g().config,l=g().blockchains(),{selectedQuote:p,setSelectedWallets:u,quoteWalletsConfirmed:c,setQuoteWalletConfirmed:h,customDestination:m,setCustomDestination:d}=z(),{connectedWallets:C,selectWallets:S}=K(),[y,f]=uo(""),[b,k]=uo([]),[w,E]=uo(""),[I,T]=uo(null),[x,A]=uo(!!m),L=In(p?.swaps||null),M=l.find(Q=>Q.name===p?.swaps[p?.swaps.length-1].to.blockchain),U=i(Q=>!!p?.swaps.find(J=>J.from.blockchain===Q),"isWalletRequiredFor"),ee=i(()=>C.filter(Q=>Q.selected&&L.includes(Q.chain)),"getInitialSelectableWallets"),[ge,_]=uo(ee()),te=l.find(Q=>Q.name===M?.name),V=b.length>0,v=i((Q,J)=>!!ge.find(R=>R.walletType===Q&&R.chain===J&&R.selected&&(U(J)||!U(J)&&!m)),"isSelected"),j=!!m&&x&&te&&!An(te,m),H=i(()=>{A(!1),d(null),_(Q=>{let J=!1;return Q.map(R=>!J&&R.chain===M?.name?(J=!0,{...R,selected:!0}):R)})},"resetCustomDestination"),G=i(Q=>{if(y&&f(""),v(Q.walletType,Q.chain))return;let R=C.find(Ae=>Ae.walletType===Q.walletType&&Ae.chain===Q.chain);R&&(n(),Q.chain===M?.name&&x&&(A(!1),d(null)),_(Ae=>Ae.filter(Ve=>Ve.chain!==Q.chain).concat({...R,selected:!0})))},"onChange"),Ce=i(()=>{let Q=ge.filter(J=>J.selected);S(Q),u(Q),h(!0),o()},"onConfirmBalance"),de=i(async()=>{k([]),E(""),T(null);let Q=C.filter(Ae=>ge.find(Ve=>Ve.chain===Ae.chain&&Ve.walletType===Ae.walletType)),J=await r?.({selectedWallets:Q,customDestination:m}),R=J.warnings;R?.balance?.messages&&k(R.balance.messages),R?.quoteUpdate&&T(R.quoteUpdate),J.error&&E(Cl(J.error)),!J.error&&!R?.balance?.messages.length?Ce():k(R?.balance?.messages??[])},"onConfirmWallets");Oh(()=>{_(Q=>Q.concat(C.filter(J=>!!!Q.find(Ae=>Ae.chain===J.chain)&&J.selected&&L.includes(J.chain))))},[C.length]);let Ie=document.getElementById(ke.SWAP_BOX_ID),ht=Uh();return P.createElement(ae,{open:e,onClose:()=>{c||ht("../",{replace:!0}),o()},dismissible:!y,container:Ie,...!y&&{footer:P.createElement(ip,null,P.createElement(ru,{loading:s,disabled:Dl(s,x,m,p,ge,M),onClick:de,variant:"contained",type:"primary",fullWidth:!0,size:"large"},mt.t("Confirm")))},...y&&{styles:{container:{padding:"$0"}},header:P.createElement(Rl,null,P.createElement(ep,{variant:"ghost",onClick:f.bind(null,"")},P.createElement(_h,{size:16})),P.createElement(rr,{variant:"headline",size:"small"},mt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Xe(y,l)}})))},anchor:"center"},P.createElement(ae,{open:V,onClose:k.bind(null,[]),container:Ie},P.createElement(Dh,{title:mt.t("Insufficient account balance"),type:"error",description:P.createElement(Ph,{messages:b??[]})},P.createElement(ru,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Ce},mt.t("Proceed anyway")))),y&&P.createElement(tp,null,P.createElement("div",{className:op()},P.createElement(Ki,{chain:y,isSelected:v,selectWallet:G,onShowMore:f.bind(null,y)}))),!y&&P.createElement(P.Fragment,null,w&&P.createElement(P.Fragment,null,P.createElement(Yi,{variant:"alarm",type:"error",title:mt.t(w)}),P.createElement(po,{size:12})),I&&P.createElement(P.Fragment,null,P.createElement(Yi,{variant:"alarm",type:"warning",title:Dn(I)}),P.createElement(po,{size:12})),P.createElement(ap,null,L.map((Q,J)=>{let R=l.find(Te=>Te.name===Q),Ae=`wallet-${J}`,Ve=J===L.length-1;return P.createElement("div",{key:Ae},P.createElement(Yl,null,P.createElement(rr,{variant:"title",size:"xmedium"},mt.t({id:"Your {blockchainName} wallets",values:{blockchainName:R?.shortName}})),P.createElement(rr,{variant:"label",color:"$neutral700",size:"medium"},mt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:R?.shortName}}))),P.createElement(po,{size:24}),P.createElement(Jl,null,P.createElement(Ki,{chain:Q,isSelected:v,selectWallet:G,limit:qh,onShowMore:()=>f(R?.name??"")})),!Ve&&P.createElement(po,{size:32}),Ve&&a?.customDestination&&P.createElement(np,null,P.createElement(zn,{onOpenChange:Te=>{Te?U(M?.name??"")||_(De=>De.map(he=>he.chain===M?.name?{...he,selected:!1}:he)):H()},hasSelected:!0,open:x,triggerAnchor:"top",trigger:P.createElement(lp,{fullWidth:!0,variant:"default",suffix:P.createElement(Un,{orientation:x?"up":"down"},P.createElement($h,{size:10,color:"gray"}))},P.createElement("div",{className:"button__content"},P.createElement(Fh,{size:18,color:"info"}),P.createElement(po,{size:4,direction:"horizontal"}),P.createElement(rr,{variant:"label",size:"medium"},mt.t("Send to a different address")))),onClickTrigger:()=>A(Te=>!Te)},P.createElement(po,{size:4}),P.createElement(sp,{autoFocus:!0,placeholder:mt.t("Your destination address"),value:m||"",onChange:Te=>{let De=Te.target.value;De.length?d(De.length?De:null):(A(!1),d(null))}})),j&&P.createElement("div",{className:rp()},P.createElement(Yi,{variant:"alarm",type:"error",title:mt.t({values:{destination:m},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(iu,"ConfirmWalletsModal");import{i18n as sy}from"@lingui/core";import{Alert as ay,Button as ly,InfoIcon as py}from"@rango-dev/ui";import Qe from"react";import{Alert as Hh,Button as Gh,Divider as Ri,NoRouteIcon as Vh,RefreshIcon as jh,Typography as mu}from"@rango-dev/ui";import ze from"react";import{i18n as su}from"@lingui/core";var zh=24,Qh=60;function au(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:Y().genericServerError,action:{onClick:n,title:su.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:Y().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:su.t("Reset")}},description:Y().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:Y().noResultError.description}}i(au,"makeInfo");var Ji=(o=>(o[o.small=zh]="small",o[o.large=Qh]="large",o))(Ji||{}),Zi=(o=>(o.small="small",o.large="medium",o))(Zi||{});import{styled as ir}from"@rango-dev/ui";var lu=ir("div",{display:"flex",flexDirection:"column",alignItems:"center"}),pu=ir("div",{variants:{size:{small:{},large:{maxWidth:"316px"}}}}),uu=ir("div",{variants:{size:{small:{width:"100%"},large:{}}}}),cu=ir("div",{padding:"$6 $0"});function Mo(t){let{fetch:e,error:o,size:n="small"}=t,r=g().getDisabledLiquiditySources(),s=g().toggleAllLiquiditySources,a=g().swappers(),l=au(o,r,()=>s(a,!0),e);return ze.createElement(lu,null,ze.createElement(Vh,{size:Ji[n],color:"gray"}),ze.createElement(Ri,{size:4}),ze.createElement(mu,{variant:"title",size:Zi[n]},Y().noResultError.title),n==="large"&&ze.createElement(Ri,{size:4}),!!l.description&&ze.createElement(pu,{size:n},ze.createElement(mu,{variant:"body",size:"small",align:"center",color:"neutral700"},l.description)),ze.createElement(Ri,{size:n==="large"?"24":"4"}),!!l.alert&&ze.createElement(uu,{size:n},ze.createElement(Hh,{type:l.alert.type,title:l.alert.text,titleAlign:"left",action:l.alert.action&&ze.createElement(Gh,{size:"xsmall",type:l.alert.type,prefix:ze.createElement(cu,null,ze.createElement(jh,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i(Mo,"NoResult");import{i18n as No}from"@lingui/core";import{Button as Kh,Divider as Yh,MessageBox as Jh,Typography as Zh,WarningIcon as Rh}from"@rango-dev/ui";import Ct from"react";import{Typography as hu}from"@rango-dev/ui";import ts from"react";import{darkTheme as Xh,styled as sr}from"@rango-dev/ui";var du=sr("div",{width:"100%"}),es=sr("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),fu=sr("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Xh} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),gu=sr("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function yu(t){let{title:e,value:o,valueColor:n}=t;return ts.createElement(fu,null,ts.createElement(hu,{size:"medium",variant:"label",className:"_title"},e),ts.createElement(hu,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(yu,"QuoteErrorsModalItem");function Su(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:No.t("Swapping"),value:W(r.inputUsdValue,4,4)},{title:No.t("Gas cost"),value:W(r.totalFee,2,2)},{title:No.t("Receiving"),value:W(r.outputUsdValue,4,4)},{title:No.t("Price impact"),value:W(r.priceImpact,2,2),valueColor:`${a}500`}];return Ct.createElement(ae,{footer:Ct.createElement(Kh,{type:"primary",size:"large",prefix:Ct.createElement(Rh,null),fullWidth:!0,disabled:s,onClick:n},Y().highValueLossError.confirmMessage),open:e,onClose:o,container:N()},Ct.createElement(Jh,{type:a,title:Y().highValueLossError.impactTitle,description:Y().highValueLossError.description}),Ct.createElement(es,null,Ct.createElement(Yh,{size:20}),Ct.createElement(Zh,{size:"small",variant:"title"},No.t("Details")),Ct.createElement(es,null,l.map((p,u)=>Ct.createElement(yu,{key:u,...p})))))}i(Su,"HighValueLossWarningModal");import{i18n as os}from"@lingui/core";function Cu(t,e){let o={alertType:"warning",title:"",action:"show-info"};return e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action="show-info"),e.type===4&&(o.title=os.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):t?(t.type===0&&(St(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=Y().highValueLossError.title),t.type===1&&(o.title=Y().unknownPriceError.title),t.type===2&&(o.title=os.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:t.minRequiredSlippage}}),o.action="change-settings"),t.type===3&&(o.title=os.t("Caution, your slippage is high.")),o):null}i(Cu,"makeAlerts");import{i18n as co}from"@lingui/core";import{Button as Tu,Divider as ku,MessageBox as ey,Typography as ty}from"@rango-dev/ui";import Kt from"react";import{useNavigate as oy}from"react-router-dom";function wu(t){let{customSlippage:e,slippage:o}=g(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=oy(),u=e??o;return Kt.createElement(ae,{anchor:"bottom",open:n,prefix:Kt.createElement(Tu,{size:"small",variant:"ghost",onClick:()=>p("../"+D.settings)},Kt.createElement(ty,{variant:"label",size:"medium",color:"$neutral900"},co.t("Change settings"))),container:N(),onClose:r},Kt.createElement(ey,{type:"warning",title:a.type===3?co.t("High slippage"):co.t("Low slippage"),description:a.type===3?co.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:u}}):co.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Kt.createElement(ku,{size:18}),Kt.createElement(ku,{size:32}),Kt.createElement(Tu,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},co.t("Confirm anyway"))))}i(wu,"SlippageWarningModal");import{Button as ny,MessageBox as ry,WarningIcon as iy}from"@rango-dev/ui";import ar from"react";function xu(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return ar.createElement(ae,{footer:ar.createElement(ny,{type:"primary",size:"large",prefix:ar.createElement(iy,null),fullWidth:!0,disabled:r,onClick:n},Y().unknownPriceError.confirmMessage),open:e,onClose:o,container:N()},ar.createElement(ry,{type:"warning",title:Y().unknownPriceError.impactTitle,description:Y().unknownPriceError.description}))}i(xu,"UnknownPriceWarningModal");function Bo(t){let{warning:e,error:o,showWarningModal:n,confirmationDisabled:r,refetchQuote:s,onOpenWarningModal:a,onCloseWarningModal:l,onConfirmWarningModal:p,onChangeSettings:u}=t,c={confirmationDisabled:r,open:n,onClose:l,onConfirm:p},h=o?.type===0||o?.type===1,m=Cu(e,o?.type===3||o?.type===4?o:null);return Qe.createElement(Qe.Fragment,null,h&&Qe.createElement(Mo,{error:o,fetch:s}),!!m&&Qe.createElement(du,null,Qe.createElement(ay,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:Qe.createElement(gu,{onClick:a},Qe.createElement(py,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:Qe.createElement(ly,{size:"xxsmall",type:m.alertType,onClick:u},sy.t("Change"))}})),e&&Qe.createElement(Qe.Fragment,null,e.type===0&&Qe.createElement(Su,{...c,warning:e}),(e.type===3||e.type===2)&&Qe.createElement(wu,{...c,warning:e}),e.type===1&&Qe.createElement(xu,{...c,warning:e})))}i(Bo,"QuoteWarningsAndErrors");import Uy from"bignumber.js";import Tr from"react";import{i18n as Fo}from"@lingui/core";import{Alert as Ay,Divider as Oo,FullExpandedQuote as Ey,InfoIcon as Wy,QuoteTag as Ly,StepDetails as My,TokenAmount as Ny,Tooltip as oc,Typography as fo}from"@rango-dev/ui";import cs from"bignumber.js";import B,{useRef as By,useState as Py}from"react";import{styled as ns}from"@rango-dev/ui";var rs=ns("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),vu=ns("div",{paddingBottom:"$15"}),bu=ns("div",{width:"100%",display:"flex"});import*as lr from"@radix-ui/react-collapsible";import{Button as uy,css as Po,darkTheme as Be,Image as Iu,styled as Pe,Typography as cy}from"@rango-dev/ui";var my=300,Au=Pe(lr.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Be} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Be} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Be} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Be} &`]:{backgroundColor:"$neutral400"}}}}]}),Eu=Po({padding:"$10 $15"}),Wu=Pe(uy,{backgroundColor:"transparent",border:"1px solid $secondary"}),Lu=Pe("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",boxSizing:"border-box",position:"relative",variants:{selected:{true:{},false:{$$color:"$colors$neutral200",[`.${Be} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color"}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{$$color:"$colors$neutral200",[`.${Be} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$neutral300",[`.${Be} &`]:{backgroundColor:"$neutral400"}},cursor:"pointer"},false:{}}},compoundVariants:[{listItem:!0,selected:!0,css:{outline:"1px solid $secondary"}},{listItem:!1,selected:!0,css:{$$color:"$colors$info100",[`.${Be} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Be} &`]:{backgroundColor:"$neutral400"}}}}]}),Mu=Po({width:"100%",padding:"$15 $15 $10 $15"}),Nu=Po({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10",position:"relative"}),mo=Po({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),Bu=Po({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Be} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Pu=Pe(lr.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${Iu}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Iu}`]:{border:"1px transparent solid",borderRadius:"100%"}}},selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Be} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Be} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Be} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}],".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),$u=Pe("div",{width:"18px",height:"18px",borderRadius:"100%",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",img:{borderRadius:"100%"},variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),_u=Pe(On,{width:"100%",background:"inherit"}),is=Pe("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${my}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),zL=Pe("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Du=Pe("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Be} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Fu=Pe("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),ss=Pe(cy,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),Ou=Pe("div",{display:"flex",flexWrap:"wrap"}),as=Pe("div",{width:"18px",height:"18px",borderRadius:"100%",backgroundColor:"$background",cursor:"default",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),Uu=Pe("div",{display:"flex"}),pr=Pe("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${Be} &`]:{borderTopColor:"$neutral400"}});import{i18n as $t}from"@lingui/core";import{ChevronDownIcon as fy,CloseIcon as gy,Divider as mr,IconButton as hy,QuoteCost as yy,Tooltip as Sy,Typography as tt}from"@rango-dev/ui";import X,{useState as Hu}from"react";import{css as dy,styled as ur}from"@rango-dev/ui";var cr=ur("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),ls=ur("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),qu=ur("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),zu=ur("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),Qu=dy({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var Cy=i(t=>t.fee.isZero()?null:X.createElement(cr,null,X.createElement(tt,{variant:"label",size:"medium",color:"neutral600"},t.label),X.createElement(tt,{variant:"label",size:"medium"},"$",W(t.fee,4,4))),"NonPayableFee");function Gu(t){let[e,o]=Hu(!1),[n,r]=Hu(!1),{steps:s,quote:a,fee:l,time:p,feeWarning:u,showModalFee:c}=t,h=a?.swaps??[],m=N(),d=bl(h);return X.createElement(X.Fragment,null,X.createElement(yy,{onClickFee:c?C=>{C.stopPropagation(),o(!e)}:void 0,fee:l,feeWarning:u,time:p,steps:s,tooltipGas:c?$t.t("View more info"):void 0,tooltipContainer:m}),X.createElement(ae,{container:m,open:e,header:X.createElement(zu,null,X.createElement(tt,{variant:"title",size:"medium"},$t.t("Gas & Fee Explanation")),X.createElement(hy,{onClick:()=>o(!1),variant:"ghost"},X.createElement(gy,{color:"gray",size:14}))),onClose:()=>{o(!1)}},X.createElement(qu,null,X.createElement(tt,{variant:"title",size:"small"},$t.t("Details")),X.createElement(mr,{size:10}),Object.entries(d.payable).flatMap(([C,S])=>S.map((y,f)=>{let b=`payable-fee-${f}`,k=yi(y);return X.createElement(cr,{key:b},X.createElement(tt,{variant:"label",size:"medium",color:"neutral600"},ci[C]),X.createElement(Sy,{content:se(y.amount),container:m},X.createElement(tt,{variant:"label",size:"medium"},W(y.amount,2,2)," ",y.asset.symbol," ($",W(k,4,4),")")))})),X.createElement(cr,{className:"total_payable_fee"},X.createElement(tt,{variant:"label",size:"medium"},$t.t("Total Payable Fee")),X.createElement(tt,{variant:"label",size:"medium"},"$",W(l,4,4))),X.createElement(ls,null),Object.keys(d.nonePayable).length&&X.createElement(zn,{triggerAnchor:"bottom",onClickTrigger:()=>r(C=>!C),trigger:X.createElement("div",{className:Qu()},X.createElement(tt,{size:"small",variant:"body",color:"neutral700"},n?$t.t("Hide non-payable fees"):$t.t("Show non-payable fees")),X.createElement(mr,{size:4,direction:"horizontal"}),X.createElement(Un,{orientation:n?"up":"down"},X.createElement(fy,{size:12,color:"gray"}))),open:n},X.createElement(tt,{size:"small",variant:"title"},$t.t("Description")),X.createElement(mr,{size:4}),X.createElement(tt,{size:"small",variant:"body",color:"neutral700"},$t.t(`The following fees are considered in the transaction output and
2
- you won\u2019t need to pay extra gas for them.`)),X.createElement(mr,{size:10}),Object.entries(d.nonePayable).map(([C,S],y)=>{let f=vl(S),b=ci[C],k=`non-payable-fee-${y}`;return X.createElement(Cy,{key:k,fee:f,label:b})}),X.createElement(ls,null)))))}i(Gu,"QuoteCostDetails");import{i18n as Xu}from"@lingui/core";import{TokenAmount as Ku}from"@rango-dev/ui";import dr from"react";import{css as Ty,styled as ky}from"@rango-dev/ui";var Vu=ky("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),ju=Ty({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function $o(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return dr.createElement(Vu,null,dr.createElement(Ku,{direction:"horizontal",label:Xu.t("Swap input"),type:"input",tooltipContainer:N(),price:{value:e.price.value,usdValue:e.price.usdValue,realValue:e.price.realValue,realUsdValue:e.price.realUsdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),dr.createElement("div",{className:ju()}),dr.createElement(Ku,{direction:"horizontal",tooltipContainer:N(),label:Xu.t("Estimated output"),type:"output",price:{value:o.price.value,usdValue:o.price.usdValue,realValue:o.price.realValue,realUsdValue:o.price.realUsdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}i($o,"QuoteSummary");import{i18n as ec}from"@lingui/core";import{ChevronDownIcon as vy,ChevronRightIcon as by,Divider as ps,Image as Iy,Tooltip as us,Typography as gr}from"@rango-dev/ui";import $ from"react";import{useEffect as wy,useState as _o}from"react";var Yu=480,Ju=768,Zu=1024,Ru=1200,xy=i(()=>{let[t,e]=_o(!1),[o,n]=_o(!1),[r,s]=_o(!1),[a,l]=_o(!1),[p,u]=_o(!1),c=i(()=>{e(window.innerWidth<=Yu),n(window.innerWidth>Yu&&window.innerWidth<=Ju),s(window.innerWidth>Ju&&window.innerWidth<=Zu),l(window.innerWidth>Zu&&window.innerWidth<=Ru),u(window.innerWidth>Ru)},"handleResize");return wy(()=>(c(),window.addEventListener("resize",c),()=>window.removeEventListener("resize",c)),[]),{isMobile:t,isTablet:o,isNotebook:r,isLargeScreen:a,isExtraLargeScreen:p}},"useScreenDetect"),fr=xy;var hr=4,yr=6,Do=i(t=>{let e=N(),{content:o,src:n,className:r,open:s,state:a}=t;return $.createElement(us,{container:e,side:"bottom",sideOffset:4,open:s,content:o},$.createElement($u,{className:r,state:a},$.createElement(Iy,{src:n,size:16})))},"ImageComponent");function tc(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:s,type:a}=t,l=N(),p=r.length,u=Ql(r),{isTablet:c,isMobile:h}=fr();return $.createElement(Pu,{listItem:a==="list-item",ref:m=>e.current=m,selected:o,onClick:m=>{m.stopPropagation(),n(d=>!d)}},$.createElement("div",{className:mo()},$.createElement(gr,{variant:"body",size:"xsmall"},ec.t("Via:")),$.createElement(ps,{direction:"horizontal",size:4}),r.map((m,d)=>{let C=`item-${d}`,S=$.createElement(is,null,$.createElement(by,{size:12,color:"black"}));return h||c?$.createElement($.Fragment,null,$.createElement(Do,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),d!==p-1&&$.createElement($.Fragment,null,S)):$.createElement($.Fragment,{key:C},p<=hr||p>hr&&d<hr-1?$.createElement($.Fragment,null,$.createElement(Do,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),d!==p-1&&$.createElement($.Fragment,null,S)):d===hr-1&&$.createElement(us,{container:l,side:"bottom",align:"right",sideOffset:4,content:$.createElement("div",{className:mo()},S,r.map((y,f)=>{let b=`image-${f}`;return f>=d&&$.createElement($.Fragment,{key:b},$.createElement(Do,{content:y.swapper.displayName,src:y.swapper.image,state:y.state,open:!1}),f!==p-1&&$.createElement($.Fragment,null,S))}))},$.createElement(as,{state:r.find((y,f)=>f>=d&&(y.state==="error"||y.state==="warning"))?.state},$.createElement(gr,{size:"xsmall",variant:"body"},"+",p-d))))})),$.createElement("div",{className:mo()},$.createElement("div",{className:"blockchains_section"},$.createElement("div",{className:mo()},$.createElement(gr,{variant:"body",size:"xsmall"},ec.t("Chains:")),$.createElement(ps,{direction:"horizontal",size:4}),u.map((m,d)=>$.createElement($.Fragment,null,u.length<=yr||u.length>yr&&d<yr-1?$.createElement(Do,{key:m.displayName,content:"",src:m.image,open:!1,className:d!==0?"blockchainImage":""}):d===yr-1&&$.createElement(us,{container:l,side:"bottom",align:"right",sideOffset:4,content:$.createElement("div",{className:mo()},u.map((C,S)=>S>=d&&$.createElement(Do,{key:C.displayName,content:"",src:C.image,open:!1,className:S>d?"blockchainImage":""})))},$.createElement(as,{className:"blockchainImage"},$.createElement(gr,{size:"xsmall",variant:"body"},"+",u.length-d))))),$.createElement(ps,{direction:"horizontal",size:32}))),$.createElement(is,{orientation:s?"up":"down"},$.createElement(vy,{size:12,color:"black"}))))}i(tc,"QuoteTrigger");function ms(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,selected:l=!1,tagHidden:p=!0,showModalFee:u=!0,onClickAllRoutes:c,fullExpandedMode:h=!1}=t,m=g().blockchains(),d=g().tokens(),C=g().swappers(),[S,y]=Py(t.expanded),f=By(null),b=W(o.value,6,6),k=W(n.value,6,6),w=n.usdValue?W(n.usdValue,4,4):"",E=Ke(o.usdValue,n.usdValue??null),I=W(E,2,2),T=St(E??0),A=i(V=>V.map((v,j)=>{let H,G=r?.type===3&&r.swap.swapperId===v.swapperId||r?.type===4&&r.recommendedSlippages?.has(j),Ce=s?.type===2&&s.recommendedSlippages?.has(j);G?H="error":Ce&&(H="warning");let de=G?Fo.t("Slippage Error"):Fo.t("Slippage Warning");return r?.type===3&&(de=r?.recommendation),{swapper:{displayName:bo(v.swapperId,C),image:v.swapperLogo},from:{token:{displayName:v.from.symbol,image:v.from.logo},chain:{displayName:Xe(v.from.blockchain,m),image:v.from.blockchainLogo},price:{value:j===0?W(o.value,6,6):W(v.fromAmount,6,6),usdValue:W((v.from.usdPrice??0)*parseFloat(v.fromAmount),4,4),realValue:se(j===0?o.value:v.fromAmount),realUsdValue:se(new cs(v.from.usdPrice??0).multipliedBy(v.fromAmount))}},to:{token:{displayName:v.to.symbol,image:v.to.logo},chain:{displayName:Xe(v.to.blockchain,m),image:v.to.blockchainLogo},price:{value:W(v.toAmount,6,6),usdValue:W((v.to.usdPrice??0)*parseFloat(v.toAmount),4,4),realValue:se(v.toAmount),realUsdValue:se(new cs(v.to.usdPrice??0).multipliedBy(v.toAmount))}},state:H,alerts:G||Ce?B.createElement(vu,null,B.createElement(Ay,{variant:"alarm",type:G?"error":"warning",title:de,footer:B.createElement(bu,null,r?.type===3&&B.createElement(B.Fragment,null,B.createElement(fo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),B.createElement(Oo,{direction:"horizontal",size:8}),B.createElement(fo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),B.createElement(Oo,{direction:"horizontal",size:8}),B.createElement(fo,{size:"xsmall",variant:"body",color:"neutral900"},Fo.t({id:"Yours: {amount} {symbol}",values:{amount:W(v.fromAmount,6,6),symbol:v?.from.symbol}}))),(r?.type===4||s?.type===2)&&B.createElement(fo,{size:"xsmall",variant:"body",color:"neutral900"},Fo.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(j)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(j)}}})))})):void 0}}),"getQuoteSteps")(e?.swaps??[]),L=A.length,M=N(),U=Gl(t.quote.tags||[]),ee=!!c,ge=ln(pn(e?.swaps)),_=Ln(e?.swaps??[],d),te=W(_,2,2);return h?B.createElement(Ey,{selected:l,fee:te,time:ge,tooltipContainer:kn(),steps:A,tags:U,percentageChange:I,warningLevel:T,outputPrice:{value:k,usdValue:w,realValue:se(n.value),realUsdValue:se(n.usdValue)}}):B.createElement(Lu,{selected:l,listItem:a==="list-item",basic:a==="basic"},B.createElement("div",{className:Mu()},!p&&U.length?B.createElement(B.Fragment,null,B.createElement(Uu,null,U.map((V,v)=>{let j=`${V.value}_${v}`;return B.createElement(B.Fragment,null,B.createElement(Ly,{label:V.label,key:j,value:V.value}),B.createElement(Oo,{size:4,direction:"horizontal"}))})),B.createElement(pr,null),!ee&&B.createElement(Oo,{size:4})):null,B.createElement("div",{id:"portal-root",className:Nu()},B.createElement(Gu,{quote:e,time:ge,fee:te,feeWarning:_.gte(new cs(yl)),showModalFee:u,steps:L}),ee&&B.createElement(Wu,{onClick:V=>{V.stopPropagation(),c()},size:"xxsmall",type:"secondary",variant:"default"},B.createElement(fo,{color:"secondary",variant:"label",size:"medium"},Fo.t("See All Routes")))),a==="basic"&&B.createElement("div",{className:Bu()},B.createElement(Fu,null,B.createElement(Wy,{size:12,color:"gray"})),B.createElement(Ou,null,B.createElement(ss,{size:"small",variant:"body"},`${b} ${A[0].from.token.displayName} = `),B.createElement(oc,{content:se(n.value),container:M,open:n.value?void 0:!1},B.createElement(ss,{size:"small",variant:"body"},"\xA0",`${k} ${A[A.length-1].to.token.displayName}`))),B.createElement(oc,{content:se(n.usdValue),container:M,style:{display:"flex"}},B.createElement(fo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${w})`))),a==="list-item"&&B.createElement(Ny,{tooltipContainer:M,type:"output",direction:"vertical",price:{value:k,usdValue:w,realValue:se(n.value),realUsdValue:se(n.usdValue)},token:{displayName:A[L-1].to.token.displayName,image:A[L-1].to.token.image},chain:{image:A[L-1].to.chain.image},percentageChange:I,warningLevel:T}),a==="swap-preview"&&B.createElement(B.Fragment,null,B.createElement($o,{from:A[0].from,to:A[L-1].to,percentageChange:I,warningLevel:T}),B.createElement(Oo,{size:4}))),B.createElement(Au,{selected:l,listItem:a==="list-item",open:S,onOpenChange:y},B.createElement(tc,{type:a,quoteRef:f,selected:l,setExpanded:y,expanded:S,steps:A}),B.createElement(_u,{open:S},B.createElement(Du,null),B.createElement("div",{className:Eu()},A.map((V,v)=>{let j=`item-${v}`;return B.createElement(My,{type:"quote-details",key:j,tooltipContainer:M,step:V,hasSeparator:v!==A.length-1,state:V.state})})))))}i(ms,"Quote");import{Divider as Fy,Skeleton as Oy}from"@rango-dev/ui";import kt from"react";import{darkTheme as $y,styled as Sr}from"@rango-dev/ui";var nc=Sr("div",{$$color:"$colors$neutral100",[`.${$y} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),rc=Sr("div",{paddingTop:"$2"}),ic=Sr("div",{paddingLeft:"$8"}),sc=Sr("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as hc,Divider as dt,Skeleton as He}from"@rango-dev/ui";import O from"react";import{css as _y,styled as Tt}from"@rango-dev/ui";var ds=Tt("div",{display:"flex"}),ac=Tt("div",{padding:"$10 $0 $20"}),lc=Tt("div",{padding:"$12 $0 $20 $0",display:"flex",flexDirection:"column"}),pc=Tt("div",{display:"flex",justifyContent:"start",alignItems:"center"}),uc=Tt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),cc=Tt("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),mc=Tt("div",{width:"65%",display:"flex",justifyContent:"start"}),dc=Tt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),fc=Tt("div",{padding:"$15 $0 $15 $0"}),gc=_y({display:"flex",justifyContent:"space-between",alignItems:"center"});function Uo(t){let{type:e,tagHidden:o=!0}=t,n=O.createElement(uc,null,O.createElement(mc,null,O.createElement(hc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),O.createElement(dt,{size:8,direction:"horizontal"}),O.createElement(dc,null,O.createElement(He,{height:10,width:60,variant:"rounded"}),O.createElement(dt,{size:4}),O.createElement(He,{height:15,variant:"rounded"}))),O.createElement(He,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return O.createElement("div",null,!o&&O.createElement(O.Fragment,null,O.createElement(ds,null,O.createElement(He,{width:65,height:14,variant:"rounded"}),O.createElement(dt,{size:4,direction:"horizontal"}),O.createElement(He,{width:65,height:14,variant:"rounded"}),O.createElement(dt,{size:4,direction:"horizontal"}),O.createElement(He,{width:65,height:14,variant:"rounded"})),O.createElement(pr,null),!r&&O.createElement(dt,{size:4})),O.createElement("div",{className:gc()},O.createElement(ds,null,O.createElement(He,{width:60,height:10,variant:"rounded"}),O.createElement(dt,{size:4,direction:"horizontal"}),O.createElement(He,{width:60,height:10,variant:"rounded"}),O.createElement(dt,{size:4,direction:"horizontal"}),O.createElement(He,{width:60,height:10,variant:"rounded"})),r&&O.createElement(He,{width:100,height:22,variant:"rounded"})),e==="basic"&&O.createElement(ac,null,O.createElement(He,{height:15,width:148,variant:"rounded"})),e==="list-item"&&O.createElement(lc,null,O.createElement(pc,null,O.createElement(hc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),O.createElement(dt,{direction:"horizontal",size:4}),O.createElement(He,{height:15,width:150,variant:"rounded"})),O.createElement(dt,{size:10}),O.createElement(He,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&O.createElement(O.Fragment,null,O.createElement(dt,{size:4}),O.createElement(fc,null,n,O.createElement(cc,null),n)))}i(Uo,"QuoteSummarySkeleton");import{ChainToken as kc,Divider as gs,NextIcon as Dy,Skeleton as Cr}from"@rango-dev/ui";import Se from"react";import{styled as qo}from"@rango-dev/ui";var yc=qo("div",{display:"flex",alignItems:"start"}),Sc=qo("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),fs=qo("div",{display:"flex",alignItems:"center",flexGrow:1}),Cc=qo("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Tc=qo("div",{display:"flex",alignItems:"center"});function ft(t){let{separator:e=!0}=t;return Se.createElement(Se.Fragment,null,Se.createElement(Tc,null,Se.createElement(Cr,{height:22,width:22,variant:"circular"}),Se.createElement(gs,{direction:"horizontal",size:8}),Se.createElement(Cr,{height:15,width:148,variant:"rounded"})),Se.createElement(yc,null,Se.createElement(sc,{hideSeparator:!e}),Se.createElement(Sc,null,Se.createElement(fs,null,Se.createElement(kc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Se.createElement(gs,{direction:"horizontal",size:8}),Se.createElement(Cr,{height:12,variant:"rounded"})),Se.createElement(Cc,null,Se.createElement(Dy,{color:"gray",size:16})),Se.createElement(fs,null,Se.createElement(kc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Se.createElement(gs,{direction:"horizontal",size:8}),Se.createElement(Cr,{height:12,variant:"rounded"})))))}i(ft,"StepSkeleton");function zo(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return kt.createElement(nc,{rounded:e!=="basic"},kt.createElement(Uo,{type:e,tagHidden:n}),kt.createElement(rc,null,kt.createElement(Oy,{height:15,variant:"rounded"})),o&&kt.createElement(ic,null,kt.createElement(Fy,{size:20}),kt.createElement(ft,null),kt.createElement(ft,null),kt.createElement(ft,{separator:!1})))}i(zo,"QuoteSkeleton");function Yt(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1,tagHidden:l,onClick:p,showModalFee:u,selected:c,onClickAllRoutes:h,fullExpandedMode:m=!1}=t,{inputAmount:d,inputUsdValue:C,toToken:S}=z(),y=e?.outputAmount?new Uy(e?.outputAmount):null,f=e?.outputAmount?Nn(e?.outputAmount,Bn(e)||S?.usdPrice):null,k=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?Tr.createElement(rs,null,Tr.createElement(zo,{tagHidden:l,type:o,expanded:a})):k?Tr.createElement(rs,{onClick:()=>p?.(e)},Tr.createElement(ms,{quote:e,error:r,showModalFee:u,warning:s,tagHidden:l,selected:c,type:o,expanded:a,onClickAllRoutes:h,fullExpandedMode:m,input:{value:d,usdValue:C?.toString()??""},output:{value:y?.toString()??"",usdValue:f?.toString()??""}})):null}i(Yt,"QuoteInfo");import{calculatePendingSwap as Qy}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Hy}from"react";import{useRef as qy,useState as zy}from"react";function kr({request:t}){let[e,o]=zy(!1),n=qy(null),r=i(()=>n.current?.abort(),"cancelFetch");return{fetch:i(async a=>{r(),n.current=new AbortController,o(!0);try{let l=await t(a,{signal:n.current.signal});return n.current=null,l}catch(l){throw l}finally{o(!1)}},"fetch"),loading:e,cancelFetch:r}}i(kr,"useFetch");function wc(){let{fetch:t,loading:e,cancelFetch:o}=kr({request:async(n,r)=>await Et().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(wc,"useFetchConfirmQuote");function wr(t){if(!t.swaps)throw new Error(Y().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=hs(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(wr,"throwErrorIfResponseIsNotValid");function hs(t){if(kl(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=wl(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}}}let o=Il(t);if(o){let n=Mn(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(hs,"getQuoteError");function xc(t,e,o){let n=!1;t&&(n=ql(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=to(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(Nl(t,e)?r.quoteUpdate={type:3,newOutputAmount:W(eo(e)),percentageChange:W(Ke(eo(t)??"",eo(e)??""),null,2)}:Si(t,e)?r.quoteUpdate={type:0}:Ci(t,e)?r.quoteUpdate={type:1}:Ti(t,e)&&(r.quoteUpdate={type:2}));let a=Bl(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(xc,"generateWarnings");function xr(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}i(xr,"handleQuoteErrors");function ys(){let{fromToken:t,toToken:e,inputAmount:o,setSelectedQuote:n,selectedQuote:r,customDestination:s,setQuoteWarningsConfirmed:a,resetAlerts:l}=z(),{slippage:p,customSlippage:u}=g(),c=g().getDisabledLiquiditySources(),h=g().blockchains(),m=g().tokens(),d=u||p,{fetch:C,cancelFetch:S,loading:y}=wc();return Hy(()=>S,[]),{loading:y,fetch:i(async b=>{let k=b.selectedWallets,w=b?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let E=k.reduce((T,x)=>(T[x.chain]=x.address,T),{}),I={requestId:r?.requestId||"",selectedWallets:E,destination:w||void 0};try{return await C(I).then(T=>{let{result:x}=T;wr({diagnosisMessages:x.diagnosisMessages,requestId:x.requestId,swaps:x.result?.swaps});let A={outputAmount:x.result?.outputAmount,requestId:x.requestId,resultType:x.result?.resultType,swaps:x.result?.swaps||[],validationStatus:x.validationStatus,requestAmount:x.requestAmount};n(A);let L={slippage:d.toString(),disabledSwappersGroups:c},M=Qy(o.toString(),x,Ll(k),L,!1,{blockchains:h,tokens:m}),U=xc(r??void 0,A,{fromToken:t,toToken:e,meta:{blockchains:h,tokens:m},selectedWallets:k,userSlippage:d});return U.quoteUpdate&&a(!1),l(),{quote:A,swap:M,error:null,warnings:U}})}catch(T){return xr(T)}},"fetch"),cancelFetch:S}}i(ys,"useConfirmSwap");var nS=Xy("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${bc}`]:{width:"$48",height:"$48"}}),rS=Cs({flexGrow:1,paddingRight:"$10"}),iS=Cs({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),sS=Cs({display:"flex",justifyContent:"space-between",alignItems:"center"});function Ic(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=z(),l=oS(),p=tS(),[u,c]=br(""),{connectedWallets:h}=K(),m=!n,[d,C]=br(!1),{isActiveTab:S}=oe(),y=g().getDisabledLiquiditySources(),f=Ry(y),{manager:b}=Gy(),{fetch:k,loading:w,cancelFetch:E}=ys(),[I,T]=br({swap:null,error:null,warnings:null}),[x,A]=br(!1),L=i(async({selectedWallets:v,customDestination:j})=>{let H=await k?.({selectedWallets:v,customDestination:j});return T(H),H},"onConfirmSwap"),M=i(async()=>{if(I.swap&&n)try{await b?.create("swap",{swapDetails:I.swap},{id:I.swap.requestId});let v=`../${D.swaps}/${I.swap.requestId}`;l(v,{replace:!0}),setTimeout(()=>{e("")},0)}catch(v){c("Error: "+v?.message)}},"addNewSwap"),U=i(async()=>{await M()},"onConfirm"),ee=i(async()=>{I?.warnings?.quote&&!a?A(!0):await U()},"onStartConfirmSwap"),ge=i(async()=>{T({error:null,swap:null,warnings:null}),k({selectedWallets:o,customDestination:s}).then(v=>{T(v)}).catch(v=>console.error(v))},"onRefresh");Qo(()=>{!!f.current.length&&!y.length&&ge(),f.current=y},[y.length]),Qo(()=>{m&&E()},[m]),Qo(()=>{m&&C(m)},[m]),Qo(()=>{m||k({selectedWallets:o,customDestination:s}).then(v=>T(v)).catch(v=>console.error(v))},[]),Qo(()=>{let v=I.warnings?.quote?.type&&Object.values(Lt).includes(I.warnings?.quote?.type),j=o.length<1||!o.every(G=>h.find(Ce=>G.address===Ce.address&&G.walletType===Ce.walletType&&G.chain===Ce.chain)),H=!1;if(v){let G=In(t?.swaps||null),Ce=t?.swaps[t.swaps.length-1].to.blockchain;!!t?.swaps.find(ht=>ht.from.blockchain===Ce)||(G=G.slice(-G.length,G.length-1)),G.every(ht=>o.find(Q=>Q.chain===ht))||(H=!0)}t&&(j||H)&&(queueMicrotask(()=>eS(C.bind(null,!0))),r(!1))},[I.warnings?.quote,o.length,h.length]),Zy(()=>{t||l(`../${p.search}`)},[]);let _=I.warnings?.quote??null,te=I.error,V=[];if(u&&V.push(ue.createElement(vc,{type:"error",variant:"alarm",title:u})),I.warnings?.quoteUpdate&&V.push(ue.createElement(vc,{variant:"alarm",type:"warning",title:I.warnings.quoteUpdate&&Dn(I.warnings.quoteUpdate)})),_||te){let v=`../${D.settings}`;V.push(ue.createElement(Bo,{warning:_,error:te,refetchQuote:ge,showWarningModal:x,confirmationDisabled:!S,onOpenWarningModal:()=>A(!0),onCloseWarningModal:()=>A(!1),onConfirmWarningModal:async()=>{A(!1),await M()},onChangeSettings:()=>l(v)}))}return ue.createElement(ie,{header:{title:vr.t("Confirm Swap"),onWallet:()=>{let v=`../${D.wallets}`;l(v)},suffix:ue.createElement(Ky,{container:N(),side:"bottom",content:vr.t("Settings")},ue.createElement(Je,{size:"small",variant:"ghost",onClick:()=>l("../"+D.settings)},ue.createElement(jy,{size:18,color:"black"})))},footer:ue.createElement(nS,null,ue.createElement("div",{className:rS()},ue.createElement(Vy,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:w,disabled:!!I.error||!S,onClick:ee},vr.t("Start Swap"))),ue.createElement(bc,{variant:"contained",type:"primary",size:"large",loading:w,onClick:C.bind(null,!0)},ue.createElement(Jy,{size:24})))},d&&ue.createElement(iu,{open:d,onClose:()=>C(!1),onCancel:E,loading:w,onCheckBalance:L}),ue.createElement(le,null,ue.createElement("div",{className:sS()},ue.createElement(Yy,{variant:"title",size:"small"},vr.t("You get")),ue.createElement("div",{className:iS()},ue.createElement(Jn,{onClick:!w&&!d&&!x?ge:void 0}))),ue.createElement(Ss,{size:"12"}),cp(V,ue.createElement(Ss,{size:10})),V.length>0?ue.createElement(Ss,{size:10}):null,ue.createElement(Yt,{quote:t,type:"swap-preview",expanded:!0,selected:!0,tagHidden:!0,error:I.error,loading:w,warning:I.warnings?.quote??null})))}i(Ic,"ConfirmSwapPage");import{i18n as Ar}from"@lingui/core";import{useManager as wS}from"@rango-dev/queue-manager-react";import{Divider as Dc,NotFound as xS,styled as vS}from"@rango-dev/ui";import xt,{useState as bS}from"react";import{useNavigate as IS}from"react-router-dom";import{i18n as pS}from"@lingui/core";import{Divider as Mc,GroupedVirtualizedList as uS,Skeleton as cS,SwapListItem as Nc,Typography as mS}from"@rango-dev/ui";import $e,{useCallback as Bc,useEffect as dS,useRef as fS,useState as gS}from"react";function Ac(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(Ac,"calculateGroupsSoFar");import{css as aS,darkTheme as lS,styled as Ho}from"@rango-dev/ui";var Ts=aS(),Ec=Ho("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),ks=Ho("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${Ts}`]:{$$color:"$colors$neutral600",[`.${lS} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ws=Ho("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Wc=Ho("div",{gap:"$10",display:"flex",flexDirection:"column"}),Lc=Ho("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var hS=10;function xs(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=gS([]),l=fS(0),{swaps:p,groupCounts:u,groups:c}=n(e),h=Bc(Ac,[]),m=Bc(()=>{let d=e.length-l.current;d&&(l.current+=Math.min(d,hS),a(h(u,l.current)))},[e.length]);if(dS(()=>{r||m()},[r,m]),r){let d=[1,2];return $e.createElement($e.Fragment,null,[d,d].map((S,y)=>$e.createElement(ks,{key:y},$e.createElement(ws,null,$e.createElement(cS,{variant:"text",width:60,size:"small"}),$e.createElement(Mc,{size:16})),$e.createElement(Mc,{size:4}),$e.createElement(Wc,null,S.map((b,k)=>$e.createElement(Nc,{isLoading:!0,key:k}))))))}return $e.createElement(uS,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:d=>$e.createElement(ks,null,$e.createElement(ws,null,$e.createElement(mS,{variant:"label",size:"medium",className:Ts()},c[d]))),itemContent:(d,C)=>{let S=p[d];if(!S)return null;let y=S.steps[0],f=S.steps[S.steps.length-1];return $e.createElement(Ec,{key:S.requestId},$e.createElement(Nc,{requestId:S.requestId,creationTime:S.creationTime,status:S.status,onClick:o,tooltipContainer:N(),onlyShowTime:c[C]===pS.t("Today"),swapTokenData:{from:{token:{image:y.fromLogo,displayName:y.fromSymbol},blockchain:{image:y.fromBlockchainLogo||""},amount:W(S.inputAmount,6,6),realAmount:se(S.inputAmount)},to:{token:{image:f.toLogo,displayName:f.toSymbol},blockchain:{image:f.toBlockchainLogo||""},amount:W(f.outputAmount||f.expectedOutputAmountHumanReadable||"",6,6),realAmount:se(f.outputAmount||f.expectedOutputAmountHumanReadable)}}}))}})}i(xs,"HistoryGroupedList");import{CloseIcon as SS,IconButton as CS,SearchIcon as TS,TextField as kS}from"@rango-dev/ui";import Go from"react";import{styled as yS}from"@rango-dev/ui";var Pc=yS("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function wt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Go.createElement(kS,{prefix:Go.createElement(Pc,null,Go.createElement(TS,{color:"black"})),suffix:!!a.length&&Go.createElement(CS,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Go.createElement(SS,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...p})}i(wt,"SearchInput");import{i18n as Ir}from"@lingui/core";import $c from"dayjs";var _c=i(t=>{let e=new Map([["today",{title:Ir.t("Today"),swaps:[]}],["week",{title:Ir.t("This week"),swaps:[]}],["month",{title:Ir.t("This month"),swaps:[]}],["year",{title:Ir.t("This year"),swaps:[]}]]);function o(p,u){e.has(p)||e.set(p,{title:p,swaps:[]}),e.get(p)?.swaps.push(u)}i(o,"addYearsToOutput");let n=$c();t.forEach(p=>{let u=Number(p.creationTime),c=$c(u);if(n.isSame(c,"day"))e.get("today")?.swaps.push(p);else if(n.isSame(c,"week"))e.get("week")?.swaps.push(p);else if(n.isSame(c,"month"))e.get("month")?.swaps.push(p);else if(n.isSame(c,"year"))e.get("year")?.swaps.push(p);else{let h=new Date(u).getFullYear().toString();o(h,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 AS=vS("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),ES=i((t,e)=>t?.length?t.filter(o=>at(o.fromBlockchain,e)||at(o.toBlockchain,e)||at(o.toSymbol,e)||at(o.fromSymbol,e)).length:!1,"isStepContainsText");function Fc(){let t=IS(),{manager:e,state:o}=wS(),n=ct(e).map(({swap:c})=>c),[r,s]=bS(""),a=!o.loadedFromPersistor,l=i(c=>{let h=c.target.value;s(h)},"searchHandler"),p=n;r&&(p=n.filter(c=>at(c.inputAmount,r)||at(c.status,r)||ES(c.steps,r)||at(c.requestId,r)));let u=!p?.length&&!a;return xt.createElement(ie,{header:{title:Ar.t("History")}},xt.createElement(le,null,xt.createElement(wt,{setValue:s,fullWidth:!0,variant:"contained",placeholder:Ar.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),xt.createElement(Dc,{size:"16"}),xt.createElement(AS,null,u&&xt.createElement(Lc,null,xt.createElement(Dc,{size:32}),xt.createElement(xS,{title:Ar.t("No results found"),description:r?Ar.t("Try using different keywords"):""})),!u&&xt.createElement(xs,{list:p,onSwapClick:t,groupBy:_c,isLoading:a}))))}i(Fc,"HistoryPage");import{i18n as jS}from"@lingui/core";import{Button as XS,Divider as em,styled as KS,WarningIcon as YS}from"@rango-dev/ui";import Oe,{useEffect as tm,useState as om}from"react";import{useNavigate as JS}from"react-router-dom";import{i18n as $S}from"@lingui/core";import{Header as _S}from"@rango-dev/ui";import _t,{useEffect as DS,useState as FS}from"react";import{i18n as LS}from"@lingui/core";import{Divider as bs,FullExpandedQuote as MS,Typography as NS}from"@rango-dev/ui";import ce from"react";import{styled as vs}from"@rango-dev/ui";var Oc=vs("div",{display:"flex",justifyContent:"center",flexDirection:"column",height:"100%"}),Uc=vs("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),qc=vs("div",{width:"146px"});import{Select as WS}from"@rango-dev/ui";import zc from"react";function Er(t){let{updateQuotePartialState:e,sortStrategy:o}=z();return zc.createElement(qc,null,zc.createElement(WS,{container:t.container,options:mi,value:mi.find(n=>n.value===o),handleItemClick:n=>{e("sortStrategy",n.value)}}))}i(Er,"SelectStrategy");var BS=3;function Vo(t){let{loading:e,onClickOnQuote:o,fetch:n,showModalFee:r,hasSort:s=!0,fullExpandedMode:a=!1}=t,{selectedQuote:l,quotes:p,updateQuotePartialState:u,fromToken:c,toToken:h,sortStrategy:m,error:d}=z(),{slippage:C,customSlippage:S}=g(),y=g().tokens(),f=!!p&&p.results.length,b=S??C,k=i(I=>{if(!c||!h||!p)return null;let T={requestAmount:p.requestAmount,...I};return to(T,{fromToken:c,toToken:h,userSlippage:b,tokens:y})},"getQuoteWarning"),w=d?.type===0||d?.type===1,E=p?.results?Pn(m,p?.results):[];return ce.createElement(ce.Fragment,null,e&&Array.from({length:BS},(I,T)=>ce.createElement(ce.Fragment,{key:T},a?ce.createElement(MS,{loading:!0}):ce.createElement(zo,{tagHidden:!1,type:"list-item",expanded:!1}),ce.createElement(bs,{size:16}))),!e&&ce.createElement(ce.Fragment,null,s&&ce.createElement(ce.Fragment,null,ce.createElement(Uc,null,ce.createElement(NS,{size:"xmedium",variant:"title"},LS.t("Sort by")),ce.createElement(Er,{container:N()})),ce.createElement(bs,{size:"10"})),f?E.map(I=>{let T=k(I),x=hs(I.swaps);return ce.createElement(ce.Fragment,{key:I.requestId},ce.createElement(Yt,{showModalFee:r,selected:l?.requestId===I.requestId,tagHidden:!1,quote:{...I,requestAmount:p.requestAmount},loading:e,error:x?.options||null,warning:T,fullExpandedMode:a,onClick:A=>{x||u("warning",T),u("error",x?.options||null),o(A)},type:"list-item"}),ce.createElement(bs,{size:16}))}):w&&ce.createElement(Oc,null,ce.createElement(Mo,{size:a?"large":"small",error:d,fetch:n}))))}i(Vo,"Quotes");import{darkTheme as PS,styled as Qc}from"@rango-dev/ui";var Hc=Qc("div",{transition:"width 0.2s, opacity 0.2s, margin-left 0.2s",height:"700px",width:"390px",opacity:1,marginLeft:"$16",backgroundColor:"$neutral100",[`.${PS} &`]:{backgroundColor:"$neutral300"},variants:{expandMode:{default:{width:"390px"},full:{width:"719px"}}},"&.is-hidden":{width:0,opacity:0,marginLeft:0}}),Gc=Qc("div",{position:"relative",overflow:"hidden",padding:"$20",flexGrow:1,display:"flex",flexDirection:"column",overflowY:"auto",borderRadius:"$primary",backgroundColor:"$background"});var OS=100;function Is(t){let{fetch:e,loading:o,onClickOnQuote:n,onClickRefresh:r,isVisible:s}=t,[a,l]=FS(!1),p=a?"":"is-hidden",{config:u}=g(),c=u?.variant==="full-expanded";return DS(()=>{let h=null;return s?h=setTimeout(()=>{l(!0)},OS):(l(!1),h&&clearTimeout(h)),()=>{h&&clearTimeout(h)}},[s]),_t.createElement(Hc,{expandMode:u?.variant==="full-expanded"?"full":"default",className:`${p} ${er()}`,id:ke.EXPANDED_BOX_ID},_t.createElement(_S,{title:$S.t("Routes"),suffix:_t.createElement(_t.Fragment,null,_t.createElement(Er,{container:kn()}),_t.createElement(Gt,{onClickRefresh:r,hidden:["history","notifications","settings"]}))}),_t.createElement(Gc,null,_t.createElement(Vo,{showModalFee:!1,fetch:e,hasSort:!1,loading:o,onClickOnQuote:n,fullExpandedMode:c})))}i(Is,"ExpandedQuotes");import{i18n as Jc}from"@lingui/core";import{SwapInput as Zc}from"@rango-dev/ui";import jo from"react";import{ReverseIcon as US,styled as Vc}from"@rango-dev/ui";import As from"react";var qS=Vc("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),zS=Vc("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&:hover":{color:"$secondary500"}});function jc(){let t=z.use.switchFromAndTo();return As.createElement(qS,null,As.createElement(zS,{onClick:()=>{t()}},As.createElement(US,{size:12})))}i(jc,"SwitchFromAndToButton");import{styled as Xc}from"@rango-dev/ui";var Kc=Xc("div",{display:"flex",flexDirection:"column",gap:"$5",alignSelf:"stretch"}),Yc=Xc("div",{position:"relative"});function Es(t){let{fetchingQuote:e,fetchMetaStatus:o,onClickToken:n}=t,{fromToken:r,fromBlockchain:s,toToken:a,toBlockchain:l,setInputAmount:p,inputAmount:u,inputUsdValue:c,outputAmount:h,outputUsdValue:m,selectedQuote:d}=z(),{connectedWallets:C,getBalanceFor:S}=K(),y=r?S(r):null,f=gn(y)?.amount??"0",b=s&&r?W(y?.amount,y?.decimals):"0",k=!!s&&qa(C,s.name),w=!hi(d,u,c),E=!hi(d,u,m),I=!c||!m||!m.gt(0)?null:Ke(c.toString(),m.toString());return jo.createElement(Kc,null,jo.createElement(Yc,null,jo.createElement(Zc,{label:Jc.t("From"),mode:"From",onInputChange:p,balance:f,chain:{displayName:s?.displayName||"",image:s?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>n("from"),price:{value:u,usdValue:w?void 0:W(c,4,4),realUsdValue:w?void 0:se(c),error:w?Y().unknownPriceError.impactTitle:void 0},disabled:o==="failed",loading:o==="loading",loadingBalance:k,tooltipContainer:N(),onSelectMaxBalance:()=>{f!=="0"&&p(b.split(",").join(""))}}),jo.createElement(jc,null)),jo.createElement(Zc,{sharpBottomStyle:!!d||e,label:Jc.t("To"),mode:"To",fetchingQuote:e,chain:{displayName:l?.displayName||"",image:l?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:W(Ke(c,m),2,2),warningLevel:St(I??0),price:{value:W(h,6,6),usdValue:E?void 0:W(m,4,4),realValue:se(h),realUsdValue:E?void 0:se(m),error:E?Y().unknownPriceError.impactTitle:void 0},onClickToken:()=>n("to"),disabled:o==="failed",loading:o==="loading",tooltipContainer:N()}))}i(Es,"Inputs");import{useCallback as QS,useEffect as HS,useState as GS}from"react";function Rc(){let{fetch:t,loading:e,cancelFetch:o}=kr({request:async(n,r)=>await Et().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(Rc,"useFetchAllQuotes");var VS=600;function Wr({refetchQuote:t}){let{fetch:e,cancelFetch:o}=Rc(),{enableNewLiquiditySources:n,features:r}=g().config,s=K.use.connectedWallets(),a=g().tokens(),{fromToken:l,toToken:p,inputAmount:u,inputUsdValue:c,selectedQuote:h,sortStrategy:m,resetQuote:d,error:C,warning:S,setSelectedQuote:y,updateQuotePartialState:f}=z(),{slippage:b,customSlippage:k,affiliatePercent:w,affiliateRef:E,affiliateWallets:I,fetchStatus:T}=g(),x=g().getLiquiditySources(),A=g().getDisabledLiquiditySources(),L=g().excludeLiquiditySources(),[M,U]=GS(!0),ee=k??b,_=!l||!p||Me(l,p)||!ko(u),te=i(j=>{U(j)},"resetState"),V=i(j=>{let{fromToken:H,toToken:G,inputAmount:Ce,liquiditySources:de,excludeLiquiditySources:Ie,disabledLiquiditySources:ht,slippage:Q,affiliateRef:J,affiliatePercent:R,affiliateWallets:Ae}=j;if(M||te(!0),!_&&H&&G){d();let Ve=Wl({fromToken:H,toToken:G,inputAmount:Ce,liquiditySources:de,excludeLiquiditySources:Ie,disabledLiquiditySources:ht,wallets:s,slippage:Q,affiliateRef:J,affiliatePercent:R,affiliateWallets:Ae});Ra("experimentalRoute",r)&&(Ve.experimental=!0),e(Ve).then(Te=>{let De=Pn(m,Te.results),he=Hl(h,De,Te.requestAmount);U(!1),f("quotes",Te),y(he),wr({diagnosisMessages:Te.diagnosisMessages,requestId:he?.requestId||"",swaps:he?.swaps});let st=he&&to(he,{fromToken:H,toToken:G,userSlippage:ee,tokens:a});f("warning",st)}).catch(Te=>{let{error:De}=xr(Te);(De?.type===0||De?.type===1)&&d(),De?.type!==2&&(f("error",De),U(!1))})}},"fetch"),v=QS(Ja(j=>{_||V(j)},VS),[_]);return HS(()=>{if(!t){U(!1);return}if(T==="success"){if(_){U(!1),(h||C||S)&&d();return}if(!ko(u)||c?.eq(0)){te(!1),o();return}return d(),te(!0),v({inputAmount:u,fromToken:l,toToken:p,liquiditySources:x,excludeLiquiditySources:L,disabledLiquiditySources:A,slippage:ee,affiliateRef:E,affiliatePercent:w,affiliateWallets:I}),o}},[T,u,l?.symbol,l?.address,l?.blockchain,p?.symbol,p?.address,p?.blockchain,_,x?.length,n,A.length,ee,E,w,JSON.stringify(I)]),{fetch:()=>V({inputAmount:u,fromToken:l,toToken:p,liquiditySources:x,excludeLiquiditySources:L,disabledLiquiditySources:A,slippage:ee,affiliateRef:E,affiliatePercent:w,affiliateWallets:I}),loading:M}}i(Wr,"useSwapInput");var ZS=KS("div",{display:"grid",gridTemplateColumns:"auto auto",alignItems:"flex-start",height:700,"& .footer__alert":{paddingTop:"0"}}),RS=300;function nm(){let t=JS(),{fromToken:e,toToken:o,inputAmount:n,selectedQuote:r,refetchQuote:s,error:a,warning:l,quotes:p,setSelectedQuote:u,resetQuoteWallets:c,setQuoteWarningsConfirmed:h,updateQuotePartialState:m}=z(),[d,C]=om(!1),{isLargeScreen:S,isExtraLargeScreen:y}=fr(),{fetch:f,loading:b}=Wr({refetchQuote:s}),{config:k,fetchStatus:w}=g(),{connectedWallets:E}=K(),{isActiveTab:I}=oe(),[T,x]=om(!1),L=xl({fetchMetaStatus:w,fetchingQuote:b,inputAmount:n,quote:r,anyWalletConnected:E.length>0,error:a,warning:l,needsToWarnEthOnPath:!1}),M=ja(S,y,k?.variant),U=!!n&&!!e&&!!o&&n!=="0"&&!Fl(e,o),ee=U&&w==="success"&&b,te=(!M||M&&p?.results.length)&&(l||a);tm(()=>{c(),m("refetchQuote",!0)},[]),tm(()=>{C(U)},[U]);let V=(r||a)&&!T?f:void 0,v=i(j=>{M&&d?(C(!1),setTimeout(()=>{t(j)},RS)):t(j)},"onHandleNavigation");return Oe.createElement(ZS,null,Oe.createElement(ie,{height:"auto",footer:Oe.createElement(XS,{type:"primary",size:"large",disabled:L.disabled||!I,prefix:L.action==="confirm-warning"&&Oe.createElement(YS,null),fullWidth:!0,onClick:()=>{L.action==="connect-wallet"?v(D.wallets):L.action==="confirm-warning"?x(!0):v(D.confirmSwap)}},L.title),header:{onWallet:()=>{v(D.wallets)},hasBackButton:!1,title:k.title||jS.t("Swap"),suffix:Oe.createElement(Gt,{hidden:M?["refresh"]:void 0,onClickRefresh:V,onClickHistory:()=>v(D.swaps),onClickSettings:()=>{v(D.settings)}})}},Oe.createElement(le,null,Oe.createElement(Es,{fetchingQuote:ee,fetchMetaStatus:w,onClickToken:j=>{v(j==="from"?D.fromSwap:D.toSwap)}}),Oe.createElement(em,{size:"2"}),M?null:Oe.createElement(Yt,{quote:r,loading:ee,error:a,tagHidden:!1,warning:l,type:"basic",onClickAllRoutes:p&&p.results.length>1?()=>{m("refetchQuote",!1),v(D.routes)}:void 0}),te?Oe.createElement(Oe.Fragment,null,Oe.createElement(em,{size:"10"}),Oe.createElement(Bo,{warning:l,error:a,refetchQuote:f,showWarningModal:T,confirmationDisabled:!I,onOpenWarningModal:()=>x(!0),onCloseWarningModal:()=>x(!1),onConfirmWarningModal:()=>{x(!1),h(!0),v(D.confirmSwap)},onChangeSettings:()=>v(D.settings)})):null)),M?Oe.createElement(Is,{loading:ee,onClickOnQuote:j=>u(j),fetch:f,onClickRefresh:V,isVisible:d}):null)}i(nm,"Home");import{i18n as rm}from"@lingui/core";import{List as eC,ListItemButton as tC,Radio as oC,RadioRoot as nC,Typography as rC}from"@rango-dev/ui";import Dt from"react";function go(){let{setLanguage:t,language:e,config:o}=g(),n=tl,r=o?.language||xo;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||xo),resetLanguage:()=>t(null)}}i(go,"useLanguage");function im(){let{activeLanguage:t,changeLanguage:e,languages:o}=go(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:Dt.createElement(rC,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Dt.createElement(oC,{value:s}),start:Dt.createElement(l,null)}});return Dt.createElement(ie,{header:{title:rm.t("Language")}},Dt.createElement(le,null,Dt.createElement(nC,{value:t},Dt.createElement(eC,{type:Dt.createElement(tC,{title:rm.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(im,"LanguagePage");import{i18n as vt}from"@lingui/core";import{Button as pC,Checkbox as uC,Image as cC,ListItemButton as mC,NotFound as dC,Typography as fC}from"@rango-dev/ui";import _e,{useState as gC}from"react";import{Checkbox as aC,Skeleton as am}from"@rango-dev/ui";import Ko from"react";import{styled as Ws}from"@rango-dev/ui";var Xo=Ws("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),Ls=Ws("div",{width:80,display:"flex",justifyContent:"flex-end"}),Ms=Ws("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as iC,styled as sC}from"@rango-dev/ui";var sm=sC(iC,{height:61});var lC=30;function Ns(){return Ko.createElement(Xo,null,Array.from(Array(lC),t=>Ko.createElement(sm,{hasDivider:!0,key:t,start:Ko.createElement(am,{variant:"circular",width:35,height:35}),title:Ko.createElement(am,{variant:"text",size:"large",width:90}),end:Ko.createElement(aC,{checked:!1})})))}i(Ns,"LoadingLiquiditySourceList");function Bs({sourceType:t}){let e=g().fetchStatus,o=g().swappers(),n=g().getDisabledLiquiditySources(),[r,s]=gC(""),a=g().toggleLiquiditySource,l=g().isInCampaignMode(),p=wn(o,n),u={Exchanges:vt.t("Exchanges"),Bridges:vt.t("Bridges")},c=[];t==="Exchanges"&&c.push("DEX"),t==="Bridges"&&(c.push("BRIDGE"),c.push("AGGREGATOR"));let h=p.filter(f=>c.includes(f.type)),m=h.length===h.filter(f=>f.selected).length,d=i(()=>{h.forEach(f=>{m?a(f.groupTitle):f.selected||a(f.groupTitle)})},"toggleAllSources"),C=h.map(f=>{let{selected:b,groupTitle:k,logo:w}=f;return{start:_e.createElement(cC,{src:w,size:22,type:"circular"}),onClick:()=>{l||a(k)},end:_e.createElement(uC,{checked:b,disabled:l}),title:_e.createElement(fC,{variant:"title",size:"xmedium"},vt.t(k)),...f}}),S=i(f=>{let b=f.target.value;s(b)},"searchHandler"),y=C;return r&&(y=C.filter(f=>at(f.groupTitle,r))),_e.createElement(ie,{header:{title:vt.t(t),suffix:_e.createElement(Ls,null,_e.createElement(pC,{variant:"ghost",size:"xsmall",onClick:d},m?vt.t("Deselect all"):vt.t("Select all")))}},_e.createElement(le,{view:!0},_e.createElement(wt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:vt.t("Search {sourceType}",{sourceType:u[t]}),onChange:S}),e==="loading"&&_e.createElement(Ns,null),!y.length&&r?_e.createElement(Ms,null,_e.createElement(dC,{title:vt.t("No results found"),description:vt.t("Try using different keywords")})):e==="success"&&_e.createElement(Xo,{disabled:l},y.map(f=>_e.createElement(_e.Fragment,{key:f.id},_e.createElement(mC,{style:{height:"61px"},...f,selected:!1,hasDivider:!0}))))))}i(Bs,"LiquiditySourcePage");import{i18n as hC}from"@lingui/core";import Lr from"react";import{useNavigate as yC}from"react-router-dom";function lm(){let t=yC(),e=ut(),{selectedQuote:o,refetchQuote:n,setSelectedQuote:r,updateQuotePartialState:s,error:a}=z(),{fetch:l,loading:p}=Wr({refetchQuote:n}),u=i(m=>{r(m),s("refetchQuote",!1),e()},"onClickOnQuote"),c=`../${D.settings}`,h=`../${D.wallets}`;return Lr.createElement(ie,{header:{onWallet:()=>{t(h)},onBack:()=>{s("refetchQuote",!1)},title:hC.t("Routes"),suffix:Lr.createElement(Gt,{onClickRefresh:o||a?l:void 0,hidden:["notifications","history"],onClickSettings:()=>t(c)})}},Lr.createElement(le,null,Lr.createElement(Vo,{fetch:l,loading:p,onClickOnQuote:u})))}i(lm,"RoutesPage");import{i18n as hm}from"@lingui/core";import{Divider as ym,getCountCategories as AC,SelectableCategoryList as EC}from"@rango-dev/ui";import bt,{useState as Sm}from"react";import{i18n as $s}from"@lingui/core";import{Divider as fm,Image as wC,ListItemButton as xC,NotFound as vC,Typography as gm}from"@rango-dev/ui";import Ze,{useEffect as bC,useState as IC}from"react";import{BlockchainCategories as Ps}from"@rango-dev/ui";import{TransactionType as Mr}from"rango-sdk";var SC=i((t,e)=>{switch(e){case Ps.ALL:return!0;case Ps.UTXO:return t.type===Mr.TRANSFER;case Ps.OTHER:return t.type!==Mr.TRANSFER&&t.type!==Mr.COSMOS&&t.type!==Mr.EVM;default:return t.type===e}},"filterByType"),pm=i((t,e,o)=>t.filter(n=>SC(n,o)).filter(n=>qt(n.name,e)||qt(n.displayName,e)),"filterBlockchains");import{ImageContainer as CC,styled as um}from"@rango-dev/ui";var cm=um("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Nr=um(Eo,{padding:0,margin:0,listStyle:"none",[`& ${CC}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as TC,Skeleton as mm}from"@rango-dev/ui";import Br from"react";var kC=20;function dm(){return Br.createElement(Nr,null,Array.from(Array(kC),t=>Br.createElement(TC,{key:t,hasDivider:!0,start:Br.createElement(mm,{variant:"circular",width:35,height:35}),title:Br.createElement(mm,{variant:"text",size:"large",width:90})})))}i(dm,"LoadingBlockchainList");function _s(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=IC(e),{fetchStatus:l}=g();bC(()=>{a([...pm(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Ze.createElement(Ze.Fragment,null,Ze.createElement(fm,{size:32}),Ze.createElement(vC,{title:$s.t("No results found"),description:$s.t("Try using different keywords")})):Ze.createElement(Nr,{as:"ul",key:`${r}-${o}`},s.map(u=>Ze.createElement(xC,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Ze.createElement(wC,{src:u.logo,size:30}),title:Ze.createElement(gm,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Ze.createElement(cm,null,Ze.createElement(gm,{variant:"label",size:"large"},$s.t("Select Blockchain")),Ze.createElement(fm,{size:4}),l==="loading"&&Ze.createElement(dm,null),l==="success"&&p())}i(_s,"BlockchainList");function Ds(t){let{type:e}=t,o=ut(),[n,r]=Sm(""),[s,a]=Sm("ALL"),l=z.use.setToBlockchain(),p=z.use.setFromBlockchain(),u=g().fetchStatus,c=g().blockchains({type:e}),m=AC(c)!==1;return bt.createElement(ie,{header:{title:hm.t("Select Blockchain")}},bt.createElement(le,{view:!0},m&&bt.createElement(bt.Fragment,null,bt.createElement(EC,{setCategory:a,category:s,blockchains:c,isLoading:u==="loading"}),bt.createElement(ym,{size:24})),bt.createElement(wt,{value:n,autoFocus:!0,placeholder:hm.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),bt.createElement(ym,{size:16}),bt.createElement(_s,{list:c,searchedFor:n,blockchainCategory:s,onChange:d=>{e==="source"?p(d):l(d),o()}})))}i(Ds,"SelectBlockchainPage");import{i18n as Fr}from"@lingui/core";import{Divider as Fm}from"@rango-dev/ui";import Jt,{useState as GC}from"react";import{useNavigate as VC}from"react-router-dom";import{i18n as Us}from"@lingui/core";import{BlockchainsChip as Pr,Divider as wm,Image as xm,Skeleton as BC,Tooltip as PC,Typography as qs}from"@rango-dev/ui";import be from"react";import{useEffect as MC}from"react";var Cm=["ETH","COSMOS","OSMOSIS"];function Fs(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(WC),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let u=n[p];a=a.filter(c=>u.name!==c)}}n.sort(LC(a)),r=n.splice(s)}return{list:n,more:r}}i(Fs,"prepare");function WC(t,e){let o=Cm,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(WC,"sortByMostUsedBlockchains");function LC(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(LC,"generateSortByPreferredBlockchainsFor");function Tm(t,e){return!!e.list.find(o=>o.name===t)}i(Tm,"isInVisibleList");function Os(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=g();MC(()=>{if(e?.selected){let s=Fs(t,o,e);Tm(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=Fs(t,o,e);return{list:r.list,more:r.more,history:[]}}i(Os,"usePrepareBlockchainList");import{styled as NC}from"@rango-dev/ui";var km=NC("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var $C=12;function zs(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Os(e,{limit:10,selected:n?.name}),{fetchStatus:l}=g(),p=z.use.resetToBlockchain(),u=z.use.resetFromBlockchain(),c=a.more.length>0,h=a.more.length===1,m=!h&&c;return be.createElement(be.Fragment,null,be.createElement(wm,{size:12}),be.createElement(qs,{variant:"label",size:"large"},Us.t("Select Blockchain")),be.createElement(wm,{size:12}),be.createElement(km,null,l==="loading"&&Array.from(Array($C),d=>be.createElement(BC,{key:d,variant:"rounded",height:50})),l==="success"&&be.createElement(be.Fragment,null,be.createElement(Pr,{selected:!n,onClick:()=>{o==="from"?u():p()}},be.createElement(qs,{variant:"body",size:"xsmall",color:"secondary500"},Us.t("All"))),a.list.map(d=>be.createElement(PC,{key:d.name,content:d.shortName,side:"bottom",sideOffset:2,container:N()},be.createElement(Pr,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},be.createElement(xm,{src:d.logo,size:30})))),h?be.createElement(Pr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},be.createElement(xm,{src:a.more[0].logo,size:30})):null,m?be.createElement(Pr,{onClick:s,key:"more-blockchains"},be.createElement(qs,{variant:"body",size:"xsmall",color:"secondary500"},Us._("More +{count}",{count:a.more.length}))):null)))}i(zs,"BlockchainsSection");import{i18n as Zs}from"@lingui/core";import{darkTheme as Bm,Divider as yo,ExternalLinkIcon as FC,Image as OC,ListItemButton as UC,NotFound as qC,PinIcon as zC,Skeleton as Pm,Typography as Dr,VirtualizedList as QC}from"@rango-dev/ui";import q,{useEffect as $m,useState as _m}from"react";import{Divider as Mm,ListItem as DC,Skeleton as Yo}from"@rango-dev/ui";import nt from"react";import{css as ho,darkTheme as vm,ImageContainer as _C,styled as ot,Typography as bm}from"@rango-dev/ui";var Qs=ho({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Hs=ho({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Gs=ho({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Vs=ho({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${vm} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),js=ho({}),Xs=ho(),Im=ot("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Ks=ot("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),$r=ot("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Hs}`]:{[`& .${Vs}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${js}`]:{bottom:"-15px"},[`& .${Qs}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Gs}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Ys=ot("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Js=ot(bm,{}),Am=ot("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Xs}`]:{$$color:"$colors$neutral600",[`.${vm} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),_r=ot("div",{display:"flex",alignItems:"end",flexDirection:"column"}),A1=ot("div",{display:"flex",alignItems:"center"}),Em=ot("div",{position:"relative",[`& ${_C}`]:{borderRadius:"$xm",overflow:"hidden"}}),Wm=ot("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Lm=ot(bm,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Nm(t){return nt.createElement($r,null,Array.from(Array(t.size),e=>nt.createElement(DC,{key:e,hasDivider:!0,start:nt.createElement(Yo,{variant:"circular",width:35,height:35}),end:nt.createElement(_r,null,nt.createElement(Yo,{variant:"text",size:"large",width:70}),nt.createElement(Mm,{size:4}),nt.createElement(Yo,{variant:"text",size:"medium",width:50})),title:nt.createElement("div",null,nt.createElement(Yo,{variant:"text",size:"large",width:90}),nt.createElement(Mm,{size:4}),nt.createElement(Yo,{variant:"text",size:"medium",width:90}))})))}i(Nm,"LoadingTokenList");var Rs=20,HC=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return q.createElement("div",{className:Hs()},o?q.createElement("div",{className:Qs()},o):q.createElement(Ks,{className:Gs()},q.createElement(Dr,{variant:"title",size:"xmedium"},r.symbol),q.createElement(yo,{direction:"horizontal",size:4}),q.createElement(Ys,{css:s},q.createElement(Js,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&q.createElement("div",{className:`${Vs()} ${!o&&js()}`},q.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",q.createElement(yo,{size:4,direction:"horizontal"}),q.createElement(FC,{color:"gray",size:12}))))},"renderDesc");function Dm(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=_m(e),l=g().fetchStatus,p=g().blockchains(),[u,c]=_m(!0),{getBalanceFor:h,loading:m}=K(),{isTokenPinned:d}=g(),C=i(()=>{a(e.slice(0,s.length+Rs))},"loadNextPage");$m(()=>{c(e.length>s.length)},[s.length]),$m(()=>{a(e.slice(0,Rs))},[e]);let S=i(()=>!s.length&&o?q.createElement(q.Fragment,null,q.createElement(yo,{size:32}),q.createElement(qC,{title:Zs.t("No results found"),description:Zs.t("Try using different keywords")})):q.createElement(QC,{endReached:u?C:void 0,itemContent:y=>{let f=s[y],b=gn(h(f)),k=f.address||"",w=p.find(x=>x.name===f.blockchain),E=Vn(f.symbol,w?.color||""),I={$$color:E[`${f.symbol}100`],[`.${Bm} &`]:{$$color:E[`${f.symbol}900`]},backgroundColor:"$$color"},T={$$color:E[`${f.symbol}700`],[`.${Bm} &`]:{$$color:E[`${f.symbol}100`]},color:"$$color"};return q.createElement("div",{style:{paddingRight:5}},q.createElement(UC,{style:{width:"100%",overflow:"hidden"},"tab-index":y,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(s[y]),start:q.createElement(Em,null,q.createElement(OC,{src:f.image,size:30}),d(f,t.type)&&q.createElement(Wm,null,q.createElement(zC,{size:12,color:"gray"}))),title:w?.type==="COSMOS"||f.name||!f.name&&!k?q.createElement(Ks,null,q.createElement(Dr,{variant:"title",size:"xmedium"},f.symbol),q.createElement(yo,{direction:"horizontal",size:4}),q.createElement(Ys,{css:I},q.createElement(Js,{variant:"body",size:"xsmall",css:T},f.blockchain))):void 0,description:w?.info&&k&&w.type!=="COSMOS"?HC({address:k,token:s[y],customCssForTag:I,customCssForTagTitle:T,name:f.name,url:w.info.addressUrl.split("{wallet}").join(k)}):f.name||void 0,end:m?q.createElement(_r,null,q.createElement(Pm,{variant:"text",size:"large",width:70}),q.createElement(yo,{size:4}),q.createElement(Pm,{variant:"text",size:"medium",width:50})):b&&q.createElement(Am,null,q.createElement(Lm,{variant:"title",size:"small"},b.amount),q.createElement("div",null),b.usdValue&&q.createElement(Dr,{variant:"body",className:Xs(),size:"xsmall"},`$${b.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return q.createElement(Im,null,q.createElement(Dr,{variant:"label",size:"large"},Zs.t("Select Token")),q.createElement(yo,{size:4}),l==="loading"&&q.createElement(Nm,{size:Rs}),l==="success"&&q.createElement($r,{as:"ul"},S()))}i(Dm,"TokenList");function ea(t){let{type:e}=t,o=VC(),n=ut(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=z(),c=K.use.getBalanceFor(),[h,m]=GC(""),{isTokenPinned:d}=g(),S=(e==="source"?r:s)?.name??"",y=g().blockchains({type:e}),f=g().tokens({type:e,blockchain:S,searchFor:h}),k=Fa(f,c,i(T=>d(T,e),"checkIsTokenPinned")),w=i(T=>{e==="source"?p(T):u(T)},"updateBlockchain"),E=i(T=>{e==="source"?a({token:T,meta:{blockchains:y,tokens:f}}):l({token:T,meta:{blockchains:y,tokens:f}})},"updateToken"),I={source:Fr.t("Source"),destination:Fr.t("Destination")};return Jt.createElement(ie,{header:{title:Fr.t("Swap {type}",{type:I[e]})}},Jt.createElement(le,null,Jt.createElement(zs,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(D.blockchains),onChange:T=>{w(T)}}),Jt.createElement(Fm,{size:24}),Jt.createElement(wt,{value:h,autoFocus:!0,placeholder:Fr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:T=>m(T.target.value)}),Jt.createElement(Fm,{size:16}),Jt.createElement(Dm,{list:k,selectedBlockchain:S,searchedFor:h,type:e,onChange:T=>{E(T);let x=y.find(A=>T.blockchain===A.name);x&&w(x),n()}})))}i(ea,"SelectSwapItemsPage");import{i18n as ia}from"@lingui/core";import{Alert as yT,Button as ST,styled as CT}from"@rango-dev/ui";import Zt from"react";import{useInRouterContext as TT,useSearchParams as kT}from"react-router-dom";import{i18n as Hm}from"@lingui/core";import{Divider as YC,InfoIcon as JC,TextField as ZC,Tooltip as RC,Typography as Gm}from"@rango-dev/ui";import Ge from"react";import{Chip as jC,styled as Jo,TextField as XC}from"@rango-dev/ui";var Om=Jo("div",{paddingTop:"$5",padding:"$10 $5"}),Um=Jo("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${XC}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),qm=Jo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Or=Jo("div",{maxWidth:"280px",padding:"$10"}),zm=Jo(jC,{width:"61px",flexShrink:0});import{i18n as ta}from"@lingui/core";import{Typography as KC}from"@rango-dev/ui";import Zo from"react";function Qm(){return Zo.createElement(Or,null,Zo.createElement(KC,{variant:"label",size:"medium",color:"neutral700"},ta.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Zo.createElement("br",null),Zo.createElement("br",null),Zo.createElement("b",null,ta.t("Warning")),":",ta.t("This setting is applied per step (e.g. 1Inch, Thorchain, etc) which means only the step will be reverted, not the whole transaction.")))}i(Qm,"SlippageTooltipContent");function oa(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=g();return Ge.createElement(Om,null,Ge.createElement(qm,null,Ge.createElement(Gm,{variant:"title",size:"xmedium"},Hm.t("Slippage tolerance per swap")),Ge.createElement(YC,{direction:"horizontal",size:4}),Ge.createElement(RC,{container:N(),side:"top",sideOffset:4,content:Ge.createElement(Qm,null)},Ge.createElement(JC,{color:"gray"}))),Ge.createElement(Um,null,ol.map((r,s)=>{let a=`slippage-${s}`;return Ge.createElement(Ge.Fragment,null,Ge.createElement(zm,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),Ge.createElement(ZC,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=r.target.value,a=parseFloat(s);a>=sl&&a<=il?n(a):n(null)},suffix:o&&Ge.createElement(Gm,{variant:"body",size:"small"},"%"),placeholder:Hm.t("Custom")})))}i(oa,"Slippage");import{i18n as gt}from"@lingui/core";import{AutoThemeIcon as Vm,BridgeIcon as eT,ChevronRightIcon as na,DarkModeIcon as jm,Divider as ra,DoneIcon as tT,ExchangeIcon as oT,InfoIcon as nT,LanguageIcon as rT,LightModeIcon as Xm,List as iT,ListItem as sT,ListItemButton as aT,Skeleton as lT,styled as pT,Switch as uT,Tabs as cT,Tooltip as mT,Typography as rt}from"@rango-dev/ui";import F from"react";import{useNavigate as dT}from"react-router-dom";var fT=pT("div",{width:"202px",height:"$40"}),gT=[{id:"light",icon:F.createElement(Xm,{color:"black",size:16}),tooltip:F.createElement(rt,{size:"xsmall",variant:"body"},gt.t("Light"))},{id:"dark",icon:F.createElement(jm,{color:"black",size:16}),tooltip:F.createElement(rt,{size:"xsmall",variant:"body"},gt.t("Dark"))},{id:"auto",icon:F.createElement(Vm,{color:"black",size:16}),tooltip:F.createElement(rt,{size:"xsmall",variant:"body"},gt.t("Auto"))}],hT=i(t=>{let e={color:"gray",size:12};switch(t){case"auto":return F.createElement(Vm,{...e});case"dark":return F.createElement(jm,{...e});default:return F.createElement(Xm,{...e})}},"getThemeIcon");function Km(){let t=dT(),{theme:e}=g().config,{setTheme:o,theme:n}=g(),r=g().fetchStatus,s=g().swappers(),a=g().getDisabledLiquiditySources(),{config:{features:l}}=g(),p=je("theme",l),u=je("liquiditySource",l),c=je("language",l),h=g().infiniteApprove,m=g().toggleInfiniteApprove,d=wn(s,a),C=d.filter(M=>M.type==="BRIDGE"||M.type==="AGGREGATOR"),S=C.length,y=C.filter(M=>M.selected).length,f=d.filter(M=>M.type==="DEX"),b=f.length,k=f.filter(M=>M.selected).length,w=i((M,U)=>{switch(r){case"loading":return F.createElement(lT,{variant:"text",size:"medium",width:50});case"failed":return F.createElement(rt,{variant:"body",size:"medium",color:"$error500"},gt.t("Loading failed"));default:return F.createElement(rt,{variant:"body",size:"medium"},`${M} / ${U}`)}},"handleEndItem"),E={id:"bridge-item",title:F.createElement(rt,{variant:"title",size:"xmedium"},gt.t("Enabled bridges")),end:F.createElement(F.Fragment,null,w(y,S),F.createElement(ra,{direction:"horizontal",size:8}),F.createElement(na,{color:"black"})),onClick:()=>t(D.bridges),start:F.createElement(eT,{color:"gray",size:12})},I={id:"exchange-item",title:F.createElement(rt,{variant:"title",size:"xmedium"},gt.t("Enabled exchanges")),end:F.createElement(F.Fragment,null,w(k,b),F.createElement(ra,{direction:"horizontal",size:8}),F.createElement(na,{color:"gray"})),start:F.createElement(oT,{color:"gray",size:12}),onClick:()=>t(D.exchanges)},T={id:"language-item",title:F.createElement(rt,{variant:"title",size:"xmedium"},gt.t("Language")),start:F.createElement(rT,{color:"gray",size:12}),end:F.createElement(na,{color:"gray"}),onClick:()=>t(D.languages)},x={id:"infinite-approval-item",title:F.createElement(F.Fragment,null,F.createElement(rt,{variant:"title",size:"xmedium"},gt.t("Infinite approval")),F.createElement(ra,{direction:"horizontal",size:4}),F.createElement(mT,{side:"top",sideOffset:4,container:N(),content:F.createElement(Or,null,F.createElement(rt,{variant:"label",size:"medium",color:"neutral700"},gt.t("Enabling the 'Infinite approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},F.createElement(nT,{color:"gray"}))),start:F.createElement(tT,{color:"gray",size:12}),end:F.createElement(uT,{checked:h}),onClick:m},A={id:"theme-item",type:F.createElement(sT,null),title:F.createElement(rt,{variant:"title",size:"xmedium"},gt.t("Theme")),end:F.createElement(fT,null,F.createElement(cT,{container:N(),items:gT,value:n,onChange:M=>o(M.id),type:"primary",borderRadius:"small"})),start:hT(n)},L=u?[]:[E,I];return c||L.push(T),L.push(x),!e?.singleTheme&&!p&&L.push(A),F.createElement(iT,{type:F.createElement(aT,{hasDivider:!0,id:"_",onClick:()=>console.log()}),items:L})}i(Km,"SettingsLists");var wT=CT("div",{paddingLeft:"$8"});function Ym(){let{isInCampaignMode:t,updateCampaignMode:e}=g(),o=t(),[,n]=kT(),r=TT(),s=i(()=>{r&&o&&(n(a=>(a.delete("liquiditySources"),a),{replace:!0}),e("liquiditySources",void 0))},"onClick");return Zt.createElement(ie,{header:{title:ia.t("Settings")}},Zt.createElement(le,null,o&&Zt.createElement(yT,{type:"info",variant:"alarm",title:ia.t("Currently, you're in campaign mode with restrictions on liquidity sources. Would you like to switch out of this mode and make use of all available liquidity sources?"),action:Zt.createElement(wT,null,Zt.createElement(ST,{type:"secondary",size:"small",onClick:s},ia.t("Reset")))}),Zt.createElement(oa,null),Zt.createElement(Km,null)))}i(Ym,"SettingsPage");import{i18n as pk}from"@lingui/core";import{cancelSwap as uk}from"@rango-dev/queue-manager-rango-preset";import{useManager as ck}from"@rango-dev/queue-manager-react";import{Alert as mk}from"@rango-dev/ui";import ka from"react";import{useParams as dk}from"react-router-dom";import{i18n as At}from"@lingui/core";import{getCurrentBlockchainOfOrNull as GT,getCurrentStep as VT,getRelatedWalletOrNull as jT}from"@rango-dev/queue-manager-rango-preset";import{Button as wd,CopyIcon as XT,Divider as KT,IconButton as YT,LinkIcon as JT,QuoteCost as ZT,StepDetails as RT,Typography as Co,useCopyToClipboard as ek}from"@rango-dev/ui";import{useWallets as tk}from"@rango-dev/wallets-react";import xd from"bignumber.js";import{PendingSwapNetworkStatus as Xr}from"rango-types";import Z,{useEffect as vd,useRef as ok,useState as bd}from"react";import{useNavigate as nk}from"react-router-dom";import{i18n as Ft}from"@lingui/core";var xT=[Ft.t("Sunday"),Ft.t("Monday"),Ft.t("Tuesday"),Ft.t("Wednesday"),Ft.t("Thursday"),Ft.t("Friday"),Ft.t("Saturday")];function Jm(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Ft.t("Today"):`${xT[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(Jm,"timeSince");function Zm(t){return t.finishTime?Jm(parseInt(t.finishTime)):Jm(parseInt(t.creationTime))}i(Zm,"getSwapDate");import{PendingSwapNetworkStatus as zr}from"rango-types";import Qr from"react";import{i18n as Ur}from"@lingui/core";import{Button as Rm,Divider as sa,MessageBox as vT}from"@rango-dev/ui";import Ot from"react";var ed=i(({onCancel:t,onClose:e})=>Ot.createElement(Ot.Fragment,null,Ot.createElement(sa,{size:20}),Ot.createElement(vT,{type:"error",title:Ur.t("Cancel Swap"),description:Ur.t("Are you sure you want to cancel this swap?")}),Ot.createElement(sa,{size:32}),Ot.createElement(Rm,{variant:"contained",type:"primary",size:"large",onClick:t},Ur.t("Yes, Cancel it")),Ot.createElement(sa,{size:12}),Ot.createElement(Rm,{variant:"outlined",type:"primary",size:"large",onClick:e},Ur.t("No, Continue"))),"CancelContent");import{i18n as qr}from"@lingui/core";import{Button as td,Divider as aa,MessageBox as bT,Typography as IT}from"@rango-dev/ui";import It from"react";var od=i(({onDelete:t,onClose:e})=>It.createElement(It.Fragment,null,It.createElement(aa,{size:20}),It.createElement(bT,{type:"error",title:qr.t("Delete Transaction"),description:qr.t("Are you sure you want to delete this swap?")}),It.createElement(aa,{size:32}),It.createElement(td,{variant:"contained",type:"primary",size:"large",onClick:t},qr.t("Yes, Delete it")),It.createElement(aa,{size:12}),It.createElement(td,{variant:"outlined",type:"primary",size:"large",onClick:e},It.createElement(IT,{variant:"title",size:"medium",color:"primary"},qr.t("No, Cancel")))),"DeleteContent");import{i18n as la}from"@lingui/core";import{PendingSwapNetworkStatus as pa}from"rango-types";var ua={[pa.WaitingForNetworkChange]:{type:"loading",title:la.t("Change Network")},[pa.WaitingForConnectingWallet]:{type:"warning",title:la.t("Connect Wallet")},[pa.NetworkChanged]:{type:"success",title:la.t("Network Changed")}};import{MessageBox as ET,Wallet as WT}from"@rango-dev/ui";import{useWallets as LT}from"@rango-dev/wallets-react";import Ro from"react";import{styled as AT}from"@rango-dev/ui";var nd=AT("div",{display:"flex",justifyContent:"center"});var rd=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:u}=LT(),c=n?.walletType,h=c?oi(u(c)):null,m=c?p(c):null;return Ro.createElement(Ro.Fragment,null,Ro.createElement(ET,{type:e,title:o,description:r}),s&&!!c&&!!h&&!!m&&Ro.createElement(nd,null,Ro.createElement(WT,{container:N(),title:m.name,image:m.img,type:c,state:h,link:m.installLink,disabled:a,onClick:async()=>l(c)})))},"WalletStateContent");function ca(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===zr.WaitingForNetworkChange||e===zr.WaitingForConnectingWallet||e===zr.NetworkChanged;return Qr.createElement(ae,{open:!!e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},p&&Qr.createElement(rd,{type:ua[e].type,title:ua[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==zr.WaitingForNetworkChange}),e==="delete"&&Qr.createElement(od,{onClose:o,onDelete:n}),e==="cancel"&&Qr.createElement(ed,{onClose:o,onCancel:r}))}i(ca,"SwapDetailsModal");import{i18n as en}from"@lingui/core";import{Button as ma,Divider as Hr,MessageBox as id,TokenAmount as MT,Typography as da}from"@rango-dev/ui";import We from"react";import{useNavigate as NT}from"react-router-dom";function fa(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:u,percentageChange:c,description:h,diagnosisUrl:m}=t,d=NT();return We.createElement(ae,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},n==="success"?We.createElement(id,{type:"success",title:en.t("Swap Successful")},We.createElement(MT,{direction:"vertical",tooltipContainer:N(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:u,percentageChange:c}),We.createElement(Hr,{size:12}),We.createElement(da,{variant:"body",size:"medium",color:"neutral700",align:"center"},h)):We.createElement(id,{type:"error",title:en.t("Transaction Failed"),description:h}),We.createElement(Hr,{size:32}),n==="success"&&We.createElement(ma,{variant:"contained",type:"primary",size:"large",onClick:()=>{d("../../")}},We.createElement(da,{variant:"title",size:"medium",color:"neutral100"},en.t("Done"))),We.createElement(Hr,{size:12}),m&&We.createElement(We.Fragment,null,We.createElement(ma,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},en.t("Diagnosis")),We.createElement(Hr,{size:12})),We.createElement(ma,{variant:"outlined",type:"primary",size:"large",onClick:o},We.createElement(da,{variant:"title",size:"medium",color:"primary"},en.t("See Details"))))}i(fa,"SwapDetailsCompleteModal");import QT from"react";import{i18n as OT}from"@lingui/core";import{Alert as cd,IconButton as UT,LinkIcon as qT}from"@rango-dev/ui";import Ut,{Fragment as zT}from"react";import{Alert as BT,ChevronDownIcon as PT,ChevronUpIcon as $T,IconButton as _T}from"@rango-dev/ui";import Gr,{useState as DT}from"react";function sd(t){let{message:e}=t,[o,n]=DT(!1);return Gr.createElement(BT,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Gr.createElement(_T,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Gr.createElement($T,{size:12,color:"gray"}):Gr.createElement(PT,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(sd,"FailedAlert");import{styled as FT}from"@rango-dev/ui";var ad=FT("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as ld}from"@lingui/core";import{Alert as ga,Button as pd}from"@rango-dev/ui";import{PendingSwapNetworkStatus as ha}from"rango-types";import tn from"react";function ud(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?tn.createElement(ga,{type:"warning",title:n.shortMessage,action:tn.createElement(pd,{size:"xxsmall",type:"warning",onClick:()=>{o(ha.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},ld.t("Change"))}):r===ha.WaitingForConnectingWallet?tn.createElement(ga,{type:"warning",title:n.shortMessage,action:tn.createElement(pd,{size:"xxsmall",type:"warning",onClick:()=>{o(ha.WaitingForConnectingWallet)}},ld.t("Connect"))}):tn.createElement(ga,{type:"warning",title:n.shortMessage})}i(ud,"WarningAlert");function ya(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=Io(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l,c=u&&!a||p&&!s.explorerUrl?.length;return Ut.createElement(ad,null,s.explorerUrl?.map((h,m,d)=>{let C=m+h.url,S=m===d.length-1,y=(S&&u||p)&&!c,f=S&&s.status==="failed";return Ut.createElement(zT,{key:C},Ut.createElement(cd,{type:S&&(y&&"loading"||f&&"error")||"success",title:h.description?`${h.description} Tx`:OT.t("View transaction"),action:h.url&&Ut.createElement(UT,{variant:"ghost",size:"xsmall",onClick:()=>window.open(h.url,"_blank")},Ut.createElement(qT,{size:12}))}))}),c&&Ut.createElement(cd,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Ut.createElement(ud,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Ut.createElement(sd,{message:r}))}i(ya,"SwapDetailsAlerts");var md=2e3;var dd=i(({swap:t,blockchains:e,swappers:o,...n})=>{let r=t.hasAlreadyProceededToSign!==!1;return t.steps.map((s,a)=>{let l=a===0?t.inputAmount:t.steps[a-1].outputAmount||t.steps[a-1].expectedOutputAmountHumanReadable;return{from:{token:{displayName:s.fromSymbol,image:s.fromLogo??""},chain:{displayName:Xe(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:W(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Xe(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:W(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:bo(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Xe(p.fromBlockchain,e)??""},to:{blockchain:Xe(p.toBlockchain,e)??""},swapper:{displayName:bo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:QT.createElement(ya,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function fd(t){if(Io(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i(fd,"getStepState");import{css as on,darkTheme as HT,styled as Rt}from"@rango-dev/ui";var gd=Rt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Vr=Rt("div",{width:"100%"}),hd=Rt(Eo,{padding:"$0 $20 $20 $20"}),bU=Rt("div",{display:"flex",flexDirection:"column",gap:"$10"}),yd=Rt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),IU=Rt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),So=on({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${HT} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),Sd=on({padding:"$5 0"}),jr=on({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),Cd=on({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Td=on({width:"100%",padding:"0 $20 $10"}),kd=Rt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function Sa(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=tk(),p=g().blockchains(),u=g().swappers(),c=g().tokens(),h=z.use.retry(),m=oe.use.isActiveTab(),d=nk(),[C,S]=ek(md),y=ok(null),[f,b]=bd(null),[k,w]=bd(null),E=i(()=>{r(),b(null)},"onCancel"),I=qe.use.getUnreadNotifications(),T=qe.use.setAsRead(),x=I(),A=VT(e),L=A?.networkStatus;vd(()=>{x.find(st=>st.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(w(e.status),T(e.requestId))},[e.status,e.requestId]),vd(()=>{V?b(Xr.WaitingForNetworkChange):L===Xr.WaitingForConnectingWallet||L===Xr.NetworkChanged?b(L):b(null)},[L]);let M=$l(e),U=A?GT(e,A):null,ee=A?jT(e,A):null,ge=Zm(e),_=_l(e),te=i(he=>!!l(he)?.mobileWallet,"isMobileWallet"),V=L===Xr.WaitingForNetworkChange&&!!U&&!!ee?.walletType&&(te(ee.walletType)||s(ee.walletType,U)),v=V?a.bind(null,ee.walletType,U):void 0,j=Pl(e,A),H=dd({swap:e,switchNetwork:v,showNetworkModal:L,setNetworkModal:b,message:j,blockchains:p,swappers:u}),G=H.length,[Ce,de]=[e.steps[0],e.steps[G-1]],Ie=de.outputAmount||de.expectedOutputAmountHumanReadable,ht=e.steps.reduce((he,st)=>he+parseFloat(st.feeInUsd||""),0),Q=e.steps.find(he=>he.diagnosisUrl)?.diagnosisUrl,J=W(parseFloat(W(Ie,6,6))*(de.toUsdPrice||0),4,4),R=W(parseFloat(e.inputAmount)*(Ce.fromUsdPrice||0),4,4),Ae=Ie?se(new xd(Ie).multipliedBy(de.toUsdPrice||0)):"",Ve=se(new xd(e.inputAmount).multipliedBy(Ce.fromUsdPrice||0)),Te=Ke(R,J),De=e.status==="success"?At.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:W(Ie,6,6),token:H[G-1].to.token.displayName,conciseAddress:hn(e.wallets[H[G-1].to.chain.displayName]?.address||""),chain:H[G-1].to.chain.displayName}}):`${At.t("Transaction was not sent.")} ${M?At.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:M.outputAmount,symbol:M.symbol,blockchain:M.blockchain}}):""}`;return Z.createElement(ie,{header:{title:At.t("Swap and Bridge"),onCancel:e.status==="running"?()=>b("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(so,null,Z.createElement(wd,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>b("delete")},Z.createElement(Co,{size:"medium",variant:"label",color:"error"},At.t("Delete"))))},footer:_&&!k&&Z.createElement(wd,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{h(e,{blockchains:p,tokens:c}),setTimeout(()=>{d("../../")},0)}},At.t("Try again"))},Z.createElement(le,{compact:!0,view:!0},Z.createElement(Vr,null,Z.createElement("div",{className:So()},Z.createElement(Co,{variant:"label",size:"large",color:"neutral700"},`${At.t("Request ID")}:`),Z.createElement("div",{className:jr()},Z.createElement(Co,{variant:"label",size:"small",color:"neutral700"},o),Z.createElement(YT,{variant:"ghost",onClick:S.bind(null,o||"")},Z.createElement(XT,{size:16,color:"gray"})),Z.createElement(kd,{target:"_blank",href:`${Aa}/swap/${o}`},Z.createElement(JT,{size:16})))),Z.createElement("div",{className:So()},Z.createElement(Co,{variant:"label",size:"large",color:"neutral700"},`${At.t(e.finishTime?"Finished at":"Created at")}:`),Z.createElement(Co,{variant:"label",size:"small",color:"neutral700"},ge))),Z.createElement("div",{className:Cd()},Z.createElement(ZT,{fee:W(String(ht),2,2),time:ln(pn(e.steps)),steps:G}),Z.createElement($o,{from:{price:{value:W(e.inputAmount,6,6),usdValue:R,realUsdValue:Ve,realValue:e.inputAmount},token:{displayName:H[0].from.token.displayName,image:H[0].from.token.image},chain:{image:H[0].from.chain.image,displayName:H[0].from.chain.displayName}},to:{price:{value:W(Ie,6,6),usdValue:J,realUsdValue:Ae,realValue:Ie},token:{displayName:H[G-1].to.token.displayName,image:H[G-1].to.token.image},chain:{image:H[G-1].to.chain.image,displayName:H[G-1].to.chain.displayName}},percentageChange:W(Te,2,2),warningLevel:St(Te??0)})),Z.createElement("div",{className:Td()},Z.createElement(Co,{variant:"title",size:"small"},At.t("Swaps steps"))),Z.createElement(KT,{size:8}),Z.createElement(hd,{ref:y},H.map((he,st)=>{let ba=st,To=fd(e.steps[st]),Gd=To==="error"||To==="in-progress"||To==="warning"||To==="completed"&&st===H.length-1;return Z.createElement(RT,{key:ba,step:he,type:"swap-progress",ref:y,state:To,hasSeparator:st!==0,tabIndex:ba,isFocused:Gd,tooltipContainer:N()})}))),Z.createElement(ca,{state:f,onClose:()=>b(null),onCancel:E,onDelete:n,message:j.detailedMessage.content,currentStepWallet:ee,walletButtonDisabled:!m}),Z.createElement(fa,{open:!!k,diagnosisUrl:Q,onClose:()=>w(null),status:e.status==="success"?"success":"failed",priceValue:W(Ie,6,6),usdValue:J,realUsdValue:Ae,realValue:se(Ie),percentageChange:W(Te,2,2),token:{displayName:H[G-1].to.token.displayName,image:H[G-1].to.token.image},chain:{image:H[G-1].to.chain.image},description:De}))}i(Sa,"SwapDetails");import{i18n as Yr}from"@lingui/core";import{Divider as Ed,NotFound as lk,Skeleton as rn,Typography as Jr}from"@rango-dev/ui";import me from"react";import{i18n as rk}from"@lingui/core";import{Divider as ik,Skeleton as sk,Typography as ak}from"@rango-dev/ui";import fe from"react";import{css as it,styled as Ca}from"@rango-dev/ui";var Id=Ca("div",{width:"100%",height:"100%",padding:"$10 $20"}),nn=Ca("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Kr=Ca("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),iq=it({display:"flex",justifyContent:"space-between",alignItems:"center"}),sq=it({display:"flex",justifyContent:"space-between",alignItems:"center"}),aq=it({paddingTop:"$15",display:"flex"}),lq=it({padding:"$15 $0"}),pq=it({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),uq=it({paddingBottom:"$10"}),cq=it({display:"flex",justifyContent:"start",alignItems:"center"}),mq=it({paddingTop:"$5",display:"flex",alignItems:"center"}),dq=it({display:"flex",alignItems:"center"}),fq=it({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Ad=it({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function Ta(){return fe.createElement(Id,null,fe.createElement(Uo,{type:"swap-preview"}),fe.createElement("div",{className:"swaps-steps"},fe.createElement(ak,{variant:"title",size:"small"},rk.t("Swaps steps"))),fe.createElement(fe.Fragment,null,fe.createElement(nn,null,fe.createElement(ft,{separator:!1}),fe.createElement("div",{className:Ad()},fe.createElement(ik,{direction:"horizontal",size:20}),fe.createElement(sk,{height:22,variant:"rectangular"}))),fe.createElement(Kr,null),fe.createElement(nn,null,fe.createElement(ft,{separator:!1})),fe.createElement(Kr,null),fe.createElement(nn,null,fe.createElement(ft,{separator:!1})),fe.createElement(Kr,null),fe.createElement(nn,null,fe.createElement(ft,{separator:!1}))))}i(Ta,"LoadingSwapDetails");function Wd(t){let{requestId:e,showSkeleton:o}=t;return me.createElement(ie,{header:{title:Yr.t("Swap and Bridge"),suffix:me.createElement(so,null)}},o&&me.createElement(gd,null,me.createElement(Vr,null,me.createElement("div",{className:So()},me.createElement(Jr,{variant:"label",size:"large",color:"neutral700"},`${Yr.t("Request ID")}:`),me.createElement("div",{className:jr()},me.createElement(Jr,{variant:"label",size:"small",color:"neutral700"},me.createElement(rn,{width:60,height:10,variant:"rounded"})),me.createElement(Ed,{direction:"horizontal",size:4}),me.createElement(rn,{width:16,height:16,variant:"rectangular"}),me.createElement(Ed,{direction:"horizontal",size:4}),me.createElement(rn,{width:16,height:16,variant:"rectangular"}))),me.createElement("div",{className:So()},me.createElement(Jr,{className:Sd(),variant:"label",size:"large",color:"neutral700"},me.createElement(rn,{width:60,height:10,variant:"rounded"})),me.createElement(Jr,{variant:"label",size:"small",color:"neutral700"},me.createElement(rn,{width:60,height:10,variant:"rounded"})))),me.createElement(Ta,null)),!o&&me.createElement(yd,null,me.createElement(lk,{title:Yr.t("Not found"),description:Yr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Wd,"SwapDetailsPlaceholder");function Ld(){let{manager:t,state:e}=ck(),o=!e.loadedFromPersistor,n=ct(t),{requestId:r}=dk(),s=ut(),{fetchStatus:a}=g();if(!r)return ka.createElement(mk,{containerStyles:{margin:"20px"},type:"error",title:pk.t("The request ID is necessary to display the swap details.")});let l=o||a==="loading",p=r?n.find(({swap:m})=>m.requestId===r):void 0,u=i(()=>{if(p?.id){let m=t?.get(p.id);m&&uk(m)}},"onCancel"),c=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),h=p?.swap;return!h||l?ka.createElement(Wd,{requestId:r,showSkeleton:l}):ka.createElement(Sa,{swap:h,requestId:r,onCancel:u,onDelete:c})}i(Ld,"SwapDetailsPage");function Md(){return Vl(),vi(),fk([{path:D.home,element:Ue.createElement(nm,null)},{path:D.routes,element:Ue.createElement(lm,null)},{path:D.fromSwap,children:[{index:!0,element:Ue.createElement(ea,{type:"source"})},{path:D.blockchains,element:Ue.createElement(Ds,{type:"source"})}]},{path:D.toSwap,children:[{index:!0,element:Ue.createElement(ea,{type:"destination"})},{path:D.blockchains,element:Ue.createElement(Ds,{type:"destination"})}]},{path:D.settings,children:[{index:!0,element:Ue.createElement(Ym,null)},{path:D.languages,element:Ue.createElement(im,null)},{path:D.exchanges,element:Ue.createElement(Bs,{sourceType:"Exchanges"})},{path:D.bridges,element:Ue.createElement(Bs,{sourceType:"Bridges"})}]},{path:D.swaps,children:[{index:!0,element:Ue.createElement(Fc,null)},{path:D.swapDetails,element:Ue.createElement(Ld,null)}]},{path:D.wallets,element:Ue.createElement(Yp,null)},{path:D.confirmSwap,element:Ue.createElement(Ic,null)}])}i(Md,"AppRoutes");import{isApprovalTX as gk,MainEvents as Nd,RouteEventType as Bd,StepEventType as Pd,StepExecutionEventStatus as hk,useEvents as yk}from"@rango-dev/queue-manager-rango-preset";import{useEffect as $d}from"react";function _d(){let t=g().tokens(),e=K.use.connectedWallets(),o=K.use.getWalletsDetails(),n=qe.use.setNotification(),r=yk();return $d(()=>(r.on(Nd.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Pd.TX_EXECUTION&&a.status===hk.TX_SENT&&!gk(l)||a.type===Pd.SUCCEEDED){let c=e.find(m=>m.chain===l?.fromBlockchain),h=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);c&&o([c],t),h&&o([h],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),$d(()=>(r.on(Nd.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Bd.FAILED||a.type===Bd.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(_d,"WidgetEvents");import{globalCss as Sk}from"@rango-dev/ui";var Dd=i(()=>Sk({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");function Fd(){let{setWatermark:t}=oe();return{fetchApiConfig:i(async()=>{let o=await fetch(`${yt("BASE_URL")}/meta/dapp/config?apiKey=${yt("API_KEY")}`);if(!o.ok)throw new Error(`Request failed with status: ${o.status} `);let n=await o.json();t(n.config.watermark)},"fetchApiConfig")}}i(Fd,"useFetchApiConfig");import{styled as Ck}from"@rango-dev/ui";var Od=Ck("div",{display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function Zr(){Dd();let{config:t}=g(),{activeTheme:e}=jn(t?.theme||{}),{activeLanguage:o}=go(),[n,r]=Ud(""),[s,a]=Ud(),l=kk(vn),{fetchApiConfig:p}=Fd();return wk(()=>{qe.persist.rehydrate(),l.onConnectWallet(r),p().catch(console.log)},[]),sn.createElement(Tk,{language:o},sn.createElement(Od,{id:"swap-container",className:e()},sn.createElement(_d,null),sn.createElement(hl,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},sn.createElement(Md,null))))}i(Zr,"Main");import xa,{useMemo as Uk}from"react";import{checkWaitingForNetworkChange as xk,makeQueueDefinition as vk}from"@rango-dev/queue-manager-rango-preset";import{Provider as bk}from"@rango-dev/queue-manager-react";import{useWallets as Ik}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as Ak}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Ek}from"rango-types";import Wk,{useMemo as Lk}from"react";function Mk(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=Ik(),l=Lk(()=>vk({API_KEY:t.apiKey||yt("API_KEY"),BASE_URL:yt("BASE_URL")}),[t.apiKey]),p=g().blockchains(),c={blockchains:K.use.connectedWallets().map(k=>({accounts:[k],name:k.chain}))},h=i(async(k,w)=>{if(s(k,w))return r(k,w)},"switchNetwork"),m=i(k=>!!a(k).mobileWallet,"isMobileWallet"),d=p.filter(k=>k.enabled).reduce((k,w)=>(k[w.name]=w,k),{}),C=p.filter(Ek),S=i(k=>{let{supportedChains:w}=a(k);return mn(w)},"getSupportedChainNames"),y=e(),f={meta:{blockchains:d,evmBasedChains:C,evmNetworkChainInfo:Ak(C),getSupportedChainNames:S},getSigners:o,wallets:c,providers:y,switchNetwork:h,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},b=oe.use.isActiveTab();return Wk.createElement(bk,{queuesDefs:[l],context:f,onPersistedDataLoaded:k=>{xk(k)},isPaused:!b},t.children)}i(Mk,"QueueManager");var qd=Mk;import{useManager as _k}from"@rango-dev/queue-manager-react";import Dk,{createContext as Fk,useContext as Ok}from"react";import{cancelSwap as Nk,getCurrentBlockchainOfOrNull as Bk,getCurrentStep as Pk,getRelatedWalletOrNull as $k}from"@rango-dev/queue-manager-rango-preset";var Rr=class{static{i(this,"WidgetHistory")}manager;actions;constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return ct(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){return this.actions.retrySwap(e,o)}cancel(e){let o=this.manager?.get(e);o&&Nk(o)}getCurrentStepInfo(e){let o=Pk(e);return{step:o,wallet:o?$k(e,o):null,network:o?Bk(e,o):null}}};var zd=Fk(void 0);function wa(t){let{manager:e}=_k(),o=oe.use.isActiveTab(),n=z.use.retry(),r=new Rr(e,{retrySwap:n}),s=K.use.connectedWallets(),a=K.use.loading(),l=Da(s),p=K.use.getWalletsDetails(),u=g().blockchains(),c=g().tokens(),h=g().swappers(),m=g().fetchStatus,d=go().resetLanguage,C=qe().getUnreadNotifications(),S={isActiveTab:o,setCurrentTabAsActive:zt.forceClaim,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:u,tokens:c,swappers:h,loadingStatus:m},resetLanguage:d,notifications:{list:C}};return Dk.createElement(zd.Provider,{value:S},t.children)}i(wa,"WidgetInfo");function Qd(){let t=Ok(zd);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Qd,"useWidget");function ei(t){let{onUpdateState:e,config:o}=t;return Uk(()=>{Qa({API_KEY:o?.apiKey||an,BASE_URL:o?.apiUrl||Ia})},[o.apiKey,o.apiUrl]),xa.createElement(bn,{config:o,onUpdateState:e},xa.createElement(qd,{apiKey:o.apiKey},xa.createElement(wa,null,t.children)))}i(ei,"WidgetProvider");function Hd(t){return qk(()=>(zt.init(),zt.destroy),[]),t.config?.externalWallets?va.createElement(Zr,null):va.createElement(ei,{config:t.config??ai},va.createElement(Zr,null))}i(Hd,"Widget");export{qQ as EventSeverity,zQ as MainEvents,ZQ as Networks,tH as PendingSwapNetworkStatus,QQ as RouteEventType,HQ as StepEventType,GQ as StepExecutionBlockedEventStatus,VQ as StepExecutionEventStatus,ke as UI_ID,YQ as WalletEvents,RQ as WalletTypes,Hd as Widget,ei as WidgetProvider,bn as WidgetWallets,Mi as customizedThemeTokens,KQ as readAccountAddress,nu as useWallets,Qd as useWidget,jQ as useWidgetEvents};
1
+ var Vd=Object.defineProperty;var i=(t,e)=>Vd(t,"name",{value:e,configurable:!0});import{EventSeverity as qQ,MainEvents as zQ,RouteEventType as QQ,StepEventType as HQ,StepExecutionBlockedEventStatus as GQ,StepExecutionEventStatus as VQ,useEvents as jQ}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as KQ,useWallets as nu,Events as YQ}from"@rango-dev/wallets-react";import{Networks as ZQ,WalletTypes as RQ}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as tH}from"rango-types";import{UI_ID as jd}from"@rango-dev/ui";var an="c6381a79-2817-4602-83bf-6a641a409e32",Ia="https://api.rango.exchange",Aa="https://scan.rango.exchange",ke={SWAP_BOX_ID:"rango-swap-box",EXPANDED_BOX_ID:"rango-expanded-box",...jd};import{Events as ui,Provider as Ef}from"@rango-dev/wallets-react";import{isEvmBlockchain as Wf}from"rango-sdk";import xn,{createContext as Lf,useEffect as dl,useRef as Mf}from"react";import{useEffect as cf}from"react";import{create as lf}from"zustand";import{subscribeWithSelector as pf}from"zustand/middleware";import{RangoClient as sf}from"rango-sdk";import{WalletState as lt}from"@rango-dev/ui";import{readAccountAddress as Yd}from"@rango-dev/wallets-react";import{detectInstallLink as Jd,getCosmosExperimentalChainInfo as Zd,isEvmAddress as Rd,KEPLR_COMPATIBLE_WALLETS as nw,Networks as Ma}from"@rango-dev/wallets-shared";import ti from"bignumber.js";import{isCosmosBlockchain as ef}from"rango-types";import Xd from"bignumber.js";var Le=new Xd(0);import{WalletTypes as Kd}from"@rango-dev/wallets-shared";var Ea=[Kd.LEAP];import{BigNumber as La}from"bignumber.js";var ln=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),W=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new La(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new La(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var pn=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var at=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),ko=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function se(t){return W(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(se,"formatTooltipNumbers");function oi(t){switch(!0){case t.connected:return lt.CONNECTED;case t.connecting:return lt.CONNECTING;case!t.installed:return lt.NOT_INSTALLED;default:return lt.DISCONNECTED}}i(oi,"mapStatusToWalletState");function Na(t,e,o,n){return o.filter(r=>!Ea.includes(r)).filter(r=>{let{supportedChains:s,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!s.find(c=>c.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=oi(t(r));return{title:s,image:a,link:Jd(l),state:p,type:r}})}i(Na,"mapWalletTypesToWalletInfo");function mn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(mn,"walletAndSupportedChainsNames");function Ba(t,e,o,n,r){let s=[];function a(p,u){if(!!!s.find(h=>h.chain===p)){let h={address:u,chain:p,walletType:t};s.push(h)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:c}=Yd(p),h=l.length>0,m=l.includes(c),d=c===Ma.Unknown;if(h&&!m&&!d)return;let S=c===Ma.Unknown&&Rd(u);if(d&&!S)return;o.includes(c)||S?r?a(c,u.toLowerCase()):l.filter(b=>o.includes(b)).forEach(b=>{a(b,u.toLowerCase())}):a(c,u)}),s}i(Ba,"prepareAccountsForWalletStore");function Pa(t){let e=[];return t?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(Pa,"getRequiredChains");function dn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(dn,"isAccountAndWalletMatched");function $a(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new ti(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:of(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i($a,"makeBalanceFor");function _a(t){return{...t,loading:!1,error:!0}}i(_a,"resetConnectedWalletState");var Da=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=W(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new ti(s?.amount||Le).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Le)||Le).toString();return tf(r)},"calculateWalletUsdValue");function tf(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(tf,"numberWithThousandSeparator");var of=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),fn=i((t,e)=>{let o=Zd(Object.entries(t).map(([,n])=>n).filter(ef));return o&&o[e]?.experimental},"isExperimentalChain");function gn(t){return t?{...t,amount:W(t.amount,8,8),usdValue:W(t.usdValue,4,4)}:null}i(gn,"formatBalance");function nf(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(nf,"sortTokensByBalance");function rf(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(rf,"sortTokensByPinnedToken");function Fa(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=rf(n,r,o);return l!==0?l:nf(s,a)}),t}i(Fa,"sortTokens");function Me(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Me,"areTokensEqual");function Oa(t){return t.sort((e,o)=>+(o.state===lt.CONNECTED)-+(e.state===lt.CONNECTED)||+(o.state===lt.DISCONNECTED||o.state===lt.CONNECTING)-+(e.state===lt.DISCONNECTED||e.state===lt.CONNECTING))}i(Oa,"sortWalletsBasedOnConnectionState");function hn(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}i(hn,"getConciseAddress");function Ua({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Ua,"getAddress");function ni(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(ni,"createTokenHash");function yn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new ti(o?.usdPrice??Le).multipliedBy(o?.amount).toString():""},r=o?ni({symbol:o.symbol,blockchain:o.chain,address:o.address}):null,s=r?e[r]:null;return r&&(!s||s&&s.amount<n.amount)&&(e[r]=n),e},{})}i(yn,"makeTokensBalance");var qa=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function za(t){return t.map(e=>e.state).join("-")}i(za,"hashWalletsState");var ri={API_KEY:an};function yt(t){return ri[t]||""}i(yt,"getConfig");function Qa(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),ri=e,ri}i(Qa,"initConfig");var Ha=20,Ga=25,Va="Roboto",ii="theme-widget",wo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Me(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Me(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),si=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig"),ja=i((t,e,o)=>o==="expanded"&&(t||e)||o==="full-expanded"&&e,"isVariantExpandable");var Sn,Et=i(()=>Sn||(Sn=new sf(yt("API_KEY"),yt("BASE_URL")),Sn),"httpService");var af=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=af;var X=Wt(lf()(pf((t,e)=>({connectedWallets:[],balances:{},loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!s.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(l=>l.selected&&l.walletType!==o).map(l=>l.chain),s=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:yn(s),connectedWallets:s}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let s=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>dn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await Et().getWalletsDetails(a)).wallets;if(p)t(u=>{let c=u.connectedWallets.map(m=>{let d=o.find(S=>dn(S,m)),C=p.find(S=>S.address===m.address&&S.blockChain===m.chain);return C?.failed&&d&&r&&s([d],n,!1),d&&C?{...m,explorerUrl:C.explorerUrl,balances:$a(C,n),loading:!1}:m});return{loading:!1,balances:yn(c),connectedWallets:c}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(c=>o.find(h=>dn(h,c))?_a(c):c);return{loading:!1,balances:yn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=ni(o);return n[r]??null}}))));import{allProviders as uf}from"@rango-dev/provider-all";function Cn(t,e){let o=uf({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(Cn,"matchAndGenerateProviders");function Xa(t,e){return Cn(t,e).map(r=>r.config.type)}i(Xa,"configWalletsToWalletName");function Ka(t,e){let o=X.use.clearConnectedWallet(),n=Cn(void 0,e);return cf(()=>{o(),n=Cn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Ka,"useWalletProviders");import kf,{createContext as wf,useContext as xf,useEffect as vf,useRef as bf}from"react";import{create as Cf}from"zustand";import{persist as Tf}from"zustand/middleware";var ai={apiKey:"",title:void 0,multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},mf={clientUrl:void 0},df={liquiditySources:void 0},Ya=i((t,e,o)=>({config:{...ai,...t},iframe:mf,campaignMode:df,getLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?r.liquiditySources:n.liquiditySources??[]},getDisabledLiquiditySources:()=>{let{disabledLiquiditySources:n,campaignMode:r}=o();return r.liquiditySources?.length?[]:n},excludeLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?!1:!!n.enableNewLiquiditySources},isInCampaignMode:()=>{let{campaignMode:n}=o();return!!n.liquiditySources?.length},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})},updateCampaignMode:(n,r)=>{let s=o().campaignMode;e({campaignMode:{...s,[n]:r}})},updateIframe:(n,r)=>{let s=o().iframe;e({iframe:{...s,[n]:r}})}}),"createConfigSlice");function Tn(t){return Array.from(new Set(t))}i(Tn,"removeDuplicateFrom");function li(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(li,"areEqual");function Ja(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Ja,"debounce");function qt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(qt,"containsText");var N=i(()=>document.getElementById(ke.SWAP_BOX_ID),"getContainer"),kn=i(()=>document.getElementById(ke.EXPANDED_BOX_ID),"getExpanded");function wn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Tn(t.map(s=>s.swapperGroup)).map(s=>{let a=t.find(l=>l.swapperGroup===s);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}i(wn,"getUniqueSwappersGroups");function Za(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(Za,"sortLiquiditySourcesByGroupTitle");function je(t,e){return e?.[t]==="hidden"}i(je,"isFeatureHidden");function Ra(t,e){return e?.[t]==="enabled"}i(Ra,"isFeatureEnabled");var el=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(s.length>0&&!s.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??{},a=e().blockchains({type:o.type});return n.filter(p=>s&&wo(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(qt(p.symbol,o.searchFor)||qt(p.address||"",o.searchFor)||qt(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(u,o.type)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Me(a,o)),swappers:()=>{let{config:o,campaignMode:n}=e(),r=n.liquiditySources?.length?n.liquiditySources:null,s=r??o.liquiditySources,a=r?!1:o.enableNewLiquiditySources;return e()._swappers.filter(u=>{let c=s?.includes(u.swapperGroup);return a||!s||s.length===0?!c:c}).sort(Za)},fetch:async()=>{try{let o=await Et().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],s=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as ff,French as gf,Japanese as hf,Portuguese as yf,Spanish as Sf}from"@rango-dev/ui";var tl=[{title:"English",label:"English",local:"en",SVGFlag:ff},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Sf},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:gf},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:hf},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:yf}],xo="en";var ol=[.5,1,3],nl=1,rl=5,il=100,sl=0;var al=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:nl,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=9;return p&&u}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=Tn(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n}=o,r=je("theme",n),s=je("language",n),a=je("liquiditySource",n);t({...r&&{theme:o.theme?.mode||"auto"},...s&&{language:o.language||xo},...a&&{disabledLiquiditySources:o.liquiditySources||[]}})}}),"createSettingsSlice");function ll(t){return Cf()(Tf((...e)=>({...el(...e),...al(...e),...Ya(t,...e)}),{name:"user-settings",skipHydration:!0,partialize:e=>({theme:e.theme,language:e.language,affiliatePercent:e.affiliatePercent,affiliateRef:e.affiliateRef,affiliateWallets:e.affiliateWallets,slippage:e.slippage,customSlippage:e.customSlippage,infiniteApprove:e.infiniteApprove,preferredBlockchains:e.preferredBlockchains,disabledLiquiditySources:e.disabledLiquiditySources})}))}i(ll,"createAppStore");var pl=wf(null);function g(){let t=xf(pl);if(vf(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(g,"useAppStore");function ul(t){let e=bf();return e.current||(e.current=ll(t.config)),kf.createElement(pl.Provider,{value:e.current},t.children)}i(ul,"AppStoreProvider");import{create as Af}from"zustand";var cl="rango-widget";var vo=class{static{i(this,"TabManager")}tabId;state="not-initiated";lastTryClaim;events={};channel;constructor(e){this.channel=new BroadcastChannel(cl),this.tabId=Math.trunc(Math.random()*1e5),this.events=e}init=()=>{this.initEvents(),this.tryClaim()};forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};isClaimed=()=>this.state==="claimed";destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};initEvents(){this.channel.addEventListener("message",this.handleMessageEvent),document.addEventListener("visibilitychange",this.handleVisibilityChange),document.addEventListener("resume",this.handleResume)}claimedByCurrentTab(e){let o=this.lastTryClaim&&this.lastTryClaim<e;if(this.isClaimed()||o){let n={name:"pong"};this.channel.postMessage(n);return}}handleMessageEvent=e=>{let o=e.data.name;switch(o){case"ping":this.claimedByCurrentTab(e.data.pingAt);break;case"pong":this.alreadyClaimedByAnotherTab();break;case"force-claim":this.forceRelease(e.data.candidateId);break;case"force-release":this.tabId===e.data.candidateId&&this.claim();break;default:throw new Error(`${o} is not supported.`)}};handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};alreadyClaimedByAnotherTab(){this.resetLastCheck()}async tryClaim(){return this.setLastCheck(),new Promise(e=>{setTimeout(()=>{this.check(),e()},300)})}check(){this.state==="not-initiated"&&this.events.onInit?.(),this.lastTryClaim?(this.claim(),this.resetLastCheck()):this.state="not-claimed"}claim(){this.state="claimed",this.events.onClaim?.()}setLastCheck(){this.lastTryClaim=Date.now();let e={name:"ping",pingAt:this.lastTryClaim};this.channel.postMessage(e)}resetLastCheck(){this.lastTryClaim=void 0}forceRelease(e){if(this.isClaimed()){this.state="not-claimed",this.events.onRelease?.();let o={name:"force-release",candidateId:e};this.channel.postMessage(o)}}};var oe=Wt(Af()((t,e)=>({isActiveTab:!1,tabManagerInitiated:!1,showActivateTabModal:!1,watermark:"NONE",fetchingApiConfig:!1,activateCurrentTab:(o,n)=>{let{showActivateTabModal:r}=e();!r&&n?t({showActivateTabModal:!0}):(r||!n)&&o()},setShowActivateTabModal:o=>{t({showActivateTabModal:o})},setWatermark:o=>{t({watermark:o})}}))),zt=new vo({onInit:()=>oe.setState({tabManagerInitiated:!0}),onClaim:()=>oe.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>oe.setState({isActiveTab:!1})});var vn=Lf({onConnectWallet:()=>{}});function Nf(t){let{updateConfig:e,updateSettings:o,fetch:n}=g(),r=g().blockchains(),s=g().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:l}=Ka(t.config.wallets,a),{connectWallet:p,disconnectWallet:u}=X(),c=Mf();dl(()=>{n().catch(console.log)},[]),dl(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let h=r.filter(Wf).map(C=>C.name),m=i((C,S,y,f,b)=>{if(S===ui.ACCOUNTS)if(y){let k=mn(b.supportedBlockchains),w=Ba(C,y,h,k,b.isContractWallet);w.length&&p(w,s)}else u(C);if(S===ui.ACCOUNTS&&f.connected){let k=`${C}-${f.network}-${y}`;f.connected&&(c.current?c.current(k):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(S===ui.NETWORK&&f.network){let k=`${C}-${f.network}`;c.current?c.current(k):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(C,S,y,f,b)},"onUpdateState"),d=oe.use.isActiveTab();return xn.createElement(vn.Provider,{value:{onConnectWallet:C=>{c.current=C}}},xn.createElement(Ef,{allBlockChains:r,providers:l,onUpdateState:m,autoConnect:!!d},t.children))}i(Nf,"Main");function bn(t){let{config:e,...o}=t;return xn.createElement(ul,{config:e},xn.createElement(Nf,{...o,config:e}))}i(bn,"WidgetWallets");import va,{useEffect as qk}from"react";import{I18nManager as Tk}from"@rango-dev/ui";import sn,{useContext as kk,useEffect as wk,useState as Ud}from"react";import{useQueueManager as _f}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Df}from"@rango-dev/wallets-react";import{isEvmBlockchain as Ff}from"rango-types";import Of,{Fragment as Uf}from"react";import{MemoryRouter as qf,useInRouterContext as zf}from"react-router";import{useWallets as Bf}from"@rango-dev/wallets-react";import{useEffect as Pf,useRef as $f}from"react";function gl(){let{connect:t,state:e}=Bf(),o=$f({}),{fetchStatus:n}=g(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Pf(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(gl,"useForceAutoConnect");function hl({children:t,...e}){let n=zf()?Uf:qf,r=g().blockchains(),{canSwitchNetworkTo:s}=Df();gl();let a=r.filter(Ff);return _f({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),Of.createElement(n,null,t)}i(hl,"AppRouter");import Ue from"react";import{useRoutes as fk}from"react-router-dom";var F={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId",routes:"routes"};import{useEffect as oo,useRef as $n}from"react";import Nt from"bignumber.js";import{create as Xf}from"zustand";import{subscribeWithSelector as Kf}from"zustand/middleware";import{getLastSuccessfulStep as jf}from"@rango-dev/queue-manager-rango-preset";import Uv from"bignumber.js";import{i18n as pt}from"@lingui/core";var ci={"Network Fee":pt.t("Network Fee"),"Swapper Fee":pt.t("Protocol Fee"),"Affiliate Fee":pt.t("Affiliate Fee"),"Outbound network fee":pt.t("Outbound Fee"),"Rango Fee":pt.t("Rango Fee")},mi=[{value:"SMART",label:pt.t("Smart Routing")},{value:"FEE",label:pt.t("Lowest Fee")},{value:"SPEED",label:pt.t("Fastest Transfer")},{value:"NET_OUTPUT",label:pt.t("Maximum Return")},{value:"PRICE",label:pt.t("Maximum Output")}],di=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"],yl=30;var Lt=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(Lt||{});function Sl(t,e){return e.find(o=>o.name===t)?.displayName}i(Sl,"getBlockchainDisplayNameFor");function Xe(t,e){return e.find(o=>o.name===t)?.shortName}i(Xe,"getBlockchainShortNameFor");function bo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(bo,"getSwapperDisplayName");function fi(t,e){return e.find(o=>Me(o,t))??null}i(fi,"findToken");function gi(t,e){return e.find(o=>o.name===t)??null}i(gi,"findBlockchain");import{i18n as Re}from"@lingui/core";import Ne from"bignumber.js";import{PendingSwapNetworkStatus as Wn}from"rango-types";function In(t){let e=[];return t?.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(In,"getRequiredWallets");function An(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(An,"isValidAddress");import{i18n as Ee}from"@lingui/core";var K=i(()=>({genericServerError:Ee.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Ee.t("Please reset your liquidity sources."),description:Ee.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:Ee.t("No Routes Found."),description:Ee.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:Ee.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:Ee.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:Ee.t("High Price Impact"),title:Ee.t("Price impact is too high!"),description:Ee.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:Ee.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:Ee.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Ee.t("USD Price Unknown"),title:Ee.t("USD Price Unknown, Cannot calculate Price Impact."),description:Ee.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Ee.t("Confirm USD Price Unknown")}}),"errorMessages");function Cl(t){switch(t.type){case 0:return t.diagnosisMessage??K().noResultError.title;case 1:return K().genericServerError;default:return""}}i(Cl,"getQuoteErrorMessage");import{i18n as En}from"@lingui/core";var Qt=i(()=>({connectWallet:En.t("Connect Wallet"),swap:En.t("Swap"),swapAnyway:En.t("Swap anyway"),ethWarning:En.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Tl(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Ne(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Ne(1e3)))??!1}i(Tl,"hasHighValueLoss");function kl(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new Ne(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ne(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(kl,"hasLimitError");function wl(t){let e=(t||[]).filter(l=>{let p=l.fromAmountMinValue?new Ne(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new Ne(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Ne(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ne(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Re.t({id:"Required: >= {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Re.t({id:"Required: > {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Re.t({id:"Required: <= {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Re.t({id:"Required: < {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(wl,"getLimitErrorMessage");function xl(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Qt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||l||!r||r==="0"?{title:Qt().swap,action:"confirm-swap",disabled:!0}:a?{title:Qt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Qt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Qt().swap,action:"confirm-swap",disabled:!1}:{title:Qt().connectWallet,action:"connect-wallet",disabled:!1}}i(xl,"getSwapButtonState");function hi(t,e,o){return!((!o||o.lte(Le))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(hi,"canComputePriceImpact");function Qf(t){let e=[];return t?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(Qf,"requiredWallets");var Hf=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Gf(t,e){let o=Le;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Hf(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Ne(r.amount).multipliedBy(s||0))}return o}i(Gf,"getUsdFeeOfStep");function Ln(t,e){return t.reduce((o,n)=>o.plus(Gf(n,e)),Le)}i(Ln,"getTotalFeeInUsd");function yi(t){let e=Le;return e=e.plus(new Ne(t.amount).multipliedBy(t.price||0)),e}i(yi,"getUsdFee");function vl(t){return t.reduce((e,o)=>e.plus(yi(o)),Le)}i(vl,"getTotalFeesInUsd");function bl(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(bl,"getFeesGroup");function Il(t){let e=new Map;return t.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(Il,"checkSlippageErrors");function Al(t,e){let o=new Map;return t?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}i(Al,"checkSlippageWarnings");function Mn(t){return t.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(Mn,"getMinRequiredSlippage");function El(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(El,"hasProperSlippage");function Wl(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:c,affiliatePercent:h,affiliateWallets:m,destination:d}=t,C=s?.reduce((f,b)=>(f[b.chain]=b.address,f),{}),S=[];return r?.forEach(f=>{S.push({blockchain:f.chain,addresses:[f.address]})}),{amount:n.toString(),affiliateRef:c??void 0,affiliatePercent:h??void 0,affiliateWallets:m??void 0,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:S,selectedWallets:C??{},slippage:u.toString(),...d&&{destination:d},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(f=>!a.includes(f)),swappersGroupsExclude:!1}}}i(Wl,"createQuoteRequestBody");function Ll(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Ll,"getWalletsForNewSwap");function eo(t){return t?.outputAmount||null}i(eo,"getQuoteOutputAmount");function Ml(t,e){return new Ne(e).div(new Ne(t)).minus(1).multipliedBy(100).toNumber()}i(Ml,"getPercentageChange");function Nl(t,e){let o=eo(t),n=eo(e);if(!o||!n)return!1;let r=Ke(o,n);return r?r<=-1:!0}i(Nl,"isOutputAmountChangedALot");function Bl(t,e,o){let n=t.validationStatus,r=Pa(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>Ol(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=W(new Ne(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=W(new Ne(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),c="";return a.reason==="FEE"&&(c=Re.t(" for network fee")),a.reason==="INPUT_ASSET"&&(c=Re.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(c=Re.t(" for input and network fee")),Re.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:u,symbol:l,reason:c,currentAmount:p,blockchain:Xe(a.asset.blockchain,o)}})})}i(Bl,"generateBalanceWarnings");function Nn(t,e){return(t?new Ne(t):Le).multipliedBy(e||0)}i(Nn,"calcOutputUsdValue");function Io(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Wn.NetworkChanged}i(Io,"isNetworkStatusInWarningState");function Pl(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Io(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Wn.WaitingForConnectingWallet:n=n||Re.t("Waiting for connecting wallet");break;case Wn.WaitingForQueue:n=n||Re.t("Waiting for other running tasks to be finished");break;case Wn.WaitingForNetworkChange:n=n||Re.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(Pl,"getSwapMessages");function $l(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}i($l,"getLastConvertedTokenInFailedSwap");function _l(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(_l,"shouldRetrySwap");function Dl(t,e,o,n,r,s){return t||!e&&!Qf(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!An(s,o)}i(Dl,"confirmSwapDisabled");function Fl(t,e){return t.blockchain===e.blockchain&&t.symbol===e.symbol&&t.address===e.address}i(Fl,"isTokensIdentical");function Bn(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(Bn,"getQuoteToTokenUsdPrice");function Si(t,e){let o=t?.swaps||[],n=e?.swaps||[];return o.length!==n.length}i(Si,"isNumberOfSwapsChanged");function Ci(t,e){let o=t?.swaps.map(r=>r.swapperId)||[],n=e?.swaps.map(r=>r.swapperId)||[];return!li(o,n)}i(Ci,"isQuoteSwappersUpdated");function Ti(t,e){let o=t?.swaps.map(r=>r.to.symbol)||[],n=e?.swaps.map(r=>r.to.symbol)||[];return!li(o,n)}i(Ti,"isQuoteInternalCoinsUpdated");function ql(t,e){return Si(t,e)||Ci(t,e)||Ti(t,e)}i(ql,"isQuoteChanged");function Ol(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(Ol,"getRequiredBalanceOfWallet");function St(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(St,"getPriceImpactLevel");function zl(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=jf(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=gi(s?s.toBlockchain:n.fromBlockchain,e),p=gi(r.toBlockchain,e),u=fi(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=fi(a,o),h=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:h}}i(zl,"createRetryQuote");function to(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Ht(o,t.requestAmount),l=Ht(n,t?.outputAmount??"");if(t&&a&&l){let c=Ke(a.toString(),l.toString());if(!!c&&Tl(a,c)){let m=Ln(t?.swaps,r),d=St(c);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:c,totalFee:m,warningLevel:d}}}else if(t&&(!a||!l))return{type:1};let p=Mn(t.swaps),u=s>rl;if(El(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:Al(t,s),minRequiredSlippage:p};return null}i(to,"generateQuoteWarnings");function Ke(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:Ml(t.toString(),e.toString());return n&&n<0?n:null}i(Ke,"getPriceImpact");var Ql=i(t=>{let e=new Set,o=[];return t.forEach(n=>{e.has(n.from.chain.displayName)||(e.add(n.from.chain.displayName),o.push(n.from.chain)),e.has(n.to.chain.displayName)||(e.add(n.to.chain.displayName),o.push(n.to.chain))}),o},"getUniqueBlockchains"),Pn=i((t,e)=>e.sort((o,n)=>{let r=i(u=>u.scores?.find(c=>c.preferenceType===t)?.score??0,"getScore"),s=r(o),a=r(n);if(s!==a)return a-s;let l=o.requestId.toLowerCase(),p=n.requestId.toLowerCase();return l.localeCompare(p)}),"sortQuotesBy"),Hl=i((t,e,o)=>{if(!e.length)return null;if(!t)return{requestAmount:o,...e[0]};let n=new Set(t.swaps.map(s=>s.swapperId)),r=e.find(s=>{let a=new Set(s.swaps.map(l=>l.swapperId));return Array.from(n).every(l=>a.has(l))});return{requestAmount:o,...r||e[0]}},"getDefaultQuote"),Gl=i(t=>{let e=i((o,n)=>{let r=di.indexOf(o.value),s=di.indexOf(n.value);return r!==-1&&s!==-1?r-s:r!==-1?-1:s!==-1?1:0},"customSort");return t.sort(e)},"sortTags");var Ht=i((t,e)=>t?.usdPrice?new Nt(e||Le).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),Q=Wt(Xf()(Kf(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Nt(0),outputUsdValue:new Nt(0),toBlockchain:null,toToken:null,refetchQuote:!0,sortStrategy:"SMART",selectedQuote:null,quotes:null,error:null,warning:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null,quoteWarningsConfirmed:!1,updateQuotePartialState:(e,o)=>t(n=>({...n,[e]:o})),setSelectedQuote:e=>t(o=>{let n=null,r=Le;return ko(o.inputAmount)?(e&&(n=e?.outputAmount?new Nt(e?.outputAmount):null,r=Nn(e?.outputAmount,Bn(e)||o.toToken?.usdPrice)),{selectedQuote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetAlerts:()=>t(()=>({error:null,warning:null})),resetQuote:()=>t(()=>({selectedQuote:null,outputAmount:null,outputUsdValue:new Nt(0),quotes:null,refetchQuote:!0,error:null,warning:null})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{selectedQuote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:Ht(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{selectedQuote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new Nt(0),outputUsdValue:new Nt(0),selectedQuote:null},...!!o.fromToken&&{inputUsdValue:Ht(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=zl(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:Ht(a??null,u),outputUsdValue:new Nt(0),toBlockchain:l,toToken:p,selectedQuote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Ht(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function Vl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=Q(),u=g().config,c=g().fetchStatus,h=g().blockchains(),m=g().tokens(),{setAffiliateRef:d,setAffiliatePercent:C,setAffiliateWallets:S}=g(),y=u?.from?.tokens,f=u?.from?.blockchains,b=u?.to?.tokens,k=u?.to?.blockchains,w=$n(void 0),E=$n(void 0),I=$n(void 0),T=$n(void 0);oo(()=>{t(u?.amount?.toString()||"")},[u?.amount]),oo(()=>{if(c==="success"){let x=h.find(L=>L.name===u?.from?.blockchain),A=m.find(L=>Me(L,u?.from?.token||null));(x||!x&&I.current)&&n(x??null),A?r({token:A,meta:{blockchains:h,tokens:m}}):!A&&w.current&&r({token:null}),I.current=u?.from?.blockchain,w.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,c]),oo(()=>{wo(s,y)&&r({token:null}),si(l,f)&&n(null)},[y,f]),oo(()=>{wo(a,b)&&r({token:null}),si(p,k)&&o(null)},[b,k]),oo(()=>{if(c==="success"){let x=h.find(L=>L.name===u?.to?.blockchain),A=m.find(L=>Me(L,u?.to?.token||null));(x||!x&&T.current)&&o(x??null),A?e({token:A,meta:{blockchains:h,tokens:m}}):!A&&E.current&&e({token:null}),T.current=u?.to?.blockchain,E.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,c]),oo(()=>{d(u?.affiliate?.ref??null),C(u?.affiliate?.percent??null),S(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}i(Vl,"useSyncStoresWithConfig");import{useEffect as xi,useRef as Yf}from"react";import{useInRouterContext as Jf,useLocation as Zf,useSearchParams as Rf}from"react-router-dom";function ki(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(ki,"searchParamToToken");function wi(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(wi,"tokenToSearchParam");function vi(){let t=Zf(),[e,o]=Rf(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:u,setFromToken:c,setToToken:h,setInputAmount:m}=Q(),d=g().fetchStatus,C=g().blockchains(),S=g().tokens(),y=Jf(),{updateIframe:f,updateCampaignMode:b}=g(),k=g().isInCampaignMode(),w=Yf(),E=i(()=>{let T=e.get("fromAmount"),x=e.get("fromBlockchain"),A=e.get("fromToken"),L=e.get("toBlockchain"),M=e.get("toToken"),q=e.get("autoConnect"),ee=e.get("clientUrl"),ge=e.get("liquiditySources");return{fromAmount:T,fromBlockchain:x,fromToken:A,toBlockchain:L,toToken:M,autoConnect:q,clientUrl:ee,liquiditySources:ge}},"getUrlSearchParams"),I=i(T=>{for(let x in T)T[x]||delete T[x];o(T,{replace:!0})},"updateUrlSearchParams");xi(()=>{let{autoConnect:T,clientUrl:x}=E();y&&d==="success"&&I({fromBlockchain:n?.name,fromToken:wi(s),toBlockchain:r?.name,toToken:wi(a),fromAmount:l,autoConnect:T??void 0,clientUrl:x??void 0,liquiditySources:k?w.current:void 0})},[t.pathname,l,n,s,r,a,k]),xi(()=>{if(!y)return;let T=E();if(!w.current&&T.liquiditySources&&(w.current=T.liquiditySources),T.fromAmount&&m(T.fromAmount),d==="success"){let x=C.find(q=>q.name===T.fromBlockchain),A=ki(S,T.fromToken,x??null),L=C.find(q=>q.name===T.toBlockchain),M=ki(S,T.toToken,L??null);x&&(p(x),A&&c({token:A,meta:{blockchains:C,tokens:S}})),L&&(u(L),M&&h({token:M,meta:{blockchains:C,tokens:S}}))}},[d]),xi(()=>{let{clientUrl:T,liquiditySources:x}=E();f("clientUrl",T||void 0),b("liquiditySources",x?.split(",")??void 0)},[])}i(vi,"useSyncUrlAndStore");import{i18n as vr}from"@lingui/core";import{useManager as Gy}from"@rango-dev/queue-manager-react";import{Alert as vc,Button as Vy,css as Cs,Divider as Ss,IconButton as bc,SettingsIcon as jy,styled as Xy,Tooltip as Ky,Typography as Yy,WalletIcon as Jy}from"@rango-dev/ui";import ue,{useEffect as Qo,useLayoutEffect as Zy,useRef as Ry,useState as br}from"react";import{flushSync as eS}from"react-dom";import{useLocation as tS,useNavigate as oS}from"react-router-dom";import{i18n as mt}from"@lingui/core";import{Alert as Yi,BalanceErrors as Ph,Button as ru,ChevronDownIcon as $h,ChevronLeftIcon as _h,Divider as po,MessageBox as Dh,Typography as rr,WalletIcon as Fh}from"@rango-dev/ui";import P,{useEffect as Oh,useState as uo}from"react";import{useNavigate as Uh}from"react-router-dom";import{i18n as _n}from"@lingui/core";function Dn(t){switch(t.type){case 0:return _n.t("Route has been updated.");case 3:return _n.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return _n.t("Route swappers has been updated.");case 2:return _n.t("Route internal coins has been updated.");default:return""}}i(Dn,"getQuoteUpdateWarningMessage");import{Modal as tg}from"@rango-dev/ui";import og from"react";function ae(t){let{watermark:e}=oe();return og.createElement(tg,{hasWatermark:e==="FULL",...t},t.children)}i(ae,"WatermarkedModal");import qn,{useRef as ig}from"react";import*as no from"@radix-ui/react-collapsible";import{keyframes as jl,styled as Fn}from"@rango-dev/ui";var bi=300,ng=jl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),rg=jl({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Xl=Fn(no.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Ii=Fn(no.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),On=Fn(no.Content,{overflow:"hidden",variants:{open:{true:{animation:`${ng} ${bi}ms ease-out`},false:{animation:`${rg} ${bi}ms ease-out`}}}}),Un=Fn("div",{transition:`all ${bi}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function zn(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=ig(null);return qn.createElement(Xl,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&qn.createElement(Ii,{className:"collapsible_trigger",onClick:s},a),qn.createElement(On,{className:"collapsible_content",open:e},r),l==="bottom"&&qn.createElement(Ii,{className:"collapsible_trigger",onClick:s},a))}i(zn,"CustomCollapsible");import{Button as sg,css as Kl,darkTheme as ro,IconButton as ag,styled as Ye,TextField as lg}from"@rango-dev/ui";var Yl=Ye("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Jl=Ye("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),pg=Ye("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${ro} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${ro} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${ro} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Zl=Ye(pg,{alignSelf:"stretch",minHeight:"93px"}),Rl=Ye("div",{padding:"$20 $20 $15 $20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),ep=Ye(ag,{position:"absolute",left:"$20"}),tp=Ye("div",{paddingTop:"$20"}),op=Kl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),np=Ye("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),rp=Kl({paddingTop:"$5"}),ip=Ye("div",{display:"flex"}),sp=Ye(lg,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),ap=Ye("div",{overflow:"visible",width:"100%"}),lp=Ye(sg,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${ro} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${ro} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${ro} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as et}from"@lingui/core";import{Button as Lh,Divider as Xi,Image as Mh,MessageBox as nr,SelectableWallet as Nh,Typography as eu,WalletState as tu}from"@rango-dev/ui";import pe,{useEffect as ou,useState as Lo}from"react";import{WalletState as Ai}from"@rango-dev/ui";import{useWallets as ug}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as cg,WalletTypes as Qn}from"@rango-dev/wallets-shared";import{useCallback as mg,useEffect as dg,useState as fg}from"react";var gg=Object.values(Qn);function Hn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=ug(),{connectedWallets:u}=X(),c=g().blockchains(),h=Xa(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||gg,m=Na(s,l,h,o),d=Oa(m),[C,S]=fg(""),y=i(E=>!u.find(I=>I.walletType===E&&I.chain===o),"isExperimentalChainNotAdded"),f=i(async E=>{let I=s(E);try{if(C&&S(""),I.connected)await a(E);else{let T=!!m.find(x=>x.state===Ai.CONNECTED);if(!e?.multiWallets&&T)return;n?.(E),await p(E),r?.(E)}}catch(T){S("Error: "+T?.message)}},"handleClick"),b=mg(()=>{let E=m?.filter(I=>I.state===Ai.CONNECTING)||[];for(let I of E)a(I.type)},[za(m)]);dg(()=>()=>{b()},[]);let k=i(E=>E.filter(T=>T.state!=Ai.NOT_INSTALLED&&![Qn.DEFAULT,Qn.WALLET_CONNECT_2].includes(T.type)&&l(T.type).supportedChains.filter(x=>x.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),w=i((E,I,T)=>fn(T,I)&&y(E)&&!cg.includes(E)||E==Qn.DEFAULT&&!k(m),"shouldExcludeWallet");return{list:d.filter(E=>!w(E.type,o??"",c)),error:C,handleClick:f,disconnectConnectingWallets:b}}i(Hn,"useWalletList");import{i18n as jp}from"@lingui/core";import{styled as Kp,Typography as xh,Wallet as vh,WalletState as bh}from"@rango-dev/ui";import lo,{useState as Xp}from"react";import{useManager as dh}from"@rango-dev/queue-manager-react";import{BottomLogo as fh,Divider as Op,Header as gh}from"@rango-dev/ui";import ye,{useEffect as Up,useRef as qp}from"react";import{useRef as hg}from"react";function Gn(){return window.self!==window.top}i(Gn,"isAppLoadedIntoIframe");function Ei(){let t=hg(null),{iframe:e}=g(),o=Gn()&&e.clientUrl,n=i(a=>{o&&window.top?.postMessage(a,e.clientUrl)},"send");return{send:n,connectHeightObserver:i(a=>{t.current=new ResizeObserver(l=>{for(let p of l)n({type:"widget_height",data:{height:p.contentRect.height}})}),t.current.observe(a)},"connectHeightObserver"),disconnectHeightObserver:i(()=>{t.current&&(t.current.disconnect(),t.current=null)},"disconnectHeightObserver")}}i(Ei,"useIframe");import{useNavigate as yg}from"react-router-dom";function ut(){let t=yg();return()=>t(-1)}i(ut,"useNavigateBack");import{createTheme as Ni,darkTheme as wg,lightTheme as xg}from"@rango-dev/ui";import{useEffect as mp,useState as vg}from"react";import{theme as Tg,darkColors as kg}from"@rango-dev/ui";var pp=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,u=(a.length<2?"0":"")+a,c=(l.length<2?"0":"")+l;return`#${p}${u}${c}`},"colorShade"),Vn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:pp(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:pp(e,-((l-5)*25))});return a},"generateRangeColors"),Wi=i((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let s in o){let a=o[s];if(a&&a!==t[s])if(n=!0,s==="background"||s==="foreground")r={...r,[s]:a};else if(s==="neutral"&&e){let l=Vn(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,...Vn(s,a)}}return n?r:{}},"generateColors");var up=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Sg=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=up(o%52)+e;return up(o%52)+e},"toAlphabeticName"),Cg=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Li=i(t=>Sg(Cg(5381,JSON.stringify(t))>>>0),"toHash");function Mi(t){let e=Tg.colors,o=Wi({...e,...kg},!0,t?.dark),n=Wi(e,!1,t?.light),r=Object.keys(o).length>0,s=Object.keys(n).length>0,a,l;if(s){let p={colors:n};a={id:`${ii}-light-${Li(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${ii}-dark-${Li(p)}`,tokens:p}}return{light:a,dark:l}}i(Mi,"customizedThemeTokens");function cp(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(cp,"joinList");function jn(t){let{colors:e,fontFamily:o=Va,borderRadius:n=Ha,secondaryBorderRadius:r=Ga,mode:s="auto"}=t,[a,l]=vg("light"),{setTheme:p,theme:u}=g(),{dark:c,light:h}=Mi(e),m=Ni({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[m.className,xg.className],C=[m.className,wg.className];if(h){let y=Ni(h.id,h.tokens);d.push(y.className)}if(c){let y=Ni(c.id,c.tokens);C.push(y.className)}return mp(()=>{let y=i(f=>{f.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",y),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",y)}},[]),mp(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let y=d.join(" "),f=C.join(" ");return u==="auto"?a==="dark"?f:y:u==="dark"?f:y},"getActiveTheme")}}i(jn,"useTheme");var ct=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");import{i18n as dp}from"@lingui/core";import{Alert as bg,Button as Ig}from"@rango-dev/ui";import fp from"react";function Bi(t){return fp.createElement(bg,{action:fp.createElement(Ig,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},dp.t("Activate this tab")),type:"warning",variant:"alarm",title:dp.t("Another tab is open and handles transactions.")})}i(Bi,"ActivateTabAlert");import{i18n as Pi}from"@lingui/core";import{Button as Ag,Divider as Eg,MessageBox as Wg}from"@rango-dev/ui";import Xn from"react";function $i(t){let{open:e,onClose:o,onConfirm:n}=t;return Xn.createElement(ae,{open:e,dismissible:!0,onClose:o,container:N()},Xn.createElement(Wg,{title:Pi.t("Activate current tab"),type:"warning",description:Pi.t("Currently, some transactions are running and being handled by other browser tab. If you activate this tab, all transactions that are already in the transaction sign step will expire.")},Xn.createElement(Eg,{size:20}),Xn.createElement(Ag,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Pi.t("Confirm"))))}i($i,"ActivateTabModal");import{ChevronLeftIcon as Mg}from"@rango-dev/ui";import Tp from"react";import{darkTheme as gp,IconButton as Lg,styled as io}from"@rango-dev/ui";var Je=io(Lg,{width:"$24",position:"relative",padding:"0",overflow:"unset","&:hover":{backgroundColor:"$info100",[`.${gp} &`]:{backgroundColor:"$neutral"}}}),hp=io("div",{position:"absolute",background:"$secondary500",[`.${gp} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),so=io("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),yp=io("div",{position:"absolute",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0",variants:{isSever:{true:{backgroundColor:"$error500"},false:{backgroundColor:"$secondary500"}}}}),Sp=io("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}}),Cp=io("div",{position:"absolute",right:"$4",top:"$4",backgroundColor:"$background",borderRadius:"100%"});function _i(t){return Tp.createElement(Je,{variant:"ghost",size:"small",onClick:t.onClick},Tp.createElement(Mg,{color:"black",size:16}))}i(_i,"BackButton");import{i18n as Ng}from"@lingui/core";import{Button as Bg,Typography as Pg}from"@rango-dev/ui";import Di from"react";function Fi(t){return Di.createElement(so,null,Di.createElement(Bg,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Di.createElement(Pg,{variant:"label",size:"medium",color:"error500"},Ng.t("Cancel"))))}i(Fi,"CancelButton");import{i18n as $g}from"@lingui/core";import{Tooltip as _g,WalletIcon as Dg}from"@rango-dev/ui";import Kn from"react";function Oi(t){return Kn.createElement(_g,{container:t.container,side:"top",content:$g.t("Connect Wallet")},Kn.createElement(Je,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Kn.createElement(hp,null),Kn.createElement(Dg,{size:18,color:"black"})))}i(Oi,"WalletButton");import{i18n as Zn}from"@lingui/core";import{NotificationsIcon as lh,Popover as ph,SettingsIcon as uh,Tooltip as Rn,TransactionIcon as ch}from"@rango-dev/ui";import ve from"react";import{i18n as jg}from"@lingui/core";import{EventSeverity as Ap}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Ep,ChevronRightIcon as Xg,Divider as Kg,Typography as Yg}from"@rango-dev/ui";import Fe from"react";import{useNavigate as Jg}from"react-router-dom";import{create as Fg}from"zustand";import{persist as Og,subscribeWithSelector as Ug}from"zustand/middleware";var qe=Wt(Fg()(Og(Ug((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,address:r.fromSymbolAddress,symbol:r.fromSymbol},to:{blockchain:s.toBlockchain,address:s.toSymbolAddress,symbol:s.toSymbol}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{darkTheme as qg,ListItemButton as zg,styled as Ao}from"@rango-dev/ui";var kp=Ao("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),wp=Ao("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),xp=Ao(zg,{variants:{actionRequired:{true:{backgroundColor:"$error300",[`.${qg} &`]:{backgroundColor:"$error600"}}}}}),vp=Ao("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),bp=Ao("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Qg}from"@lingui/core";import{Divider as Hg,NoNotificationIcon as Gg,Typography as Vg}from"@rango-dev/ui";import Yn from"react";function Ip(){return Yn.createElement(bp,null,Yn.createElement(Gg,{color:"secondary",size:26}),Yn.createElement(Hg,{size:12}),Yn.createElement(Vg,{variant:"body",size:"medium",color:"neutral700"},Qg.t("There are no notifications.")))}i(Ip,"NotificationNotFound");var Zg=4;function Ui(){let t=Jg(),{getUnreadNotifications:e}=qe(),o=e(),n=g().blockchains(),r=g().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,Zg),a=i(l=>{t(`${F.swaps}/${l}`)},"handleOnClick");return Fe.createElement(kp,null,s.length?Fe.createElement(wp,null,s.map((l,p)=>{let{route:u,requestId:c,event:h}=l,m=r.find(y=>Me(y,u.from)),d=n.find(y=>y.name===u.from.blockchain),C=r.find(y=>Me(y,u.to)),S=n.find(y=>y.name===u.to.blockchain);return Fe.createElement(Fe.Fragment,{key:c},p>0&&Fe.createElement(Kg,{size:4}),Fe.createElement(xp,{onClick:()=>a(c),actionRequired:h.messageSeverity===Ap.WARNING,title:Fe.createElement(Yg,{variant:"body",size:"small",color:h.messageSeverity===Ap.WARNING?"$foreground":"$neutral700"},jg.t(h.message)),id:c,start:Fe.createElement(vp,null,Fe.createElement("div",{className:"from-chain-token"},Fe.createElement(Ep,{tokenImage:m?m.image:"",chainImage:d?d.logo:"",size:"small"})),Fe.createElement("div",{className:"to-chain-token"},Fe.createElement(Ep,{tokenImage:C?C.image:"",chainImage:S?S.logo:"",size:"small"}))),end:Fe.createElement(Xg,{size:12,color:"gray"})}))})):Fe.createElement(Ip,null))}i(Ui,"NotificationContent");import{useManager as Rg}from"@rango-dev/queue-manager-react";import{InProgressIcon as eh}from"@rango-dev/ui";import Wp from"react";var th=i(()=>{let{manager:t}=Rg();return ct(t).map(({swap:o})=>o).find(o=>o.status==="running")?Wp.createElement(Cp,null,Wp.createElement(eh,{color:"info",size:6})):null},"InProgressTransactionBadge"),Lp=th;import{RefreshProgressButton as oh}from"@rango-dev/ui";import qi,{useEffect as nh,useState as Mp}from"react";var rh=1e3,Np=60,ih=100;function Jn({onClick:t}){let[e,o]=Mp(0),[n,r]=Mp(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");nh(()=>{let p;return t?p=window.setInterval(()=>{o(u=>u+1),e===Np&&l()},rh):a(p),document.addEventListener("visibilitychange",()=>s(p)),()=>{document.removeEventListener("visibilitychange",()=>s(p)),p&&clearInterval(p)}},[e,t]);let a=i(p=>{p&&clearInterval(p),o(0)},"clearTimeout"),l=i(()=>{t?.(),o(0),r(!0)},"handleRefreshClick");return qi.createElement(Je,{variant:"ghost",size:"small",style:{paddingTop:0,paddingBottom:0},onClick:l,disabled:!t},qi.createElement(Sp,{onTransitionEnd:()=>r(!1),isRefetched:n},qi.createElement(oh,{size:24,color:t?"black":"gray",progress:e/Np*ih})))}i(Jn,"RefreshButton");import{EventSeverity as sh}from"@rango-dev/queue-manager-rango-preset";import{Typography as ah}from"@rango-dev/ui";import Bp from"react";function Pp(){let{getUnreadNotifications:t}=qe(),e=t(),o=e.length,n=!!e.find(r=>r.event.messageSeverity===sh.WARNING);return o?Bp.createElement(yp,{isSever:n},Bp.createElement(ah,{variant:"body",size:"xsmall",color:"$background"},o)):null}i(Pp,"UnreadNotificationsBadge");function Gt(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n,hidden:r=[]}=t,{config:{features:s}}=g(),a=je("notification",s)||r.includes("notifications");return ve.createElement(ve.Fragment,null,!r.includes("refresh")&&ve.createElement(Rn,{container:N(),side:"top",content:Zn.t("Refresh")},ve.createElement(Jn,{onClick:e})),!a&&ve.createElement(ph,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:N(),content:ve.createElement(Ui,null)},ve.createElement("div",null,ve.createElement(Rn,{container:N(),side:"top",content:Zn.t("Notifications")},ve.createElement(Je,{size:"small",variant:"ghost"},ve.createElement(lh,{size:18,color:"black"}),ve.createElement(Pp,null))))),!r.includes("settings")&&ve.createElement(Rn,{container:N(),side:"top",content:Zn.t("Settings")},ve.createElement(Je,{size:"small",variant:"ghost",onClick:n},ve.createElement(uh,{size:18,color:"black"}))),!r.includes("history")&&ve.createElement(Rn,{container:N(),side:"top",content:Zn.t("Transactions History")},ve.createElement(Je,{size:"small",variant:"ghost",onClick:o},ve.createElement(ch,{size:18,color:"black"}),ve.createElement(Lp,null))))}i(Gt,"HeaderButtons");function zi(t){let e=t.target;if(e){let o=e.scrollTop,n=N();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(zi,"onScrollContentAttachStatusToContainer");import{css as mh,styled as Qi}from"@rango-dev/ui";var $p="700px",er=mh({borderRadius:"$primary",display:"flex",flexDirection:"column",overflow:"hidden",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)"}),_p=Qi("div",{position:"relative",width:"100vw",minWidth:"300px",maxWidth:"390px",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:$p},fixed:{height:$p}}}}),Dp=Qi("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),Fp=Qi("div",{padding:"0 $20 $10","& .footer__alert":{paddingTop:"$10"},"& .footer__logo":{opacity:0,transition:"opacity 1s ease-in-out","&.logo__show":{opacity:1},"&.logo__hidden":{visibility:"hidden"}}});function ie(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=Ei(),{children:n,header:r,footer:s,height:a="fixed"}=t,l=X.use.connectedWallets(),{config:{features:p,theme:u}}=g(),{watermark:c}=oe(),h=c==="FULL",{activeTheme:m}=jn(u||{}),d=je("connectWalletButton",p),{isActiveTab:C,tabManagerInitiated:S,showActivateTabModal:y,setShowActivateTabModal:f,activateCurrentTab:b}=oe(),k=ut(),{manager:w}=dh(),I=ct(w).map(({swap:q})=>q).some(q=>q.status==="running"),T=i(()=>b(zt.forceClaim,I),"onActivateTab"),x=i(()=>{r.onWallet?.()},"onConnectWallet"),A=typeof r.hasBackButton>"u"||r.hasBackButton,L=qp(null),M=qp(null);return Up(()=>(Gn()&&M.current&&e(M.current),()=>{o()}),[]),Up(()=>(L.current?.addEventListener("scroll",zi),()=>{L.current?.removeEventListener("scroll",zi)}),[]),ye.createElement(_p,{height:a,id:ke.SWAP_BOX_ID,className:`${m()} ${er()}`,ref:M},ye.createElement(gh,{prefix:ye.createElement(ye.Fragment,null,A&&ye.createElement(_i,{onClick:()=>{k(),r.onBack&&r.onBack()}})),title:r.title,suffix:ye.createElement(ye.Fragment,null,r.suffix,r.onWallet&&!d&&ye.createElement(Oi,{container:N(),onClick:x,isConnected:!!l?.length}),r.onCancel&&ye.createElement(Fi,{onClick:r.onCancel}))}),ye.createElement(Dp,{ref:L},n),ye.createElement($i,{open:y,onClose:()=>f(!1),onConfirm:T}),ye.createElement(Fp,null,ye.createElement("div",{className:"footer__content"},S&&!C&&ye.createElement("div",{className:"footer__alert"},ye.createElement(Bi,{onActivateTab:T}),ye.createElement(Op,{size:10})),s),ye.createElement(Op,{size:12}),ye.createElement("div",{className:`footer__logo ${h?"logo__show":"logo__hidden"}`},ye.createElement(fh,null))))}i(ie,"Layout");import{styled as hh}from"@rango-dev/ui";var zp="$20 $20 $10 $20",Eo=hh("div",{padding:zp,overflowY:"auto",flexGrow:1});import{styled as yh}from"@rango-dev/ui";var le=yh("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 wh}from"@rango-dev/ui";import Gi from"react";import{i18n as ao}from"@lingui/core";import{Image as Th,MessageBox as Hi,WalletState as kh}from"@rango-dev/ui";import Vt from"react";import{keyframes as Sh,styled as tr}from"@rango-dev/ui";var r0=tr("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Qp=tr("div",{position:"relative"}),Ch=Sh({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Hp=tr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Ch} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Gp=tr("div",{"& img":{borderRadius:"50%"}});function Vp(t){let{state:e,image:o,error:n}=t;return e===kh.CONNECTED?Vt.createElement(Hi,{type:"success",title:ao.t("Wallet Connected"),description:ao.t("Your wallet is connected, you can use it to swap.")}):n?Vt.createElement(Hi,{type:"error",title:ao.t("Failed to Connect"),description:n||ao.t("Your wallet is not connected. Please try again.")}):Vt.createElement(Hi,{type:"loading",title:ao.t("Connecting to your wallet"),description:ao.t("Click connect in your wallet popup."),icon:Vt.createElement(Qp,null,Vt.createElement(Gp,null,Vt.createElement(Th,{src:o,size:45})),Vt.createElement(Hp,null))})}i(Vp,"ModalContent");function Wo(t){let{open:e,onClose:o,...n}=t;return Gi.createElement(ae,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},Gi.createElement(Vp,{...n}),Gi.createElement(wh,{direction:"vertical",size:32}))}i(Wo,"WalletModal");var Ih=Kp("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ah=Kp(le,{textAlign:"center"}),or=3e3,Vi=300;function Yp(){let{config:t,fetchStatus:e}=g(),[o,n]=Xp(!1),[r,s]=Xp(""),a=null,l=oe.use.isActiveTab(),{list:p,handleClick:u,error:c,disconnectConnectingWallets:h}=Hn({config:t,onBeforeConnect:y=>{a=setTimeout(()=>{n(!0),s(y)},Vi)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},or)}}),m=i(()=>{h(),n(!1)},"handleCloseWalletModal"),d=p.find(y=>y.type===r),C=d?.image||"",S=d?.state||bh.NOT_INSTALLED;return lo.createElement(ie,{header:{title:jp.t("Connect Wallets")}},lo.createElement(Ah,null,lo.createElement(xh,{variant:"title",size:"xmedium",align:"center"},jp.t("Choose a wallet to connect.")),lo.createElement(Ih,null,p.map((y,f)=>{let b=`wallet-${f}-${y.type}`;return lo.createElement(vh,{key:b,...y,container:N(),onClick:k=>{u(k)},isLoading:e==="loading",disabled:!l})}),lo.createElement(Wo,{open:!!o,onClose:m,image:C,state:S,error:c}))))}i(Yp,"WalletsPage");import{keyframes as Eh,styled as ji}from"@rango-dev/ui";var Jp=ji("div",{position:"relative"}),Wh=Eh({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Zp=ji("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Wh} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Rp=ji("div",{"& img":{borderRadius:"50%"}});var Bh=7;function Ki(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=g(),l=oe.use.isActiveTab(),p=X.use.connectedWallets(),{blockchains:u}=g(),[c,h]=Lo(""),[m,d]=Lo(null),[C,S]=Lo(!1),[y,f]=Lo(null),{suggestAndConnect:b}=nu(),k=null,{list:w,error:E,handleClick:I,disconnectConnectingWallets:T}=Hn({config:a,chain:e,onBeforeConnect:_=>{k=setTimeout(()=>{h(_)},Vi)},onConnect:()=>{k&&clearTimeout(k),setTimeout(()=>{h("")},or)}}),[x,A]=Lo(w),L=w.length,M=r&&L-r>0,q=i(async _=>{S(!1),f("in-progress");try{await b(_.walletType,_.chain),f("completed")}catch{f("rejected")}},"addExperimentalChain");ou(()=>{A(_=>{let te=w.findIndex(V=>o(V.type,e));return M&&te>1?[w[te]].concat(w.filter((V,v)=>v!==te)):_.map(V=>w.find(v=>v.type===V.type)??V)})},[JSON.stringify(w)]);let ee=document.getElementById(ke.SWAP_BOX_ID);ou(()=>{let _=null;return(y==="completed"||y==="rejected")&&(_=setTimeout(()=>f(null),or)),()=>{_&&clearTimeout(_)}},[y]);let ge=i(()=>{T(),h("")},"handleCloseWalletModal");return pe.createElement(pe.Fragment,null,x.slice(0,r).map(_=>{let te=Ua({connectedWallets:p,walletType:_.type,chain:e}),V=te?hn(te,Bh):"",v=fn(u(),e),Y=!p.find(Ie=>Ie.walletType===_.type&&Ie.chain===e),D=v&&Y&&_.state===tu.CONNECTED,G=D?et.t({id:"Add {chain} chain",values:{chain:e}}):V,Ce=i(()=>{_.state===tu.DISCONNECTED?I(_.type):D?(d({walletType:_.type,chain:e,address:te??""}),S(!0)):n({walletType:_.type,chain:e,address:te??""})},"onClick"),de=m?.chain?Sl(m.chain,u()):void 0;return pe.createElement(pe.Fragment,null,pe.createElement(Wo,{open:c===_.type,onClose:ge,image:_.image,state:_.state,error:E}),!!m&&pe.createElement(ae,{open:!!m&&C,container:ee,onClose:()=>{d(null)}},pe.createElement(nr,{title:et.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:de}}),type:"warning",description:et.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:de}})},pe.createElement(Xi,{size:18}),pe.createElement(Xi,{size:32}),pe.createElement(Lh,{onClick:q.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},et.t("Confirm")))),y&&pe.createElement(ae,{open:!!y,onClose:f.bind(null,null),container:ee},y==="in-progress"&&pe.createElement(nr,{type:"loading",title:et.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:de}}),description:et.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:de}}),icon:pe.createElement(Jp,null,pe.createElement(Rp,null,pe.createElement(Mh,{src:_.image,size:45})),pe.createElement(Zp,null))}),y==="completed"&&pe.createElement(nr,{type:"success",title:et.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:de}}),description:et.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:de}})}),y==="rejected"&&pe.createElement(nr,{type:"error",title:et.t("Request Rejected"),description:et.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:de}})}),pe.createElement(Xi,{direction:"vertical",size:32})),pe.createElement(Nh,{key:_.type,description:G,onClick:Ce,selected:o(_.type,e),disabled:!l,..._}))}),M&&pe.createElement(Zl,{selected:!1,onClick:s},pe.createElement(eu,{variant:"label",size:"medium"},et.t("Show more wallets"),pe.createElement(eu,{variant:"label",size:"medium",color:"$primary"},"\xA0+",L-(r??0)))))}i(Ki,"WalletList");var qh=2;function iu(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=g().config,l=g().blockchains(),{selectedQuote:p,setSelectedWallets:u,quoteWalletsConfirmed:c,setQuoteWalletConfirmed:h,customDestination:m,setCustomDestination:d}=Q(),{connectedWallets:C,selectWallets:S}=X(),[y,f]=uo(""),[b,k]=uo([]),[w,E]=uo(""),[I,T]=uo(null),[x,A]=uo(!!m),L=In(p?.swaps||null),M=l.find(H=>H.name===p?.swaps[p?.swaps.length-1].to.blockchain),q=i(H=>!!p?.swaps.find(J=>J.from.blockchain===H),"isWalletRequiredFor"),ee=i(()=>C.filter(H=>H.selected&&L.includes(H.chain)),"getInitialSelectableWallets"),[ge,_]=uo(ee()),te=l.find(H=>H.name===M?.name),V=b.length>0,v=i((H,J)=>!!ge.find(R=>R.walletType===H&&R.chain===J&&R.selected&&(q(J)||!q(J)&&!m)),"isSelected"),Y=!!m&&x&&te&&!An(te,m),D=i(()=>{A(!1),d(null),_(H=>{let J=!1;return H.map(R=>!J&&R.chain===M?.name?(J=!0,{...R,selected:!0}):R)})},"resetCustomDestination"),G=i(H=>{if(y&&f(""),v(H.walletType,H.chain))return;let R=C.find(Ae=>Ae.walletType===H.walletType&&Ae.chain===H.chain);R&&(n(),H.chain===M?.name&&x&&(A(!1),d(null)),_(Ae=>Ae.filter(Ve=>Ve.chain!==H.chain).concat({...R,selected:!0})))},"onChange"),Ce=i(()=>{let H=ge.filter(J=>J.selected);S(H),u(H),h(!0),o()},"onConfirmBalance"),de=i(async()=>{k([]),E(""),T(null);let H=C.filter(Ae=>ge.find(Ve=>Ve.chain===Ae.chain&&Ve.walletType===Ae.walletType)),J=await r?.({selectedWallets:H,customDestination:m}),R=J.warnings;R?.balance?.messages&&k(R.balance.messages),R?.quoteUpdate&&T(R.quoteUpdate),J.error&&E(Cl(J.error)),!J.error&&!R?.balance?.messages.length?Ce():k(R?.balance?.messages??[])},"onConfirmWallets");Oh(()=>{_(H=>H.concat(C.filter(J=>!!!H.find(Ae=>Ae.chain===J.chain)&&J.selected&&L.includes(J.chain))))},[C.length]);let Ie=document.getElementById(ke.SWAP_BOX_ID),ht=Uh();return P.createElement(ae,{open:e,onClose:()=>{c||ht("../",{replace:!0}),o()},dismissible:!y,container:Ie,...!y&&{footer:P.createElement(ip,null,P.createElement(ru,{loading:s,disabled:Dl(s,x,m,p,ge,M),onClick:de,variant:"contained",type:"primary",fullWidth:!0,size:"large"},mt.t("Confirm")))},...y&&{styles:{container:{padding:"$0"}},header:P.createElement(Rl,null,P.createElement(ep,{variant:"ghost",onClick:f.bind(null,"")},P.createElement(_h,{size:16})),P.createElement(rr,{variant:"headline",size:"small"},mt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Xe(y,l)}})))},anchor:"center"},P.createElement(ae,{open:V,onClose:k.bind(null,[]),container:Ie},P.createElement(Dh,{title:mt.t("Insufficient account balance"),type:"error",description:P.createElement(Ph,{messages:b??[]})},P.createElement(ru,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Ce},mt.t("Proceed anyway")))),y&&P.createElement(tp,null,P.createElement("div",{className:op()},P.createElement(Ki,{chain:y,isSelected:v,selectWallet:G,onShowMore:f.bind(null,y)}))),!y&&P.createElement(P.Fragment,null,w&&P.createElement(P.Fragment,null,P.createElement(Yi,{variant:"alarm",type:"error",title:mt.t(w)}),P.createElement(po,{size:12})),I&&P.createElement(P.Fragment,null,P.createElement(Yi,{variant:"alarm",type:"warning",title:Dn(I)}),P.createElement(po,{size:12})),P.createElement(ap,null,L.map((H,J)=>{let R=l.find(Te=>Te.name===H),Ae=`wallet-${J}`,Ve=J===L.length-1;return P.createElement("div",{key:Ae},P.createElement(Yl,null,P.createElement(rr,{variant:"title",size:"xmedium"},mt.t({id:"Your {blockchainName} wallets",values:{blockchainName:R?.shortName}})),P.createElement(rr,{variant:"label",color:"$neutral700",size:"medium"},mt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:R?.shortName}}))),P.createElement(po,{size:24}),P.createElement(Jl,null,P.createElement(Ki,{chain:H,isSelected:v,selectWallet:G,limit:qh,onShowMore:()=>f(R?.name??"")})),!Ve&&P.createElement(po,{size:32}),Ve&&a?.customDestination&&P.createElement(np,null,P.createElement(zn,{onOpenChange:Te=>{Te?q(M?.name??"")||_(De=>De.map(he=>he.chain===M?.name?{...he,selected:!1}:he)):D()},hasSelected:!0,open:x,triggerAnchor:"top",trigger:P.createElement(lp,{fullWidth:!0,variant:"default",suffix:P.createElement(Un,{orientation:x?"up":"down"},P.createElement($h,{size:10,color:"gray"}))},P.createElement("div",{className:"button__content"},P.createElement(Fh,{size:18,color:"info"}),P.createElement(po,{size:4,direction:"horizontal"}),P.createElement(rr,{variant:"label",size:"medium"},mt.t("Send to a different address")))),onClickTrigger:()=>A(Te=>!Te)},P.createElement(po,{size:4}),P.createElement(sp,{autoFocus:!0,placeholder:mt.t("Your destination address"),value:m||"",onChange:Te=>{let De=Te.target.value;De.length?d(De.length?De:null):(A(!1),d(null))}})),Y&&P.createElement("div",{className:rp()},P.createElement(Yi,{variant:"alarm",type:"error",title:mt.t({values:{destination:m},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(iu,"ConfirmWalletsModal");import{i18n as sy}from"@lingui/core";import{Alert as ay,Button as ly,InfoIcon as py}from"@rango-dev/ui";import Qe from"react";import{Alert as Hh,Button as Gh,Divider as Ri,NoRouteIcon as Vh,RefreshIcon as jh,Typography as mu}from"@rango-dev/ui";import ze from"react";import{i18n as su}from"@lingui/core";var zh=24,Qh=60;function au(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:K().genericServerError,action:{onClick:n,title:su.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:K().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:su.t("Reset")}},description:K().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:K().noResultError.description}}i(au,"makeInfo");var Ji=(o=>(o[o.small=zh]="small",o[o.large=Qh]="large",o))(Ji||{}),Zi=(o=>(o.small="small",o.large="medium",o))(Zi||{});import{styled as ir}from"@rango-dev/ui";var lu=ir("div",{display:"flex",flexDirection:"column",alignItems:"center"}),pu=ir("div",{variants:{size:{small:{},large:{maxWidth:"316px"}}}}),uu=ir("div",{variants:{size:{small:{width:"100%"},large:{}}}}),cu=ir("div",{padding:"$6 $0"});function Mo(t){let{fetch:e,error:o,size:n="small"}=t,r=g().getDisabledLiquiditySources(),s=g().toggleAllLiquiditySources,a=g().swappers(),l=au(o,r,()=>s(a,!0),e);return ze.createElement(lu,null,ze.createElement(Vh,{size:Ji[n],color:"gray"}),ze.createElement(Ri,{size:4}),ze.createElement(mu,{variant:"title",size:Zi[n]},K().noResultError.title),n==="large"&&ze.createElement(Ri,{size:4}),!!l.description&&ze.createElement(pu,{size:n},ze.createElement(mu,{variant:"body",size:"small",align:"center",color:"neutral700"},l.description)),ze.createElement(Ri,{size:n==="large"?"24":"4"}),!!l.alert&&ze.createElement(uu,{size:n},ze.createElement(Hh,{type:l.alert.type,title:l.alert.text,titleAlign:"left",action:l.alert.action&&ze.createElement(Gh,{size:"xsmall",type:l.alert.type,prefix:ze.createElement(cu,null,ze.createElement(jh,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i(Mo,"NoResult");import{i18n as No}from"@lingui/core";import{Button as Kh,Divider as Yh,MessageBox as Jh,Typography as Zh,WarningIcon as Rh}from"@rango-dev/ui";import Ct from"react";import{Typography as hu}from"@rango-dev/ui";import ts from"react";import{darkTheme as Xh,styled as sr}from"@rango-dev/ui";var du=sr("div",{width:"100%"}),es=sr("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),fu=sr("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Xh} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),gu=sr("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function yu(t){let{title:e,value:o,valueColor:n}=t;return ts.createElement(fu,null,ts.createElement(hu,{size:"medium",variant:"label",className:"_title"},e),ts.createElement(hu,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(yu,"QuoteErrorsModalItem");function Su(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:No.t("Swapping"),value:W(r.inputUsdValue,4,4)},{title:No.t("Gas cost"),value:W(r.totalFee,2,2)},{title:No.t("Receiving"),value:W(r.outputUsdValue,4,4)},{title:No.t("Price impact"),value:W(r.priceImpact,2,2),valueColor:`${a}500`}];return Ct.createElement(ae,{footer:Ct.createElement(Kh,{type:"primary",size:"large",prefix:Ct.createElement(Rh,null),fullWidth:!0,disabled:s,onClick:n},K().highValueLossError.confirmMessage),open:e,onClose:o,container:N()},Ct.createElement(Jh,{type:a,title:K().highValueLossError.impactTitle,description:K().highValueLossError.description}),Ct.createElement(es,null,Ct.createElement(Yh,{size:20}),Ct.createElement(Zh,{size:"small",variant:"title"},No.t("Details")),Ct.createElement(es,null,l.map((p,u)=>Ct.createElement(yu,{key:u,...p})))))}i(Su,"HighValueLossWarningModal");import{i18n as os}from"@lingui/core";function Cu(t,e){let o={alertType:"warning",title:"",action:null};return e?(o.alertType="error",e.type===3&&(o.title=e.recommendation),e.type===4&&(o.title=os.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):t?(t.type===0&&(St(t.priceImpact)==="high"&&(o.alertType="error"),o.action="show-info",o.title=K().highValueLossError.title),t.type===1&&(o.title=K().unknownPriceError.title),t.type===2&&(o.title=os.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:t.minRequiredSlippage}}),o.action="change-settings"),t.type===3&&(o.title=os.t("Caution, your slippage is high.")),o):null}i(Cu,"makeAlerts");import{i18n as co}from"@lingui/core";import{Button as Tu,Divider as ku,MessageBox as ey,Typography as ty}from"@rango-dev/ui";import Kt from"react";import{useNavigate as oy}from"react-router-dom";function wu(t){let{customSlippage:e,slippage:o}=g(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=oy(),u=e??o;return Kt.createElement(ae,{anchor:"bottom",open:n,prefix:Kt.createElement(Tu,{size:"small",variant:"ghost",onClick:()=>p("../"+F.settings)},Kt.createElement(ty,{variant:"label",size:"medium",color:"$neutral900"},co.t("Change settings"))),container:N(),onClose:r},Kt.createElement(ey,{type:"warning",title:a.type===3?co.t("High slippage"):co.t("Low slippage"),description:a.type===3?co.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:u}}):co.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Kt.createElement(ku,{size:18}),Kt.createElement(ku,{size:32}),Kt.createElement(Tu,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},co.t("Confirm anyway"))))}i(wu,"SlippageWarningModal");import{Button as ny,MessageBox as ry,WarningIcon as iy}from"@rango-dev/ui";import ar from"react";function xu(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return ar.createElement(ae,{footer:ar.createElement(ny,{type:"primary",size:"large",prefix:ar.createElement(iy,null),fullWidth:!0,disabled:r,onClick:n},K().unknownPriceError.confirmMessage),open:e,onClose:o,container:N()},ar.createElement(ry,{type:"warning",title:K().unknownPriceError.impactTitle,description:K().unknownPriceError.description}))}i(xu,"UnknownPriceWarningModal");function Bo(t){let{warning:e,error:o,showWarningModal:n,confirmationDisabled:r,refetchQuote:s,onOpenWarningModal:a,onCloseWarningModal:l,onConfirmWarningModal:p,onChangeSettings:u}=t,c={confirmationDisabled:r,open:n,onClose:l,onConfirm:p},h=o?.type===0||o?.type===1,m=Cu(e,o?.type===3||o?.type===4?o:null);return Qe.createElement(Qe.Fragment,null,h&&Qe.createElement(Mo,{error:o,fetch:s}),!!m&&Qe.createElement(du,null,Qe.createElement(ay,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:Qe.createElement(gu,{onClick:a},Qe.createElement(py,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:Qe.createElement(ly,{size:"xxsmall",type:m.alertType,onClick:u},sy.t("Change"))}})),e&&Qe.createElement(Qe.Fragment,null,e.type===0&&Qe.createElement(Su,{...c,warning:e}),(e.type===3||e.type===2)&&Qe.createElement(wu,{...c,warning:e}),e.type===1&&Qe.createElement(xu,{...c,warning:e})))}i(Bo,"QuoteWarningsAndErrors");import Uy from"bignumber.js";import Tr from"react";import{i18n as Fo}from"@lingui/core";import{Alert as Ay,Divider as Oo,FullExpandedQuote as Ey,InfoIcon as Wy,QuoteTag as Ly,StepDetails as My,TokenAmount as Ny,Tooltip as oc,Typography as fo}from"@rango-dev/ui";import cs from"bignumber.js";import B,{useRef as By,useState as Py}from"react";import{styled as ns}from"@rango-dev/ui";var rs=ns("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),vu=ns("div",{paddingBottom:"$15"}),bu=ns("div",{width:"100%",display:"flex"});import*as lr from"@radix-ui/react-collapsible";import{Button as uy,css as Po,darkTheme as Be,Image as Iu,styled as Pe,Typography as cy}from"@rango-dev/ui";var my=300,Au=Pe(lr.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Be} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Be} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Be} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Be} &`]:{backgroundColor:"$neutral400"}}}}]}),Eu=Po({padding:"$10 $15"}),Wu=Pe(uy,{backgroundColor:"transparent",border:"1px solid $secondary"}),Lu=Pe("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",boxSizing:"border-box",position:"relative",variants:{selected:{true:{},false:{$$color:"$colors$neutral200",[`.${Be} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color"}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{$$color:"$colors$neutral200",[`.${Be} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$neutral300",[`.${Be} &`]:{backgroundColor:"$neutral400"}},cursor:"pointer"},false:{}}},compoundVariants:[{listItem:!0,selected:!0,css:{outline:"1px solid $secondary"}},{listItem:!1,selected:!0,css:{$$color:"$colors$info100",[`.${Be} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Be} &`]:{backgroundColor:"$neutral400"}}}}]}),Mu=Po({width:"100%",padding:"$15 $15 $10 $15"}),Nu=Po({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10",position:"relative"}),mo=Po({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),Bu=Po({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Be} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Pu=Pe(lr.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${Iu}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Iu}`]:{border:"1px transparent solid",borderRadius:"100%"}}},selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Be} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Be} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Be} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}],".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),$u=Pe("div",{width:"18px",height:"18px",borderRadius:"100%",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",img:{borderRadius:"100%"},variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),_u=Pe(On,{width:"100%",background:"inherit"}),is=Pe("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${my}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),zL=Pe("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Du=Pe("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Be} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Fu=Pe("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),ss=Pe(cy,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),Ou=Pe("div",{display:"flex",flexWrap:"wrap"}),as=Pe("div",{width:"18px",height:"18px",borderRadius:"100%",backgroundColor:"$background",cursor:"default",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),Uu=Pe("div",{display:"flex"}),pr=Pe("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${Be} &`]:{borderTopColor:"$neutral400"}});import{i18n as $t}from"@lingui/core";import{ChevronDownIcon as fy,CloseIcon as gy,Divider as mr,IconButton as hy,QuoteCost as yy,Tooltip as Sy,Typography as tt}from"@rango-dev/ui";import j,{useState as Hu}from"react";import{css as dy,styled as ur}from"@rango-dev/ui";var cr=ur("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),ls=ur("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),qu=ur("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),zu=ur("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),Qu=dy({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var Cy=i(t=>t.fee.isZero()?null:j.createElement(cr,null,j.createElement(tt,{variant:"label",size:"medium",color:"neutral600"},t.label),j.createElement(tt,{variant:"label",size:"medium"},"$",W(t.fee,4,4))),"NonPayableFee");function Gu(t){let[e,o]=Hu(!1),[n,r]=Hu(!1),{steps:s,quote:a,fee:l,time:p,feeWarning:u,showModalFee:c}=t,h=a?.swaps??[],m=N(),d=bl(h);return j.createElement(j.Fragment,null,j.createElement(yy,{onClickFee:c?C=>{C.stopPropagation(),o(!e)}:void 0,fee:l,feeWarning:u,time:p,steps:s,tooltipGas:c?$t.t("View more info"):void 0,tooltipContainer:m}),j.createElement(ae,{container:m,open:e,header:j.createElement(zu,null,j.createElement(tt,{variant:"title",size:"medium"},$t.t("Gas & Fee Explanation")),j.createElement(hy,{onClick:()=>o(!1),variant:"ghost"},j.createElement(gy,{color:"gray",size:14}))),onClose:()=>{o(!1)}},j.createElement(qu,null,j.createElement(tt,{variant:"title",size:"small"},$t.t("Details")),j.createElement(mr,{size:10}),Object.entries(d.payable).flatMap(([C,S])=>S.map((y,f)=>{let b=`payable-fee-${f}`,k=yi(y);return j.createElement(cr,{key:b},j.createElement(tt,{variant:"label",size:"medium",color:"neutral600"},ci[C]),j.createElement(Sy,{content:se(y.amount),container:m},j.createElement(tt,{variant:"label",size:"medium"},W(y.amount,2,2)," ",y.asset.symbol," ($",W(k,4,4),")")))})),j.createElement(cr,{className:"total_payable_fee"},j.createElement(tt,{variant:"label",size:"medium"},$t.t("Total Payable Fee")),j.createElement(tt,{variant:"label",size:"medium"},"$",W(l,4,4))),j.createElement(ls,null),Object.keys(d.nonePayable).length&&j.createElement(zn,{triggerAnchor:"bottom",onClickTrigger:()=>r(C=>!C),trigger:j.createElement("div",{className:Qu()},j.createElement(tt,{size:"small",variant:"body",color:"neutral700"},n?$t.t("Hide non-payable fees"):$t.t("Show non-payable fees")),j.createElement(mr,{size:4,direction:"horizontal"}),j.createElement(Un,{orientation:n?"up":"down"},j.createElement(fy,{size:12,color:"gray"}))),open:n},j.createElement(tt,{size:"small",variant:"title"},$t.t("Description")),j.createElement(mr,{size:4}),j.createElement(tt,{size:"small",variant:"body",color:"neutral700"},$t.t(`The following fees are considered in the transaction output and
2
+ you won\u2019t need to pay extra gas for them.`)),j.createElement(mr,{size:10}),Object.entries(d.nonePayable).map(([C,S],y)=>{let f=vl(S),b=ci[C],k=`non-payable-fee-${y}`;return j.createElement(Cy,{key:k,fee:f,label:b})}),j.createElement(ls,null)))))}i(Gu,"QuoteCostDetails");import{i18n as Xu}from"@lingui/core";import{TokenAmount as Ku}from"@rango-dev/ui";import dr from"react";import{css as Ty,styled as ky}from"@rango-dev/ui";var Vu=ky("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),ju=Ty({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function $o(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return dr.createElement(Vu,null,dr.createElement(Ku,{direction:"horizontal",label:Xu.t("Swap input"),type:"input",tooltipContainer:N(),price:{value:e.price.value,usdValue:e.price.usdValue,realValue:e.price.realValue,realUsdValue:e.price.realUsdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),dr.createElement("div",{className:ju()}),dr.createElement(Ku,{direction:"horizontal",tooltipContainer:N(),label:Xu.t("Estimated output"),type:"output",price:{value:o.price.value,usdValue:o.price.usdValue,realValue:o.price.realValue,realUsdValue:o.price.realUsdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}i($o,"QuoteSummary");import{i18n as ec}from"@lingui/core";import{ChevronDownIcon as vy,ChevronRightIcon as by,Divider as ps,Image as Iy,Tooltip as us,Typography as gr}from"@rango-dev/ui";import $ from"react";import{useEffect as wy,useState as _o}from"react";var Yu=480,Ju=768,Zu=1024,Ru=1200,xy=i(()=>{let[t,e]=_o(!1),[o,n]=_o(!1),[r,s]=_o(!1),[a,l]=_o(!1),[p,u]=_o(!1),c=i(()=>{e(window.innerWidth<=Yu),n(window.innerWidth>Yu&&window.innerWidth<=Ju),s(window.innerWidth>Ju&&window.innerWidth<=Zu),l(window.innerWidth>Zu&&window.innerWidth<=Ru),u(window.innerWidth>Ru)},"handleResize");return wy(()=>(c(),window.addEventListener("resize",c),()=>window.removeEventListener("resize",c)),[]),{isMobile:t,isTablet:o,isNotebook:r,isLargeScreen:a,isExtraLargeScreen:p}},"useScreenDetect"),fr=xy;var hr=4,yr=6,Do=i(t=>{let e=N(),{content:o,src:n,className:r,open:s,state:a}=t;return $.createElement(us,{container:e,side:"bottom",sideOffset:4,open:s,content:o},$.createElement($u,{className:r,state:a},$.createElement(Iy,{src:n,size:16})))},"ImageComponent");function tc(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:s,type:a}=t,l=N(),p=r.length,u=Ql(r),{isTablet:c,isMobile:h}=fr();return $.createElement(Pu,{listItem:a==="list-item",ref:m=>e.current=m,selected:o,onClick:m=>{m.stopPropagation(),n(d=>!d)}},$.createElement("div",{className:mo()},$.createElement(gr,{variant:"body",size:"xsmall"},ec.t("Via:")),$.createElement(ps,{direction:"horizontal",size:4}),r.map((m,d)=>{let C=`item-${d}`,S=$.createElement(is,null,$.createElement(by,{size:12,color:"black"}));return h||c?$.createElement($.Fragment,null,$.createElement(Do,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),d!==p-1&&$.createElement($.Fragment,null,S)):$.createElement($.Fragment,{key:C},p<=hr||p>hr&&d<hr-1?$.createElement($.Fragment,null,$.createElement(Do,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),d!==p-1&&$.createElement($.Fragment,null,S)):d===hr-1&&$.createElement(us,{container:l,side:"bottom",align:"right",sideOffset:4,content:$.createElement("div",{className:mo()},S,r.map((y,f)=>{let b=`image-${f}`;return f>=d&&$.createElement($.Fragment,{key:b},$.createElement(Do,{content:y.swapper.displayName,src:y.swapper.image,state:y.state,open:!1}),f!==p-1&&$.createElement($.Fragment,null,S))}))},$.createElement(as,{state:r.find((y,f)=>f>=d&&(y.state==="error"||y.state==="warning"))?.state},$.createElement(gr,{size:"xsmall",variant:"body"},"+",p-d))))})),$.createElement("div",{className:mo()},$.createElement("div",{className:"blockchains_section"},$.createElement("div",{className:mo()},$.createElement(gr,{variant:"body",size:"xsmall"},ec.t("Chains:")),$.createElement(ps,{direction:"horizontal",size:4}),u.map((m,d)=>$.createElement($.Fragment,null,u.length<=yr||u.length>yr&&d<yr-1?$.createElement(Do,{key:m.displayName,content:"",src:m.image,open:!1,className:d!==0?"blockchainImage":""}):d===yr-1&&$.createElement(us,{container:l,side:"bottom",align:"right",sideOffset:4,content:$.createElement("div",{className:mo()},u.map((C,S)=>S>=d&&$.createElement(Do,{key:C.displayName,content:"",src:C.image,open:!1,className:S>d?"blockchainImage":""})))},$.createElement(as,{className:"blockchainImage"},$.createElement(gr,{size:"xsmall",variant:"body"},"+",u.length-d))))),$.createElement(ps,{direction:"horizontal",size:32}))),$.createElement(is,{orientation:s?"up":"down"},$.createElement(vy,{size:12,color:"black"}))))}i(tc,"QuoteTrigger");function ms(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,selected:l=!1,tagHidden:p=!0,showModalFee:u=!0,onClickAllRoutes:c,fullExpandedMode:h=!1}=t,m=g().blockchains(),d=g().tokens(),C=g().swappers(),[S,y]=Py(t.expanded),f=By(null),b=W(o.value,6,6),k=W(n.value,6,6),w=n.usdValue?W(n.usdValue,4,4):"",E=Ke(o.usdValue,n.usdValue??null),I=W(E,2,2),T=St(E??0),A=i(V=>V.map((v,Y)=>{let D,G=r?.type===3&&r.swap.swapperId===v.swapperId||r?.type===4&&r.recommendedSlippages?.has(Y),Ce=s?.type===2&&s.recommendedSlippages?.has(Y);G?D="error":Ce&&(D="warning");let de=G?Fo.t("Slippage Error"):Fo.t("Slippage Warning");return r?.type===3&&(de=r?.recommendation),{swapper:{displayName:bo(v.swapperId,C),image:v.swapperLogo},from:{token:{displayName:v.from.symbol,image:v.from.logo},chain:{displayName:Xe(v.from.blockchain,m),image:v.from.blockchainLogo},price:{value:Y===0?W(o.value,6,6):W(v.fromAmount,6,6),usdValue:W((v.from.usdPrice??0)*parseFloat(v.fromAmount),4,4),realValue:se(Y===0?o.value:v.fromAmount),realUsdValue:se(new cs(v.from.usdPrice??0).multipliedBy(v.fromAmount))}},to:{token:{displayName:v.to.symbol,image:v.to.logo},chain:{displayName:Xe(v.to.blockchain,m),image:v.to.blockchainLogo},price:{value:W(v.toAmount,6,6),usdValue:W((v.to.usdPrice??0)*parseFloat(v.toAmount),4,4),realValue:se(v.toAmount),realUsdValue:se(new cs(v.to.usdPrice??0).multipliedBy(v.toAmount))}},state:D,alerts:G||Ce?B.createElement(vu,null,B.createElement(Ay,{variant:"alarm",type:G?"error":"warning",title:de,footer:B.createElement(bu,null,r?.type===3&&B.createElement(B.Fragment,null,B.createElement(fo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),B.createElement(Oo,{direction:"horizontal",size:8}),B.createElement(fo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),B.createElement(Oo,{direction:"horizontal",size:8}),B.createElement(fo,{size:"xsmall",variant:"body",color:"neutral900"},Fo.t({id:"Yours: {amount} {symbol}",values:{amount:W(v.fromAmount,6,6),symbol:v?.from.symbol}}))),(r?.type===4||s?.type===2)&&B.createElement(fo,{size:"xsmall",variant:"body",color:"neutral900"},Fo.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(Y)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(Y)}}})))})):void 0}}),"getQuoteSteps")(e?.swaps??[]),L=A.length,M=N(),q=Gl(t.quote.tags||[]),ee=!!c,ge=ln(pn(e?.swaps)),_=Ln(e?.swaps??[],d),te=W(_,2,2);return h?B.createElement(Ey,{selected:l,fee:te,time:ge,tooltipContainer:kn(),steps:A,tags:q,percentageChange:I,warningLevel:T,outputPrice:{value:k,usdValue:w,realValue:se(n.value),realUsdValue:se(n.usdValue)}}):B.createElement(Lu,{selected:l,listItem:a==="list-item",basic:a==="basic"},B.createElement("div",{className:Mu()},!p&&q.length?B.createElement(B.Fragment,null,B.createElement(Uu,null,q.map((V,v)=>{let Y=`${V.value}_${v}`;return B.createElement(B.Fragment,null,B.createElement(Ly,{label:V.label,key:Y,value:V.value}),B.createElement(Oo,{size:4,direction:"horizontal"}))})),B.createElement(pr,null),!ee&&B.createElement(Oo,{size:4})):null,B.createElement("div",{id:"portal-root",className:Nu()},B.createElement(Gu,{quote:e,time:ge,fee:te,feeWarning:_.gte(new cs(yl)),showModalFee:u,steps:L}),ee&&B.createElement(Wu,{onClick:V=>{V.stopPropagation(),c()},size:"xxsmall",type:"secondary",variant:"default"},B.createElement(fo,{color:"secondary",variant:"label",size:"medium"},Fo.t("See All Routes")))),a==="basic"&&B.createElement("div",{className:Bu()},B.createElement(Fu,null,B.createElement(Wy,{size:12,color:"gray"})),B.createElement(Ou,null,B.createElement(ss,{size:"small",variant:"body"},`${b} ${A[0].from.token.displayName} = `),B.createElement(oc,{content:se(n.value),container:M,open:n.value?void 0:!1},B.createElement(ss,{size:"small",variant:"body"},"\xA0",`${k} ${A[A.length-1].to.token.displayName}`))),B.createElement(oc,{content:se(n.usdValue),container:M,style:{display:"flex"}},B.createElement(fo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${w})`))),a==="list-item"&&B.createElement(Ny,{tooltipContainer:M,type:"output",direction:"vertical",price:{value:k,usdValue:w,realValue:se(n.value),realUsdValue:se(n.usdValue)},token:{displayName:A[L-1].to.token.displayName,image:A[L-1].to.token.image},chain:{image:A[L-1].to.chain.image},percentageChange:I,warningLevel:T}),a==="swap-preview"&&B.createElement(B.Fragment,null,B.createElement($o,{from:A[0].from,to:A[L-1].to,percentageChange:I,warningLevel:T}),B.createElement(Oo,{size:4}))),B.createElement(Au,{selected:l,listItem:a==="list-item",open:S,onOpenChange:y},B.createElement(tc,{type:a,quoteRef:f,selected:l,setExpanded:y,expanded:S,steps:A}),B.createElement(_u,{open:S},B.createElement(Du,null),B.createElement("div",{className:Eu()},A.map((V,v)=>{let Y=`item-${v}`;return B.createElement(My,{type:"quote-details",key:Y,tooltipContainer:M,step:V,hasSeparator:v!==A.length-1,state:V.state})})))))}i(ms,"Quote");import{Divider as Fy,Skeleton as Oy}from"@rango-dev/ui";import kt from"react";import{darkTheme as $y,styled as Sr}from"@rango-dev/ui";var nc=Sr("div",{$$color:"$colors$neutral100",[`.${$y} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),rc=Sr("div",{paddingTop:"$2"}),ic=Sr("div",{paddingLeft:"$8"}),sc=Sr("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as hc,Divider as dt,Skeleton as He}from"@rango-dev/ui";import U from"react";import{css as _y,styled as Tt}from"@rango-dev/ui";var ds=Tt("div",{display:"flex"}),ac=Tt("div",{padding:"$10 $0 $20"}),lc=Tt("div",{padding:"$12 $0 $20 $0",display:"flex",flexDirection:"column"}),pc=Tt("div",{display:"flex",justifyContent:"start",alignItems:"center"}),uc=Tt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),cc=Tt("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),mc=Tt("div",{width:"65%",display:"flex",justifyContent:"start"}),dc=Tt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),fc=Tt("div",{padding:"$15 $0 $15 $0"}),gc=_y({display:"flex",justifyContent:"space-between",alignItems:"center"});function Uo(t){let{type:e,tagHidden:o=!0}=t,n=U.createElement(uc,null,U.createElement(mc,null,U.createElement(hc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(dt,{size:8,direction:"horizontal"}),U.createElement(dc,null,U.createElement(He,{height:10,width:60,variant:"rounded"}),U.createElement(dt,{size:4}),U.createElement(He,{height:15,variant:"rounded"}))),U.createElement(He,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return U.createElement("div",null,!o&&U.createElement(U.Fragment,null,U.createElement(ds,null,U.createElement(He,{width:65,height:14,variant:"rounded"}),U.createElement(dt,{size:4,direction:"horizontal"}),U.createElement(He,{width:65,height:14,variant:"rounded"}),U.createElement(dt,{size:4,direction:"horizontal"}),U.createElement(He,{width:65,height:14,variant:"rounded"})),U.createElement(pr,null),!r&&U.createElement(dt,{size:4})),U.createElement("div",{className:gc()},U.createElement(ds,null,U.createElement(He,{width:60,height:10,variant:"rounded"}),U.createElement(dt,{size:4,direction:"horizontal"}),U.createElement(He,{width:60,height:10,variant:"rounded"}),U.createElement(dt,{size:4,direction:"horizontal"}),U.createElement(He,{width:60,height:10,variant:"rounded"})),r&&U.createElement(He,{width:100,height:22,variant:"rounded"})),e==="basic"&&U.createElement(ac,null,U.createElement(He,{height:15,width:148,variant:"rounded"})),e==="list-item"&&U.createElement(lc,null,U.createElement(pc,null,U.createElement(hc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(dt,{direction:"horizontal",size:4}),U.createElement(He,{height:15,width:150,variant:"rounded"})),U.createElement(dt,{size:10}),U.createElement(He,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&U.createElement(U.Fragment,null,U.createElement(dt,{size:4}),U.createElement(fc,null,n,U.createElement(cc,null),n)))}i(Uo,"QuoteSummarySkeleton");import{ChainToken as kc,Divider as gs,NextIcon as Dy,Skeleton as Cr}from"@rango-dev/ui";import Se from"react";import{styled as qo}from"@rango-dev/ui";var yc=qo("div",{display:"flex",alignItems:"start"}),Sc=qo("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),fs=qo("div",{display:"flex",alignItems:"center",flexGrow:1}),Cc=qo("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Tc=qo("div",{display:"flex",alignItems:"center"});function ft(t){let{separator:e=!0}=t;return Se.createElement(Se.Fragment,null,Se.createElement(Tc,null,Se.createElement(Cr,{height:22,width:22,variant:"circular"}),Se.createElement(gs,{direction:"horizontal",size:8}),Se.createElement(Cr,{height:15,width:148,variant:"rounded"})),Se.createElement(yc,null,Se.createElement(sc,{hideSeparator:!e}),Se.createElement(Sc,null,Se.createElement(fs,null,Se.createElement(kc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Se.createElement(gs,{direction:"horizontal",size:8}),Se.createElement(Cr,{height:12,variant:"rounded"})),Se.createElement(Cc,null,Se.createElement(Dy,{color:"gray",size:16})),Se.createElement(fs,null,Se.createElement(kc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Se.createElement(gs,{direction:"horizontal",size:8}),Se.createElement(Cr,{height:12,variant:"rounded"})))))}i(ft,"StepSkeleton");function zo(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return kt.createElement(nc,{rounded:e!=="basic"},kt.createElement(Uo,{type:e,tagHidden:n}),kt.createElement(rc,null,kt.createElement(Oy,{height:15,variant:"rounded"})),o&&kt.createElement(ic,null,kt.createElement(Fy,{size:20}),kt.createElement(ft,null),kt.createElement(ft,null),kt.createElement(ft,{separator:!1})))}i(zo,"QuoteSkeleton");function Yt(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1,tagHidden:l,onClick:p,showModalFee:u,selected:c,onClickAllRoutes:h,fullExpandedMode:m=!1}=t,{inputAmount:d,inputUsdValue:C,toToken:S}=Q(),y=e?.outputAmount?new Uy(e?.outputAmount):null,f=e?.outputAmount?Nn(e?.outputAmount,Bn(e)||S?.usdPrice):null,k=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?Tr.createElement(rs,null,Tr.createElement(zo,{tagHidden:l,type:o,expanded:a})):k?Tr.createElement(rs,{onClick:()=>p?.(e)},Tr.createElement(ms,{quote:e,error:r,showModalFee:u,warning:s,tagHidden:l,selected:c,type:o,expanded:a,onClickAllRoutes:h,fullExpandedMode:m,input:{value:d,usdValue:C?.toString()??""},output:{value:y?.toString()??"",usdValue:f?.toString()??""}})):null}i(Yt,"QuoteInfo");import{calculatePendingSwap as Qy}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Hy}from"react";import{useRef as qy,useState as zy}from"react";function kr({request:t}){let[e,o]=zy(!1),n=qy(null),r=i(()=>n.current?.abort(),"cancelFetch");return{fetch:i(async a=>{r(),n.current=new AbortController,o(!0);try{let l=await t(a,{signal:n.current.signal});return n.current=null,l}catch(l){throw l}finally{o(!1)}},"fetch"),loading:e,cancelFetch:r}}i(kr,"useFetch");function wc(){let{fetch:t,loading:e,cancelFetch:o}=kr({request:async(n,r)=>await Et().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(wc,"useFetchConfirmQuote");function wr(t){if(!t.swaps)throw new Error(K().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=hs(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(wr,"throwErrorIfResponseIsNotValid");function hs(t){if(kl(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=wl(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}}}let o=Il(t);if(o){let n=Mn(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(hs,"getQuoteError");function xc(t,e,o){let n=!1;t&&(n=ql(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=to(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(Nl(t,e)?r.quoteUpdate={type:3,newOutputAmount:W(eo(e)),percentageChange:W(Ke(eo(t)??"",eo(e)??""),null,2)}:Si(t,e)?r.quoteUpdate={type:0}:Ci(t,e)?r.quoteUpdate={type:1}:Ti(t,e)&&(r.quoteUpdate={type:2}));let a=Bl(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(xc,"generateWarnings");function xr(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}i(xr,"handleQuoteErrors");function ys(){let{fromToken:t,toToken:e,inputAmount:o,setSelectedQuote:n,selectedQuote:r,customDestination:s,setQuoteWarningsConfirmed:a,resetAlerts:l}=Q(),{slippage:p,customSlippage:u}=g(),c=g().getDisabledLiquiditySources(),h=g().blockchains(),m=g().tokens(),d=u||p,{fetch:C,cancelFetch:S,loading:y}=wc();return Hy(()=>S,[]),{loading:y,fetch:i(async b=>{let k=b.selectedWallets,w=b?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let E=k.reduce((T,x)=>(T[x.chain]=x.address,T),{}),I={requestId:r?.requestId||"",selectedWallets:E,destination:w||void 0};try{return await C(I).then(T=>{let{result:x}=T;wr({diagnosisMessages:x.diagnosisMessages,requestId:x.requestId,swaps:x.result?.swaps});let A={outputAmount:x.result?.outputAmount,requestId:x.requestId,resultType:x.result?.resultType,swaps:x.result?.swaps||[],validationStatus:x.validationStatus,requestAmount:x.requestAmount};n(A);let L={slippage:d.toString(),disabledSwappersGroups:c},M=Qy(o.toString(),x,Ll(k),L,!1,{blockchains:h,tokens:m}),q=xc(r??void 0,A,{fromToken:t,toToken:e,meta:{blockchains:h,tokens:m},selectedWallets:k,userSlippage:d});return q.quoteUpdate&&a(!1),l(),{quote:A,swap:M,error:null,warnings:q}})}catch(T){return xr(T)}},"fetch"),cancelFetch:S}}i(ys,"useConfirmSwap");var nS=Xy("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${bc}`]:{width:"$48",height:"$48"}}),rS=Cs({flexGrow:1,paddingRight:"$10"}),iS=Cs({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),sS=Cs({display:"flex",justifyContent:"space-between",alignItems:"center"});function Ic(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=Q(),l=oS(),p=tS(),[u,c]=br(""),{connectedWallets:h}=X(),m=!n,[d,C]=br(!1),{isActiveTab:S}=oe(),y=g().getDisabledLiquiditySources(),f=Ry(y),{manager:b}=Gy(),{fetch:k,loading:w,cancelFetch:E}=ys(),[I,T]=br({swap:null,error:null,warnings:null}),[x,A]=br(!1),L=i(async({selectedWallets:v,customDestination:Y})=>{let D=await k?.({selectedWallets:v,customDestination:Y});return T(D),D},"onConfirmSwap"),M=i(async()=>{if(I.swap&&n)try{await b?.create("swap",{swapDetails:I.swap},{id:I.swap.requestId});let v=`../${F.swaps}/${I.swap.requestId}`;l(v,{replace:!0}),setTimeout(()=>{e("")},0)}catch(v){c("Error: "+v?.message)}},"addNewSwap"),q=i(async()=>{await M()},"onConfirm"),ee=i(async()=>{I?.warnings?.quote&&!a?A(!0):await q()},"onStartConfirmSwap"),ge=i(async()=>{T({error:null,swap:null,warnings:null}),k({selectedWallets:o,customDestination:s}).then(v=>{T(v)}).catch(v=>console.error(v))},"onRefresh");Qo(()=>{!!f.current.length&&!y.length&&ge(),f.current=y},[y.length]),Qo(()=>{m&&E()},[m]),Qo(()=>{m&&C(m)},[m]),Qo(()=>{m||k({selectedWallets:o,customDestination:s}).then(v=>T(v)).catch(v=>console.error(v))},[]),Qo(()=>{let v=I.warnings?.quote?.type&&Object.values(Lt).includes(I.warnings?.quote?.type),Y=o.length<1||!o.every(G=>h.find(Ce=>G.address===Ce.address&&G.walletType===Ce.walletType&&G.chain===Ce.chain)),D=!1;if(v){let G=In(t?.swaps||null),Ce=t?.swaps[t.swaps.length-1].to.blockchain;!!t?.swaps.find(ht=>ht.from.blockchain===Ce)||(G=G.slice(-G.length,G.length-1)),G.every(ht=>o.find(H=>H.chain===ht))||(D=!0)}t&&(Y||D)&&(queueMicrotask(()=>eS(C.bind(null,!0))),r(!1))},[I.warnings?.quote,o.length,h.length]),Zy(()=>{t||l(`../${p.search}`)},[]);let _=I.warnings?.quote??null,te=I.error,V=[];if(u&&V.push(ue.createElement(vc,{type:"error",variant:"alarm",title:u})),I.warnings?.quoteUpdate&&V.push(ue.createElement(vc,{variant:"alarm",type:"warning",title:I.warnings.quoteUpdate&&Dn(I.warnings.quoteUpdate)})),_||te){let v=`../${F.settings}`;V.push(ue.createElement(Bo,{warning:_,error:te,refetchQuote:ge,showWarningModal:x,confirmationDisabled:!S,onOpenWarningModal:()=>A(!0),onCloseWarningModal:()=>A(!1),onConfirmWarningModal:async()=>{A(!1),await M()},onChangeSettings:()=>l(v)}))}return ue.createElement(ie,{header:{title:vr.t("Confirm Swap"),onWallet:()=>{let v=`../${F.wallets}`;l(v)},suffix:ue.createElement(Ky,{container:N(),side:"bottom",content:vr.t("Settings")},ue.createElement(Je,{size:"small",variant:"ghost",onClick:()=>l("../"+F.settings)},ue.createElement(jy,{size:18,color:"black"})))},footer:ue.createElement(nS,null,ue.createElement("div",{className:rS()},ue.createElement(Vy,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:w,disabled:!!I.error||!S,onClick:ee},vr.t("Start Swap"))),ue.createElement(bc,{variant:"contained",type:"primary",size:"large",loading:w,onClick:C.bind(null,!0)},ue.createElement(Jy,{size:24})))},d&&ue.createElement(iu,{open:d,onClose:()=>C(!1),onCancel:E,loading:w,onCheckBalance:L}),ue.createElement(le,null,ue.createElement("div",{className:sS()},ue.createElement(Yy,{variant:"title",size:"small"},vr.t("You get")),ue.createElement("div",{className:iS()},ue.createElement(Jn,{onClick:!w&&!d&&!x?ge:void 0}))),ue.createElement(Ss,{size:"12"}),cp(V,ue.createElement(Ss,{size:10})),V.length>0?ue.createElement(Ss,{size:10}):null,ue.createElement(Yt,{quote:t,type:"swap-preview",expanded:!0,selected:!0,tagHidden:!0,error:I.error,loading:w,warning:I.warnings?.quote??null})))}i(Ic,"ConfirmSwapPage");import{i18n as Ar}from"@lingui/core";import{useManager as wS}from"@rango-dev/queue-manager-react";import{Divider as Dc,NotFound as xS,styled as vS}from"@rango-dev/ui";import xt,{useState as bS}from"react";import{useNavigate as IS}from"react-router-dom";import{i18n as pS}from"@lingui/core";import{Divider as Mc,GroupedVirtualizedList as uS,Skeleton as cS,SwapListItem as Nc,Typography as mS}from"@rango-dev/ui";import $e,{useCallback as Bc,useEffect as dS,useRef as fS,useState as gS}from"react";function Ac(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(Ac,"calculateGroupsSoFar");import{css as aS,darkTheme as lS,styled as Ho}from"@rango-dev/ui";var Ts=aS(),Ec=Ho("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),ks=Ho("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${Ts}`]:{$$color:"$colors$neutral600",[`.${lS} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ws=Ho("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Wc=Ho("div",{gap:"$10",display:"flex",flexDirection:"column"}),Lc=Ho("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var hS=10;function xs(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=gS([]),l=fS(0),{swaps:p,groupCounts:u,groups:c}=n(e),h=Bc(Ac,[]),m=Bc(()=>{let d=e.length-l.current;d&&(l.current+=Math.min(d,hS),a(h(u,l.current)))},[e.length]);if(dS(()=>{r||m()},[r,m]),r){let d=[1,2];return $e.createElement($e.Fragment,null,[d,d].map((S,y)=>$e.createElement(ks,{key:y},$e.createElement(ws,null,$e.createElement(cS,{variant:"text",width:60,size:"small"}),$e.createElement(Mc,{size:16})),$e.createElement(Mc,{size:4}),$e.createElement(Wc,null,S.map((b,k)=>$e.createElement(Nc,{isLoading:!0,key:k}))))))}return $e.createElement(uS,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:d=>$e.createElement(ks,null,$e.createElement(ws,null,$e.createElement(mS,{variant:"label",size:"medium",className:Ts()},c[d]))),itemContent:(d,C)=>{let S=p[d];if(!S)return null;let y=S.steps[0],f=S.steps[S.steps.length-1];return $e.createElement(Ec,{key:S.requestId},$e.createElement(Nc,{requestId:S.requestId,creationTime:S.creationTime,status:S.status,onClick:o,tooltipContainer:N(),onlyShowTime:c[C]===pS.t("Today"),swapTokenData:{from:{token:{image:y.fromLogo,displayName:y.fromSymbol},blockchain:{image:y.fromBlockchainLogo||""},amount:W(S.inputAmount,6,6),realAmount:se(S.inputAmount)},to:{token:{image:f.toLogo,displayName:f.toSymbol},blockchain:{image:f.toBlockchainLogo||""},amount:W(f.outputAmount||f.expectedOutputAmountHumanReadable||"",6,6),realAmount:se(f.outputAmount||f.expectedOutputAmountHumanReadable)}}}))}})}i(xs,"HistoryGroupedList");import{CloseIcon as SS,IconButton as CS,SearchIcon as TS,TextField as kS}from"@rango-dev/ui";import Go from"react";import{styled as yS}from"@rango-dev/ui";var Pc=yS("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function wt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Go.createElement(kS,{prefix:Go.createElement(Pc,null,Go.createElement(TS,{color:"black"})),suffix:!!a.length&&Go.createElement(CS,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Go.createElement(SS,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...p})}i(wt,"SearchInput");import{i18n as Ir}from"@lingui/core";import $c from"dayjs";var _c=i(t=>{let e=new Map([["today",{title:Ir.t("Today"),swaps:[]}],["week",{title:Ir.t("This week"),swaps:[]}],["month",{title:Ir.t("This month"),swaps:[]}],["year",{title:Ir.t("This year"),swaps:[]}]]);function o(p,u){e.has(p)||e.set(p,{title:p,swaps:[]}),e.get(p)?.swaps.push(u)}i(o,"addYearsToOutput");let n=$c();t.forEach(p=>{let u=Number(p.creationTime),c=$c(u);if(n.isSame(c,"day"))e.get("today")?.swaps.push(p);else if(n.isSame(c,"week"))e.get("week")?.swaps.push(p);else if(n.isSame(c,"month"))e.get("month")?.swaps.push(p);else if(n.isSame(c,"year"))e.get("year")?.swaps.push(p);else{let h=new Date(u).getFullYear().toString();o(h,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 AS=vS("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),ES=i((t,e)=>t?.length?t.filter(o=>at(o.fromBlockchain,e)||at(o.toBlockchain,e)||at(o.toSymbol,e)||at(o.fromSymbol,e)).length:!1,"isStepContainsText");function Fc(){let t=IS(),{manager:e,state:o}=wS(),n=ct(e).map(({swap:c})=>c),[r,s]=bS(""),a=!o.loadedFromPersistor,l=i(c=>{let h=c.target.value;s(h)},"searchHandler"),p=n;r&&(p=n.filter(c=>at(c.inputAmount,r)||at(c.status,r)||ES(c.steps,r)||at(c.requestId,r)));let u=!p?.length&&!a;return xt.createElement(ie,{header:{title:Ar.t("History")}},xt.createElement(le,null,xt.createElement(wt,{setValue:s,fullWidth:!0,variant:"contained",placeholder:Ar.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),xt.createElement(Dc,{size:"16"}),xt.createElement(AS,null,u&&xt.createElement(Lc,null,xt.createElement(Dc,{size:32}),xt.createElement(xS,{title:Ar.t("No results found"),description:r?Ar.t("Try using different keywords"):""})),!u&&xt.createElement(xs,{list:p,onSwapClick:t,groupBy:_c,isLoading:a}))))}i(Fc,"HistoryPage");import{i18n as jS}from"@lingui/core";import{Button as XS,Divider as em,styled as KS,WarningIcon as YS}from"@rango-dev/ui";import Oe,{useEffect as tm,useState as om}from"react";import{useNavigate as JS}from"react-router-dom";import{i18n as $S}from"@lingui/core";import{Header as _S}from"@rango-dev/ui";import _t,{useEffect as DS,useState as FS}from"react";import{i18n as LS}from"@lingui/core";import{Divider as bs,FullExpandedQuote as MS,Typography as NS}from"@rango-dev/ui";import ce from"react";import{styled as vs}from"@rango-dev/ui";var Oc=vs("div",{display:"flex",justifyContent:"center",flexDirection:"column",height:"100%"}),Uc=vs("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),qc=vs("div",{width:"146px"});import{Select as WS}from"@rango-dev/ui";import zc from"react";function Er(t){let{updateQuotePartialState:e,sortStrategy:o}=Q();return zc.createElement(qc,null,zc.createElement(WS,{container:t.container,options:mi,value:mi.find(n=>n.value===o),handleItemClick:n=>{e("sortStrategy",n.value)}}))}i(Er,"SelectStrategy");var BS=3;function Vo(t){let{loading:e,onClickOnQuote:o,fetch:n,showModalFee:r,hasSort:s=!0,fullExpandedMode:a=!1}=t,{selectedQuote:l,quotes:p,updateQuotePartialState:u,fromToken:c,toToken:h,sortStrategy:m,error:d}=Q(),{slippage:C,customSlippage:S}=g(),y=g().tokens(),f=!!p&&p.results.length,b=S??C,k=i(I=>{if(!c||!h||!p)return null;let T={requestAmount:p.requestAmount,...I};return to(T,{fromToken:c,toToken:h,userSlippage:b,tokens:y})},"getQuoteWarning"),w=d?.type===0||d?.type===1,E=p?.results?Pn(m,p?.results):[];return ce.createElement(ce.Fragment,null,e&&Array.from({length:BS},(I,T)=>ce.createElement(ce.Fragment,{key:T},a?ce.createElement(MS,{loading:!0}):ce.createElement(zo,{tagHidden:!1,type:"list-item",expanded:!1}),ce.createElement(bs,{size:16}))),!e&&ce.createElement(ce.Fragment,null,s&&ce.createElement(ce.Fragment,null,ce.createElement(Uc,null,ce.createElement(NS,{size:"xmedium",variant:"title"},LS.t("Sort by")),ce.createElement(Er,{container:N()})),ce.createElement(bs,{size:"10"})),f?E.map(I=>{let T=k(I),x=hs(I.swaps);return ce.createElement(ce.Fragment,{key:I.requestId},ce.createElement(Yt,{showModalFee:r,selected:l?.requestId===I.requestId,tagHidden:!1,quote:{...I,requestAmount:p.requestAmount},loading:e,error:x?.options||null,warning:T,fullExpandedMode:a,onClick:A=>{x||u("warning",T),u("error",x?.options||null),o(A)},type:"list-item"}),ce.createElement(bs,{size:16}))}):w&&ce.createElement(Oc,null,ce.createElement(Mo,{size:a?"large":"small",error:d,fetch:n}))))}i(Vo,"Quotes");import{darkTheme as PS,styled as Qc}from"@rango-dev/ui";var Hc=Qc("div",{transition:"width 0.2s, opacity 0.2s, margin-left 0.2s",height:"700px",width:"390px",opacity:1,marginLeft:"$16",backgroundColor:"$neutral100",[`.${PS} &`]:{backgroundColor:"$neutral300"},variants:{expandMode:{default:{width:"390px"},full:{width:"719px"}}},"&.is-hidden":{width:0,opacity:0,marginLeft:0}}),Gc=Qc("div",{position:"relative",overflow:"hidden",padding:"$20",flexGrow:1,display:"flex",flexDirection:"column",overflowY:"auto",borderRadius:"$primary",backgroundColor:"$background"});var OS=100;function Is(t){let{fetch:e,loading:o,onClickOnQuote:n,onClickRefresh:r,isVisible:s}=t,[a,l]=FS(!1),p=a?"":"is-hidden",{config:u}=g(),c=u?.variant==="full-expanded";return DS(()=>{let h=null;return s?h=setTimeout(()=>{l(!0)},OS):(l(!1),h&&clearTimeout(h)),()=>{h&&clearTimeout(h)}},[s]),_t.createElement(Hc,{expandMode:u?.variant==="full-expanded"?"full":"default",className:`${p} ${er()}`,id:ke.EXPANDED_BOX_ID},_t.createElement(_S,{title:$S.t("Routes"),suffix:_t.createElement(_t.Fragment,null,_t.createElement(Er,{container:kn()}),_t.createElement(Gt,{onClickRefresh:r,hidden:["history","notifications","settings"]}))}),_t.createElement(Gc,null,_t.createElement(Vo,{showModalFee:!1,fetch:e,hasSort:!1,loading:o,onClickOnQuote:n,fullExpandedMode:c})))}i(Is,"ExpandedQuotes");import{i18n as Jc}from"@lingui/core";import{SwapInput as Zc}from"@rango-dev/ui";import jo from"react";import{ReverseIcon as US,styled as Vc}from"@rango-dev/ui";import As from"react";var qS=Vc("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),zS=Vc("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&:hover":{color:"$secondary500"}});function jc(){let t=Q.use.switchFromAndTo();return As.createElement(qS,null,As.createElement(zS,{onClick:()=>{t()}},As.createElement(US,{size:12})))}i(jc,"SwitchFromAndToButton");import{styled as Xc}from"@rango-dev/ui";var Kc=Xc("div",{display:"flex",flexDirection:"column",gap:"$5",alignSelf:"stretch"}),Yc=Xc("div",{position:"relative"});function Es(t){let{fetchingQuote:e,fetchMetaStatus:o,onClickToken:n}=t,{fromToken:r,fromBlockchain:s,toToken:a,toBlockchain:l,setInputAmount:p,inputAmount:u,inputUsdValue:c,outputAmount:h,outputUsdValue:m,selectedQuote:d}=Q(),{connectedWallets:C,getBalanceFor:S}=X(),y=r?S(r):null,f=gn(y)?.amount??"0",b=s&&r?W(y?.amount,y?.decimals):"0",k=!!s&&qa(C,s.name),w=!hi(d,u,c),E=!hi(d,u,m),I=!c||!m||!m.gt(0)?null:Ke(c.toString(),m.toString());return jo.createElement(Kc,null,jo.createElement(Yc,null,jo.createElement(Zc,{label:Jc.t("From"),mode:"From",onInputChange:p,balance:f,chain:{displayName:s?.displayName||"",image:s?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>n("from"),price:{value:u,usdValue:w?void 0:W(c,4,4),realUsdValue:w?void 0:se(c),error:w?K().unknownPriceError.impactTitle:void 0},disabled:o==="failed",loading:o==="loading",loadingBalance:k,tooltipContainer:N(),onSelectMaxBalance:()=>{f!=="0"&&p(b.split(",").join(""))}}),jo.createElement(jc,null)),jo.createElement(Zc,{sharpBottomStyle:!!d||e,label:Jc.t("To"),mode:"To",fetchingQuote:e,chain:{displayName:l?.displayName||"",image:l?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:W(Ke(c,m),2,2),warningLevel:St(I??0),price:{value:W(h,6,6),usdValue:E?void 0:W(m,4,4),realValue:se(h),realUsdValue:E?void 0:se(m),error:E?K().unknownPriceError.impactTitle:void 0},onClickToken:()=>n("to"),disabled:o==="failed",loading:o==="loading",tooltipContainer:N()}))}i(Es,"Inputs");import{useCallback as QS,useEffect as HS,useState as GS}from"react";function Rc(){let{fetch:t,loading:e,cancelFetch:o}=kr({request:async(n,r)=>await Et().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(Rc,"useFetchAllQuotes");var VS=600;function Wr({refetchQuote:t}){let{fetch:e,cancelFetch:o}=Rc(),{enableNewLiquiditySources:n,features:r}=g().config,s=X.use.connectedWallets(),a=g().tokens(),{fromToken:l,toToken:p,inputAmount:u,inputUsdValue:c,selectedQuote:h,sortStrategy:m,resetQuote:d,error:C,warning:S,setSelectedQuote:y,updateQuotePartialState:f}=Q(),{slippage:b,customSlippage:k,affiliatePercent:w,affiliateRef:E,affiliateWallets:I,fetchStatus:T}=g(),x=g().getLiquiditySources(),A=g().getDisabledLiquiditySources(),L=g().excludeLiquiditySources(),[M,q]=GS(!0),ee=k??b,_=!l||!p||Me(l,p)||!ko(u),te=i(Y=>{q(Y)},"resetState"),V=i(Y=>{let{fromToken:D,toToken:G,inputAmount:Ce,liquiditySources:de,excludeLiquiditySources:Ie,disabledLiquiditySources:ht,slippage:H,affiliateRef:J,affiliatePercent:R,affiliateWallets:Ae}=Y;if(M||te(!0),!_&&D&&G){d();let Ve=Wl({fromToken:D,toToken:G,inputAmount:Ce,liquiditySources:de,excludeLiquiditySources:Ie,disabledLiquiditySources:ht,wallets:s,slippage:H,affiliateRef:J,affiliatePercent:R,affiliateWallets:Ae});Ra("experimentalRoute",r)&&(Ve.experimental=!0),e(Ve).then(Te=>{let De=Pn(m,Te.results),he=Hl(h,De,Te.requestAmount);q(!1),f("quotes",Te),y(he),wr({diagnosisMessages:Te.diagnosisMessages,requestId:he?.requestId||"",swaps:he?.swaps});let st=he&&to(he,{fromToken:D,toToken:G,userSlippage:ee,tokens:a});f("warning",st)}).catch(Te=>{let{error:De}=xr(Te);(De?.type===0||De?.type===1)&&d(),De?.type!==2&&(f("error",De),q(!1))})}},"fetch"),v=QS(Ja(Y=>{_||V(Y)},VS),[_]);return HS(()=>{if(!t){q(!1);return}if(T==="success"){if(_){q(!1),(h||C||S)&&d();return}if(!ko(u)||c?.eq(0)){te(!1),o();return}return d(),te(!0),v({inputAmount:u,fromToken:l,toToken:p,liquiditySources:x,excludeLiquiditySources:L,disabledLiquiditySources:A,slippage:ee,affiliateRef:E,affiliatePercent:w,affiliateWallets:I}),o}},[T,u,l?.symbol,l?.address,l?.blockchain,p?.symbol,p?.address,p?.blockchain,_,x?.length,n,A.length,ee,E,w,JSON.stringify(I)]),{fetch:()=>V({inputAmount:u,fromToken:l,toToken:p,liquiditySources:x,excludeLiquiditySources:L,disabledLiquiditySources:A,slippage:ee,affiliateRef:E,affiliatePercent:w,affiliateWallets:I}),loading:M}}i(Wr,"useSwapInput");var ZS=KS("div",{display:"grid",gridTemplateColumns:"auto auto",alignItems:"flex-start",height:700,"& .footer__alert":{paddingTop:"0"}}),RS=300;function nm(){let t=JS(),{fromToken:e,toToken:o,inputAmount:n,selectedQuote:r,refetchQuote:s,error:a,warning:l,quotes:p,setSelectedQuote:u,resetQuoteWallets:c,setQuoteWarningsConfirmed:h,updateQuotePartialState:m}=Q(),[d,C]=om(!1),{isLargeScreen:S,isExtraLargeScreen:y}=fr(),{fetch:f,loading:b}=Wr({refetchQuote:s}),{config:k,fetchStatus:w}=g(),{connectedWallets:E}=X(),{isActiveTab:I}=oe(),[T,x]=om(!1),L=xl({fetchMetaStatus:w,fetchingQuote:b,inputAmount:n,quote:r,anyWalletConnected:E.length>0,error:a,warning:l,needsToWarnEthOnPath:!1}),M=ja(S,y,k?.variant),q=!!n&&!!e&&!!o&&n!=="0"&&!Fl(e,o),ee=q&&w==="success"&&b,te=(!M||M&&p?.results.length)&&(l||a);tm(()=>{c(),m("refetchQuote",!0)},[]),tm(()=>{C(q)},[q]);let V=(r||a)&&!T?f:void 0,v=i(D=>{M&&d?(C(!1),setTimeout(()=>{t(D)},RS)):t(D)},"onHandleNavigation"),Y=i(D=>{r?.requestId!==D.requestId&&(x(!1),u(D))},"onClickOnQuote");return Oe.createElement(ZS,null,Oe.createElement(ie,{height:"auto",footer:Oe.createElement(XS,{type:"primary",size:"large",disabled:L.disabled||!I,prefix:L.action==="confirm-warning"&&Oe.createElement(YS,null),fullWidth:!0,onClick:()=>{L.action==="connect-wallet"?v(F.wallets):L.action==="confirm-warning"?x(!0):v(F.confirmSwap)}},L.title),header:{onWallet:()=>{v(F.wallets)},hasBackButton:!1,title:k.title||jS.t("Swap"),suffix:Oe.createElement(Gt,{hidden:M?["refresh"]:void 0,onClickRefresh:V,onClickHistory:()=>v(F.swaps),onClickSettings:()=>{v(F.settings)}})}},Oe.createElement(le,null,Oe.createElement(Es,{fetchingQuote:ee,fetchMetaStatus:w,onClickToken:D=>{v(D==="from"?F.fromSwap:F.toSwap)}}),Oe.createElement(em,{size:"2"}),M?null:Oe.createElement(Yt,{quote:r,loading:ee,error:a,tagHidden:!1,warning:l,type:"basic",onClickAllRoutes:p&&p.results.length>1?()=>{m("refetchQuote",!1),v(F.routes)}:void 0}),te?Oe.createElement(Oe.Fragment,null,Oe.createElement(em,{size:"10"}),Oe.createElement(Bo,{warning:l,error:a,refetchQuote:f,showWarningModal:T,confirmationDisabled:!I,onOpenWarningModal:()=>x(!0),onCloseWarningModal:()=>x(!1),onConfirmWarningModal:()=>{x(!1),h(!0),v(F.confirmSwap)},onChangeSettings:()=>v(F.settings)})):null)),M?Oe.createElement(Is,{loading:ee,onClickOnQuote:Y,fetch:f,onClickRefresh:V,isVisible:d}):null)}i(nm,"Home");import{i18n as rm}from"@lingui/core";import{List as eC,ListItemButton as tC,Radio as oC,RadioRoot as nC,Typography as rC}from"@rango-dev/ui";import Dt from"react";function go(){let{setLanguage:t,language:e,config:o}=g(),n=tl,r=o?.language||xo;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||xo),resetLanguage:()=>t(null)}}i(go,"useLanguage");function im(){let{activeLanguage:t,changeLanguage:e,languages:o}=go(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:Dt.createElement(rC,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Dt.createElement(oC,{value:s}),start:Dt.createElement(l,null)}});return Dt.createElement(ie,{header:{title:rm.t("Language")}},Dt.createElement(le,null,Dt.createElement(nC,{value:t},Dt.createElement(eC,{type:Dt.createElement(tC,{title:rm.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(im,"LanguagePage");import{i18n as vt}from"@lingui/core";import{Button as pC,Checkbox as uC,Image as cC,ListItemButton as mC,NotFound as dC,Typography as fC}from"@rango-dev/ui";import _e,{useState as gC}from"react";import{Checkbox as aC,Skeleton as am}from"@rango-dev/ui";import Ko from"react";import{styled as Ws}from"@rango-dev/ui";var Xo=Ws("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),Ls=Ws("div",{width:80,display:"flex",justifyContent:"flex-end"}),Ms=Ws("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as iC,styled as sC}from"@rango-dev/ui";var sm=sC(iC,{height:61});var lC=30;function Ns(){return Ko.createElement(Xo,null,Array.from(Array(lC),t=>Ko.createElement(sm,{hasDivider:!0,key:t,start:Ko.createElement(am,{variant:"circular",width:35,height:35}),title:Ko.createElement(am,{variant:"text",size:"large",width:90}),end:Ko.createElement(aC,{checked:!1})})))}i(Ns,"LoadingLiquiditySourceList");function Bs({sourceType:t}){let e=g().fetchStatus,o=g().swappers(),n=g().getDisabledLiquiditySources(),[r,s]=gC(""),a=g().toggleLiquiditySource,l=g().isInCampaignMode(),p=wn(o,n),u={Exchanges:vt.t("Exchanges"),Bridges:vt.t("Bridges")},c=[];t==="Exchanges"&&c.push("DEX"),t==="Bridges"&&(c.push("BRIDGE"),c.push("AGGREGATOR"));let h=p.filter(f=>c.includes(f.type)),m=h.length===h.filter(f=>f.selected).length,d=i(()=>{h.forEach(f=>{m?a(f.groupTitle):f.selected||a(f.groupTitle)})},"toggleAllSources"),C=h.map(f=>{let{selected:b,groupTitle:k,logo:w}=f;return{start:_e.createElement(cC,{src:w,size:22,type:"circular"}),onClick:()=>{l||a(k)},end:_e.createElement(uC,{checked:b,disabled:l}),title:_e.createElement(fC,{variant:"title",size:"xmedium"},vt.t(k)),...f}}),S=i(f=>{let b=f.target.value;s(b)},"searchHandler"),y=C;return r&&(y=C.filter(f=>at(f.groupTitle,r))),_e.createElement(ie,{header:{title:vt.t(t),suffix:_e.createElement(Ls,null,_e.createElement(pC,{variant:"ghost",size:"xsmall",onClick:d},m?vt.t("Deselect all"):vt.t("Select all")))}},_e.createElement(le,{view:!0},_e.createElement(wt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:vt.t("Search {sourceType}",{sourceType:u[t]}),onChange:S}),e==="loading"&&_e.createElement(Ns,null),!y.length&&r?_e.createElement(Ms,null,_e.createElement(dC,{title:vt.t("No results found"),description:vt.t("Try using different keywords")})):e==="success"&&_e.createElement(Xo,{disabled:l},y.map(f=>_e.createElement(_e.Fragment,{key:f.id},_e.createElement(mC,{style:{height:"61px"},...f,selected:!1,hasDivider:!0}))))))}i(Bs,"LiquiditySourcePage");import{i18n as hC}from"@lingui/core";import Lr from"react";import{useNavigate as yC}from"react-router-dom";function lm(){let t=yC(),e=ut(),{selectedQuote:o,refetchQuote:n,setSelectedQuote:r,updateQuotePartialState:s,error:a}=Q(),{fetch:l,loading:p}=Wr({refetchQuote:n}),u=i(m=>{r(m),s("refetchQuote",!1),e()},"onClickOnQuote"),c=`../${F.settings}`,h=`../${F.wallets}`;return Lr.createElement(ie,{header:{onWallet:()=>{t(h)},onBack:()=>{s("refetchQuote",!1)},title:hC.t("Routes"),suffix:Lr.createElement(Gt,{onClickRefresh:o||a?l:void 0,hidden:["notifications","history"],onClickSettings:()=>t(c)})}},Lr.createElement(le,null,Lr.createElement(Vo,{fetch:l,loading:p,onClickOnQuote:u})))}i(lm,"RoutesPage");import{i18n as hm}from"@lingui/core";import{Divider as ym,getCountCategories as AC,SelectableCategoryList as EC}from"@rango-dev/ui";import bt,{useState as Sm}from"react";import{i18n as $s}from"@lingui/core";import{Divider as fm,Image as wC,ListItemButton as xC,NotFound as vC,Typography as gm}from"@rango-dev/ui";import Ze,{useEffect as bC,useState as IC}from"react";import{BlockchainCategories as Ps}from"@rango-dev/ui";import{TransactionType as Mr}from"rango-sdk";var SC=i((t,e)=>{switch(e){case Ps.ALL:return!0;case Ps.UTXO:return t.type===Mr.TRANSFER;case Ps.OTHER:return t.type!==Mr.TRANSFER&&t.type!==Mr.COSMOS&&t.type!==Mr.EVM;default:return t.type===e}},"filterByType"),pm=i((t,e,o)=>t.filter(n=>SC(n,o)).filter(n=>qt(n.name,e)||qt(n.displayName,e)),"filterBlockchains");import{ImageContainer as CC,styled as um}from"@rango-dev/ui";var cm=um("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Nr=um(Eo,{padding:0,margin:0,listStyle:"none",[`& ${CC}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as TC,Skeleton as mm}from"@rango-dev/ui";import Br from"react";var kC=20;function dm(){return Br.createElement(Nr,null,Array.from(Array(kC),t=>Br.createElement(TC,{key:t,hasDivider:!0,start:Br.createElement(mm,{variant:"circular",width:35,height:35}),title:Br.createElement(mm,{variant:"text",size:"large",width:90})})))}i(dm,"LoadingBlockchainList");function _s(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=IC(e),{fetchStatus:l}=g();bC(()=>{a([...pm(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Ze.createElement(Ze.Fragment,null,Ze.createElement(fm,{size:32}),Ze.createElement(vC,{title:$s.t("No results found"),description:$s.t("Try using different keywords")})):Ze.createElement(Nr,{as:"ul",key:`${r}-${o}`},s.map(u=>Ze.createElement(xC,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Ze.createElement(wC,{src:u.logo,size:30}),title:Ze.createElement(gm,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Ze.createElement(cm,null,Ze.createElement(gm,{variant:"label",size:"large"},$s.t("Select Blockchain")),Ze.createElement(fm,{size:4}),l==="loading"&&Ze.createElement(dm,null),l==="success"&&p())}i(_s,"BlockchainList");function Ds(t){let{type:e}=t,o=ut(),[n,r]=Sm(""),[s,a]=Sm("ALL"),l=Q.use.setToBlockchain(),p=Q.use.setFromBlockchain(),u=g().fetchStatus,c=g().blockchains({type:e}),m=AC(c)!==1;return bt.createElement(ie,{header:{title:hm.t("Select Blockchain")}},bt.createElement(le,{view:!0},m&&bt.createElement(bt.Fragment,null,bt.createElement(EC,{setCategory:a,category:s,blockchains:c,isLoading:u==="loading"}),bt.createElement(ym,{size:24})),bt.createElement(wt,{value:n,autoFocus:!0,placeholder:hm.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),bt.createElement(ym,{size:16}),bt.createElement(_s,{list:c,searchedFor:n,blockchainCategory:s,onChange:d=>{e==="source"?p(d):l(d),o()}})))}i(Ds,"SelectBlockchainPage");import{i18n as Fr}from"@lingui/core";import{Divider as Fm}from"@rango-dev/ui";import Jt,{useState as GC}from"react";import{useNavigate as VC}from"react-router-dom";import{i18n as Us}from"@lingui/core";import{BlockchainsChip as Pr,Divider as wm,Image as xm,Skeleton as BC,Tooltip as PC,Typography as qs}from"@rango-dev/ui";import be from"react";import{useEffect as MC}from"react";var Cm=["ETH","COSMOS","OSMOSIS"];function Fs(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(WC),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let u=n[p];a=a.filter(c=>u.name!==c)}}n.sort(LC(a)),r=n.splice(s)}return{list:n,more:r}}i(Fs,"prepare");function WC(t,e){let o=Cm,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(WC,"sortByMostUsedBlockchains");function LC(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(LC,"generateSortByPreferredBlockchainsFor");function Tm(t,e){return!!e.list.find(o=>o.name===t)}i(Tm,"isInVisibleList");function Os(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=g();MC(()=>{if(e?.selected){let s=Fs(t,o,e);Tm(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=Fs(t,o,e);return{list:r.list,more:r.more,history:[]}}i(Os,"usePrepareBlockchainList");import{styled as NC}from"@rango-dev/ui";var km=NC("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var $C=12;function zs(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Os(e,{limit:10,selected:n?.name}),{fetchStatus:l}=g(),p=Q.use.resetToBlockchain(),u=Q.use.resetFromBlockchain(),c=a.more.length>0,h=a.more.length===1,m=!h&&c;return be.createElement(be.Fragment,null,be.createElement(wm,{size:12}),be.createElement(qs,{variant:"label",size:"large"},Us.t("Select Blockchain")),be.createElement(wm,{size:12}),be.createElement(km,null,l==="loading"&&Array.from(Array($C),d=>be.createElement(BC,{key:d,variant:"rounded",height:50})),l==="success"&&be.createElement(be.Fragment,null,be.createElement(Pr,{selected:!n,onClick:()=>{o==="from"?u():p()}},be.createElement(qs,{variant:"body",size:"xsmall",color:"secondary500"},Us.t("All"))),a.list.map(d=>be.createElement(PC,{key:d.name,content:d.shortName,side:"bottom",sideOffset:2,container:N()},be.createElement(Pr,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},be.createElement(xm,{src:d.logo,size:30})))),h?be.createElement(Pr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},be.createElement(xm,{src:a.more[0].logo,size:30})):null,m?be.createElement(Pr,{onClick:s,key:"more-blockchains"},be.createElement(qs,{variant:"body",size:"xsmall",color:"secondary500"},Us._("More +{count}",{count:a.more.length}))):null)))}i(zs,"BlockchainsSection");import{i18n as Zs}from"@lingui/core";import{darkTheme as Bm,Divider as yo,ExternalLinkIcon as FC,Image as OC,ListItemButton as UC,NotFound as qC,PinIcon as zC,Skeleton as Pm,Typography as Dr,VirtualizedList as QC}from"@rango-dev/ui";import z,{useEffect as $m,useState as _m}from"react";import{Divider as Mm,ListItem as DC,Skeleton as Yo}from"@rango-dev/ui";import nt from"react";import{css as ho,darkTheme as vm,ImageContainer as _C,styled as ot,Typography as bm}from"@rango-dev/ui";var Qs=ho({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Hs=ho({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Gs=ho({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Vs=ho({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${vm} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),js=ho({}),Xs=ho(),Im=ot("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Ks=ot("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),$r=ot("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Hs}`]:{[`& .${Vs}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${js}`]:{bottom:"-15px"},[`& .${Qs}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Gs}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Ys=ot("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Js=ot(bm,{}),Am=ot("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Xs}`]:{$$color:"$colors$neutral600",[`.${vm} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),_r=ot("div",{display:"flex",alignItems:"end",flexDirection:"column"}),A1=ot("div",{display:"flex",alignItems:"center"}),Em=ot("div",{position:"relative",[`& ${_C}`]:{borderRadius:"$xm",overflow:"hidden"}}),Wm=ot("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Lm=ot(bm,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Nm(t){return nt.createElement($r,null,Array.from(Array(t.size),e=>nt.createElement(DC,{key:e,hasDivider:!0,start:nt.createElement(Yo,{variant:"circular",width:35,height:35}),end:nt.createElement(_r,null,nt.createElement(Yo,{variant:"text",size:"large",width:70}),nt.createElement(Mm,{size:4}),nt.createElement(Yo,{variant:"text",size:"medium",width:50})),title:nt.createElement("div",null,nt.createElement(Yo,{variant:"text",size:"large",width:90}),nt.createElement(Mm,{size:4}),nt.createElement(Yo,{variant:"text",size:"medium",width:90}))})))}i(Nm,"LoadingTokenList");var Rs=20,HC=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return z.createElement("div",{className:Hs()},o?z.createElement("div",{className:Qs()},o):z.createElement(Ks,{className:Gs()},z.createElement(Dr,{variant:"title",size:"xmedium"},r.symbol),z.createElement(yo,{direction:"horizontal",size:4}),z.createElement(Ys,{css:s},z.createElement(Js,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&z.createElement("div",{className:`${Vs()} ${!o&&js()}`},z.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",z.createElement(yo,{size:4,direction:"horizontal"}),z.createElement(FC,{color:"gray",size:12}))))},"renderDesc");function Dm(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=_m(e),l=g().fetchStatus,p=g().blockchains(),[u,c]=_m(!0),{getBalanceFor:h,loading:m}=X(),{isTokenPinned:d}=g(),C=i(()=>{a(e.slice(0,s.length+Rs))},"loadNextPage");$m(()=>{c(e.length>s.length)},[s.length]),$m(()=>{a(e.slice(0,Rs))},[e]);let S=i(()=>!s.length&&o?z.createElement(z.Fragment,null,z.createElement(yo,{size:32}),z.createElement(qC,{title:Zs.t("No results found"),description:Zs.t("Try using different keywords")})):z.createElement(QC,{endReached:u?C:void 0,itemContent:y=>{let f=s[y],b=gn(h(f)),k=f.address||"",w=p.find(x=>x.name===f.blockchain),E=Vn(f.symbol,w?.color||""),I={$$color:E[`${f.symbol}100`],[`.${Bm} &`]:{$$color:E[`${f.symbol}900`]},backgroundColor:"$$color"},T={$$color:E[`${f.symbol}700`],[`.${Bm} &`]:{$$color:E[`${f.symbol}100`]},color:"$$color"};return z.createElement("div",{style:{paddingRight:5}},z.createElement(UC,{style:{width:"100%",overflow:"hidden"},"tab-index":y,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(s[y]),start:z.createElement(Em,null,z.createElement(OC,{src:f.image,size:30}),d(f,t.type)&&z.createElement(Wm,null,z.createElement(zC,{size:12,color:"gray"}))),title:w?.type==="COSMOS"||f.name||!f.name&&!k?z.createElement(Ks,null,z.createElement(Dr,{variant:"title",size:"xmedium"},f.symbol),z.createElement(yo,{direction:"horizontal",size:4}),z.createElement(Ys,{css:I},z.createElement(Js,{variant:"body",size:"xsmall",css:T},f.blockchain))):void 0,description:w?.info&&k&&w.type!=="COSMOS"?HC({address:k,token:s[y],customCssForTag:I,customCssForTagTitle:T,name:f.name,url:w.info.addressUrl.split("{wallet}").join(k)}):f.name||void 0,end:m?z.createElement(_r,null,z.createElement(Pm,{variant:"text",size:"large",width:70}),z.createElement(yo,{size:4}),z.createElement(Pm,{variant:"text",size:"medium",width:50})):b&&z.createElement(Am,null,z.createElement(Lm,{variant:"title",size:"small"},b.amount),z.createElement("div",null),b.usdValue&&z.createElement(Dr,{variant:"body",className:Xs(),size:"xsmall"},`$${b.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return z.createElement(Im,null,z.createElement(Dr,{variant:"label",size:"large"},Zs.t("Select Token")),z.createElement(yo,{size:4}),l==="loading"&&z.createElement(Nm,{size:Rs}),l==="success"&&z.createElement($r,{as:"ul"},S()))}i(Dm,"TokenList");function ea(t){let{type:e}=t,o=VC(),n=ut(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=Q(),c=X.use.getBalanceFor(),[h,m]=GC(""),{isTokenPinned:d}=g(),S=(e==="source"?r:s)?.name??"",y=g().blockchains({type:e}),f=g().tokens({type:e,blockchain:S,searchFor:h}),k=Fa(f,c,i(T=>d(T,e),"checkIsTokenPinned")),w=i(T=>{e==="source"?p(T):u(T)},"updateBlockchain"),E=i(T=>{e==="source"?a({token:T,meta:{blockchains:y,tokens:f}}):l({token:T,meta:{blockchains:y,tokens:f}})},"updateToken"),I={source:Fr.t("Source"),destination:Fr.t("Destination")};return Jt.createElement(ie,{header:{title:Fr.t("Swap {type}",{type:I[e]})}},Jt.createElement(le,null,Jt.createElement(zs,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(F.blockchains),onChange:T=>{w(T)}}),Jt.createElement(Fm,{size:24}),Jt.createElement(wt,{value:h,autoFocus:!0,placeholder:Fr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:T=>m(T.target.value)}),Jt.createElement(Fm,{size:16}),Jt.createElement(Dm,{list:k,selectedBlockchain:S,searchedFor:h,type:e,onChange:T=>{E(T);let x=y.find(A=>T.blockchain===A.name);x&&w(x),n()}})))}i(ea,"SelectSwapItemsPage");import{i18n as ia}from"@lingui/core";import{Alert as yT,Button as ST,styled as CT}from"@rango-dev/ui";import Zt from"react";import{useInRouterContext as TT,useSearchParams as kT}from"react-router-dom";import{i18n as Hm}from"@lingui/core";import{Divider as YC,InfoIcon as JC,TextField as ZC,Tooltip as RC,Typography as Gm}from"@rango-dev/ui";import Ge from"react";import{Chip as jC,styled as Jo,TextField as XC}from"@rango-dev/ui";var Om=Jo("div",{paddingTop:"$5",padding:"$10 $5"}),Um=Jo("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${XC}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),qm=Jo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Or=Jo("div",{maxWidth:"280px",padding:"$10"}),zm=Jo(jC,{width:"61px",flexShrink:0});import{i18n as ta}from"@lingui/core";import{Typography as KC}from"@rango-dev/ui";import Zo from"react";function Qm(){return Zo.createElement(Or,null,Zo.createElement(KC,{variant:"label",size:"medium",color:"neutral700"},ta.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Zo.createElement("br",null),Zo.createElement("br",null),Zo.createElement("b",null,ta.t("Warning")),":",ta.t("This setting is applied per step (e.g. 1Inch, Thorchain, etc) which means only the step will be reverted, not the whole transaction.")))}i(Qm,"SlippageTooltipContent");function oa(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=g();return Ge.createElement(Om,null,Ge.createElement(qm,null,Ge.createElement(Gm,{variant:"title",size:"xmedium"},Hm.t("Slippage tolerance per swap")),Ge.createElement(YC,{direction:"horizontal",size:4}),Ge.createElement(RC,{container:N(),side:"top",sideOffset:4,content:Ge.createElement(Qm,null)},Ge.createElement(JC,{color:"gray"}))),Ge.createElement(Um,null,ol.map((r,s)=>{let a=`slippage-${s}`;return Ge.createElement(Ge.Fragment,null,Ge.createElement(zm,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),Ge.createElement(ZC,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=r.target.value,a=parseFloat(s);a>=sl&&a<=il?n(a):n(null)},suffix:o&&Ge.createElement(Gm,{variant:"body",size:"small"},"%"),placeholder:Hm.t("Custom")})))}i(oa,"Slippage");import{i18n as gt}from"@lingui/core";import{AutoThemeIcon as Vm,BridgeIcon as eT,ChevronRightIcon as na,DarkModeIcon as jm,Divider as ra,DoneIcon as tT,ExchangeIcon as oT,InfoIcon as nT,LanguageIcon as rT,LightModeIcon as Xm,List as iT,ListItem as sT,ListItemButton as aT,Skeleton as lT,styled as pT,Switch as uT,Tabs as cT,Tooltip as mT,Typography as rt}from"@rango-dev/ui";import O from"react";import{useNavigate as dT}from"react-router-dom";var fT=pT("div",{width:"202px",height:"$40"}),gT=[{id:"light",icon:O.createElement(Xm,{color:"black",size:16}),tooltip:O.createElement(rt,{size:"xsmall",variant:"body"},gt.t("Light"))},{id:"dark",icon:O.createElement(jm,{color:"black",size:16}),tooltip:O.createElement(rt,{size:"xsmall",variant:"body"},gt.t("Dark"))},{id:"auto",icon:O.createElement(Vm,{color:"black",size:16}),tooltip:O.createElement(rt,{size:"xsmall",variant:"body"},gt.t("Auto"))}],hT=i(t=>{let e={color:"gray",size:12};switch(t){case"auto":return O.createElement(Vm,{...e});case"dark":return O.createElement(jm,{...e});default:return O.createElement(Xm,{...e})}},"getThemeIcon");function Km(){let t=dT(),{theme:e}=g().config,{setTheme:o,theme:n}=g(),r=g().fetchStatus,s=g().swappers(),a=g().getDisabledLiquiditySources(),{config:{features:l}}=g(),p=je("theme",l),u=je("liquiditySource",l),c=je("language",l),h=g().infiniteApprove,m=g().toggleInfiniteApprove,d=wn(s,a),C=d.filter(M=>M.type==="BRIDGE"||M.type==="AGGREGATOR"),S=C.length,y=C.filter(M=>M.selected).length,f=d.filter(M=>M.type==="DEX"),b=f.length,k=f.filter(M=>M.selected).length,w=i((M,q)=>{switch(r){case"loading":return O.createElement(lT,{variant:"text",size:"medium",width:50});case"failed":return O.createElement(rt,{variant:"body",size:"medium",color:"$error500"},gt.t("Loading failed"));default:return O.createElement(rt,{variant:"body",size:"medium"},`${M} / ${q}`)}},"handleEndItem"),E={id:"bridge-item",title:O.createElement(rt,{variant:"title",size:"xmedium"},gt.t("Enabled bridges")),end:O.createElement(O.Fragment,null,w(y,S),O.createElement(ra,{direction:"horizontal",size:8}),O.createElement(na,{color:"black"})),onClick:()=>t(F.bridges),start:O.createElement(eT,{color:"gray",size:12})},I={id:"exchange-item",title:O.createElement(rt,{variant:"title",size:"xmedium"},gt.t("Enabled exchanges")),end:O.createElement(O.Fragment,null,w(k,b),O.createElement(ra,{direction:"horizontal",size:8}),O.createElement(na,{color:"gray"})),start:O.createElement(oT,{color:"gray",size:12}),onClick:()=>t(F.exchanges)},T={id:"language-item",title:O.createElement(rt,{variant:"title",size:"xmedium"},gt.t("Language")),start:O.createElement(rT,{color:"gray",size:12}),end:O.createElement(na,{color:"gray"}),onClick:()=>t(F.languages)},x={id:"infinite-approval-item",title:O.createElement(O.Fragment,null,O.createElement(rt,{variant:"title",size:"xmedium"},gt.t("Infinite approval")),O.createElement(ra,{direction:"horizontal",size:4}),O.createElement(mT,{side:"top",sideOffset:4,container:N(),content:O.createElement(Or,null,O.createElement(rt,{variant:"label",size:"medium",color:"neutral700"},gt.t("Enabling the 'Infinite approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},O.createElement(nT,{color:"gray"}))),start:O.createElement(tT,{color:"gray",size:12}),end:O.createElement(uT,{checked:h}),onClick:m},A={id:"theme-item",type:O.createElement(sT,null),title:O.createElement(rt,{variant:"title",size:"xmedium"},gt.t("Theme")),end:O.createElement(fT,null,O.createElement(cT,{container:N(),items:gT,value:n,onChange:M=>o(M.id),type:"primary",borderRadius:"small"})),start:hT(n)},L=u?[]:[E,I];return c||L.push(T),L.push(x),!e?.singleTheme&&!p&&L.push(A),O.createElement(iT,{type:O.createElement(aT,{hasDivider:!0,id:"_",onClick:()=>console.log()}),items:L})}i(Km,"SettingsLists");var wT=CT("div",{paddingLeft:"$8"});function Ym(){let{isInCampaignMode:t,updateCampaignMode:e}=g(),o=t(),[,n]=kT(),r=TT(),s=i(()=>{r&&o&&(n(a=>(a.delete("liquiditySources"),a),{replace:!0}),e("liquiditySources",void 0))},"onClick");return Zt.createElement(ie,{header:{title:ia.t("Settings")}},Zt.createElement(le,null,o&&Zt.createElement(yT,{type:"info",variant:"alarm",title:ia.t("Currently, you're in campaign mode with restrictions on liquidity sources. Would you like to switch out of this mode and make use of all available liquidity sources?"),action:Zt.createElement(wT,null,Zt.createElement(ST,{type:"secondary",size:"small",onClick:s},ia.t("Reset")))}),Zt.createElement(oa,null),Zt.createElement(Km,null)))}i(Ym,"SettingsPage");import{i18n as pk}from"@lingui/core";import{cancelSwap as uk}from"@rango-dev/queue-manager-rango-preset";import{useManager as ck}from"@rango-dev/queue-manager-react";import{Alert as mk}from"@rango-dev/ui";import ka from"react";import{useParams as dk}from"react-router-dom";import{i18n as At}from"@lingui/core";import{getCurrentBlockchainOfOrNull as GT,getCurrentStep as VT,getRelatedWalletOrNull as jT}from"@rango-dev/queue-manager-rango-preset";import{Button as wd,CopyIcon as XT,Divider as KT,IconButton as YT,LinkIcon as JT,QuoteCost as ZT,StepDetails as RT,Typography as Co,useCopyToClipboard as ek}from"@rango-dev/ui";import{useWallets as tk}from"@rango-dev/wallets-react";import xd from"bignumber.js";import{PendingSwapNetworkStatus as Xr}from"rango-types";import Z,{useEffect as vd,useRef as ok,useState as bd}from"react";import{useNavigate as nk}from"react-router-dom";import{i18n as Ft}from"@lingui/core";var xT=[Ft.t("Sunday"),Ft.t("Monday"),Ft.t("Tuesday"),Ft.t("Wednesday"),Ft.t("Thursday"),Ft.t("Friday"),Ft.t("Saturday")];function Jm(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Ft.t("Today"):`${xT[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(Jm,"timeSince");function Zm(t){return t.finishTime?Jm(parseInt(t.finishTime)):Jm(parseInt(t.creationTime))}i(Zm,"getSwapDate");import{PendingSwapNetworkStatus as zr}from"rango-types";import Qr from"react";import{i18n as Ur}from"@lingui/core";import{Button as Rm,Divider as sa,MessageBox as vT}from"@rango-dev/ui";import Ot from"react";var ed=i(({onCancel:t,onClose:e})=>Ot.createElement(Ot.Fragment,null,Ot.createElement(sa,{size:20}),Ot.createElement(vT,{type:"error",title:Ur.t("Cancel Swap"),description:Ur.t("Are you sure you want to cancel this swap?")}),Ot.createElement(sa,{size:32}),Ot.createElement(Rm,{variant:"contained",type:"primary",size:"large",onClick:t},Ur.t("Yes, Cancel it")),Ot.createElement(sa,{size:12}),Ot.createElement(Rm,{variant:"outlined",type:"primary",size:"large",onClick:e},Ur.t("No, Continue"))),"CancelContent");import{i18n as qr}from"@lingui/core";import{Button as td,Divider as aa,MessageBox as bT,Typography as IT}from"@rango-dev/ui";import It from"react";var od=i(({onDelete:t,onClose:e})=>It.createElement(It.Fragment,null,It.createElement(aa,{size:20}),It.createElement(bT,{type:"error",title:qr.t("Delete Transaction"),description:qr.t("Are you sure you want to delete this swap?")}),It.createElement(aa,{size:32}),It.createElement(td,{variant:"contained",type:"primary",size:"large",onClick:t},qr.t("Yes, Delete it")),It.createElement(aa,{size:12}),It.createElement(td,{variant:"outlined",type:"primary",size:"large",onClick:e},It.createElement(IT,{variant:"title",size:"medium",color:"primary"},qr.t("No, Cancel")))),"DeleteContent");import{i18n as la}from"@lingui/core";import{PendingSwapNetworkStatus as pa}from"rango-types";var ua={[pa.WaitingForNetworkChange]:{type:"loading",title:la.t("Change Network")},[pa.WaitingForConnectingWallet]:{type:"warning",title:la.t("Connect Wallet")},[pa.NetworkChanged]:{type:"success",title:la.t("Network Changed")}};import{MessageBox as ET,Wallet as WT}from"@rango-dev/ui";import{useWallets as LT}from"@rango-dev/wallets-react";import Ro from"react";import{styled as AT}from"@rango-dev/ui";var nd=AT("div",{display:"flex",justifyContent:"center"});var rd=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:u}=LT(),c=n?.walletType,h=c?oi(u(c)):null,m=c?p(c):null;return Ro.createElement(Ro.Fragment,null,Ro.createElement(ET,{type:e,title:o,description:r}),s&&!!c&&!!h&&!!m&&Ro.createElement(nd,null,Ro.createElement(WT,{container:N(),title:m.name,image:m.img,type:c,state:h,link:m.installLink,disabled:a,onClick:async()=>l(c)})))},"WalletStateContent");function ca(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===zr.WaitingForNetworkChange||e===zr.WaitingForConnectingWallet||e===zr.NetworkChanged;return Qr.createElement(ae,{open:!!e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},p&&Qr.createElement(rd,{type:ua[e].type,title:ua[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==zr.WaitingForNetworkChange}),e==="delete"&&Qr.createElement(od,{onClose:o,onDelete:n}),e==="cancel"&&Qr.createElement(ed,{onClose:o,onCancel:r}))}i(ca,"SwapDetailsModal");import{i18n as en}from"@lingui/core";import{Button as ma,Divider as Hr,MessageBox as id,TokenAmount as MT,Typography as da}from"@rango-dev/ui";import We from"react";import{useNavigate as NT}from"react-router-dom";function fa(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:u,percentageChange:c,description:h,diagnosisUrl:m}=t,d=NT();return We.createElement(ae,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},n==="success"?We.createElement(id,{type:"success",title:en.t("Swap Successful")},We.createElement(MT,{direction:"vertical",tooltipContainer:N(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:u,percentageChange:c}),We.createElement(Hr,{size:12}),We.createElement(da,{variant:"body",size:"medium",color:"neutral700",align:"center"},h)):We.createElement(id,{type:"error",title:en.t("Transaction Failed"),description:h}),We.createElement(Hr,{size:32}),n==="success"&&We.createElement(ma,{variant:"contained",type:"primary",size:"large",onClick:()=>{d("../../")}},We.createElement(da,{variant:"title",size:"medium",color:"neutral100"},en.t("Done"))),We.createElement(Hr,{size:12}),m&&We.createElement(We.Fragment,null,We.createElement(ma,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},en.t("Diagnosis")),We.createElement(Hr,{size:12})),We.createElement(ma,{variant:"outlined",type:"primary",size:"large",onClick:o},We.createElement(da,{variant:"title",size:"medium",color:"primary"},en.t("See Details"))))}i(fa,"SwapDetailsCompleteModal");import QT from"react";import{i18n as OT}from"@lingui/core";import{Alert as cd,IconButton as UT,LinkIcon as qT}from"@rango-dev/ui";import Ut,{Fragment as zT}from"react";import{Alert as BT,ChevronDownIcon as PT,ChevronUpIcon as $T,IconButton as _T}from"@rango-dev/ui";import Gr,{useState as DT}from"react";function sd(t){let{message:e}=t,[o,n]=DT(!1);return Gr.createElement(BT,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Gr.createElement(_T,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Gr.createElement($T,{size:12,color:"gray"}):Gr.createElement(PT,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(sd,"FailedAlert");import{styled as FT}from"@rango-dev/ui";var ad=FT("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as ld}from"@lingui/core";import{Alert as ga,Button as pd}from"@rango-dev/ui";import{PendingSwapNetworkStatus as ha}from"rango-types";import tn from"react";function ud(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?tn.createElement(ga,{type:"warning",title:n.shortMessage,action:tn.createElement(pd,{size:"xxsmall",type:"warning",onClick:()=>{o(ha.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},ld.t("Change"))}):r===ha.WaitingForConnectingWallet?tn.createElement(ga,{type:"warning",title:n.shortMessage,action:tn.createElement(pd,{size:"xxsmall",type:"warning",onClick:()=>{o(ha.WaitingForConnectingWallet)}},ld.t("Connect"))}):tn.createElement(ga,{type:"warning",title:n.shortMessage})}i(ud,"WarningAlert");function ya(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=Io(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l,c=u&&!a||p&&!s.explorerUrl?.length;return Ut.createElement(ad,null,s.explorerUrl?.map((h,m,d)=>{let C=m+h.url,S=m===d.length-1,y=(S&&u||p)&&!c,f=S&&s.status==="failed";return Ut.createElement(zT,{key:C},Ut.createElement(cd,{type:S&&(y&&"loading"||f&&"error")||"success",title:h.description?`${h.description} Tx`:OT.t("View transaction"),action:h.url&&Ut.createElement(UT,{variant:"ghost",size:"xsmall",onClick:()=>window.open(h.url,"_blank")},Ut.createElement(qT,{size:12}))}))}),c&&Ut.createElement(cd,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Ut.createElement(ud,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Ut.createElement(sd,{message:r}))}i(ya,"SwapDetailsAlerts");var md=2e3;var dd=i(({swap:t,blockchains:e,swappers:o,...n})=>{let r=t.hasAlreadyProceededToSign!==!1;return t.steps.map((s,a)=>{let l=a===0?t.inputAmount:t.steps[a-1].outputAmount||t.steps[a-1].expectedOutputAmountHumanReadable;return{from:{token:{displayName:s.fromSymbol,image:s.fromLogo??""},chain:{displayName:Xe(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:W(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Xe(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:W(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:bo(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Xe(p.fromBlockchain,e)??""},to:{blockchain:Xe(p.toBlockchain,e)??""},swapper:{displayName:bo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:QT.createElement(ya,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function fd(t){if(Io(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i(fd,"getStepState");import{css as on,darkTheme as HT,styled as Rt}from"@rango-dev/ui";var gd=Rt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Vr=Rt("div",{width:"100%"}),hd=Rt(Eo,{padding:"$0 $20 $20 $20"}),bU=Rt("div",{display:"flex",flexDirection:"column",gap:"$10"}),yd=Rt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),IU=Rt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),So=on({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${HT} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),Sd=on({padding:"$5 0"}),jr=on({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),Cd=on({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Td=on({width:"100%",padding:"0 $20 $10"}),kd=Rt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function Sa(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=tk(),p=g().blockchains(),u=g().swappers(),c=g().tokens(),h=Q.use.retry(),m=oe.use.isActiveTab(),d=nk(),[C,S]=ek(md),y=ok(null),[f,b]=bd(null),[k,w]=bd(null),E=i(()=>{r(),b(null)},"onCancel"),I=qe.use.getUnreadNotifications(),T=qe.use.setAsRead(),x=I(),A=VT(e),L=A?.networkStatus;vd(()=>{x.find(st=>st.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(w(e.status),T(e.requestId))},[e.status,e.requestId]),vd(()=>{V?b(Xr.WaitingForNetworkChange):L===Xr.WaitingForConnectingWallet||L===Xr.NetworkChanged?b(L):b(null)},[L]);let M=$l(e),q=A?GT(e,A):null,ee=A?jT(e,A):null,ge=Zm(e),_=_l(e),te=i(he=>!!l(he)?.mobileWallet,"isMobileWallet"),V=L===Xr.WaitingForNetworkChange&&!!q&&!!ee?.walletType&&(te(ee.walletType)||s(ee.walletType,q)),v=V?a.bind(null,ee.walletType,q):void 0,Y=Pl(e,A),D=dd({swap:e,switchNetwork:v,showNetworkModal:L,setNetworkModal:b,message:Y,blockchains:p,swappers:u}),G=D.length,[Ce,de]=[e.steps[0],e.steps[G-1]],Ie=de.outputAmount||de.expectedOutputAmountHumanReadable,ht=e.steps.reduce((he,st)=>he+parseFloat(st.feeInUsd||""),0),H=e.steps.find(he=>he.diagnosisUrl)?.diagnosisUrl,J=W(parseFloat(W(Ie,6,6))*(de.toUsdPrice||0),4,4),R=W(parseFloat(e.inputAmount)*(Ce.fromUsdPrice||0),4,4),Ae=Ie?se(new xd(Ie).multipliedBy(de.toUsdPrice||0)):"",Ve=se(new xd(e.inputAmount).multipliedBy(Ce.fromUsdPrice||0)),Te=Ke(R,J),De=e.status==="success"?At.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:W(Ie,6,6),token:D[G-1].to.token.displayName,conciseAddress:hn(e.wallets[D[G-1].to.chain.displayName]?.address||""),chain:D[G-1].to.chain.displayName}}):`${At.t("Transaction was not sent.")} ${M?At.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:M.outputAmount,symbol:M.symbol,blockchain:M.blockchain}}):""}`;return Z.createElement(ie,{header:{title:At.t("Swap and Bridge"),onCancel:e.status==="running"?()=>b("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(so,null,Z.createElement(wd,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>b("delete")},Z.createElement(Co,{size:"medium",variant:"label",color:"error"},At.t("Delete"))))},footer:_&&!k&&Z.createElement(wd,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{h(e,{blockchains:p,tokens:c}),setTimeout(()=>{d("../../")},0)}},At.t("Try again"))},Z.createElement(le,{compact:!0,view:!0},Z.createElement(Vr,null,Z.createElement("div",{className:So()},Z.createElement(Co,{variant:"label",size:"large",color:"neutral700"},`${At.t("Request ID")}:`),Z.createElement("div",{className:jr()},Z.createElement(Co,{variant:"label",size:"small",color:"neutral700"},o),Z.createElement(YT,{variant:"ghost",onClick:S.bind(null,o||"")},Z.createElement(XT,{size:16,color:"gray"})),Z.createElement(kd,{target:"_blank",href:`${Aa}/swap/${o}`},Z.createElement(JT,{size:16})))),Z.createElement("div",{className:So()},Z.createElement(Co,{variant:"label",size:"large",color:"neutral700"},`${At.t(e.finishTime?"Finished at":"Created at")}:`),Z.createElement(Co,{variant:"label",size:"small",color:"neutral700"},ge))),Z.createElement("div",{className:Cd()},Z.createElement(ZT,{fee:W(String(ht),2,2),time:ln(pn(e.steps)),steps:G}),Z.createElement($o,{from:{price:{value:W(e.inputAmount,6,6),usdValue:R,realUsdValue:Ve,realValue:e.inputAmount},token:{displayName:D[0].from.token.displayName,image:D[0].from.token.image},chain:{image:D[0].from.chain.image,displayName:D[0].from.chain.displayName}},to:{price:{value:W(Ie,6,6),usdValue:J,realUsdValue:Ae,realValue:Ie},token:{displayName:D[G-1].to.token.displayName,image:D[G-1].to.token.image},chain:{image:D[G-1].to.chain.image,displayName:D[G-1].to.chain.displayName}},percentageChange:W(Te,2,2),warningLevel:St(Te??0)})),Z.createElement("div",{className:Td()},Z.createElement(Co,{variant:"title",size:"small"},At.t("Swaps steps"))),Z.createElement(KT,{size:8}),Z.createElement(hd,{ref:y},D.map((he,st)=>{let ba=st,To=fd(e.steps[st]),Gd=To==="error"||To==="in-progress"||To==="warning"||To==="completed"&&st===D.length-1;return Z.createElement(RT,{key:ba,step:he,type:"swap-progress",ref:y,state:To,hasSeparator:st!==0,tabIndex:ba,isFocused:Gd,tooltipContainer:N()})}))),Z.createElement(ca,{state:f,onClose:()=>b(null),onCancel:E,onDelete:n,message:Y.detailedMessage.content,currentStepWallet:ee,walletButtonDisabled:!m}),Z.createElement(fa,{open:!!k,diagnosisUrl:H,onClose:()=>w(null),status:e.status==="success"?"success":"failed",priceValue:W(Ie,6,6),usdValue:J,realUsdValue:Ae,realValue:se(Ie),percentageChange:W(Te,2,2),token:{displayName:D[G-1].to.token.displayName,image:D[G-1].to.token.image},chain:{image:D[G-1].to.chain.image},description:De}))}i(Sa,"SwapDetails");import{i18n as Yr}from"@lingui/core";import{Divider as Ed,NotFound as lk,Skeleton as rn,Typography as Jr}from"@rango-dev/ui";import me from"react";import{i18n as rk}from"@lingui/core";import{Divider as ik,Skeleton as sk,Typography as ak}from"@rango-dev/ui";import fe from"react";import{css as it,styled as Ca}from"@rango-dev/ui";var Id=Ca("div",{width:"100%",height:"100%",padding:"$10 $20"}),nn=Ca("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Kr=Ca("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),iq=it({display:"flex",justifyContent:"space-between",alignItems:"center"}),sq=it({display:"flex",justifyContent:"space-between",alignItems:"center"}),aq=it({paddingTop:"$15",display:"flex"}),lq=it({padding:"$15 $0"}),pq=it({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),uq=it({paddingBottom:"$10"}),cq=it({display:"flex",justifyContent:"start",alignItems:"center"}),mq=it({paddingTop:"$5",display:"flex",alignItems:"center"}),dq=it({display:"flex",alignItems:"center"}),fq=it({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Ad=it({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function Ta(){return fe.createElement(Id,null,fe.createElement(Uo,{type:"swap-preview"}),fe.createElement("div",{className:"swaps-steps"},fe.createElement(ak,{variant:"title",size:"small"},rk.t("Swaps steps"))),fe.createElement(fe.Fragment,null,fe.createElement(nn,null,fe.createElement(ft,{separator:!1}),fe.createElement("div",{className:Ad()},fe.createElement(ik,{direction:"horizontal",size:20}),fe.createElement(sk,{height:22,variant:"rectangular"}))),fe.createElement(Kr,null),fe.createElement(nn,null,fe.createElement(ft,{separator:!1})),fe.createElement(Kr,null),fe.createElement(nn,null,fe.createElement(ft,{separator:!1})),fe.createElement(Kr,null),fe.createElement(nn,null,fe.createElement(ft,{separator:!1}))))}i(Ta,"LoadingSwapDetails");function Wd(t){let{requestId:e,showSkeleton:o}=t;return me.createElement(ie,{header:{title:Yr.t("Swap and Bridge"),suffix:me.createElement(so,null)}},o&&me.createElement(gd,null,me.createElement(Vr,null,me.createElement("div",{className:So()},me.createElement(Jr,{variant:"label",size:"large",color:"neutral700"},`${Yr.t("Request ID")}:`),me.createElement("div",{className:jr()},me.createElement(Jr,{variant:"label",size:"small",color:"neutral700"},me.createElement(rn,{width:60,height:10,variant:"rounded"})),me.createElement(Ed,{direction:"horizontal",size:4}),me.createElement(rn,{width:16,height:16,variant:"rectangular"}),me.createElement(Ed,{direction:"horizontal",size:4}),me.createElement(rn,{width:16,height:16,variant:"rectangular"}))),me.createElement("div",{className:So()},me.createElement(Jr,{className:Sd(),variant:"label",size:"large",color:"neutral700"},me.createElement(rn,{width:60,height:10,variant:"rounded"})),me.createElement(Jr,{variant:"label",size:"small",color:"neutral700"},me.createElement(rn,{width:60,height:10,variant:"rounded"})))),me.createElement(Ta,null)),!o&&me.createElement(yd,null,me.createElement(lk,{title:Yr.t("Not found"),description:Yr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Wd,"SwapDetailsPlaceholder");function Ld(){let{manager:t,state:e}=ck(),o=!e.loadedFromPersistor,n=ct(t),{requestId:r}=dk(),s=ut(),{fetchStatus:a}=g();if(!r)return ka.createElement(mk,{containerStyles:{margin:"20px"},type:"error",title:pk.t("The request ID is necessary to display the swap details.")});let l=o||a==="loading",p=r?n.find(({swap:m})=>m.requestId===r):void 0,u=i(()=>{if(p?.id){let m=t?.get(p.id);m&&uk(m)}},"onCancel"),c=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),h=p?.swap;return!h||l?ka.createElement(Wd,{requestId:r,showSkeleton:l}):ka.createElement(Sa,{swap:h,requestId:r,onCancel:u,onDelete:c})}i(Ld,"SwapDetailsPage");function Md(){return Vl(),vi(),fk([{path:F.home,element:Ue.createElement(nm,null)},{path:F.routes,element:Ue.createElement(lm,null)},{path:F.fromSwap,children:[{index:!0,element:Ue.createElement(ea,{type:"source"})},{path:F.blockchains,element:Ue.createElement(Ds,{type:"source"})}]},{path:F.toSwap,children:[{index:!0,element:Ue.createElement(ea,{type:"destination"})},{path:F.blockchains,element:Ue.createElement(Ds,{type:"destination"})}]},{path:F.settings,children:[{index:!0,element:Ue.createElement(Ym,null)},{path:F.languages,element:Ue.createElement(im,null)},{path:F.exchanges,element:Ue.createElement(Bs,{sourceType:"Exchanges"})},{path:F.bridges,element:Ue.createElement(Bs,{sourceType:"Bridges"})}]},{path:F.swaps,children:[{index:!0,element:Ue.createElement(Fc,null)},{path:F.swapDetails,element:Ue.createElement(Ld,null)}]},{path:F.wallets,element:Ue.createElement(Yp,null)},{path:F.confirmSwap,element:Ue.createElement(Ic,null)}])}i(Md,"AppRoutes");import{isApprovalTX as gk,MainEvents as Nd,RouteEventType as Bd,StepEventType as Pd,StepExecutionEventStatus as hk,useEvents as yk}from"@rango-dev/queue-manager-rango-preset";import{useEffect as $d}from"react";function _d(){let t=g().tokens(),e=X.use.connectedWallets(),o=X.use.getWalletsDetails(),n=qe.use.setNotification(),r=yk();return $d(()=>(r.on(Nd.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Pd.TX_EXECUTION&&a.status===hk.TX_SENT&&!gk(l)||a.type===Pd.SUCCEEDED){let c=e.find(m=>m.chain===l?.fromBlockchain),h=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);c&&o([c],t),h&&o([h],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),$d(()=>(r.on(Nd.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Bd.FAILED||a.type===Bd.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(_d,"WidgetEvents");import{globalCss as Sk}from"@rango-dev/ui";var Dd=i(()=>Sk({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");function Fd(){let{setWatermark:t}=oe();return{fetchApiConfig:i(async()=>{let o=await fetch(`${yt("BASE_URL")}/meta/dapp/config?apiKey=${yt("API_KEY")}`);if(!o.ok)throw new Error(`Request failed with status: ${o.status} `);let n=await o.json();t(n.config.watermark)},"fetchApiConfig")}}i(Fd,"useFetchApiConfig");import{styled as Ck}from"@rango-dev/ui";var Od=Ck("div",{display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function Zr(){Dd();let{config:t}=g(),{activeTheme:e}=jn(t?.theme||{}),{activeLanguage:o}=go(),[n,r]=Ud(""),[s,a]=Ud(),l=kk(vn),{fetchApiConfig:p}=Fd();return wk(()=>{qe.persist.rehydrate(),l.onConnectWallet(r),p().catch(console.log)},[]),sn.createElement(Tk,{language:o},sn.createElement(Od,{id:"swap-container",className:e()},sn.createElement(_d,null),sn.createElement(hl,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},sn.createElement(Md,null))))}i(Zr,"Main");import xa,{useMemo as Uk}from"react";import{checkWaitingForNetworkChange as xk,makeQueueDefinition as vk}from"@rango-dev/queue-manager-rango-preset";import{Provider as bk}from"@rango-dev/queue-manager-react";import{useWallets as Ik}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as Ak}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Ek}from"rango-types";import Wk,{useMemo as Lk}from"react";function Mk(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=Ik(),l=Lk(()=>vk({API_KEY:t.apiKey||yt("API_KEY"),BASE_URL:yt("BASE_URL")}),[t.apiKey]),p=g().blockchains(),c={blockchains:X.use.connectedWallets().map(k=>({accounts:[k],name:k.chain}))},h=i(async(k,w)=>{if(s(k,w))return r(k,w)},"switchNetwork"),m=i(k=>!!a(k).mobileWallet,"isMobileWallet"),d=p.filter(k=>k.enabled).reduce((k,w)=>(k[w.name]=w,k),{}),C=p.filter(Ek),S=i(k=>{let{supportedChains:w}=a(k);return mn(w)},"getSupportedChainNames"),y=e(),f={meta:{blockchains:d,evmBasedChains:C,evmNetworkChainInfo:Ak(C),getSupportedChainNames:S},getSigners:o,wallets:c,providers:y,switchNetwork:h,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},b=oe.use.isActiveTab();return Wk.createElement(bk,{queuesDefs:[l],context:f,onPersistedDataLoaded:k=>{xk(k)},isPaused:!b},t.children)}i(Mk,"QueueManager");var qd=Mk;import{useManager as _k}from"@rango-dev/queue-manager-react";import Dk,{createContext as Fk,useContext as Ok}from"react";import{cancelSwap as Nk,getCurrentBlockchainOfOrNull as Bk,getCurrentStep as Pk,getRelatedWalletOrNull as $k}from"@rango-dev/queue-manager-rango-preset";var Rr=class{static{i(this,"WidgetHistory")}manager;actions;constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return ct(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){return this.actions.retrySwap(e,o)}cancel(e){let o=this.manager?.get(e);o&&Nk(o)}getCurrentStepInfo(e){let o=Pk(e);return{step:o,wallet:o?$k(e,o):null,network:o?Bk(e,o):null}}};var zd=Fk(void 0);function wa(t){let{manager:e}=_k(),o=oe.use.isActiveTab(),n=Q.use.retry(),r=new Rr(e,{retrySwap:n}),s=X.use.connectedWallets(),a=X.use.loading(),l=Da(s),p=X.use.getWalletsDetails(),u=g().blockchains(),c=g().tokens(),h=g().swappers(),m=g().fetchStatus,d=go().resetLanguage,C=qe().getUnreadNotifications(),S={isActiveTab:o,setCurrentTabAsActive:zt.forceClaim,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:u,tokens:c,swappers:h,loadingStatus:m},resetLanguage:d,notifications:{list:C}};return Dk.createElement(zd.Provider,{value:S},t.children)}i(wa,"WidgetInfo");function Qd(){let t=Ok(zd);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Qd,"useWidget");function ei(t){let{onUpdateState:e,config:o}=t;return Uk(()=>{Qa({API_KEY:o?.apiKey||an,BASE_URL:o?.apiUrl||Ia})},[o.apiKey,o.apiUrl]),xa.createElement(bn,{config:o,onUpdateState:e},xa.createElement(qd,{apiKey:o.apiKey},xa.createElement(wa,null,t.children)))}i(ei,"WidgetProvider");function Hd(t){return qk(()=>(zt.init(),zt.destroy),[]),t.config?.externalWallets?va.createElement(Zr,null):va.createElement(ei,{config:t.config??ai},va.createElement(Zr,null))}i(Hd,"Widget");export{qQ as EventSeverity,zQ as MainEvents,ZQ as Networks,tH as PendingSwapNetworkStatus,QQ as RouteEventType,HQ as StepEventType,GQ as StepExecutionBlockedEventStatus,VQ as StepExecutionEventStatus,ke as UI_ID,YQ as WalletEvents,RQ as WalletTypes,Hd as Widget,ei as WidgetProvider,bn as WidgetWallets,Mi as customizedThemeTokens,KQ as readAccountAddress,nu as useWallets,Qd as useWidget,jQ as useWidgetEvents};
3
3
  //# sourceMappingURL=index.js.map