@rango-dev/widget-embedded 0.22.4-next.9 → 0.23.0

package/dist/index.js

@@ -1,3 +1,3 @@
-var ud=Object.defineProperty;var i=(t,e)=>ud(t,"name",{value:e,configurable:!0});import{EventSeverity as wq,MainEvents as vq,RouteEventType as xq,StepEventType as bq,StepExecutionBlockedEventStatus as Iq,StepExecutionEventStatus as Aq,useEvents as Eq}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as Lq,useWallets as Pp,Events as Mq}from"@rango-dev/wallets-react";import{Networks as Bq,WalletTypes as Pq}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as _q}from"rango-types";import{UI_ID as cd}from"@rango-dev/ui";var on="c6381a79-2817-4602-83bf-6a641a409e32",ca="https://api.rango.exchange",ma="https://scan.rango.exchange",Ee={SWAP_BOX_ID:"rango-swap-box",...cd};import{Events as ti,Provider as Gd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Vd}from"rango-sdk";import Sn,{createContext as jd,useEffect as oi,useRef as Kd,useState as Xd}from"react";import{useEffect as Ed}from"react";import{create as bd}from"zustand";import{subscribeWithSelector as Id}from"zustand/middleware";import{RangoClient as vd}from"rango-sdk";import{WalletState as st}from"@rango-dev/ui";import{readAccountAddress as fd}from"@rango-dev/wallets-react";import{detectInstallLink as gd,getCosmosExperimentalChainInfo as hd,isEvmAddress as yd,KEPLR_COMPATIBLE_WALLETS as tk,Networks as ha}from"@rango-dev/wallets-shared";import Vr from"bignumber.js";import{isCosmosBlockchain as Sd}from"rango-types";import md from"bignumber.js";var We=new md(0);import{WalletTypes as dd}from"@rango-dev/wallets-shared";var da=[dd.LEAP];import{BigNumber as ga}from"bignumber.js";var nn=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 ga(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new ga(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 rn=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var it=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),So=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function pe(t){return W(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(pe,"formatTooltipNumbers");function jr(t){switch(!0){case t.connected:return st.CONNECTED;case t.connecting:return st.CONNECTING;case!t.installed:return st.NOT_INSTALLED;default:return st.DISCONNECTED}}i(jr,"mapStatusToWalletState");function ya(t,e,o,n){return o.filter(r=>!da.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=jr(t(r));return{title:s,image:a,link:gd(l),state:p,type:r}})}i(ya,"mapWalletTypesToWalletInfo");function ln(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(ln,"walletAndSupportedChainsNames");function Sa(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}=fd(p),h=l.length>0,m=l.includes(c),d=c===ha.Unknown;if(h&&!m&&!d)return;let S=c===ha.Unknown&&yd(u);if(d&&!S)return;o.includes(c)||S?r?a(c,u.toLowerCase()):l.filter(w=>o.includes(w)).forEach(w=>{a(w,u.toLowerCase())}):a(c,u)}),s}i(Sa,"prepareAccountsForWalletStore");function Ca(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(Ca,"getRequiredChains");function pn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(pn,"isAccountAndWalletMatched");function Ta(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 Vr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Td(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Ta,"makeBalanceFor");function ka(t){return{...t,loading:!1,error:!0}}i(ka,"resetConnectedWalletState");var wa=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 Vr(s?.amount||We).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),We)||We).toString();return Cd(r)},"calculateWalletUsdValue");function Cd(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(Cd,"numberWithThousandSeparator");var Td=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),un=i((t,e)=>{let o=hd(Object.entries(t).map(([,n])=>n).filter(Sd));return o&&o[e]?.experimental},"isExperimentalChain");function cn(t){return t?{...t,amount:W(t.amount,8,8),usdValue:W(t.usdValue,4,4)}:null}i(cn,"formatBalance");function kd(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(kd,"sortTokensByBalance");function wd(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(wd,"sortTokensByPinnedToken");function va(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=wd(n,r,o);return l!==0?l:kd(s,a)}),t}i(va,"sortTokens");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Le,"areTokensEqual");function xa(t){return t.sort((e,o)=>+(o.state===st.CONNECTED)-+(e.state===st.CONNECTED)||+(o.state===st.DISCONNECTED||o.state===st.CONNECTING)-+(e.state===st.DISCONNECTED||e.state===st.CONNECTING))}i(xa,"sortWalletsBasedOnConnectionState");function mn(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(mn,"getConciseAddress");function ba({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(ba,"getAddress");function Kr(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(Kr,"createTokenHash");function dn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Vr(o?.usdPrice??We).multipliedBy(o?.amount).toString():""},r=o?Kr({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(dn,"makeTokensBalance");var Ia=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function Aa(t){return t.map(e=>e.state).join("-")}i(Aa,"hashWalletsState");var Xr={API_KEY:on};function ht(t){return Xr[t]||""}i(ht,"getConfig");function Ea(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Xr=e,Xr}i(Ea,"initConfig");var Wa=20,La=25,Ma="Roboto",Yr="theme-widget",Co=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Le(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Le(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),Jr=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var fn,At=i(()=>fn||(fn=new vd(ht("API_KEY"),ht("BASE_URL")),fn),"httpService");var xd=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"),Et=xd;var K=Et(bd()(Id((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:dn(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=>pn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await At().getWalletsDetails(a)).wallets;if(p)t(u=>{let c=u.connectedWallets.map(m=>{let d=o.find(S=>pn(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:Ta(C,n),loading:!1}:m});return{loading:!1,balances:dn(c),connectedWallets:c}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(c=>o.find(h=>pn(h,c))?ka(c):c);return{loading:!1,balances:dn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=Kr(o);return n[r]??null}}))));import{allProviders as Ad}from"@rango-dev/provider-all";function gn(t,e){let o=Ad({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(gn,"matchAndGenerateProviders");function Na(t,e){return gn(t,e).map(r=>r.config.type)}i(Na,"configWalletsToWalletName");function Ba(t,e){let o=K.use.clearConnectedWallet(),n=gn(void 0,e);return Ed(()=>{o(),n=gn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Ba,"useWalletProviders");import Fd,{createContext as Ud,useContext as Od,useEffect as qd,useRef as zd}from"react";import{create as _d}from"zustand";import{persist as Dd}from"zustand/middleware";var Zr={apiKey:"",title:void 0,multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},Wd={clientUrl:void 0},Ld={liquiditySources:void 0},Pa=i((t,e,o)=>({config:{...Zr,...t},iframe:Wd,campaignMode:Ld,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 hn(t){return Array.from(new Set(t))}i(hn,"removeDuplicateFrom");function Rr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Rr,"areEqual");function $a(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i($a,"debounce");function Ut(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Ut,"containsText");var B=i(()=>document.getElementById(Ee.SWAP_BOX_ID),"getContainer");function yn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return hn(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(yn,"getUniqueSwappersGroups");function _a(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(_a,"sortLiquiditySourcesByGroupTitle");function He(t,e){return e?.[t]==="hidden"}i(He,"isFeatureHidden");function Da(t,e){return e?.[t]==="enabled"}i(Da,"isFeatureEnabled");var Fa=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&&Co(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(Ut(p.symbol,o.searchFor)||Ut(p.address||"",o.searchFor)||Ut(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=>Le(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(_a)},fetch:async()=>{try{let o=await At().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 Md,French as Nd,Japanese as Bd,Portuguese as Pd,Spanish as $d}from"@rango-dev/ui";var Ua=[{title:"English",label:"English",local:"en",SVGFlag:Md},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:$d},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Nd},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Bd},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:Pd}],To="en";var Oa=[.5,1,3],qa=1,za=5,Qa=100,Ha=0;var Ga=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:qa,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<=10-1;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=hn(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=He("theme",n),s=He("language",n),a=He("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:To},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function Va(t){return _d()(Dd((...e)=>({...Fa(...e),...Ga(...e),...Pa(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(Va,"createAppStore");var ja=Ud(null);function g(){let t=Od(ja);if(qd(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(g,"useAppStore");function Ka(t){let e=zd();return e.current||(e.current=Va(t.config)),Fd.createElement(ja.Provider,{value:e.current},t.children)}i(Ka,"AppStoreProvider");import{create as Hd}from"zustand";var Xa="rango-widget";var Xt=class{constructor(e){this.state="not-initiated";this.events={};this.init=()=>{this.initEvents(),this.tryClaim()};this.forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};this.isClaimed=()=>this.state==="claimed";this.destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};this.handleMessageEvent=e=>{let o=e.data.name;switch(o){case"ping":this.claimedByCurrentTab(e.data.pingAt);break;case"pong":this.alreadyClaimedByAnotherTab();break;case"force-claim":this.forceRelease(e.data.candidateId);break;case"force-release":this.tabId===e.data.candidateId&&this.claim();break;default:throw new Error(`${o} is not supported.`)}};this.handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};this.handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};this.channel=new BroadcastChannel(Xa),this.tabId=Math.trunc(Math.random()*1e5),this.events=e}initEvents(){this.channel.addEventListener("message",this.handleMessageEvent),document.addEventListener("visibilitychange",this.handleVisibilityChange),document.addEventListener("resume",this.handleResume)}claimedByCurrentTab(e){let o=this.lastTryClaim&&this.lastTryClaim<e;if(this.isClaimed()||o){let n={name:"pong"};this.channel.postMessage(n);return}}alreadyClaimedByAnotherTab(){this.resetLastCheck()}async tryClaim(){return this.setLastCheck(),new Promise(e=>{setTimeout(()=>{this.check(),e()},300)})}check(){this.state==="not-initiated"&&this.events.onInit?.(),this.lastTryClaim?(this.claim(),this.resetLastCheck()):this.state="not-claimed"}claim(){this.state="claimed",this.events.onClaim?.()}setLastCheck(){this.lastTryClaim=Date.now();let e={name:"ping",pingAt:this.lastTryClaim};this.channel.postMessage(e)}resetLastCheck(){this.lastTryClaim=void 0}forceRelease(e){if(this.isClaimed()){this.state="not-claimed",this.events.onRelease?.();let o={name:"force-release",candidateId:e};this.channel.postMessage(o)}}};i(Xt,"TabManager");var ne=Et(Hd()((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})}}))),Ot=new Xt({onInit:()=>ne.setState({tabManagerInitiated:!0}),onClaim:()=>ne.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>ne.setState({isActiveTab:!1})});var Cn=jd({onConnectWallet:()=>{}});function Yd(t){let{updateConfig:e,updateSettings:o,fetch:n}=g(),r=g().blockchains(),s=g().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=Xd([]),{providers:u}=Ba(t.config.wallets,a),{connectWallet:c,disconnectWallet:h}=K(),m=Kd();oi(()=>{n().catch(console.log)},[]),oi(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let d=r.filter(Vd).map(y=>y.name),C=i((y,f,w,k,v)=>{if(f===ti.ACCOUNTS)if(w){let I=ln(v.supportedBlockchains),x=Sa(y,w,d,I,v.isContractWallet);p(x)}else h(y);if(f===ti.ACCOUNTS&&k.connected){let I=`${y}-${k.network}-${w}`;k.connected&&(m.current?m.current(I):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(f===ti.NETWORK&&k.network){let I=`${y}-${k.network}`;m.current?m.current(I):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(y,f,w,k,v)},"onUpdateState"),S=ne.use.isActiveTab();return oi(()=>{l.length&&c(l,s)},[l,s]),Sn.createElement(Cn.Provider,{value:{onConnectWallet:y=>{m.current=y}}},Sn.createElement(Gd,{allBlockChains:r,providers:u,onUpdateState:C,autoConnect:!!S},t.children))}i(Yd,"Main");function Tn(t){let{config:e,...o}=t;return Sn.createElement(Ka,{config:e},Sn.createElement(Yd,{...o,config:e}))}i(Tn,"WidgetWallets");import pa,{useEffect as UT}from"react";import{I18nManager as ST}from"@rango-dev/ui";import en,{useContext as CT,useEffect as TT,useState as rd}from"react";import{useQueueManager as ef}from"@rango-dev/queue-manager-rango-preset";import{useWallets as tf}from"@rango-dev/wallets-react";import{isEvmBlockchain as of}from"rango-types";import nf,{Fragment as rf}from"react";import{MemoryRouter as sf,useInRouterContext as af}from"react-router";import{useWallets as Jd}from"@rango-dev/wallets-react";import{useEffect as Zd,useRef as Rd}from"react";function Za(){let{connect:t,state:e}=Jd(),o=Rd({}),{fetchStatus:n}=g(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Zd(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(Za,"useForceAutoConnect");function Ra({children:t,...e}){let n=af()?rf:sf,r=g().blockchains(),{canSwitchNetworkTo:s}=tf();Za();let a=r.filter(of);return ef({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),nf.createElement(n,null,t)}i(Ra,"AppRouter");import $e from"react";import{useRoutes as mT}from"react-router-dom";var _={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId",routes:"routes"};import{useEffect as Zt,useRef as Wn}from"react";import Lt from"bignumber.js";import{create as df}from"zustand";import{subscribeWithSelector as ff}from"zustand/middleware";import{getLastSuccessfulStep as mf}from"@rango-dev/queue-manager-rango-preset";import Uv from"bignumber.js";import{i18n as at}from"@lingui/core";var ni={"Network Fee":at.t("Network Fee"),"Swapper Fee":at.t("Protocol Fee"),"Affiliate Fee":at.t("Affiliate Fee"),"Outbound network fee":at.t("Outbound Fee"),"Rango Fee":at.t("Rango Fee")},nv={SPEED:at.t("Fastest Transfer"),NET_OUTPUT:at.t("Maximum Return"),FEE:at.t("Lowest Fee"),PRICE:at.t("Maximum Output"),SMART:at.t("Smart Routing")},ri=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"];var Wt=(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))(Wt||{});function el(t,e){return e.find(o=>o.name===t)?.displayName}i(el,"getBlockchainDisplayNameFor");function Ge(t,e){return e.find(o=>o.name===t)?.shortName}i(Ge,"getBlockchainShortNameFor");function ko(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(ko,"getSwapperDisplayName");function ii(t,e){return e.find(o=>Le(o,t))??null}i(ii,"findToken");function si(t,e){return e.find(o=>o.name===t)??null}i(si,"findBlockchain");import{i18n as Ye}from"@lingui/core";import Me from"bignumber.js";import{PendingSwapNetworkStatus as xn}from"rango-types";function kn(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(kn,"getRequiredWallets");function wn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(wn,"isValidAddress");import{i18n as xe}from"@lingui/core";var Y=i(()=>({genericServerError:xe.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:xe.t("Please reset your liquidity sources."),description:xe.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:xe.t("No Routes Found."),description:xe.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:xe.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:xe.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:xe.t("High Price Impact"),title:xe.t("Price impact is too high!"),description:xe.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:xe.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:xe.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:xe.t("USD Price Unknown"),title:xe.t("USD Price Unknown, Cannot calculate Price Impact."),description:xe.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:xe.t("Confirm USD Price Unknown")}}),"errorMessages");function tl(t){switch(t.type){case 0:return t.diagnosisMessage??Y().noResultError.title;case 1:return Y().genericServerError;default:return""}}i(tl,"getQuoteErrorMessage");import{i18n as vn}from"@lingui/core";var zt=i(()=>({connectWallet:vn.t("Connect Wallet"),swap:vn.t("Swap"),swapAnyway:vn.t("Swap anyway"),ethWarning:vn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function ol(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Me(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Me(1e3)))??!1}i(ol,"hasHighValueLoss");function nl(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new Me(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Me(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(nl,"hasLimitError");function rl(t){let e=(t||[]).filter(l=>{let p=l.fromAmountMinValue?new Me(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new Me(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 Me(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Me(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Ye.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=Ye.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=Ye.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=Ye.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(rl,"getLimitErrorMessage");function il(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:zt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||l||!r||r==="0"?{title:zt().swap,action:"confirm-swap",disabled:!0}:a?{title:zt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:zt().ethWarning,action:"confirm-warning",disabled:!1}:{title:zt().swap,action:"confirm-swap",disabled:!1}:{title:zt().connectWallet,action:"connect-wallet",disabled:!1}}i(il,"getSwapButtonState");function ai(t,e,o){return!((!o||o.lte(We))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(ai,"canComputePriceImpact");function lf(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(lf,"requiredWallets");var pf=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function uf(t,e){let o=We;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=pf(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Me(r.amount).multipliedBy(s||0))}return o}i(uf,"getUsdFeeOfStep");function bn(t,e){return t.reduce((o,n)=>o.plus(uf(n,e)),We)}i(bn,"getTotalFeeInUsd");function li(t){let e=We;return e=e.plus(new Me(t.amount).multipliedBy(t.price||0)),e}i(li,"getUsdFee");function sl(t){return t.reduce((e,o)=>e.plus(li(o)),We)}i(sl,"getTotalFeesInUsd");function al(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(al,"getFeesGroup");function ll(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(ll,"checkSlippageErrors");function pl(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(pl,"checkSlippageWarnings");function In(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(In,"getMinRequiredSlippage");function ul(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(ul,"hasProperSlippage");function cl(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,w)=>(f[w.chain]=w.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(cl,"createQuoteRequestBody");function ml(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(ml,"getWalletsForNewSwap");function Yt(t){return t?.outputAmount||null}i(Yt,"getQuoteOutputAmount");function dl(t,e){return new Me(e).div(new Me(t)).minus(1).multipliedBy(100).toNumber()}i(dl,"getPercentageChange");function fl(t,e){let o=Yt(t),n=Yt(e);if(!o||!n)return!1;let r=Ve(o,n);return r?r<=-1:!0}i(fl,"isOutputAmountChangedALot");function gl(t,e,o){let n=t.validationStatus,r=Ca(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>Tl(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=W(new Me(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=W(new Me(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),c="";return a.reason==="FEE"&&(c=Ye.t(" for network fee")),a.reason==="INPUT_ASSET"&&(c=Ye.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(c=Ye.t(" for input and network fee")),Ye.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:Ge(a.asset.blockchain,o)}})})}i(gl,"generateBalanceWarnings");function An(t,e){return(t?new Me(t):We).multipliedBy(e||0)}i(An,"calcOutputUsdValue");function wo(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==xn.NetworkChanged}i(wo,"isNetworkStatusInWarningState");function hl(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),wo(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case xn.WaitingForConnectingWallet:n=n||Ye.t("Waiting for connecting wallet");break;case xn.WaitingForQueue:n=n||Ye.t("Waiting for other running tasks to be finished");break;case xn.WaitingForNetworkChange:n=n||Ye.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(hl,"getSwapMessages");function yl(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(yl,"getLastConvertedTokenInFailedSwap");function Sl(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Sl,"shouldRetrySwap");function Cl(t,e,o,n,r,s){return t||!e&&!lf(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!wn(s,o)}i(Cl,"confirmSwapDisabled");function En(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(En,"getQuoteToTokenUsdPrice");function pi(t,e){let o=t?.swaps||[],n=e?.swaps||[];return o.length!==n.length}i(pi,"isNumberOfSwapsChanged");function ui(t,e){let o=t?.swaps.map(r=>r.swapperId)||[],n=e?.swaps.map(r=>r.swapperId)||[];return!Rr(o,n)}i(ui,"isQuoteSwappersUpdated");function ci(t,e){let o=t?.swaps.map(r=>r.to.symbol)||[],n=e?.swaps.map(r=>r.to.symbol)||[];return!Rr(o,n)}i(ci,"isQuoteInternalCoinsUpdated");function wl(t,e){return pi(t,e)||ui(t,e)||ci(t,e)}i(wl,"isQuoteChanged");function Tl(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(Tl,"getRequiredBalanceOfWallet");function yt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(yt,"getPriceImpactLevel");function vl(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=mf(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=si(s?s.toBlockchain:n.fromBlockchain,e),p=si(r.toBlockchain,e),u=ii(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=ii(a,o),h=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:h}}i(vl,"createRetryQuote");function Jt(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Qt(o,t.requestAmount),l=Qt(n,t?.outputAmount??"");if(t&&a&&l){let c=Ve(a.toString(),l.toString());if(!!c&&ol(a,c)){let m=bn(t?.swaps,r),d=yt(c);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:c,totalFee:m,warningLevel:d}}}else if(t&&(!a||!l))return{type:1};let p=In(t.swaps),u=s>za;if(ul(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:pl(t,s),minRequiredSlippage:p};return null}i(Jt,"generateQuoteWarnings");function Ve(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:dl(t.toString(),e.toString());return n&&n<0?n:null}i(Ve,"getPriceImpact");var xl=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"),bl=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"),Il=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"),Al=i(t=>{let e=i((o,n)=>{let r=ri.indexOf(o.value),s=ri.indexOf(n.value);return r!==-1&&s!==-1?r-s:r!==-1?-1:s!==-1?1:0},"customSort");return t.sort(e)},"sortTags"),El=i(t=>{switch(t){case"FASTEST":return"#06C270";case"RECOMMENDED":return"#469BF5";case"LOWEST_FEE":return"#FF4DAD";case"HIGH_IMPACT":return"#FF3B3B";case"CENTRALIZED":default:return"#FFF1D4"}},"getRouteTagColor");var Qt=i((t,e)=>t?.usdPrice?new Lt(e||We).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),V=Et(df()(ff(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Lt(0),outputUsdValue:new Lt(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=We;return So(o.inputAmount)?(e&&(n=e?.outputAmount?new Lt(e?.outputAmount):null,r=An(e?.outputAmount,En(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 Lt(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:Qt(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 Lt(0),outputUsdValue:new Lt(0),selectedQuote:null},...!!o.fromToken&&{inputUsdValue:Qt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=vl(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:Qt(a??null,u),outputUsdValue:new Lt(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:Qt(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 Wl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=V(),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,w=u?.to?.tokens,k=u?.to?.blockchains,v=Wn(void 0),I=Wn(void 0),x=Wn(void 0),T=Wn(void 0);Zt(()=>{t(u?.amount?.toString()||"")},[u?.amount]),Zt(()=>{if(c==="success"){let b=h.find(L=>L.name===u?.from?.blockchain),N=m.find(L=>Le(L,u?.from?.token||null));(b||!b&&x.current)&&n(b??null),N?r({token:N,meta:{blockchains:h,tokens:m}}):!N&&v.current&&r({token:null}),x.current=u?.from?.blockchain,v.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,c]),Zt(()=>{Co(s,y)&&r({token:null}),Jr(l,f)&&n(null)},[y,f]),Zt(()=>{Co(a,w)&&r({token:null}),Jr(p,k)&&o(null)},[w,k]),Zt(()=>{if(c==="success"){let b=h.find(L=>L.name===u?.to?.blockchain),N=m.find(L=>Le(L,u?.to?.token||null));(b||!b&&T.current)&&o(b??null),N?e({token:N,meta:{blockchains:h,tokens:m}}):!N&&I.current&&e({token:null}),T.current=u?.to?.blockchain,I.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,c]),Zt(()=>{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(Wl,"useSyncStoresWithConfig");import{useEffect as fi,useRef as gf}from"react";import{useInRouterContext as hf,useLocation as yf,useSearchParams as Sf}from"react-router-dom";function mi(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(mi,"searchParamToToken");function di(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(di,"tokenToSearchParam");function gi(){let t=yf(),[e,o]=Sf(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:u,setFromToken:c,setToToken:h,setInputAmount:m}=V(),d=g().fetchStatus,C=g().blockchains(),S=g().tokens(),y=hf(),{updateIframe:f,updateCampaignMode:w}=g(),k=g().isInCampaignMode(),v=gf(),I=i(()=>{let T=e.get("fromAmount"),b=e.get("fromBlockchain"),N=e.get("fromToken"),L=e.get("toBlockchain"),M=e.get("toToken"),A=e.get("autoConnect"),O=e.get("clientUrl"),Z=e.get("liquiditySources");return{fromAmount:T,fromBlockchain:b,fromToken:N,toBlockchain:L,toToken:M,autoConnect:A,clientUrl:O,liquiditySources:Z}},"getUrlSearchParams"),x=i(T=>{for(let b in T)T[b]||delete T[b];o(T,{replace:!0})},"updateUrlSearchParams");fi(()=>{let{autoConnect:T,clientUrl:b}=I();y&&d==="success"&&x({["fromBlockchain"]:n?.name,["fromToken"]:di(s),["toBlockchain"]:r?.name,["toToken"]:di(a),["fromAmount"]:l,["autoConnect"]:T??void 0,["clientUrl"]:b??void 0,["liquiditySources"]:k?v.current:void 0})},[t.pathname,l,n,s,r,a,k]),fi(()=>{if(!y)return;let T=I();if(!v.current&&T.liquiditySources&&(v.current=T.liquiditySources),T.fromAmount&&m(T.fromAmount),d==="success"){let b=C.find(A=>A.name===T.fromBlockchain),N=mi(S,T.fromToken,b??null),L=C.find(A=>A.name===T.toBlockchain),M=mi(S,T.toToken,L??null);b&&(p(b),N&&c({token:N,meta:{blockchains:C,tokens:S}})),L&&(u(L),M&&h({token:M,meta:{blockchains:C,tokens:S}}))}},[d]),fi(()=>{let{clientUrl:T,liquiditySources:b}=I();f("clientUrl",T||void 0),w("liquiditySources",b?.split(",")??void 0)},[])}i(gi,"useSyncUrlAndStore");import{i18n as gr}from"@lingui/core";import{useManager as ry}from"@rango-dev/queue-manager-react";import{Alert as ec,Button as iy,css as ls,Divider as as,IconButton as tc,SettingsIcon as sy,styled as ay,Tooltip as ly,Typography as py,WalletIcon as uy}from"@rango-dev/ui";import ue,{useEffect as Uo,useLayoutEffect as cy,useRef as my,useState as hr}from"react";import{flushSync as dy}from"react-dom";import{useLocation as fy,useNavigate as gy}from"react-router-dom";import{i18n as pt}from"@lingui/core";import{Alert as qi,BalanceErrors as Kg,Button as $p,ChevronDownIcon as Xg,ChevronLeftIcon as Yg,Divider as ro,MessageBox as Jg,Typography as Zn,WalletIcon as Zg}from"@rango-dev/ui";import D,{useEffect as Rg,useState as io}from"react";import{useNavigate as eh}from"react-router-dom";import{i18n as Ln}from"@lingui/core";function Mn(t){switch(t.type){case 0:return Ln.t("Route has been updated.");case 3:return Ln.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Ln.t("Route swappers has been updated.");case 2:return Ln.t("Route internal coins has been updated.");default:return""}}i(Mn,"getQuoteUpdateWarningMessage");import{Modal as Tf}from"@rango-dev/ui";import kf from"react";function ae(t){let{watermark:e}=ne();return kf.createElement(Tf,{hasWatermark:e==="FULL",...t},t.children)}i(ae,"WatermarkedModal");import $n,{useRef as xf}from"react";import*as Rt from"@radix-ui/react-collapsible";import{keyframes as Ll,styled as Nn}from"@rango-dev/ui";var hi=300,wf=Ll({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),vf=Ll({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Ml=Nn(Rt.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),yi=Nn(Rt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),Bn=Nn(Rt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${wf} ${hi}ms ease-out`},false:{animation:`${vf} ${hi}ms ease-out`}}}}),Pn=Nn("div",{transition:`all ${hi}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function _n(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=xf(null);return $n.createElement(Ml,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&$n.createElement(yi,{className:"collapsible_trigger",onClick:s},a),$n.createElement(Bn,{className:"collapsible_content",open:e},r),l==="bottom"&&$n.createElement(yi,{className:"collapsible_trigger",onClick:s},a))}i(_n,"CustomCollapsible");import{Button as bf,css as Nl,darkTheme as eo,IconButton as If,styled as je,TextField as Af}from"@rango-dev/ui";var Bl=je("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Pl=je("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ef=je("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${eo} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${eo} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${eo} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),$l=je(Ef,{alignSelf:"stretch",minHeight:"93px"}),_l=je("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Dl=je(If,{position:"absolute",left:"$20"}),Fl=je("div",{paddingTop:"$20"}),Ul=Nl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ol=je("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),ql=Nl({paddingTop:"$5"}),zl=je("div",{display:"flex"}),Ql=je(Af,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Hl=je("div",{overflow:"visible",width:"100%"}),Gl=je(bf,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${eo} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${eo} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${eo} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as Ze}from"@lingui/core";import{Button as Hg,Divider as Ui,Image as Gg,MessageBox as Jn,SelectableWallet as Vg,Typography as Mp,WalletState as Np}from"@rango-dev/ui";import le,{useEffect as Bp,useState as Ao}from"react";import{WalletState as Si}from"@rango-dev/ui";import{useWallets as Wf}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Lf,WalletTypes as Dn}from"@rango-dev/wallets-shared";import{useCallback as Mf,useEffect as Nf,useState as Bf}from"react";var Pf=Object.values(Dn);function Fn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Wf(),{connectedWallets:u}=K(),c=g().blockchains(),h=Na(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Pf,m=ya(s,l,h,o),d=xa(m),[C,S]=Bf(""),y=i(I=>!u.find(x=>x.walletType===I&&x.chain===o),"isExperimentalChainNotAdded"),f=i(async I=>{let x=s(I);try{if(C&&S(""),x.connected)await a(I);else{let T=!!m.find(b=>b.state===Si.CONNECTED);if(!e?.multiWallets&&T)return;n?.(I),await p(I),r?.(I)}}catch(T){S("Error: "+T?.message)}},"handleClick"),w=Mf(()=>{let I=m?.filter(x=>x.state===Si.CONNECTING)||[];for(let x of I)a(x.type)},[Aa(m)]);Nf(()=>()=>{w()},[]);let k=i(I=>I.filter(T=>T.state!=Si.NOT_INSTALLED&&![Dn.DEFAULT,Dn.WALLET_CONNECT_2].includes(T.type)&&l(T.type).supportedChains.filter(b=>b.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),v=i((I,x,T)=>un(T,x)&&y(I)&&!Lf.includes(I)||I==Dn.DEFAULT&&!k(m),"shouldExcludeWallet");return{list:d.filter(I=>!v(I.type,o??"",c)),error:C,handleClick:f,disconnectConnectingWallets:w}}i(Fn,"useWalletList");import{i18n as xp}from"@lingui/core";import{styled as Ip,Typography as Dg,Wallet as Fg,WalletState as Ug}from"@rango-dev/ui";import no,{useState as bp}from"react";import{useManager as Ag}from"@rango-dev/queue-manager-react";import{BottomLogo as Eg,Divider as hp,Header as Wg}from"@rango-dev/ui";import de,{useEffect as yp,useRef as Sp}from"react";import{useRef as $f}from"react";function Un(){return window.self!==window.top}i(Un,"isAppLoadedIntoIframe");function Ci(){let t=$f(null),{iframe:e}=g(),o=Un()&&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(Ci,"useIframe");import{useNavigate as _f}from"react-router-dom";function lt(){let t=_f();return()=>t(-1)}i(lt,"useNavigateBack");import{createTheme as vi,darkTheme as qf,lightTheme as zf}from"@rango-dev/ui";import{useEffect as Xl,useState as Qf}from"react";import{theme as Uf,darkColors as Of}from"@rango-dev/ui";var Vl=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"),On=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:Vl(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:Vl(e,-((l-5)*25))});return a},"generateRangeColors"),Ti=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=On(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,...On(s,a)}}return n?r:{}},"generateColors");var jl=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Df=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=jl(o%52)+e;return jl(o%52)+e},"toAlphabeticName"),Ff=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),ki=i(t=>Df(Ff(5381,JSON.stringify(t))>>>0),"toHash");function wi(t){let e=Uf.colors,o=Ti({...e,...Of},!0,t?.dark),n=Ti(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:`${Yr}-light-${ki(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${Yr}-dark-${ki(p)}`,tokens:p}}return{light:a,dark:l}}i(wi,"customizedThemeTokens");function Kl(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(Kl,"joinList");function qn(t){let{colors:e,fontFamily:o=Ma,borderRadius:n=Wa,secondaryBorderRadius:r=La,mode:s="auto"}=t,[a,l]=Qf("light"),{setTheme:p,theme:u}=g(),{dark:c,light:h}=wi(e),m=vi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[m.className,zf.className],C=[m.className,qf.className];if(h){let y=vi(h.id,h.tokens);d.push(y.className)}if(c){let y=vi(c.id,c.tokens);C.push(y.className)}return Xl(()=>{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)}},[]),Xl(()=>{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(qn,"useTheme");var Mt=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 Yl}from"@lingui/core";import{Alert as Hf,Button as Gf}from"@rango-dev/ui";import Jl from"react";function xi(t){return Jl.createElement(Hf,{action:Jl.createElement(Gf,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},Yl.t("Activate")),type:"warning",variant:"alarm",title:Yl.t("Another tab is open and handles transactions. You can activate this tab.")})}i(xi,"ActivateTabAlert");import{i18n as bi}from"@lingui/core";import{Button as Vf,Divider as jf,MessageBox as Kf}from"@rango-dev/ui";import zn from"react";function Ii(t){let{open:e,onClose:o,onConfirm:n}=t;return zn.createElement(ae,{open:e,dismissible:!0,onClose:o,container:B()},zn.createElement(Kf,{title:bi.t("Activate current tab"),type:"warning",description:bi.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.")},zn.createElement(jf,{size:20}),zn.createElement(Vf,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},bi.t("Confirm"))))}i(Ii,"ActivateTabModal");import{ChevronLeftIcon as Jf}from"@rango-dev/ui";import tp from"react";import{darkTheme as Xf,IconButton as Yf,styled as vo}from"@rango-dev/ui";var Ke=vo(Yf,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Zl=vo("div",{position:"absolute",background:"$secondary500",[`.${Xf} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),to=vo("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Rl=vo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),ep=vo("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function Ai(t){return tp.createElement(Ke,{variant:"ghost",size:"small",onClick:t.onClick},tp.createElement(Jf,{color:"black",size:16}))}i(Ai,"BackButton");import{i18n as Zf}from"@lingui/core";import{Button as Rf,Typography as eg}from"@rango-dev/ui";import Ei from"react";function Wi(t){return Ei.createElement(to,null,Ei.createElement(Rf,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Ei.createElement(eg,{variant:"label",size:"medium",color:"error500"},Zf.t("Cancel"))))}i(Wi,"CancelButton");import{i18n as tg}from"@lingui/core";import{Tooltip as og,WalletIcon as ng}from"@rango-dev/ui";import Qn from"react";function Li(t){return Qn.createElement(og,{container:t.container,side:"top",content:tg.t("Connect Wallet")},Qn.createElement(Ke,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Qn.createElement(Zl,null),Qn.createElement(ng,{size:18,color:"black"})))}i(Li,"WalletButton");import{i18n as jn}from"@lingui/core";import{NotificationsIcon as vg,Popover as xg,SettingsIcon as bg,Tooltip as Kn,TransactionIcon as Ig}from"@rango-dev/ui";import we from"react";import{i18n as cg}from"@lingui/core";import{EventSeverity as mg}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as ap,ChevronRightIcon as dg,ListItemButton as fg,Typography as gg}from"@rango-dev/ui";import Je from"react";import{useNavigate as hg}from"react-router-dom";import{create as rg}from"zustand";import{persist as ig,subscribeWithSelector as sg}from"zustand/middleware";var Oe=Et(rg()(ig(sg((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,address:r.fromSymbolAddress,symbol:r.fromSymbol},to:{blockchain:s.toBlockchain,address:s.toSymbolAddress,symbol:s.toSymbol}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{styled as Hn}from"@rango-dev/ui";var op=Hn("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),np=Hn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),rp=Hn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),ip=Hn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as ag}from"@lingui/core";import{Divider as lg,NoNotificationIcon as pg,Typography as ug}from"@rango-dev/ui";import Gn from"react";function sp(){return Gn.createElement(ip,null,Gn.createElement(pg,{color:"secondary",size:26}),Gn.createElement(lg,{size:12}),Gn.createElement(ug,{variant:"body",size:"medium",color:"neutral700"},ag.t("There are no notifications.")))}i(sp,"NotificationNotFound");var yg=4;function Mi(){let t=hg(),{getUnreadNotifications:e}=Oe(),o=e(),n=g().blockchains(),r=g().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,yg),a=i(l=>{t(`${_.swaps}/${l}`)},"handleOnClick");return Je.createElement(op,null,s.length?Je.createElement(np,null,s.map(l=>{let{route:p,requestId:u,event:c}=l,h=r.find(S=>Le(S,p.from)),m=n.find(S=>S.name===p.from.blockchain),d=r.find(S=>Le(S,p.to)),C=n.find(S=>S.name===p.to.blockchain);return Je.createElement(fg,{key:u,onClick:()=>a(u),title:Je.createElement(gg,{variant:"body",size:"small",color:c.messageSeverity===mg.WARNING?"$foreground":"$neutral700"},cg.t(c.message)),id:u,start:Je.createElement(rp,null,Je.createElement("div",{className:"from-chain-token"},Je.createElement(ap,{tokenImage:h?h.image:"",chainImage:m?m.logo:"",size:"small"})),Je.createElement("div",{className:"to-chain-token"},Je.createElement(ap,{tokenImage:d?d.image:"",chainImage:C?C.logo:"",size:"small"}))),end:Je.createElement(dg,{size:12,color:"gray"})})})):Je.createElement(sp,null))}i(Mi,"NotificationContent");import{RefreshProgressButton as Sg}from"@rango-dev/ui";import Ni,{useEffect as Cg,useState as lp}from"react";var Tg=1e3,pp=60,kg=100;function Vn({onClick:t}){let[e,o]=lp(0),[n,r]=lp(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");Cg(()=>{let p;return t?p=window.setInterval(()=>{o(u=>u+1),e===pp&&l()},Tg):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 Ni.createElement(Ke,{variant:"ghost",size:"small",onClick:l,disabled:!t},Ni.createElement(ep,{onTransitionEnd:()=>r(!1),isRefetched:n},Ni.createElement(Sg,{size:24,color:t?"black":"gray",progress:e/pp*kg})))}i(Vn,"RefreshButton");import{Typography as wg}from"@rango-dev/ui";import up from"react";function cp(){let{getUnreadNotifications:t}=Oe(),e=t().length;return e?up.createElement(Rl,null,up.createElement(wg,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(cp,"UnreadNotificationsBadge");function xo(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n,hidden:r=[]}=t,{config:{features:s}}=g(),a=He("notification",s)||r.includes("notifications");return we.createElement(we.Fragment,null,!r.includes("refresh")&&we.createElement(Kn,{container:B(),side:"top",content:jn.t("Refresh")},we.createElement(Vn,{onClick:e})),!a&&we.createElement(xg,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:B(),content:we.createElement(Mi,null)},we.createElement("div",null,we.createElement(Kn,{container:B(),side:"top",content:jn.t("Notifications")},we.createElement(Ke,{size:"small",variant:"ghost"},we.createElement(vg,{size:18,color:"black"}),we.createElement(cp,null))))),!r.includes("settings")&&we.createElement(Kn,{container:B(),side:"top",content:jn.t("Settings")},we.createElement(Ke,{size:"small",variant:"ghost",onClick:n},we.createElement(bg,{size:18,color:"black"}))),!r.includes("history")&&we.createElement(Kn,{container:B(),side:"top",content:jn.t("Transactions History")},we.createElement(Ke,{size:"small",variant:"ghost",onClick:o},we.createElement(Ig,{size:18,color:"black"}))))}i(xo,"HeaderButtons");function Bi(t){let e=t.target;if(e){let o=e.scrollTop,n=B();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(Bi,"onScrollContentAttachStatusToContainer");import{styled as Pi}from"@rango-dev/ui";var mp="700px",dp=Pi("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",width:"100vw",minWidth:"300px",maxWidth:"390px",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",overflow:"hidden",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:mp},fixed:{height:mp}}}}),fp=Pi("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),gp=Pi("div",{padding:"0 $20 $10","& .footer__logo":{opacity:0,transition:"opacity 1s ease-in-out","&.logo__show":{opacity:1},"&.logo__hidden":{visibility:"hidden"}}});function oe(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=Ci(),{children:n,header:r,footer:s,height:a="fixed"}=t,l=K.use.connectedWallets(),{config:{features:p,theme:u}}=g(),{watermark:c}=ne(),h=c==="FULL",{activeTheme:m}=qn(u||{}),d=He("connectWalletButton",p),{isActiveTab:C,tabManagerInitiated:S,showActivateTabModal:y,setShowActivateTabModal:f,activateCurrentTab:w}=ne(),k=lt(),{manager:v}=Ag(),x=Mt(v).map(({swap:A})=>A).some(A=>A.status==="running"),T=i(()=>w(Ot.forceClaim,x),"onActivateTab"),b=i(()=>{r.onWallet?.()},"onConnectWallet"),N=typeof r.hasBackButton>"u"||r.hasBackButton,L=Sp(null),M=Sp(null);return yp(()=>(Un()&&M.current&&e(M.current),()=>{o()}),[]),yp(()=>(L.current?.addEventListener("scroll",Bi),()=>{L.current?.removeEventListener("scroll",Bi)}),[]),de.createElement(dp,{height:a,id:Ee.SWAP_BOX_ID,className:m(),ref:M},de.createElement(Wg,{prefix:de.createElement(de.Fragment,null,N&&de.createElement(Ai,{onClick:()=>{k(),r.onBack&&r.onBack()}})),title:r.title,suffix:de.createElement(de.Fragment,null,r.suffix,r.onWallet&&!d&&de.createElement(Li,{container:B(),onClick:b,isConnected:!!l?.length}),r.onCancel&&de.createElement(Wi,{onClick:r.onCancel}))}),de.createElement(fp,{ref:L},n),de.createElement(Ii,{open:y,onClose:()=>f(!1),onConfirm:T}),de.createElement(gp,null,de.createElement("div",{className:"footer__content"},s,S&&!C&&de.createElement(de.Fragment,null,de.createElement(hp,{size:12}),de.createElement(xi,{onActivateTab:T}))),de.createElement(hp,{size:12}),de.createElement("div",{className:`footer__logo ${h?"logo__show":"logo__hidden"}`},de.createElement(Eg,null))))}i(oe,"Layout");import{styled as Lg}from"@rango-dev/ui";var Cp="$20 $20 $10 $20",bo=Lg("div",{padding:Cp,overflowY:"auto",flexGrow:1});import{styled as Mg}from"@rango-dev/ui";var se=Mg("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 _g}from"@rango-dev/ui";import _i from"react";import{i18n as oo}from"@lingui/core";import{Image as Pg,MessageBox as $i,WalletState as $g}from"@rango-dev/ui";import Ht from"react";import{keyframes as Ng,styled as Xn}from"@rango-dev/ui";var KA=Xn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Tp=Xn("div",{position:"relative"}),Bg=Ng({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),kp=Xn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Bg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),wp=Xn("div",{"& img":{borderRadius:"50%"}});function vp(t){let{state:e,image:o,error:n}=t;return e===$g.CONNECTED?Ht.createElement($i,{type:"success",title:oo.t("Wallet Connected"),description:oo.t("Your wallet is connected, you can use it to swap.")}):n?Ht.createElement($i,{type:"error",title:oo.t("Failed to Connect"),description:n||oo.t("Your wallet is not connected. Please try again.")}):Ht.createElement($i,{type:"loading",title:oo.t("Connecting to your wallet"),description:oo.t("Click connect in your wallet popup."),icon:Ht.createElement(Tp,null,Ht.createElement(wp,null,Ht.createElement(Pg,{src:o,size:45})),Ht.createElement(kp,null))})}i(vp,"ModalContent");function Io(t){let{open:e,onClose:o,...n}=t;return _i.createElement(ae,{open:e,onClose:o,container:document.getElementById(Ee.SWAP_BOX_ID)||document.body},_i.createElement(vp,{...n}),_i.createElement(_g,{direction:"vertical",size:32}))}i(Io,"WalletModal");var Og=Ip("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),qg=Ip(se,{textAlign:"center"}),Yn=3e3,Di=300;function Ap(){let{config:t,fetchStatus:e}=g(),[o,n]=bp(!1),[r,s]=bp(""),a=null,l=ne.use.isActiveTab(),{list:p,handleClick:u,error:c,disconnectConnectingWallets:h}=Fn({config:t,onBeforeConnect:y=>{a=setTimeout(()=>{n(!0),s(y)},Di)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Yn)}}),m=i(()=>{h(),n(!1)},"handleCloseWalletModal"),d=p.find(y=>y.type===r),C=d?.image||"",S=d?.state||Ug.NOT_INSTALLED;return no.createElement(oe,{header:{title:xp.t("Connect Wallets")}},no.createElement(qg,null,no.createElement(Dg,{variant:"title",size:"xmedium",align:"center"},xp.t("Choose a wallet to connect.")),no.createElement(Og,null,p.map((y,f)=>{let w=`wallet-${f}-${y.type}`;return no.createElement(Fg,{key:w,...y,container:B(),onClick:k=>{u(k)},isLoading:e==="loading",disabled:!l})}),no.createElement(Io,{open:!!o,onClose:m,image:C,state:S,error:c}))))}i(Ap,"WalletsPage");import{keyframes as zg,styled as Fi}from"@rango-dev/ui";var Ep=Fi("div",{position:"relative"}),Qg=zg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Wp=Fi("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Qg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Lp=Fi("div",{"& img":{borderRadius:"50%"}});var jg=7;function Oi(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=g(),l=ne.use.isActiveTab(),p=K.use.connectedWallets(),{blockchains:u}=g(),[c,h]=Ao(""),[m,d]=Ao(null),[C,S]=Ao(!1),[y,f]=Ao(null),{suggestAndConnect:w}=Pp(),k=null,{list:v,error:I,handleClick:x,disconnectConnectingWallets:T}=Fn({config:a,chain:e,onBeforeConnect:E=>{k=setTimeout(()=>{h(E)},Di)},onConnect:()=>{k&&clearTimeout(k),setTimeout(()=>{h("")},Yn)}}),[b,N]=Ao(v),L=v.length,M=r&&L-r>0,A=i(async E=>{S(!1),f("in-progress");try{await w(E.walletType,E.chain),f("completed")}catch{f("rejected")}},"addExperimentalChain");Bp(()=>{N(E=>{let J=v.findIndex(X=>o(X.type,e));return M&&J>1?[v[J]].concat(v.filter((X,z)=>z!==J)):E.map(X=>v.find(z=>z.type===X.type)??X)})},[JSON.stringify(v)]);let O=document.getElementById(Ee.SWAP_BOX_ID);Bp(()=>{let E=null;return(y==="completed"||y==="rejected")&&(E=setTimeout(()=>f(null),Yn)),()=>{E&&clearTimeout(E)}},[y]);let Z=i(()=>{T(),h("")},"handleCloseWalletModal");return le.createElement(le.Fragment,null,b.slice(0,r).map(E=>{let J=ba({connectedWallets:p,walletType:E.type,chain:e}),X=J?mn(J,jg):"",z=un(u(),e),me=!p.find($=>$.walletType===E.type&&$.chain===e),G=z&&me&&E.state===Np.CONNECTED,R=G?Ze.t({id:"Add {chain} chain",values:{chain:e}}):X,Ae=i(()=>{E.state===Np.DISCONNECTED?x(E.type):G?(d({walletType:E.type,chain:e,address:J??""}),S(!0)):n({walletType:E.type,chain:e,address:J??""})},"onClick"),Ce=m?.chain?el(m.chain,u()):void 0;return le.createElement(le.Fragment,null,le.createElement(Io,{open:c===E.type,onClose:Z,image:E.image,state:E.state,error:I}),!!m&&le.createElement(ae,{open:!!m&&C,container:O,onClose:()=>{d(null)}},le.createElement(Jn,{title:Ze.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Ce}}),type:"warning",description:Ze.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Ce}})},le.createElement(Ui,{size:18}),le.createElement(Ui,{size:32}),le.createElement(Hg,{onClick:A.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Ze.t("Confirm")))),y&&le.createElement(ae,{open:!!y,onClose:f.bind(null,null),container:O},y==="in-progress"&&le.createElement(Jn,{type:"loading",title:Ze.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Ce}}),description:Ze.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Ce}}),icon:le.createElement(Ep,null,le.createElement(Lp,null,le.createElement(Gg,{src:E.image,size:45})),le.createElement(Wp,null))}),y==="completed"&&le.createElement(Jn,{type:"success",title:Ze.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Ce}}),description:Ze.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Ce}})}),y==="rejected"&&le.createElement(Jn,{type:"error",title:Ze.t("Request Rejected"),description:Ze.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Ce}})}),le.createElement(Ui,{direction:"vertical",size:32})),le.createElement(Vg,{key:E.type,description:R,onClick:Ae,selected:o(E.type,e),disabled:!l,...E}))}),M&&le.createElement($l,{selected:!1,onClick:s},le.createElement(Mp,{variant:"label",size:"medium"},Ze.t("Show more wallets"),le.createElement(Mp,{variant:"label",size:"medium",color:"$primary"},"\xA0+",L-(r??0)))))}i(Oi,"WalletList");var th=2;function _p(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}=V(),{connectedWallets:C,selectWallets:S}=K(),[y,f]=io(""),[w,k]=io([]),[v,I]=io(""),[x,T]=io(null),[b,N]=io(!!m),L=kn(p?.swaps||null),M=l.find($=>$.name===p?.swaps[p?.swaps.length-1].to.blockchain),A=i($=>!!p?.swaps.find(j=>j.from.blockchain===$),"isWalletRequiredFor"),[O,Z]=io(C.filter($=>$.selected&&L.includes($.chain))),E=l.find($=>$.name===M?.name),J=i(($,j)=>!!O.find(ee=>ee.walletType===$&&ee.chain===j&&ee.selected&&(A(j)||!A(j)&&!m)),"isSelected"),X=!!m&&b&&E&&!wn(E,m),z=i(()=>{N(!1),d(null),Z($=>{let j=!1;return $.map(ee=>!j&&ee.chain===M?.name?(j=!0,{...ee,selected:!0}):ee)})},"resetCustomDestination"),me=i($=>{if(y&&f(""),J($.walletType,$.chain))return;let ee=C.find(Te=>Te.walletType===$.walletType&&Te.chain===$.chain);ee&&(n(),$.chain===M?.name&&b&&(N(!1),d(null)),Z(Te=>Te.filter(Fe=>Fe.chain!==$.chain).concat({...ee,selected:!0})))},"onChange"),G=i(()=>{let $=O.filter(j=>j.selected);S($),u($),h(!0),o()},"onConfirmBalance"),R=i(async()=>{k([]),I(""),T(null);let $=C.filter(Te=>O.find(Fe=>Fe.chain===Te.chain&&Fe.walletType===Te.walletType)),j=await r?.({selectedWallets:$,customDestination:m}),ee=j.warnings;ee?.balance?.messages&&k(ee.balance.messages),ee?.quoteUpdate&&T(ee.quoteUpdate),j.error&&I(tl(j.error)),!j.error&&(!ee?.balance?.messages.length||0>0)?G():k(ee?.balance?.messages??[])},"onConfirmWallets");Rg(()=>{Z($=>$.concat(C.filter(j=>!!!$.find(Te=>Te.chain===j.chain)&&j.selected&&L.includes(j.chain))))},[C.length]);let Ae=document.getElementById(Ee.SWAP_BOX_ID),Ce=eh();return D.createElement(ae,{open:e,onClose:()=>{c||Ce("../",{replace:!0}),o()},dismissible:!y,container:Ae,...!y&&{footer:D.createElement(zl,null,D.createElement($p,{loading:s,disabled:Cl(s,b,m,p,O,M),onClick:R,variant:"contained",type:"primary",fullWidth:!0,size:"large"},pt.t("Confirm")))},...y&&{styles:{container:{padding:"$0"}},header:D.createElement(_l,null,D.createElement(Dl,{variant:"ghost",onClick:f.bind(null,"")},D.createElement(Yg,{size:16})),D.createElement(Zn,{variant:"headline",size:"small"},pt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ge(y,l)}})))},anchor:"center"},D.createElement(ae,{open:w.length>0,onClose:k.bind(null,[]),container:Ae},D.createElement(Jg,{title:pt.t("Insufficient account balance"),type:"error",description:D.createElement(Kg,{messages:w??[]})},D.createElement($p,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:G},pt.t("Proceed anyway")))),y&&D.createElement(Fl,null,D.createElement("div",{className:Ul()},D.createElement(Oi,{chain:y,isSelected:J,selectWallet:me,onShowMore:f.bind(null,y)}))),!y&&D.createElement(D.Fragment,null,v&&D.createElement(D.Fragment,null,D.createElement(qi,{variant:"alarm",type:"error",title:pt.t(v)}),D.createElement(ro,{size:12})),x&&D.createElement(D.Fragment,null,D.createElement(qi,{variant:"alarm",type:"warning",title:Mn(x)}),D.createElement(ro,{size:12})),D.createElement(Hl,null,L.map(($,j)=>{let ee=l.find(ke=>ke.name===$),Te=`wallet-${j}`,Fe=j===L.length-1;return D.createElement("div",{key:Te},D.createElement(Bl,null,D.createElement(Zn,{variant:"title",size:"xmedium"},pt.t({id:"Your {blockchainName} wallets",values:{blockchainName:ee?.shortName}})),D.createElement(Zn,{variant:"label",color:"$neutral700",size:"medium"},pt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:ee?.shortName}}))),D.createElement(ro,{size:24}),D.createElement(Pl,null,D.createElement(Oi,{chain:$,isSelected:J,selectWallet:me,limit:th,onShowMore:()=>f(ee?.name??"")})),!Fe&&D.createElement(ro,{size:32}),Fe&&a?.customDestination&&D.createElement(Ol,null,D.createElement(_n,{onOpenChange:ke=>{ke?A(M?.name??"")||Z(_e=>_e.map(Ue=>Ue.chain===M?.name?{...Ue,selected:!1}:Ue)):z()},hasSelected:!0,open:b,triggerAnchor:"top",trigger:D.createElement(Gl,{fullWidth:!0,variant:"default",suffix:D.createElement(Pn,{orientation:b?"up":"down"},D.createElement(Xg,{size:10,color:"gray"}))},D.createElement("div",{className:"button__content"},D.createElement(Zg,{size:18,color:"info"}),D.createElement(ro,{size:4,direction:"horizontal"}),D.createElement(Zn,{variant:"label",size:"medium"},pt.t("Send to a different address")))),onClickTrigger:()=>N(ke=>!ke)},D.createElement(ro,{size:4}),D.createElement(Ql,{autoFocus:!0,placeholder:pt.t("Your destination address"),value:m||"",onChange:ke=>{let _e=ke.target.value;_e.length?d(_e.length?_e:null):(N(!1),d(null))}})),X&&D.createElement("div",{className:ql()},D.createElement(qi,{variant:"alarm",type:"error",title:pt.t({values:{destination:m},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(_p,"ConfirmWalletsModal");import{i18n as Sh}from"@lingui/core";import{Alert as Ch,Button as Th,InfoIcon as kh}from"@rango-dev/ui";import qe from"react";import{Alert as oh,Button as nh,Divider as zp,NoRouteIcon as rh,RefreshIcon as ih,Typography as Qp}from"@rango-dev/ui";import Re from"react";import{i18n as Dp}from"@lingui/core";function Fp(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:Y().genericServerError,action:{onClick:n,title:Dp.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:Y().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Dp.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(Fp,"makeInfo");import{styled as zi}from"@rango-dev/ui";var Up=zi("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Op=zi("div",{width:"100%"}),qp=zi("div",{padding:"$6 $0"});function Qi(t){let{fetch:e,error:o}=t,n=g().getDisabledLiquiditySources(),r=g().toggleAllLiquiditySources,s=g().swappers(),a=Fp(o,n,()=>r(s,!0),e);return Re.createElement(Up,null,Re.createElement(rh,{size:24,color:"gray"}),Re.createElement(zp,{size:4}),Re.createElement(Qp,{variant:"title",size:"small"},Y().noResultError.title),!!a.description&&Re.createElement(Qp,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Re.createElement(zp,{size:4}),!!a.alert&&Re.createElement(Op,null,Re.createElement(oh,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Re.createElement(nh,{size:"xsmall",type:a.alert.type,prefix:Re.createElement(qp,null,Re.createElement(ih,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Qi,"NoResult");import{i18n as Eo}from"@lingui/core";import{Button as ah,Divider as Xp,MessageBox as lh,Typography as ph,WarningIcon as uh}from"@rango-dev/ui";import ut from"react";import{Typography as jp}from"@rango-dev/ui";import Gi from"react";import{darkTheme as sh,styled as Rn}from"@rango-dev/ui";var Hp=Rn("div",{width:"100%"}),Hi=Rn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Gp=Rn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${sh} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Vp=Rn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Kp(t){let{title:e,value:o,valueColor:n}=t;return Gi.createElement(Gp,null,Gi.createElement(jp,{size:"medium",variant:"label",className:"_title"},e),Gi.createElement(jp,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Kp,"QuoteErrorsModalItem");function Yp(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:Eo.t("Swapping"),value:W(r.inputUsdValue,4,4)},{title:Eo.t("Gas cost"),value:W(r.totalFee,2,2)},{title:Eo.t("Receiving"),value:W(r.outputUsdValue,4,4)},{title:Eo.t("Price impact"),value:W(r.priceImpact,2,2),valueColor:`${a}500`}];return ut.createElement(ae,{open:e,onClose:o,container:B()},ut.createElement(lh,{type:a,title:Y().highValueLossError.impactTitle,description:Y().highValueLossError.description}),ut.createElement(Hi,null,ut.createElement(Xp,{size:20}),ut.createElement(ph,{size:"small",variant:"title"},Eo.t("Details")),ut.createElement(Hi,null,l.map((p,u)=>ut.createElement(Kp,{key:u,...p})))),ut.createElement(Xp,{size:32}),ut.createElement(ah,{type:"primary",size:"large",prefix:ut.createElement(uh,null),fullWidth:!0,disabled:s,onClick:n},Y().highValueLossError.confirmMessage))}i(Yp,"HighValueLossWarningModal");import{i18n as Vi}from"@lingui/core";function Jp(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=Vi.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&&(yt(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=Vi.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=Vi.t("Caution, your slippage is high.")),o):null}i(Jp,"makeAlerts");import{i18n as lo}from"@lingui/core";import{Button as Zp,Divider as Rp,MessageBox as ch,Typography as mh}from"@rango-dev/ui";import Gt from"react";import{useNavigate as dh}from"react-router-dom";function eu(t){let{customSlippage:e,slippage:o}=g(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=dh(),u=e??o;return Gt.createElement(ae,{anchor:"bottom",open:n,prefix:Gt.createElement(Zp,{size:"small",variant:"ghost",onClick:()=>p("../"+_.settings)},Gt.createElement(mh,{variant:"label",size:"medium",color:"$neutral900"},lo.t("Change settings"))),container:B(),onClose:r},Gt.createElement(ch,{type:"warning",title:a.type===3?lo.t("High slippage"):lo.t("Low slippage"),description:a.type===3?lo.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:u}}):lo.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Gt.createElement(Rp,{size:18}),Gt.createElement(Rp,{size:32}),Gt.createElement(Zp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},lo.t("Confirm anyway"))))}i(eu,"SlippageWarningModal");import{Button as fh,Divider as gh,MessageBox as hh,WarningIcon as yh}from"@rango-dev/ui";import Wo from"react";function tu(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return Wo.createElement(ae,{open:e,onClose:o,container:B()},Wo.createElement(hh,{type:"warning",title:Y().unknownPriceError.impactTitle,description:Y().unknownPriceError.description}),Wo.createElement(gh,{size:32}),Wo.createElement(fh,{type:"primary",size:"large",prefix:Wo.createElement(yh,null),fullWidth:!0,disabled:r,onClick:n},Y().unknownPriceError.confirmMessage))}i(tu,"UnknownPriceWarningModal");function Lo(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=Jp(e,o?.type===3||o?.type===4?o:null);return qe.createElement(qe.Fragment,null,h&&qe.createElement(Qi,{error:o,fetch:s}),!!m&&qe.createElement(Hp,null,qe.createElement(Ch,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:qe.createElement(Vp,{onClick:a},qe.createElement(kh,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:qe.createElement(Th,{size:"xxsmall",type:m.alertType,onClick:u},Sh.t("Change"))}})),e&&qe.createElement(qe.Fragment,null,e.type===0&&qe.createElement(Yp,{...c,warning:e}),(e.type===3||e.type===2)&&qe.createElement(eu,{...c,warning:e}),e.type===1&&qe.createElement(tu,{...c,warning:e})))}i(Lo,"QuoteWarningsAndErrors");import Rh from"bignumber.js";import cr from"react";import{i18n as Po}from"@lingui/core";import{Alert as zh,Divider as $o,InfoIcon as Qh,StepDetails as Hh,TokenAmount as Gh,Tooltip as Mu,Typography as uo}from"@rango-dev/ui";import Nu from"bignumber.js";import P,{useRef as Vh,useState as jh}from"react";import{styled as ji}from"@rango-dev/ui";var Ki=ji("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),ou=ji("div",{paddingBottom:"$15"}),nu=ji("div",{width:"100%",display:"flex"});import*as er from"@radix-ui/react-collapsible";import{Button as wh,css as Mo,darkTheme as Ne,Image as ru,styled as be,Typography as vh}from"@rango-dev/ui";var xh=300,iu=be(er.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Ne} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Ne} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Ne} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Ne} &`]:{backgroundColor:"$neutral400"}}}}]}),su=Mo({padding:"$10 $15"}),au=be(wh,{backgroundColor:"transparent",border:"1px solid $secondary"}),lu=be("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",boxSizing:"border-box",position:"relative",variants:{selected:{true:{},false:{$$color:"$colors$neutral200",[`.${Ne} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color"}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{$$color:"$colors$neutral200",[`.${Ne} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$neutral300",[`.${Ne} &`]:{backgroundColor:"$neutral400"}},cursor:"pointer"},false:{}}},compoundVariants:[{listItem:!0,selected:!0,css:{border:"1px solid $secondary"}},{listItem:!1,selected:!0,css:{$$color:"$colors$info100",[`.${Ne} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Ne} &`]:{backgroundColor:"$neutral400"}}}}]}),pu=Mo({width:"100%",padding:"$15 $15 $10 $15"}),uu=Mo({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10",position:"relative"}),po=Mo({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),cu=Mo({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Ne} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),mu=be(er.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:{[`& ${ru}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${ru}`]:{border:"1px transparent solid",borderRadius:"100%"}}},selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Ne} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Ne} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Ne} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}],".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),du=be("div",{width:"18px",height:"18px",borderRadius:"100%",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",img:{borderRadius:"100%"},variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),fu=be(Bn,{width:"100%",background:"inherit"}),Xi=be("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${xh}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),NW=be("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),gu=be("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ne} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),hu=be("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Yi=be(vh,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),yu=be("div",{display:"flex",flexWrap:"wrap"}),Ji=be("div",{width:"18px",height:"18px",borderRadius:"100%",backgroundColor:"$background",cursor:"default",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),Su=be("div",{backgroundColor:"$neutral400",borderRadius:"$xs",padding:"$2 $5",fontSize:"$10",fontWeight:400}),Cu=be("div",{display:"flex"}),tr=be("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${Ne} &`]:{borderTopColor:"$neutral400"}});import{i18n as Pt}from"@lingui/core";import{ChevronDownIcon as Ih,CloseIcon as Ah,Divider as rr,IconButton as Eh,QuoteCost as Wh,Tooltip as Lh,Typography as et}from"@rango-dev/ui";import Mh from"bignumber.js";import Q,{useState as vu}from"react";import{css as bh,styled as or}from"@rango-dev/ui";var nr=or("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),Zi=or("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),Tu=or("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),ku=or("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),wu=bh({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var Nh=30,Bh=i(t=>t.fee.isZero()?null:Q.createElement(nr,null,Q.createElement(et,{variant:"label",size:"medium",color:"neutral600"},t.label),Q.createElement(et,{variant:"label",size:"medium"},"$",W(t.fee,4,4))),"NonPayableFee");function xu(t){let[e,o]=vu(!1),[n,r]=vu(!1),{steps:s,quote:a}=t,l=g().tokens(),p=nn(rn(a?.swaps)),u=a?.swaps??[],c=B(),h=bn(u,l),m=al(u);return Q.createElement(Q.Fragment,null,Q.createElement(Wh,{onClickFee:d=>{d.stopPropagation(),o(!e)},fee:W(h,2,2),feeWarning:h.gte(new Mh(Nh)),time:p,steps:s,tooltipGas:Pt.t("View more info"),tooltipContainer:c}),Q.createElement(ae,{container:c,open:e,header:Q.createElement(ku,null,Q.createElement(et,{variant:"title",size:"medium"},Pt.t("Gas & Fee Explanation")),Q.createElement(Eh,{onClick:()=>o(!1),variant:"ghost"},Q.createElement(Ah,{color:"gray",size:14}))),onClose:()=>{o(!1)}},Q.createElement(Tu,null,Q.createElement(et,{variant:"title",size:"small"},Pt.t("Details")),Q.createElement(rr,{size:10}),Object.entries(m.payable).flatMap(([d,C])=>C.map((S,y)=>{let f=`payable-fee-${y}`,w=li(S);return Q.createElement(nr,{key:f},Q.createElement(et,{variant:"label",size:"medium",color:"neutral600"},ni[d]),Q.createElement(Lh,{content:pe(S.amount),container:c},Q.createElement(et,{variant:"label",size:"medium"},W(S.amount,2,2)," ",S.asset.symbol," ($",W(w,4,4),")")))})),Q.createElement(nr,{className:"total_payable_fee"},Q.createElement(et,{variant:"label",size:"medium"},Pt.t("Total Payable Fee")),Q.createElement(et,{variant:"label",size:"medium"},"$",W(h,4,4))),Q.createElement(Zi,null),Object.keys(m.nonePayable).length&&Q.createElement(_n,{triggerAnchor:"bottom",onClickTrigger:()=>r(d=>!d),trigger:Q.createElement("div",{className:wu()},Q.createElement(et,{size:"small",variant:"body",color:"neutral700"},n?Pt.t("Hide non-payable fees"):Pt.t("Show non-payable fees")),Q.createElement(rr,{size:4,direction:"horizontal"}),Q.createElement(Pn,{orientation:n?"up":"down"},Q.createElement(Ih,{size:12,color:"gray"}))),open:n},Q.createElement(et,{size:"small",variant:"title"},Pt.t("Description")),Q.createElement(rr,{size:4}),Q.createElement(et,{size:"small",variant:"body",color:"neutral700"},Pt.t(`The following fees are considered in the transaction output and
-                you won\u2019t need to pay extra gas for them.`)),Q.createElement(rr,{size:10}),Object.entries(m.nonePayable).map(([d,C],S)=>{let y=sl(C),f=ni[d],w=`non-payable-fee-${S}`;return Q.createElement(Bh,{key:w,fee:y,label:f})}),Q.createElement(Zi,null)))))}i(xu,"QuoteCostDetails");import{i18n as Au}from"@lingui/core";import{TokenAmount as Eu}from"@rango-dev/ui";import ir from"react";import{css as Ph,styled as $h}from"@rango-dev/ui";var bu=$h("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),Iu=Ph({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function No(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return ir.createElement(bu,null,ir.createElement(Eu,{direction:"horizontal",label:Au.t("Swap input"),type:"input",tooltipContainer:B(),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}}),ir.createElement("div",{className:Iu()}),ir.createElement(Eu,{direction:"horizontal",tooltipContainer:B(),label:Au.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(No,"QuoteSummary");import{i18n as Wu}from"@lingui/core";import{ChevronDownIcon as _h,ChevronRightIcon as Dh,Divider as Ri,Image as Fh,Tooltip as es,Typography as sr}from"@rango-dev/ui";import F,{useEffect as Uh,useState as Oh}from"react";var ar=4,lr=6,qh=375,Bo=i(t=>{let e=B(),{content:o,src:n,className:r,open:s,state:a}=t;return F.createElement(es,{container:e,side:"bottom",sideOffset:4,open:s,content:o},F.createElement(du,{className:r,state:a},F.createElement(Fh,{src:n,size:16})))},"ImageComponent");function Lu(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:s,type:a}=t,l=B(),p=r.length,u=xl(r),[c,h]=Oh(!1),m=i(()=>{window.innerWidth<qh?h(!0):h(!1)},"handleResize");return Uh(()=>{window.addEventListener("resize",m)}),F.createElement(mu,{listItem:a==="list-item",ref:d=>e.current=d,selected:o,onClick:d=>{d.stopPropagation(),n(C=>!C)}},F.createElement("div",{className:po()},F.createElement(sr,{variant:"body",size:"xsmall"},Wu.t("Via:")),F.createElement(Ri,{direction:"horizontal",size:4}),r.map((d,C)=>{let S=`item-${C}`,y=F.createElement(Xi,null,F.createElement(Dh,{size:12,color:"black"}));return c?F.createElement(F.Fragment,null,F.createElement(Bo,{content:d.swapper.displayName,src:d.swapper.image,state:d.state}),C!==p-1&&F.createElement(F.Fragment,null,y)):F.createElement(F.Fragment,{key:S},p<=ar||p>ar&&C<ar-1?F.createElement(F.Fragment,null,F.createElement(Bo,{content:d.swapper.displayName,src:d.swapper.image,state:d.state}),C!==p-1&&F.createElement(F.Fragment,null,y)):C===ar-1&&F.createElement(es,{container:l,side:"bottom",align:"right",sideOffset:4,content:F.createElement("div",{className:po()},y,r.map((f,w)=>{let k=`image-${w}`;return w>=C&&F.createElement(F.Fragment,{key:k},F.createElement(Bo,{content:f.swapper.displayName,src:f.swapper.image,state:f.state,open:!1}),w!==p-1&&F.createElement(F.Fragment,null,y))}))},F.createElement(Ji,{state:r.find((f,w)=>w>=C&&(f.state==="error"||f.state==="warning"))?.state},F.createElement(sr,{size:"xsmall",variant:"body"},"+",p-C))))})),F.createElement("div",{className:po()},F.createElement("div",{className:"blockchains_section"},F.createElement("div",{className:po()},F.createElement(sr,{variant:"body",size:"xsmall"},Wu.t("Chains:")),F.createElement(Ri,{direction:"horizontal",size:4}),u.map((d,C)=>F.createElement(F.Fragment,null,u.length<=lr||u.length>lr&&C<lr-1?F.createElement(Bo,{key:d.displayName,content:"",src:d.image,open:!1,className:C!==0?"blockchainImage":""}):C===lr-1&&F.createElement(es,{container:l,side:"bottom",align:"right",sideOffset:4,content:F.createElement("div",{className:po()},u.map((S,y)=>y>=C&&F.createElement(Bo,{key:S.displayName,content:"",src:S.image,open:!1,className:y>C?"blockchainImage":""})))},F.createElement(Ji,{className:"blockchainImage"},F.createElement(sr,{size:"xsmall",variant:"body"},"+",u.length-C))))),F.createElement(Ri,{direction:"horizontal",size:32}))),F.createElement(Xi,{orientation:s?"up":"down"},F.createElement(_h,{size:12,color:"black"}))))}i(Lu,"QuoteTrigger");function ts(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,selected:l=!1,tagHidden:p=!0,onClickAllRoutes:u}=t,c=g().blockchains(),h=g().swappers(),[m,d]=jh(t.expanded),C=Vh(null),S=W(o.value,6,6),y=W(n.value,6,6),f=n.usdValue?W(n.usdValue,4,4):"",w=Ve(o.usdValue,n.usdValue??null),k=W(w,2,2),v=yt(w??0),x=i(M=>M.map((A,O)=>{let Z,E=r?.type===3&&r.swap.swapperId===A.swapperId||r?.type===4&&r.recommendedSlippages?.has(O),J=s?.type===2&&s.recommendedSlippages?.has(O);E?Z="error":J&&(Z="warning");let X=E?Po.t("Slippage Error"):Po.t("Slippage Warning");return r?.type===3&&(X=r?.recommendation),{swapper:{displayName:ko(A.swapperId,h),image:A.swapperLogo},from:{token:{displayName:A.from.symbol,image:A.from.logo},chain:{displayName:Ge(A.from.blockchain,c),image:A.from.blockchainLogo},price:{value:O===0?W(o.value,6,6):W(A.fromAmount,6,6),usdValue:W((A.from.usdPrice??0)*parseFloat(A.fromAmount),4,4),realValue:pe(O===0?o.value:A.fromAmount),realUsdValue:pe(new Nu(A.from.usdPrice??0).multipliedBy(A.fromAmount))}},to:{token:{displayName:A.to.symbol,image:A.to.logo},chain:{displayName:Ge(A.to.blockchain,c),image:A.to.blockchainLogo},price:{value:W(A.toAmount,6,6),usdValue:W((A.to.usdPrice??0)*parseFloat(A.toAmount),4,4),realValue:pe(A.toAmount),realUsdValue:pe(new Nu(A.to.usdPrice??0).multipliedBy(A.toAmount))}},state:Z,alerts:E||J?P.createElement(ou,null,P.createElement(zh,{variant:"alarm",type:E?"error":"warning",title:X,footer:P.createElement(nu,null,r?.type===3&&P.createElement(P.Fragment,null,P.createElement(uo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),P.createElement($o,{direction:"horizontal",size:8}),P.createElement(uo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),P.createElement($o,{direction:"horizontal",size:8}),P.createElement(uo,{size:"xsmall",variant:"body",color:"neutral900"},Po.t({id:"Yours: {amount} {symbol}",values:{amount:W(A.fromAmount,6,6),symbol:A?.from.symbol}}))),(r?.type===4||s?.type===2)&&P.createElement(uo,{size:"xsmall",variant:"body",color:"neutral900"},Po.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(O)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(O)}}})))})):void 0}}),"getQuoteSteps")(e?.swaps??[]),T=x.length,b=B(),N=Al(t.quote.tags||[]),L=!!u;return P.createElement(P.Fragment,null,P.createElement(lu,{selected:l,listItem:a==="list-item",basic:a==="basic"},P.createElement("div",{className:pu()},!p&&N.length?P.createElement(P.Fragment,null,P.createElement(Cu,null,N.map((M,A)=>{let O=`${M.value}_${A}`;return P.createElement(P.Fragment,null,P.createElement(Su,{style:{color:El(M.value)},key:O},M.label),P.createElement($o,{size:4,direction:"horizontal"}))})),P.createElement(tr,null),!L&&P.createElement($o,{size:4})):null,P.createElement("div",{id:"portal-root",className:uu()},P.createElement(xu,{steps:T,quote:e}),L&&P.createElement(au,{onClick:M=>{M.stopPropagation(),u()},size:"xxsmall",type:"secondary",variant:"default"},P.createElement(uo,{color:"secondary",variant:"label",size:"medium"},Po.t("See All Routes")))),a==="basic"&&P.createElement("div",{className:cu()},P.createElement(hu,null,P.createElement(Qh,{size:12,color:"gray"})),P.createElement(yu,null,P.createElement(Yi,{size:"small",variant:"body"},`${S} ${x[0].from.token.displayName} = `),P.createElement(Mu,{content:pe(n.value),container:b,open:n.value?void 0:!1},P.createElement(Yi,{size:"small",variant:"body"},"\xA0",`${y} ${x[x.length-1].to.token.displayName}`))),P.createElement(Mu,{content:pe(n.usdValue),container:b,style:{display:"flex"}},P.createElement(uo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${f})`))),a==="list-item"&&P.createElement(Gh,{tooltipContainer:b,type:"output",direction:"vertical",price:{value:y,usdValue:f,realValue:pe(n.value),realUsdValue:pe(n.usdValue)},token:{displayName:x[T-1].to.token.displayName,image:x[T-1].to.token.image},chain:{image:x[T-1].to.chain.image},percentageChange:k,warningLevel:v}),a==="swap-preview"&&P.createElement(P.Fragment,null,P.createElement(No,{from:x[0].from,to:x[T-1].to,percentageChange:k,warningLevel:v}),P.createElement($o,{size:4}))),P.createElement(iu,{selected:l,listItem:a==="list-item",open:m,onOpenChange:d},P.createElement(Lu,{type:a,quoteRef:C,selected:l,setExpanded:d,expanded:m,steps:x}),P.createElement(fu,{open:m},P.createElement(gu,null),P.createElement("div",{className:su()},x.map((M,A)=>{let O=`item-${A}`;return P.createElement(Hh,{type:"quote-details",key:O,tooltipContainer:b,step:M,hasSeparator:A!==x.length-1,state:M.state})}))))))}i(ts,"Quote");import{Divider as Jh,Skeleton as Zh}from"@rango-dev/ui";import Ct from"react";import{darkTheme as Kh,styled as pr}from"@rango-dev/ui";var Bu=pr("div",{$$color:"$colors$neutral100",[`.${Kh} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),Pu=pr("div",{paddingTop:"$2"}),$u=pr("div",{paddingLeft:"$8"}),_u=pr("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Vu,Divider as ct,Skeleton as ze}from"@rango-dev/ui";import U from"react";import{css as Xh,styled as St}from"@rango-dev/ui";var os=St("div",{display:"flex"}),Du=St("div",{padding:"$10 $0 $20"}),Fu=St("div",{padding:"$12 $0 $20 $0",display:"flex",flexDirection:"column"}),Uu=St("div",{display:"flex",justifyContent:"start",alignItems:"center"}),Ou=St("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),qu=St("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),zu=St("div",{width:"65%",display:"flex",justifyContent:"start"}),Qu=St("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Hu=St("div",{padding:"$15 $0 $15 $0"}),Gu=Xh({display:"flex",justifyContent:"space-between",alignItems:"center"});function _o(t){let{type:e,tagHidden:o=!0}=t,n=U.createElement(Ou,null,U.createElement(zu,null,U.createElement(Vu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(ct,{size:8,direction:"horizontal"}),U.createElement(Qu,null,U.createElement(ze,{height:10,width:60,variant:"rounded"}),U.createElement(ct,{size:4}),U.createElement(ze,{height:15,variant:"rounded"}))),U.createElement(ze,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return U.createElement("div",null,!o&&U.createElement(U.Fragment,null,U.createElement(os,null,U.createElement(ze,{width:65,height:14,variant:"rounded"}),U.createElement(ct,{size:4,direction:"horizontal"}),U.createElement(ze,{width:65,height:14,variant:"rounded"}),U.createElement(ct,{size:4,direction:"horizontal"}),U.createElement(ze,{width:65,height:14,variant:"rounded"})),U.createElement(tr,null),!r&&U.createElement(ct,{size:4})),U.createElement("div",{className:Gu()},U.createElement(os,null,U.createElement(ze,{width:60,height:10,variant:"rounded"}),U.createElement(ct,{size:4,direction:"horizontal"}),U.createElement(ze,{width:60,height:10,variant:"rounded"}),U.createElement(ct,{size:4,direction:"horizontal"}),U.createElement(ze,{width:60,height:10,variant:"rounded"})),r&&U.createElement(ze,{width:100,height:22,variant:"rounded"})),e==="basic"&&U.createElement(Du,null,U.createElement(ze,{height:15,width:148,variant:"rounded"})),e==="list-item"&&U.createElement(Fu,null,U.createElement(Uu,null,U.createElement(Vu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(ct,{direction:"horizontal",size:4}),U.createElement(ze,{height:15,width:150,variant:"rounded"})),U.createElement(ct,{size:10}),U.createElement(ze,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&U.createElement(U.Fragment,null,U.createElement(ct,{size:4}),U.createElement(Hu,null,n,U.createElement(qu,null),n)))}i(_o,"QuoteSummarySkeleton");import{ChainToken as Ju,Divider as rs,NextIcon as Yh,Skeleton as ur}from"@rango-dev/ui";import ge from"react";import{styled as Do}from"@rango-dev/ui";var ju=Do("div",{display:"flex",alignItems:"start"}),Ku=Do("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),ns=Do("div",{display:"flex",alignItems:"center",flexGrow:1}),Xu=Do("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Yu=Do("div",{display:"flex",alignItems:"center"});function mt(t){let{separator:e=!0}=t;return ge.createElement(ge.Fragment,null,ge.createElement(Yu,null,ge.createElement(ur,{height:22,width:22,variant:"circular"}),ge.createElement(rs,{direction:"horizontal",size:8}),ge.createElement(ur,{height:15,width:148,variant:"rounded"})),ge.createElement(ju,null,ge.createElement(_u,{hideSeparator:!e}),ge.createElement(Ku,null,ge.createElement(ns,null,ge.createElement(Ju,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ge.createElement(rs,{direction:"horizontal",size:8}),ge.createElement(ur,{height:12,variant:"rounded"})),ge.createElement(Xu,null,ge.createElement(Yh,{color:"gray",size:16})),ge.createElement(ns,null,ge.createElement(Ju,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ge.createElement(rs,{direction:"horizontal",size:8}),ge.createElement(ur,{height:12,variant:"rounded"})))))}i(mt,"StepSkeleton");function Fo(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return Ct.createElement(Bu,{rounded:e!=="basic"},Ct.createElement(_o,{type:e,tagHidden:n}),Ct.createElement(Pu,null,Ct.createElement(Zh,{height:15,variant:"rounded"})),o&&Ct.createElement($u,null,Ct.createElement(Jh,{size:20}),Ct.createElement(mt,null),Ct.createElement(mt,null),Ct.createElement(mt,{separator:!1})))}i(Fo,"QuoteSkeleton");function Vt(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1,tagHidden:l,onClick:p,selected:u,onClickAllRoutes:c}=t,{inputAmount:h,inputUsdValue:m,toToken:d}=V(),C=e?.outputAmount?new Rh(e?.outputAmount):null,S=e?.outputAmount?An(e?.outputAmount,En(e)||d?.usdPrice):null,f=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?cr.createElement(Ki,null,cr.createElement(Fo,{tagHidden:l,type:o,expanded:a})):f?cr.createElement(Ki,{onClick:()=>p?.(e)},cr.createElement(ts,{quote:e,error:r,warning:s,tagHidden:l,selected:u,type:o,expanded:a,onClickAllRoutes:c,input:{value:h,usdValue:m?.toString()??""},output:{value:C?.toString()??"",usdValue:S?.toString()??""}})):null}i(Vt,"QuoteInfo");import{calculatePendingSwap as oy}from"@rango-dev/queue-manager-rango-preset";import{useEffect as ny}from"react";import{useRef as ey,useState as ty}from"react";function mr({request:t}){let[e,o]=ty(!1),n=ey(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(mr,"useFetch");function Zu(){let{fetch:t,loading:e,cancelFetch:o}=mr({request:async(n,r)=>await At().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(Zu,"useFetchConfirmQuote");function dr(t){if(!t.swaps)throw new Error(Y().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=is(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(dr,"throwErrorIfResponseIsNotValid");function is(t){if(nl(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=rl(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}}}let o=ll(t);if(o){let n=In(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(is,"getQuoteError");function Ru(t,e,o){let n=!1;t&&(n=wl(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=Jt(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(fl(t,e)?r.quoteUpdate={type:3,newOutputAmount:W(Yt(e)),percentageChange:W(Ve(Yt(t)??"",Yt(e)??""),null,2)}:pi(t,e)?r.quoteUpdate={type:0}:ui(t,e)?r.quoteUpdate={type:1}:ci(t,e)&&(r.quoteUpdate={type:2}));let a=gl(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Ru,"generateWarnings");function fr(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(fr,"handleQuoteErrors");function ss(){let{fromToken:t,toToken:e,inputAmount:o,setSelectedQuote:n,selectedQuote:r,customDestination:s,setQuoteWarningsConfirmed:a,resetAlerts:l}=V(),{slippage:p,customSlippage:u}=g(),c=g().getDisabledLiquiditySources(),h=g().blockchains(),m=g().tokens(),d=u||p,{fetch:C,cancelFetch:S,loading:y}=Zu();return ny(()=>S,[]),{loading:y,fetch:i(async w=>{let k=w.selectedWallets,v=w?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let I=k.reduce((T,b)=>(T[b.chain]=b.address,T),{}),x={requestId:r?.requestId||"",selectedWallets:I,destination:v||void 0};try{return await C(x).then(T=>{let{result:b}=T;dr({diagnosisMessages:b.diagnosisMessages,requestId:b.requestId,swaps:b.result?.swaps});let N={outputAmount:b.result?.outputAmount,requestId:b.requestId,resultType:b.result?.resultType,swaps:b.result?.swaps||[],validationStatus:b.validationStatus,requestAmount:b.requestAmount};n(N);let L={slippage:d.toString(),disabledSwappersGroups:c},M=oy(o.toString(),b,ml(k),L,!1,{blockchains:h,tokens:m}),A=Ru(r??void 0,N,{fromToken:t,toToken:e,meta:{blockchains:h,tokens:m},selectedWallets:k,userSlippage:d});return A.quoteUpdate&&a(!1),l(),{quote:N,swap:M,error:null,warnings:A}})}catch(T){return fr(T)}},"fetch"),cancelFetch:S}}i(ss,"useConfirmSwap");var hy=ay("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${tc}`]:{width:"$48",height:"$48"}}),yy=ls({flexGrow:1,paddingRight:"$10"}),Sy=ls({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),Cy=ls({display:"flex",justifyContent:"space-between",alignItems:"center"});function oc(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=V(),l=gy(),p=fy(),[u,c]=hr(""),{connectedWallets:h}=K(),m=!n,[d,C]=hr(!1),{isActiveTab:S}=ne(),y=g().getDisabledLiquiditySources(),f=my(y),{manager:w}=ry(),{fetch:k,loading:v,cancelFetch:I}=ss(),[x,T]=hr({swap:null,error:null,warnings:null}),[b,N]=hr(!1),L=i(async({selectedWallets:z,customDestination:me})=>{let G=await k?.({selectedWallets:z,customDestination:me});return T(G),G},"onConfirmSwap"),M=i(async()=>{if(x.swap&&n)try{await w?.create("swap",{swapDetails:x.swap},{id:x.swap.requestId});let z=`../${_.swaps}/${x.swap.requestId}`;l(z,{replace:!0}),setTimeout(()=>{e("")},0)}catch(z){c("Error: "+z?.message)}},"addNewSwap"),A=i(async()=>{await M()},"onConfirm"),O=i(async()=>{x?.warnings?.quote&&!a?N(!0):await A()},"onStartConfirmSwap"),Z=i(async()=>{T({error:null,swap:null,warnings:null}),k({selectedWallets:o,customDestination:s}).then(z=>{T(z)}).catch(z=>console.error(z))},"onRefresh");Uo(()=>{!!f.current.length&&!y.length&&Z(),f.current=y},[y.length]),Uo(()=>{m&&I()},[m]),Uo(()=>{m&&C(m)},[m]),Uo(()=>{m||k({selectedWallets:o,customDestination:s}).then(z=>T(z)).catch(z=>console.error(z))},[]),Uo(()=>{let z=x.warnings?.quote?.type&&Object.values(Wt).includes(x.warnings?.quote?.type),me=o.length<1||!o.every(R=>h.find(Ae=>R.address===Ae.address&&R.walletType===Ae.walletType&&R.chain===Ae.chain)),G=!1;if(z){let R=kn(t?.swaps||null),Ae=t?.swaps[t.swaps.length-1].to.blockchain;!!t?.swaps.find(j=>j.from.blockchain===Ae)||(R=R.slice(-R.length,R.length-1)),R.every(j=>o.find(ee=>ee.chain===j))||(G=!0)}t&&(me||G)&&(queueMicrotask(()=>dy(C.bind(null,!0))),r(!1))},[x.warnings?.quote,o.length,h.length]),cy(()=>{t||l(`../${p.search}`)},[]);let E=x.warnings?.quote??null,J=x.error,X=[];if(u&&X.push(ue.createElement(ec,{type:"error",variant:"alarm",title:u})),x.warnings?.quoteUpdate&&X.push(ue.createElement(ec,{variant:"alarm",type:"warning",title:x.warnings.quoteUpdate&&Mn(x.warnings.quoteUpdate)})),E||J){let z=`../${_.settings}`;X.push(ue.createElement(Lo,{warning:E,error:J,loading:v,refetchQuote:Z,showWarningModal:b,confirmationDisabled:!S,onOpenWarningModal:()=>N(!0),onCloseWarningModal:()=>N(!1),onConfirmWarningModal:async()=>{N(!1),await M()},onChangeSettings:()=>l(z)}))}return ue.createElement(oe,{header:{title:gr.t("Confirm Swap"),onWallet:()=>{let z=`../${_.wallets}`;l(z)},suffix:ue.createElement(ly,{container:B(),side:"bottom",content:gr.t("Settings")},ue.createElement(Ke,{size:"small",variant:"ghost",onClick:()=>l("../"+_.settings)},ue.createElement(sy,{size:18,color:"black"})))},footer:ue.createElement(hy,null,ue.createElement("div",{className:yy()},ue.createElement(iy,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:v,disabled:!!x.error||!S,onClick:O},gr.t("Start Swap"))),ue.createElement(tc,{variant:"contained",type:"primary",size:"large",loading:v,onClick:C.bind(null,!0)},ue.createElement(uy,{size:24})))},d&&ue.createElement(_p,{open:d,onClose:()=>C(!1),onCancel:I,loading:v,onCheckBalance:L}),ue.createElement(se,null,ue.createElement("div",{className:Cy()},ue.createElement(py,{variant:"title",size:"small"},gr.t("You get")),ue.createElement("div",{className:Sy()},ue.createElement(Vn,{onClick:!v&&!d&&!b?Z:void 0}))),ue.createElement(as,{size:"12"}),Kl(X,ue.createElement(as,{size:10})),X.length>0?ue.createElement(as,{size:10}):null,ue.createElement(Vt,{quote:t,type:"swap-preview",expanded:!0,selected:!0,tagHidden:!0,error:x.error,loading:v,warning:x.warnings?.quote??null})))}i(oc,"ConfirmSwapPage");import{i18n as Sr}from"@lingui/core";import{useManager as $y}from"@rango-dev/queue-manager-react";import{Divider as dc,NotFound as _y,styled as Dy}from"@rango-dev/ui";import kt,{useState as Fy}from"react";import{useNavigate as Uy}from"react-router-dom";import{i18n as wy}from"@lingui/core";import{Divider as ac,GroupedVirtualizedList as vy,Skeleton as xy,SwapListItem as lc,Typography as by}from"@rango-dev/ui";import Be,{useCallback as pc,useEffect as Iy,useRef as Ay,useState as Ey}from"react";function nc(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(nc,"calculateGroupsSoFar");import{css as Ty,darkTheme as ky,styled as Oo}from"@rango-dev/ui";var ps=Ty(),rc=Oo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),us=Oo("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${ps}`]:{$$color:"$colors$neutral600",[`.${ky} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),cs=Oo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),ic=Oo("div",{gap:"$10",display:"flex",flexDirection:"column"}),sc=Oo("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var Wy=10;function ms(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=Ey([]),l=Ay(0),{swaps:p,groupCounts:u,groups:c}=n(e),h=pc(nc,[]),m=pc(()=>{let d=e.length-l.current;d&&(l.current+=Math.min(d,Wy),a(h(u,l.current)))},[e.length]);if(Iy(()=>{r||m()},[r,m]),r){let d=[1,2];return Be.createElement(Be.Fragment,null,[d,d].map((S,y)=>Be.createElement(us,{key:y},Be.createElement(cs,null,Be.createElement(xy,{variant:"text",width:60,size:"small"}),Be.createElement(ac,{size:16})),Be.createElement(ac,{size:4}),Be.createElement(ic,null,S.map((w,k)=>Be.createElement(lc,{isLoading:!0,key:k}))))))}return Be.createElement(vy,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:d=>Be.createElement(us,null,Be.createElement(cs,null,Be.createElement(by,{variant:"label",size:"medium",className:ps()},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 Be.createElement(rc,{key:S.requestId},Be.createElement(lc,{requestId:S.requestId,creationTime:S.creationTime,status:S.status,onClick:o,tooltipContainer:B(),onlyShowTime:c[C]===wy.t("Today"),swapTokenData:{from:{token:{image:y.fromLogo,displayName:y.fromSymbol},blockchain:{image:y.fromBlockchainLogo||""},amount:W(S.inputAmount,6,6),realAmount:pe(S.inputAmount)},to:{token:{image:f.toLogo,displayName:f.toSymbol},blockchain:{image:f.toBlockchainLogo||""},amount:W(f.outputAmount||f.expectedOutputAmountHumanReadable||"",6,6),realAmount:pe(f.outputAmount||f.expectedOutputAmountHumanReadable)}}}))}})}i(ms,"HistoryGroupedList");import{CloseIcon as My,IconButton as Ny,SearchIcon as By,TextField as Py}from"@rango-dev/ui";import qo from"react";import{styled as Ly}from"@rango-dev/ui";var uc=Ly("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function Tt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return qo.createElement(Py,{prefix:qo.createElement(uc,null,qo.createElement(By,{color:"black"})),suffix:!!a.length&&qo.createElement(Ny,{variant:"ghost",onClick:()=>l?.(""),size:"small"},qo.createElement(My,{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(Tt,"SearchInput");import{i18n as yr}from"@lingui/core";import cc from"dayjs";var mc=i(t=>{let e=new Map([["today",{title:yr.t("Today"),swaps:[]}],["week",{title:yr.t("This week"),swaps:[]}],["month",{title:yr.t("This month"),swaps:[]}],["year",{title:yr.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=cc();t.forEach(p=>{let u=Number(p.creationTime),c=cc(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 Oy=Dy("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),qy=i((t,e)=>t?.length?t.filter(o=>it(o.fromBlockchain,e)||it(o.toBlockchain,e)||it(o.toSymbol,e)||it(o.fromSymbol,e)).length:!1,"isStepContainsText");function fc(){let t=Uy(),{manager:e,state:o}=$y(),n=Mt(e).map(({swap:c})=>c),[r,s]=Fy(""),a=!o.loadedFromPersistor,l=i(c=>{let h=c.target.value;s(h)},"searchHandler"),p=n;r&&(p=n.filter(c=>it(c.inputAmount,r)||it(c.status,r)||qy(c.steps,r)||it(c.requestId,r)));let u=!p?.length&&!a;return kt.createElement(oe,{header:{title:Sr.t("History")}},kt.createElement(se,null,kt.createElement(Tt,{setValue:s,fullWidth:!0,variant:"contained",placeholder:Sr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),kt.createElement(dc,{size:"16"}),kt.createElement(Oy,null,u&&kt.createElement(sc,null,kt.createElement(dc,{size:32}),kt.createElement(_y,{title:Sr.t("No results found"),description:r?Sr.t("Try using different keywords"):""})),!u&&kt.createElement(ms,{list:p,onSwapClick:t,groupBy:mc,isLoading:a}))))}i(fc,"HistoryPage");import{i18n as fs}from"@lingui/core";import{Button as Xy,Divider as Sc,styled as Tc,SwapInput as Cc,WarningIcon as Yy}from"@rango-dev/ui";import Ie,{useEffect as Jy,useState as Zy}from"react";import{useNavigate as Ry}from"react-router-dom";import{ReverseIcon as zy,styled as gc}from"@rango-dev/ui";import ds from"react";var Qy=gc("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Hy=gc("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 hc(){let t=V.use.switchFromAndTo();return ds.createElement(Qy,null,ds.createElement(Hy,{onClick:()=>{t()}},ds.createElement(zy,{size:12})))}i(hc,"SwitchFromAndToButton");import{useCallback as Gy,useEffect as Vy,useState as jy}from"react";function yc(){let{fetch:t,loading:e,cancelFetch:o}=mr({request:async(n,r)=>await At().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(yc,"useFetchAllQuotes");var Ky=600;function Cr({refetchQuote:t}){let{fetch:e,cancelFetch:o}=yc(),{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,setSelectedQuote:C,updateQuotePartialState:S}=V(),{slippage:y,customSlippage:f,affiliatePercent:w,affiliateRef:k,affiliateWallets:v,fetchStatus:I}=g(),x=g().getLiquiditySources(),T=g().getDisabledLiquiditySources(),b=g().excludeLiquiditySources(),[N,L]=jy(!0),M=f??y,O=!l||!p||Le(l,p)||!So(u),Z=i(X=>{L(X)},"resetState"),E=i(X=>{let{fromToken:z,toToken:me,inputAmount:G,liquiditySources:R,excludeLiquiditySources:Ae,disabledLiquiditySources:Ce,slippage:$,affiliateRef:j,affiliatePercent:ee,affiliateWallets:Te}=X;if(N||Z(!0),!O&&z&&me){d();let Fe=cl({fromToken:z,toToken:me,inputAmount:G,liquiditySources:R,excludeLiquiditySources:Ae,disabledLiquiditySources:Ce,wallets:s,slippage:$,affiliateRef:j,affiliatePercent:ee,affiliateWallets:Te});Da("experimentalRoute",r)&&(Fe.experimental=!0),e(Fe).then(ke=>{let _e=bl(m,ke.results),Ue=Il(h,_e,ke.requestAmount);L(!1),S("quotes",ke),C(Ue),dr({diagnosisMessages:ke.diagnosisMessages,requestId:Ue?.requestId||"",swaps:Ue?.swaps});let Gr=Ue&&Jt(Ue,{fromToken:z,toToken:me,userSlippage:M,tokens:a});S("warning",Gr)}).catch(ke=>{let{error:_e}=fr(ke);(_e?.type===0||_e?.type===1)&&d(),_e?.type!==2&&(S("error",_e),L(!1))})}},"fetch"),J=Gy($a(X=>{O||E(X)},Ky),[O]);return Vy(()=>{if(!t){L(!1);return}if(I==="success"){if(O){L(!1),h&&d();return}if(!So(u)||c?.eq(0)){Z(!1),o();return}return d(),Z(!0),J({inputAmount:u,fromToken:l,toToken:p,liquiditySources:x,excludeLiquiditySources:b,disabledLiquiditySources:T,slippage:M,affiliateRef:k,affiliatePercent:w,affiliateWallets:v}),o}},[I,u,l?.symbol,l?.address,l?.blockchain,p?.symbol,p?.address,p?.blockchain,O,x?.length,n,T.length,M,k,w,JSON.stringify(v)]),{fetch:()=>E({inputAmount:u,fromToken:l,toToken:p,liquiditySources:x,excludeLiquiditySources:b,disabledLiquiditySources:T,slippage:M,affiliateRef:k,affiliatePercent:w,affiliateWallets:v}),loading:N}}i(Cr,"useSwapInput");var eS=Tc("div",{position:"relative"}),tS=Tc("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function kc(){let t=Ry(),{fromToken:e,fromBlockchain:o,toToken:n,toBlockchain:r,setInputAmount:s,inputAmount:a,inputUsdValue:l,outputAmount:p,outputUsdValue:u,selectedQuote:c,refetchQuote:h,error:m,warning:d,quotes:C,resetQuoteWallets:S,setQuoteWarningsConfirmed:y,updateQuotePartialState:f}=V(),{fetch:w,loading:k}=Cr({refetchQuote:h}),{config:v,fetchStatus:I}=g(),{connectedWallets:x,getBalanceFor:T}=K(),{isActiveTab:b}=ne(),[N,L]=Zy(!1),M=!!o&&Ia(x,o.name),A=!1,O=!ai(c,a,l),Z=!ai(c,a,u),E=il({fetchMetaStatus:I,fetchingQuote:k,inputAmount:a,quote:c,anyWalletConnected:x.length>0,error:m,warning:d,needsToWarnEthOnPath:A}),J=e?T(e):null,X=cn(J)?.amount??"0",z=o&&e?W(J?.amount,J?.decimals):"0",me=I==="success"&&!!a&&!!e&&!!n&&k;Jy(()=>{S(),f("refetchQuote",!0)},[]);let G=!l||!u||!u.gt(0)?null:Ve(l.toString(),u.toString());return Ie.createElement(oe,{height:"auto",footer:Ie.createElement(Xy,{type:"primary",size:"large",disabled:E.disabled||!b,prefix:E.action==="confirm-warning"&&Ie.createElement(Yy,null),fullWidth:!0,onClick:()=>{E.action==="connect-wallet"?t(_.wallets):E.action==="confirm-warning"?L(!0):t(_.confirmSwap)}},E.title),header:{onWallet:()=>{t(_.wallets)},hasBackButton:!1,title:v.title||fs.t("Swap"),suffix:Ie.createElement(xo,{onClickRefresh:(c||m)&&!N?w:void 0,onClickHistory:()=>t(_.swaps),onClickSettings:()=>t(_.settings)})}},Ie.createElement(se,null,Ie.createElement(tS,null,Ie.createElement(eS,null,Ie.createElement(Cc,{label:fs.t("From"),mode:"From",onInputChange:s,balance:X,chain:{displayName:o?.displayName||"",image:o?.logo||""},token:{displayName:e?.symbol||"",image:e?.image||""},onClickToken:()=>t(_.fromSwap),price:{value:a,usdValue:O?void 0:W(l,4,4),realUsdValue:O?void 0:pe(l),error:O?Y().unknownPriceError.impactTitle:void 0},disabled:I==="failed",loading:I==="loading",loadingBalance:M,tooltipContainer:B(),onSelectMaxBalance:()=>{X!=="0"&&s(z.split(",").join(""))}}),Ie.createElement(hc,null)),Ie.createElement(Cc,{sharpBottomStyle:!!c||me,label:fs.t("To"),mode:"To",fetchingQuote:me,chain:{displayName:r?.displayName||"",image:r?.logo||""},token:{displayName:n?.symbol||"",image:n?.image||""},percentageChange:W(Ve(l,u),2,2),warningLevel:yt(G??0),price:{value:W(p,6,6),usdValue:Z?void 0:W(u,4,4),realValue:pe(p),realUsdValue:Z?void 0:pe(u),error:Z?Y().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(_.toSwap),disabled:I==="failed",loading:I==="loading",tooltipContainer:B()})),Ie.createElement(Sc,{size:"2"}),Ie.createElement(Vt,{quote:c,loading:me,error:m,tagHidden:!1,warning:d,type:"basic",onClickAllRoutes:C&&C.results.length>1?()=>{f("refetchQuote",!1),t(_.routes)}:void 0}),d||m?Ie.createElement(Ie.Fragment,null,Ie.createElement(Sc,{size:"10"}),Ie.createElement(Lo,{warning:d,error:m,loading:me,refetchQuote:w,showWarningModal:N,confirmationDisabled:!b,onOpenWarningModal:()=>L(!0),onCloseWarningModal:()=>L(!1),onConfirmWarningModal:()=>{L(!1),y(!0),t(_.confirmSwap)},onChangeSettings:()=>t(_.settings)})):null))}i(kc,"Home");import{i18n as wc}from"@lingui/core";import{List as oS,ListItemButton as nS,Radio as rS,RadioRoot as iS,Typography as sS}from"@rango-dev/ui";import $t from"react";function co(){let{setLanguage:t,language:e,config:o}=g(),n=Ua,r=o?.language||To;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||To),resetLanguage:()=>t(null)}}i(co,"useLanguage");function vc(){let{activeLanguage:t,changeLanguage:e,languages:o}=co(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:$t.createElement(sS,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:$t.createElement(rS,{value:s}),start:$t.createElement(l,null)}});return $t.createElement(oe,{header:{title:wc.t("Language")}},$t.createElement(se,null,$t.createElement(iS,{value:t},$t.createElement(oS,{type:$t.createElement(nS,{title:wc.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(vc,"LanguagePage");import{i18n as wt}from"@lingui/core";import{Button as cS,Checkbox as mS,Image as dS,ListItemButton as fS,NotFound as gS,Typography as hS}from"@rango-dev/ui";import Pe,{useState as yS}from"react";import{Checkbox as pS,Skeleton as bc}from"@rango-dev/ui";import Qo from"react";import{styled as gs}from"@rango-dev/ui";var zo=gs("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),hs=gs("div",{width:80,display:"flex",justifyContent:"flex-end"}),ys=gs("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as aS,styled as lS}from"@rango-dev/ui";var xc=lS(aS,{height:61});var uS=30;function Ss(){return Qo.createElement(zo,null,Array.from(Array(uS),t=>Qo.createElement(xc,{hasDivider:!0,key:t,start:Qo.createElement(bc,{variant:"circular",width:35,height:35}),title:Qo.createElement(bc,{variant:"text",size:"large",width:90}),end:Qo.createElement(pS,{checked:!1})})))}i(Ss,"LoadingLiquiditySourceList");function Cs({sourceType:t}){let e=g().fetchStatus,o=g().swappers(),n=g().getDisabledLiquiditySources(),[r,s]=yS(""),a=g().toggleLiquiditySource,l=g().isInCampaignMode(),p=yn(o,n),u={Exchanges:wt.t("Exchanges"),Bridges:wt.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:w,groupTitle:k,logo:v}=f;return{start:Pe.createElement(dS,{src:v,size:22,type:"circular"}),onClick:()=>{l||a(k)},end:Pe.createElement(mS,{checked:w,disabled:l}),title:Pe.createElement(hS,{variant:"title",size:"xmedium"},wt.t(k)),...f}}),S=i(f=>{let w=f.target.value;s(w)},"searchHandler"),y=C;return r&&(y=C.filter(f=>it(f.groupTitle,r))),Pe.createElement(oe,{header:{title:wt.t(t),suffix:Pe.createElement(hs,null,Pe.createElement(cS,{variant:"ghost",size:"xsmall",onClick:d},m?wt.t("Deselect all"):wt.t("Select all")))}},Pe.createElement(se,{view:!0},Pe.createElement(Tt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:wt.t("Search {sourceType}",{sourceType:u[t]}),onChange:S}),e==="loading"&&Pe.createElement(Ss,null),!y.length&&r?Pe.createElement(ys,null,Pe.createElement(gS,{title:wt.t("No results found"),description:wt.t("Try using different keywords")})):e==="success"&&Pe.createElement(zo,{disabled:l},y.map(f=>Pe.createElement(Pe.Fragment,{key:f.id},Pe.createElement(fS,{style:{height:"61px"},...f,selected:!1,hasDivider:!0}))))))}i(Cs,"LiquiditySourcePage");import{i18n as SS}from"@lingui/core";import{Divider as Ic}from"@rango-dev/ui";import tt from"react";import{useNavigate as CS}from"react-router-dom";var TS=3;function Ac(){let t=CS(),e=lt(),{selectedQuote:o,quotes:n,refetchQuote:r,setSelectedQuote:s,updateQuotePartialState:a,fromToken:l,toToken:p,error:u}=V(),{slippage:c,customSlippage:h}=g(),m=g().tokens(),d=h??c,{fetch:C,loading:S}=Cr({refetchQuote:r}),y=i(v=>{s(v),a("refetchQuote",!1),e()},"onClickOnQuote"),f=i(v=>{if(!l||!p||!n)return null;let I={requestAmount:n.requestAmount,...v};return Jt(I,{fromToken:l,toToken:p,userSlippage:d,tokens:m})},"getQuoteWarning"),w=`../${_.settings}`,k=`../${_.wallets}`;return tt.createElement(oe,{header:{onWallet:()=>{t(k)},onBack:()=>{a("refetchQuote",!1)},title:SS.t("Routes"),suffix:tt.createElement(xo,{onClickRefresh:o||u?C:void 0,hidden:["notifications","history"],onClickSettings:()=>t(w)})}},tt.createElement(se,null,S?Array.from({length:TS},(v,I)=>tt.createElement(tt.Fragment,{key:I},tt.createElement(Fo,{tagHidden:!1,type:"list-item",expanded:!1}),tt.createElement(Ic,{size:16}))):!!n&&n.results?.map(v=>{let I=f(v),x=is(v.swaps);return tt.createElement(tt.Fragment,{key:v.requestId},tt.createElement(Vt,{selected:o?.requestId===v.requestId,tagHidden:!1,quote:{...v,requestAmount:n.requestAmount},loading:S,error:x?.options||null,warning:I,onClick:T=>{a("warning",I),a("error",x?.options||null),y(T)},type:"list-item"}),tt.createElement(Ic,{size:16}))})))}i(Ac,"RoutesPage");import{i18n as $c}from"@lingui/core";import{Divider as _c,getCountCategories as LS,SelectableCategoryList as MS}from"@rango-dev/ui";import vt,{useState as Dc}from"react";import{i18n as ks}from"@lingui/core";import{Divider as Bc,Image as bS,ListItemButton as IS,NotFound as AS,Typography as Pc}from"@rango-dev/ui";import Xe,{useEffect as ES,useState as WS}from"react";import{BlockchainCategories as Ts}from"@rango-dev/ui";import{TransactionType as Tr}from"rango-sdk";var kS=i((t,e)=>{switch(e){case Ts.ALL:return!0;case Ts.UTXO:return t.type===Tr.TRANSFER;case Ts.OTHER:return t.type!==Tr.TRANSFER&&t.type!==Tr.COSMOS&&t.type!==Tr.EVM;default:return t.type===e}},"filterByType"),Ec=i((t,e,o)=>t.filter(n=>kS(n,o)).filter(n=>Ut(n.name,e)||Ut(n.displayName,e)),"filterBlockchains");import{ImageContainer as wS,styled as Wc}from"@rango-dev/ui";var Lc=Wc("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),kr=Wc(bo,{padding:0,margin:0,listStyle:"none",[`& ${wS}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as vS,Skeleton as Mc}from"@rango-dev/ui";import wr from"react";var xS=20;function Nc(){return wr.createElement(kr,null,Array.from(Array(xS),t=>wr.createElement(vS,{key:t,hasDivider:!0,start:wr.createElement(Mc,{variant:"circular",width:35,height:35}),title:wr.createElement(Mc,{variant:"text",size:"large",width:90})})))}i(Nc,"LoadingBlockchainList");function ws(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=WS(e),{fetchStatus:l}=g();ES(()=>{a([...Ec(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Xe.createElement(Xe.Fragment,null,Xe.createElement(Bc,{size:32}),Xe.createElement(AS,{title:ks.t("No results found"),description:ks.t("Try using different keywords")})):Xe.createElement(kr,{as:"ul",key:`${r}-${o}`},s.map(u=>Xe.createElement(IS,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Xe.createElement(bS,{src:u.logo,size:30}),title:Xe.createElement(Pc,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Xe.createElement(Lc,null,Xe.createElement(Pc,{variant:"label",size:"large"},ks.t("Select Blockchain")),Xe.createElement(Bc,{size:4}),l==="loading"&&Xe.createElement(Nc,null),l==="success"&&p())}i(ws,"BlockchainList");function vs(t){let{type:e}=t,o=lt(),[n,r]=Dc(""),[s,a]=Dc("ALL"),l=V.use.setToBlockchain(),p=V.use.setFromBlockchain(),u=g().fetchStatus,c=g().blockchains({type:e}),m=LS(c)!==1;return vt.createElement(oe,{header:{title:$c.t("Select Blockchain")}},vt.createElement(se,{view:!0},m&&vt.createElement(vt.Fragment,null,vt.createElement(MS,{setCategory:a,category:s,blockchains:c,isLoading:u==="loading"}),vt.createElement(_c,{size:24})),vt.createElement(Tt,{value:n,autoFocus:!0,placeholder:$c.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),vt.createElement(_c,{size:16}),vt.createElement(ws,{list:c,searchedFor:n,blockchainCategory:s,onChange:d=>{e==="source"?p(d):l(d),o()}})))}i(vs,"SelectBlockchainPage");import{i18n as Ar}from"@lingui/core";import{Divider as nm}from"@rango-dev/ui";import jt,{useState as KS}from"react";import{useNavigate as XS}from"react-router-dom";import{i18n as Is}from"@lingui/core";import{BlockchainsChip as vr,Divider as qc,Image as zc,Skeleton as _S,Tooltip as DS,Typography as As}from"@rango-dev/ui";import Se from"react";import{useEffect as PS}from"react";var Fc=["ETH","COSMOS","OSMOSIS"];function xs(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(NS),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(BS(a)),r=n.splice(s)}return{list:n,more:r}}i(xs,"prepare");function NS(t,e){let o=Fc,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(NS,"sortByMostUsedBlockchains");function BS(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(BS,"generateSortByPreferredBlockchainsFor");function Uc(t,e){return!!e.list.find(o=>o.name===t)}i(Uc,"isInVisibleList");function bs(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=g();PS(()=>{if(e?.selected){let s=xs(t,o,e);Uc(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=xs(t,o,e);return{list:r.list,more:r.more,history:[]}}i(bs,"usePrepareBlockchainList");import{styled as $S}from"@rango-dev/ui";var Oc=$S("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var FS=12;function Es(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=bs(e,{limit:10,selected:n?.name}),{fetchStatus:l}=g(),p=V.use.resetToBlockchain(),u=V.use.resetFromBlockchain(),c=a.more.length>0,h=a.more.length===1,m=!h&&c;return Se.createElement(Se.Fragment,null,Se.createElement(qc,{size:12}),Se.createElement(As,{variant:"label",size:"large"},Is.t("Select Blockchain")),Se.createElement(qc,{size:12}),Se.createElement(Oc,null,l==="loading"&&Array.from(Array(FS),d=>Se.createElement(_S,{key:d,variant:"rounded",height:50})),l==="success"&&Se.createElement(Se.Fragment,null,Se.createElement(vr,{selected:!n,onClick:()=>{o==="from"?u():p()}},Se.createElement(As,{variant:"body",size:"xsmall",color:"secondary500"},Is.t("All"))),a.list.map(d=>Se.createElement(DS,{key:d.name,content:d.shortName,side:"bottom",sideOffset:2,container:B()},Se.createElement(vr,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},Se.createElement(zc,{src:d.logo,size:30})))),h?Se.createElement(vr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},Se.createElement(zc,{src:a.more[0].logo,size:30})):null,m?Se.createElement(vr,{onClick:s,key:"more-blockchains"},Se.createElement(As,{variant:"body",size:"xsmall",color:"secondary500"},Is._("More +{count}",{count:a.more.length}))):null)))}i(Es,"BlockchainsSection");import{i18n as Fs}from"@lingui/core";import{darkTheme as Zc,Divider as fo,ExternalLinkIcon as qS,Image as zS,ListItemButton as QS,NotFound as HS,PinIcon as GS,Skeleton as Rc,Typography as Ir,VirtualizedList as VS}from"@rango-dev/ui";import q,{useEffect as em,useState as tm}from"react";import{Divider as Yc,ListItem as OS,Skeleton as Ho}from"@rango-dev/ui";import nt from"react";import{css as mo,darkTheme as Qc,ImageContainer as US,styled as ot,Typography as Hc}from"@rango-dev/ui";var Ws=mo({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Ls=mo({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Ms=mo({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Ns=mo({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Qc} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Bs=mo({}),Ps=mo(),Gc=ot("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),$s=ot("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),xr=ot("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Ls}`]:{[`& .${Ns}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Bs}`]:{bottom:"-15px"},[`& .${Ws}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Ms}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),_s=ot("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ds=ot(Hc,{}),Vc=ot("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Ps}`]:{$$color:"$colors$neutral600",[`.${Qc} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),br=ot("div",{display:"flex",alignItems:"end",flexDirection:"column"}),c_=ot("div",{display:"flex",alignItems:"center"}),jc=ot("div",{position:"relative",[`& ${US}`]:{borderRadius:"$xm",overflow:"hidden"}}),Kc=ot("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Xc=ot(Hc,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Jc(t){return nt.createElement(xr,null,Array.from(Array(t.size),e=>nt.createElement(OS,{key:e,hasDivider:!0,start:nt.createElement(Ho,{variant:"circular",width:35,height:35}),end:nt.createElement(br,null,nt.createElement(Ho,{variant:"text",size:"large",width:70}),nt.createElement(Yc,{size:4}),nt.createElement(Ho,{variant:"text",size:"medium",width:50})),title:nt.createElement("div",null,nt.createElement(Ho,{variant:"text",size:"large",width:90}),nt.createElement(Yc,{size:4}),nt.createElement(Ho,{variant:"text",size:"medium",width:90}))})))}i(Jc,"LoadingTokenList");var Us=20,jS=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return q.createElement("div",{className:Ls()},o?q.createElement("div",{className:Ws()},o):q.createElement($s,{className:Ms()},q.createElement(Ir,{variant:"title",size:"xmedium"},r.symbol),q.createElement(fo,{direction:"horizontal",size:4}),q.createElement(_s,{css:s},q.createElement(Ds,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&q.createElement("div",{className:`${Ns()} ${!o&&Bs()}`},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(fo,{size:4,direction:"horizontal"}),q.createElement(qS,{color:"gray",size:12}))))},"renderDesc");function om(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=tm(e),l=g().fetchStatus,p=g().blockchains(),[u,c]=tm(!0),{getBalanceFor:h,loading:m}=K(),{isTokenPinned:d}=g(),C=i(()=>{a(e.slice(0,s.length+Us))},"loadNextPage");em(()=>{c(e.length>s.length)},[s.length]),em(()=>{a(e.slice(0,Us))},[e]);let S=i(()=>!s.length&&o?q.createElement(q.Fragment,null,q.createElement(fo,{size:32}),q.createElement(HS,{title:Fs.t("No results found"),description:Fs.t("Try using different keywords")})):q.createElement(VS,{endReached:u?C:void 0,itemContent:y=>{let f=s[y],w=cn(h(f)),k=f.address||"",v=p.find(b=>b.name===f.blockchain),I=On(f.symbol,v?.color||""),x={$$color:I[`${f.symbol}100`],[`.${Zc} &`]:{$$color:I[`${f.symbol}900`]},backgroundColor:"$$color"},T={$$color:I[`${f.symbol}700`],[`.${Zc} &`]:{$$color:I[`${f.symbol}100`]},color:"$$color"};return q.createElement("div",{style:{paddingRight:5}},q.createElement(QS,{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(jc,null,q.createElement(zS,{src:f.image,size:30}),d(f,t.type)&&q.createElement(Kc,null,q.createElement(GS,{size:12,color:"gray"}))),title:v?.type==="COSMOS"||f.name||!f.name&&!k?q.createElement($s,null,q.createElement(Ir,{variant:"title",size:"xmedium"},f.symbol),q.createElement(fo,{direction:"horizontal",size:4}),q.createElement(_s,{css:x},q.createElement(Ds,{variant:"body",size:"xsmall",css:T},f.blockchain))):void 0,description:v?.info&&k&&v.type!=="COSMOS"?jS({address:k,token:s[y],customCssForTag:x,customCssForTagTitle:T,name:f.name,url:v.info.addressUrl.split("{wallet}").join(k)}):f.name||void 0,end:m?q.createElement(br,null,q.createElement(Rc,{variant:"text",size:"large",width:70}),q.createElement(fo,{size:4}),q.createElement(Rc,{variant:"text",size:"medium",width:50})):w&&q.createElement(Vc,null,q.createElement(Xc,{variant:"title",size:"small"},w.amount),q.createElement("div",null),w.usdValue&&q.createElement(Ir,{variant:"body",className:Ps(),size:"xsmall"},`$${w.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return q.createElement(Gc,null,q.createElement(Ir,{variant:"label",size:"large"},Fs.t("Select Token")),q.createElement(fo,{size:4}),l==="loading"&&q.createElement(Jc,{size:Us}),l==="success"&&q.createElement(xr,{as:"ul"},S()))}i(om,"TokenList");function Os(t){let{type:e}=t,o=XS(),n=lt(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=V(),c=K.use.getBalanceFor(),[h,m]=KS(""),{isTokenPinned:d}=g(),S=(e==="source"?r:s)?.name??"",y=g().blockchains({type:e}),f=g().tokens({type:e,blockchain:S,searchFor:h}),k=va(f,c,i(T=>d(T,e),"checkIsTokenPinned")),v=i(T=>{e==="source"?p(T):u(T)},"updateBlockchain"),I=i(T=>{e==="source"?a({token:T,meta:{blockchains:y,tokens:f}}):l({token:T,meta:{blockchains:y,tokens:f}})},"updateToken"),x={source:Ar.t("Source"),destination:Ar.t("Destination")};return jt.createElement(oe,{header:{title:Ar.t("Swap {type}",{type:x[e]})}},jt.createElement(se,null,jt.createElement(Es,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(_.blockchains),onChange:T=>{v(T)}}),jt.createElement(nm,{size:24}),jt.createElement(Tt,{value:h,autoFocus:!0,placeholder:Ar.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:T=>m(T.target.value)}),jt.createElement(nm,{size:16}),jt.createElement(om,{list:k,selectedBlockchain:S,searchedFor:h,type:e,onChange:T=>{I(T);let b=y.find(N=>T.blockchain===N.name);b&&v(b),n()}})))}i(Os,"SelectSwapItemsPage");import{i18n as xt}from"@lingui/core";import{Alert as nC,Button as rC,ChevronRightIcon as Wr,Divider as Qs,InfoIcon as iC,List as sC,ListItemButton as aC,Skeleton as lC,styled as pC,Switch as uC,Tooltip as cC,Typography as _t}from"@rango-dev/ui";import H from"react";import{useInRouterContext as mC,useNavigate as dC,useSearchParams as fC}from"react-router-dom";import{i18n as pm}from"@lingui/core";import{Divider as RS,InfoIcon as eC,TextField as tC,Tooltip as oC,Typography as um}from"@rango-dev/ui";import Qe from"react";import{Chip as YS,styled as Go,TextField as JS}from"@rango-dev/ui";var rm=Go("div",{paddingTop:"$5",padding:"$10 $5"}),im=Go("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${JS}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),sm=Go("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Er=Go("div",{maxWidth:"280px",padding:"$10"}),am=Go(YS,{width:"61px",flexShrink:0});import{i18n as qs}from"@lingui/core";import{Typography as ZS}from"@rango-dev/ui";import Vo from"react";function lm(){return Vo.createElement(Er,null,Vo.createElement(ZS,{variant:"label",size:"medium",color:"neutral700"},qs.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Vo.createElement("br",null),Vo.createElement("br",null),Vo.createElement("b",null,qs.t("Warning")),":",qs.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(lm,"SlippageTooltipContent");function zs(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=g();return Qe.createElement(rm,null,Qe.createElement(sm,null,Qe.createElement(um,{variant:"title",size:"xmedium"},pm.t("Slippage tolerance per swap")),Qe.createElement(RS,{direction:"horizontal",size:4}),Qe.createElement(oC,{container:B(),side:"top",sideOffset:4,content:Qe.createElement(lm,null)},Qe.createElement(eC,{color:"gray"}))),Qe.createElement(im,null,Oa.map((r,s)=>{let a=`slippage-${s}`;return Qe.createElement(Qe.Fragment,null,Qe.createElement(am,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),Qe.createElement(tC,{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>=Ha&&a<=Qa?n(a):n(null)},suffix:o&&Qe.createElement(um,{variant:"body",size:"small"},"%"),placeholder:pm.t("Custom")})))}i(zs,"Slippage");var gC=pC("div",{paddingLeft:"$8"});function cm(){let t=dC(),{theme:e}=g().config,o=g().fetchStatus,n=g().swappers(),r=g().getDisabledLiquiditySources(),{config:{features:s},isInCampaignMode:a,updateCampaignMode:l}=g(),p=a(),u=He("theme",s),c=He("liquiditySource",s),h=He("language",s),m=g().infiniteApprove,d=g().toggleInfiniteApprove,C=yn(n,r),S=C.filter(E=>E.type==="BRIDGE"||E.type==="AGGREGATOR"),y=S.length,f=S.filter(E=>E.selected).length,w=C.filter(E=>E.type==="DEX"),k=w.length,v=w.filter(E=>E.selected).length,I=i((E,J)=>{switch(o){case"loading":return H.createElement(lC,{variant:"text",size:"medium",width:50});case"failed":return H.createElement(_t,{variant:"body",size:"medium",color:"$error500"},xt.t("Loading failed"));default:return H.createElement(_t,{variant:"body",size:"medium"},`${E} / ${J}`)}},"handleEndItem"),x={id:"bridge-item",title:H.createElement(_t,{variant:"title",size:"xmedium"},xt.t("Enabled bridges")),end:H.createElement(H.Fragment,null,I(f,y),H.createElement(Qs,{direction:"horizontal",size:8}),H.createElement(Wr,{color:"black"})),onClick:()=>t(_.bridges)},T={id:"exchange-item",title:H.createElement(_t,{variant:"title",size:"xmedium"},xt.t("Enabled exchanges")),end:H.createElement(H.Fragment,null,I(v,k),H.createElement(Qs,{direction:"horizontal",size:8}),H.createElement(Wr,{color:"gray"})),onClick:()=>t(_.exchanges)},b={id:"language-item",title:H.createElement(_t,{variant:"title",size:"xmedium"},xt.t("Language")),end:H.createElement(Wr,{color:"gray"}),onClick:()=>t(_.languages)},N={id:"theme-item",title:H.createElement(_t,{variant:"title",size:"xmedium"},xt.t("Theme")),end:H.createElement(Wr,{color:"gray"}),onClick:()=>t(_.themes)},L={id:"infinite-approval-item",title:H.createElement(H.Fragment,null,H.createElement(_t,{variant:"title",size:"xmedium"},xt.t("Infinite approval")),H.createElement(Qs,{direction:"horizontal",size:4}),H.createElement(cC,{side:"top",sideOffset:4,container:B(),content:H.createElement(Er,null,H.createElement(_t,{variant:"label",size:"medium",color:"neutral700"},xt.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.")))},H.createElement(iC,{color:"gray"}))),end:H.createElement(uC,{checked:m}),onClick:d},M=c?[]:[x,T];h||M.push(b),!e?.singleTheme&&!u&&M.push(N),M.push(L);let[,A]=fC(),O=mC(),Z=i(()=>{O&&p&&(A(E=>(E.delete("liquiditySources"),E),{replace:!0}),l("liquiditySources",void 0))},"onClick");return H.createElement(oe,{header:{title:xt.t("Settings")}},H.createElement(se,null,p&&H.createElement(nC,{type:"info",variant:"alarm",title:xt.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:H.createElement(gC,null,H.createElement(rC,{type:"secondary",size:"small",onClick:Z},"Reset"))}),H.createElement(zs,null),H.createElement(sC,{type:H.createElement(aC,{title:"_",id:"_",onClick:()=>console.log()}),items:M})))}i(cm,"SettingsPage");import{i18n as tT}from"@lingui/core";import{cancelSwap as oT}from"@rango-dev/queue-manager-rango-preset";import{useManager as nT}from"@rango-dev/queue-manager-react";import{Alert as rT}from"@rango-dev/ui";import ra from"react";import{useParams as iT}from"react-router-dom";import{i18n as bt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as DC,getCurrentStep as FC,getRelatedWalletOrNull as UC}from"@rango-dev/queue-manager-rango-preset";import{Button as Um,CopyIcon as OC,Divider as qC,IconButton as zC,LinkIcon as QC,QuoteCost as HC,StepDetails as GC,Typography as ho,useCopyToClipboard as VC}from"@rango-dev/ui";import{useWallets as jC}from"@rango-dev/wallets-react";import Om from"bignumber.js";import{PendingSwapNetworkStatus as Ur}from"rango-types";import te,{useEffect as qm,useRef as KC,useState as zm}from"react";import{useNavigate as XC}from"react-router-dom";import{i18n as Dt}from"@lingui/core";var hC=[Dt.t("Sunday"),Dt.t("Monday"),Dt.t("Tuesday"),Dt.t("Wednesday"),Dt.t("Thursday"),Dt.t("Friday"),Dt.t("Saturday")];function mm(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Dt.t("Today"):`${hC[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(mm,"timeSince");function dm(t){return t.finishTime?mm(parseInt(t.finishTime)):mm(parseInt(t.creationTime))}i(dm,"getSwapDate");import{PendingSwapNetworkStatus as Nr}from"rango-types";import Br from"react";import{i18n as Lr}from"@lingui/core";import{Button as fm,Divider as Hs,MessageBox as yC,Typography as gm}from"@rango-dev/ui";import dt from"react";var hm=i(({onCancel:t,onClose:e})=>dt.createElement(dt.Fragment,null,dt.createElement(Hs,{size:20}),dt.createElement(yC,{type:"error",title:Lr.t("Cancel Swap"),description:Lr.t("Are you sure you want to cancel this swap?")}),dt.createElement(Hs,{size:32}),dt.createElement(fm,{variant:"contained",type:"primary",size:"large",onClick:t},dt.createElement(gm,{variant:"title",size:"medium",color:"neutral100"},Lr.t("Yes, Cancel it"))),dt.createElement(Hs,{size:12}),dt.createElement(fm,{variant:"outlined",type:"primary",size:"large",onClick:e},dt.createElement(gm,{variant:"title",size:"medium",color:"primary"},Lr.t("No, Continue")))),"CancelContent");import{i18n as Mr}from"@lingui/core";import{Button as ym,Divider as Gs,MessageBox as SC,Typography as Sm}from"@rango-dev/ui";import ft from"react";var Cm=i(({onDelete:t,onClose:e})=>ft.createElement(ft.Fragment,null,ft.createElement(Gs,{size:20}),ft.createElement(SC,{type:"error",title:Mr.t("Delete Transaction"),description:Mr.t("Are you sure you want to delete this swap?")}),ft.createElement(Gs,{size:32}),ft.createElement(ym,{variant:"contained",type:"primary",size:"large",onClick:t},ft.createElement(Sm,{variant:"title",size:"medium",color:"neutral100"},Mr.t("Yes, Delete it"))),ft.createElement(Gs,{size:12}),ft.createElement(ym,{variant:"outlined",type:"primary",size:"large",onClick:e},ft.createElement(Sm,{variant:"title",size:"medium",color:"primary"},Mr.t("No, Cancel")))),"DeleteContent");import{i18n as Vs}from"@lingui/core";import{PendingSwapNetworkStatus as js}from"rango-types";var Ks={[js.WaitingForNetworkChange]:{type:"loading",title:Vs.t("Change Network")},[js.WaitingForConnectingWallet]:{type:"warning",title:Vs.t("Connect Wallet")},[js.NetworkChanged]:{type:"success",title:Vs.t("Network Changed")}};import{MessageBox as TC,Wallet as kC}from"@rango-dev/ui";import{useWallets as wC}from"@rango-dev/wallets-react";import jo from"react";import{styled as CC}from"@rango-dev/ui";var Tm=CC("div",{display:"flex",justifyContent:"center"});var km=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:u}=wC(),c=n?.walletType,h=c?jr(u(c)):null,m=c?p(c):null;return jo.createElement(jo.Fragment,null,jo.createElement(TC,{type:e,title:o,description:r}),s&&!!c&&!!h&&!!m&&jo.createElement(Tm,null,jo.createElement(kC,{container:B(),title:m.name,image:m.img,type:c,state:h,link:m.installLink,disabled:a,onClick:async()=>l(c)})))},"WalletStateContent");function Xs(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===Nr.WaitingForNetworkChange||e===Nr.WaitingForConnectingWallet||e===Nr.NetworkChanged;return Br.createElement(ae,{open:!!e,onClose:o,container:document.getElementById(Ee.SWAP_BOX_ID)||document.body},p&&Br.createElement(km,{type:Ks[e].type,title:Ks[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==Nr.WaitingForNetworkChange}),e==="delete"&&Br.createElement(Cm,{onClose:o,onDelete:n}),e==="cancel"&&Br.createElement(hm,{onClose:o,onCancel:r}))}i(Xs,"SwapDetailsModal");import{i18n as Ko}from"@lingui/core";import{Button as Ys,Divider as Pr,MessageBox as wm,TokenAmount as vC,Typography as $r}from"@rango-dev/ui";import ve from"react";import{useNavigate as xC}from"react-router-dom";function Js(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=xC();return ve.createElement(ae,{open:e,onClose:o,container:document.getElementById(Ee.SWAP_BOX_ID)||document.body},n==="success"?ve.createElement(wm,{type:"success",title:Ko.t("Swap Successful")},ve.createElement(vC,{direction:"vertical",tooltipContainer:B(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:u,percentageChange:c}),ve.createElement(Pr,{size:12}),ve.createElement($r,{variant:"body",size:"medium",color:"neutral700",align:"center"},h)):ve.createElement(wm,{type:"error",title:Ko.t("Transaction Failed"),description:h}),ve.createElement(Pr,{size:32}),n==="success"&&ve.createElement(Ys,{variant:"contained",type:"primary",size:"large",onClick:()=>{d("../../")}},ve.createElement($r,{variant:"title",size:"medium",color:"neutral100"},Ko.t("Done"))),ve.createElement(Pr,{size:12}),m&&ve.createElement(ve.Fragment,null,ve.createElement(Ys,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},ve.createElement($r,{variant:"title",size:"medium",color:"primary"},Ko.t("Diagnosis"))),ve.createElement(Pr,{size:12})),ve.createElement(Ys,{variant:"outlined",type:"primary",size:"large",onClick:o},ve.createElement($r,{variant:"title",size:"medium",color:"primary"},Ko.t("See Details"))))}i(Js,"SwapDetailsCompleteModal");import $C from"react";import{i18n as MC}from"@lingui/core";import{Alert as Em,IconButton as NC,LinkIcon as BC}from"@rango-dev/ui";import Ft,{Fragment as PC}from"react";import{Alert as bC,ChevronDownIcon as IC,ChevronUpIcon as AC,IconButton as EC}from"@rango-dev/ui";import _r,{useState as WC}from"react";function vm(t){let{message:e}=t,[o,n]=WC(!1);return _r.createElement(bC,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&_r.createElement(EC,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?_r.createElement(AC,{size:12,color:"gray"}):_r.createElement(IC,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(vm,"FailedAlert");import{styled as LC}from"@rango-dev/ui";var xm=LC("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as bm}from"@lingui/core";import{Alert as Zs,Button as Im}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Rs}from"rango-types";import Xo from"react";function Am(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Xo.createElement(Zs,{type:"warning",title:n.shortMessage,action:Xo.createElement(Im,{size:"xxsmall",type:"warning",onClick:()=>{o(Rs.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},bm.t("Change"))}):r===Rs.WaitingForConnectingWallet?Xo.createElement(Zs,{type:"warning",title:n.shortMessage,action:Xo.createElement(Im,{size:"xxsmall",type:"warning",onClick:()=>{o(Rs.WaitingForConnectingWallet)}},bm.t("Connect"))}):Xo.createElement(Zs,{type:"warning",title:n.shortMessage})}i(Am,"WarningAlert");function ea(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=wo(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l,c=u&&!a||p&&!s.explorerUrl?.length;return Ft.createElement(xm,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 Ft.createElement(PC,{key:C},Ft.createElement(Em,{type:S&&(y&&"loading"||f&&"error")||"success",title:h.description?`${h.description} Tx`:MC.t("View transaction"),action:h.url&&Ft.createElement(NC,{variant:"ghost",size:"xsmall",onClick:()=>window.open(h.url,"_blank")},Ft.createElement(BC,{size:12}))}))}),c&&Ft.createElement(Em,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Ft.createElement(Am,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Ft.createElement(vm,{message:r}))}i(ea,"SwapDetailsAlerts");var Wm=2e3;var Lm=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:Ge(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:W(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ge(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:W(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:ko(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Ge(p.fromBlockchain,e)??""},to:{blockchain:Ge(p.toBlockchain,e)??""},swapper:{displayName:ko(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:$C.createElement(ea,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function Mm(t){if(wo(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(Mm,"getStepState");import{css as Yo,darkTheme as _C,styled as Kt}from"@rango-dev/ui";var Nm=Kt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Dr=Kt("div",{width:"100%"}),Bm=Kt(bo,{padding:"$0 $20 $20 $20"}),ZF=Kt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Pm=Kt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),RF=Kt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),go=Yo({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${_C} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),$m=Yo({padding:"$5 0"}),Fr=Yo({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),_m=Yo({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Dm=Yo({width:"100%",padding:"0 $20 $10"}),Fm=Kt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function ta(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=jC(),p=g().blockchains(),u=g().swappers(),c=g().tokens(),h=V.use.retry(),m=ne.use.isActiveTab(),d=XC(),[C,S]=VC(Wm),y=KC(null),[f,w]=zm(null),[k,v]=zm(null),I=i(()=>{r(),w(null)},"onCancel"),x=Oe.use.getUnreadNotifications(),T=Oe.use.setAsRead(),b=x(),N=FC(e),L=N?.networkStatus;qm(()=>{b.find(It=>It.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(v(e.status),T(e.requestId))},[e.status]),qm(()=>{X?w(Ur.WaitingForNetworkChange):L===Ur.WaitingForConnectingWallet||L===Ur.NetworkChanged?w(L):w(null)},[L]);let M=yl(e),A=N?DC(e,N):null,O=N?UC(e,N):null,Z=dm(e),E=Sl(e),J=i(gt=>!!l(gt)?.mobileWallet,"isMobileWallet"),X=L===Ur.WaitingForNetworkChange&&!!A&&!!O?.walletType&&(J(O.walletType)||s(O.walletType,A)),z=X?a.bind(null,O.walletType,A):void 0,me=hl(e,N),G=Lm({swap:e,switchNetwork:z,showNetworkModal:L,setNetworkModal:w,message:me,blockchains:p,swappers:u}),R=G.length,[Ae,Ce]=[e.steps[0],e.steps[R-1]],$=Ce.outputAmount||Ce.expectedOutputAmountHumanReadable,j=e.steps.reduce((gt,It)=>gt+parseFloat(It.feeInUsd||""),0),ee=e.steps.find(gt=>gt.diagnosisUrl)?.diagnosisUrl,Te=W(parseFloat(W($,6,6))*(Ce.toUsdPrice||0),4,4),Fe=W(parseFloat(e.inputAmount)*(Ae.fromUsdPrice||0),4,4),ke=$?pe(new Om($).multipliedBy(Ce.toUsdPrice||0)):"",_e=pe(new Om(e.inputAmount).multipliedBy(Ae.fromUsdPrice||0)),Ue=Ve(Fe,Te),Gr=e.status==="success"?bt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:W($,6,6),token:G[R-1].to.token.displayName,conciseAddress:mn(e.wallets[G[R-1].to.chain.displayName]?.address||""),chain:G[R-1].to.chain.displayName}}):`${bt.t("Transaction was not sent.")} ${M?bt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:M.outputAmount,symbol:M.symbol,blockchain:M.blockchain}}):""}`;return te.createElement(oe,{header:{title:bt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>w("cancel"):void 0,suffix:e.status!=="running"&&te.createElement(to,null,te.createElement(Um,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>w("delete")},te.createElement(ho,{size:"medium",variant:"label",color:"error"},bt.t("Delete"))))},footer:E&&!k&&te.createElement(Um,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{h(e,{blockchains:p,tokens:c}),setTimeout(()=>{d("../../")},0)}},bt.t("Try again"))},te.createElement(se,{compact:!0,view:!0},te.createElement(Dr,null,te.createElement("div",{className:go()},te.createElement(ho,{variant:"label",size:"large",color:"neutral700"},`${bt.t("Request ID")}:`),te.createElement("div",{className:Fr()},te.createElement(ho,{variant:"label",size:"small",color:"neutral700"},o),te.createElement(zC,{variant:"ghost",onClick:S.bind(null,o||"")},te.createElement(OC,{size:16,color:"gray"})),te.createElement(Fm,{target:"_blank",href:`${ma}/swap/${o}`},te.createElement(QC,{size:16})))),te.createElement("div",{className:go()},te.createElement(ho,{variant:"label",size:"large",color:"neutral700"},`${bt.t(e.finishTime?"Finished at":"Created at")}:`),te.createElement(ho,{variant:"label",size:"small",color:"neutral700"},Z))),te.createElement("div",{className:_m()},te.createElement(HC,{fee:W(String(j),2,2),time:nn(rn(e.steps)),steps:R}),te.createElement(No,{from:{price:{value:W(e.inputAmount,6,6),usdValue:Fe,realUsdValue:_e,realValue:e.inputAmount},token:{displayName:G[0].from.token.displayName,image:G[0].from.token.image},chain:{image:G[0].from.chain.image,displayName:G[0].from.chain.displayName}},to:{price:{value:W($,6,6),usdValue:Te,realUsdValue:ke,realValue:$},token:{displayName:G[R-1].to.token.displayName,image:G[R-1].to.token.image},chain:{image:G[R-1].to.chain.image,displayName:G[R-1].to.chain.displayName}},percentageChange:W(Ue,2,2),warningLevel:yt(Ue??0)})),te.createElement("div",{className:Dm()},te.createElement(ho,{variant:"title",size:"small"},bt.t("Swaps steps"))),te.createElement(qC,{size:8}),te.createElement(Bm,{ref:y},G.map((gt,It)=>{let ua=It,yo=Mm(e.steps[It]),pd=yo==="error"||yo==="in-progress"||yo==="warning"||yo==="completed"&&It===G.length-1;return te.createElement(GC,{key:ua,step:gt,type:"swap-progress",ref:y,state:yo,hasSeparator:It!==0,tabIndex:ua,isFocused:pd,tooltipContainer:B()})}))),te.createElement(Xs,{state:f,onClose:()=>w(null),onCancel:I,onDelete:n,message:me.detailedMessage.content,currentStepWallet:O,walletButtonDisabled:!m}),te.createElement(Js,{open:!!k,diagnosisUrl:ee,onClose:()=>v(null),status:e.status==="success"?"success":"failed",priceValue:W($,6,6),usdValue:Te,realUsdValue:ke,realValue:pe($),percentageChange:W(Ue,2,2),token:{displayName:G[R-1].to.token.displayName,image:G[R-1].to.token.image},chain:{image:G[R-1].to.chain.image},description:Gr}))}i(ta,"SwapDetails");import{i18n as qr}from"@lingui/core";import{Divider as Gm,NotFound as eT,Skeleton as Zo,Typography as zr}from"@rango-dev/ui";import ce from"react";import{i18n as YC}from"@lingui/core";import{Divider as JC,Skeleton as ZC,Typography as RC}from"@rango-dev/ui";import fe from"react";import{css as rt,styled as oa}from"@rango-dev/ui";var Qm=oa("div",{width:"100%",height:"100%",padding:"$10 $20"}),Jo=oa("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Or=oa("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),N1=rt({display:"flex",justifyContent:"space-between",alignItems:"center"}),B1=rt({display:"flex",justifyContent:"space-between",alignItems:"center"}),P1=rt({paddingTop:"$15",display:"flex"}),$1=rt({padding:"$15 $0"}),_1=rt({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),D1=rt({paddingBottom:"$10"}),F1=rt({display:"flex",justifyContent:"start",alignItems:"center"}),U1=rt({paddingTop:"$5",display:"flex",alignItems:"center"}),O1=rt({display:"flex",alignItems:"center"}),q1=rt({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Hm=rt({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function na(){return fe.createElement(Qm,null,fe.createElement(_o,{type:"swap-preview"}),fe.createElement("div",{className:"swaps-steps"},fe.createElement(RC,{variant:"title",size:"small"},YC.t("Swaps steps"))),fe.createElement(fe.Fragment,null,fe.createElement(Jo,null,fe.createElement(mt,{separator:!1}),fe.createElement("div",{className:Hm()},fe.createElement(JC,{direction:"horizontal",size:20}),fe.createElement(ZC,{height:22,variant:"rectangular"}))),fe.createElement(Or,null),fe.createElement(Jo,null,fe.createElement(mt,{separator:!1})),fe.createElement(Or,null),fe.createElement(Jo,null,fe.createElement(mt,{separator:!1})),fe.createElement(Or,null),fe.createElement(Jo,null,fe.createElement(mt,{separator:!1}))))}i(na,"LoadingSwapDetails");function Vm(t){let{requestId:e,showSkeleton:o}=t;return ce.createElement(oe,{header:{title:qr.t("Swap and Bridge"),suffix:ce.createElement(to,null)}},o&&ce.createElement(Nm,null,ce.createElement(Dr,null,ce.createElement("div",{className:go()},ce.createElement(zr,{variant:"label",size:"large",color:"neutral700"},`${qr.t("Request ID")}:`),ce.createElement("div",{className:Fr()},ce.createElement(zr,{variant:"label",size:"small",color:"neutral700"},ce.createElement(Zo,{width:60,height:10,variant:"rounded"})),ce.createElement(Gm,{direction:"horizontal",size:4}),ce.createElement(Zo,{width:16,height:16,variant:"rectangular"}),ce.createElement(Gm,{direction:"horizontal",size:4}),ce.createElement(Zo,{width:16,height:16,variant:"rectangular"}))),ce.createElement("div",{className:go()},ce.createElement(zr,{className:$m(),variant:"label",size:"large",color:"neutral700"},ce.createElement(Zo,{width:60,height:10,variant:"rounded"})),ce.createElement(zr,{variant:"label",size:"small",color:"neutral700"},ce.createElement(Zo,{width:60,height:10,variant:"rounded"})))),ce.createElement(na,null)),!o&&ce.createElement(Pm,null,ce.createElement(eT,{title:qr.t("Not found"),description:qr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Vm,"SwapDetailsPlaceholder");function jm(){let{manager:t,state:e}=nT(),o=!e.loadedFromPersistor,n=Mt(t),{requestId:r}=iT(),s=lt(),{fetchStatus:a}=g();if(!r)return ra.createElement(rT,{containerStyles:{margin:"20px"},type:"error",title:tT.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&&oT(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?ra.createElement(Vm,{requestId:r,showSkeleton:l}):ra.createElement(ta,{swap:h,requestId:r,onCancel:u,onDelete:c})}i(jm,"SwapDetailsPage");import{i18n as Ro}from"@lingui/core";import{AutoThemeIcon as sT,DarkModeIcon as aT,LightModeIcon as lT,List as pT,ListItemButton as uT,Radio as ia,RadioRoot as cT,Typography as sa}from"@rango-dev/ui";import De from"react";function Km(){let{setTheme:t,theme:e}=g(),o=[{id:"light",value:"light",title:De.createElement(sa,{variant:"title",size:"xmedium"},Ro.t("Light")),onClick:()=>t("light"),start:De.createElement(lT,{color:"gray"}),end:De.createElement(ia,{value:"light"})},{id:"dark",value:"dark",title:De.createElement(sa,{variant:"title",size:"xmedium"},Ro.t("Dark")),onClick:()=>t("dark"),start:De.createElement(aT,{color:"gray"}),end:De.createElement(ia,{value:"dark"})},{id:"auto",value:"auto",title:De.createElement(sa,{variant:"title",size:"xmedium"},Ro.t("Auto")),onClick:()=>t("auto"),start:De.createElement(sT,{color:"gray"}),end:De.createElement(ia,{value:"auto"})}];return De.createElement(oe,{header:{title:Ro.t("Theme")}},De.createElement(se,null,De.createElement(cT,{onValueChange:n=>t(n),value:e},De.createElement(pT,{type:De.createElement(uT,{title:Ro.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Km,"ThemePage");function Xm(){return Wl(),gi(),mT([{path:_.home,element:$e.createElement(kc,null)},{path:_.routes,element:$e.createElement(Ac,null)},{path:_.fromSwap,children:[{index:!0,element:$e.createElement(Os,{type:"source"})},{path:_.blockchains,element:$e.createElement(vs,{type:"source"})}]},{path:_.toSwap,children:[{index:!0,element:$e.createElement(Os,{type:"destination"})},{path:_.blockchains,element:$e.createElement(vs,{type:"destination"})}]},{path:_.settings,children:[{index:!0,element:$e.createElement(cm,null)},{path:_.themes,element:$e.createElement(Km,null)},{path:_.languages,element:$e.createElement(vc,null)},{path:_.exchanges,element:$e.createElement(Cs,{sourceType:"Exchanges"})},{path:_.bridges,element:$e.createElement(Cs,{sourceType:"Bridges"})}]},{path:_.swaps,children:[{index:!0,element:$e.createElement(fc,null)},{path:_.swapDetails,element:$e.createElement(jm,null)}]},{path:_.wallets,element:$e.createElement(Ap,null)},{path:_.confirmSwap,element:$e.createElement(oc,null)}])}i(Xm,"AppRoutes");import{isApprovalTX as dT,MainEvents as Ym,RouteEventType as Jm,StepEventType as Zm,StepExecutionEventStatus as fT,useEvents as gT}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Rm}from"react";function ed(){let t=g().tokens(),e=K.use.connectedWallets(),o=K.use.getWalletsDetails(),n=Oe.use.setNotification(),r=gT();return Rm(()=>(r.on(Ym.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Zm.TX_EXECUTION&&a.status===fT.TX_SENT&&!dT(l)||a.type===Zm.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]),Rm(()=>(r.on(Ym.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Jm.FAILED||a.type===Jm.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(ed,"WidgetEvents");import{globalCss as hT}from"@rango-dev/ui";var td=i(()=>hT({"@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 od(){let{setWatermark:t}=ne();return{fetchApiConfig:i(async()=>{let o=await fetch(`${ht("BASE_URL")}/meta/dapp/config?apiKey=${ht("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(od,"useFetchApiConfig");import{styled as yT}from"@rango-dev/ui";var nd=yT("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 Qr(){td();let{config:t}=g(),{activeTheme:e}=qn(t?.theme||{}),{activeLanguage:o}=co(),[n,r]=rd(""),[s,a]=rd(),l=CT(Cn),{fetchApiConfig:p}=od();return TT(()=>{Oe.persist.rehydrate(),l.onConnectWallet(r),p().catch(console.log)},[]),en.createElement(ST,{language:o},en.createElement(nd,{id:"swap-container",className:e()},en.createElement(ed,null),en.createElement(Ra,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},en.createElement(Xm,null))))}i(Qr,"Main");import la,{useMemo as FT}from"react";import{checkWaitingForNetworkChange as kT,makeQueueDefinition as wT}from"@rango-dev/queue-manager-rango-preset";import{Provider as vT}from"@rango-dev/queue-manager-react";import{useWallets as xT}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as bT}from"@rango-dev/wallets-shared";import{isEvmBlockchain as IT}from"rango-types";import AT,{useMemo as ET}from"react";function WT(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=xT(),l=ET(()=>wT({API_KEY:t.apiKey||ht("API_KEY"),BASE_URL:ht("BASE_URL")}),[t.apiKey]),p=g().blockchains(),c={blockchains:K.use.connectedWallets().map(k=>({accounts:[k],name:k.chain}))},h=i(async(k,v)=>{if(s(k,v))return r(k,v)},"switchNetwork"),m=i(k=>!!a(k).mobileWallet,"isMobileWallet"),d=p.filter(k=>k.enabled).reduce((k,v)=>(k[v.name]=v,k),{}),C=p.filter(IT),S=i(k=>{let{supportedChains:v}=a(k);return ln(v)},"getSupportedChainNames"),y=e(),f={meta:{blockchains:d,evmBasedChains:C,evmNetworkChainInfo:bT(C),getSupportedChainNames:S},getSigners:o,wallets:c,providers:y,switchNetwork:h,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},w=ne.use.isActiveTab();return AT.createElement(vT,{queuesDefs:[l],context:f,onPersistedDataLoaded:k=>{kT(k)},isPaused:!w},t.children)}i(WT,"QueueManager");var id=WT;import{useManager as PT}from"@rango-dev/queue-manager-react";import $T,{createContext as _T,useContext as DT}from"react";import{cancelSwap as LT,getCurrentBlockchainOfOrNull as MT,getCurrentStep as NT,getRelatedWalletOrNull as BT}from"@rango-dev/queue-manager-rango-preset";var tn=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return Mt(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&&LT(o)}getCurrentStepInfo(e){let o=NT(e);return{step:o,wallet:o?BT(e,o):null,network:o?MT(e,o):null}}};i(tn,"WidgetHistory");var sd=_T(void 0);function aa(t){let{manager:e}=PT(),o=ne.use.isActiveTab(),n=V.use.retry(),r=new tn(e,{retrySwap:n}),s=K.use.connectedWallets(),a=K.use.loading(),l=wa(s),p=K.use.getWalletsDetails(),u=g().blockchains(),c=g().tokens(),h=g().swappers(),m=g().fetchStatus,d=co().resetLanguage,C=Oe().getUnreadNotifications(),S={isActiveTab:o,setCurrentTabAsActive:Ot.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 $T.createElement(sd.Provider,{value:S},t.children)}i(aa,"WidgetInfo");function ad(){let t=DT(sd);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(ad,"useWidget");function Hr(t){let{onUpdateState:e,config:o}=t;return FT(()=>{Ea({API_KEY:o?.apiKey||on,BASE_URL:o?.apiUrl||ca})},[o.apiKey,o.apiUrl]),la.createElement(Tn,{config:o,onUpdateState:e},la.createElement(id,{apiKey:o.apiKey},la.createElement(aa,null,t.children)))}i(Hr,"WidgetProvider");function ld(t){return UT(()=>(Ot.init(),Ot.destroy),[]),t.config?.externalWallets?pa.createElement(Qr,null):pa.createElement(Hr,{config:t.config??Zr},pa.createElement(Qr,null))}i(ld,"Widget");export{wq as EventSeverity,vq as MainEvents,Bq as Networks,_q as PendingSwapNetworkStatus,xq as RouteEventType,bq as StepEventType,Iq as StepExecutionBlockedEventStatus,Aq as StepExecutionEventStatus,Ee as UI_ID,Mq as WalletEvents,Pq as WalletTypes,ld as Widget,Hr as WidgetProvider,Tn as WidgetWallets,wi as customizedThemeTokens,Lq as readAccountAddress,Pp as useWallets,ad as useWidget,Eq as useWidgetEvents};
+var ld=Object.defineProperty;var i=(t,e)=>ld(t,"name",{value:e,configurable:!0});import{EventSeverity as Tq,MainEvents as kq,RouteEventType as wq,StepEventType as vq,StepExecutionBlockedEventStatus as xq,StepExecutionEventStatus as bq,useEvents as Iq}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as Eq,useWallets as Pp,Events as Wq}from"@rango-dev/wallets-react";import{Networks as Mq,WalletTypes as Nq}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as Pq}from"rango-types";import{UI_ID as pd}from"@rango-dev/ui";var nn="c6381a79-2817-4602-83bf-6a641a409e32",ua="https://api.rango.exchange",ca="https://scan.rango.exchange",Le={SWAP_BOX_ID:"rango-swap-box",...pd};import{Events as ei,Provider as Qd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Hd}from"rango-sdk";import Cn,{createContext as Gd,useEffect as Ya,useRef as Vd}from"react";import{useEffect as Id}from"react";import{create as vd}from"zustand";import{subscribeWithSelector as xd}from"zustand/middleware";import{RangoClient as kd}from"rango-sdk";import{WalletState as st}from"@rango-dev/ui";import{readAccountAddress as md}from"@rango-dev/wallets-react";import{detectInstallLink as dd,getCosmosExperimentalChainInfo as fd,isEvmAddress as gd,KEPLR_COMPATIBLE_WALLETS as RT,Networks as ga}from"@rango-dev/wallets-shared";import Gr from"bignumber.js";import{isCosmosBlockchain as hd}from"rango-types";import ud from"bignumber.js";var Me=new ud(0);import{WalletTypes as cd}from"@rango-dev/wallets-shared";var ma=[cd.LEAP];import{BigNumber as fa}from"bignumber.js";var rn=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 fa(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new fa(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 sn=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var it=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Co=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function pe(t){return W(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(pe,"formatTooltipNumbers");function Vr(t){switch(!0){case t.connected:return st.CONNECTED;case t.connecting:return st.CONNECTING;case!t.installed:return st.NOT_INSTALLED;default:return st.DISCONNECTED}}i(Vr,"mapStatusToWalletState");function ha(t,e,o,n){return o.filter(r=>!ma.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=Vr(t(r));return{title:s,image:a,link:dd(l),state:p,type:r}})}i(ha,"mapWalletTypesToWalletInfo");function pn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(pn,"walletAndSupportedChainsNames");function ya(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}=md(p),h=l.length>0,m=l.includes(c),d=c===ga.Unknown;if(h&&!m&&!d)return;let S=c===ga.Unknown&&gd(u);if(d&&!S)return;o.includes(c)||S?r?a(c,u.toLowerCase()):l.filter(w=>o.includes(w)).forEach(w=>{a(w,u.toLowerCase())}):a(c,u)}),s}i(ya,"prepareAccountsForWalletStore");function Sa(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(Sa,"getRequiredChains");function un(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(un,"isAccountAndWalletMatched");function Ca(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 Gr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Sd(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Ca,"makeBalanceFor");function Ta(t){return{...t,loading:!1,error:!0}}i(Ta,"resetConnectedWalletState");var ka=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 Gr(s?.amount||Me).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Me)||Me).toString();return yd(r)},"calculateWalletUsdValue");function yd(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(yd,"numberWithThousandSeparator");var Sd=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),cn=i((t,e)=>{let o=fd(Object.entries(t).map(([,n])=>n).filter(hd));return o&&o[e]?.experimental},"isExperimentalChain");function mn(t){return t?{...t,amount:W(t.amount,8,8),usdValue:W(t.usdValue,4,4)}:null}i(mn,"formatBalance");function Cd(t,e){return t?.usdValue&&e?.usdValue?parseFloat(e.usdValue)-parseFloat(t.usdValue):!t?.usdValue&&e?.usdValue?1:t?.usdValue&&!e?.usdValue?-1:!t?.usdValue&&!e?.usdValue?parseFloat(e?.amount||"0")-parseFloat(t?.amount||"0"):0}i(Cd,"sortTokensByBalance");function Td(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(Td,"sortTokensByPinnedToken");function wa(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=Td(n,r,o);return l!==0?l:Cd(s,a)}),t}i(wa,"sortTokens");function Ne(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Ne,"areTokensEqual");function va(t){return t.sort((e,o)=>+(o.state===st.CONNECTED)-+(e.state===st.CONNECTED)||+(o.state===st.DISCONNECTED||o.state===st.CONNECTING)-+(e.state===st.DISCONNECTED||e.state===st.CONNECTING))}i(va,"sortWalletsBasedOnConnectionState");function dn(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(dn,"getConciseAddress");function xa({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(xa,"getAddress");function jr(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(jr,"createTokenHash");function fn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Gr(o?.usdPrice??Me).multipliedBy(o?.amount).toString():""},r=o?jr({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(fn,"makeTokensBalance");var ba=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function Ia(t){return t.map(e=>e.state).join("-")}i(Ia,"hashWalletsState");var Kr={API_KEY:nn};function gt(t){return Kr[t]||""}i(gt,"getConfig");function Aa(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Kr=e,Kr}i(Aa,"initConfig");var Ea=20,Wa=25,La="Roboto",Xr="theme-widget",To=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Ne(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Ne(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),Yr=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var gn,At=i(()=>gn||(gn=new kd(gt("API_KEY"),gt("BASE_URL")),gn),"httpService");var wd=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"),Et=wd;var j=Et(vd()(xd((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:fn(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=>un(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await At().getWalletsDetails(a)).wallets;if(p)t(u=>{let c=u.connectedWallets.map(m=>{let d=o.find(S=>un(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:Ca(C,n),loading:!1}:m});return{loading:!1,balances:fn(c),connectedWallets:c}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(c=>o.find(h=>un(h,c))?Ta(c):c);return{loading:!1,balances:fn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=jr(o);return n[r]??null}}))));import{allProviders as bd}from"@rango-dev/provider-all";function hn(t,e){let o=bd({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(hn,"matchAndGenerateProviders");function Ma(t,e){return hn(t,e).map(r=>r.config.type)}i(Ma,"configWalletsToWalletName");function Na(t,e){let o=j.use.clearConnectedWallet(),n=hn(void 0,e);return Id(()=>{o(),n=hn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Na,"useWalletProviders");import _d,{createContext as Dd,useContext as Fd,useEffect as Ud,useRef as Od}from"react";import{create as Pd}from"zustand";import{persist as $d}from"zustand/middleware";var Jr={apiKey:"",title:void 0,multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},Ad={clientUrl:void 0},Ed={liquiditySources:void 0},Ba=i((t,e,o)=>({config:{...Jr,...t},iframe:Ad,campaignMode:Ed,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 yn(t){return Array.from(new Set(t))}i(yn,"removeDuplicateFrom");function Zr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Zr,"areEqual");function Pa(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Pa,"debounce");function Ot(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Ot,"containsText");var B=i(()=>document.getElementById(Le.SWAP_BOX_ID),"getContainer");function Sn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return yn(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(Sn,"getUniqueSwappersGroups");function $a(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i($a,"sortLiquiditySourcesByGroupTitle");function He(t,e){return e?.[t]==="hidden"}i(He,"isFeatureHidden");function _a(t,e){return e?.[t]==="enabled"}i(_a,"isFeatureEnabled");var Da=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&&To(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(Ot(p.symbol,o.searchFor)||Ot(p.address||"",o.searchFor)||Ot(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=>Ne(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($a)},fetch:async()=>{try{let o=await At().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 Wd,French as Ld,Japanese as Md,Portuguese as Nd,Spanish as Bd}from"@rango-dev/ui";var Fa=[{title:"English",label:"English",local:"en",SVGFlag:Wd},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Bd},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Ld},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Md},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:Nd}],ko="en";var Ua=[.5,1,3],Oa=1,qa=5,za=100,Qa=0;var Ha=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:Oa,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<=10-1;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=yn(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=He("theme",n),s=He("language",n),a=He("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:ko},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function Ga(t){return Pd()($d((...e)=>({...Da(...e),...Ha(...e),...Ba(t,...e)}),{name:"user-settings",skipHydration:!0,partialize:e=>({theme:e.theme,language:e.language,affiliatePercent:e.affiliatePercent,affiliateRef:e.affiliateRef,affiliateWallets:e.affiliateWallets,slippage:e.slippage,customSlippage:e.customSlippage,infiniteApprove:e.infiniteApprove,preferredBlockchains:e.preferredBlockchains,disabledLiquiditySources:e.disabledLiquiditySources})}))}i(Ga,"createAppStore");var Va=Dd(null);function g(){let t=Fd(Va);if(Ud(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(g,"useAppStore");function ja(t){let e=Od();return e.current||(e.current=Ga(t.config)),_d.createElement(Va.Provider,{value:e.current},t.children)}i(ja,"AppStoreProvider");import{create as zd}from"zustand";var Ka="rango-widget";var Yt=class{constructor(e){this.state="not-initiated";this.events={};this.init=()=>{this.initEvents(),this.tryClaim()};this.forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};this.isClaimed=()=>this.state==="claimed";this.destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};this.handleMessageEvent=e=>{let o=e.data.name;switch(o){case"ping":this.claimedByCurrentTab(e.data.pingAt);break;case"pong":this.alreadyClaimedByAnotherTab();break;case"force-claim":this.forceRelease(e.data.candidateId);break;case"force-release":this.tabId===e.data.candidateId&&this.claim();break;default:throw new Error(`${o} is not supported.`)}};this.handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};this.handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};this.channel=new BroadcastChannel(Ka),this.tabId=Math.trunc(Math.random()*1e5),this.events=e}initEvents(){this.channel.addEventListener("message",this.handleMessageEvent),document.addEventListener("visibilitychange",this.handleVisibilityChange),document.addEventListener("resume",this.handleResume)}claimedByCurrentTab(e){let o=this.lastTryClaim&&this.lastTryClaim<e;if(this.isClaimed()||o){let n={name:"pong"};this.channel.postMessage(n);return}}alreadyClaimedByAnotherTab(){this.resetLastCheck()}async tryClaim(){return this.setLastCheck(),new Promise(e=>{setTimeout(()=>{this.check(),e()},300)})}check(){this.state==="not-initiated"&&this.events.onInit?.(),this.lastTryClaim?(this.claim(),this.resetLastCheck()):this.state="not-claimed"}claim(){this.state="claimed",this.events.onClaim?.()}setLastCheck(){this.lastTryClaim=Date.now();let e={name:"ping",pingAt:this.lastTryClaim};this.channel.postMessage(e)}resetLastCheck(){this.lastTryClaim=void 0}forceRelease(e){if(this.isClaimed()){this.state="not-claimed",this.events.onRelease?.();let o={name:"force-release",candidateId:e};this.channel.postMessage(o)}}};i(Yt,"TabManager");var ne=Et(zd()((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})}}))),qt=new Yt({onInit:()=>ne.setState({tabManagerInitiated:!0}),onClaim:()=>ne.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>ne.setState({isActiveTab:!1})});var Tn=Gd({onConnectWallet:()=>{}});function jd(t){let{updateConfig:e,updateSettings:o,fetch:n}=g(),r=g().blockchains(),s=g().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:l}=Na(t.config.wallets,a),{connectWallet:p,disconnectWallet:u}=j(),c=Vd();Ya(()=>{n().catch(console.log)},[]),Ya(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let h=r.filter(Hd).map(C=>C.name),m=i((C,S,y,f,w)=>{if(S===ei.ACCOUNTS)if(y){let k=pn(w.supportedBlockchains),v=ya(C,y,h,k,w.isContractWallet);v.length&&p(v,s)}else u(C);if(S===ei.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===ei.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,w)},"onUpdateState"),d=ne.use.isActiveTab();return Cn.createElement(Tn.Provider,{value:{onConnectWallet:C=>{c.current=C}}},Cn.createElement(Qd,{allBlockChains:r,providers:l,onUpdateState:m,autoConnect:!!d},t.children))}i(jd,"Main");function kn(t){let{config:e,...o}=t;return Cn.createElement(ja,{config:e},Cn.createElement(jd,{...o,config:e}))}i(kn,"WidgetWallets");import la,{useEffect as DT}from"react";import{I18nManager as hT}from"@rango-dev/ui";import tn,{useContext as yT,useEffect as ST,useState as od}from"react";import{useQueueManager as Jd}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Zd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Rd}from"rango-types";import ef,{Fragment as tf}from"react";import{MemoryRouter as of,useInRouterContext as nf}from"react-router";import{useWallets as Kd}from"@rango-dev/wallets-react";import{useEffect as Xd,useRef as Yd}from"react";function Za(){let{connect:t,state:e}=Kd(),o=Yd({}),{fetchStatus:n}=g(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Xd(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(Za,"useForceAutoConnect");function Ra({children:t,...e}){let n=nf()?tf:of,r=g().blockchains(),{canSwitchNetworkTo:s}=Zd();Za();let a=r.filter(Rd);return Jd({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),ef.createElement(n,null,t)}i(Ra,"AppRouter");import De from"react";import{useRoutes as uT}from"react-router-dom";var $={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId",routes:"routes"};import{useEffect as Rt,useRef as Ln}from"react";import Lt from"bignumber.js";import{create as uf}from"zustand";import{subscribeWithSelector as cf}from"zustand/middleware";import{getLastSuccessfulStep as pf}from"@rango-dev/queue-manager-rango-preset";import Dv from"bignumber.js";import{i18n as at}from"@lingui/core";var ti={"Network Fee":at.t("Network Fee"),"Swapper Fee":at.t("Protocol Fee"),"Affiliate Fee":at.t("Affiliate Fee"),"Outbound network fee":at.t("Outbound Fee"),"Rango Fee":at.t("Rango Fee")},tv={SPEED:at.t("Fastest Transfer"),NET_OUTPUT:at.t("Maximum Return"),FEE:at.t("Lowest Fee"),PRICE:at.t("Maximum Output"),SMART:at.t("Smart Routing")},oi=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"];var Wt=(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))(Wt||{});function el(t,e){return e.find(o=>o.name===t)?.displayName}i(el,"getBlockchainDisplayNameFor");function Ge(t,e){return e.find(o=>o.name===t)?.shortName}i(Ge,"getBlockchainShortNameFor");function wo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(wo,"getSwapperDisplayName");function ni(t,e){return e.find(o=>Ne(o,t))??null}i(ni,"findToken");function ri(t,e){return e.find(o=>o.name===t)??null}i(ri,"findBlockchain");import{i18n as Ye}from"@lingui/core";import Be from"bignumber.js";import{PendingSwapNetworkStatus as bn}from"rango-types";function wn(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(wn,"getRequiredWallets");function vn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(vn,"isValidAddress");import{i18n as be}from"@lingui/core";var K=i(()=>({genericServerError:be.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:be.t("Please reset your liquidity sources."),description:be.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:be.t("No Routes Found."),description:be.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:be.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:be.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:be.t("High Price Impact"),title:be.t("Price impact is too high!"),description:be.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:be.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:be.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:be.t("USD Price Unknown"),title:be.t("USD Price Unknown, Cannot calculate Price Impact."),description:be.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:be.t("Confirm USD Price Unknown")}}),"errorMessages");function tl(t){switch(t.type){case 0:return t.diagnosisMessage??K().noResultError.title;case 1:return K().genericServerError;default:return""}}i(tl,"getQuoteErrorMessage");import{i18n as xn}from"@lingui/core";var Qt=i(()=>({connectWallet:xn.t("Connect Wallet"),swap:xn.t("Swap"),swapAnyway:xn.t("Swap anyway"),ethWarning:xn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function ol(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Be(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Be(1e3)))??!1}i(ol,"hasHighValueLoss");function nl(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new Be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Be(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(nl,"hasLimitError");function rl(t){let e=(t||[]).filter(l=>{let p=l.fromAmountMinValue?new Be(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new Be(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 Be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Be(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Ye.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=Ye.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=Ye.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=Ye.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(rl,"getLimitErrorMessage");function il(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(il,"getSwapButtonState");function ii(t,e,o){return!((!o||o.lte(Me))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(ii,"canComputePriceImpact");function rf(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(rf,"requiredWallets");var sf=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function af(t,e){let o=Me;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=sf(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Be(r.amount).multipliedBy(s||0))}return o}i(af,"getUsdFeeOfStep");function In(t,e){return t.reduce((o,n)=>o.plus(af(n,e)),Me)}i(In,"getTotalFeeInUsd");function si(t){let e=Me;return e=e.plus(new Be(t.amount).multipliedBy(t.price||0)),e}i(si,"getUsdFee");function sl(t){return t.reduce((e,o)=>e.plus(si(o)),Me)}i(sl,"getTotalFeesInUsd");function al(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(al,"getFeesGroup");function ll(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(ll,"checkSlippageErrors");function pl(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(pl,"checkSlippageWarnings");function An(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(An,"getMinRequiredSlippage");function ul(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(ul,"hasProperSlippage");function cl(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,w)=>(f[w.chain]=w.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(cl,"createQuoteRequestBody");function ml(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(ml,"getWalletsForNewSwap");function Jt(t){return t?.outputAmount||null}i(Jt,"getQuoteOutputAmount");function dl(t,e){return new Be(e).div(new Be(t)).minus(1).multipliedBy(100).toNumber()}i(dl,"getPercentageChange");function fl(t,e){let o=Jt(t),n=Jt(e);if(!o||!n)return!1;let r=Ve(o,n);return r?r<=-1:!0}i(fl,"isOutputAmountChangedALot");function gl(t,e,o){let n=t.validationStatus,r=Sa(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>Tl(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=W(new Be(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=W(new Be(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),c="";return a.reason==="FEE"&&(c=Ye.t(" for network fee")),a.reason==="INPUT_ASSET"&&(c=Ye.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(c=Ye.t(" for input and network fee")),Ye.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:Ge(a.asset.blockchain,o)}})})}i(gl,"generateBalanceWarnings");function En(t,e){return(t?new Be(t):Me).multipliedBy(e||0)}i(En,"calcOutputUsdValue");function vo(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==bn.NetworkChanged}i(vo,"isNetworkStatusInWarningState");function hl(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),vo(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case bn.WaitingForConnectingWallet:n=n||Ye.t("Waiting for connecting wallet");break;case bn.WaitingForQueue:n=n||Ye.t("Waiting for other running tasks to be finished");break;case bn.WaitingForNetworkChange:n=n||Ye.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(hl,"getSwapMessages");function yl(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(yl,"getLastConvertedTokenInFailedSwap");function Sl(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Sl,"shouldRetrySwap");function Cl(t,e,o,n,r,s){return t||!e&&!rf(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!vn(s,o)}i(Cl,"confirmSwapDisabled");function Wn(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(Wn,"getQuoteToTokenUsdPrice");function ai(t,e){let o=t?.swaps||[],n=e?.swaps||[];return o.length!==n.length}i(ai,"isNumberOfSwapsChanged");function li(t,e){let o=t?.swaps.map(r=>r.swapperId)||[],n=e?.swaps.map(r=>r.swapperId)||[];return!Zr(o,n)}i(li,"isQuoteSwappersUpdated");function pi(t,e){let o=t?.swaps.map(r=>r.to.symbol)||[],n=e?.swaps.map(r=>r.to.symbol)||[];return!Zr(o,n)}i(pi,"isQuoteInternalCoinsUpdated");function wl(t,e){return ai(t,e)||li(t,e)||pi(t,e)}i(wl,"isQuoteChanged");function Tl(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(Tl,"getRequiredBalanceOfWallet");function ht(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(ht,"getPriceImpactLevel");function vl(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=pf(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=ri(s?s.toBlockchain:n.fromBlockchain,e),p=ri(r.toBlockchain,e),u=ni(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=ni(a,o),h=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:h}}i(vl,"createRetryQuote");function Zt(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=Ve(a.toString(),l.toString());if(!!c&&ol(a,c)){let m=In(t?.swaps,r),d=ht(c);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:c,totalFee:m,warningLevel:d}}}else if(t&&(!a||!l))return{type:1};let p=An(t.swaps),u=s>qa;if(ul(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:pl(t,s),minRequiredSlippage:p};return null}i(Zt,"generateQuoteWarnings");function Ve(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:dl(t.toString(),e.toString());return n&&n<0?n:null}i(Ve,"getPriceImpact");var xl=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"),bl=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"),Il=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"),Al=i(t=>{let e=i((o,n)=>{let r=oi.indexOf(o.value),s=oi.indexOf(n.value);return r!==-1&&s!==-1?r-s:r!==-1?-1:s!==-1?1:0},"customSort");return t.sort(e)},"sortTags"),El=i(t=>{switch(t){case"FASTEST":return"#06C270";case"RECOMMENDED":return"#469BF5";case"LOWEST_FEE":return"#FF4DAD";case"HIGH_IMPACT":return"#FF3B3B";case"CENTRALIZED":default:return"#FFF1D4"}},"getRouteTagColor");var Ht=i((t,e)=>t?.usdPrice?new Lt(e||Me).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),V=Et(uf()(cf(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Lt(0),outputUsdValue:new Lt(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=Me;return Co(o.inputAmount)?(e&&(n=e?.outputAmount?new Lt(e?.outputAmount):null,r=En(e?.outputAmount,Wn(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 Lt(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 Lt(0),outputUsdValue:new Lt(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}=vl(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:Ht(a??null,u),outputUsdValue:new Lt(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 Wl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=V(),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,w=u?.to?.tokens,k=u?.to?.blockchains,v=Ln(void 0),I=Ln(void 0),x=Ln(void 0),T=Ln(void 0);Rt(()=>{t(u?.amount?.toString()||"")},[u?.amount]),Rt(()=>{if(c==="success"){let b=h.find(L=>L.name===u?.from?.blockchain),N=m.find(L=>Ne(L,u?.from?.token||null));(b||!b&&x.current)&&n(b??null),N?r({token:N,meta:{blockchains:h,tokens:m}}):!N&&v.current&&r({token:null}),x.current=u?.from?.blockchain,v.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,c]),Rt(()=>{To(s,y)&&r({token:null}),Yr(l,f)&&n(null)},[y,f]),Rt(()=>{To(a,w)&&r({token:null}),Yr(p,k)&&o(null)},[w,k]),Rt(()=>{if(c==="success"){let b=h.find(L=>L.name===u?.to?.blockchain),N=m.find(L=>Ne(L,u?.to?.token||null));(b||!b&&T.current)&&o(b??null),N?e({token:N,meta:{blockchains:h,tokens:m}}):!N&&I.current&&e({token:null}),T.current=u?.to?.blockchain,I.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,c]),Rt(()=>{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(Wl,"useSyncStoresWithConfig");import{useEffect as mi,useRef as mf}from"react";import{useInRouterContext as df,useLocation as ff,useSearchParams as gf}from"react-router-dom";function ui(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(ui,"searchParamToToken");function ci(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(ci,"tokenToSearchParam");function di(){let t=ff(),[e,o]=gf(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:u,setFromToken:c,setToToken:h,setInputAmount:m}=V(),d=g().fetchStatus,C=g().blockchains(),S=g().tokens(),y=df(),{updateIframe:f,updateCampaignMode:w}=g(),k=g().isInCampaignMode(),v=mf(),I=i(()=>{let T=e.get("fromAmount"),b=e.get("fromBlockchain"),N=e.get("fromToken"),L=e.get("toBlockchain"),M=e.get("toToken"),E=e.get("autoConnect"),q=e.get("clientUrl"),R=e.get("liquiditySources");return{fromAmount:T,fromBlockchain:b,fromToken:N,toBlockchain:L,toToken:M,autoConnect:E,clientUrl:q,liquiditySources:R}},"getUrlSearchParams"),x=i(T=>{for(let b in T)T[b]||delete T[b];o(T,{replace:!0})},"updateUrlSearchParams");mi(()=>{let{autoConnect:T,clientUrl:b}=I();y&&d==="success"&&x({["fromBlockchain"]:n?.name,["fromToken"]:ci(s),["toBlockchain"]:r?.name,["toToken"]:ci(a),["fromAmount"]:l,["autoConnect"]:T??void 0,["clientUrl"]:b??void 0,["liquiditySources"]:k?v.current:void 0})},[t.pathname,l,n,s,r,a,k]),mi(()=>{if(!y)return;let T=I();if(!v.current&&T.liquiditySources&&(v.current=T.liquiditySources),T.fromAmount&&m(T.fromAmount),d==="success"){let b=C.find(E=>E.name===T.fromBlockchain),N=ui(S,T.fromToken,b??null),L=C.find(E=>E.name===T.toBlockchain),M=ui(S,T.toToken,L??null);b&&(p(b),N&&c({token:N,meta:{blockchains:C,tokens:S}})),L&&(u(L),M&&h({token:M,meta:{blockchains:C,tokens:S}}))}},[d]),mi(()=>{let{clientUrl:T,liquiditySources:b}=I();f("clientUrl",T||void 0),w("liquiditySources",b?.split(",")??void 0)},[])}i(di,"useSyncUrlAndStore");import{i18n as hr}from"@lingui/core";import{useManager as ty}from"@rango-dev/queue-manager-react";import{Alert as ec,Button as oy,css as ss,Divider as is,IconButton as tc,SettingsIcon as ny,styled as ry,Tooltip as iy,Typography as sy,WalletIcon as ay}from"@rango-dev/ui";import ue,{useEffect as Oo,useLayoutEffect as ly,useRef as py,useState as yr}from"react";import{flushSync as uy}from"react-dom";import{useLocation as cy,useNavigate as my}from"react-router-dom";import{i18n as pt}from"@lingui/core";import{Alert as Ui,BalanceErrors as Gg,Button as $p,ChevronDownIcon as Vg,ChevronLeftIcon as jg,Divider as io,MessageBox as Kg,Typography as Rn,WalletIcon as Xg}from"@rango-dev/ui";import _,{useEffect as Yg,useState as so}from"react";import{useNavigate as Jg}from"react-router-dom";import{i18n as Mn}from"@lingui/core";function Nn(t){switch(t.type){case 0:return Mn.t("Route has been updated.");case 3:return Mn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Mn.t("Route swappers has been updated.");case 2:return Mn.t("Route internal coins has been updated.");default:return""}}i(Nn,"getQuoteUpdateWarningMessage");import{Modal as yf}from"@rango-dev/ui";import Sf from"react";function ae(t){let{watermark:e}=ne();return Sf.createElement(yf,{hasWatermark:e==="FULL",...t},t.children)}i(ae,"WatermarkedModal");import _n,{useRef as kf}from"react";import*as eo from"@radix-ui/react-collapsible";import{keyframes as Ll,styled as Bn}from"@rango-dev/ui";var fi=300,Cf=Ll({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Tf=Ll({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Ml=Bn(eo.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),gi=Bn(eo.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),Pn=Bn(eo.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Cf} ${fi}ms ease-out`},false:{animation:`${Tf} ${fi}ms ease-out`}}}}),$n=Bn("div",{transition:`all ${fi}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Dn(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=kf(null);return _n.createElement(Ml,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&_n.createElement(gi,{className:"collapsible_trigger",onClick:s},a),_n.createElement(Pn,{className:"collapsible_content",open:e},r),l==="bottom"&&_n.createElement(gi,{className:"collapsible_trigger",onClick:s},a))}i(Dn,"CustomCollapsible");import{Button as wf,css as Nl,darkTheme as to,IconButton as vf,styled as je,TextField as xf}from"@rango-dev/ui";var Bl=je("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Pl=je("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),bf=je("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${to} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${to} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${to} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),$l=je(bf,{alignSelf:"stretch",minHeight:"93px"}),_l=je("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Dl=je(vf,{position:"absolute",left:"$20"}),Fl=je("div",{paddingTop:"$20"}),Ul=Nl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ol=je("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),ql=Nl({paddingTop:"$5"}),zl=je("div",{display:"flex"}),Ql=je(xf,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Hl=je("div",{overflow:"visible",width:"100%"}),Gl=je(wf,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${to} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${to} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${to} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as Ze}from"@lingui/core";import{Button as qg,Divider as Di,Image as zg,MessageBox as Zn,SelectableWallet as Qg,Typography as Mp,WalletState as Np}from"@rango-dev/ui";import le,{useEffect as Bp,useState as Eo}from"react";import{WalletState as hi}from"@rango-dev/ui";import{useWallets as If}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Af,WalletTypes as Fn}from"@rango-dev/wallets-shared";import{useCallback as Ef,useEffect as Wf,useState as Lf}from"react";var Mf=Object.values(Fn);function Un(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=If(),{connectedWallets:u}=j(),c=g().blockchains(),h=Ma(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Mf,m=ha(s,l,h,o),d=va(m),[C,S]=Lf(""),y=i(I=>!u.find(x=>x.walletType===I&&x.chain===o),"isExperimentalChainNotAdded"),f=i(async I=>{let x=s(I);try{if(C&&S(""),x.connected)await a(I);else{let T=!!m.find(b=>b.state===hi.CONNECTED);if(!e?.multiWallets&&T)return;n?.(I),await p(I),r?.(I)}}catch(T){S("Error: "+T?.message)}},"handleClick"),w=Ef(()=>{let I=m?.filter(x=>x.state===hi.CONNECTING)||[];for(let x of I)a(x.type)},[Ia(m)]);Wf(()=>()=>{w()},[]);let k=i(I=>I.filter(T=>T.state!=hi.NOT_INSTALLED&&![Fn.DEFAULT,Fn.WALLET_CONNECT_2].includes(T.type)&&l(T.type).supportedChains.filter(b=>b.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),v=i((I,x,T)=>cn(T,x)&&y(I)&&!Af.includes(I)||I==Fn.DEFAULT&&!k(m),"shouldExcludeWallet");return{list:d.filter(I=>!v(I.type,o??"",c)),error:C,handleClick:f,disconnectConnectingWallets:w}}i(Un,"useWalletList");import{i18n as xp}from"@lingui/core";import{styled as Ip,Typography as Pg,Wallet as $g,WalletState as _g}from"@rango-dev/ui";import ro,{useState as bp}from"react";import{useManager as xg}from"@rango-dev/queue-manager-react";import{BottomLogo as bg,Divider as hp,Header as Ig}from"@rango-dev/ui";import de,{useEffect as yp,useRef as Sp}from"react";import{useRef as Nf}from"react";function On(){return window.self!==window.top}i(On,"isAppLoadedIntoIframe");function yi(){let t=Nf(null),{iframe:e}=g(),o=On()&&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(yi,"useIframe");import{useNavigate as Bf}from"react-router-dom";function lt(){let t=Bf();return()=>t(-1)}i(lt,"useNavigateBack");import{createTheme as ki,darkTheme as Ff,lightTheme as Uf}from"@rango-dev/ui";import{useEffect as Xl,useState as Of}from"react";import{theme as _f,darkColors as Df}from"@rango-dev/ui";var Vl=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"),qn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:Vl(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:Vl(e,-((l-5)*25))});return a},"generateRangeColors"),Si=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=qn(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,...qn(s,a)}}return n?r:{}},"generateColors");var jl=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Pf=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=jl(o%52)+e;return jl(o%52)+e},"toAlphabeticName"),$f=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Ci=i(t=>Pf($f(5381,JSON.stringify(t))>>>0),"toHash");function Ti(t){let e=_f.colors,o=Si({...e,...Df},!0,t?.dark),n=Si(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:`${Xr}-light-${Ci(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${Xr}-dark-${Ci(p)}`,tokens:p}}return{light:a,dark:l}}i(Ti,"customizedThemeTokens");function Kl(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(Kl,"joinList");function zn(t){let{colors:e,fontFamily:o=La,borderRadius:n=Ea,secondaryBorderRadius:r=Wa,mode:s="auto"}=t,[a,l]=Of("light"),{setTheme:p,theme:u}=g(),{dark:c,light:h}=Ti(e),m=ki({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[m.className,Uf.className],C=[m.className,Ff.className];if(h){let y=ki(h.id,h.tokens);d.push(y.className)}if(c){let y=ki(c.id,c.tokens);C.push(y.className)}return Xl(()=>{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)}},[]),Xl(()=>{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(zn,"useTheme");var Mt=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 Yl}from"@lingui/core";import{Alert as qf,Button as zf}from"@rango-dev/ui";import Jl from"react";function wi(t){return Jl.createElement(qf,{action:Jl.createElement(zf,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},Yl.t("Activate")),type:"warning",variant:"alarm",title:Yl.t("Another tab is open and handles transactions. You can activate this tab.")})}i(wi,"ActivateTabAlert");import{i18n as vi}from"@lingui/core";import{Button as Qf,Divider as Hf,MessageBox as Gf}from"@rango-dev/ui";import Qn from"react";function xi(t){let{open:e,onClose:o,onConfirm:n}=t;return Qn.createElement(ae,{open:e,dismissible:!0,onClose:o,container:B()},Qn.createElement(Gf,{title:vi.t("Activate current tab"),type:"warning",description:vi.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.")},Qn.createElement(Hf,{size:20}),Qn.createElement(Qf,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},vi.t("Confirm"))))}i(xi,"ActivateTabModal");import{ChevronLeftIcon as Kf}from"@rango-dev/ui";import tp from"react";import{darkTheme as Vf,IconButton as jf,styled as xo}from"@rango-dev/ui";var Ke=xo(jf,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Zl=xo("div",{position:"absolute",background:"$secondary500",[`.${Vf} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),oo=xo("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Rl=xo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),ep=xo("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function bi(t){return tp.createElement(Ke,{variant:"ghost",size:"small",onClick:t.onClick},tp.createElement(Kf,{color:"black",size:16}))}i(bi,"BackButton");import{i18n as Xf}from"@lingui/core";import{Button as Yf,Typography as Jf}from"@rango-dev/ui";import Ii from"react";function Ai(t){return Ii.createElement(oo,null,Ii.createElement(Yf,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Ii.createElement(Jf,{variant:"label",size:"medium",color:"error500"},Xf.t("Cancel"))))}i(Ai,"CancelButton");import{i18n as Zf}from"@lingui/core";import{Tooltip as Rf,WalletIcon as eg}from"@rango-dev/ui";import Hn from"react";function Ei(t){return Hn.createElement(Rf,{container:t.container,side:"top",content:Zf.t("Connect Wallet")},Hn.createElement(Ke,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Hn.createElement(Zl,null),Hn.createElement(eg,{size:18,color:"black"})))}i(Ei,"WalletButton");import{i18n as Kn}from"@lingui/core";import{NotificationsIcon as Tg,Popover as kg,SettingsIcon as wg,Tooltip as Xn,TransactionIcon as vg}from"@rango-dev/ui";import ve from"react";import{i18n as lg}from"@lingui/core";import{EventSeverity as pg}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as ap,ChevronRightIcon as ug,ListItemButton as cg,Typography as mg}from"@rango-dev/ui";import Je from"react";import{useNavigate as dg}from"react-router-dom";import{create as tg}from"zustand";import{persist as og,subscribeWithSelector as ng}from"zustand/middleware";var Oe=Et(tg()(og(ng((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,address:r.fromSymbolAddress,symbol:r.fromSymbol},to:{blockchain:s.toBlockchain,address:s.toSymbolAddress,symbol:s.toSymbol}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{styled as Gn}from"@rango-dev/ui";var op=Gn("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),np=Gn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),rp=Gn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),ip=Gn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as rg}from"@lingui/core";import{Divider as ig,NoNotificationIcon as sg,Typography as ag}from"@rango-dev/ui";import Vn from"react";function sp(){return Vn.createElement(ip,null,Vn.createElement(sg,{color:"secondary",size:26}),Vn.createElement(ig,{size:12}),Vn.createElement(ag,{variant:"body",size:"medium",color:"neutral700"},rg.t("There are no notifications.")))}i(sp,"NotificationNotFound");var fg=4;function Wi(){let t=dg(),{getUnreadNotifications:e}=Oe(),o=e(),n=g().blockchains(),r=g().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,fg),a=i(l=>{t(`${$.swaps}/${l}`)},"handleOnClick");return Je.createElement(op,null,s.length?Je.createElement(np,null,s.map(l=>{let{route:p,requestId:u,event:c}=l,h=r.find(S=>Ne(S,p.from)),m=n.find(S=>S.name===p.from.blockchain),d=r.find(S=>Ne(S,p.to)),C=n.find(S=>S.name===p.to.blockchain);return Je.createElement(cg,{key:u,onClick:()=>a(u),title:Je.createElement(mg,{variant:"body",size:"small",color:c.messageSeverity===pg.WARNING?"$foreground":"$neutral700"},lg.t(c.message)),id:u,start:Je.createElement(rp,null,Je.createElement("div",{className:"from-chain-token"},Je.createElement(ap,{tokenImage:h?h.image:"",chainImage:m?m.logo:"",size:"small"})),Je.createElement("div",{className:"to-chain-token"},Je.createElement(ap,{tokenImage:d?d.image:"",chainImage:C?C.logo:"",size:"small"}))),end:Je.createElement(ug,{size:12,color:"gray"})})})):Je.createElement(sp,null))}i(Wi,"NotificationContent");import{RefreshProgressButton as gg}from"@rango-dev/ui";import Li,{useEffect as hg,useState as lp}from"react";var yg=1e3,pp=60,Sg=100;function jn({onClick:t}){let[e,o]=lp(0),[n,r]=lp(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");hg(()=>{let p;return t?p=window.setInterval(()=>{o(u=>u+1),e===pp&&l()},yg):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 Li.createElement(Ke,{variant:"ghost",size:"small",onClick:l,disabled:!t},Li.createElement(ep,{onTransitionEnd:()=>r(!1),isRefetched:n},Li.createElement(gg,{size:24,color:t?"black":"gray",progress:e/pp*Sg})))}i(jn,"RefreshButton");import{Typography as Cg}from"@rango-dev/ui";import up from"react";function cp(){let{getUnreadNotifications:t}=Oe(),e=t().length;return e?up.createElement(Rl,null,up.createElement(Cg,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(cp,"UnreadNotificationsBadge");function bo(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n,hidden:r=[]}=t,{config:{features:s}}=g(),a=He("notification",s)||r.includes("notifications");return ve.createElement(ve.Fragment,null,!r.includes("refresh")&&ve.createElement(Xn,{container:B(),side:"top",content:Kn.t("Refresh")},ve.createElement(jn,{onClick:e})),!a&&ve.createElement(kg,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:B(),content:ve.createElement(Wi,null)},ve.createElement("div",null,ve.createElement(Xn,{container:B(),side:"top",content:Kn.t("Notifications")},ve.createElement(Ke,{size:"small",variant:"ghost"},ve.createElement(Tg,{size:18,color:"black"}),ve.createElement(cp,null))))),!r.includes("settings")&&ve.createElement(Xn,{container:B(),side:"top",content:Kn.t("Settings")},ve.createElement(Ke,{size:"small",variant:"ghost",onClick:n},ve.createElement(wg,{size:18,color:"black"}))),!r.includes("history")&&ve.createElement(Xn,{container:B(),side:"top",content:Kn.t("Transactions History")},ve.createElement(Ke,{size:"small",variant:"ghost",onClick:o},ve.createElement(vg,{size:18,color:"black"}))))}i(bo,"HeaderButtons");function Mi(t){let e=t.target;if(e){let o=e.scrollTop,n=B();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(Mi,"onScrollContentAttachStatusToContainer");import{styled as Ni}from"@rango-dev/ui";var mp="700px",dp=Ni("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",width:"100vw",minWidth:"300px",maxWidth:"390px",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",overflow:"hidden",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:mp},fixed:{height:mp}}}}),fp=Ni("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),gp=Ni("div",{padding:"0 $20 $10","& .footer__logo":{opacity:0,transition:"opacity 1s ease-in-out","&.logo__show":{opacity:1},"&.logo__hidden":{visibility:"hidden"}}});function oe(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=yi(),{children:n,header:r,footer:s,height:a="fixed"}=t,l=j.use.connectedWallets(),{config:{features:p,theme:u}}=g(),{watermark:c}=ne(),h=c==="FULL",{activeTheme:m}=zn(u||{}),d=He("connectWalletButton",p),{isActiveTab:C,tabManagerInitiated:S,showActivateTabModal:y,setShowActivateTabModal:f,activateCurrentTab:w}=ne(),k=lt(),{manager:v}=xg(),x=Mt(v).map(({swap:E})=>E).some(E=>E.status==="running"),T=i(()=>w(qt.forceClaim,x),"onActivateTab"),b=i(()=>{r.onWallet?.()},"onConnectWallet"),N=typeof r.hasBackButton>"u"||r.hasBackButton,L=Sp(null),M=Sp(null);return yp(()=>(On()&&M.current&&e(M.current),()=>{o()}),[]),yp(()=>(L.current?.addEventListener("scroll",Mi),()=>{L.current?.removeEventListener("scroll",Mi)}),[]),de.createElement(dp,{height:a,id:Le.SWAP_BOX_ID,className:m(),ref:M},de.createElement(Ig,{prefix:de.createElement(de.Fragment,null,N&&de.createElement(bi,{onClick:()=>{k(),r.onBack&&r.onBack()}})),title:r.title,suffix:de.createElement(de.Fragment,null,r.suffix,r.onWallet&&!d&&de.createElement(Ei,{container:B(),onClick:b,isConnected:!!l?.length}),r.onCancel&&de.createElement(Ai,{onClick:r.onCancel}))}),de.createElement(fp,{ref:L},n),de.createElement(xi,{open:y,onClose:()=>f(!1),onConfirm:T}),de.createElement(gp,null,de.createElement("div",{className:"footer__content"},s,S&&!C&&de.createElement(de.Fragment,null,de.createElement(hp,{size:12}),de.createElement(wi,{onActivateTab:T}))),de.createElement(hp,{size:12}),de.createElement("div",{className:`footer__logo ${h?"logo__show":"logo__hidden"}`},de.createElement(bg,null))))}i(oe,"Layout");import{styled as Ag}from"@rango-dev/ui";var Cp="$20 $20 $10 $20",Io=Ag("div",{padding:Cp,overflowY:"auto",flexGrow:1});import{styled as Eg}from"@rango-dev/ui";var se=Eg("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 Bg}from"@rango-dev/ui";import Pi from"react";import{i18n as no}from"@lingui/core";import{Image as Mg,MessageBox as Bi,WalletState as Ng}from"@rango-dev/ui";import Gt from"react";import{keyframes as Wg,styled as Yn}from"@rango-dev/ui";var VA=Yn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Tp=Yn("div",{position:"relative"}),Lg=Wg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),kp=Yn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Lg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),wp=Yn("div",{"& img":{borderRadius:"50%"}});function vp(t){let{state:e,image:o,error:n}=t;return e===Ng.CONNECTED?Gt.createElement(Bi,{type:"success",title:no.t("Wallet Connected"),description:no.t("Your wallet is connected, you can use it to swap.")}):n?Gt.createElement(Bi,{type:"error",title:no.t("Failed to Connect"),description:n||no.t("Your wallet is not connected. Please try again.")}):Gt.createElement(Bi,{type:"loading",title:no.t("Connecting to your wallet"),description:no.t("Click connect in your wallet popup."),icon:Gt.createElement(Tp,null,Gt.createElement(wp,null,Gt.createElement(Mg,{src:o,size:45})),Gt.createElement(kp,null))})}i(vp,"ModalContent");function Ao(t){let{open:e,onClose:o,...n}=t;return Pi.createElement(ae,{open:e,onClose:o,container:document.getElementById(Le.SWAP_BOX_ID)||document.body},Pi.createElement(vp,{...n}),Pi.createElement(Bg,{direction:"vertical",size:32}))}i(Ao,"WalletModal");var Dg=Ip("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Fg=Ip(se,{textAlign:"center"}),Jn=3e3,$i=300;function Ap(){let{config:t,fetchStatus:e}=g(),[o,n]=bp(!1),[r,s]=bp(""),a=null,l=ne.use.isActiveTab(),{list:p,handleClick:u,error:c,disconnectConnectingWallets:h}=Un({config:t,onBeforeConnect:y=>{a=setTimeout(()=>{n(!0),s(y)},$i)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Jn)}}),m=i(()=>{h(),n(!1)},"handleCloseWalletModal"),d=p.find(y=>y.type===r),C=d?.image||"",S=d?.state||_g.NOT_INSTALLED;return ro.createElement(oe,{header:{title:xp.t("Connect Wallets")}},ro.createElement(Fg,null,ro.createElement(Pg,{variant:"title",size:"xmedium",align:"center"},xp.t("Choose a wallet to connect.")),ro.createElement(Dg,null,p.map((y,f)=>{let w=`wallet-${f}-${y.type}`;return ro.createElement($g,{key:w,...y,container:B(),onClick:k=>{u(k)},isLoading:e==="loading",disabled:!l})}),ro.createElement(Ao,{open:!!o,onClose:m,image:C,state:S,error:c}))))}i(Ap,"WalletsPage");import{keyframes as Ug,styled as _i}from"@rango-dev/ui";var Ep=_i("div",{position:"relative"}),Og=Ug({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Wp=_i("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Og} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Lp=_i("div",{"& img":{borderRadius:"50%"}});var Hg=7;function Fi(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=g(),l=ne.use.isActiveTab(),p=j.use.connectedWallets(),{blockchains:u}=g(),[c,h]=Eo(""),[m,d]=Eo(null),[C,S]=Eo(!1),[y,f]=Eo(null),{suggestAndConnect:w}=Pp(),k=null,{list:v,error:I,handleClick:x,disconnectConnectingWallets:T}=Un({config:a,chain:e,onBeforeConnect:A=>{k=setTimeout(()=>{h(A)},$i)},onConnect:()=>{k&&clearTimeout(k),setTimeout(()=>{h("")},Jn)}}),[b,N]=Eo(v),L=v.length,M=r&&L-r>0,E=i(async A=>{S(!1),f("in-progress");try{await w(A.walletType,A.chain),f("completed")}catch{f("rejected")}},"addExperimentalChain");Bp(()=>{N(A=>{let X=v.findIndex(Y=>o(Y.type,e));return M&&X>1?[v[X]].concat(v.filter((Y,O)=>O!==X)):A.map(Y=>v.find(O=>O.type===Y.type)??Y)})},[JSON.stringify(v)]);let q=document.getElementById(Le.SWAP_BOX_ID);Bp(()=>{let A=null;return(y==="completed"||y==="rejected")&&(A=setTimeout(()=>f(null),Jn)),()=>{A&&clearTimeout(A)}},[y]);let R=i(()=>{T(),h("")},"handleCloseWalletModal");return le.createElement(le.Fragment,null,b.slice(0,r).map(A=>{let X=xa({connectedWallets:p,walletType:A.type,chain:e}),Y=X?dn(X,Hg):"",O=cn(u(),e),ge=!p.find(ke=>ke.walletType===A.type&&ke.chain===e),G=O&&ge&&A.state===Np.CONNECTED,J=G?Ze.t({id:"Add {chain} chain",values:{chain:e}}):Y,We=i(()=>{A.state===Np.DISCONNECTED?x(A.type):G?(d({walletType:A.type,chain:e,address:X??""}),S(!0)):n({walletType:A.type,chain:e,address:X??""})},"onClick"),Te=m?.chain?el(m.chain,u()):void 0;return le.createElement(le.Fragment,null,le.createElement(Ao,{open:c===A.type,onClose:R,image:A.image,state:A.state,error:I}),!!m&&le.createElement(ae,{open:!!m&&C,container:q,onClose:()=>{d(null)}},le.createElement(Zn,{title:Ze.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Te}}),type:"warning",description:Ze.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Te}})},le.createElement(Di,{size:18}),le.createElement(Di,{size:32}),le.createElement(qg,{onClick:E.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Ze.t("Confirm")))),y&&le.createElement(ae,{open:!!y,onClose:f.bind(null,null),container:q},y==="in-progress"&&le.createElement(Zn,{type:"loading",title:Ze.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Te}}),description:Ze.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Te}}),icon:le.createElement(Ep,null,le.createElement(Lp,null,le.createElement(zg,{src:A.image,size:45})),le.createElement(Wp,null))}),y==="completed"&&le.createElement(Zn,{type:"success",title:Ze.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Te}}),description:Ze.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Te}})}),y==="rejected"&&le.createElement(Zn,{type:"error",title:Ze.t("Request Rejected"),description:Ze.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Te}})}),le.createElement(Di,{direction:"vertical",size:32})),le.createElement(Qg,{key:A.type,description:J,onClick:We,selected:o(A.type,e),disabled:!l,...A}))}),M&&le.createElement($l,{selected:!1,onClick:s},le.createElement(Mp,{variant:"label",size:"medium"},Ze.t("Show more wallets"),le.createElement(Mp,{variant:"label",size:"medium",color:"$primary"},"\xA0+",L-(r??0)))))}i(Fi,"WalletList");var Zg=2;function _p(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}=V(),{connectedWallets:C,selectWallets:S}=j(),[y,f]=so(""),[w,k]=so([]),[v,I]=so(""),[x,T]=so(null),[b,N]=so(!!m),L=wn(p?.swaps||null),M=l.find(z=>z.name===p?.swaps[p?.swaps.length-1].to.blockchain),E=i(z=>!!p?.swaps.find(Z=>Z.from.blockchain===z),"isWalletRequiredFor"),q=i(()=>C.filter(z=>z.selected&&L.includes(z.chain)),"getInitialSelectableWallets"),[R,A]=so(q()),X=l.find(z=>z.name===M?.name),Y=w.length>0,O=i((z,Z)=>!!R.find(ee=>ee.walletType===z&&ee.chain===Z&&ee.selected&&(E(Z)||!E(Z)&&!m)),"isSelected"),ge=!!m&&b&&X&&!vn(X,m),G=i(()=>{N(!1),d(null),A(z=>{let Z=!1;return z.map(ee=>!Z&&ee.chain===M?.name?(Z=!0,{...ee,selected:!0}):ee)})},"resetCustomDestination"),J=i(z=>{if(y&&f(""),O(z.walletType,z.chain))return;let ee=C.find(ce=>ce.walletType===z.walletType&&ce.chain===z.chain);ee&&(n(),z.chain===M?.name&&b&&(N(!1),d(null)),A(ce=>ce.filter(xe=>xe.chain!==z.chain).concat({...ee,selected:!0})))},"onChange"),We=i(()=>{let z=R.filter(Z=>Z.selected);S(z),u(z),h(!0),o()},"onConfirmBalance"),Te=i(async()=>{k([]),I(""),T(null);let z=C.filter(ce=>R.find(xe=>xe.chain===ce.chain&&xe.walletType===ce.walletType)),Z=await r?.({selectedWallets:z,customDestination:m}),ee=Z.warnings;ee?.balance?.messages&&k(ee.balance.messages),ee?.quoteUpdate&&T(ee.quoteUpdate),Z.error&&I(tl(Z.error)),!Z.error&&(!ee?.balance?.messages.length||0>0)?We():k(ee?.balance?.messages??[])},"onConfirmWallets");Yg(()=>{A(z=>z.concat(C.filter(Z=>!!!z.find(ce=>ce.chain===Z.chain)&&Z.selected&&L.includes(Z.chain))))},[C.length]);let ke=document.getElementById(Le.SWAP_BOX_ID),dt=Jg();return _.createElement(ae,{open:e,onClose:()=>{c||dt("../",{replace:!0}),o()},dismissible:!y,container:ke,...!y&&{footer:_.createElement(zl,null,_.createElement($p,{loading:s,disabled:Cl(s,b,m,p,R,M),onClick:Te,variant:"contained",type:"primary",fullWidth:!0,size:"large"},pt.t("Confirm")))},...y&&{styles:{container:{padding:"$0"}},header:_.createElement(_l,null,_.createElement(Dl,{variant:"ghost",onClick:f.bind(null,"")},_.createElement(jg,{size:16})),_.createElement(Rn,{variant:"headline",size:"small"},pt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ge(y,l)}})))},anchor:"center"},_.createElement(ae,{open:Y,onClose:k.bind(null,[]),container:ke},_.createElement(Kg,{title:pt.t("Insufficient account balance"),type:"error",description:_.createElement(Gg,{messages:w??[]})},_.createElement($p,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:We},pt.t("Proceed anyway")))),y&&_.createElement(Fl,null,_.createElement("div",{className:Ul()},_.createElement(Fi,{chain:y,isSelected:O,selectWallet:J,onShowMore:f.bind(null,y)}))),!y&&_.createElement(_.Fragment,null,v&&_.createElement(_.Fragment,null,_.createElement(Ui,{variant:"alarm",type:"error",title:pt.t(v)}),_.createElement(io,{size:12})),x&&_.createElement(_.Fragment,null,_.createElement(Ui,{variant:"alarm",type:"warning",title:Nn(x)}),_.createElement(io,{size:12})),_.createElement(Hl,null,L.map((z,Z)=>{let ee=l.find(we=>we.name===z),ce=`wallet-${Z}`,xe=Z===L.length-1;return _.createElement("div",{key:ce},_.createElement(Bl,null,_.createElement(Rn,{variant:"title",size:"xmedium"},pt.t({id:"Your {blockchainName} wallets",values:{blockchainName:ee?.shortName}})),_.createElement(Rn,{variant:"label",color:"$neutral700",size:"medium"},pt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:ee?.shortName}}))),_.createElement(io,{size:24}),_.createElement(Pl,null,_.createElement(Fi,{chain:z,isSelected:O,selectWallet:J,limit:Zg,onShowMore:()=>f(ee?.name??"")})),!xe&&_.createElement(io,{size:32}),xe&&a?.customDestination&&_.createElement(Ol,null,_.createElement(Dn,{onOpenChange:we=>{we?E(M?.name??"")||A(ft=>ft.map(Ue=>Ue.chain===M?.name?{...Ue,selected:!1}:Ue)):G()},hasSelected:!0,open:b,triggerAnchor:"top",trigger:_.createElement(Gl,{fullWidth:!0,variant:"default",suffix:_.createElement($n,{orientation:b?"up":"down"},_.createElement(Vg,{size:10,color:"gray"}))},_.createElement("div",{className:"button__content"},_.createElement(Xg,{size:18,color:"info"}),_.createElement(io,{size:4,direction:"horizontal"}),_.createElement(Rn,{variant:"label",size:"medium"},pt.t("Send to a different address")))),onClickTrigger:()=>N(we=>!we)},_.createElement(io,{size:4}),_.createElement(Ql,{autoFocus:!0,placeholder:pt.t("Your destination address"),value:m||"",onChange:we=>{let ft=we.target.value;ft.length?d(ft.length?ft:null):(N(!1),d(null))}})),ge&&_.createElement("div",{className:ql()},_.createElement(Ui,{variant:"alarm",type:"error",title:pt.t({values:{destination:m},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(_p,"ConfirmWalletsModal");import{i18n as gh}from"@lingui/core";import{Alert as hh,Button as yh,InfoIcon as Sh}from"@rango-dev/ui";import qe from"react";import{Alert as Rg,Button as eh,Divider as zp,NoRouteIcon as th,RefreshIcon as oh,Typography as Qp}from"@rango-dev/ui";import Re from"react";import{i18n as Dp}from"@lingui/core";function Fp(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:K().genericServerError,action:{onClick:n,title:Dp.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:K().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Dp.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(Fp,"makeInfo");import{styled as Oi}from"@rango-dev/ui";var Up=Oi("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Op=Oi("div",{width:"100%"}),qp=Oi("div",{padding:"$6 $0"});function qi(t){let{fetch:e,error:o}=t,n=g().getDisabledLiquiditySources(),r=g().toggleAllLiquiditySources,s=g().swappers(),a=Fp(o,n,()=>r(s,!0),e);return Re.createElement(Up,null,Re.createElement(th,{size:24,color:"gray"}),Re.createElement(zp,{size:4}),Re.createElement(Qp,{variant:"title",size:"small"},K().noResultError.title),!!a.description&&Re.createElement(Qp,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Re.createElement(zp,{size:4}),!!a.alert&&Re.createElement(Op,null,Re.createElement(Rg,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Re.createElement(eh,{size:"xsmall",type:a.alert.type,prefix:Re.createElement(qp,null,Re.createElement(oh,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(qi,"NoResult");import{i18n as Wo}from"@lingui/core";import{Button as rh,Divider as Xp,MessageBox as ih,Typography as sh,WarningIcon as ah}from"@rango-dev/ui";import ut from"react";import{Typography as jp}from"@rango-dev/ui";import Qi from"react";import{darkTheme as nh,styled as er}from"@rango-dev/ui";var Hp=er("div",{width:"100%"}),zi=er("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Gp=er("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${nh} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Vp=er("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Kp(t){let{title:e,value:o,valueColor:n}=t;return Qi.createElement(Gp,null,Qi.createElement(jp,{size:"medium",variant:"label",className:"_title"},e),Qi.createElement(jp,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Kp,"QuoteErrorsModalItem");function Yp(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:Wo.t("Swapping"),value:W(r.inputUsdValue,4,4)},{title:Wo.t("Gas cost"),value:W(r.totalFee,2,2)},{title:Wo.t("Receiving"),value:W(r.outputUsdValue,4,4)},{title:Wo.t("Price impact"),value:W(r.priceImpact,2,2),valueColor:`${a}500`}];return ut.createElement(ae,{open:e,onClose:o,container:B()},ut.createElement(ih,{type:a,title:K().highValueLossError.impactTitle,description:K().highValueLossError.description}),ut.createElement(zi,null,ut.createElement(Xp,{size:20}),ut.createElement(sh,{size:"small",variant:"title"},Wo.t("Details")),ut.createElement(zi,null,l.map((p,u)=>ut.createElement(Kp,{key:u,...p})))),ut.createElement(Xp,{size:32}),ut.createElement(rh,{type:"primary",size:"large",prefix:ut.createElement(ah,null),fullWidth:!0,disabled:s,onClick:n},K().highValueLossError.confirmMessage))}i(Yp,"HighValueLossWarningModal");import{i18n as Hi}from"@lingui/core";function Jp(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=Hi.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&&(ht(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=K().highValueLossError.title),t.type===1&&(o.title=K().unknownPriceError.title),t.type===2&&(o.title=Hi.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=Hi.t("Caution, your slippage is high.")),o):null}i(Jp,"makeAlerts");import{i18n as po}from"@lingui/core";import{Button as Zp,Divider as Rp,MessageBox as lh,Typography as ph}from"@rango-dev/ui";import Vt from"react";import{useNavigate as uh}from"react-router-dom";function eu(t){let{customSlippage:e,slippage:o}=g(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=uh(),u=e??o;return Vt.createElement(ae,{anchor:"bottom",open:n,prefix:Vt.createElement(Zp,{size:"small",variant:"ghost",onClick:()=>p("../"+$.settings)},Vt.createElement(ph,{variant:"label",size:"medium",color:"$neutral900"},po.t("Change settings"))),container:B(),onClose:r},Vt.createElement(lh,{type:"warning",title:a.type===3?po.t("High slippage"):po.t("Low slippage"),description:a.type===3?po.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:u}}):po.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Vt.createElement(Rp,{size:18}),Vt.createElement(Rp,{size:32}),Vt.createElement(Zp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},po.t("Confirm anyway"))))}i(eu,"SlippageWarningModal");import{Button as ch,Divider as mh,MessageBox as dh,WarningIcon as fh}from"@rango-dev/ui";import Lo from"react";function tu(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return Lo.createElement(ae,{open:e,onClose:o,container:B()},Lo.createElement(dh,{type:"warning",title:K().unknownPriceError.impactTitle,description:K().unknownPriceError.description}),Lo.createElement(mh,{size:32}),Lo.createElement(ch,{type:"primary",size:"large",prefix:Lo.createElement(fh,null),fullWidth:!0,disabled:r,onClick:n},K().unknownPriceError.confirmMessage))}i(tu,"UnknownPriceWarningModal");function Mo(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=Jp(e,o?.type===3||o?.type===4?o:null);return qe.createElement(qe.Fragment,null,h&&qe.createElement(qi,{error:o,fetch:s}),!!m&&qe.createElement(Hp,null,qe.createElement(hh,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:qe.createElement(Vp,{onClick:a},qe.createElement(Sh,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:qe.createElement(yh,{size:"xxsmall",type:m.alertType,onClick:u},gh.t("Change"))}})),e&&qe.createElement(qe.Fragment,null,e.type===0&&qe.createElement(Yp,{...c,warning:e}),(e.type===3||e.type===2)&&qe.createElement(eu,{...c,warning:e}),e.type===1&&qe.createElement(tu,{...c,warning:e})))}i(Mo,"QuoteWarningsAndErrors");import Yh from"bignumber.js";import mr from"react";import{i18n as $o}from"@lingui/core";import{Alert as Uh,Divider as _o,InfoIcon as Oh,StepDetails as qh,TokenAmount as zh,Tooltip as Mu,Typography as co}from"@rango-dev/ui";import Nu from"bignumber.js";import P,{useRef as Qh,useState as Hh}from"react";import{styled as Gi}from"@rango-dev/ui";var Vi=Gi("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),ou=Gi("div",{paddingBottom:"$15"}),nu=Gi("div",{width:"100%",display:"flex"});import*as tr from"@radix-ui/react-collapsible";import{Button as Ch,css as No,darkTheme as Pe,Image as ru,styled as Ie,Typography as Th}from"@rango-dev/ui";var kh=300,iu=Ie(tr.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Pe} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Pe} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Pe} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Pe} &`]:{backgroundColor:"$neutral400"}}}}]}),su=No({padding:"$10 $15"}),au=Ie(Ch,{backgroundColor:"transparent",border:"1px solid $secondary"}),lu=Ie("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",boxSizing:"border-box",position:"relative",variants:{selected:{true:{},false:{$$color:"$colors$neutral200",[`.${Pe} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color"}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{$$color:"$colors$neutral200",[`.${Pe} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$neutral300",[`.${Pe} &`]:{backgroundColor:"$neutral400"}},cursor:"pointer"},false:{}}},compoundVariants:[{listItem:!0,selected:!0,css:{border:"1px solid $secondary"}},{listItem:!1,selected:!0,css:{$$color:"$colors$info100",[`.${Pe} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Pe} &`]:{backgroundColor:"$neutral400"}}}}]}),pu=No({width:"100%",padding:"$15 $15 $10 $15"}),uu=No({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10",position:"relative"}),uo=No({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),cu=No({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Pe} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),mu=Ie(tr.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:{[`& ${ru}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${ru}`]:{border:"1px transparent solid",borderRadius:"100%"}}},selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Pe} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Pe} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Pe} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}],".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),du=Ie("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"}}}}),fu=Ie(Pn,{width:"100%",background:"inherit"}),ji=Ie("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${kh}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),LW=Ie("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),gu=Ie("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Pe} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),hu=Ie("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Ki=Ie(Th,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),yu=Ie("div",{display:"flex",flexWrap:"wrap"}),Xi=Ie("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"}}}}),Su=Ie("div",{backgroundColor:"$neutral400",borderRadius:"$xs",padding:"$2 $5",fontSize:"$10",fontWeight:400}),Cu=Ie("div",{display:"flex"}),or=Ie("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${Pe} &`]:{borderTopColor:"$neutral400"}});import{i18n as Pt}from"@lingui/core";import{ChevronDownIcon as vh,CloseIcon as xh,Divider as ir,IconButton as bh,QuoteCost as Ih,Tooltip as Ah,Typography as et}from"@rango-dev/ui";import Eh from"bignumber.js";import Q,{useState as vu}from"react";import{css as wh,styled as nr}from"@rango-dev/ui";var rr=nr("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),Yi=nr("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),Tu=nr("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),ku=nr("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),wu=wh({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var Wh=30,Lh=i(t=>t.fee.isZero()?null:Q.createElement(rr,null,Q.createElement(et,{variant:"label",size:"medium",color:"neutral600"},t.label),Q.createElement(et,{variant:"label",size:"medium"},"$",W(t.fee,4,4))),"NonPayableFee");function xu(t){let[e,o]=vu(!1),[n,r]=vu(!1),{steps:s,quote:a}=t,l=g().tokens(),p=rn(sn(a?.swaps)),u=a?.swaps??[],c=B(),h=In(u,l),m=al(u);return Q.createElement(Q.Fragment,null,Q.createElement(Ih,{onClickFee:d=>{d.stopPropagation(),o(!e)},fee:W(h,2,2),feeWarning:h.gte(new Eh(Wh)),time:p,steps:s,tooltipGas:Pt.t("View more info"),tooltipContainer:c}),Q.createElement(ae,{container:c,open:e,header:Q.createElement(ku,null,Q.createElement(et,{variant:"title",size:"medium"},Pt.t("Gas & Fee Explanation")),Q.createElement(bh,{onClick:()=>o(!1),variant:"ghost"},Q.createElement(xh,{color:"gray",size:14}))),onClose:()=>{o(!1)}},Q.createElement(Tu,null,Q.createElement(et,{variant:"title",size:"small"},Pt.t("Details")),Q.createElement(ir,{size:10}),Object.entries(m.payable).flatMap(([d,C])=>C.map((S,y)=>{let f=`payable-fee-${y}`,w=si(S);return Q.createElement(rr,{key:f},Q.createElement(et,{variant:"label",size:"medium",color:"neutral600"},ti[d]),Q.createElement(Ah,{content:pe(S.amount),container:c},Q.createElement(et,{variant:"label",size:"medium"},W(S.amount,2,2)," ",S.asset.symbol," ($",W(w,4,4),")")))})),Q.createElement(rr,{className:"total_payable_fee"},Q.createElement(et,{variant:"label",size:"medium"},Pt.t("Total Payable Fee")),Q.createElement(et,{variant:"label",size:"medium"},"$",W(h,4,4))),Q.createElement(Yi,null),Object.keys(m.nonePayable).length&&Q.createElement(Dn,{triggerAnchor:"bottom",onClickTrigger:()=>r(d=>!d),trigger:Q.createElement("div",{className:wu()},Q.createElement(et,{size:"small",variant:"body",color:"neutral700"},n?Pt.t("Hide non-payable fees"):Pt.t("Show non-payable fees")),Q.createElement(ir,{size:4,direction:"horizontal"}),Q.createElement($n,{orientation:n?"up":"down"},Q.createElement(vh,{size:12,color:"gray"}))),open:n},Q.createElement(et,{size:"small",variant:"title"},Pt.t("Description")),Q.createElement(ir,{size:4}),Q.createElement(et,{size:"small",variant:"body",color:"neutral700"},Pt.t(`The following fees are considered in the transaction output and
+                you won\u2019t need to pay extra gas for them.`)),Q.createElement(ir,{size:10}),Object.entries(m.nonePayable).map(([d,C],S)=>{let y=sl(C),f=ti[d],w=`non-payable-fee-${S}`;return Q.createElement(Lh,{key:w,fee:y,label:f})}),Q.createElement(Yi,null)))))}i(xu,"QuoteCostDetails");import{i18n as Au}from"@lingui/core";import{TokenAmount as Eu}from"@rango-dev/ui";import sr from"react";import{css as Mh,styled as Nh}from"@rango-dev/ui";var bu=Nh("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),Iu=Mh({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Bo(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return sr.createElement(bu,null,sr.createElement(Eu,{direction:"horizontal",label:Au.t("Swap input"),type:"input",tooltipContainer:B(),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}}),sr.createElement("div",{className:Iu()}),sr.createElement(Eu,{direction:"horizontal",tooltipContainer:B(),label:Au.t("Estimated output"),type:"output",price:{value:o.price.value,usdValue:o.price.usdValue,realValue:o.price.realValue,realUsdValue:o.price.realUsdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}i(Bo,"QuoteSummary");import{i18n as Wu}from"@lingui/core";import{ChevronDownIcon as Bh,ChevronRightIcon as Ph,Divider as Ji,Image as $h,Tooltip as Zi,Typography as ar}from"@rango-dev/ui";import D,{useEffect as _h,useState as Dh}from"react";var lr=4,pr=6,Fh=375,Po=i(t=>{let e=B(),{content:o,src:n,className:r,open:s,state:a}=t;return D.createElement(Zi,{container:e,side:"bottom",sideOffset:4,open:s,content:o},D.createElement(du,{className:r,state:a},D.createElement($h,{src:n,size:16})))},"ImageComponent");function Lu(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:s,type:a}=t,l=B(),p=r.length,u=xl(r),[c,h]=Dh(!1),m=i(()=>{window.innerWidth<Fh?h(!0):h(!1)},"handleResize");return _h(()=>{window.addEventListener("resize",m)}),D.createElement(mu,{listItem:a==="list-item",ref:d=>e.current=d,selected:o,onClick:d=>{d.stopPropagation(),n(C=>!C)}},D.createElement("div",{className:uo()},D.createElement(ar,{variant:"body",size:"xsmall"},Wu.t("Via:")),D.createElement(Ji,{direction:"horizontal",size:4}),r.map((d,C)=>{let S=`item-${C}`,y=D.createElement(ji,null,D.createElement(Ph,{size:12,color:"black"}));return c?D.createElement(D.Fragment,null,D.createElement(Po,{content:d.swapper.displayName,src:d.swapper.image,state:d.state}),C!==p-1&&D.createElement(D.Fragment,null,y)):D.createElement(D.Fragment,{key:S},p<=lr||p>lr&&C<lr-1?D.createElement(D.Fragment,null,D.createElement(Po,{content:d.swapper.displayName,src:d.swapper.image,state:d.state}),C!==p-1&&D.createElement(D.Fragment,null,y)):C===lr-1&&D.createElement(Zi,{container:l,side:"bottom",align:"right",sideOffset:4,content:D.createElement("div",{className:uo()},y,r.map((f,w)=>{let k=`image-${w}`;return w>=C&&D.createElement(D.Fragment,{key:k},D.createElement(Po,{content:f.swapper.displayName,src:f.swapper.image,state:f.state,open:!1}),w!==p-1&&D.createElement(D.Fragment,null,y))}))},D.createElement(Xi,{state:r.find((f,w)=>w>=C&&(f.state==="error"||f.state==="warning"))?.state},D.createElement(ar,{size:"xsmall",variant:"body"},"+",p-C))))})),D.createElement("div",{className:uo()},D.createElement("div",{className:"blockchains_section"},D.createElement("div",{className:uo()},D.createElement(ar,{variant:"body",size:"xsmall"},Wu.t("Chains:")),D.createElement(Ji,{direction:"horizontal",size:4}),u.map((d,C)=>D.createElement(D.Fragment,null,u.length<=pr||u.length>pr&&C<pr-1?D.createElement(Po,{key:d.displayName,content:"",src:d.image,open:!1,className:C!==0?"blockchainImage":""}):C===pr-1&&D.createElement(Zi,{container:l,side:"bottom",align:"right",sideOffset:4,content:D.createElement("div",{className:uo()},u.map((S,y)=>y>=C&&D.createElement(Po,{key:S.displayName,content:"",src:S.image,open:!1,className:y>C?"blockchainImage":""})))},D.createElement(Xi,{className:"blockchainImage"},D.createElement(ar,{size:"xsmall",variant:"body"},"+",u.length-C))))),D.createElement(Ji,{direction:"horizontal",size:32}))),D.createElement(ji,{orientation:s?"up":"down"},D.createElement(Bh,{size:12,color:"black"}))))}i(Lu,"QuoteTrigger");function Ri(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,selected:l=!1,tagHidden:p=!0,onClickAllRoutes:u}=t,c=g().blockchains(),h=g().swappers(),[m,d]=Hh(t.expanded),C=Qh(null),S=W(o.value,6,6),y=W(n.value,6,6),f=n.usdValue?W(n.usdValue,4,4):"",w=Ve(o.usdValue,n.usdValue??null),k=W(w,2,2),v=ht(w??0),x=i(M=>M.map((E,q)=>{let R,A=r?.type===3&&r.swap.swapperId===E.swapperId||r?.type===4&&r.recommendedSlippages?.has(q),X=s?.type===2&&s.recommendedSlippages?.has(q);A?R="error":X&&(R="warning");let Y=A?$o.t("Slippage Error"):$o.t("Slippage Warning");return r?.type===3&&(Y=r?.recommendation),{swapper:{displayName:wo(E.swapperId,h),image:E.swapperLogo},from:{token:{displayName:E.from.symbol,image:E.from.logo},chain:{displayName:Ge(E.from.blockchain,c),image:E.from.blockchainLogo},price:{value:q===0?W(o.value,6,6):W(E.fromAmount,6,6),usdValue:W((E.from.usdPrice??0)*parseFloat(E.fromAmount),4,4),realValue:pe(q===0?o.value:E.fromAmount),realUsdValue:pe(new Nu(E.from.usdPrice??0).multipliedBy(E.fromAmount))}},to:{token:{displayName:E.to.symbol,image:E.to.logo},chain:{displayName:Ge(E.to.blockchain,c),image:E.to.blockchainLogo},price:{value:W(E.toAmount,6,6),usdValue:W((E.to.usdPrice??0)*parseFloat(E.toAmount),4,4),realValue:pe(E.toAmount),realUsdValue:pe(new Nu(E.to.usdPrice??0).multipliedBy(E.toAmount))}},state:R,alerts:A||X?P.createElement(ou,null,P.createElement(Uh,{variant:"alarm",type:A?"error":"warning",title:Y,footer:P.createElement(nu,null,r?.type===3&&P.createElement(P.Fragment,null,P.createElement(co,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),P.createElement(_o,{direction:"horizontal",size:8}),P.createElement(co,{size:"xsmall",variant:"body",color:"neutral900"},"|"),P.createElement(_o,{direction:"horizontal",size:8}),P.createElement(co,{size:"xsmall",variant:"body",color:"neutral900"},$o.t({id:"Yours: {amount} {symbol}",values:{amount:W(E.fromAmount,6,6),symbol:E?.from.symbol}}))),(r?.type===4||s?.type===2)&&P.createElement(co,{size:"xsmall",variant:"body",color:"neutral900"},$o.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(q)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(q)}}})))})):void 0}}),"getQuoteSteps")(e?.swaps??[]),T=x.length,b=B(),N=Al(t.quote.tags||[]),L=!!u;return P.createElement(P.Fragment,null,P.createElement(lu,{selected:l,listItem:a==="list-item",basic:a==="basic"},P.createElement("div",{className:pu()},!p&&N.length?P.createElement(P.Fragment,null,P.createElement(Cu,null,N.map((M,E)=>{let q=`${M.value}_${E}`;return P.createElement(P.Fragment,null,P.createElement(Su,{style:{color:El(M.value)},key:q},M.label),P.createElement(_o,{size:4,direction:"horizontal"}))})),P.createElement(or,null),!L&&P.createElement(_o,{size:4})):null,P.createElement("div",{id:"portal-root",className:uu()},P.createElement(xu,{steps:T,quote:e}),L&&P.createElement(au,{onClick:M=>{M.stopPropagation(),u()},size:"xxsmall",type:"secondary",variant:"default"},P.createElement(co,{color:"secondary",variant:"label",size:"medium"},$o.t("See All Routes")))),a==="basic"&&P.createElement("div",{className:cu()},P.createElement(hu,null,P.createElement(Oh,{size:12,color:"gray"})),P.createElement(yu,null,P.createElement(Ki,{size:"small",variant:"body"},`${S} ${x[0].from.token.displayName} = `),P.createElement(Mu,{content:pe(n.value),container:b,open:n.value?void 0:!1},P.createElement(Ki,{size:"small",variant:"body"},"\xA0",`${y} ${x[x.length-1].to.token.displayName}`))),P.createElement(Mu,{content:pe(n.usdValue),container:b,style:{display:"flex"}},P.createElement(co,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${f})`))),a==="list-item"&&P.createElement(zh,{tooltipContainer:b,type:"output",direction:"vertical",price:{value:y,usdValue:f,realValue:pe(n.value),realUsdValue:pe(n.usdValue)},token:{displayName:x[T-1].to.token.displayName,image:x[T-1].to.token.image},chain:{image:x[T-1].to.chain.image},percentageChange:k,warningLevel:v}),a==="swap-preview"&&P.createElement(P.Fragment,null,P.createElement(Bo,{from:x[0].from,to:x[T-1].to,percentageChange:k,warningLevel:v}),P.createElement(_o,{size:4}))),P.createElement(iu,{selected:l,listItem:a==="list-item",open:m,onOpenChange:d},P.createElement(Lu,{type:a,quoteRef:C,selected:l,setExpanded:d,expanded:m,steps:x}),P.createElement(fu,{open:m},P.createElement(gu,null),P.createElement("div",{className:su()},x.map((M,E)=>{let q=`item-${E}`;return P.createElement(qh,{type:"quote-details",key:q,tooltipContainer:b,step:M,hasSeparator:E!==x.length-1,state:M.state})}))))))}i(Ri,"Quote");import{Divider as Kh,Skeleton as Xh}from"@rango-dev/ui";import St from"react";import{darkTheme as Gh,styled as ur}from"@rango-dev/ui";var Bu=ur("div",{$$color:"$colors$neutral100",[`.${Gh} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),Pu=ur("div",{paddingTop:"$2"}),$u=ur("div",{paddingLeft:"$8"}),_u=ur("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Vu,Divider as ct,Skeleton as ze}from"@rango-dev/ui";import F from"react";import{css as Vh,styled as yt}from"@rango-dev/ui";var es=yt("div",{display:"flex"}),Du=yt("div",{padding:"$10 $0 $20"}),Fu=yt("div",{padding:"$12 $0 $20 $0",display:"flex",flexDirection:"column"}),Uu=yt("div",{display:"flex",justifyContent:"start",alignItems:"center"}),Ou=yt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),qu=yt("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),zu=yt("div",{width:"65%",display:"flex",justifyContent:"start"}),Qu=yt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Hu=yt("div",{padding:"$15 $0 $15 $0"}),Gu=Vh({display:"flex",justifyContent:"space-between",alignItems:"center"});function Do(t){let{type:e,tagHidden:o=!0}=t,n=F.createElement(Ou,null,F.createElement(zu,null,F.createElement(Vu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),F.createElement(ct,{size:8,direction:"horizontal"}),F.createElement(Qu,null,F.createElement(ze,{height:10,width:60,variant:"rounded"}),F.createElement(ct,{size:4}),F.createElement(ze,{height:15,variant:"rounded"}))),F.createElement(ze,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return F.createElement("div",null,!o&&F.createElement(F.Fragment,null,F.createElement(es,null,F.createElement(ze,{width:65,height:14,variant:"rounded"}),F.createElement(ct,{size:4,direction:"horizontal"}),F.createElement(ze,{width:65,height:14,variant:"rounded"}),F.createElement(ct,{size:4,direction:"horizontal"}),F.createElement(ze,{width:65,height:14,variant:"rounded"})),F.createElement(or,null),!r&&F.createElement(ct,{size:4})),F.createElement("div",{className:Gu()},F.createElement(es,null,F.createElement(ze,{width:60,height:10,variant:"rounded"}),F.createElement(ct,{size:4,direction:"horizontal"}),F.createElement(ze,{width:60,height:10,variant:"rounded"}),F.createElement(ct,{size:4,direction:"horizontal"}),F.createElement(ze,{width:60,height:10,variant:"rounded"})),r&&F.createElement(ze,{width:100,height:22,variant:"rounded"})),e==="basic"&&F.createElement(Du,null,F.createElement(ze,{height:15,width:148,variant:"rounded"})),e==="list-item"&&F.createElement(Fu,null,F.createElement(Uu,null,F.createElement(Vu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),F.createElement(ct,{direction:"horizontal",size:4}),F.createElement(ze,{height:15,width:150,variant:"rounded"})),F.createElement(ct,{size:10}),F.createElement(ze,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&F.createElement(F.Fragment,null,F.createElement(ct,{size:4}),F.createElement(Hu,null,n,F.createElement(qu,null),n)))}i(Do,"QuoteSummarySkeleton");import{ChainToken as Ju,Divider as os,NextIcon as jh,Skeleton as cr}from"@rango-dev/ui";import he from"react";import{styled as Fo}from"@rango-dev/ui";var ju=Fo("div",{display:"flex",alignItems:"start"}),Ku=Fo("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),ts=Fo("div",{display:"flex",alignItems:"center",flexGrow:1}),Xu=Fo("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Yu=Fo("div",{display:"flex",alignItems:"center"});function mt(t){let{separator:e=!0}=t;return he.createElement(he.Fragment,null,he.createElement(Yu,null,he.createElement(cr,{height:22,width:22,variant:"circular"}),he.createElement(os,{direction:"horizontal",size:8}),he.createElement(cr,{height:15,width:148,variant:"rounded"})),he.createElement(ju,null,he.createElement(_u,{hideSeparator:!e}),he.createElement(Ku,null,he.createElement(ts,null,he.createElement(Ju,{size:"small",loading:!0,chainImage:"",tokenImage:""}),he.createElement(os,{direction:"horizontal",size:8}),he.createElement(cr,{height:12,variant:"rounded"})),he.createElement(Xu,null,he.createElement(jh,{color:"gray",size:16})),he.createElement(ts,null,he.createElement(Ju,{size:"small",loading:!0,chainImage:"",tokenImage:""}),he.createElement(os,{direction:"horizontal",size:8}),he.createElement(cr,{height:12,variant:"rounded"})))))}i(mt,"StepSkeleton");function Uo(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return St.createElement(Bu,{rounded:e!=="basic"},St.createElement(Do,{type:e,tagHidden:n}),St.createElement(Pu,null,St.createElement(Xh,{height:15,variant:"rounded"})),o&&St.createElement($u,null,St.createElement(Kh,{size:20}),St.createElement(mt,null),St.createElement(mt,null),St.createElement(mt,{separator:!1})))}i(Uo,"QuoteSkeleton");function jt(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1,tagHidden:l,onClick:p,selected:u,onClickAllRoutes:c}=t,{inputAmount:h,inputUsdValue:m,toToken:d}=V(),C=e?.outputAmount?new Yh(e?.outputAmount):null,S=e?.outputAmount?En(e?.outputAmount,Wn(e)||d?.usdPrice):null,f=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?mr.createElement(Vi,null,mr.createElement(Uo,{tagHidden:l,type:o,expanded:a})):f?mr.createElement(Vi,{onClick:()=>p?.(e)},mr.createElement(Ri,{quote:e,error:r,warning:s,tagHidden:l,selected:u,type:o,expanded:a,onClickAllRoutes:c,input:{value:h,usdValue:m?.toString()??""},output:{value:C?.toString()??"",usdValue:S?.toString()??""}})):null}i(jt,"QuoteInfo");import{calculatePendingSwap as Rh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as ey}from"react";import{useRef as Jh,useState as Zh}from"react";function dr({request:t}){let[e,o]=Zh(!1),n=Jh(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(dr,"useFetch");function Zu(){let{fetch:t,loading:e,cancelFetch:o}=dr({request:async(n,r)=>await At().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(Zu,"useFetchConfirmQuote");function fr(t){if(!t.swaps)throw new Error(K().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=ns(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(fr,"throwErrorIfResponseIsNotValid");function ns(t){if(nl(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=rl(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}}}let o=ll(t);if(o){let n=An(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(ns,"getQuoteError");function Ru(t,e,o){let n=!1;t&&(n=wl(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=Zt(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(fl(t,e)?r.quoteUpdate={type:3,newOutputAmount:W(Jt(e)),percentageChange:W(Ve(Jt(t)??"",Jt(e)??""),null,2)}:ai(t,e)?r.quoteUpdate={type:0}:li(t,e)?r.quoteUpdate={type:1}:pi(t,e)&&(r.quoteUpdate={type:2}));let a=gl(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Ru,"generateWarnings");function gr(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(gr,"handleQuoteErrors");function rs(){let{fromToken:t,toToken:e,inputAmount:o,setSelectedQuote:n,selectedQuote:r,customDestination:s,setQuoteWarningsConfirmed:a,resetAlerts:l}=V(),{slippage:p,customSlippage:u}=g(),c=g().getDisabledLiquiditySources(),h=g().blockchains(),m=g().tokens(),d=u||p,{fetch:C,cancelFetch:S,loading:y}=Zu();return ey(()=>S,[]),{loading:y,fetch:i(async w=>{let k=w.selectedWallets,v=w?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let I=k.reduce((T,b)=>(T[b.chain]=b.address,T),{}),x={requestId:r?.requestId||"",selectedWallets:I,destination:v||void 0};try{return await C(x).then(T=>{let{result:b}=T;fr({diagnosisMessages:b.diagnosisMessages,requestId:b.requestId,swaps:b.result?.swaps});let N={outputAmount:b.result?.outputAmount,requestId:b.requestId,resultType:b.result?.resultType,swaps:b.result?.swaps||[],validationStatus:b.validationStatus,requestAmount:b.requestAmount};n(N);let L={slippage:d.toString(),disabledSwappersGroups:c},M=Rh(o.toString(),b,ml(k),L,!1,{blockchains:h,tokens:m}),E=Ru(r??void 0,N,{fromToken:t,toToken:e,meta:{blockchains:h,tokens:m},selectedWallets:k,userSlippage:d});return E.quoteUpdate&&a(!1),l(),{quote:N,swap:M,error:null,warnings:E}})}catch(T){return gr(T)}},"fetch"),cancelFetch:S}}i(rs,"useConfirmSwap");var dy=ry("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${tc}`]:{width:"$48",height:"$48"}}),fy=ss({flexGrow:1,paddingRight:"$10"}),gy=ss({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),hy=ss({display:"flex",justifyContent:"space-between",alignItems:"center"});function oc(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=V(),l=my(),p=cy(),[u,c]=yr(""),{connectedWallets:h}=j(),m=!n,[d,C]=yr(!1),{isActiveTab:S}=ne(),y=g().getDisabledLiquiditySources(),f=py(y),{manager:w}=ty(),{fetch:k,loading:v,cancelFetch:I}=rs(),[x,T]=yr({swap:null,error:null,warnings:null}),[b,N]=yr(!1),L=i(async({selectedWallets:O,customDestination:ge})=>{let G=await k?.({selectedWallets:O,customDestination:ge});return T(G),G},"onConfirmSwap"),M=i(async()=>{if(x.swap&&n)try{await w?.create("swap",{swapDetails:x.swap},{id:x.swap.requestId});let O=`../${$.swaps}/${x.swap.requestId}`;l(O,{replace:!0}),setTimeout(()=>{e("")},0)}catch(O){c("Error: "+O?.message)}},"addNewSwap"),E=i(async()=>{await M()},"onConfirm"),q=i(async()=>{x?.warnings?.quote&&!a?N(!0):await E()},"onStartConfirmSwap"),R=i(async()=>{T({error:null,swap:null,warnings:null}),k({selectedWallets:o,customDestination:s}).then(O=>{T(O)}).catch(O=>console.error(O))},"onRefresh");Oo(()=>{!!f.current.length&&!y.length&&R(),f.current=y},[y.length]),Oo(()=>{m&&I()},[m]),Oo(()=>{m&&C(m)},[m]),Oo(()=>{m||k({selectedWallets:o,customDestination:s}).then(O=>T(O)).catch(O=>console.error(O))},[]),Oo(()=>{let O=x.warnings?.quote?.type&&Object.values(Wt).includes(x.warnings?.quote?.type),ge=o.length<1||!o.every(J=>h.find(We=>J.address===We.address&&J.walletType===We.walletType&&J.chain===We.chain)),G=!1;if(O){let J=wn(t?.swaps||null),We=t?.swaps[t.swaps.length-1].to.blockchain;!!t?.swaps.find(dt=>dt.from.blockchain===We)||(J=J.slice(-J.length,J.length-1)),J.every(dt=>o.find(z=>z.chain===dt))||(G=!0)}t&&(ge||G)&&(queueMicrotask(()=>uy(C.bind(null,!0))),r(!1))},[x.warnings?.quote,o.length,h.length]),ly(()=>{t||l(`../${p.search}`)},[]);let A=x.warnings?.quote??null,X=x.error,Y=[];if(u&&Y.push(ue.createElement(ec,{type:"error",variant:"alarm",title:u})),x.warnings?.quoteUpdate&&Y.push(ue.createElement(ec,{variant:"alarm",type:"warning",title:x.warnings.quoteUpdate&&Nn(x.warnings.quoteUpdate)})),A||X){let O=`../${$.settings}`;Y.push(ue.createElement(Mo,{warning:A,error:X,loading:v,refetchQuote:R,showWarningModal:b,confirmationDisabled:!S,onOpenWarningModal:()=>N(!0),onCloseWarningModal:()=>N(!1),onConfirmWarningModal:async()=>{N(!1),await M()},onChangeSettings:()=>l(O)}))}return ue.createElement(oe,{header:{title:hr.t("Confirm Swap"),onWallet:()=>{let O=`../${$.wallets}`;l(O)},suffix:ue.createElement(iy,{container:B(),side:"bottom",content:hr.t("Settings")},ue.createElement(Ke,{size:"small",variant:"ghost",onClick:()=>l("../"+$.settings)},ue.createElement(ny,{size:18,color:"black"})))},footer:ue.createElement(dy,null,ue.createElement("div",{className:fy()},ue.createElement(oy,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:v,disabled:!!x.error||!S,onClick:q},hr.t("Start Swap"))),ue.createElement(tc,{variant:"contained",type:"primary",size:"large",loading:v,onClick:C.bind(null,!0)},ue.createElement(ay,{size:24})))},d&&ue.createElement(_p,{open:d,onClose:()=>C(!1),onCancel:I,loading:v,onCheckBalance:L}),ue.createElement(se,null,ue.createElement("div",{className:hy()},ue.createElement(sy,{variant:"title",size:"small"},hr.t("You get")),ue.createElement("div",{className:gy()},ue.createElement(jn,{onClick:!v&&!d&&!b?R:void 0}))),ue.createElement(is,{size:"12"}),Kl(Y,ue.createElement(is,{size:10})),Y.length>0?ue.createElement(is,{size:10}):null,ue.createElement(jt,{quote:t,type:"swap-preview",expanded:!0,selected:!0,tagHidden:!0,error:x.error,loading:v,warning:x.warnings?.quote??null})))}i(oc,"ConfirmSwapPage");import{i18n as Cr}from"@lingui/core";import{useManager as Ny}from"@rango-dev/queue-manager-react";import{Divider as dc,NotFound as By,styled as Py}from"@rango-dev/ui";import Tt,{useState as $y}from"react";import{useNavigate as _y}from"react-router-dom";import{i18n as Cy}from"@lingui/core";import{Divider as ac,GroupedVirtualizedList as Ty,Skeleton as ky,SwapListItem as lc,Typography as wy}from"@rango-dev/ui";import $e,{useCallback as pc,useEffect as vy,useRef as xy,useState as by}from"react";function nc(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(nc,"calculateGroupsSoFar");import{css as yy,darkTheme as Sy,styled as qo}from"@rango-dev/ui";var as=yy(),rc=qo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),ls=qo("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${as}`]:{$$color:"$colors$neutral600",[`.${Sy} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ps=qo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),ic=qo("div",{gap:"$10",display:"flex",flexDirection:"column"}),sc=qo("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var Iy=10;function us(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=by([]),l=xy(0),{swaps:p,groupCounts:u,groups:c}=n(e),h=pc(nc,[]),m=pc(()=>{let d=e.length-l.current;d&&(l.current+=Math.min(d,Iy),a(h(u,l.current)))},[e.length]);if(vy(()=>{r||m()},[r,m]),r){let d=[1,2];return $e.createElement($e.Fragment,null,[d,d].map((S,y)=>$e.createElement(ls,{key:y},$e.createElement(ps,null,$e.createElement(ky,{variant:"text",width:60,size:"small"}),$e.createElement(ac,{size:16})),$e.createElement(ac,{size:4}),$e.createElement(ic,null,S.map((w,k)=>$e.createElement(lc,{isLoading:!0,key:k}))))))}return $e.createElement(Ty,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:d=>$e.createElement(ls,null,$e.createElement(ps,null,$e.createElement(wy,{variant:"label",size:"medium",className:as()},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(rc,{key:S.requestId},$e.createElement(lc,{requestId:S.requestId,creationTime:S.creationTime,status:S.status,onClick:o,tooltipContainer:B(),onlyShowTime:c[C]===Cy.t("Today"),swapTokenData:{from:{token:{image:y.fromLogo,displayName:y.fromSymbol},blockchain:{image:y.fromBlockchainLogo||""},amount:W(S.inputAmount,6,6),realAmount:pe(S.inputAmount)},to:{token:{image:f.toLogo,displayName:f.toSymbol},blockchain:{image:f.toBlockchainLogo||""},amount:W(f.outputAmount||f.expectedOutputAmountHumanReadable||"",6,6),realAmount:pe(f.outputAmount||f.expectedOutputAmountHumanReadable)}}}))}})}i(us,"HistoryGroupedList");import{CloseIcon as Ey,IconButton as Wy,SearchIcon as Ly,TextField as My}from"@rango-dev/ui";import zo from"react";import{styled as Ay}from"@rango-dev/ui";var uc=Ay("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function Ct(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return zo.createElement(My,{prefix:zo.createElement(uc,null,zo.createElement(Ly,{color:"black"})),suffix:!!a.length&&zo.createElement(Wy,{variant:"ghost",onClick:()=>l?.(""),size:"small"},zo.createElement(Ey,{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(Ct,"SearchInput");import{i18n as Sr}from"@lingui/core";import cc from"dayjs";var mc=i(t=>{let e=new Map([["today",{title:Sr.t("Today"),swaps:[]}],["week",{title:Sr.t("This week"),swaps:[]}],["month",{title:Sr.t("This month"),swaps:[]}],["year",{title:Sr.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=cc();t.forEach(p=>{let u=Number(p.creationTime),c=cc(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 Dy=Py("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Fy=i((t,e)=>t?.length?t.filter(o=>it(o.fromBlockchain,e)||it(o.toBlockchain,e)||it(o.toSymbol,e)||it(o.fromSymbol,e)).length:!1,"isStepContainsText");function fc(){let t=_y(),{manager:e,state:o}=Ny(),n=Mt(e).map(({swap:c})=>c),[r,s]=$y(""),a=!o.loadedFromPersistor,l=i(c=>{let h=c.target.value;s(h)},"searchHandler"),p=n;r&&(p=n.filter(c=>it(c.inputAmount,r)||it(c.status,r)||Fy(c.steps,r)||it(c.requestId,r)));let u=!p?.length&&!a;return Tt.createElement(oe,{header:{title:Cr.t("History")}},Tt.createElement(se,null,Tt.createElement(Ct,{setValue:s,fullWidth:!0,variant:"contained",placeholder:Cr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),Tt.createElement(dc,{size:"16"}),Tt.createElement(Dy,null,u&&Tt.createElement(sc,null,Tt.createElement(dc,{size:32}),Tt.createElement(By,{title:Cr.t("No results found"),description:r?Cr.t("Try using different keywords"):""})),!u&&Tt.createElement(us,{list:p,onSwapClick:t,groupBy:mc,isLoading:a}))))}i(fc,"HistoryPage");import{i18n as ms}from"@lingui/core";import{Button as Vy,Divider as Sc,styled as Tc,SwapInput as Cc,WarningIcon as jy}from"@rango-dev/ui";import Ae,{useEffect as Ky,useState as Xy}from"react";import{useNavigate as Yy}from"react-router-dom";import{ReverseIcon as Uy,styled as gc}from"@rango-dev/ui";import cs from"react";var Oy=gc("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),qy=gc("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 hc(){let t=V.use.switchFromAndTo();return cs.createElement(Oy,null,cs.createElement(qy,{onClick:()=>{t()}},cs.createElement(Uy,{size:12})))}i(hc,"SwitchFromAndToButton");import{useCallback as zy,useEffect as Qy,useState as Hy}from"react";function yc(){let{fetch:t,loading:e,cancelFetch:o}=dr({request:async(n,r)=>await At().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(yc,"useFetchAllQuotes");var Gy=600;function Tr({refetchQuote:t}){let{fetch:e,cancelFetch:o}=yc(),{enableNewLiquiditySources:n,features:r}=g().config,s=j.use.connectedWallets(),a=g().tokens(),{fromToken:l,toToken:p,inputAmount:u,inputUsdValue:c,selectedQuote:h,sortStrategy:m,resetQuote:d,setSelectedQuote:C,updateQuotePartialState:S}=V(),{slippage:y,customSlippage:f,affiliatePercent:w,affiliateRef:k,affiliateWallets:v,fetchStatus:I}=g(),x=g().getLiquiditySources(),T=g().getDisabledLiquiditySources(),b=g().excludeLiquiditySources(),[N,L]=Hy(!0),M=f??y,q=!l||!p||Ne(l,p)||!Co(u),R=i(Y=>{L(Y)},"resetState"),A=i(Y=>{let{fromToken:O,toToken:ge,inputAmount:G,liquiditySources:J,excludeLiquiditySources:We,disabledLiquiditySources:Te,slippage:ke,affiliateRef:dt,affiliatePercent:z,affiliateWallets:Z}=Y;if(N||R(!0),!q&&O&&ge){d();let ee=cl({fromToken:O,toToken:ge,inputAmount:G,liquiditySources:J,excludeLiquiditySources:We,disabledLiquiditySources:Te,wallets:s,slippage:ke,affiliateRef:dt,affiliatePercent:z,affiliateWallets:Z});_a("experimentalRoute",r)&&(ee.experimental=!0),e(ee).then(ce=>{let xe=bl(m,ce.results),we=Il(h,xe,ce.requestAmount);L(!1),S("quotes",ce),C(we),fr({diagnosisMessages:ce.diagnosisMessages,requestId:we?.requestId||"",swaps:we?.swaps});let ft=we&&Zt(we,{fromToken:O,toToken:ge,userSlippage:M,tokens:a});S("warning",ft)}).catch(ce=>{let{error:xe}=gr(ce);(xe?.type===0||xe?.type===1)&&d(),xe?.type!==2&&(S("error",xe),L(!1))})}},"fetch"),X=zy(Pa(Y=>{q||A(Y)},Gy),[q]);return Qy(()=>{if(!t){L(!1);return}if(I==="success"){if(q){L(!1),h&&d();return}if(!Co(u)||c?.eq(0)){R(!1),o();return}return d(),R(!0),X({inputAmount:u,fromToken:l,toToken:p,liquiditySources:x,excludeLiquiditySources:b,disabledLiquiditySources:T,slippage:M,affiliateRef:k,affiliatePercent:w,affiliateWallets:v}),o}},[I,u,l?.symbol,l?.address,l?.blockchain,p?.symbol,p?.address,p?.blockchain,q,x?.length,n,T.length,M,k,w,JSON.stringify(v)]),{fetch:()=>A({inputAmount:u,fromToken:l,toToken:p,liquiditySources:x,excludeLiquiditySources:b,disabledLiquiditySources:T,slippage:M,affiliateRef:k,affiliatePercent:w,affiliateWallets:v}),loading:N}}i(Tr,"useSwapInput");var Jy=Tc("div",{position:"relative"}),Zy=Tc("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function kc(){let t=Yy(),{fromToken:e,fromBlockchain:o,toToken:n,toBlockchain:r,setInputAmount:s,inputAmount:a,inputUsdValue:l,outputAmount:p,outputUsdValue:u,selectedQuote:c,refetchQuote:h,error:m,warning:d,quotes:C,resetQuoteWallets:S,setQuoteWarningsConfirmed:y,updateQuotePartialState:f}=V(),{fetch:w,loading:k}=Tr({refetchQuote:h}),{config:v,fetchStatus:I}=g(),{connectedWallets:x,getBalanceFor:T}=j(),{isActiveTab:b}=ne(),[N,L]=Xy(!1),M=!!o&&ba(x,o.name),E=!1,q=!ii(c,a,l),R=!ii(c,a,u),A=il({fetchMetaStatus:I,fetchingQuote:k,inputAmount:a,quote:c,anyWalletConnected:x.length>0,error:m,warning:d,needsToWarnEthOnPath:E}),X=e?T(e):null,Y=mn(X)?.amount??"0",O=o&&e&&X?.amount?W(X?.amount,X?.decimals):"0",ge=I==="success"&&!!a&&!!e&&!!n&&k;Ky(()=>{S(),f("refetchQuote",!0)},[]);let G=!l||!u||!u.gt(0)?null:Ve(l.toString(),u.toString());return Ae.createElement(oe,{height:"auto",footer:Ae.createElement(Vy,{type:"primary",size:"large",disabled:A.disabled||!b,prefix:A.action==="confirm-warning"&&Ae.createElement(jy,null),fullWidth:!0,onClick:()=>{A.action==="connect-wallet"?t($.wallets):A.action==="confirm-warning"?L(!0):t($.confirmSwap)}},A.title),header:{onWallet:()=>{t($.wallets)},hasBackButton:!1,title:v.title||ms.t("Swap"),suffix:Ae.createElement(bo,{onClickRefresh:(c||m)&&!N?w:void 0,onClickHistory:()=>t($.swaps),onClickSettings:()=>t($.settings)})}},Ae.createElement(se,null,Ae.createElement(Zy,null,Ae.createElement(Jy,null,Ae.createElement(Cc,{label:ms.t("From"),mode:"From",onInputChange:s,balance:Y,chain:{displayName:o?.displayName||"",image:o?.logo||""},token:{displayName:e?.symbol||"",image:e?.image||""},onClickToken:()=>t($.fromSwap),price:{value:a,usdValue:q?void 0:W(l,4,4),realUsdValue:q?void 0:pe(l),error:q?K().unknownPriceError.impactTitle:void 0},disabled:I==="failed",loading:I==="loading",loadingBalance:M,tooltipContainer:B(),onSelectMaxBalance:()=>{s(O.split(",").join(""))}}),Ae.createElement(hc,null)),Ae.createElement(Cc,{sharpBottomStyle:!!c||ge,label:ms.t("To"),mode:"To",fetchingQuote:ge,chain:{displayName:r?.displayName||"",image:r?.logo||""},token:{displayName:n?.symbol||"",image:n?.image||""},percentageChange:W(Ve(l,u),2,2),warningLevel:ht(G??0),price:{value:W(p,6,6),usdValue:R?void 0:W(u,4,4),realValue:pe(p),realUsdValue:R?void 0:pe(u),error:R?K().unknownPriceError.impactTitle:void 0},onClickToken:()=>t($.toSwap),disabled:I==="failed",loading:I==="loading",tooltipContainer:B()})),Ae.createElement(Sc,{size:"2"}),Ae.createElement(jt,{quote:c,loading:ge,error:m,tagHidden:!1,warning:d,type:"basic",onClickAllRoutes:C&&C.results.length>1?()=>{f("refetchQuote",!1),t($.routes)}:void 0}),d||m?Ae.createElement(Ae.Fragment,null,Ae.createElement(Sc,{size:"10"}),Ae.createElement(Mo,{warning:d,error:m,loading:ge,refetchQuote:w,showWarningModal:N,confirmationDisabled:!b,onOpenWarningModal:()=>L(!0),onCloseWarningModal:()=>L(!1),onConfirmWarningModal:()=>{L(!1),y(!0),t($.confirmSwap)},onChangeSettings:()=>t($.settings)})):null))}i(kc,"Home");import{i18n as wc}from"@lingui/core";import{List as Ry,ListItemButton as eS,Radio as tS,RadioRoot as oS,Typography as nS}from"@rango-dev/ui";import $t from"react";function mo(){let{setLanguage:t,language:e,config:o}=g(),n=Fa,r=o?.language||ko;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||ko),resetLanguage:()=>t(null)}}i(mo,"useLanguage");function vc(){let{activeLanguage:t,changeLanguage:e,languages:o}=mo(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:$t.createElement(nS,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:$t.createElement(tS,{value:s}),start:$t.createElement(l,null)}});return $t.createElement(oe,{header:{title:wc.t("Language")}},$t.createElement(se,null,$t.createElement(oS,{value:t},$t.createElement(Ry,{type:$t.createElement(eS,{title:wc.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(vc,"LanguagePage");import{i18n as kt}from"@lingui/core";import{Button as lS,Checkbox as pS,Image as uS,ListItemButton as cS,NotFound as mS,Typography as dS}from"@rango-dev/ui";import _e,{useState as fS}from"react";import{Checkbox as sS,Skeleton as bc}from"@rango-dev/ui";import Ho from"react";import{styled as ds}from"@rango-dev/ui";var Qo=ds("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),fs=ds("div",{width:80,display:"flex",justifyContent:"flex-end"}),gs=ds("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as rS,styled as iS}from"@rango-dev/ui";var xc=iS(rS,{height:61});var aS=30;function hs(){return Ho.createElement(Qo,null,Array.from(Array(aS),t=>Ho.createElement(xc,{hasDivider:!0,key:t,start:Ho.createElement(bc,{variant:"circular",width:35,height:35}),title:Ho.createElement(bc,{variant:"text",size:"large",width:90}),end:Ho.createElement(sS,{checked:!1})})))}i(hs,"LoadingLiquiditySourceList");function ys({sourceType:t}){let e=g().fetchStatus,o=g().swappers(),n=g().getDisabledLiquiditySources(),[r,s]=fS(""),a=g().toggleLiquiditySource,l=g().isInCampaignMode(),p=Sn(o,n),u={Exchanges:kt.t("Exchanges"),Bridges:kt.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:w,groupTitle:k,logo:v}=f;return{start:_e.createElement(uS,{src:v,size:22,type:"circular"}),onClick:()=>{l||a(k)},end:_e.createElement(pS,{checked:w,disabled:l}),title:_e.createElement(dS,{variant:"title",size:"xmedium"},kt.t(k)),...f}}),S=i(f=>{let w=f.target.value;s(w)},"searchHandler"),y=C;return r&&(y=C.filter(f=>it(f.groupTitle,r))),_e.createElement(oe,{header:{title:kt.t(t),suffix:_e.createElement(fs,null,_e.createElement(lS,{variant:"ghost",size:"xsmall",onClick:d},m?kt.t("Deselect all"):kt.t("Select all")))}},_e.createElement(se,{view:!0},_e.createElement(Ct,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:kt.t("Search {sourceType}",{sourceType:u[t]}),onChange:S}),e==="loading"&&_e.createElement(hs,null),!y.length&&r?_e.createElement(gs,null,_e.createElement(mS,{title:kt.t("No results found"),description:kt.t("Try using different keywords")})):e==="success"&&_e.createElement(Qo,{disabled:l},y.map(f=>_e.createElement(_e.Fragment,{key:f.id},_e.createElement(cS,{style:{height:"61px"},...f,selected:!1,hasDivider:!0}))))))}i(ys,"LiquiditySourcePage");import{i18n as gS}from"@lingui/core";import{Divider as Ic}from"@rango-dev/ui";import tt from"react";import{useNavigate as hS}from"react-router-dom";var yS=3;function Ac(){let t=hS(),e=lt(),{selectedQuote:o,quotes:n,refetchQuote:r,setSelectedQuote:s,updateQuotePartialState:a,fromToken:l,toToken:p,error:u}=V(),{slippage:c,customSlippage:h}=g(),m=g().tokens(),d=h??c,{fetch:C,loading:S}=Tr({refetchQuote:r}),y=i(v=>{s(v),a("refetchQuote",!1),e()},"onClickOnQuote"),f=i(v=>{if(!l||!p||!n)return null;let I={requestAmount:n.requestAmount,...v};return Zt(I,{fromToken:l,toToken:p,userSlippage:d,tokens:m})},"getQuoteWarning"),w=`../${$.settings}`,k=`../${$.wallets}`;return tt.createElement(oe,{header:{onWallet:()=>{t(k)},onBack:()=>{a("refetchQuote",!1)},title:gS.t("Routes"),suffix:tt.createElement(bo,{onClickRefresh:o||u?C:void 0,hidden:["notifications","history"],onClickSettings:()=>t(w)})}},tt.createElement(se,null,S?Array.from({length:yS},(v,I)=>tt.createElement(tt.Fragment,{key:I},tt.createElement(Uo,{tagHidden:!1,type:"list-item",expanded:!1}),tt.createElement(Ic,{size:16}))):!!n&&n.results?.map(v=>{let I=f(v),x=ns(v.swaps);return tt.createElement(tt.Fragment,{key:v.requestId},tt.createElement(jt,{selected:o?.requestId===v.requestId,tagHidden:!1,quote:{...v,requestAmount:n.requestAmount},loading:S,error:x?.options||null,warning:I,onClick:T=>{a("warning",I),a("error",x?.options||null),y(T)},type:"list-item"}),tt.createElement(Ic,{size:16}))})))}i(Ac,"RoutesPage");import{i18n as $c}from"@lingui/core";import{Divider as _c,getCountCategories as AS,SelectableCategoryList as ES}from"@rango-dev/ui";import wt,{useState as Dc}from"react";import{i18n as Cs}from"@lingui/core";import{Divider as Bc,Image as wS,ListItemButton as vS,NotFound as xS,Typography as Pc}from"@rango-dev/ui";import Xe,{useEffect as bS,useState as IS}from"react";import{BlockchainCategories as Ss}from"@rango-dev/ui";import{TransactionType as kr}from"rango-sdk";var SS=i((t,e)=>{switch(e){case Ss.ALL:return!0;case Ss.UTXO:return t.type===kr.TRANSFER;case Ss.OTHER:return t.type!==kr.TRANSFER&&t.type!==kr.COSMOS&&t.type!==kr.EVM;default:return t.type===e}},"filterByType"),Ec=i((t,e,o)=>t.filter(n=>SS(n,o)).filter(n=>Ot(n.name,e)||Ot(n.displayName,e)),"filterBlockchains");import{ImageContainer as CS,styled as Wc}from"@rango-dev/ui";var Lc=Wc("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),wr=Wc(Io,{padding:0,margin:0,listStyle:"none",[`& ${CS}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as TS,Skeleton as Mc}from"@rango-dev/ui";import vr from"react";var kS=20;function Nc(){return vr.createElement(wr,null,Array.from(Array(kS),t=>vr.createElement(TS,{key:t,hasDivider:!0,start:vr.createElement(Mc,{variant:"circular",width:35,height:35}),title:vr.createElement(Mc,{variant:"text",size:"large",width:90})})))}i(Nc,"LoadingBlockchainList");function Ts(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=IS(e),{fetchStatus:l}=g();bS(()=>{a([...Ec(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Xe.createElement(Xe.Fragment,null,Xe.createElement(Bc,{size:32}),Xe.createElement(xS,{title:Cs.t("No results found"),description:Cs.t("Try using different keywords")})):Xe.createElement(wr,{as:"ul",key:`${r}-${o}`},s.map(u=>Xe.createElement(vS,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Xe.createElement(wS,{src:u.logo,size:30}),title:Xe.createElement(Pc,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Xe.createElement(Lc,null,Xe.createElement(Pc,{variant:"label",size:"large"},Cs.t("Select Blockchain")),Xe.createElement(Bc,{size:4}),l==="loading"&&Xe.createElement(Nc,null),l==="success"&&p())}i(Ts,"BlockchainList");function ks(t){let{type:e}=t,o=lt(),[n,r]=Dc(""),[s,a]=Dc("ALL"),l=V.use.setToBlockchain(),p=V.use.setFromBlockchain(),u=g().fetchStatus,c=g().blockchains({type:e}),m=AS(c)!==1;return wt.createElement(oe,{header:{title:$c.t("Select Blockchain")}},wt.createElement(se,{view:!0},m&&wt.createElement(wt.Fragment,null,wt.createElement(ES,{setCategory:a,category:s,blockchains:c,isLoading:u==="loading"}),wt.createElement(_c,{size:24})),wt.createElement(Ct,{value:n,autoFocus:!0,placeholder:$c.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),wt.createElement(_c,{size:16}),wt.createElement(Ts,{list:c,searchedFor:n,blockchainCategory:s,onChange:d=>{e==="source"?p(d):l(d),o()}})))}i(ks,"SelectBlockchainPage");import{i18n as Er}from"@lingui/core";import{Divider as nm}from"@rango-dev/ui";import Kt,{useState as GS}from"react";import{useNavigate as VS}from"react-router-dom";import{i18n as xs}from"@lingui/core";import{BlockchainsChip as xr,Divider as qc,Image as zc,Skeleton as BS,Tooltip as PS,Typography as bs}from"@rango-dev/ui";import Ce from"react";import{useEffect as MS}from"react";var Fc=["ETH","COSMOS","OSMOSIS"];function ws(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(WS),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(LS(a)),r=n.splice(s)}return{list:n,more:r}}i(ws,"prepare");function WS(t,e){let o=Fc,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(WS,"sortByMostUsedBlockchains");function LS(t){return i(function(o,n){let r=t.findIndex(p=>p===o.name),s=t.findIndex(p=>p===n.name),a=r>-1,l=s>-1;return a&&l?r>s?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}i(LS,"generateSortByPreferredBlockchainsFor");function Uc(t,e){return!!e.list.find(o=>o.name===t)}i(Uc,"isInVisibleList");function vs(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=g();MS(()=>{if(e?.selected){let s=ws(t,o,e);Uc(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=ws(t,o,e);return{list:r.list,more:r.more,history:[]}}i(vs,"usePrepareBlockchainList");import{styled as NS}from"@rango-dev/ui";var Oc=NS("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var $S=12;function Is(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=vs(e,{limit:10,selected:n?.name}),{fetchStatus:l}=g(),p=V.use.resetToBlockchain(),u=V.use.resetFromBlockchain(),c=a.more.length>0,h=a.more.length===1,m=!h&&c;return Ce.createElement(Ce.Fragment,null,Ce.createElement(qc,{size:12}),Ce.createElement(bs,{variant:"label",size:"large"},xs.t("Select Blockchain")),Ce.createElement(qc,{size:12}),Ce.createElement(Oc,null,l==="loading"&&Array.from(Array($S),d=>Ce.createElement(BS,{key:d,variant:"rounded",height:50})),l==="success"&&Ce.createElement(Ce.Fragment,null,Ce.createElement(xr,{selected:!n,onClick:()=>{o==="from"?u():p()}},Ce.createElement(bs,{variant:"body",size:"xsmall",color:"secondary500"},xs.t("All"))),a.list.map(d=>Ce.createElement(PS,{key:d.name,content:d.shortName,side:"bottom",sideOffset:2,container:B()},Ce.createElement(xr,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},Ce.createElement(zc,{src:d.logo,size:30})))),h?Ce.createElement(xr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},Ce.createElement(zc,{src:a.more[0].logo,size:30})):null,m?Ce.createElement(xr,{onClick:s,key:"more-blockchains"},Ce.createElement(bs,{variant:"body",size:"xsmall",color:"secondary500"},xs._("More +{count}",{count:a.more.length}))):null)))}i(Is,"BlockchainsSection");import{i18n as _s}from"@lingui/core";import{darkTheme as Zc,Divider as go,ExternalLinkIcon as FS,Image as US,ListItemButton as OS,NotFound as qS,PinIcon as zS,Skeleton as Rc,Typography as Ar,VirtualizedList as QS}from"@rango-dev/ui";import U,{useEffect as em,useState as tm}from"react";import{Divider as Yc,ListItem as DS,Skeleton as Go}from"@rango-dev/ui";import nt from"react";import{css as fo,darkTheme as Qc,ImageContainer as _S,styled as ot,Typography as Hc}from"@rango-dev/ui";var As=fo({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Es=fo({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Ws=fo({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Ls=fo({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Qc} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Ms=fo({}),Ns=fo(),Gc=ot("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Bs=ot("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),br=ot("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Es}`]:{[`& .${Ls}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Ms}`]:{bottom:"-15px"},[`& .${As}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Ws}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Ps=ot("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),$s=ot(Hc,{}),Vc=ot("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Ns}`]:{$$color:"$colors$neutral600",[`.${Qc} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ir=ot("div",{display:"flex",alignItems:"end",flexDirection:"column"}),p_=ot("div",{display:"flex",alignItems:"center"}),jc=ot("div",{position:"relative",[`& ${_S}`]:{borderRadius:"$xm",overflow:"hidden"}}),Kc=ot("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Xc=ot(Hc,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Jc(t){return nt.createElement(br,null,Array.from(Array(t.size),e=>nt.createElement(DS,{key:e,hasDivider:!0,start:nt.createElement(Go,{variant:"circular",width:35,height:35}),end:nt.createElement(Ir,null,nt.createElement(Go,{variant:"text",size:"large",width:70}),nt.createElement(Yc,{size:4}),nt.createElement(Go,{variant:"text",size:"medium",width:50})),title:nt.createElement("div",null,nt.createElement(Go,{variant:"text",size:"large",width:90}),nt.createElement(Yc,{size:4}),nt.createElement(Go,{variant:"text",size:"medium",width:90}))})))}i(Jc,"LoadingTokenList");var Ds=20,HS=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return U.createElement("div",{className:Es()},o?U.createElement("div",{className:As()},o):U.createElement(Bs,{className:Ws()},U.createElement(Ar,{variant:"title",size:"xmedium"},r.symbol),U.createElement(go,{direction:"horizontal",size:4}),U.createElement(Ps,{css:s},U.createElement($s,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&U.createElement("div",{className:`${Ls()} ${!o&&Ms()}`},U.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," ",U.createElement(go,{size:4,direction:"horizontal"}),U.createElement(FS,{color:"gray",size:12}))))},"renderDesc");function om(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=tm(e),l=g().fetchStatus,p=g().blockchains(),[u,c]=tm(!0),{getBalanceFor:h,loading:m}=j(),{isTokenPinned:d}=g(),C=i(()=>{a(e.slice(0,s.length+Ds))},"loadNextPage");em(()=>{c(e.length>s.length)},[s.length]),em(()=>{a(e.slice(0,Ds))},[e]);let S=i(()=>!s.length&&o?U.createElement(U.Fragment,null,U.createElement(go,{size:32}),U.createElement(qS,{title:_s.t("No results found"),description:_s.t("Try using different keywords")})):U.createElement(QS,{endReached:u?C:void 0,itemContent:y=>{let f=s[y],w=mn(h(f)),k=f.address||"",v=p.find(b=>b.name===f.blockchain),I=qn(f.symbol,v?.color||""),x={$$color:I[`${f.symbol}100`],[`.${Zc} &`]:{$$color:I[`${f.symbol}900`]},backgroundColor:"$$color"},T={$$color:I[`${f.symbol}700`],[`.${Zc} &`]:{$$color:I[`${f.symbol}100`]},color:"$$color"};return U.createElement("div",{style:{paddingRight:5}},U.createElement(OS,{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:U.createElement(jc,null,U.createElement(US,{src:f.image,size:30}),d(f,t.type)&&U.createElement(Kc,null,U.createElement(zS,{size:12,color:"gray"}))),title:v?.type==="COSMOS"||f.name||!f.name&&!k?U.createElement(Bs,null,U.createElement(Ar,{variant:"title",size:"xmedium"},f.symbol),U.createElement(go,{direction:"horizontal",size:4}),U.createElement(Ps,{css:x},U.createElement($s,{variant:"body",size:"xsmall",css:T},f.blockchain))):void 0,description:v?.info&&k&&v.type!=="COSMOS"?HS({address:k,token:s[y],customCssForTag:x,customCssForTagTitle:T,name:f.name,url:v.info.addressUrl.split("{wallet}").join(k)}):f.name||void 0,end:m?U.createElement(Ir,null,U.createElement(Rc,{variant:"text",size:"large",width:70}),U.createElement(go,{size:4}),U.createElement(Rc,{variant:"text",size:"medium",width:50})):w&&U.createElement(Vc,null,U.createElement(Xc,{variant:"title",size:"small"},w.amount),U.createElement("div",null),w.usdValue&&U.createElement(Ar,{variant:"body",className:Ns(),size:"xsmall"},`$${w.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return U.createElement(Gc,null,U.createElement(Ar,{variant:"label",size:"large"},_s.t("Select Token")),U.createElement(go,{size:4}),l==="loading"&&U.createElement(Jc,{size:Ds}),l==="success"&&U.createElement(br,{as:"ul"},S()))}i(om,"TokenList");function Fs(t){let{type:e}=t,o=VS(),n=lt(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=V(),c=j.use.getBalanceFor(),[h,m]=GS(""),{isTokenPinned:d}=g(),S=(e==="source"?r:s)?.name??"",y=g().blockchains({type:e}),f=g().tokens({type:e,blockchain:S,searchFor:h}),k=wa(f,c,i(T=>d(T,e),"checkIsTokenPinned")),v=i(T=>{e==="source"?p(T):u(T)},"updateBlockchain"),I=i(T=>{e==="source"?a({token:T,meta:{blockchains:y,tokens:f}}):l({token:T,meta:{blockchains:y,tokens:f}})},"updateToken"),x={source:Er.t("Source"),destination:Er.t("Destination")};return Kt.createElement(oe,{header:{title:Er.t("Swap {type}",{type:x[e]})}},Kt.createElement(se,null,Kt.createElement(Is,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o($.blockchains),onChange:T=>{v(T)}}),Kt.createElement(nm,{size:24}),Kt.createElement(Ct,{value:h,autoFocus:!0,placeholder:Er.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:T=>m(T.target.value)}),Kt.createElement(nm,{size:16}),Kt.createElement(om,{list:k,selectedBlockchain:S,searchedFor:h,type:e,onChange:T=>{I(T);let b=y.find(N=>T.blockchain===N.name);b&&v(b),n()}})))}i(Fs,"SelectSwapItemsPage");import{i18n as vt}from"@lingui/core";import{Alert as eC,Button as tC,ChevronRightIcon as Lr,Divider as qs,InfoIcon as oC,List as nC,ListItemButton as rC,Skeleton as iC,styled as sC,Switch as aC,Tooltip as lC,Typography as _t}from"@rango-dev/ui";import H from"react";import{useInRouterContext as pC,useNavigate as uC,useSearchParams as cC}from"react-router-dom";import{i18n as pm}from"@lingui/core";import{Divider as YS,InfoIcon as JS,TextField as ZS,Tooltip as RS,Typography as um}from"@rango-dev/ui";import Qe from"react";import{Chip as jS,styled as Vo,TextField as KS}from"@rango-dev/ui";var rm=Vo("div",{paddingTop:"$5",padding:"$10 $5"}),im=Vo("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${KS}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),sm=Vo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Wr=Vo("div",{maxWidth:"280px",padding:"$10"}),am=Vo(jS,{width:"61px",flexShrink:0});import{i18n as Us}from"@lingui/core";import{Typography as XS}from"@rango-dev/ui";import jo from"react";function lm(){return jo.createElement(Wr,null,jo.createElement(XS,{variant:"label",size:"medium",color:"neutral700"},Us.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),jo.createElement("br",null),jo.createElement("br",null),jo.createElement("b",null,Us.t("Warning")),":",Us.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(lm,"SlippageTooltipContent");function Os(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=g();return Qe.createElement(rm,null,Qe.createElement(sm,null,Qe.createElement(um,{variant:"title",size:"xmedium"},pm.t("Slippage tolerance per swap")),Qe.createElement(YS,{direction:"horizontal",size:4}),Qe.createElement(RS,{container:B(),side:"top",sideOffset:4,content:Qe.createElement(lm,null)},Qe.createElement(JS,{color:"gray"}))),Qe.createElement(im,null,Ua.map((r,s)=>{let a=`slippage-${s}`;return Qe.createElement(Qe.Fragment,null,Qe.createElement(am,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),Qe.createElement(ZS,{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>=Qa&&a<=za?n(a):n(null)},suffix:o&&Qe.createElement(um,{variant:"body",size:"small"},"%"),placeholder:pm.t("Custom")})))}i(Os,"Slippage");var mC=sC("div",{paddingLeft:"$8"});function cm(){let t=uC(),{theme:e}=g().config,o=g().fetchStatus,n=g().swappers(),r=g().getDisabledLiquiditySources(),{config:{features:s},isInCampaignMode:a,updateCampaignMode:l}=g(),p=a(),u=He("theme",s),c=He("liquiditySource",s),h=He("language",s),m=g().infiniteApprove,d=g().toggleInfiniteApprove,C=Sn(n,r),S=C.filter(A=>A.type==="BRIDGE"||A.type==="AGGREGATOR"),y=S.length,f=S.filter(A=>A.selected).length,w=C.filter(A=>A.type==="DEX"),k=w.length,v=w.filter(A=>A.selected).length,I=i((A,X)=>{switch(o){case"loading":return H.createElement(iC,{variant:"text",size:"medium",width:50});case"failed":return H.createElement(_t,{variant:"body",size:"medium",color:"$error500"},vt.t("Loading failed"));default:return H.createElement(_t,{variant:"body",size:"medium"},`${A} / ${X}`)}},"handleEndItem"),x={id:"bridge-item",title:H.createElement(_t,{variant:"title",size:"xmedium"},vt.t("Enabled bridges")),end:H.createElement(H.Fragment,null,I(f,y),H.createElement(qs,{direction:"horizontal",size:8}),H.createElement(Lr,{color:"black"})),onClick:()=>t($.bridges)},T={id:"exchange-item",title:H.createElement(_t,{variant:"title",size:"xmedium"},vt.t("Enabled exchanges")),end:H.createElement(H.Fragment,null,I(v,k),H.createElement(qs,{direction:"horizontal",size:8}),H.createElement(Lr,{color:"gray"})),onClick:()=>t($.exchanges)},b={id:"language-item",title:H.createElement(_t,{variant:"title",size:"xmedium"},vt.t("Language")),end:H.createElement(Lr,{color:"gray"}),onClick:()=>t($.languages)},N={id:"theme-item",title:H.createElement(_t,{variant:"title",size:"xmedium"},vt.t("Theme")),end:H.createElement(Lr,{color:"gray"}),onClick:()=>t($.themes)},L={id:"infinite-approval-item",title:H.createElement(H.Fragment,null,H.createElement(_t,{variant:"title",size:"xmedium"},vt.t("Infinite approval")),H.createElement(qs,{direction:"horizontal",size:4}),H.createElement(lC,{side:"top",sideOffset:4,container:B(),content:H.createElement(Wr,null,H.createElement(_t,{variant:"label",size:"medium",color:"neutral700"},vt.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.")))},H.createElement(oC,{color:"gray"}))),end:H.createElement(aC,{checked:m}),onClick:d},M=c?[]:[x,T];h||M.push(b),!e?.singleTheme&&!u&&M.push(N),M.push(L);let[,E]=cC(),q=pC(),R=i(()=>{q&&p&&(E(A=>(A.delete("liquiditySources"),A),{replace:!0}),l("liquiditySources",void 0))},"onClick");return H.createElement(oe,{header:{title:vt.t("Settings")}},H.createElement(se,null,p&&H.createElement(eC,{type:"info",variant:"alarm",title:vt.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:H.createElement(mC,null,H.createElement(tC,{type:"secondary",size:"small",onClick:R},"Reset"))}),H.createElement(Os,null),H.createElement(nC,{type:H.createElement(rC,{title:"_",id:"_",onClick:()=>console.log()}),items:M})))}i(cm,"SettingsPage");import{i18n as RC}from"@lingui/core";import{cancelSwap as eT}from"@rango-dev/queue-manager-rango-preset";import{useManager as tT}from"@rango-dev/queue-manager-react";import{Alert as oT}from"@rango-dev/ui";import na from"react";import{useParams as nT}from"react-router-dom";import{i18n as bt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as $C,getCurrentStep as _C,getRelatedWalletOrNull as DC}from"@rango-dev/queue-manager-rango-preset";import{Button as Dm,CopyIcon as FC,Divider as UC,IconButton as OC,LinkIcon as qC,QuoteCost as zC,StepDetails as QC,Typography as yo,useCopyToClipboard as HC}from"@rango-dev/ui";import{useWallets as GC}from"@rango-dev/wallets-react";import Fm from"bignumber.js";import{PendingSwapNetworkStatus as Ur}from"rango-types";import te,{useEffect as Um,useRef as VC,useState as Om}from"react";import{useNavigate as jC}from"react-router-dom";import{i18n as Dt}from"@lingui/core";var dC=[Dt.t("Sunday"),Dt.t("Monday"),Dt.t("Tuesday"),Dt.t("Wednesday"),Dt.t("Thursday"),Dt.t("Friday"),Dt.t("Saturday")];function mm(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Dt.t("Today"):`${dC[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(mm,"timeSince");function dm(t){return t.finishTime?mm(parseInt(t.finishTime)):mm(parseInt(t.creationTime))}i(dm,"getSwapDate");import{PendingSwapNetworkStatus as Br}from"rango-types";import Pr from"react";import{i18n as Mr}from"@lingui/core";import{Button as fm,Divider as zs,MessageBox as fC}from"@rango-dev/ui";import Ft from"react";var gm=i(({onCancel:t,onClose:e})=>Ft.createElement(Ft.Fragment,null,Ft.createElement(zs,{size:20}),Ft.createElement(fC,{type:"error",title:Mr.t("Cancel Swap"),description:Mr.t("Are you sure you want to cancel this swap?")}),Ft.createElement(zs,{size:32}),Ft.createElement(fm,{variant:"contained",type:"primary",size:"large",onClick:t},Mr.t("Yes, Cancel it")),Ft.createElement(zs,{size:12}),Ft.createElement(fm,{variant:"outlined",type:"primary",size:"large",onClick:e},Mr.t("No, Continue"))),"CancelContent");import{i18n as Nr}from"@lingui/core";import{Button as hm,Divider as Qs,MessageBox as gC,Typography as hC}from"@rango-dev/ui";import xt from"react";var ym=i(({onDelete:t,onClose:e})=>xt.createElement(xt.Fragment,null,xt.createElement(Qs,{size:20}),xt.createElement(gC,{type:"error",title:Nr.t("Delete Transaction"),description:Nr.t("Are you sure you want to delete this swap?")}),xt.createElement(Qs,{size:32}),xt.createElement(hm,{variant:"contained",type:"primary",size:"large",onClick:t},Nr.t("Yes, Delete it")),xt.createElement(Qs,{size:12}),xt.createElement(hm,{variant:"outlined",type:"primary",size:"large",onClick:e},xt.createElement(hC,{variant:"title",size:"medium",color:"primary"},Nr.t("No, Cancel")))),"DeleteContent");import{i18n as Hs}from"@lingui/core";import{PendingSwapNetworkStatus as Gs}from"rango-types";var Vs={[Gs.WaitingForNetworkChange]:{type:"loading",title:Hs.t("Change Network")},[Gs.WaitingForConnectingWallet]:{type:"warning",title:Hs.t("Connect Wallet")},[Gs.NetworkChanged]:{type:"success",title:Hs.t("Network Changed")}};import{MessageBox as SC,Wallet as CC}from"@rango-dev/ui";import{useWallets as TC}from"@rango-dev/wallets-react";import Ko from"react";import{styled as yC}from"@rango-dev/ui";var Sm=yC("div",{display:"flex",justifyContent:"center"});var Cm=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:u}=TC(),c=n?.walletType,h=c?Vr(u(c)):null,m=c?p(c):null;return Ko.createElement(Ko.Fragment,null,Ko.createElement(SC,{type:e,title:o,description:r}),s&&!!c&&!!h&&!!m&&Ko.createElement(Sm,null,Ko.createElement(CC,{container:B(),title:m.name,image:m.img,type:c,state:h,link:m.installLink,disabled:a,onClick:async()=>l(c)})))},"WalletStateContent");function js(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===Br.WaitingForNetworkChange||e===Br.WaitingForConnectingWallet||e===Br.NetworkChanged;return Pr.createElement(ae,{open:!!e,onClose:o,container:document.getElementById(Le.SWAP_BOX_ID)||document.body},p&&Pr.createElement(Cm,{type:Vs[e].type,title:Vs[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==Br.WaitingForNetworkChange}),e==="delete"&&Pr.createElement(ym,{onClose:o,onDelete:n}),e==="cancel"&&Pr.createElement(gm,{onClose:o,onCancel:r}))}i(js,"SwapDetailsModal");import{i18n as Xo}from"@lingui/core";import{Button as Ks,Divider as $r,MessageBox as Tm,TokenAmount as kC,Typography as Xs}from"@rango-dev/ui";import Ee from"react";import{useNavigate as wC}from"react-router-dom";function Ys(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=wC();return Ee.createElement(ae,{open:e,onClose:o,container:document.getElementById(Le.SWAP_BOX_ID)||document.body},n==="success"?Ee.createElement(Tm,{type:"success",title:Xo.t("Swap Successful")},Ee.createElement(kC,{direction:"vertical",tooltipContainer:B(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:u,percentageChange:c}),Ee.createElement($r,{size:12}),Ee.createElement(Xs,{variant:"body",size:"medium",color:"neutral700",align:"center"},h)):Ee.createElement(Tm,{type:"error",title:Xo.t("Transaction Failed"),description:h}),Ee.createElement($r,{size:32}),n==="success"&&Ee.createElement(Ks,{variant:"contained",type:"primary",size:"large",onClick:()=>{d("../../")}},Ee.createElement(Xs,{variant:"title",size:"medium",color:"neutral100"},Xo.t("Done"))),Ee.createElement($r,{size:12}),m&&Ee.createElement(Ee.Fragment,null,Ee.createElement(Ks,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},Xo.t("Diagnosis")),Ee.createElement($r,{size:12})),Ee.createElement(Ks,{variant:"outlined",type:"primary",size:"large",onClick:o},Ee.createElement(Xs,{variant:"title",size:"medium",color:"primary"},Xo.t("See Details"))))}i(Ys,"SwapDetailsCompleteModal");import BC from"react";import{i18n as WC}from"@lingui/core";import{Alert as Im,IconButton as LC,LinkIcon as MC}from"@rango-dev/ui";import Ut,{Fragment as NC}from"react";import{Alert as vC,ChevronDownIcon as xC,ChevronUpIcon as bC,IconButton as IC}from"@rango-dev/ui";import _r,{useState as AC}from"react";function km(t){let{message:e}=t,[o,n]=AC(!1);return _r.createElement(vC,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&_r.createElement(IC,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?_r.createElement(bC,{size:12,color:"gray"}):_r.createElement(xC,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(km,"FailedAlert");import{styled as EC}from"@rango-dev/ui";var wm=EC("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as vm}from"@lingui/core";import{Alert as Js,Button as xm}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Zs}from"rango-types";import Yo from"react";function bm(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Yo.createElement(Js,{type:"warning",title:n.shortMessage,action:Yo.createElement(xm,{size:"xxsmall",type:"warning",onClick:()=>{o(Zs.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},vm.t("Change"))}):r===Zs.WaitingForConnectingWallet?Yo.createElement(Js,{type:"warning",title:n.shortMessage,action:Yo.createElement(xm,{size:"xxsmall",type:"warning",onClick:()=>{o(Zs.WaitingForConnectingWallet)}},vm.t("Connect"))}):Yo.createElement(Js,{type:"warning",title:n.shortMessage})}i(bm,"WarningAlert");function Rs(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=vo(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l,c=u&&!a||p&&!s.explorerUrl?.length;return Ut.createElement(wm,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(NC,{key:C},Ut.createElement(Im,{type:S&&(y&&"loading"||f&&"error")||"success",title:h.description?`${h.description} Tx`:WC.t("View transaction"),action:h.url&&Ut.createElement(LC,{variant:"ghost",size:"xsmall",onClick:()=>window.open(h.url,"_blank")},Ut.createElement(MC,{size:12}))}))}),c&&Ut.createElement(Im,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Ut.createElement(bm,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Ut.createElement(km,{message:r}))}i(Rs,"SwapDetailsAlerts");var Am=2e3;var Em=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:Ge(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:W(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ge(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:W(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:wo(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Ge(p.fromBlockchain,e)??""},to:{blockchain:Ge(p.toBlockchain,e)??""},swapper:{displayName:wo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:BC.createElement(Rs,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function Wm(t){if(vo(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(Wm,"getStepState");import{css as Jo,darkTheme as PC,styled as Xt}from"@rango-dev/ui";var Lm=Xt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Dr=Xt("div",{width:"100%"}),Mm=Xt(Io,{padding:"$0 $20 $20 $20"}),YF=Xt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Nm=Xt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),JF=Xt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),ho=Jo({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${PC} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),Bm=Jo({padding:"$5 0"}),Fr=Jo({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),Pm=Jo({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),$m=Jo({width:"100%",padding:"0 $20 $10"}),_m=Xt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function ea(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=GC(),p=g().blockchains(),u=g().swappers(),c=g().tokens(),h=V.use.retry(),m=ne.use.isActiveTab(),d=jC(),[C,S]=HC(Am),y=VC(null),[f,w]=Om(null),[k,v]=Om(null),I=i(()=>{r(),w(null)},"onCancel"),x=Oe.use.getUnreadNotifications(),T=Oe.use.setAsRead(),b=x(),N=_C(e),L=N?.networkStatus;Um(()=>{b.find(It=>It.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(v(e.status),T(e.requestId))},[e.status]),Um(()=>{Y?w(Ur.WaitingForNetworkChange):L===Ur.WaitingForConnectingWallet||L===Ur.NetworkChanged?w(L):w(null)},[L]);let M=yl(e),E=N?$C(e,N):null,q=N?DC(e,N):null,R=dm(e),A=Sl(e),X=i(Ue=>!!l(Ue)?.mobileWallet,"isMobileWallet"),Y=L===Ur.WaitingForNetworkChange&&!!E&&!!q?.walletType&&(X(q.walletType)||s(q.walletType,E)),O=Y?a.bind(null,q.walletType,E):void 0,ge=hl(e,N),G=Em({swap:e,switchNetwork:O,showNetworkModal:L,setNetworkModal:w,message:ge,blockchains:p,swappers:u}),J=G.length,[We,Te]=[e.steps[0],e.steps[J-1]],ke=Te.outputAmount||Te.expectedOutputAmountHumanReadable,dt=e.steps.reduce((Ue,It)=>Ue+parseFloat(It.feeInUsd||""),0),z=e.steps.find(Ue=>Ue.diagnosisUrl)?.diagnosisUrl,Z=W(parseFloat(W(ke,6,6))*(Te.toUsdPrice||0),4,4),ee=W(parseFloat(e.inputAmount)*(We.fromUsdPrice||0),4,4),ce=ke?pe(new Fm(ke).multipliedBy(Te.toUsdPrice||0)):"",xe=pe(new Fm(e.inputAmount).multipliedBy(We.fromUsdPrice||0)),we=Ve(ee,Z),ft=e.status==="success"?bt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:W(ke,6,6),token:G[J-1].to.token.displayName,conciseAddress:dn(e.wallets[G[J-1].to.chain.displayName]?.address||""),chain:G[J-1].to.chain.displayName}}):`${bt.t("Transaction was not sent.")} ${M?bt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:M.outputAmount,symbol:M.symbol,blockchain:M.blockchain}}):""}`;return te.createElement(oe,{header:{title:bt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>w("cancel"):void 0,suffix:e.status!=="running"&&te.createElement(oo,null,te.createElement(Dm,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>w("delete")},te.createElement(yo,{size:"medium",variant:"label",color:"error"},bt.t("Delete"))))},footer:A&&!k&&te.createElement(Dm,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{h(e,{blockchains:p,tokens:c}),setTimeout(()=>{d("../../")},0)}},bt.t("Try again"))},te.createElement(se,{compact:!0,view:!0},te.createElement(Dr,null,te.createElement("div",{className:ho()},te.createElement(yo,{variant:"label",size:"large",color:"neutral700"},`${bt.t("Request ID")}:`),te.createElement("div",{className:Fr()},te.createElement(yo,{variant:"label",size:"small",color:"neutral700"},o),te.createElement(OC,{variant:"ghost",onClick:S.bind(null,o||"")},te.createElement(FC,{size:16,color:"gray"})),te.createElement(_m,{target:"_blank",href:`${ca}/swap/${o}`},te.createElement(qC,{size:16})))),te.createElement("div",{className:ho()},te.createElement(yo,{variant:"label",size:"large",color:"neutral700"},`${bt.t(e.finishTime?"Finished at":"Created at")}:`),te.createElement(yo,{variant:"label",size:"small",color:"neutral700"},R))),te.createElement("div",{className:Pm()},te.createElement(zC,{fee:W(String(dt),2,2),time:rn(sn(e.steps)),steps:J}),te.createElement(Bo,{from:{price:{value:W(e.inputAmount,6,6),usdValue:ee,realUsdValue:xe,realValue:e.inputAmount},token:{displayName:G[0].from.token.displayName,image:G[0].from.token.image},chain:{image:G[0].from.chain.image,displayName:G[0].from.chain.displayName}},to:{price:{value:W(ke,6,6),usdValue:Z,realUsdValue:ce,realValue:ke},token:{displayName:G[J-1].to.token.displayName,image:G[J-1].to.token.image},chain:{image:G[J-1].to.chain.image,displayName:G[J-1].to.chain.displayName}},percentageChange:W(we,2,2),warningLevel:ht(we??0)})),te.createElement("div",{className:$m()},te.createElement(yo,{variant:"title",size:"small"},bt.t("Swaps steps"))),te.createElement(UC,{size:8}),te.createElement(Mm,{ref:y},G.map((Ue,It)=>{let pa=It,So=Wm(e.steps[It]),ad=So==="error"||So==="in-progress"||So==="warning"||So==="completed"&&It===G.length-1;return te.createElement(QC,{key:pa,step:Ue,type:"swap-progress",ref:y,state:So,hasSeparator:It!==0,tabIndex:pa,isFocused:ad,tooltipContainer:B()})}))),te.createElement(js,{state:f,onClose:()=>w(null),onCancel:I,onDelete:n,message:ge.detailedMessage.content,currentStepWallet:q,walletButtonDisabled:!m}),te.createElement(Ys,{open:!!k,diagnosisUrl:z,onClose:()=>v(null),status:e.status==="success"?"success":"failed",priceValue:W(ke,6,6),usdValue:Z,realUsdValue:ce,realValue:pe(ke),percentageChange:W(we,2,2),token:{displayName:G[J-1].to.token.displayName,image:G[J-1].to.token.image},chain:{image:G[J-1].to.chain.image},description:ft}))}i(ea,"SwapDetails");import{i18n as qr}from"@lingui/core";import{Divider as Qm,NotFound as ZC,Skeleton as Ro,Typography as zr}from"@rango-dev/ui";import me from"react";import{i18n as KC}from"@lingui/core";import{Divider as XC,Skeleton as YC,Typography as JC}from"@rango-dev/ui";import fe from"react";import{css as rt,styled as ta}from"@rango-dev/ui";var qm=ta("div",{width:"100%",height:"100%",padding:"$10 $20"}),Zo=ta("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Or=ta("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),L1=rt({display:"flex",justifyContent:"space-between",alignItems:"center"}),M1=rt({display:"flex",justifyContent:"space-between",alignItems:"center"}),N1=rt({paddingTop:"$15",display:"flex"}),B1=rt({padding:"$15 $0"}),P1=rt({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),$1=rt({paddingBottom:"$10"}),_1=rt({display:"flex",justifyContent:"start",alignItems:"center"}),D1=rt({paddingTop:"$5",display:"flex",alignItems:"center"}),F1=rt({display:"flex",alignItems:"center"}),U1=rt({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),zm=rt({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function oa(){return fe.createElement(qm,null,fe.createElement(Do,{type:"swap-preview"}),fe.createElement("div",{className:"swaps-steps"},fe.createElement(JC,{variant:"title",size:"small"},KC.t("Swaps steps"))),fe.createElement(fe.Fragment,null,fe.createElement(Zo,null,fe.createElement(mt,{separator:!1}),fe.createElement("div",{className:zm()},fe.createElement(XC,{direction:"horizontal",size:20}),fe.createElement(YC,{height:22,variant:"rectangular"}))),fe.createElement(Or,null),fe.createElement(Zo,null,fe.createElement(mt,{separator:!1})),fe.createElement(Or,null),fe.createElement(Zo,null,fe.createElement(mt,{separator:!1})),fe.createElement(Or,null),fe.createElement(Zo,null,fe.createElement(mt,{separator:!1}))))}i(oa,"LoadingSwapDetails");function Hm(t){let{requestId:e,showSkeleton:o}=t;return me.createElement(oe,{header:{title:qr.t("Swap and Bridge"),suffix:me.createElement(oo,null)}},o&&me.createElement(Lm,null,me.createElement(Dr,null,me.createElement("div",{className:ho()},me.createElement(zr,{variant:"label",size:"large",color:"neutral700"},`${qr.t("Request ID")}:`),me.createElement("div",{className:Fr()},me.createElement(zr,{variant:"label",size:"small",color:"neutral700"},me.createElement(Ro,{width:60,height:10,variant:"rounded"})),me.createElement(Qm,{direction:"horizontal",size:4}),me.createElement(Ro,{width:16,height:16,variant:"rectangular"}),me.createElement(Qm,{direction:"horizontal",size:4}),me.createElement(Ro,{width:16,height:16,variant:"rectangular"}))),me.createElement("div",{className:ho()},me.createElement(zr,{className:Bm(),variant:"label",size:"large",color:"neutral700"},me.createElement(Ro,{width:60,height:10,variant:"rounded"})),me.createElement(zr,{variant:"label",size:"small",color:"neutral700"},me.createElement(Ro,{width:60,height:10,variant:"rounded"})))),me.createElement(oa,null)),!o&&me.createElement(Nm,null,me.createElement(ZC,{title:qr.t("Not found"),description:qr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Hm,"SwapDetailsPlaceholder");function Gm(){let{manager:t,state:e}=tT(),o=!e.loadedFromPersistor,n=Mt(t),{requestId:r}=nT(),s=lt(),{fetchStatus:a}=g();if(!r)return na.createElement(oT,{containerStyles:{margin:"20px"},type:"error",title:RC.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&&eT(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?na.createElement(Hm,{requestId:r,showSkeleton:l}):na.createElement(ea,{swap:h,requestId:r,onCancel:u,onDelete:c})}i(Gm,"SwapDetailsPage");import{i18n as en}from"@lingui/core";import{AutoThemeIcon as rT,DarkModeIcon as iT,LightModeIcon as sT,List as aT,ListItemButton as lT,Radio as ra,RadioRoot as pT,Typography as ia}from"@rango-dev/ui";import Fe from"react";function Vm(){let{setTheme:t,theme:e}=g(),o=[{id:"light",value:"light",title:Fe.createElement(ia,{variant:"title",size:"xmedium"},en.t("Light")),onClick:()=>t("light"),start:Fe.createElement(sT,{color:"gray"}),end:Fe.createElement(ra,{value:"light"})},{id:"dark",value:"dark",title:Fe.createElement(ia,{variant:"title",size:"xmedium"},en.t("Dark")),onClick:()=>t("dark"),start:Fe.createElement(iT,{color:"gray"}),end:Fe.createElement(ra,{value:"dark"})},{id:"auto",value:"auto",title:Fe.createElement(ia,{variant:"title",size:"xmedium"},en.t("Auto")),onClick:()=>t("auto"),start:Fe.createElement(rT,{color:"gray"}),end:Fe.createElement(ra,{value:"auto"})}];return Fe.createElement(oe,{header:{title:en.t("Theme")}},Fe.createElement(se,null,Fe.createElement(pT,{onValueChange:n=>t(n),value:e},Fe.createElement(aT,{type:Fe.createElement(lT,{title:en.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Vm,"ThemePage");function jm(){return Wl(),di(),uT([{path:$.home,element:De.createElement(kc,null)},{path:$.routes,element:De.createElement(Ac,null)},{path:$.fromSwap,children:[{index:!0,element:De.createElement(Fs,{type:"source"})},{path:$.blockchains,element:De.createElement(ks,{type:"source"})}]},{path:$.toSwap,children:[{index:!0,element:De.createElement(Fs,{type:"destination"})},{path:$.blockchains,element:De.createElement(ks,{type:"destination"})}]},{path:$.settings,children:[{index:!0,element:De.createElement(cm,null)},{path:$.themes,element:De.createElement(Vm,null)},{path:$.languages,element:De.createElement(vc,null)},{path:$.exchanges,element:De.createElement(ys,{sourceType:"Exchanges"})},{path:$.bridges,element:De.createElement(ys,{sourceType:"Bridges"})}]},{path:$.swaps,children:[{index:!0,element:De.createElement(fc,null)},{path:$.swapDetails,element:De.createElement(Gm,null)}]},{path:$.wallets,element:De.createElement(Ap,null)},{path:$.confirmSwap,element:De.createElement(oc,null)}])}i(jm,"AppRoutes");import{isApprovalTX as cT,MainEvents as Km,RouteEventType as Xm,StepEventType as Ym,StepExecutionEventStatus as mT,useEvents as dT}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Jm}from"react";function Zm(){let t=g().tokens(),e=j.use.connectedWallets(),o=j.use.getWalletsDetails(),n=Oe.use.setNotification(),r=dT();return Jm(()=>(r.on(Km.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Ym.TX_EXECUTION&&a.status===mT.TX_SENT&&!cT(l)||a.type===Ym.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]),Jm(()=>(r.on(Km.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Xm.FAILED||a.type===Xm.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Zm,"WidgetEvents");import{globalCss as fT}from"@rango-dev/ui";var Rm=i(()=>fT({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");function ed(){let{setWatermark:t}=ne();return{fetchApiConfig:i(async()=>{let o=await fetch(`${gt("BASE_URL")}/meta/dapp/config?apiKey=${gt("API_KEY")}`);if(!o.ok)throw new Error(`Request failed with status: ${o.status} `);let n=await o.json();t(n.config.watermark)},"fetchApiConfig")}}i(ed,"useFetchApiConfig");import{styled as gT}from"@rango-dev/ui";var td=gT("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 Qr(){Rm();let{config:t}=g(),{activeTheme:e}=zn(t?.theme||{}),{activeLanguage:o}=mo(),[n,r]=od(""),[s,a]=od(),l=yT(Tn),{fetchApiConfig:p}=ed();return ST(()=>{Oe.persist.rehydrate(),l.onConnectWallet(r),p().catch(console.log)},[]),tn.createElement(hT,{language:o},tn.createElement(td,{id:"swap-container",className:e()},tn.createElement(Zm,null),tn.createElement(Ra,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},tn.createElement(jm,null))))}i(Qr,"Main");import aa,{useMemo as _T}from"react";import{checkWaitingForNetworkChange as CT,makeQueueDefinition as TT}from"@rango-dev/queue-manager-rango-preset";import{Provider as kT}from"@rango-dev/queue-manager-react";import{useWallets as wT}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as vT}from"@rango-dev/wallets-shared";import{isEvmBlockchain as xT}from"rango-types";import bT,{useMemo as IT}from"react";function AT(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=wT(),l=IT(()=>TT({API_KEY:t.apiKey||gt("API_KEY"),BASE_URL:gt("BASE_URL")}),[t.apiKey]),p=g().blockchains(),c={blockchains:j.use.connectedWallets().map(k=>({accounts:[k],name:k.chain}))},h=i(async(k,v)=>{if(s(k,v))return r(k,v)},"switchNetwork"),m=i(k=>!!a(k).mobileWallet,"isMobileWallet"),d=p.filter(k=>k.enabled).reduce((k,v)=>(k[v.name]=v,k),{}),C=p.filter(xT),S=i(k=>{let{supportedChains:v}=a(k);return pn(v)},"getSupportedChainNames"),y=e(),f={meta:{blockchains:d,evmBasedChains:C,evmNetworkChainInfo:vT(C),getSupportedChainNames:S},getSigners:o,wallets:c,providers:y,switchNetwork:h,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},w=ne.use.isActiveTab();return bT.createElement(kT,{queuesDefs:[l],context:f,onPersistedDataLoaded:k=>{CT(k)},isPaused:!w},t.children)}i(AT,"QueueManager");var nd=AT;import{useManager as NT}from"@rango-dev/queue-manager-react";import BT,{createContext as PT,useContext as $T}from"react";import{cancelSwap as ET,getCurrentBlockchainOfOrNull as WT,getCurrentStep as LT,getRelatedWalletOrNull as MT}from"@rango-dev/queue-manager-rango-preset";var on=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return Mt(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&&ET(o)}getCurrentStepInfo(e){let o=LT(e);return{step:o,wallet:o?MT(e,o):null,network:o?WT(e,o):null}}};i(on,"WidgetHistory");var rd=PT(void 0);function sa(t){let{manager:e}=NT(),o=ne.use.isActiveTab(),n=V.use.retry(),r=new on(e,{retrySwap:n}),s=j.use.connectedWallets(),a=j.use.loading(),l=ka(s),p=j.use.getWalletsDetails(),u=g().blockchains(),c=g().tokens(),h=g().swappers(),m=g().fetchStatus,d=mo().resetLanguage,C=Oe().getUnreadNotifications(),S={isActiveTab:o,setCurrentTabAsActive:qt.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 BT.createElement(rd.Provider,{value:S},t.children)}i(sa,"WidgetInfo");function id(){let t=$T(rd);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(id,"useWidget");function Hr(t){let{onUpdateState:e,config:o}=t;return _T(()=>{Aa({API_KEY:o?.apiKey||nn,BASE_URL:o?.apiUrl||ua})},[o.apiKey,o.apiUrl]),aa.createElement(kn,{config:o,onUpdateState:e},aa.createElement(nd,{apiKey:o.apiKey},aa.createElement(sa,null,t.children)))}i(Hr,"WidgetProvider");function sd(t){return DT(()=>(qt.init(),qt.destroy),[]),t.config?.externalWallets?la.createElement(Qr,null):la.createElement(Hr,{config:t.config??Jr},la.createElement(Qr,null))}i(sd,"Widget");export{Tq as EventSeverity,kq as MainEvents,Mq as Networks,Pq as PendingSwapNetworkStatus,wq as RouteEventType,vq as StepEventType,xq as StepExecutionBlockedEventStatus,bq as StepExecutionEventStatus,Le as UI_ID,Wq as WalletEvents,Nq as WalletTypes,sd as Widget,Hr as WidgetProvider,kn as WidgetWallets,Ti as customizedThemeTokens,Eq as readAccountAddress,Pp as useWallets,id as useWidget,Iq as useWidgetEvents};
 //# sourceMappingURL=index.js.map