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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -1,3 +1,3 @@
1
- var ud=Object.defineProperty;var i=(t,e)=>ud(t,"name",{value:e,configurable:!0});import{EventSeverity as kq,MainEvents as wq,RouteEventType as vq,StepEventType as xq,StepExecutionBlockedEventStatus as bq,StepExecutionEventStatus as Iq,useEvents as Aq}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as Wq,useWallets as Pp,Events as Lq}from"@rango-dev/wallets-react";import{Networks as Nq,WalletTypes as Bq}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as $q}from"rango-types";import{UI_ID as cd}from"@rango-dev/ui";var tn="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 ei,Provider as Hd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Gd}from"rango-sdk";import yn,{createContext as Vd,useEffect as ti,useRef as jd,useState as Kd}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 ek,Networks as ha}from"@rango-dev/wallets-shared";import Gr 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 on=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),E=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new 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 nn=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 E(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 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=Vr(t(r));return{title:s,image:a,link:gd(l),state:p,type:r}})}i(ya,"mapWalletTypesToWalletInfo");function an(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(an,"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 ln(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(ln,"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 Gr(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=E(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new Gr(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"),pn=i((t,e)=>{let o=hd(Object.entries(t).map(([,n])=>n).filter(Sd));return o&&o[e]?.experimental},"isExperimentalChain");function un(t){return t?{...t,amount:E(t.amount,8,8),usdValue:E(t.usdValue,4,4)}:null}i(un,"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 cn(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(cn,"getConciseAddress");function ba({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(ba,"getAddress");function jr(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(jr,"createTokenHash");function mn(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??We).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(mn,"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 Kr={API_KEY:tn};function ht(t){return Kr[t]||""}i(ht,"getConfig");function Ea(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Kr=e,Kr}i(Ea,"initConfig");var Wa=20,La=25,Ma="Roboto",Xr="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"),Yr=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var dn,It=i(()=>dn||(dn=new vd(ht("API_KEY"),ht("BASE_URL")),dn),"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"),At=xd;var X=At(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:mn(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=>ln(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await It().getWalletsDetails(a)).wallets;if(p)t(u=>{let c=u.connectedWallets.map(m=>{let d=o.find(S=>ln(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:mn(c),connectedWallets:c}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(c=>o.find(h=>ln(h,c))?ka(c):c);return{loading:!1,balances:mn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=jr(o);return n[r]??null}}))));import{allProviders as Ad}from"@rango-dev/provider-all";function fn(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(fn,"matchAndGenerateProviders");function Na(t,e){return fn(t,e).map(r=>r.config.type)}i(Na,"configWalletsToWalletName");function Ba(t,e){let o=X.use.clearConnectedWallet(),n=fn(void 0,e);return Ed(()=>{o(),n=fn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Ba,"useWalletProviders");import Dd,{createContext as Fd,useContext as Ud,useEffect as Od,useRef as qd}from"react";import{create as $d}from"zustand";import{persist as _d}from"zustand/middleware";var Jr={apiKey:"",title:void 0,multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},Wd={clientUrl:void 0},Ld={liquiditySources:void 0},Pa=i((t,e,o)=>({config:{...Jr,...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 gn(t){return Array.from(new Set(t))}i(gn,"removeDuplicateFrom");function Zr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Zr,"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 Ft(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Ft,"containsText");var N=i(()=>document.getElementById(Ee.SWAP_BOX_ID),"getContainer");function hn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return gn(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(hn,"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?!!(Ft(p.symbol,o.searchFor)||Ft(p.address||"",o.searchFor)||Ft(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 It().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,Spanish as Pd}from"@rango-dev/ui";var Ua=[{title:"English",label:"English",local:"en",SVGFlag:Md},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Pd},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Nd},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Bd}],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=gn(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()(_d((...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=Fd(null);function g(){let t=Ud(ja);if(Od(()=>{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=qd();return e.current||(e.current=Va(t.config)),Dd.createElement(ja.Provider,{value:e.current},t.children)}i(Ka,"AppStoreProvider");import{create as Qd}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=At(Qd()((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})}}))),Ut=new Xt({onInit:()=>ne.setState({tabManagerInitiated:!0}),onClaim:()=>ne.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>ne.setState({isActiveTab:!1})});var Sn=Vd({onConnectWallet:()=>{}});function Xd(t){let{updateConfig:e,updateSettings:o,fetch:n}=g(),r=g().blockchains(),s=g().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=Kd([]),{providers:u}=Ba(t.config.wallets,a),{connectWallet:c,disconnectWallet:h}=X(),m=jd();ti(()=>{n().catch(console.log)},[]),ti(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let d=r.filter(Gd).map(y=>y.name),C=i((y,f,w,k,v)=>{if(f===ei.ACCOUNTS)if(w){let I=an(v.supportedBlockchains),x=Sa(y,w,d,I,v.isContractWallet);p(x)}else h(y);if(f===ei.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===ei.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 ti(()=>{l.length&&c(l,s)},[l,s]),yn.createElement(Sn.Provider,{value:{onConnectWallet:y=>{m.current=y}}},yn.createElement(Hd,{allBlockChains:r,providers:u,onUpdateState:C,autoConnect:!!S},t.children))}i(Xd,"Main");function Cn(t){let{config:e,...o}=t;return yn.createElement(Ka,{config:e},yn.createElement(Xd,{...o,config:e}))}i(Cn,"WidgetWallets");import pa,{useEffect as FT}from"react";import{I18nManager as yT}from"@rango-dev/ui";import Ro,{useContext as ST,useEffect as CT,useState as rd}from"react";import{useQueueManager as Rd}from"@rango-dev/queue-manager-rango-preset";import{useWallets as ef}from"@rango-dev/wallets-react";import{isEvmBlockchain as tf}from"rango-types";import of,{Fragment as nf}from"react";import{MemoryRouter as rf,useInRouterContext as sf}from"react-router";import{useWallets as Yd}from"@rango-dev/wallets-react";import{useEffect as Jd,useRef as Zd}from"react";function Za(){let{connect:t,state:e}=Yd(),o=Zd({}),{fetchStatus:n}=g(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Jd(()=>{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=sf()?nf:rf,r=g().blockchains(),{canSwitchNetworkTo:s}=ef();Za();let a=r.filter(tf);return Rd({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),of.createElement(n,null,t)}i(Ra,"AppRouter");import $e from"react";import{useRoutes as cT}from"react-router-dom";var F={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 En}from"react";import Wt from"bignumber.js";import{create as mf}from"zustand";import{subscribeWithSelector as df}from"zustand/middleware";import{getLastSuccessfulStep as cf}from"@rango-dev/queue-manager-rango-preset";import Fv from"bignumber.js";import{i18n as at}from"@lingui/core";var oi={"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")},ov={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")},ni=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"];var Et=(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))(Et||{});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 ri(t,e){return e.find(o=>Le(o,t))??null}i(ri,"findToken");function ii(t,e){return e.find(o=>o.name===t)??null}i(ii,"findBlockchain");import{i18n as Ye}from"@lingui/core";import Me from"bignumber.js";import{PendingSwapNetworkStatus as vn}from"rango-types";function Tn(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(Tn,"getRequiredWallets");function kn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(kn,"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 wn}from"@lingui/core";var qt=i(()=>({connectWallet:wn.t("Connect Wallet"),swap:wn.t("Swap"),swapAnyway:wn.t("Swap anyway"),ethWarning:wn.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:E(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:E(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:E(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:E(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: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 si(t,e,o){return!((!o||o.lte(We))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(si,"canComputePriceImpact");function af(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(af,"requiredWallets");var lf=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function pf(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=lf(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Me(r.amount).multipliedBy(s||0))}return o}i(pf,"getUsdFeeOfStep");function xn(t,e){return t.reduce((o,n)=>o.plus(pf(n,e)),We)}i(xn,"getTotalFeeInUsd");function ai(t){let e=We;return e=e.plus(new Me(t.amount).multipliedBy(t.price||0)),e}i(ai,"getUsdFee");function sl(t){return t.reduce((e,o)=>e.plus(ai(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 bn(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(bn,"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=E(new Me(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=E(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 In(t,e){return(t?new Me(t):We).multipliedBy(e||0)}i(In,"calcOutputUsdValue");function wo(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==vn.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 vn.WaitingForConnectingWallet:n=n||Ye.t("Waiting for connecting wallet");break;case vn.WaitingForQueue:n=n||Ye.t("Waiting for other running tasks to be finished");break;case vn.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&&!af(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!kn(s,o)}i(Cl,"confirmSwapDisabled");function An(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(An,"getQuoteToTokenUsdPrice");function li(t,e){let o=t?.swaps||[],n=e?.swaps||[];return o.length!==n.length}i(li,"isNumberOfSwapsChanged");function pi(t,e){let o=t?.swaps.map(r=>r.swapperId)||[],n=e?.swaps.map(r=>r.swapperId)||[];return!Zr(o,n)}i(pi,"isQuoteSwappersUpdated");function ui(t,e){let o=t?.swaps.map(r=>r.to.symbol)||[],n=e?.swaps.map(r=>r.to.symbol)||[];return!Zr(o,n)}i(ui,"isQuoteInternalCoinsUpdated");function wl(t,e){return li(t,e)||pi(t,e)||ui(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=cf(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=ii(s?s.toBlockchain:n.fromBlockchain,e),p=ii(r.toBlockchain,e),u=ri(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=ri(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=zt(o,t.requestAmount),l=zt(n,t?.outputAmount??"");if(t&&a&&l){let c=Ve(a.toString(),l.toString());if(!!c&&ol(a,c)){let m=xn(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=bn(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=ni.indexOf(o.value),s=ni.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 zt=i((t,e)=>t?.usdPrice?new Wt(e||We).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),V=At(mf()(df(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Wt(0),outputUsdValue:new Wt(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 Wt(e?.outputAmount):null,r=In(e?.outputAmount,An(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 Wt(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:zt(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 Wt(0),outputUsdValue:new Wt(0),selectedQuote:null},...!!o.fromToken&&{inputUsdValue:zt(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:zt(a??null,u),outputUsdValue:new Wt(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:zt(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=En(void 0),I=En(void 0),x=En(void 0),T=En(void 0);Zt(()=>{t(u?.amount?.toString()||"")},[u?.amount]),Zt(()=>{if(c==="success"){let b=h.find(W=>W.name===u?.from?.blockchain),L=m.find(W=>Le(W,u?.from?.token||null));(b||!b&&x.current)&&n(b??null),L?r({token:L,meta:{blockchains:h,tokens:m}}):!L&&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}),Yr(l,f)&&n(null)},[y,f]),Zt(()=>{Co(a,w)&&r({token:null}),Yr(p,k)&&o(null)},[w,k]),Zt(()=>{if(c==="success"){let b=h.find(W=>W.name===u?.to?.blockchain),L=m.find(W=>Le(W,u?.to?.token||null));(b||!b&&T.current)&&o(b??null),L?e({token:L,meta:{blockchains:h,tokens:m}}):!L&&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 di,useRef as ff}from"react";import{useInRouterContext as gf,useLocation as hf,useSearchParams as yf}from"react-router-dom";function ci(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(ci,"searchParamToToken");function mi(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(mi,"tokenToSearchParam");function fi(){let t=hf(),[e,o]=yf(),{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=gf(),{updateIframe:f,updateCampaignMode:w}=g(),k=g().isInCampaignMode(),v=ff(),I=i(()=>{let T=e.get("fromAmount"),b=e.get("fromBlockchain"),L=e.get("fromToken"),W=e.get("toBlockchain"),B=e.get("toToken"),A=e.get("autoConnect"),O=e.get("clientUrl"),q=e.get("liquiditySources");return{fromAmount:T,fromBlockchain:b,fromToken:L,toBlockchain:W,toToken:B,autoConnect:A,clientUrl:O,liquiditySources:q}},"getUrlSearchParams"),x=i(T=>{for(let b in T)T[b]||delete T[b];o(T,{replace:!0})},"updateUrlSearchParams");di(()=>{let{autoConnect:T,clientUrl:b}=I();y&&d==="success"&&x({["fromBlockchain"]:n?.name,["fromToken"]:mi(s),["toBlockchain"]:r?.name,["toToken"]:mi(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]),di(()=>{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),L=ci(S,T.fromToken,b??null),W=C.find(A=>A.name===T.toBlockchain),B=ci(S,T.toToken,W??null);b&&(p(b),L&&c({token:L,meta:{blockchains:C,tokens:S}})),W&&(u(W),B&&h({token:B,meta:{blockchains:C,tokens:S}}))}},[d]),di(()=>{let{clientUrl:T,liquiditySources:b}=I();f("clientUrl",T||void 0),w("liquiditySources",b?.split(",")??void 0)},[])}i(fi,"useSyncUrlAndStore");import{i18n as gr}from"@lingui/core";import{useManager as ny}from"@rango-dev/queue-manager-react";import{Alert as ec,Button as ry,css as as,Divider as ss,IconButton as tc,SettingsIcon as iy,styled as sy,Tooltip as ay,Typography as ly,WalletIcon as py}from"@rango-dev/ui";import ue,{useEffect as Fo,useLayoutEffect as uy,useRef as cy,useState as hr}from"react";import{flushSync as my}from"react-dom";import{useLocation as dy,useNavigate as fy}from"react-router-dom";import{i18n as pt}from"@lingui/core";import{Alert as Oi,BalanceErrors as jg,Button as $p,ChevronDownIcon as Kg,ChevronLeftIcon as Xg,Divider as ro,MessageBox as Yg,Typography as Jn,WalletIcon as Jg}from"@rango-dev/ui";import _,{useEffect as Zg,useState as io}from"react";import{useNavigate as Rg}from"react-router-dom";import{i18n as Wn}from"@lingui/core";function Ln(t){switch(t.type){case 0:return Wn.t("Route has been updated.");case 3:return Wn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Wn.t("Route swappers has been updated.");case 2:return Wn.t("Route internal coins has been updated.");default:return""}}i(Ln,"getQuoteUpdateWarningMessage");import{Modal as Cf}from"@rango-dev/ui";import Tf from"react";function ae(t){let{watermark:e}=ne();return Tf.createElement(Cf,{hasWatermark:e==="FULL",...t},t.children)}i(ae,"WatermarkedModal");import Pn,{useRef as vf}from"react";import*as Rt from"@radix-ui/react-collapsible";import{keyframes as Ll,styled as Mn}from"@rango-dev/ui";var gi=300,kf=Ll({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),wf=Ll({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Ml=Mn(Rt.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),hi=Mn(Rt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),Nn=Mn(Rt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${kf} ${gi}ms ease-out`},false:{animation:`${wf} ${gi}ms ease-out`}}}}),Bn=Mn("div",{transition:`all ${gi}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=vf(null);return Pn.createElement(Ml,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&Pn.createElement(hi,{className:"collapsible_trigger",onClick:s},a),Pn.createElement(Nn,{className:"collapsible_content",open:e},r),l==="bottom"&&Pn.createElement(hi,{className:"collapsible_trigger",onClick:s},a))}i($n,"CustomCollapsible");import{Button as xf,css as Nl,darkTheme as eo,IconButton as bf,styled as je,TextField as If}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%"}),Af=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(Af,{alignSelf:"stretch",minHeight:"93px"}),_l=je("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Dl=je(bf,{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(If,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Hl=je("div",{overflow:"visible",width:"100%"}),Gl=je(xf,{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 Qg,Divider as Fi,Image as Hg,MessageBox as Yn,SelectableWallet as Gg,Typography as Mp,WalletState as Np}from"@rango-dev/ui";import le,{useEffect as Bp,useState as Ao}from"react";import{WalletState as yi}from"@rango-dev/ui";import{useWallets as Ef}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Wf,WalletTypes as _n}from"@rango-dev/wallets-shared";import{useCallback as Lf,useEffect as Mf,useState as Nf}from"react";var Bf=Object.values(_n);function Dn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Ef(),{connectedWallets:u}=X(),c=g().blockchains(),h=Na(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Bf,m=ya(s,l,h,o),d=xa(m),[C,S]=Nf(""),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===yi.CONNECTED);if(!e?.multiWallets&&T)return;n?.(I),await p(I),r?.(I)}}catch(T){S("Error: "+T?.message)}},"handleClick"),w=Lf(()=>{let I=m?.filter(x=>x.state===yi.CONNECTING)||[];for(let x of I)a(x.type)},[Aa(m)]);Mf(()=>()=>{w()},[]);let k=i(I=>I.filter(T=>T.state!=yi.NOT_INSTALLED&&![_n.DEFAULT,_n.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)=>pn(T,x)&&y(I)&&!Wf.includes(I)||I==_n.DEFAULT&&!k(m),"shouldExcludeWallet");return{list:d.filter(I=>!v(I.type,o??"",c)),error:C,handleClick:f,disconnectConnectingWallets:w}}i(Dn,"useWalletList");import{i18n as xp}from"@lingui/core";import{styled as Ip,Typography as _g,Wallet as Dg,WalletState as Fg}from"@rango-dev/ui";import no,{useState as bp}from"react";import{useManager as Ig}from"@rango-dev/queue-manager-react";import{BottomLogo as Ag,Divider as hp,Header as Eg}from"@rango-dev/ui";import de,{useEffect as yp,useRef as Sp}from"react";import{useRef as Pf}from"react";function Fn(){return window.self!==window.top}i(Fn,"isAppLoadedIntoIframe");function Si(){let t=Pf(null),{iframe:e}=g(),o=Fn()&&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(Si,"useIframe");import{useNavigate as $f}from"react-router-dom";function lt(){let t=$f();return()=>t(-1)}i(lt,"useNavigateBack");import{createTheme as wi,darkTheme as Of,lightTheme as qf}from"@rango-dev/ui";import{useEffect as Xl,useState as zf}from"react";import{theme as Ff,darkColors as Uf}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"),Un=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"),Ci=i((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let s in o){let a=o[s];if(a&&a!==t[s])if(n=!0,s==="background"||s==="foreground")r={...r,[s]:a};else if(s==="neutral"&&e){let l=Un(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,...Un(s,a)}}return n?r:{}},"generateColors");var jl=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),_f=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"),Df=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Ti=i(t=>_f(Df(5381,JSON.stringify(t))>>>0),"toHash");function ki(t){let e=Ff.colors,o=Ci({...e,...Uf},!0,t?.dark),n=Ci(e,!1,t?.light),r=Object.keys(o).length>0,s=Object.keys(n).length>0,a,l;if(s){let p={colors:n};a={id:`${Xr}-light-${Ti(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${Xr}-dark-${Ti(p)}`,tokens:p}}return{light:a,dark:l}}i(ki,"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 On(t){let{colors:e,fontFamily:o=Ma,borderRadius:n=Wa,secondaryBorderRadius:r=La,mode:s="auto"}=t,[a,l]=zf("light"),{setTheme:p,theme:u}=g(),{dark:c,light:h}=ki(e),m=wi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[m.className,qf.className],C=[m.className,Of.className];if(h){let y=wi(h.id,h.tokens);d.push(y.className)}if(c){let y=wi(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(On,"useTheme");var Lt=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 Hf}from"@rango-dev/ui";import Jl from"react";function vi(t){return Jl.createElement(Qf,{action:Jl.createElement(Hf,{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(vi,"ActivateTabAlert");import{i18n as xi}from"@lingui/core";import{Button as Gf,Divider as Vf,MessageBox as jf}from"@rango-dev/ui";import qn from"react";function bi(t){let{open:e,onClose:o,onConfirm:n}=t;return qn.createElement(ae,{open:e,dismissible:!0,onClose:o,container:N()},qn.createElement(jf,{title:xi.t("Activate current tab"),type:"warning",description:xi.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(Vf,{size:20}),qn.createElement(Gf,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},xi.t("Confirm"))))}i(bi,"ActivateTabModal");import{ChevronLeftIcon as Yf}from"@rango-dev/ui";import tp from"react";import{darkTheme as Kf,IconButton as Xf,styled as vo}from"@rango-dev/ui";var Ke=vo(Xf,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Zl=vo("div",{position:"absolute",background:"$secondary500",[`.${Kf} &`]:{$$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 Ii(t){return tp.createElement(Ke,{variant:"ghost",size:"small",onClick:t.onClick},tp.createElement(Yf,{color:"black",size:16}))}i(Ii,"BackButton");import{i18n as Jf}from"@lingui/core";import{Button as Zf,Typography as Rf}from"@rango-dev/ui";import Ai from"react";function Ei(t){return Ai.createElement(to,null,Ai.createElement(Zf,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Ai.createElement(Rf,{variant:"label",size:"medium",color:"error500"},Jf.t("Cancel"))))}i(Ei,"CancelButton");import{i18n as eg}from"@lingui/core";import{Tooltip as tg,WalletIcon as og}from"@rango-dev/ui";import zn from"react";function Wi(t){return zn.createElement(tg,{container:t.container,side:"top",content:eg.t("Connect Wallet")},zn.createElement(Ke,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&zn.createElement(Zl,null),zn.createElement(og,{size:18,color:"black"})))}i(Wi,"WalletButton");import{i18n as Vn}from"@lingui/core";import{NotificationsIcon as wg,Popover as vg,SettingsIcon as xg,Tooltip as jn,TransactionIcon as bg}from"@rango-dev/ui";import we from"react";import{i18n as ug}from"@lingui/core";import{EventSeverity as cg}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as ap,ChevronRightIcon as mg,ListItemButton as dg,Typography as fg}from"@rango-dev/ui";import Je from"react";import{useNavigate as gg}from"react-router-dom";import{create as ng}from"zustand";import{persist as rg,subscribeWithSelector as ig}from"zustand/middleware";var Oe=At(ng()(rg(ig((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 Qn}from"@rango-dev/ui";var op=Qn("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),np=Qn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),rp=Qn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),ip=Qn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as sg}from"@lingui/core";import{Divider as ag,NoNotificationIcon as lg,Typography as pg}from"@rango-dev/ui";import Hn from"react";function sp(){return Hn.createElement(ip,null,Hn.createElement(lg,{color:"secondary",size:26}),Hn.createElement(ag,{size:12}),Hn.createElement(pg,{variant:"body",size:"medium",color:"neutral700"},sg.t("There are no notifications.")))}i(sp,"NotificationNotFound");var hg=4;function Li(){let t=gg(),{getUnreadNotifications:e}=Oe(),o=e(),n=g().blockchains(),r=g().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,hg),a=i(l=>{t(`${F.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(dg,{key:u,onClick:()=>a(u),title:Je.createElement(fg,{variant:"body",size:"small",color:c.messageSeverity===cg.WARNING?"$foreground":"$neutral700"},ug.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(mg,{size:12,color:"gray"})})})):Je.createElement(sp,null))}i(Li,"NotificationContent");import{RefreshProgressButton as yg}from"@rango-dev/ui";import Mi,{useEffect as Sg,useState as lp}from"react";var Cg=1e3,pp=60,Tg=100;function Gn({onClick:t}){let[e,o]=lp(0),[n,r]=lp(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");Sg(()=>{let p;return t?p=window.setInterval(()=>{o(u=>u+1),e===pp&&l()},Cg):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 Mi.createElement(Ke,{variant:"ghost",size:"small",onClick:l,disabled:!t},Mi.createElement(ep,{onTransitionEnd:()=>r(!1),isRefetched:n},Mi.createElement(yg,{size:24,color:t?"black":"gray",progress:e/pp*Tg})))}i(Gn,"RefreshButton");import{Typography as kg}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(kg,{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(jn,{container:N(),side:"top",content:Vn.t("Refresh")},we.createElement(Gn,{onClick:e})),!a&&we.createElement(vg,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:N(),content:we.createElement(Li,null)},we.createElement("div",null,we.createElement(jn,{container:N(),side:"top",content:Vn.t("Notifications")},we.createElement(Ke,{size:"small",variant:"ghost"},we.createElement(wg,{size:18,color:"black"}),we.createElement(cp,null))))),!r.includes("settings")&&we.createElement(jn,{container:N(),side:"top",content:Vn.t("Settings")},we.createElement(Ke,{size:"small",variant:"ghost",onClick:n},we.createElement(xg,{size:18,color:"black"}))),!r.includes("history")&&we.createElement(jn,{container:N(),side:"top",content:Vn.t("Transactions History")},we.createElement(Ke,{size:"small",variant:"ghost",onClick:o},we.createElement(bg,{size:18,color:"black"}))))}i(xo,"HeaderButtons");function Ni(t){let e=t.target;if(e){let o=e.scrollTop,n=N();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(Ni,"onScrollContentAttachStatusToContainer");import{styled as Bi}from"@rango-dev/ui";var mp="700px",dp=Bi("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=Bi("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),gp=Bi("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}=Si(),{children:n,header:r,footer:s,height:a="fixed"}=t,l=X.use.connectedWallets(),{config:{features:p,theme:u}}=g(),{watermark:c}=ne(),h=c==="FULL",{activeTheme:m}=On(u||{}),d=He("connectWalletButton",p),{isActiveTab:C,tabManagerInitiated:S,showActivateTabModal:y,setShowActivateTabModal:f,activateCurrentTab:w}=ne(),k=lt(),{manager:v}=Ig(),x=Lt(v).map(({swap:A})=>A).some(A=>A.status==="running"),T=i(()=>w(Ut.forceClaim,x),"onActivateTab"),b=i(()=>{r.onWallet?.()},"onConnectWallet"),L=typeof r.hasBackButton>"u"||r.hasBackButton,W=Sp(null),B=Sp(null);return yp(()=>(Fn()&&B.current&&e(B.current),()=>{o()}),[]),yp(()=>(W.current?.addEventListener("scroll",Ni),()=>{W.current?.removeEventListener("scroll",Ni)}),[]),de.createElement(dp,{height:a,id:Ee.SWAP_BOX_ID,className:m(),ref:B},de.createElement(Eg,{prefix:de.createElement(de.Fragment,null,L&&de.createElement(Ii,{onClick:()=>{k(),r.onBack&&r.onBack()}})),title:r.title,suffix:de.createElement(de.Fragment,null,r.suffix,r.onWallet&&!d&&de.createElement(Wi,{container:N(),onClick:b,isConnected:!!l?.length}),r.onCancel&&de.createElement(Ei,{onClick:r.onCancel}))}),de.createElement(fp,{ref:W},n),de.createElement(bi,{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(vi,{onActivateTab:T}))),de.createElement(hp,{size:12}),de.createElement("div",{className:`footer__logo ${h?"logo__show":"logo__hidden"}`},de.createElement(Ag,null))))}i(oe,"Layout");import{styled as Wg}from"@rango-dev/ui";var Cp="$20 $20 $10 $20",bo=Wg("div",{padding:Cp,overflowY:"auto",flexGrow:1});import{styled as Lg}from"@rango-dev/ui";var se=Lg("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 Bg,MessageBox as Pi,WalletState as Pg}from"@rango-dev/ui";import Qt from"react";import{keyframes as Mg,styled as Kn}from"@rango-dev/ui";var jA=Kn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Tp=Kn("div",{position:"relative"}),Ng=Mg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),kp=Kn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Ng} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),wp=Kn("div",{"& img":{borderRadius:"50%"}});function vp(t){let{state:e,image:o,error:n}=t;return e===Pg.CONNECTED?Qt.createElement(Pi,{type:"success",title:oo.t("Wallet Connected"),description:oo.t("Your wallet is connected, you can use it to swap.")}):n?Qt.createElement(Pi,{type:"error",title:oo.t("Failed to Connect"),description:n||oo.t("Your wallet is not connected. Please try again.")}):Qt.createElement(Pi,{type:"loading",title:oo.t("Connecting to your wallet"),description:oo.t("Click connect in your wallet popup."),icon:Qt.createElement(Tp,null,Qt.createElement(wp,null,Qt.createElement(Bg,{src:o,size:45})),Qt.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 Ug=Ip("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Og=Ip(se,{textAlign:"center"}),Xn=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}=Dn({config:t,onBeforeConnect:y=>{a=setTimeout(()=>{n(!0),s(y)},_i)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Xn)}}),m=i(()=>{h(),n(!1)},"handleCloseWalletModal"),d=p.find(y=>y.type===r),C=d?.image||"",S=d?.state||Fg.NOT_INSTALLED;return no.createElement(oe,{header:{title:xp.t("Connect Wallets")}},no.createElement(Og,null,no.createElement(_g,{variant:"title",size:"xmedium",align:"center"},xp.t("Choose a wallet to connect.")),no.createElement(Ug,null,p.map((y,f)=>{let w=`wallet-${f}-${y.type}`;return no.createElement(Dg,{key:w,...y,container:N(),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 qg,styled as Di}from"@rango-dev/ui";var Ep=Di("div",{position:"relative"}),zg=qg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Wp=Di("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${zg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Lp=Di("div",{"& img":{borderRadius:"50%"}});var Vg=7;function Ui(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=g(),l=ne.use.isActiveTab(),p=X.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}=Dn({config:a,chain:e,onBeforeConnect:M=>{k=setTimeout(()=>{h(M)},_i)},onConnect:()=>{k&&clearTimeout(k),setTimeout(()=>{h("")},Xn)}}),[b,L]=Ao(v),W=v.length,B=r&&W-r>0,A=i(async M=>{S(!1),f("in-progress");try{await w(M.walletType,M.chain),f("completed")}catch{f("rejected")}},"addExperimentalChain");Bp(()=>{L(M=>{let ee=v.findIndex(te=>o(te.type,e));return B&&ee>1?[v[ee]].concat(v.filter((te,Q)=>Q!==ee)):M.map(te=>v.find(Q=>Q.type===te.type)??te)})},[JSON.stringify(v)]);let O=document.getElementById(Ee.SWAP_BOX_ID);Bp(()=>{let M=null;return(y==="completed"||y==="rejected")&&(M=setTimeout(()=>f(null),Xn)),()=>{M&&clearTimeout(M)}},[y]);let q=i(()=>{T(),h("")},"handleCloseWalletModal");return le.createElement(le.Fragment,null,b.slice(0,r).map(M=>{let ee=ba({connectedWallets:p,walletType:M.type,chain:e}),te=ee?cn(ee,Vg):"",Q=pn(u(),e),me=!p.find($=>$.walletType===M.type&&$.chain===e),G=Q&&me&&M.state===Np.CONNECTED,J=G?Ze.t({id:"Add {chain} chain",values:{chain:e}}):te,Ae=i(()=>{M.state===Np.DISCONNECTED?x(M.type):G?(d({walletType:M.type,chain:e,address:ee??""}),S(!0)):n({walletType:M.type,chain:e,address:ee??""})},"onClick"),Ce=m?.chain?el(m.chain,u()):void 0;return le.createElement(le.Fragment,null,le.createElement(Io,{open:c===M.type,onClose:q,image:M.image,state:M.state,error:I}),!!m&&le.createElement(ae,{open:!!m&&C,container:O,onClose:()=>{d(null)}},le.createElement(Yn,{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(Fi,{size:18}),le.createElement(Fi,{size:32}),le.createElement(Qg,{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(Yn,{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(Hg,{src:M.image,size:45})),le.createElement(Wp,null))}),y==="completed"&&le.createElement(Yn,{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(Yn,{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(Fi,{direction:"vertical",size:32})),le.createElement(Gg,{key:M.type,description:J,onClick:Ae,selected:o(M.type,e),disabled:!l,...M}))}),B&&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+",W-(r??0)))))}i(Ui,"WalletList");var eh=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}=X(),[y,f]=io(""),[w,k]=io([]),[v,I]=io(""),[x,T]=io(null),[b,L]=io(!!m),W=Tn(p?.swaps||null),B=l.find($=>$.name===p?.swaps[p?.swaps.length-1].to.blockchain),A=i($=>!!p?.swaps.find(K=>K.from.blockchain===$),"isWalletRequiredFor"),[O,q]=io(C.filter($=>$.selected&&W.includes($.chain))),M=l.find($=>$.name===B?.name),ee=i(($,K)=>!!O.find(Z=>Z.walletType===$&&Z.chain===K&&Z.selected&&(A(K)||!A(K)&&!m)),"isSelected"),te=!!m&&b&&M&&!kn(M,m),Q=i(()=>{L(!1),d(null),q($=>{let K=!1;return $.map(Z=>!K&&Z.chain===B?.name?(K=!0,{...Z,selected:!0}):Z)})},"resetCustomDestination"),me=i($=>{if(y&&f(""),ee($.walletType,$.chain))return;let Z=C.find(Te=>Te.walletType===$.walletType&&Te.chain===$.chain);Z&&(n(),$.chain===B?.name&&b&&(L(!1),d(null)),q(Te=>Te.filter(Fe=>Fe.chain!==$.chain).concat({...Z,selected:!0})))},"onChange"),G=i(()=>{let $=O.filter(K=>K.selected);S($),u($),h(!0),o()},"onConfirmBalance"),J=i(async()=>{k([]),I(""),T(null);let $=C.filter(Te=>O.find(Fe=>Fe.chain===Te.chain&&Fe.walletType===Te.walletType)),K=await r?.({selectedWallets:$,customDestination:m}),Z=K.warnings;Z?.balance?.messages&&k(Z.balance.messages),Z?.quoteUpdate&&T(Z.quoteUpdate),K.error&&I(tl(K.error)),!K.error&&(!Z?.balance?.messages.length||0>0)?G():k(Z?.balance?.messages??[])},"onConfirmWallets");Zg(()=>{q($=>$.concat(C.filter(K=>!!!$.find(Te=>Te.chain===K.chain)&&K.selected&&W.includes(K.chain))))},[C.length]);let Ae=document.getElementById(Ee.SWAP_BOX_ID),Ce=Rg();return _.createElement(ae,{open:e,onClose:()=>{c||Ce("../",{replace:!0}),o()},dismissible:!y,container:Ae,...!y&&{footer:_.createElement(zl,null,_.createElement($p,{loading:s,disabled:Cl(s,b,m,p,O,B),onClick:J,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(Xg,{size:16})),_.createElement(Jn,{variant:"headline",size:"small"},pt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ge(y,l)}})))},anchor:"center"},_.createElement(ae,{open:w.length>0,onClose:k.bind(null,[]),container:Ae},_.createElement(Yg,{title:pt.t("Insufficient account balance"),type:"error",description:_.createElement(jg,{messages:w??[]})},_.createElement($p,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:G},pt.t("Proceed anyway")))),y&&_.createElement(Fl,null,_.createElement("div",{className:Ul()},_.createElement(Ui,{chain:y,isSelected:ee,selectWallet:me,onShowMore:f.bind(null,y)}))),!y&&_.createElement(_.Fragment,null,v&&_.createElement(_.Fragment,null,_.createElement(Oi,{variant:"alarm",type:"error",title:pt.t(v)}),_.createElement(ro,{size:12})),x&&_.createElement(_.Fragment,null,_.createElement(Oi,{variant:"alarm",type:"warning",title:Ln(x)}),_.createElement(ro,{size:12})),_.createElement(Hl,null,W.map(($,K)=>{let Z=l.find(ke=>ke.name===$),Te=`wallet-${K}`,Fe=K===W.length-1;return _.createElement("div",{key:Te},_.createElement(Bl,null,_.createElement(Jn,{variant:"title",size:"xmedium"},pt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Z?.shortName}})),_.createElement(Jn,{variant:"label",color:"$neutral700",size:"medium"},pt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:Z?.shortName}}))),_.createElement(ro,{size:24}),_.createElement(Pl,null,_.createElement(Ui,{chain:$,isSelected:ee,selectWallet:me,limit:eh,onShowMore:()=>f(Z?.name??"")})),!Fe&&_.createElement(ro,{size:32}),Fe&&a?.customDestination&&_.createElement(Ol,null,_.createElement($n,{onOpenChange:ke=>{ke?A(B?.name??"")||q(_e=>_e.map(Ue=>Ue.chain===B?.name?{...Ue,selected:!1}:Ue)):Q()},hasSelected:!0,open:b,triggerAnchor:"top",trigger:_.createElement(Gl,{fullWidth:!0,variant:"default",suffix:_.createElement(Bn,{orientation:b?"up":"down"},_.createElement(Kg,{size:10,color:"gray"}))},_.createElement("div",{className:"button__content"},_.createElement(Jg,{size:18,color:"info"}),_.createElement(ro,{size:4,direction:"horizontal"}),_.createElement(Jn,{variant:"label",size:"medium"},pt.t("Send to a different address")))),onClickTrigger:()=>L(ke=>!ke)},_.createElement(ro,{size:4}),_.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):(L(!1),d(null))}})),te&&_.createElement("div",{className:ql()},_.createElement(Oi,{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 yh}from"@lingui/core";import{Alert as Sh,Button as Ch,InfoIcon as Th}from"@rango-dev/ui";import qe from"react";import{Alert as th,Button as oh,Divider as zp,NoRouteIcon as nh,RefreshIcon as rh,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 qi}from"@rango-dev/ui";var Up=qi("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Op=qi("div",{width:"100%"}),qp=qi("div",{padding:"$6 $0"});function zi(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(nh,{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(th,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Re.createElement(oh,{size:"xsmall",type:a.alert.type,prefix:Re.createElement(qp,null,Re.createElement(rh,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(zi,"NoResult");import{i18n as Eo}from"@lingui/core";import{Button as sh,Divider as Xp,MessageBox as ah,Typography as lh,WarningIcon as ph}from"@rango-dev/ui";import ut from"react";import{Typography as jp}from"@rango-dev/ui";import Hi from"react";import{darkTheme as ih,styled as Zn}from"@rango-dev/ui";var Hp=Zn("div",{width:"100%"}),Qi=Zn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Gp=Zn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${ih} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Vp=Zn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Kp(t){let{title:e,value:o,valueColor:n}=t;return Hi.createElement(Gp,null,Hi.createElement(jp,{size:"medium",variant:"label",className:"_title"},e),Hi.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:E(r.inputUsdValue,4,4)},{title:Eo.t("Gas cost"),value:E(r.totalFee,2,2)},{title:Eo.t("Receiving"),value:E(r.outputUsdValue,4,4)},{title:Eo.t("Price impact"),value:E(r.priceImpact,2,2),valueColor:`${a}500`}];return ut.createElement(ae,{open:e,onClose:o,container:N()},ut.createElement(ah,{type:a,title:Y().highValueLossError.impactTitle,description:Y().highValueLossError.description}),ut.createElement(Qi,null,ut.createElement(Xp,{size:20}),ut.createElement(lh,{size:"small",variant:"title"},Eo.t("Details")),ut.createElement(Qi,null,l.map((p,u)=>ut.createElement(Kp,{key:u,...p})))),ut.createElement(Xp,{size:32}),ut.createElement(sh,{type:"primary",size:"large",prefix:ut.createElement(ph,null),fullWidth:!0,disabled:s,onClick:n},Y().highValueLossError.confirmMessage))}i(Yp,"HighValueLossWarningModal");import{i18n as Gi}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=Gi.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=Gi.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=Gi.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 uh,Typography as ch}from"@rango-dev/ui";import Ht from"react";import{useNavigate as mh}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=mh(),u=e??o;return Ht.createElement(ae,{anchor:"bottom",open:n,prefix:Ht.createElement(Zp,{size:"small",variant:"ghost",onClick:()=>p("../"+F.settings)},Ht.createElement(ch,{variant:"label",size:"medium",color:"$neutral900"},lo.t("Change settings"))),container:N(),onClose:r},Ht.createElement(uh,{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}})},Ht.createElement(Rp,{size:18}),Ht.createElement(Rp,{size:32}),Ht.createElement(Zp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},lo.t("Confirm anyway"))))}i(eu,"SlippageWarningModal");import{Button as dh,Divider as fh,MessageBox as gh,WarningIcon as hh}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:N()},Wo.createElement(gh,{type:"warning",title:Y().unknownPriceError.impactTitle,description:Y().unknownPriceError.description}),Wo.createElement(fh,{size:32}),Wo.createElement(dh,{type:"primary",size:"large",prefix:Wo.createElement(hh,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(zi,{error:o,fetch:s}),!!m&&qe.createElement(Hp,null,qe.createElement(Sh,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:qe.createElement(Vp,{onClick:a},qe.createElement(Th,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:qe.createElement(Ch,{size:"xxsmall",type:m.alertType,onClick:u},yh.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 Zh from"bignumber.js";import cr from"react";import{i18n as lr}from"@lingui/core";import{Alert as qh,Divider as Po,InfoIcon as zh,StepDetails as Qh,TokenAmount as Hh,Tooltip as Mu,Typography as uo}from"@rango-dev/ui";import Nu from"bignumber.js";import P,{useRef as Gh,useState as Vh}from"react";import{styled as Vi}from"@rango-dev/ui";var ji=Vi("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),ou=Vi("div",{paddingBottom:"$15"}),nu=Vi("div",{width:"100%",display:"flex"});import*as Rn from"@radix-ui/react-collapsible";import{Button as kh,css as Mo,darkTheme as Ne,Image as ru,styled as be,Typography as wh}from"@rango-dev/ui";var vh=300,iu=be(Rn.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(kh,{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(Rn.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(Nn,{width:"100%",background:"inherit"}),Ki=be("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${vh}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),MW=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"}),Xi=be(wh,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),yu=be("div",{display:"flex",flexWrap:"wrap"}),Yi=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"}),er=be("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${Ne} &`]:{borderTopColor:"$neutral400"}});import{i18n as Bt}from"@lingui/core";import{ChevronDownIcon as bh,CloseIcon as Ih,Divider as nr,IconButton as Ah,QuoteCost as Eh,Tooltip as Wh,Typography as et}from"@rango-dev/ui";import Lh from"bignumber.js";import H,{useState as vu}from"react";import{css as xh,styled as tr}from"@rango-dev/ui";var or=tr("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),Ji=tr("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),Tu=tr("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),ku=tr("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),wu=xh({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var Mh=30,Nh=i(t=>t.fee.isZero()?null:H.createElement(or,null,H.createElement(et,{variant:"label",size:"medium",color:"neutral600"},t.label),H.createElement(et,{variant:"label",size:"medium"},"$",E(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=on(nn(a?.swaps)),u=a?.swaps??[],c=N(),h=xn(u,l),m=al(u);return H.createElement(H.Fragment,null,H.createElement(Eh,{onClickFee:d=>{d.stopPropagation(),o(!e)},fee:E(h,2,2),feeWarning:h.gte(new Lh(Mh)),time:p,steps:s,tooltipGas:Bt.t("View more info"),tooltipContainer:c}),H.createElement(ae,{container:c,open:e,header:H.createElement(ku,null,H.createElement(et,{variant:"title",size:"medium"},Bt.t("Gas & Fee Explanation")),H.createElement(Ah,{onClick:()=>o(!1),variant:"ghost"},H.createElement(Ih,{color:"gray",size:14}))),onClose:()=>{o(!1)}},H.createElement(Tu,null,H.createElement(et,{variant:"title",size:"small"},Bt.t("Details")),H.createElement(nr,{size:10}),Object.entries(m.payable).flatMap(([d,C])=>C.map((S,y)=>{let f=`payable-fee-${y}`,w=ai(S);return H.createElement(or,{key:f},H.createElement(et,{variant:"label",size:"medium",color:"neutral600"},oi[d]),H.createElement(Wh,{content:pe(S.amount),container:c},H.createElement(et,{variant:"label",size:"medium"},E(S.amount,2,2)," ",S.asset.symbol," ($",E(w,4,4),")")))})),H.createElement(or,{className:"total_payable_fee"},H.createElement(et,{variant:"label",size:"medium"},Bt.t("Total Payable Fee")),H.createElement(et,{variant:"label",size:"medium"},"$",E(h,4,4))),H.createElement(Ji,null),Object.keys(m.nonePayable).length&&H.createElement($n,{triggerAnchor:"bottom",onClickTrigger:()=>r(d=>!d),trigger:H.createElement("div",{className:wu()},H.createElement(et,{size:"small",variant:"body",color:"neutral700"},n?Bt.t("Hide non-payable fees"):Bt.t("Show non-payable fees")),H.createElement(nr,{size:4,direction:"horizontal"}),H.createElement(Bn,{orientation:n?"up":"down"},H.createElement(bh,{size:12,color:"gray"}))),open:n},H.createElement(et,{size:"small",variant:"title"},Bt.t("Description")),H.createElement(nr,{size:4}),H.createElement(et,{size:"small",variant:"body",color:"neutral700"},Bt.t(`The following fees are considered in the transaction output and
2
- you won\u2019t need to pay extra gas for them.`)),H.createElement(nr,{size:10}),Object.entries(m.nonePayable).map(([d,C],S)=>{let y=sl(C),f=oi[d],w=`non-payable-fee-${S}`;return H.createElement(Nh,{key:w,fee:y,label:f})}),H.createElement(Ji,null)))))}i(xu,"QuoteCostDetails");import{i18n as Au}from"@lingui/core";import{TokenAmount as Eu}from"@rango-dev/ui";import rr from"react";import{css as Bh,styled as Ph}from"@rango-dev/ui";var bu=Ph("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),Iu=Bh({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 rr.createElement(bu,null,rr.createElement(Eu,{direction:"horizontal",label:Au.t("Swap input"),type:"input",tooltipContainer:N(),price:{value:e.price.value,usdValue:e.price.usdValue,realValue:e.price.realValue,realUsdValue:e.price.realUsdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),rr.createElement("div",{className:Iu()}),rr.createElement(Eu,{direction:"horizontal",tooltipContainer:N(),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 _h,Divider as Zi,Image as Dh,Tooltip as Ri,Typography as ir}from"@rango-dev/ui";import D,{useEffect as Fh,useState as Uh}from"react";var sr=4,ar=6,Oh=375,Bo=i(t=>{let e=N(),{content:o,src:n,className:r,open:s,state:a}=t;return D.createElement(Ri,{container:e,side:"bottom",sideOffset:4,open:s,content:o},D.createElement(du,{className:r,state:a},D.createElement(Dh,{src:n,size:16})))},"ImageComponent");function Lu(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:s,type:a}=t,l=N(),p=r.length,u=xl(r),[c,h]=Uh(!1),m=i(()=>{window.innerWidth<Oh?h(!0):h(!1)},"handleResize");return Fh(()=>{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:po()},D.createElement(ir,{variant:"body",size:"xsmall"},Wu.t("Via:")),D.createElement(Zi,{direction:"horizontal",size:4}),r.map((d,C)=>{let S=`item-${C}`,y=D.createElement(Ki,null,D.createElement(_h,{size:12,color:"black"}));return c?D.createElement(D.Fragment,null,D.createElement(Bo,{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<=sr||p>sr&&C<sr-1?D.createElement(D.Fragment,null,D.createElement(Bo,{content:d.swapper.displayName,src:d.swapper.image,state:d.state}),C!==p-1&&D.createElement(D.Fragment,null,y)):C===sr-1&&D.createElement(Ri,{container:l,side:"bottom",align:"right",sideOffset:4,content:D.createElement("div",{className:po()},y,r.map((f,w)=>{let k=`image-${w}`;return w>=C&&D.createElement(D.Fragment,{key:k},D.createElement(Bo,{content:f.swapper.displayName,src:f.swapper.image,state:f.state,open:!1}),w!==p-1&&D.createElement(D.Fragment,null,y))}))},D.createElement(Yi,{state:r.find((f,w)=>w>=C&&(f.state==="error"||f.state==="warning"))?.state},D.createElement(ir,{size:"xsmall",variant:"body"},"+",p-C))))})),D.createElement("div",{className:po()},D.createElement("div",{className:"blockchains_section"},D.createElement("div",{className:po()},D.createElement(ir,{variant:"body",size:"xsmall"},Wu.t("Chains:")),D.createElement(Zi,{direction:"horizontal",size:4}),u.map((d,C)=>D.createElement(D.Fragment,null,u.length<=ar||u.length>ar&&C<ar-1?D.createElement(Bo,{key:d.displayName,content:"",src:d.image,open:!1,className:C!==0?"blockchainImage":""}):C===ar-1&&D.createElement(Ri,{container:l,side:"bottom",align:"right",sideOffset:4,content:D.createElement("div",{className:po()},u.map((S,y)=>y>=C&&D.createElement(Bo,{key:S.displayName,content:"",src:S.image,open:!1,className:y>C?"blockchainImage":""})))},D.createElement(Yi,{className:"blockchainImage"},D.createElement(ir,{size:"xsmall",variant:"body"},"+",u.length-C))))),D.createElement(Zi,{direction:"horizontal",size:32}))),D.createElement(Ki,{orientation:s?"up":"down"},D.createElement($h,{size:12,color:"black"}))))}i(Lu,"QuoteTrigger");function es(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]=Vh(t.expanded),C=Gh(null),S=E(o.value,6,6),y=E(n.value,6,6),f=n.usdValue?E(n.usdValue,4,4):"",w=Ve(o.usdValue,n.usdValue??null),k=E(w,2,2),v=yt(w??0),x=i(B=>B.map((A,O)=>{let q,M=r?.type===3&&r.swap.swapperId===A.swapperId||r?.type===4&&r.recommendedSlippages?.has(O),ee=s?.type===2&&s.recommendedSlippages?.has(O);return M?q="error":ee&&(q="warning"),{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?E(o.value,6,6):E(A.fromAmount,6,6),usdValue:E((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:E(A.toAmount,6,6),usdValue:E((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:q,alerts:M||ee?P.createElement(ou,null,P.createElement(qh,{variant:"alarm",type:M?"error":"warning",title:r?.type===3?r?.recommendation:lr.t(`Slippage ${M?"Error":"Warning"}:`),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(Po,{direction:"horizontal",size:8}),P.createElement(uo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),P.createElement(Po,{direction:"horizontal",size:8}),P.createElement(uo,{size:"xsmall",variant:"body",color:"neutral900"},lr.t({id:"Yours: {amount} {symbol}",values:{amount:E(A.fromAmount,6,6),symbol:A?.from.symbol}}))),(r?.type===4||s?.type===2)&&P.createElement(uo,{size:"xsmall",variant:"body",color:"neutral900"},lr.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=N(),L=Al(t.quote.tags||[]),W=!!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&&L.length?P.createElement(P.Fragment,null,P.createElement(Cu,null,L.map((B,A)=>{let O=`${B.value}_${A}`;return P.createElement(P.Fragment,null,P.createElement(Su,{style:{color:El(B.value)},key:O},B.label),P.createElement(Po,{size:4,direction:"horizontal"}))})),P.createElement(er,null),!W&&P.createElement(Po,{size:4})):null,P.createElement("div",{id:"portal-root",className:uu()},P.createElement(xu,{steps:T,quote:e}),W&&P.createElement(au,{onClick:B=>{B.stopPropagation(),u()},size:"xxsmall",type:"secondary",variant:"default"},P.createElement(uo,{color:"secondary",variant:"label",size:"medium"},lr.t("See All Routes")))),a==="basic"&&P.createElement("div",{className:cu()},P.createElement(hu,null,P.createElement(zh,{size:12,color:"gray"})),P.createElement(yu,null,P.createElement(Xi,{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(Xi,{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(Hh,{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(Po,{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((B,A)=>{let O=`item-${A}`;return P.createElement(Qh,{type:"quote-details",key:O,tooltipContainer:b,step:B,hasSeparator:A!==x.length-1,state:B.state})}))))))}i(es,"Quote");import{Divider as Yh,Skeleton as Jh}from"@rango-dev/ui";import Ct from"react";import{darkTheme as jh,styled as pr}from"@rango-dev/ui";var Bu=pr("div",{$$color:"$colors$neutral100",[`.${jh} &`]:{$$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 Kh,styled as St}from"@rango-dev/ui";var ts=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=Kh({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(ts,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(er,null),!r&&U.createElement(ct,{size:4})),U.createElement("div",{className:Gu()},U.createElement(ts,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 ns,NextIcon as Xh,Skeleton as ur}from"@rango-dev/ui";import ge from"react";import{styled as _o}from"@rango-dev/ui";var ju=_o("div",{display:"flex",alignItems:"start"}),Ku=_o("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),os=_o("div",{display:"flex",alignItems:"center",flexGrow:1}),Xu=_o("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Yu=_o("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(ns,{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(os,null,ge.createElement(Ju,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ge.createElement(ns,{direction:"horizontal",size:8}),ge.createElement(ur,{height:12,variant:"rounded"})),ge.createElement(Xu,null,ge.createElement(Xh,{color:"gray",size:16})),ge.createElement(os,null,ge.createElement(Ju,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ge.createElement(ns,{direction:"horizontal",size:8}),ge.createElement(ur,{height:12,variant:"rounded"})))))}i(mt,"StepSkeleton");function Do(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(Jh,{height:15,variant:"rounded"})),o&&Ct.createElement($u,null,Ct.createElement(Yh,{size:20}),Ct.createElement(mt,null),Ct.createElement(mt,null),Ct.createElement(mt,{separator:!1})))}i(Do,"QuoteSkeleton");function Gt(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 Zh(e?.outputAmount):null,S=e?.outputAmount?In(e?.outputAmount,An(e)||d?.usdPrice):null,f=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?cr.createElement(ji,null,cr.createElement(Do,{tagHidden:l,type:o,expanded:a})):f?cr.createElement(ji,{onClick:()=>p?.(e)},cr.createElement(es,{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(Gt,"QuoteInfo");import{calculatePendingSwap as ty}from"@rango-dev/queue-manager-rango-preset";import{useEffect as oy}from"react";import{useRef as Rh,useState as ey}from"react";function mr({request:t}){let[e,o]=ey(!1),n=Rh(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 It().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=rs(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(dr,"throwErrorIfResponseIsNotValid");function rs(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=bn(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(rs,"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:E(Yt(e)),percentageChange:E(Ve(Yt(t)??"",Yt(e)??""),null,2)}:li(t,e)?r.quoteUpdate={type:0}:pi(t,e)?r.quoteUpdate={type:1}:ui(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 is(){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 oy(()=>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 L={outputAmount:b.result?.outputAmount,requestId:b.requestId,resultType:b.result?.resultType,swaps:b.result?.swaps||[],validationStatus:b.validationStatus,requestAmount:b.requestAmount};n(L);let W={slippage:d.toString(),disabledSwappersGroups:c},B=ty(o.toString(),b,ml(k),W,!1,{blockchains:h,tokens:m}),A=Ru(r??void 0,L,{fromToken:t,toToken:e,meta:{blockchains:h,tokens:m},selectedWallets:k,userSlippage:d});return A.quoteUpdate&&a(!1),l(),{quote:L,swap:B,error:null,warnings:A}})}catch(T){return fr(T)}},"fetch"),cancelFetch:S}}i(is,"useConfirmSwap");var gy=sy("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${tc}`]:{width:"$48",height:"$48"}}),hy=as({flexGrow:1,paddingRight:"$10"}),yy=as({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),Sy=as({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=fy(),p=dy(),[u,c]=hr(""),{connectedWallets:h}=X(),m=!n,[d,C]=hr(!1),{isActiveTab:S}=ne(),y=g().getDisabledLiquiditySources(),f=cy(y),{manager:w}=ny(),{fetch:k,loading:v,cancelFetch:I}=is(),[x,T]=hr({swap:null,error:null,warnings:null}),[b,L]=hr(!1),W=i(async({selectedWallets:Q,customDestination:me})=>{let G=await k?.({selectedWallets:Q,customDestination:me});return T(G),G},"onConfirmSwap"),B=i(async()=>{if(x.swap&&n)try{await w?.create("swap",{swapDetails:x.swap},{id:x.swap.requestId});let Q=`../${F.swaps}/${x.swap.requestId}`;l(Q,{replace:!0}),setTimeout(()=>{e("")},0)}catch(Q){c("Error: "+Q?.message)}},"addNewSwap"),A=i(async()=>{await B()},"onConfirm"),O=i(async()=>{x?.warnings?.quote&&!a?L(!0):await A()},"onStartConfirmSwap"),q=i(async()=>{T({error:null,swap:null,warnings:null}),k({selectedWallets:o,customDestination:s}).then(Q=>{T(Q)}).catch(Q=>console.error(Q))},"onRefresh");Fo(()=>{!!f.current.length&&!y.length&&q(),f.current=y},[y.length]),Fo(()=>{m&&I()},[m]),Fo(()=>{m&&C(m)},[m]),Fo(()=>{m||k({selectedWallets:o,customDestination:s}).then(Q=>T(Q)).catch(Q=>console.error(Q))},[]),Fo(()=>{let Q=x.warnings?.quote?.type&&Object.values(Et).includes(x.warnings?.quote?.type),me=o.length<1||!o.every(J=>h.find(Ae=>J.address===Ae.address&&J.walletType===Ae.walletType&&J.chain===Ae.chain)),G=!1;if(Q){let J=Tn(t?.swaps||null),Ae=t?.swaps[t.swaps.length-1].to.blockchain;!!t?.swaps.find(K=>K.from.blockchain===Ae)||(J=J.slice(-J.length,J.length-1)),J.every(K=>o.find(Z=>Z.chain===K))||(G=!0)}t&&(me||G)&&(queueMicrotask(()=>my(C.bind(null,!0))),r(!1))},[x.warnings?.quote,o.length,h.length]),uy(()=>{t||l(`../${p.search}`)},[]);let M=x.warnings?.quote??null,ee=x.error,te=[];if(u&&te.push(ue.createElement(ec,{type:"error",variant:"alarm",title:u})),x.warnings?.quoteUpdate&&te.push(ue.createElement(ec,{variant:"alarm",type:"warning",title:x.warnings.quoteUpdate&&Ln(x.warnings.quoteUpdate)})),M||ee){let Q=`../${F.settings}`;te.push(ue.createElement(Lo,{warning:M,error:ee,loading:v,refetchQuote:q,showWarningModal:b,confirmationDisabled:!S,onOpenWarningModal:()=>L(!0),onCloseWarningModal:()=>L(!1),onConfirmWarningModal:async()=>{L(!1),await B()},onChangeSettings:()=>l(Q)}))}return ue.createElement(oe,{header:{title:gr.t("Confirm Swap"),onWallet:()=>{let Q=`../${F.wallets}`;l(Q)},suffix:ue.createElement(ay,{container:N(),side:"bottom",content:gr.t("Settings")},ue.createElement(Ke,{size:"small",variant:"ghost",onClick:()=>l("../"+F.settings)},ue.createElement(iy,{size:18,color:"black"})))},footer:ue.createElement(gy,null,ue.createElement("div",{className:hy()},ue.createElement(ry,{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(py,{size:24})))},d&&ue.createElement(_p,{open:d,onClose:()=>C(!1),onCancel:I,loading:v,onCheckBalance:W}),ue.createElement(se,null,ue.createElement("div",{className:Sy()},ue.createElement(ly,{variant:"title",size:"small"},gr.t("You get")),ue.createElement("div",{className:yy()},ue.createElement(Gn,{onClick:!v&&!d&&!b?q:void 0}))),ue.createElement(ss,{size:"12"}),Kl(te,ue.createElement(ss,{size:10})),te.length>0?ue.createElement(ss,{size:10}):null,ue.createElement(Gt,{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 Py}from"@rango-dev/queue-manager-react";import{Divider as dc,NotFound as $y,styled as _y}from"@rango-dev/ui";import kt,{useState as Dy}from"react";import{useNavigate as Fy}from"react-router-dom";import{i18n as ky}from"@lingui/core";import{Divider as ac,GroupedVirtualizedList as wy,Skeleton as vy,SwapListItem as lc,Typography as xy}from"@rango-dev/ui";import Be,{useCallback as pc,useEffect as by,useRef as Iy,useState as Ay}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 Cy,darkTheme as Ty,styled as Uo}from"@rango-dev/ui";var ls=Cy(),rc=Uo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),ps=Uo("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${ls}`]:{$$color:"$colors$neutral600",[`.${Ty} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),us=Uo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),ic=Uo("div",{gap:"$10",display:"flex",flexDirection:"column"}),sc=Uo("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var Ey=10;function cs(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=Ay([]),l=Iy(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,Ey),a(h(u,l.current)))},[e.length]);if(by(()=>{r||m()},[r,m]),r){let d=[1,2];return Be.createElement(Be.Fragment,null,[d,d].map((S,y)=>Be.createElement(ps,{key:y},Be.createElement(us,null,Be.createElement(vy,{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(wy,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:d=>Be.createElement(ps,null,Be.createElement(us,null,Be.createElement(xy,{variant:"label",size:"medium",className:ls()},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:N(),onlyShowTime:c[C]===ky.t("Today"),swapTokenData:{from:{token:{image:y.fromLogo,displayName:y.fromSymbol},blockchain:{image:y.fromBlockchainLogo||""},amount:E(S.inputAmount,6,6),realAmount:pe(S.inputAmount)},to:{token:{image:f.toLogo,displayName:f.toSymbol},blockchain:{image:f.toBlockchainLogo||""},amount:E(f.outputAmount||f.expectedOutputAmountHumanReadable||"",6,6),realAmount:pe(f.outputAmount||f.expectedOutputAmountHumanReadable)}}}))}})}i(cs,"HistoryGroupedList");import{CloseIcon as Ly,IconButton as My,SearchIcon as Ny,TextField as By}from"@rango-dev/ui";import Oo from"react";import{styled as Wy}from"@rango-dev/ui";var uc=Wy("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 Oo.createElement(By,{prefix:Oo.createElement(uc,null,Oo.createElement(Ny,{color:"black"})),suffix:!!a.length&&Oo.createElement(My,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Oo.createElement(Ly,{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 Uy=_y("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Oy=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=Fy(),{manager:e,state:o}=Py(),n=Lt(e).map(({swap:c})=>c),[r,s]=Dy(""),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)||Oy(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(Uy,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(cs,{list:p,onSwapClick:t,groupBy:mc,isLoading:a}))))}i(fc,"HistoryPage");import{i18n as ds}from"@lingui/core";import{Button as Ky,Divider as Sc,styled as Tc,SwapInput as Cc,WarningIcon as Xy}from"@rango-dev/ui";import Ie,{useEffect as Yy,useState as Jy}from"react";import{useNavigate as Zy}from"react-router-dom";import{ReverseIcon as qy,styled as gc}from"@rango-dev/ui";import ms from"react";var zy=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 ms.createElement(zy,null,ms.createElement(Qy,{onClick:()=>{t()}},ms.createElement(qy,{size:12})))}i(hc,"SwitchFromAndToButton");import{useCallback as Hy,useEffect as Gy,useState as Vy}from"react";function yc(){let{fetch:t,loading:e,cancelFetch:o}=mr({request:async(n,r)=>await It().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(yc,"useFetchAllQuotes");var jy=600;function Cr({refetchQuote:t}){let{fetch:e,cancelFetch:o}=yc(),{enableNewLiquiditySources:n,features:r}=g().config,s=X.use.connectedWallets(),a=g().tokens(),{fromToken:l,toToken:p,inputAmount:u,inputUsdValue:c,selectedQuote:h,sortStrategy:m,resetQuote:d,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(),[L,W]=Vy(!0),B=f??y,O=!l||!p||Le(l,p)||!So(u),q=i(te=>{W(te)},"resetState"),M=i(te=>{let{fromToken:Q,toToken:me,inputAmount:G,liquiditySources:J,excludeLiquiditySources:Ae,disabledLiquiditySources:Ce,slippage:$,affiliateRef:K,affiliatePercent:Z,affiliateWallets:Te}=te;if(L||q(!0),!O&&Q&&me){d();let Fe=cl({fromToken:Q,toToken:me,inputAmount:G,liquiditySources:J,excludeLiquiditySources:Ae,disabledLiquiditySources:Ce,wallets:s,slippage:$,affiliateRef:K,affiliatePercent:Z,affiliateWallets:Te});Da("experimentalRoute",r)&&(Fe.experimental=!0),e(Fe).then(ke=>{let _e=bl(m,ke.results),Ue=Il(h,_e,ke.requestAmount);W(!1),S("quotes",ke),C(Ue),dr({diagnosisMessages:ke.diagnosisMessages,requestId:Ue?.requestId||"",swaps:Ue?.swaps});let Hr=Ue&&Jt(Ue,{fromToken:Q,toToken:me,userSlippage:B,tokens:a});S("warning",Hr)}).catch(ke=>{let{error:_e}=fr(ke);(_e?.type===0||_e?.type===1)&&d(),_e?.type!==2&&(S("error",_e),W(!1))})}},"fetch"),ee=Hy($a(te=>{O||M(te)},jy),[O]);return Gy(()=>{if(!t){W(!1);return}if(I==="success"){if(O){W(!1),h&&d();return}if(!So(u)||c?.eq(0)){q(!1),o();return}return d(),q(!0),ee({inputAmount:u,fromToken:l,toToken:p,liquiditySources:x,excludeLiquiditySources:b,disabledLiquiditySources:T,slippage:B,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,B,k,w,JSON.stringify(v)]),{fetch:()=>M({inputAmount:u,fromToken:l,toToken:p,liquiditySources:x,excludeLiquiditySources:b,disabledLiquiditySources:T,slippage:B,affiliateRef:k,affiliatePercent:w,affiliateWallets:v}),loading:L}}i(Cr,"useSwapInput");var Ry=Tc("div",{position:"relative"}),eS=Tc("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function kc(){let t=Zy(),{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}=X(),{isActiveTab:b}=ne(),[L,W]=Jy(!1),B=!!o&&Ia(x,o.name),A=!1,O=!si(c,a,l),q=!si(c,a,u),M=il({fetchMetaStatus:I,fetchingQuote:k,inputAmount:a,quote:c,anyWalletConnected:x.length>0,error:m,warning:d,needsToWarnEthOnPath:A}),ee=e?T(e):null,te=un(ee)?.amount??"0",Q=o&&e?E(ee?.amount,ee?.decimals):"0",me=I==="success"&&!!a&&!!e&&!!n&&k;Yy(()=>{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(Ky,{type:"primary",size:"large",disabled:M.disabled||!b,prefix:M.action==="confirm-warning"&&Ie.createElement(Xy,null),fullWidth:!0,onClick:()=>{M.action==="connect-wallet"?t(F.wallets):M.action==="confirm-warning"?W(!0):t(F.confirmSwap)}},M.title),header:{onWallet:()=>{t(F.wallets)},hasBackButton:!1,title:v.title||ds.t("Swap"),suffix:Ie.createElement(xo,{onClickRefresh:(c||m)&&!L?w:void 0,onClickHistory:()=>t(F.swaps),onClickSettings:()=>t(F.settings)})}},Ie.createElement(se,null,Ie.createElement(eS,null,Ie.createElement(Ry,null,Ie.createElement(Cc,{label:ds.t("From"),mode:"From",onInputChange:s,balance:te,chain:{displayName:o?.displayName||"",image:o?.logo||""},token:{displayName:e?.symbol||"",image:e?.image||""},onClickToken:()=>t(F.fromSwap),price:{value:a,usdValue:O?void 0:E(l,4,4),realUsdValue:O?void 0:pe(l),error:O?Y().unknownPriceError.impactTitle:void 0},disabled:I==="failed",loading:I==="loading",loadingBalance:B,tooltipContainer:N(),onSelectMaxBalance:()=>{te!=="0"&&s(Q.split(",").join(""))}}),Ie.createElement(hc,null)),Ie.createElement(Cc,{sharpBottomStyle:!!c||me,label:ds.t("To"),mode:"To",fetchingQuote:me,chain:{displayName:r?.displayName||"",image:r?.logo||""},token:{displayName:n?.symbol||"",image:n?.image||""},percentageChange:E(Ve(l,u),2,2),warningLevel:yt(G??0),price:{value:E(p,6,6),usdValue:q?void 0:E(u,4,4),realValue:pe(p),realUsdValue:q?void 0:pe(u),error:q?Y().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(F.toSwap),disabled:I==="failed",loading:I==="loading",tooltipContainer:N()})),Ie.createElement(Sc,{size:"2"}),Ie.createElement(Gt,{quote:c,loading:me,error:m,tagHidden:!1,warning:d,type:"basic",onClickAllRoutes:C&&C.results.length>1?()=>{f("refetchQuote",!1),t(F.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:L,confirmationDisabled:!b,onOpenWarningModal:()=>W(!0),onCloseWarningModal:()=>W(!1),onConfirmWarningModal:()=>{W(!1),y(!0),t(F.confirmSwap)},onChangeSettings:()=>t(F.settings)})):null))}i(kc,"Home");import{i18n as wc}from"@lingui/core";import{List as tS,ListItemButton as oS,Radio as nS,RadioRoot as rS,Typography as iS}from"@rango-dev/ui";import Pt 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:Pt.createElement(iS,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Pt.createElement(nS,{value:s}),start:Pt.createElement(l,null)}});return Pt.createElement(oe,{header:{title:wc.t("Language")}},Pt.createElement(se,null,Pt.createElement(rS,{value:t},Pt.createElement(tS,{type:Pt.createElement(oS,{title:wc.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(vc,"LanguagePage");import{i18n as wt}from"@lingui/core";import{Button as uS,Checkbox as cS,Image as mS,ListItemButton as dS,NotFound as fS,Typography as gS}from"@rango-dev/ui";import Pe,{useState as hS}from"react";import{Checkbox as lS,Skeleton as bc}from"@rango-dev/ui";import zo from"react";import{styled as fs}from"@rango-dev/ui";var qo=fs("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),gs=fs("div",{width:80,display:"flex",justifyContent:"flex-end"}),hs=fs("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as sS,styled as aS}from"@rango-dev/ui";var xc=aS(sS,{height:61});var pS=30;function ys(){return zo.createElement(qo,null,Array.from(Array(pS),t=>zo.createElement(xc,{hasDivider:!0,key:t,start:zo.createElement(bc,{variant:"circular",width:35,height:35}),title:zo.createElement(bc,{variant:"text",size:"large",width:90}),end:zo.createElement(lS,{checked:!1})})))}i(ys,"LoadingLiquiditySourceList");function Ss({sourceType:t}){let e=g().fetchStatus,o=g().swappers(),n=g().getDisabledLiquiditySources(),[r,s]=hS(""),a=g().toggleLiquiditySource,l=g().isInCampaignMode(),p=hn(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(mS,{src:v,size:22,type:"circular"}),onClick:()=>{l||a(k)},end:Pe.createElement(cS,{checked:w,disabled:l}),title:Pe.createElement(gS,{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(gs,null,Pe.createElement(uS,{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(ys,null),!y.length&&r?Pe.createElement(hs,null,Pe.createElement(fS,{title:wt.t("No results found"),description:wt.t("Try using different keywords")})):e==="success"&&Pe.createElement(qo,{disabled:l},y.map(f=>Pe.createElement(Pe.Fragment,{key:f.id},Pe.createElement(dS,{style:{height:"61px"},...f,selected:!1,hasDivider:!0}))))))}i(Ss,"LiquiditySourcePage");import{i18n as yS}from"@lingui/core";import{Divider as Ic}from"@rango-dev/ui";import tt from"react";import{useNavigate as SS}from"react-router-dom";var CS=3;function Ac(){let t=SS(),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=`../${F.settings}`,k=`../${F.wallets}`;return tt.createElement(oe,{header:{onWallet:()=>{t(k)},onBack:()=>{a("refetchQuote",!1)},title:yS.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:CS},(v,I)=>tt.createElement(tt.Fragment,{key:I},tt.createElement(Do,{tagHidden:!1,type:"list-item",expanded:!1}),tt.createElement(Ic,{size:16}))):!!n&&n.results?.map(v=>{let I=f(v),x=rs(v.swaps);return tt.createElement(tt.Fragment,{key:v.requestId},tt.createElement(Gt,{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 WS,SelectableCategoryList as LS}from"@rango-dev/ui";import vt,{useState as Dc}from"react";import{i18n as Ts}from"@lingui/core";import{Divider as Bc,Image as xS,ListItemButton as bS,NotFound as IS,Typography as Pc}from"@rango-dev/ui";import Xe,{useEffect as AS,useState as ES}from"react";import{BlockchainCategories as Cs}from"@rango-dev/ui";import{TransactionType as Tr}from"rango-sdk";var TS=i((t,e)=>{switch(e){case Cs.ALL:return!0;case Cs.UTXO:return t.type===Tr.TRANSFER;case Cs.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=>TS(n,o)).filter(n=>Ft(n.name,e)||Ft(n.displayName,e)),"filterBlockchains");import{ImageContainer as kS,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",[`& ${kS}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as wS,Skeleton as Mc}from"@rango-dev/ui";import wr from"react";var vS=20;function Nc(){return wr.createElement(kr,null,Array.from(Array(vS),t=>wr.createElement(wS,{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 ks(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=ES(e),{fetchStatus:l}=g();AS(()=>{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(IS,{title:Ts.t("No results found"),description:Ts.t("Try using different keywords")})):Xe.createElement(kr,{as:"ul",key:`${r}-${o}`},s.map(u=>Xe.createElement(bS,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Xe.createElement(xS,{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"},Ts.t("Select Blockchain")),Xe.createElement(Bc,{size:4}),l==="loading"&&Xe.createElement(Nc,null),l==="success"&&p())}i(ks,"BlockchainList");function ws(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=WS(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(LS,{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(ks,{list:c,searchedFor:n,blockchainCategory:s,onChange:d=>{e==="source"?p(d):l(d),o()}})))}i(ws,"SelectBlockchainPage");import{i18n as Ar}from"@lingui/core";import{Divider as nm}from"@rango-dev/ui";import Vt,{useState as jS}from"react";import{useNavigate as KS}from"react-router-dom";import{i18n as bs}from"@lingui/core";import{BlockchainsChip as vr,Divider as qc,Image as zc,Skeleton as $S,Tooltip as _S,Typography as Is}from"@rango-dev/ui";import Se from"react";import{useEffect as BS}from"react";var Fc=["ETH","COSMOS","OSMOSIS"];function vs(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(MS),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(NS(a)),r=n.splice(s)}return{list:n,more:r}}i(vs,"prepare");function MS(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(MS,"sortByMostUsedBlockchains");function NS(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(NS,"generateSortByPreferredBlockchainsFor");function Uc(t,e){return!!e.list.find(o=>o.name===t)}i(Uc,"isInVisibleList");function xs(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=g();BS(()=>{if(e?.selected){let s=vs(t,o,e);Uc(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=vs(t,o,e);return{list:r.list,more:r.more,history:[]}}i(xs,"usePrepareBlockchainList");import{styled as PS}from"@rango-dev/ui";var Oc=PS("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var DS=12;function As(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=xs(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(Is,{variant:"label",size:"large"},bs.t("Select Blockchain")),Se.createElement(qc,{size:12}),Se.createElement(Oc,null,l==="loading"&&Array.from(Array(DS),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(Is,{variant:"body",size:"xsmall",color:"secondary500"},bs.t("All"))),a.list.map(d=>Se.createElement(_S,{key:d.name,content:d.shortName,side:"bottom",sideOffset:2,container:N()},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(Is,{variant:"body",size:"xsmall",color:"secondary500"},bs._("More +{count}",{count:a.more.length}))):null)))}i(As,"BlockchainsSection");import{i18n as Ds}from"@lingui/core";import{darkTheme as Zc,Divider as fo,ExternalLinkIcon as OS,Image as qS,ListItemButton as zS,NotFound as QS,PinIcon as HS,Skeleton as Rc,Typography as Ir,VirtualizedList as GS}from"@rango-dev/ui";import z,{useEffect as em,useState as tm}from"react";import{Divider as Yc,ListItem as US,Skeleton as Qo}from"@rango-dev/ui";import nt from"react";import{css as mo,darkTheme as Qc,ImageContainer as FS,styled as ot,Typography as Hc}from"@rango-dev/ui";var Es=mo({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Ws=mo({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Ls=mo({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Ms=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"}}),Ns=mo({}),Bs=mo(),Gc=ot("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Ps=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":{[`& .${Ws}`]:{[`& .${Ms}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Ns}`]:{bottom:"-15px"},[`& .${Es}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Ls}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),$s=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",[`& .${Bs}`]:{$$color:"$colors$neutral600",[`.${Qc} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),br=ot("div",{display:"flex",alignItems:"end",flexDirection:"column"}),u_=ot("div",{display:"flex",alignItems:"center"}),jc=ot("div",{position:"relative",[`& ${FS}`]:{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(US,{key:e,hasDivider:!0,start:nt.createElement(Qo,{variant:"circular",width:35,height:35}),end:nt.createElement(br,null,nt.createElement(Qo,{variant:"text",size:"large",width:70}),nt.createElement(Yc,{size:4}),nt.createElement(Qo,{variant:"text",size:"medium",width:50})),title:nt.createElement("div",null,nt.createElement(Qo,{variant:"text",size:"large",width:90}),nt.createElement(Yc,{size:4}),nt.createElement(Qo,{variant:"text",size:"medium",width:90}))})))}i(Jc,"LoadingTokenList");var Fs=20,VS=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return z.createElement("div",{className:Ws()},o?z.createElement("div",{className:Es()},o):z.createElement(Ps,{className:Ls()},z.createElement(Ir,{variant:"title",size:"xmedium"},r.symbol),z.createElement(fo,{direction:"horizontal",size:4}),z.createElement($s,{css:s},z.createElement(_s,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&z.createElement("div",{className:`${Ms()} ${!o&&Ns()}`},z.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",z.createElement(fo,{size:4,direction:"horizontal"}),z.createElement(OS,{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}=X(),{isTokenPinned:d}=g(),C=i(()=>{a(e.slice(0,s.length+Fs))},"loadNextPage");em(()=>{c(e.length>s.length)},[s.length]),em(()=>{a(e.slice(0,Fs))},[e]);let S=i(()=>!s.length&&o?z.createElement(z.Fragment,null,z.createElement(fo,{size:32}),z.createElement(QS,{title:Ds.t("No results found"),description:Ds.t("Try using different keywords")})):z.createElement(GS,{endReached:u?C:void 0,itemContent:y=>{let f=s[y],w=un(h(f)),k=f.address||"",v=p.find(b=>b.name===f.blockchain),I=Un(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 z.createElement("div",{style:{paddingRight:5}},z.createElement(zS,{style:{width:"100%",overflow:"hidden"},"tab-index":y,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(s[y]),start:z.createElement(jc,null,z.createElement(qS,{src:f.image,size:30}),d(f,t.type)&&z.createElement(Kc,null,z.createElement(HS,{size:12,color:"gray"}))),title:v?.type==="COSMOS"||f.name||!f.name&&!k?z.createElement(Ps,null,z.createElement(Ir,{variant:"title",size:"xmedium"},f.symbol),z.createElement(fo,{direction:"horizontal",size:4}),z.createElement($s,{css:x},z.createElement(_s,{variant:"body",size:"xsmall",css:T},f.blockchain))):void 0,description:v?.info&&k&&v.type!=="COSMOS"?VS({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?z.createElement(br,null,z.createElement(Rc,{variant:"text",size:"large",width:70}),z.createElement(fo,{size:4}),z.createElement(Rc,{variant:"text",size:"medium",width:50})):w&&z.createElement(Vc,null,z.createElement(Xc,{variant:"title",size:"small"},w.amount),z.createElement("div",null),w.usdValue&&z.createElement(Ir,{variant:"body",className:Bs(),size:"xsmall"},`$${w.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return z.createElement(Gc,null,z.createElement(Ir,{variant:"label",size:"large"},Ds.t("Select Token")),z.createElement(fo,{size:4}),l==="loading"&&z.createElement(Jc,{size:Fs}),l==="success"&&z.createElement(xr,{as:"ul"},S()))}i(om,"TokenList");function Us(t){let{type:e}=t,o=KS(),n=lt(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=V(),c=X.use.getBalanceFor(),[h,m]=jS(""),{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 Vt.createElement(oe,{header:{title:Ar.t("Swap {type}",{type:x[e]})}},Vt.createElement(se,null,Vt.createElement(As,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(F.blockchains),onChange:T=>{v(T)}}),Vt.createElement(nm,{size:24}),Vt.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)}),Vt.createElement(nm,{size:16}),Vt.createElement(om,{list:k,selectedBlockchain:S,searchedFor:h,type:e,onChange:T=>{I(T);let b=y.find(L=>T.blockchain===L.name);b&&v(b),n()}})))}i(Us,"SelectSwapItemsPage");import{i18n as $t}from"@lingui/core";import{Alert as oC,Button as nC,ChevronRightIcon as zs,Divider as Qs,InfoIcon as rC,List as iC,ListItemButton as sC,Skeleton as aC,styled as lC,Switch as pC,Tooltip as uC,Typography as jt}from"@rango-dev/ui";import j from"react";import{useInRouterContext as cC,useNavigate as mC,useSearchParams as dC}from"react-router-dom";import{i18n as pm}from"@lingui/core";import{Divider as ZS,InfoIcon as RS,TextField as eC,Tooltip as tC,Typography as um}from"@rango-dev/ui";import Qe from"react";import{Chip as XS,styled as Ho,TextField as YS}from"@rango-dev/ui";var rm=Ho("div",{paddingTop:"$5",padding:"$10 $5"}),im=Ho("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${YS}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),sm=Ho("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Er=Ho("div",{maxWidth:"280px",padding:"$10"}),am=Ho(XS,{width:"61px",flexShrink:0});import{i18n as Os}from"@lingui/core";import{Typography as JS}from"@rango-dev/ui";import Go from"react";function lm(){return Go.createElement(Er,null,Go.createElement(JS,{variant:"label",size:"medium",color:"neutral700"},Os.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Go.createElement("br",null),Go.createElement("br",null),Go.createElement("b",null,Os.t("Warning")),":",Os.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 qs(){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(ZS,{direction:"horizontal",size:4}),Qe.createElement(tC,{container:N(),side:"top",sideOffset:4,content:Qe.createElement(lm,null)},Qe.createElement(RS,{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(eC,{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(qs,"Slippage");var fC=lC("div",{paddingLeft:"$8"});function cm(){let t=mC(),{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=hn(n,r),S=C.filter(q=>q.type==="BRIDGE"||q.type==="AGGREGATOR"),y=S.length,f=S.filter(q=>q.selected).length,w=C.filter(q=>q.type==="DEX"),k=w.length,v=w.filter(q=>q.selected).length,I=i((q,M)=>{switch(o){case"loading":return j.createElement(aC,{variant:"text",size:"medium",width:50});case"failed":return j.createElement(jt,{variant:"body",size:"medium",color:"$error500"},$t.t("Loading failed"));default:return j.createElement(jt,{variant:"body",size:"medium"},`${q} / ${M}`)}},"handleEndItem"),x={id:"bridge-item",title:j.createElement(jt,{variant:"title",size:"xmedium"},$t.t("Enabled bridges")),end:j.createElement(j.Fragment,null,I(f,y),j.createElement(Qs,{direction:"horizontal",size:8}),j.createElement(zs,{color:"black"})),onClick:()=>t(F.bridges)},T={id:"exchange-item",title:j.createElement(jt,{variant:"title",size:"xmedium"},$t.t("Enabled exchanges")),end:j.createElement(j.Fragment,null,I(v,k),j.createElement(Qs,{direction:"horizontal",size:8}),j.createElement(zs,{color:"gray"})),onClick:()=>t(F.exchanges)},b={id:"theme-item",title:j.createElement(jt,{variant:"title",size:"xmedium"},$t.t("Theme")),end:j.createElement(zs,{color:"gray"}),onClick:()=>t(F.themes)},L={id:"infinite-approval-item",title:j.createElement(j.Fragment,null,j.createElement(jt,{variant:"title",size:"xmedium"},$t.t("Infinite approval")),j.createElement(Qs,{direction:"horizontal",size:4}),j.createElement(uC,{side:"top",sideOffset:4,container:N(),content:j.createElement(Er,null,j.createElement(jt,{variant:"label",size:"medium",color:"neutral700"},$t.t("Enabling the 'Infinite approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},j.createElement(rC,{color:"gray"}))),end:j.createElement(pC,{checked:m}),onClick:d},W=c?[]:[x,T];!e?.singleTheme&&!u&&W.push(b),W.push(L);let[,B]=dC(),A=cC(),O=i(()=>{A&&p&&(B(q=>(q.delete("liquiditySources"),q),{replace:!0}),l("liquiditySources",void 0))},"onClick");return j.createElement(oe,{header:{title:$t.t("Settings")}},j.createElement(se,null,p&&j.createElement(oC,{type:"info",variant:"alarm",title:$t.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:j.createElement(fC,null,j.createElement(nC,{type:"secondary",size:"small",onClick:O},"Reset"))}),j.createElement(qs,null),j.createElement(iC,{type:j.createElement(sC,{title:"_",id:"_",onClick:()=>console.log()}),items:W})))}i(cm,"SettingsPage");import{i18n as eT}from"@lingui/core";import{cancelSwap as tT}from"@rango-dev/queue-manager-rango-preset";import{useManager as oT}from"@rango-dev/queue-manager-react";import{Alert as nT}from"@rango-dev/ui";import ra from"react";import{useParams as rT}from"react-router-dom";import{i18n as xt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as _C,getCurrentStep as DC,getRelatedWalletOrNull as FC}from"@rango-dev/queue-manager-rango-preset";import{Button as Um,CopyIcon as UC,Divider as OC,IconButton as qC,LinkIcon as zC,QuoteCost as QC,StepDetails as HC,Typography as ho,useCopyToClipboard as GC}from"@rango-dev/ui";import{useWallets as VC}from"@rango-dev/wallets-react";import Om from"bignumber.js";import{PendingSwapNetworkStatus as Fr}from"rango-types";import R,{useEffect as qm,useRef as jC,useState as zm}from"react";import{useNavigate as KC}from"react-router-dom";import{i18n as _t}from"@lingui/core";var gC=[_t.t("Sunday"),_t.t("Monday"),_t.t("Tuesday"),_t.t("Wednesday"),_t.t("Thursday"),_t.t("Friday"),_t.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()?_t.t("Today"):`${gC[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 Mr}from"rango-types";import Nr from"react";import{i18n as Wr}from"@lingui/core";import{Button as fm,Divider as Hs,MessageBox as hC,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(hC,{type:"error",title:Wr.t("Cancel Swap"),description:Wr.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"},Wr.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"},Wr.t("No, Continue")))),"CancelContent");import{i18n as Lr}from"@lingui/core";import{Button as ym,Divider as Gs,MessageBox as yC,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(yC,{type:"error",title:Lr.t("Delete Transaction"),description:Lr.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"},Lr.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"},Lr.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 CC,Wallet as TC}from"@rango-dev/ui";import{useWallets as kC}from"@rango-dev/wallets-react";import Vo from"react";import{styled as SC}from"@rango-dev/ui";var Tm=SC("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}=kC(),c=n?.walletType,h=c?Vr(u(c)):null,m=c?p(c):null;return Vo.createElement(Vo.Fragment,null,Vo.createElement(CC,{type:e,title:o,description:r}),s&&!!c&&!!h&&!!m&&Vo.createElement(Tm,null,Vo.createElement(TC,{container:N(),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===Mr.WaitingForNetworkChange||e===Mr.WaitingForConnectingWallet||e===Mr.NetworkChanged;return Nr.createElement(ae,{open:!!e,onClose:o,container:document.getElementById(Ee.SWAP_BOX_ID)||document.body},p&&Nr.createElement(km,{type:Ks[e].type,title:Ks[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==Mr.WaitingForNetworkChange}),e==="delete"&&Nr.createElement(Cm,{onClose:o,onDelete:n}),e==="cancel"&&Nr.createElement(hm,{onClose:o,onCancel:r}))}i(Xs,"SwapDetailsModal");import{i18n as jo}from"@lingui/core";import{Button as Ys,Divider as Br,MessageBox as wm,TokenAmount as wC,Typography as Pr}from"@rango-dev/ui";import ve from"react";import{useNavigate as vC}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=vC();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:jo.t("Swap Successful")},ve.createElement(wC,{direction:"vertical",tooltipContainer:N(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:u,percentageChange:c}),ve.createElement(Br,{size:12}),ve.createElement(Pr,{variant:"body",size:"medium",color:"neutral700",align:"center"},h)):ve.createElement(wm,{type:"error",title:jo.t("Transaction Failed"),description:h}),ve.createElement(Br,{size:32}),n==="success"&&ve.createElement(Ys,{variant:"contained",type:"primary",size:"large",onClick:()=>{d("../../")}},ve.createElement(Pr,{variant:"title",size:"medium",color:"neutral100"},jo.t("Done"))),ve.createElement(Br,{size:12}),m&&ve.createElement(ve.Fragment,null,ve.createElement(Ys,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},ve.createElement(Pr,{variant:"title",size:"medium",color:"primary"},jo.t("Diagnosis"))),ve.createElement(Br,{size:12})),ve.createElement(Ys,{variant:"outlined",type:"primary",size:"large",onClick:o},ve.createElement(Pr,{variant:"title",size:"medium",color:"primary"},jo.t("See Details"))))}i(Js,"SwapDetailsCompleteModal");import PC from"react";import{i18n as LC}from"@lingui/core";import{Alert as Em,IconButton as MC,LinkIcon as NC}from"@rango-dev/ui";import Dt,{Fragment as BC}from"react";import{Alert as xC,ChevronDownIcon as bC,ChevronUpIcon as IC,IconButton as AC}from"@rango-dev/ui";import $r,{useState as EC}from"react";function vm(t){let{message:e}=t,[o,n]=EC(!1);return $r.createElement(xC,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&$r.createElement(AC,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?$r.createElement(IC,{size:12,color:"gray"}):$r.createElement(bC,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(vm,"FailedAlert");import{styled as WC}from"@rango-dev/ui";var xm=WC("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 Ko from"react";function Am(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Ko.createElement(Zs,{type:"warning",title:n.shortMessage,action:Ko.createElement(Im,{size:"xxsmall",type:"warning",onClick:()=>{o(Rs.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},bm.t("Change"))}):r===Rs.WaitingForConnectingWallet?Ko.createElement(Zs,{type:"warning",title:n.shortMessage,action:Ko.createElement(Im,{size:"xxsmall",type:"warning",onClick:()=>{o(Rs.WaitingForConnectingWallet)}},bm.t("Connect"))}):Ko.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 Dt.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 Dt.createElement(BC,{key:C},Dt.createElement(Em,{type:S&&(y&&"loading"||f&&"error")||"success",title:h.description?`${h.description} Tx`:LC.t("View transaction"),action:h.url&&Dt.createElement(MC,{variant:"ghost",size:"xsmall",onClick:()=>window.open(h.url,"_blank")},Dt.createElement(NC,{size:12}))}))}),c&&Dt.createElement(Em,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Dt.createElement(Am,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Dt.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:E(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ge(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:E(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:PC.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 Xo,darkTheme as $C,styled as Kt}from"@rango-dev/ui";var Nm=Kt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),_r=Kt("div",{width:"100%"}),Bm=Kt(bo,{padding:"$0 $20 $20 $20"}),JF=Kt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Pm=Kt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),ZF=Kt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),go=Xo({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=Xo({padding:"$5 0"}),Dr=Xo({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),_m=Xo({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Dm=Xo({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}=VC(),p=g().blockchains(),u=g().swappers(),c=g().tokens(),h=V.use.retry(),m=ne.use.isActiveTab(),d=KC(),[C,S]=GC(Wm),y=jC(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(),L=DC(e),W=L?.networkStatus;qm(()=>{b.find(bt=>bt.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(v(e.status),T(e.requestId))},[e.status]),qm(()=>{te?w(Fr.WaitingForNetworkChange):W===Fr.WaitingForConnectingWallet||W===Fr.NetworkChanged?w(W):w(null)},[W]);let B=yl(e),A=L?_C(e,L):null,O=L?FC(e,L):null,q=dm(e),M=Sl(e),ee=i(gt=>!!l(gt)?.mobileWallet,"isMobileWallet"),te=W===Fr.WaitingForNetworkChange&&!!A&&!!O?.walletType&&(ee(O.walletType)||s(O.walletType,A)),Q=te?a.bind(null,O.walletType,A):void 0,me=hl(e,L),G=Lm({swap:e,switchNetwork:Q,showNetworkModal:W,setNetworkModal:w,message:me,blockchains:p,swappers:u}),J=G.length,[Ae,Ce]=[e.steps[0],e.steps[J-1]],$=Ce.outputAmount||Ce.expectedOutputAmountHumanReadable,K=e.steps.reduce((gt,bt)=>gt+parseFloat(bt.feeInUsd||""),0),Z=e.steps.find(gt=>gt.diagnosisUrl)?.diagnosisUrl,Te=E(parseFloat(E($,6,6))*(Ce.toUsdPrice||0),4,4),Fe=E(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),Hr=e.status==="success"?xt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:E($,6,6),token:G[J-1].to.token.displayName,conciseAddress:cn(e.wallets[G[J-1].to.chain.displayName]?.address||""),chain:G[J-1].to.chain.displayName}}):`${xt.t("Transaction was not sent.")} ${B?xt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:B.outputAmount,symbol:B.symbol,blockchain:B.blockchain}}):""}`;return R.createElement(oe,{header:{title:xt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>w("cancel"):void 0,suffix:e.status!=="running"&&R.createElement(to,null,R.createElement(Um,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>w("delete")},R.createElement(ho,{size:"medium",variant:"label",color:"error"},xt.t("Delete"))))},footer:M&&!k&&R.createElement(Um,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{h(e,{blockchains:p,tokens:c}),setTimeout(()=>{d("../../")},0)}},xt.t("Try again"))},R.createElement(se,{compact:!0,view:!0},R.createElement(_r,null,R.createElement("div",{className:go()},R.createElement(ho,{variant:"label",size:"large",color:"neutral700"},`${xt.t("Request ID")}:`),R.createElement("div",{className:Dr()},R.createElement(ho,{variant:"label",size:"small",color:"neutral700"},o),R.createElement(qC,{variant:"ghost",onClick:S.bind(null,o||"")},R.createElement(UC,{size:16,color:"gray"})),R.createElement(Fm,{target:"_blank",href:`${ma}/swap/${o}`},R.createElement(zC,{size:16})))),R.createElement("div",{className:go()},R.createElement(ho,{variant:"label",size:"large",color:"neutral700"},`${xt.t(e.finishTime?"Finished at":"Created at")}:`),R.createElement(ho,{variant:"label",size:"small",color:"neutral700"},q))),R.createElement("div",{className:_m()},R.createElement(QC,{fee:E(String(K),2,2),time:on(nn(e.steps)),steps:J}),R.createElement(No,{from:{price:{value:E(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:E($,6,6),usdValue:Te,realUsdValue:ke,realValue:$},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:E(Ue,2,2),warningLevel:yt(Ue??0)})),R.createElement("div",{className:Dm()},R.createElement(ho,{variant:"title",size:"small"},xt.t("Swaps steps"))),R.createElement(OC,{size:8}),R.createElement(Bm,{ref:y},G.map((gt,bt)=>{let ua=bt,yo=Mm(e.steps[bt]),pd=yo==="error"||yo==="in-progress"||yo==="warning"||yo==="completed"&&bt===G.length-1;return R.createElement(HC,{key:ua,step:gt,type:"swap-progress",ref:y,state:yo,hasSeparator:bt!==0,tabIndex:ua,isFocused:pd,tooltipContainer:N()})}))),R.createElement(Xs,{state:f,onClose:()=>w(null),onCancel:I,onDelete:n,message:me.detailedMessage.content,currentStepWallet:O,walletButtonDisabled:!m}),R.createElement(Js,{open:!!k,diagnosisUrl:Z,onClose:()=>v(null),status:e.status==="success"?"success":"failed",priceValue:E($,6,6),usdValue:Te,realUsdValue:ke,realValue:pe($),percentageChange:E(Ue,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:Hr}))}i(ta,"SwapDetails");import{i18n as Or}from"@lingui/core";import{Divider as Gm,NotFound as RC,Skeleton as Jo,Typography as qr}from"@rango-dev/ui";import ce from"react";import{i18n as XC}from"@lingui/core";import{Divider as YC,Skeleton as JC,Typography as ZC}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"}),Yo=oa("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Ur=oa("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),M1=rt({display:"flex",justifyContent:"space-between",alignItems:"center"}),N1=rt({display:"flex",justifyContent:"space-between",alignItems:"center"}),B1=rt({paddingTop:"$15",display:"flex"}),P1=rt({padding:"$15 $0"}),$1=rt({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),_1=rt({paddingBottom:"$10"}),D1=rt({display:"flex",justifyContent:"start",alignItems:"center"}),F1=rt({paddingTop:"$5",display:"flex",alignItems:"center"}),U1=rt({display:"flex",alignItems:"center"}),O1=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(ZC,{variant:"title",size:"small"},XC.t("Swaps steps"))),fe.createElement(fe.Fragment,null,fe.createElement(Yo,null,fe.createElement(mt,{separator:!1}),fe.createElement("div",{className:Hm()},fe.createElement(YC,{direction:"horizontal",size:20}),fe.createElement(JC,{height:22,variant:"rectangular"}))),fe.createElement(Ur,null),fe.createElement(Yo,null,fe.createElement(mt,{separator:!1})),fe.createElement(Ur,null),fe.createElement(Yo,null,fe.createElement(mt,{separator:!1})),fe.createElement(Ur,null),fe.createElement(Yo,null,fe.createElement(mt,{separator:!1}))))}i(na,"LoadingSwapDetails");function Vm(t){let{requestId:e,showSkeleton:o}=t;return ce.createElement(oe,{header:{title:Or.t("Swap and Bridge"),suffix:ce.createElement(to,null)}},o&&ce.createElement(Nm,null,ce.createElement(_r,null,ce.createElement("div",{className:go()},ce.createElement(qr,{variant:"label",size:"large",color:"neutral700"},`${Or.t("Request ID")}:`),ce.createElement("div",{className:Dr()},ce.createElement(qr,{variant:"label",size:"small",color:"neutral700"},ce.createElement(Jo,{width:60,height:10,variant:"rounded"})),ce.createElement(Gm,{direction:"horizontal",size:4}),ce.createElement(Jo,{width:16,height:16,variant:"rectangular"}),ce.createElement(Gm,{direction:"horizontal",size:4}),ce.createElement(Jo,{width:16,height:16,variant:"rectangular"}))),ce.createElement("div",{className:go()},ce.createElement(qr,{className:$m(),variant:"label",size:"large",color:"neutral700"},ce.createElement(Jo,{width:60,height:10,variant:"rounded"})),ce.createElement(qr,{variant:"label",size:"small",color:"neutral700"},ce.createElement(Jo,{width:60,height:10,variant:"rounded"})))),ce.createElement(na,null)),!o&&ce.createElement(Pm,null,ce.createElement(RC,{title:Or.t("Not found"),description:Or.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Vm,"SwapDetailsPlaceholder");function jm(){let{manager:t,state:e}=oT(),o=!e.loadedFromPersistor,n=Lt(t),{requestId:r}=rT(),s=lt(),{fetchStatus:a}=g();if(!r)return ra.createElement(nT,{containerStyles:{margin:"20px"},type:"error",title:eT.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&&tT(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 Zo}from"@lingui/core";import{AutoThemeIcon as iT,DarkModeIcon as sT,LightModeIcon as aT,List as lT,ListItemButton as pT,Radio as ia,RadioRoot as uT,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"},Zo.t("Light")),onClick:()=>t("light"),start:De.createElement(aT,{color:"gray"}),end:De.createElement(ia,{value:"light"})},{id:"dark",value:"dark",title:De.createElement(sa,{variant:"title",size:"xmedium"},Zo.t("Dark")),onClick:()=>t("dark"),start:De.createElement(sT,{color:"gray"}),end:De.createElement(ia,{value:"dark"})},{id:"auto",value:"auto",title:De.createElement(sa,{variant:"title",size:"xmedium"},Zo.t("Auto")),onClick:()=>t("auto"),start:De.createElement(iT,{color:"gray"}),end:De.createElement(ia,{value:"auto"})}];return De.createElement(oe,{header:{title:Zo.t("Theme")}},De.createElement(se,null,De.createElement(uT,{onValueChange:n=>t(n),value:e},De.createElement(lT,{type:De.createElement(pT,{title:Zo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Km,"ThemePage");function Xm(){return Wl(),fi(),cT([{path:F.home,element:$e.createElement(kc,null)},{path:F.routes,element:$e.createElement(Ac,null)},{path:F.fromSwap,children:[{index:!0,element:$e.createElement(Us,{type:"source"})},{path:F.blockchains,element:$e.createElement(ws,{type:"source"})}]},{path:F.toSwap,children:[{index:!0,element:$e.createElement(Us,{type:"destination"})},{path:F.blockchains,element:$e.createElement(ws,{type:"destination"})}]},{path:F.settings,children:[{index:!0,element:$e.createElement(cm,null)},{path:F.themes,element:$e.createElement(Km,null)},{path:F.languages,element:$e.createElement(vc,null)},{path:F.exchanges,element:$e.createElement(Ss,{sourceType:"Exchanges"})},{path:F.bridges,element:$e.createElement(Ss,{sourceType:"Bridges"})}]},{path:F.swaps,children:[{index:!0,element:$e.createElement(fc,null)},{path:F.swapDetails,element:$e.createElement(jm,null)}]},{path:F.wallets,element:$e.createElement(Ap,null)},{path:F.confirmSwap,element:$e.createElement(oc,null)}])}i(Xm,"AppRoutes");import{isApprovalTX as mT,MainEvents as Ym,RouteEventType as Jm,StepEventType as Zm,StepExecutionEventStatus as dT,useEvents as fT}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Rm}from"react";function ed(){let t=g().tokens(),e=X.use.connectedWallets(),o=X.use.getWalletsDetails(),n=Oe.use.setNotification(),r=fT();return Rm(()=>(r.on(Ym.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Zm.TX_EXECUTION&&a.status===dT.TX_SENT&&!mT(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 gT}from"@rango-dev/ui";var td=i(()=>gT({"@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 hT}from"@rango-dev/ui";var nd=hT("div",{display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function zr(){td();let{config:t}=g(),{activeTheme:e}=On(t?.theme||{}),{activeLanguage:o}=co(),[n,r]=rd(""),[s,a]=rd(),l=ST(Sn),{fetchApiConfig:p}=od();return CT(()=>{Oe.persist.rehydrate(),l.onConnectWallet(r),p().catch(console.log)},[]),Ro.createElement(yT,{language:o},Ro.createElement(nd,{id:"swap-container",className:e()},Ro.createElement(ed,null),Ro.createElement(Ra,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},Ro.createElement(Xm,null))))}i(zr,"Main");import la,{useMemo as DT}from"react";import{checkWaitingForNetworkChange as TT,makeQueueDefinition as kT}from"@rango-dev/queue-manager-rango-preset";import{Provider as wT}from"@rango-dev/queue-manager-react";import{useWallets as vT}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as xT}from"@rango-dev/wallets-shared";import{isEvmBlockchain as bT}from"rango-types";import IT,{useMemo as AT}from"react";function ET(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=vT(),l=AT(()=>kT({API_KEY:t.apiKey||ht("API_KEY"),BASE_URL:ht("BASE_URL")}),[t.apiKey]),p=g().blockchains(),c={blockchains:X.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(bT),S=i(k=>{let{supportedChains:v}=a(k);return an(v)},"getSupportedChainNames"),y=e(),f={meta:{blockchains:d,evmBasedChains:C,evmNetworkChainInfo:xT(C),getSupportedChainNames:S},getSigners:o,wallets:c,providers:y,switchNetwork:h,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},w=ne.use.isActiveTab();return IT.createElement(wT,{queuesDefs:[l],context:f,onPersistedDataLoaded:k=>{TT(k)},isPaused:!w},t.children)}i(ET,"QueueManager");var id=ET;import{useManager as BT}from"@rango-dev/queue-manager-react";import PT,{createContext as $T,useContext as _T}from"react";import{cancelSwap as WT,getCurrentBlockchainOfOrNull as LT,getCurrentStep as MT,getRelatedWalletOrNull as NT}from"@rango-dev/queue-manager-rango-preset";var en=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return Lt(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&&WT(o)}getCurrentStepInfo(e){let o=MT(e);return{step:o,wallet:o?NT(e,o):null,network:o?LT(e,o):null}}};i(en,"WidgetHistory");var sd=$T(void 0);function aa(t){let{manager:e}=BT(),o=ne.use.isActiveTab(),n=V.use.retry(),r=new en(e,{retrySwap:n}),s=X.use.connectedWallets(),a=X.use.loading(),l=wa(s),p=X.use.getWalletsDetails(),u=g().blockchains(),c=g().tokens(),h=g().swappers(),m=g().fetchStatus,d=co().resetLanguage,C=Oe().getUnreadNotifications(),S={isActiveTab:o,setCurrentTabAsActive:Ut.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 PT.createElement(sd.Provider,{value:S},t.children)}i(aa,"WidgetInfo");function ad(){let t=_T(sd);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(ad,"useWidget");function Qr(t){let{onUpdateState:e,config:o}=t;return DT(()=>{Ea({API_KEY:o?.apiKey||tn,BASE_URL:o?.apiUrl||ca})},[o.apiKey,o.apiUrl]),la.createElement(Cn,{config:o,onUpdateState:e},la.createElement(id,{apiKey:o.apiKey},la.createElement(aa,null,t.children)))}i(Qr,"WidgetProvider");function ld(t){return FT(()=>(Ut.init(),Ut.destroy),[]),t.config?.externalWallets?pa.createElement(zr,null):pa.createElement(Qr,{config:t.config??Jr},pa.createElement(zr,null))}i(ld,"Widget");export{kq as EventSeverity,wq as MainEvents,Nq as Networks,$q as PendingSwapNetworkStatus,vq as RouteEventType,xq as StepEventType,bq as StepExecutionBlockedEventStatus,Iq as StepExecutionEventStatus,Ee as UI_ID,Lq as WalletEvents,Bq as WalletTypes,ld as Widget,Qr as WidgetProvider,Cn as WidgetWallets,ki as customizedThemeTokens,Wq as readAccountAddress,Pp as useWallets,ad as useWidget,Aq as useWidgetEvents};
1
+ 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
2
+ 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};
3
3
  //# sourceMappingURL=index.js.map