@rango-dev/widget-embedded 0.21.1-next.6 → 0.21.1-next.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/components/ConfirmWalletsModal/WalletList.d.ts.map +1 -1
  2. package/dist/components/HeaderButtons/HomeButtons.d.ts.map +1 -1
  3. package/dist/components/NotificationContent/NotificationContent.styles.d.ts.map +1 -1
  4. package/dist/index.js +2 -2
  5. package/dist/index.js.map +3 -3
  6. package/package.json +3 -3
  7. package/src/components/ConfirmWalletsModal/WalletList.tsx +4 -2
  8. package/src/components/HeaderButtons/HomeButtons.tsx +2 -1
  9. package/src/components/NotificationContent/NotificationContent.styles.ts +1 -0
  10. package/src/components/Quote/Quote.tsx +1 -1
package/dist/index.js CHANGED
@@ -1,3 +1,3 @@
1
- var td=Object.defineProperty;var i=(t,e)=>td(t,"name",{value:e,configurable:!0});import{EventSeverity as sO,MainEvents as aO,RouteEventType as lO,StepEventType as pO,StepExecutionBlockedEventStatus as cO,StepExecutionEventStatus as uO,useEvents as mO}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as fO,useWallets as Wp,Events as gO}from"@rango-dev/wallets-react";import{Networks as yO,WalletTypes as SO}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as TO}from"rango-types";import{UI_ID as od}from"@rango-dev/ui";var Ko="c6381a79-2817-4602-83bf-6a641a409e32",ca="https://api.rango.exchange",ua="https://scan.rango.exchange",be={SWAP_BOX_ID:"rango-swap-box",...od};import{Events as Xr,Provider as Pd}from"@rango-dev/wallets-react";import{isEvmBlockchain as $d}from"rango-sdk";import mn,{createContext as _d,useEffect as Kr,useRef as Dd,useState as Fd}from"react";import{useEffect as Cd}from"react";import{create as hd}from"zustand";import{subscribeWithSelector as yd}from"zustand/middleware";import{RangoClient as fd}from"rango-sdk";import{WalletState as tt}from"@rango-dev/ui";import{readAccountAddress as id}from"@rango-dev/wallets-react";import{detectInstallLink as sd,getCosmosExperimentalChainInfo as ad,isEvmAddress as ld,KEPLR_COMPATIBLE_WALLETS as _T,Networks as ga}from"@rango-dev/wallets-shared";import Ur from"bignumber.js";import{isCosmosBlockchain as pd}from"rango-types";import nd from"bignumber.js";var Ie=new nd(0);import{WalletTypes as rd}from"@rango-dev/wallets-shared";var ma=[rd.LEAP];import{BigNumber as fa}from"bignumber.js";var Yo=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),E=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 Jo=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var et=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),uo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function se(t){return E(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(se,"formatTooltipNumbers");function Or(t){switch(!0){case t.connected:return tt.CONNECTED;case t.connecting:return tt.CONNECTING;case!t.installed:return tt.NOT_INSTALLED;default:return tt.DISCONNECTED}}i(Or,"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(u=>u.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=Or(t(r));return{title:s,image:a,link:sd(l),state:p,type:r}})}i(ha,"mapWalletTypesToWalletInfo");function en(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(en,"walletAndSupportedChainsNames");function ya(t,e,o,n,r){let s=[];function a(p,c){if(!!!s.find(g=>g.chain===p)){let g={address:c,chain:p,walletType:t};s.push(g)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:c,network:u}=id(p),g=l.length>0,m=l.includes(u),d=u===ga.Unknown;if(g&&!m&&!d)return;let y=u===ga.Unknown&&ld(c);if(d&&!y)return;o.includes(u)||y?r?a(u,c.toLowerCase()):l.filter(k=>o.includes(k)).forEach(k=>{a(k,c.toLowerCase())}):a(u,c)}),s}i(ya,"prepareAccountsForWalletStore");function Sa(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(Sa,"getRequiredChains");function tn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(tn,"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 Ur(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:ud(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=E(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new Ur(s?.amount||Ie).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ie)||Ie).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 ud=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),on=i((t,e)=>{let o=ad(Object.entries(t).map(([,n])=>n).filter(pd));return o&&o[e]?.experimental},"isExperimentalChain");function nn(t){return t?{...t,amount:E(t.amount,8,8),usdValue:E(t.usdValue,4,4)}:null}i(nn,"formatBalance");function md(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(md,"sortTokensByBalance");function dd(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(dd,"sortTokensByPinnedToken");function wa(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=dd(n,r,o);return l!==0?l:md(s,a)}),t}i(wa,"sortTokens");function Ae(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Ae,"areTokensEqual");function va(t){return t.sort((e,o)=>+(o.state===tt.CONNECTED)-+(e.state===tt.CONNECTED)||+(o.state===tt.DISCONNECTED||o.state===tt.CONNECTING)-+(e.state===tt.DISCONNECTED||e.state===tt.CONNECTING))}i(va,"sortWalletsBasedOnConnectionState");function rn(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}i(rn,"getConciseAddress");function xa({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(xa,"getAddress");function zr(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(zr,"createTokenHash");function sn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Ur(o?.usdPrice??Ie).multipliedBy(o?.amount).toString():""},r=o?zr({symbol:o.symbol,blockchain:o.chain,address:o.address}):null,s=r?e[r]:null;return r&&(!s||s&&s.amount<n.amount)&&(e[r]=n),e},{})}i(sn,"makeTokensBalance");var 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 qr={API_KEY:Ko};function Gt(t){return qr[t]||""}i(Gt,"getConfig");function Aa(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),qr=e,qr}i(Aa,"initConfig");var Ea=20,Wa=25,La="Roboto",Gr="theme-widget",mo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Ae(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Ae(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),Hr=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var an,Ht=i(()=>an||(an=new fd(Gt("API_KEY"),Gt("BASE_URL")),an),"httpService");var gd=i(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),Tt=gd;var H=Tt(hd()(yd((t,e)=>({connectedWallets:[],balances:{},customDestination:"",loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!s.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(l=>l.selected&&l.walletType!==o).map(l=>l.chain),s=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:sn(s),connectedWallets:s}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let s=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>tn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await Ht().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(m=>{let d=o.find(y=>tn(y,m)),C=p.find(y=>y.address===m.address&&y.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:sn(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(g=>tn(g,u))?Ta(u):u);return{loading:!1,balances:sn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=zr(o);return n[r]??null}}))));import{allProviders as Sd}from"@rango-dev/provider-all";function ln(t,e){let o=Sd({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(ln,"matchAndGenerateProviders");function Na(t,e){return ln(t,e).map(r=>r.config.type)}i(Na,"configWalletsToWalletName");function Ba(t,e){let o=H.use.clearConnectedWallet(),n=ln(void 0,e);return Cd(()=>{o(),n=ln(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Ba,"useWalletProviders");import Ad,{createContext as Ed,useContext as Wd,useEffect as Ld,useRef as Nd}from"react";import{create as bd}from"zustand";import{persist as Id}from"zustand/middleware";var Qr={apiKey:"",title:void 0,multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},Td={clientUrl:void 0},Ma=i((t,e,o)=>({config:{...Qr,...t},iframe:Td,updateConfig:n=>{let r=o().config;e({config:{...r,...n}})},updateIframe:(n,r)=>{let s=o().iframe;e({iframe:{...s,[n]:r}})}}),"createConfigSlice");function Qt(t){return Array.from(new Set(t))}i(Qt,"removeDuplicateFrom");function Vr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Vr,"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 Bt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Bt,"containsText");var L=i(()=>document.getElementById(be.SWAP_BOX_ID),"getContainer");function pn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Qt(t.map(s=>s.swapperGroup)).map(s=>{let a=t.find(l=>l.swapperGroup===s);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}i(pn,"getUniqueSwappersGroups");function $a(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i($a,"sortLiquiditySourcesByGroupTitle");function Fe(t,e){return e?.[t]==="hidden"}i(Fe,"isFeatureHidden");function cn(t,e){return e?.[t]==="enabled"}i(cn,"isFeatureEnabled");var _a=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(s.length>0&&!s.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??{},a=e().blockchains({type:o.type});return n.filter(p=>s&&mo(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(c=>c.name===p.blockchain)?!1:o.searchFor?!!(Bt(p.symbol,o.searchFor)||Bt(p.address||"",o.searchFor)||Bt(p.name||"",o.searchFor)):!0).sort((p,c)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(c,o.type)||p.isSecondaryCoin?1:c.isSecondaryCoin||!p.address&&c.address?-1:p.address&&!c.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Ae(a,o)),swappers:()=>{let{config:{enableNewLiquiditySources:o,liquiditySources:n}}=e();return e()._swappers.filter(a=>{let l=n?.includes(a.swapperGroup);return o||!n||n.length===0?!l:l}).sort($a)},fetch:async()=>{try{let o=await Ht().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],s=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,c)=>p.sort-c.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as kd,French as wd,Japanese as vd,Spanish as xd}from"@rango-dev/ui";var Da=[{title:"English",label:"English",local:"en",SVGFlag:kd},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:xd},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:wd},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:vd}],fo="en";var Fa=[.5,1,3],Ua=1,Oa=5,za=100,qa=0;var Ga=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:Ua,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,c=l<=10-1;return p&&c}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=Qt(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n}=o,r=Fe("theme",n),s=Fe("language",n),a=Fe("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:fo},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function Ha(t){return bd()(Id((...e)=>({..._a(...e),...Ga(...e),...Ma(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(Ha,"createAppStore");var Qa=Ed(null);function h(){let t=Wd(Qa);if(Ld(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(h,"useAppStore");function Va(t){let e=Nd();return e.current||(e.current=Ha(t.config)),Ad.createElement(Qa.Provider,{value:e.current},t.children)}i(Va,"AppStoreProvider");import{create as Md}from"zustand";var ja="rango-widget";var Vt=class{constructor(e){this.state="not-initiated";this.events={};this.forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};this.isClaimed=()=>this.state==="claimed";this.destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};this.handleMessageEvent=e=>{let o=e.data.name;switch(o){case"ping":this.claimedByCurrentTab(e.data.pingAt);break;case"pong":this.alreadyClaimedByAnotherTab();break;case"force-claim":this.forceRelease(e.data.candidateId);break;case"force-release":this.tabId===e.data.candidateId&&this.claim();break;default:throw new Error(`${o} is not supported.`)}};this.handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};this.handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};this.channel=new BroadcastChannel(ja),this.tabId=Math.trunc(Math.random()*1e5),this.events=e,this.initEvents(),this.tryClaim()}initEvents(){this.channel.addEventListener("message",this.handleMessageEvent),document.addEventListener("visibilitychange",this.handleVisibilityChange),document.addEventListener("resume",this.handleResume)}claimedByCurrentTab(e){let o=this.lastTryClaim&&this.lastTryClaim<e;if(this.isClaimed()||o){let n={name:"pong"};this.channel.postMessage(n);return}}alreadyClaimedByAnotherTab(){this.resetLastCheck()}async tryClaim(){return this.setLastCheck(),new Promise(e=>{setTimeout(()=>{this.check(),e()},300)})}check(){this.state==="not-initiated"&&this.events.onInit?.(),this.lastTryClaim?(this.claim(),this.resetLastCheck()):this.state="not-claimed"}claim(){this.state="claimed",this.events.onClaim?.()}setLastCheck(){this.lastTryClaim=Date.now();let e={name:"ping",pingAt:this.lastTryClaim};this.channel.postMessage(e)}resetLastCheck(){this.lastTryClaim=void 0}forceRelease(e){if(this.isClaimed()){this.state="not-claimed",this.events.onRelease?.();let o={name:"force-release",candidateId:e};this.channel.postMessage(o)}}};i(Vt,"TabManager");var pe=Tt(Md()((t,e)=>({isActiveTab:!1,tabManagerInitiated:!1,showActivateTabModal:!1,activateCurrentTab:(o,n)=>{let{showActivateTabModal:r}=e();!r&&n?t({showActivateTabModal:!0}):(r||!n)&&o()},setShowActivateTabModal:o=>{t({showActivateTabModal:o})}}))),Ka=new Vt({onInit:()=>pe.setState({tabManagerInitiated:!0}),onClaim:()=>pe.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>pe.setState({isActiveTab:!1})}),un=Ka.forceClaim,Ya=Ka.destroy;var dn=_d({onConnectWallet:()=>{}});function Ud(t){let{updateConfig:e,updateSettings:o,fetch:n}=h(),r=h().blockchains(),s=h().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=Fd([]),{providers:c}=Ba(t.config.wallets,a),{connectWallet:u,disconnectWallet:g}=H(),m=Dd();Kr(()=>{n().catch(console.log)},[]),Kr(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let d=r.filter($d).map(f=>f.name),C=i((f,S,k,b,T)=>{if(S===Xr.ACCOUNTS)if(k){let x=en(T.supportedBlockchains),v=ya(f,k,d,x,T.isContractWallet);p(v)}else g(f);if(S===Xr.ACCOUNTS&&b.connected){let x=`${f}-${b.network}-${k}`;b.connected&&(m.current?m.current(x):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(S===Xr.NETWORK&&b.network){let x=`${f}-${b.network}`;m.current?m.current(x):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(f,S,k,b,T)},"onUpdateState"),y=pe.use.isActiveTab();return Kr(()=>{l.length&&u(l,s)},[l,s]),mn.createElement(dn.Provider,{value:{onConnectWallet:f=>{m.current=f}}},mn.createElement(Pd,{allBlockChains:r,providers:c,onUpdateState:C,autoConnect:!!y},t.children))}i(Ud,"Main");function fn(t){let{config:e,...o}=t;return mn.createElement(Va,{config:e},mn.createElement(Ud,{...o,config:e}))}i(fn,"WidgetWallets");import la,{useEffect as TT}from"react";import{I18nManager as RC}from"@rango-dev/ui";import jo,{useContext as eT,useEffect as tT,useState as Km}from"react";import{useQueueManager as Hd}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Qd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Vd}from"rango-types";import jd,{Fragment as Xd}from"react";import{MemoryRouter as Kd,useInRouterContext as Yd}from"react-router";import{useWallets as zd}from"@rango-dev/wallets-react";import{useEffect as qd,useRef as Gd}from"react";function Ja(){let{connect:t,state:e}=zd(),o=Gd({}),{fetchStatus:n}=h(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);qd(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(Ja,"useForceAutoConnect");function Za({children:t,...e}){let n=Yd()?Xd:Kd,r=h().blockchains(),{canSwitchNetworkTo:s}=Qd();Ja();let a=r.filter(Vd);return Hd({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),jd.createElement(n,null,t)}i(Za,"AppRouter");import Be from"react";import{useRoutes as jC}from"react-router-dom";var P={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{useEffect as Xt,useRef as vn}from"react";import vt from"bignumber.js";import{create as of}from"zustand";import{subscribeWithSelector as nf}from"zustand/middleware";import{getLastSuccessfulStep as tf}from"@rango-dev/queue-manager-rango-preset";import Sv from"bignumber.js";var kt=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(kt||{});function Ra(t,e){return e.find(o=>o.name===t)?.displayName}i(Ra,"getBlockchainDisplayNameFor");function Ue(t,e){return e.find(o=>o.name===t)?.shortName}i(Ue,"getBlockchainShortNameFor");function go(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(go,"getSwapperDisplayName");function Yr(t,e){return e.find(o=>Ae(o,t))??null}i(Yr,"findToken");function Jr(t,e){return e.find(o=>o.name===t)??null}i(Jr,"findBlockchain");import{i18n as Ve}from"@lingui/core";import Ee from"bignumber.js";import{PendingSwapNetworkStatus as Sn}from"rango-types";function gn(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(gn,"getRequiredWallets");function hn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(hn,"isValidAddress");import{i18n as we}from"@lingui/core";var K=i(()=>({genericServerError:we.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:we.t("Please reset your liquidity sources."),description:we.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:we.t("No Routes Found."),description:we.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:we.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:we.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:we.t("High Price Impact"),title:we.t("Price impact is too high!"),description:we.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:we.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:we.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:we.t("USD Price Unknown"),title:we.t("USD Price Unknown, Cannot calculate Price Impact."),description:we.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:we.t("Confirm USD Price Unknown")}}),"errorMessages");function el(t){switch(t.type){case 0:return t.diagnosisMessage??K().noResultError.title;case 1:return K().genericServerError;default:return""}}i(el,"getQuoteErrorMessage");import{i18n as yn}from"@lingui/core";var Mt=i(()=>({connectWallet:yn.t("Connect Wallet"),swap:yn.t("Swap"),swapAnyway:yn.t("Swap anyway"),ethWarning:yn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function tl(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Ee(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Ee(1e3)))??!1}i(tl,"hasHighValueLoss");function Zr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new Ee(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ee(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(Zr,"hasLimitError");function Rr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new Ee(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Ee(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||c?.lte(l.fromAmount):p?.gt(l.fromAmount)||c?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Ee(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ee(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Ve.t({id:"Required: >= {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Ve.t({id:"Required: > {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Ve.t({id:"Required: <= {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Ve.t({id:"Required: < {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Rr,"getLimitErrorMessage");function ol(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Mt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:Mt().swap,action:"confirm-swap",disabled:!0}:a?{title:Mt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Mt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Mt().swap,action:"confirm-swap",disabled:!1}:{title:Mt().connectWallet,action:"connect-wallet",disabled:!1}}i(ol,"getSwapButtonState");function ei(t,e,o){return!((!o||o.lte(Ie))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(ei,"canComputePriceImpact");function Jd(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(Jd,"requiredWallets");var Zd=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Rd(t,e){let o=Ie;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Zd(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Ee(r.amount).multipliedBy(s||0))}return o}i(Rd,"getUsdFeeOfStep");function Cn(t,e){return t.reduce((o,n)=>o.plus(Rd(n,e)),Ie)}i(Cn,"getTotalFeeInUsd");function ti(t){let e=Ie;return e=e.plus(new Ee(t.amount).multipliedBy(t.price||0)),e}i(ti,"getUsdFee");function nl(t){return t.reduce((e,o)=>e.plus(ti(o)),Ie)}i(nl,"getTotalFeesInUsd");function rl(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(rl,"getFeesGroup");function oi(t){let e=new Map;return t.result?.swaps.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(oi,"checkSlippageErrors");function il(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}i(il,"checkSlippageWarnings");function Tn(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(Tn,"getMinRequiredSlippage");function sl(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(sl,"hasProperSlippage");function kn(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:c,affiliateRef:u,affiliatePercent:g,affiliateWallets:m,initialQuote:d,destination:C}=t,y=s?.reduce((T,x)=>(T[x.chain]=x.address,T),{}),f=[];r?.forEach(T=>{let x=f.find(v=>v.blockchain===T.chain);x?x.addresses.push(T.address):f.push({blockchain:T.chain,addresses:[T.address]})});let S=!!d,k=Qt((d?.result?.swaps||[]).reduce((T,x)=>(T.push(x.from.blockchain,x.to.blockchain),x.internalSwaps&&Array.isArray(x.internalSwaps)&&x.internalSwaps.map(v=>{T.push(v.from.blockchain,v.to.blockchain)}),T),[]));return{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:g??void 0,affiliateWallets:m??void 0,checkPrerequisites:S,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:f,selectedWallets:y??{},slippage:c.toString(),...C&&{destination:C},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(T=>!a.includes(T)),swappersGroupsExclude:!1},...S&&{blockchains:k}}}i(kn,"createQuoteRequestBody");function al(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(al,"getWalletsForNewSwap");function jt(t){return t.result?.outputAmount||null}i(jt,"getQuoteOutputAmount");function ll(t,e){return new Ee(e).div(new Ee(t)).minus(1).multipliedBy(100).toNumber()}i(ll,"getPercentageChange");function pl(t,e){let o=jt(t),n=jt(e);if(!o||!n)return!1;let r=Oe(o,n);return r?r<=-1:!0}i(pl,"isOutputAmountChangedALot");function cl(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=>hl(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=E(new Ee(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=E(new Ee(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=Ve.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=Ve.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=Ve.t(" for input and network fee")),Ve.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:c,symbol:l,reason:u,currentAmount:p,blockchain:Ue(a.asset.blockchain,o)}})})}i(cl,"generateBalanceWarnings");function ul(t,e){return(t?new Ee(t):Ie).multipliedBy(e||0)}i(ul,"calcOutputUsdValue");function ho(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Sn.NetworkChanged}i(ho,"isNetworkStatusInWarningState");function ml(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),ho(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Sn.WaitingForConnectingWallet:n=n||Ve.t("Waiting for connecting wallet");break;case Sn.WaitingForQueue:n=n||Ve.t("Waiting for other running tasks to be finished");break;case Sn.WaitingForNetworkChange:n=n||Ve.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(ml,"getSwapMessages");function dl(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(dl,"getLastConvertedTokenInFailedSwap");function fl(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(fl,"shouldRetrySwap");function gl(t,e,o,n,r,s){return t||!e&&!Jd(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!hn(s,o)}i(gl,"confirmSwapDisabled");function Sl(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(Sl,"getQuoteToTokenUsdPrice");function ni(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(ni,"isNumberOfSwapsChanged");function ri(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!Vr(o,n)}i(ri,"isQuoteSwappersUpdated");function ii(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!Vr(o,n)}i(ii,"isQuoteInternalCoinsUpdated");function Cl(t,e){return ni(t,e)||ri(t,e)||ii(t,e)}i(Cl,"isQuoteChanged");function hl(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(hl,"getRequiredBalanceOfWallet");function mt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(mt,"getPriceImpactLevel");function Tl(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=tf(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Jr(s?s.toBlockchain:n.fromBlockchain,e),p=Jr(r.toBlockchain,e),c=Yr(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=Yr(a,o),g=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:g}}i(Tl,"createRetryQuote");function wn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Pt(o,t.requestAmount),l=Pt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let u=Oe(a.toString(),l.toString());if(!!u&&tl(a,u)){let m=Cn(t.result.swaps,r),d=mt(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:m,warningLevel:d}}}else if(t.result&&(!a||!l))return{type:1};let p=Tn(t),c=s>Oa;if(sl(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:il(t,s),minRequiredSlippage:p};return null}i(wn,"generateQuoteWarnings");function Oe(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:ll(t.toString(),e.toString());return n&&n<0?n:null}i(Oe,"getPriceImpact");var kl=i(t=>{let e=new Set,o=[];return t.forEach(n=>{e.has(n.from.chain.displayName)||(e.add(n.from.chain.displayName),o.push(n.from.chain)),e.has(n.to.chain.displayName)||(e.add(n.to.chain.displayName),o.push(n.to.chain))}),o},"getUniqueBlockchains");var Pt=i((t,e)=>t?.usdPrice?new vt(e||Ie).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),Y=Tt(of()(nf(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new vt(0),outputUsdValue:new vt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ie;return uo(o.inputAmount)?(e&&(n=e.result?.outputAmount?new vt(e.result?.outputAmount):null,r=ul(e.result?.outputAmount,Sl(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new vt(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{quote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:Pt(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{quote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new vt(0),outputUsdValue:new vt(0),quote:null},...!!o.fromToken&&{inputUsdValue:Pt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=Tl(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:Pt(a??null,c),outputUsdValue:new vt(0),toBlockchain:l,toToken:p,quote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Pt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:""}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function wl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=Y(),c=h().config,u=h().fetchStatus,g=h().blockchains(),m=h().tokens(),{setAffiliateRef:d,setAffiliatePercent:C,setAffiliateWallets:y}=h(),f=c?.from?.tokens,S=c?.from?.blockchains,k=c?.to?.tokens,b=c?.to?.blockchains,T=vn(void 0),x=vn(void 0),v=vn(void 0),I=vn(void 0);Xt(()=>{t(c?.amount?.toString()||"")},[c?.amount]),Xt(()=>{if(u==="success"){let A=g.find(W=>W.name===c?.from?.blockchain),w=m.find(W=>Ae(W,c?.from?.token||null));(A||!A&&v.current)&&n(A??null),w?r({token:w,meta:{blockchains:g,tokens:m}}):!w&&T.current&&r({token:null}),v.current=c?.from?.blockchain,T.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),Xt(()=>{mo(s,f)&&r({token:null}),Hr(l,S)&&n(null)},[f,S]),Xt(()=>{mo(a,k)&&r({token:null}),Hr(p,b)&&o(null)},[k,b]),Xt(()=>{if(u==="success"){let A=g.find(W=>W.name===c?.to?.blockchain),w=m.find(W=>Ae(W,c?.to?.token||null));(A||!A&&I.current)&&o(A??null),w?e({token:w,meta:{blockchains:g,tokens:m}}):!w&&x.current&&e({token:null}),I.current=c?.to?.blockchain,x.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),Xt(()=>{d(c?.affiliate?.ref??null),C(c?.affiliate?.percent??null),y(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(wl,"useSyncStoresWithConfig");import{useEffect as li}from"react";import{useInRouterContext as rf,useLocation as sf,useSearchParams as af}from"react-router-dom";function si(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(si,"searchParamToToken");function ai(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(ai,"tokenToSearchParam");function pi(){let t=sf(),[e,o]=af(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:g,setInputAmount:m}=Y(),d=h().fetchStatus,C=h().blockchains(),y=h().tokens(),f=rf(),{updateIframe:S}=h(),k=i(()=>{let T=e.get("fromAmount"),x=e.get("fromBlockchain"),v=e.get("fromToken"),I=e.get("toBlockchain"),A=e.get("toToken"),w=e.get("autoConnect"),W=e.get("clientUrl");return{fromAmount:T,fromBlockchain:x,fromToken:v,toBlockchain:I,toToken:A,autoConnect:w,clientUrl:W}},"getUrlSearchParams"),b=i(T=>{for(let x in T)T[x]||delete T[x];o(T,{replace:!0})},"updateUrlSearchParams");li(()=>{let{autoConnect:T,clientUrl:x}=k();f&&d==="success"&&b({["fromBlockchain"]:n?.name,["fromToken"]:ai(s),["toBlockchain"]:r?.name,["toToken"]:ai(a),["fromAmount"]:l,["autoConnect"]:T??void 0,["clientUrl"]:x??void 0})},[t.pathname,l,n,s,r,a]),li(()=>{if(!f)return;let T=k();if(T.fromAmount&&m(T.fromAmount),d==="success"){let x=C.find(w=>w.name===T.fromBlockchain),v=si(y,T.fromToken,x??null),I=C.find(w=>w.name===T.toBlockchain),A=si(y,T.toToken,I??null);x&&(p(x),v&&u({token:v,meta:{blockchains:C,tokens:y}})),I&&(c(I),A&&g({token:A,meta:{blockchains:C,tokens:y}}))}},[d]),li(()=>{let{clientUrl:T}=k();S("clientUrl",T||void 0)},[])}i(pi,"useSyncUrlAndStore");import{i18n as pr}from"@lingui/core";import{useManager as jh}from"@rango-dev/queue-manager-react";import{Alert as jc,Button as Xh,css as is,Divider as rs,IconButton as Xc,SettingsIcon as Kh,styled as Yh,Tooltip as Jh,Typography as Zh,WalletIcon as Rh}from"@rango-dev/ui";import ae,{useEffect as Bo,useLayoutEffect as ey,useRef as ty,useState as cr}from"react";import{flushSync as oy}from"react-dom";import{useLocation as ny,useNavigate as ry}from"react-router-dom";import{i18n as ot}from"@lingui/core";import{Alert as $i,BalanceErrors as Dg,Button as Lp,ChevronDownIcon as Fg,ChevronLeftIcon as Ug,Divider as eo,MessageBox as Og,Modal as Np,Typography as Vn,WalletIcon as zg}from"@rango-dev/ui";import N,{useEffect as qg,useState as _t}from"react";import{useNavigate as Gg}from"react-router-dom";import{i18n as xn}from"@lingui/core";function bn(t){switch(t.type){case 0:return xn.t("Route has been updated.");case 3:return xn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return xn.t("Route swappers has been updated.");case 2:return xn.t("Route internal coins has been updated.");default:return""}}i(bn,"getQuoteUpdateWarningMessage");import Wn,{useLayoutEffect as uf,useRef as mf}from"react";import*as Kt from"@radix-ui/react-collapsible";import{keyframes as vl,styled as In}from"@rango-dev/ui";var yo=300,pf=vl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),cf=vl({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),xl=In(Kt.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ci=In(Kt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),An=In(Kt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${pf} ${yo}ms ease-out`},false:{animation:`${cf} ${yo}ms ease-out`}}}}),En=In("div",{transition:`all ${yo}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Ln(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=mf(null);return uf(()=>{e&&p.current&&setTimeout(()=>{p?.current?.scrollIntoView({behavior:"smooth"})},yo)},[e]),Wn.createElement(xl,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&Wn.createElement(ci,{className:"collapsible_trigger",onClick:s},a),Wn.createElement(An,{className:"collapsible_content",open:e},r),l==="bottom"&&Wn.createElement(ci,{className:"collapsible_trigger",onClick:s},a))}i(Ln,"CustomCollapsible");import{Button as df,css as bl,darkTheme as Yt,IconButton as ff,styled as ze,TextField as gf}from"@rango-dev/ui";var Il=ze("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Al=ze("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),hf=ze("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Yt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Yt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Yt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),El=ze(hf,{alignSelf:"stretch",minHeight:"93px"}),Wl=ze("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Ll=ze(ff,{position:"absolute",left:"$20"}),Nl=ze("div",{paddingTop:"$20"}),Bl=bl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ml=ze("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),Pl=bl({paddingTop:"$5"}),$l=ze("div",{display:"flex"}),_l=ze(gf,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Dl=ze("div",{overflow:"visible",width:"100%"}),Fl=ze(df,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Yt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Yt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Yt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as Xe}from"@lingui/core";import{Button as Pg,Divider as Mi,Image as $g,MessageBox as Qn,Modal as bp,SelectableWallet as _g,Typography as Ip,WalletState as Ap}from"@rango-dev/ui";import ie,{useEffect as Ep,useState as ko}from"react";import{WalletState as ui}from"@rango-dev/ui";import{useWallets as yf}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Sf,WalletTypes as Nn}from"@rango-dev/wallets-shared";import{useCallback as Cf,useEffect as Ul,useRef as Tf,useState as kf}from"react";var wf=Object.values(Nn);function Bn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=yf(),{connectedWallets:c}=H(),u=h().blockchains(),g=Tf(!1),m=Na(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||wf,d=ha(s,l,m,o),C=va(d),[y,f]=kf(""),S=i(v=>!c.find(I=>I.walletType===v&&I.chain===o),"isExperimentalChainNotAdded"),k=i(async v=>{let I=s(v);try{if(y&&f(""),I.connected)await a(v);else{let A=!!d.find(w=>w.state===ui.CONNECTED);if(!e?.multiWallets&&A)return;n?.(v),await p(v),r?.(v)}}catch(A){f("Error: "+A?.message)}},"handleClick"),b=Cf(()=>{let v=d?.filter(I=>I.state===ui.CONNECTING)||[];for(let I of v)a(I.type)},[Ia(d)]);Ul(()=>()=>{g.current=!0},[]),Ul(()=>()=>{g.current&&b()},[b]);let T=i(v=>v.filter(A=>A.state!=ui.NOT_INSTALLED&&![Nn.DEFAULT,Nn.WALLET_CONNECT_2].includes(A.type)&&l(A.type).supportedChains.filter(w=>w.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),x=i((v,I,A)=>on(A,I)&&S(v)&&!Sf.includes(v)||v==Nn.DEFAULT&&!T(d),"shouldExcludeWallet");return{list:C.filter(v=>!x(v.type,o??"",u)),error:y,handleClick:k,disconnectConnectingWallets:b}}i(Bn,"useWalletList");import{i18n as Sp}from"@lingui/core";import{styled as Tp,Typography as Ag,Wallet as Eg,WalletState as Wg}from"@rango-dev/ui";import Rt,{useState as Cp}from"react";import{useManager as hg}from"@rango-dev/queue-manager-react";import{BottomLogo as yg,Divider as cp,Header as Sg}from"@rango-dev/ui";import me,{useEffect as up,useRef as mp}from"react";import{useRef as vf}from"react";function Mn(){return window.self!==window.top}i(Mn,"isAppLoadedIntoIframe");function mi(){let t=vf(null),{iframe:e}=h(),o=Mn()&&e.clientUrl,n=i(a=>{o&&window.top?.postMessage(a,e.clientUrl)},"send");return{send:n,connectHeightObserver:i(a=>{t.current=new ResizeObserver(l=>{for(let p of l)n({type:"widget_height",data:{height:p.contentRect.height}})}),t.current.observe(a)},"connectHeightObserver"),disconnectHeightObserver:i(()=>{t.current&&(t.current.disconnect(),t.current=null)},"disconnectHeightObserver")}}i(mi,"useIframe");import{useNavigate as xf}from"react-router-dom";function xt(){let t=xf();return()=>t(-1)}i(xt,"useNavigateBack");import{createTheme as hi,darkTheme as Wf,lightTheme as Lf}from"@rango-dev/ui";import{useEffect as Gl,useState as Nf}from"react";import{theme as Af,darkColors as Ef}from"@rango-dev/ui";var Ol=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,c=(a.length<2?"0":"")+a,u=(l.length<2?"0":"")+l;return`#${p}${c}${u}`},"colorShade"),Pn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:Ol(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:Ol(e,-((l-5)*25))});return a},"generateRangeColors"),di=i((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let s in o){let a=o[s];if(a&&a!==t[s])if(n=!0,s==="background"||s==="foreground")r={...r,[s]:a};else if(s==="neutral"&&e){let l=Pn(s,a);r={...r,[`${s}100`]:l[`${s}900`],[`${s}200`]:l[`${s}800`],[`${s}300`]:l[`${s}700`],[`${s}400`]:l[`${s}600`],[`${s}500`]:l[`${s}500`],[`${s}600`]:l[`${s}400`],[`${s}700`]:l[`${s}300`],[`${s}800`]:l[`${s}200`],[`${s}900`]:l[`${s}100`]}}else r={...r,...Pn(s,a)}}return n?r:{}},"generateColors");var zl=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),bf=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=zl(o%52)+e;return zl(o%52)+e},"toAlphabeticName"),If=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),fi=i(t=>bf(If(5381,JSON.stringify(t))>>>0),"toHash");function gi(t){let e=Af.colors,o=di({...e,...Ef},!0,t?.dark),n=di(e,!1,t?.light),r=Object.keys(o).length>0,s=Object.keys(n).length>0,a,l;if(s){let p={colors:n};a={id:`${Gr}-light-${fi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${Gr}-dark-${fi(p)}`,tokens:p}}return{light:a,dark:l}}i(gi,"customizedThemeTokens");function ql(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(ql,"joinList");function $n(t){let{colors:e,fontFamily:o=La,borderRadius:n=Ea,secondaryBorderRadius:r=Wa,mode:s="auto"}=t,[a,l]=Nf("light"),{setTheme:p,theme:c}=h(),{dark:u,light:g}=gi(e),m=hi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[m.className,Lf.className],C=[m.className,Wf.className];if(g){let f=hi(g.id,g.tokens);d.push(f.className)}if(u){let f=hi(u.id,u.tokens);C.push(f.className)}return Gl(()=>{let f=i(S=>{S.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",f),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",f)}},[]),Gl(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let f=d.join(" "),S=C.join(" ");return c==="auto"?a==="dark"?S:f:c==="dark"?S:f},"getActiveTheme")}}i($n,"useTheme");var bt=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");import{i18n as Hl}from"@lingui/core";import{Alert as Bf,Button as Mf}from"@rango-dev/ui";import Ql from"react";function yi(t){return Ql.createElement(Bf,{action:Ql.createElement(Mf,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},Hl.t("Activate")),type:"warning",variant:"alarm",title:Hl.t("Another tab is open and handles transactions. You can activate this tab.")})}i(yi,"ActivateTabAlert");import{i18n as Si}from"@lingui/core";import{Button as Pf,Divider as $f,MessageBox as _f,Modal as Df}from"@rango-dev/ui";import _n from"react";function Ci(t){let{open:e,onClose:o,onConfirm:n}=t;return _n.createElement(Df,{open:e,dismissible:!0,onClose:o,container:L()},_n.createElement(_f,{title:Si.t("Activate current tab"),type:"warning",description:Si.t("Currently, some transactions are running and being handled by other browser tab. If you activate this tab, all transactions that are already in the transaction sign step will expire.")},_n.createElement($f,{size:20}),_n.createElement(Pf,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Si.t("Confirm"))))}i(Ci,"ActivateTabModal");import{ChevronLeftIcon as Of}from"@rango-dev/ui";import Kl from"react";import{darkTheme as Ff,IconButton as Uf,styled as So}from"@rango-dev/ui";var qe=So(Uf,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Vl=So("div",{position:"absolute",background:"$secondary500",[`.${Ff} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Jt=So("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),jl=So("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),Xl=So("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function Ti(t){return Kl.createElement(qe,{variant:"ghost",size:"small",onClick:t.onClick},Kl.createElement(Of,{color:"black",size:16}))}i(Ti,"BackButton");import{i18n as zf}from"@lingui/core";import{Button as qf,Typography as Gf}from"@rango-dev/ui";import ki from"react";function wi(t){return ki.createElement(Jt,null,ki.createElement(qf,{variant:"ghost",onClick:t.onClick,size:"xsmall"},ki.createElement(Gf,{variant:"label",size:"medium",color:"error500"},zf.t("Cancel"))))}i(wi,"CancelButton");import{i18n as Hf}from"@lingui/core";import{Tooltip as Qf,WalletIcon as Vf}from"@rango-dev/ui";import Dn from"react";function vi(t){return Dn.createElement(Qf,{container:t.container,side:"top",content:Hf.t("Connect Wallet")},Dn.createElement(qe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Dn.createElement(Vl,null),Dn.createElement(Vf,{size:18,color:"black"})))}i(vi,"WalletButton");import{i18n as zn}from"@lingui/core";import{NotificationsIcon as mg,Popover as dg,SettingsIcon as fg,Tooltip as qn,TransactionIcon as gg}from"@rango-dev/ui";import Te from"react";import{i18n as eg}from"@lingui/core";import{EventSeverity as tg}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as tp,ChevronRightIcon as og,ListItemButton as ng,Typography as rg}from"@rango-dev/ui";import je from"react";import{useNavigate as ig}from"react-router-dom";import{create as jf}from"zustand";import{persist as Xf,subscribeWithSelector as Kf}from"zustand/middleware";var Pe=Tt(jf()(Xf(Kf((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,address:r.fromSymbolAddress,symbol:r.fromSymbol},to:{blockchain:s.toBlockchain,address:s.toSymbolAddress,symbol:s.toSymbol}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{styled as Fn}from"@rango-dev/ui";var Yl=Fn("div",{padding:"$10",width:"350px",minHeight:"150px"}),Jl=Fn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Zl=Fn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Rl=Fn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Yf}from"@lingui/core";import{Divider as Jf,NoNotificationIcon as Zf,Typography as Rf}from"@rango-dev/ui";import Un from"react";function ep(){return Un.createElement(Rl,null,Un.createElement(Zf,{color:"secondary",size:26}),Un.createElement(Jf,{size:12}),Un.createElement(Rf,{variant:"body",size:"medium",color:"neutral700"},Yf.t("There are no notifications.")))}i(ep,"NotificationNotFound");var sg=4;function xi(){let t=ig(),{getUnreadNotifications:e}=Pe(),o=e(),n=h().blockchains(),r=h().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,sg),a=i(l=>{t(`${P.swaps}/${l}`)},"handleOnClick");return je.createElement(Yl,null,s.length?je.createElement(Jl,null,s.map(l=>{let{route:p,requestId:c,event:u}=l,g=r.find(y=>Ae(y,p.from)),m=n.find(y=>y.name===p.from.blockchain),d=r.find(y=>Ae(y,p.to)),C=n.find(y=>y.name===p.to.blockchain);return je.createElement(ng,{key:c,onClick:()=>a(c),title:je.createElement(rg,{variant:"body",size:"small",color:u.messageSeverity===tg.WARNING?"$foreground":"$neutral700"},eg.t(u.message)),id:c,start:je.createElement(Zl,null,je.createElement("div",{className:"from-chain-token"},je.createElement(tp,{tokenImage:g?g.image:"",chainImage:m?m.logo:"",size:"small"})),je.createElement("div",{className:"to-chain-token"},je.createElement(tp,{tokenImage:d?d.image:"",chainImage:C?C.logo:"",size:"small"}))),end:je.createElement(og,{size:12,color:"gray"})})})):je.createElement(ep,null))}i(xi,"NotificationContent");import{RefreshProgressButton as ag}from"@rango-dev/ui";import bi,{useEffect as lg,useState as op}from"react";var pg=1e3,np=60,cg=100;function On({onClick:t}){let[e,o]=op(0),[n,r]=op(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");lg(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===np&&l()},pg):a(p),document.addEventListener("visibilitychange",()=>s(p)),()=>{document.removeEventListener("visibilitychange",()=>s(p)),p&&clearInterval(p)}},[e,t]);let a=i(p=>{p&&clearInterval(p),o(0)},"clearTimeout"),l=i(()=>{t?.(),o(0),r(!0)},"handleRefreshClick");return bi.createElement(qe,{variant:"ghost",size:"small",onClick:l,disabled:!t},bi.createElement(Xl,{onTransitionEnd:()=>r(!1),isRefetched:n},bi.createElement(ag,{size:24,color:t?"black":"gray",progress:e/np*cg})))}i(On,"RefreshButton");import{Typography as ug}from"@rango-dev/ui";import rp from"react";function ip(){let{getUnreadNotifications:t}=Pe(),e=t().length;return e?rp.createElement(jl,null,rp.createElement(ug,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(ip,"UnreadNotificationsBadge");function Ii(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n}=t,{config:{features:r}}=h(),s=Fe("notification",r);return Te.createElement(Te.Fragment,null,Te.createElement(qn,{container:L(),side:"top",content:zn.t("Refresh")},Te.createElement(On,{onClick:e})),!s&&Te.createElement(dg,{align:"center",collisionPadding:{right:20,left:20},container:L(),content:Te.createElement(xi,null)},Te.createElement("div",null,Te.createElement(qn,{container:L(),side:"top",content:zn.t("Notifications")},Te.createElement(qe,{size:"small",variant:"ghost"},Te.createElement(mg,{size:18,color:"black"}),Te.createElement(ip,null))))),Te.createElement(qn,{container:L(),side:"top",content:zn.t("Settings")},Te.createElement(qe,{size:"small",variant:"ghost",onClick:n},Te.createElement(fg,{size:18,color:"black"}))),Te.createElement(qn,{container:L(),side:"top",content:zn.t("Transactions History")},Te.createElement(qe,{size:"small",variant:"ghost",onClick:o},Te.createElement(gg,{size:18,color:"black"}))))}i(Ii,"HomeButtons");function Ai(t){let e=t.target;if(e){let o=e.scrollTop,n=L();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(Ai,"onScrollContentAttachStatusToContainer");import{styled as Ei}from"@rango-dev/ui";var sp="700px",ap=Ei("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",width:"100vw",minWidth:"300px",maxWidth:"390px",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",overflow:"hidden",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:sp},fixed:{height:sp}}}}),lp=Ei("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),pp=Ei("div",{"& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function ne(t){let{children:e,header:o,footer:n,hasLogo:r=!0,height:s="fixed"}=t,{connectHeightObserver:a,disconnectHeightObserver:l}=mi(),p=H.use.connectedWallets(),{config:{features:c,theme:u}}=h(),{activeTheme:g}=$n(u||{}),m=Fe("connectWalletButton",c),{isActiveTab:d,tabManagerInitiated:C,showActivateTabModal:y,setShowActivateTabModal:f,activateCurrentTab:S}=pe(),k=xt(),{manager:b}=hg(),x=bt(b).map(({swap:F})=>F).some(F=>F.status==="running"),v=i(()=>S(un,x),"onActivateTab"),I=i(()=>{o.onWallet?.()},"onConnectWallet"),A=typeof o.hasBackButton>"u"||o.hasBackButton,w=mp(null),W=mp(null);return up(()=>(Mn()&&W.current&&a(W.current),()=>{l()}),[]),up(()=>(w.current?.addEventListener("scroll",Ai),()=>{w.current?.removeEventListener("scroll",Ai)}),[]),me.createElement(ap,{height:s,id:be.SWAP_BOX_ID,className:g(),ref:W},me.createElement(Sg,{prefix:me.createElement(me.Fragment,null,A&&me.createElement(Ti,{onClick:k})),title:o.title,suffix:me.createElement(me.Fragment,null,o.suffix,o.onWallet&&!m&&me.createElement(vi,{container:L(),onClick:I,isConnected:!!p?.length}),o.onCancel&&me.createElement(wi,{onClick:o.onCancel}))}),me.createElement(lp,{ref:w},e),me.createElement(Ci,{open:y,onClose:()=>f(!1),onConfirm:v}),(r||n)&&me.createElement(pp,null,me.createElement("div",{className:"footer__content"},n,C&&!d&&me.createElement(me.Fragment,null,me.createElement(cp,{size:12}),me.createElement(yi,{onActivateTab:v}))),me.createElement(cp,{size:12}),r&&me.createElement("div",{className:"footer__logo"},me.createElement(yg,null))))}i(ne,"Layout");import{styled as Cg}from"@rango-dev/ui";var dp="$20 $20 $10 $20",Co=Cg("div",{padding:dp,overflowY:"auto",flexGrow:1});import{styled as Tg}from"@rango-dev/ui";var re=Tg("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,Modal as Ig}from"@rango-dev/ui";import Li from"react";import{i18n as Zt}from"@lingui/core";import{Image as vg,MessageBox as Wi,WalletState as xg}from"@rango-dev/ui";import $t from"react";import{keyframes as kg,styled as Gn}from"@rango-dev/ui";var SA=Gn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),fp=Gn("div",{position:"relative"}),wg=kg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),gp=Gn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${wg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),hp=Gn("div",{"& img":{borderRadius:"50%"}});function yp(t){let{state:e,image:o,error:n}=t;return e===xg.CONNECTED?$t.createElement(Wi,{type:"success",title:Zt.t("Wallet Connected"),description:Zt.t("Your wallet is connected, you can use it to swap.")}):n?$t.createElement(Wi,{type:"error",title:Zt.t("Failed to Connect"),description:n||Zt.t("Your wallet is not connected. Please try again.")}):$t.createElement(Wi,{type:"loading",title:Zt.t("Connecting to your wallet"),description:Zt.t("Click connect in your wallet popup."),icon:$t.createElement(fp,null,$t.createElement(hp,null,$t.createElement(vg,{src:o,size:45})),$t.createElement(gp,null))})}i(yp,"ModalContent");function To(t){let{open:e,onClose:o,...n}=t;return Li.createElement(Ig,{open:e,onClose:o,container:document.getElementById(be.SWAP_BOX_ID)||document.body},Li.createElement(yp,{...n}),Li.createElement(bg,{direction:"vertical",size:32}))}i(To,"WalletModal");var Lg=Tp("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ng=Tp(re,{textAlign:"center"}),Hn=3e3,Ni=300;function kp(){let{config:t,fetchStatus:e}=h(),[o,n]=Cp(!1),[r,s]=Cp(""),a=null,l=pe.use.isActiveTab(),{list:p,handleClick:c,error:u,disconnectConnectingWallets:g}=Bn({config:t,onBeforeConnect:f=>{a=setTimeout(()=>{n(!0),s(f)},Ni)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Hn)}}),m=i(()=>{g(),n(!1)},"handleCloseWalletModal"),d=p.find(f=>f.type===r),C=d?.image||"",y=d?.state||Wg.NOT_INSTALLED;return Rt.createElement(ne,{header:{title:Sp.t("Connect Wallets")}},Rt.createElement(Ng,null,Rt.createElement(Ag,{variant:"title",size:"xmedium",align:"center"},Sp.t("Choose a wallet to connect.")),Rt.createElement(Lg,null,p.map((f,S)=>{let k=`wallet-${S}-${f.type}`;return Rt.createElement(Eg,{key:k,...f,container:L(),onClick:b=>{c(b)},isLoading:e==="loading",disabled:!l})}),Rt.createElement(To,{open:!!o,onClose:m,image:C,state:y,error:u}))))}i(kp,"WalletsPage");import{keyframes as Bg,styled as Bi}from"@rango-dev/ui";var wp=Bi("div",{position:"relative"}),Mg=Bg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),vp=Bi("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Mg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),xp=Bi("div",{"& img":{borderRadius:"50%"}});function Pi(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=h(),l=pe.use.isActiveTab(),p=H.use.connectedWallets(),{blockchains:c}=h(),[u,g]=ko(""),[m,d]=ko(null),[C,y]=ko(!1),[f,S]=ko(null),{suggestAndConnect:k}=Wp(),b=null,{list:T,error:x,handleClick:v,disconnectConnectingWallets:I}=Bn({config:a,chain:e,onBeforeConnect:M=>{b=setTimeout(()=>{g(M)},Ni)},onConnect:()=>{b&&clearTimeout(b),setTimeout(()=>{g("")},Hn)}}),[A,w]=ko(T),W=T.length,F=r&&W-r>0,Q=i(async M=>{y(!1),S("in-progress");try{await k(M.walletType,M.chain),S("completed")}catch{S("rejected")}},"addExperimentalChain");Ep(()=>{w(M=>{let q=T.findIndex(ee=>o(ee.type,e));return F&&q>1?[T[q]].concat(T.filter((ee,U)=>U!==q)):M.map(ee=>T.find(U=>U.type===ee.type)??ee)})},[JSON.stringify(T)]);let V=document.getElementById(be.SWAP_BOX_ID);Ep(()=>{let M=null;return(f==="completed"||f==="rejected")&&(M=setTimeout(()=>S(null),Hn)),()=>{M&&clearTimeout(M)}},[f]);let ue=i(()=>{I(),g("")},"handleCloseWalletModal");return ie.createElement(ie.Fragment,null,A.slice(0,r).map(M=>{let q=xa({connectedWallets:p,walletType:M.type,chain:e}),ee=q?rn(q):"",U=on(c(),e),De=!p.find(Ce=>Ce.walletType===M.type&&Ce.chain===e),j=U&&De&&M.state===Ap.CONNECTED,J=j?Xe.t({id:"Add {chain} chain",values:{chain:e}}):ee,xe=i(()=>{M.state===Ap.DISCONNECTED?v(M.type):j?(d({walletType:M.type,chain:e,address:q??""}),y(!0)):n({walletType:M.type,chain:e,address:q??""})},"onClick"),Se=m?.chain?Ra(m.chain,c()):void 0;return ie.createElement(ie.Fragment,null,ie.createElement(To,{open:u===M.type,onClose:ue,image:M.image,state:M.state,error:x}),!!m&&ie.createElement(bp,{open:!!m&&C,container:V,onClose:()=>{d(null)}},ie.createElement(Qn,{title:Xe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Se}}),type:"warning",description:Xe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Se}})},ie.createElement(Mi,{size:18}),ie.createElement(Mi,{size:32}),ie.createElement(Pg,{onClick:Q.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Xe.t("Confirm")))),f&&ie.createElement(bp,{open:!!f,onClose:S.bind(null,null),container:V},f==="in-progress"&&ie.createElement(Qn,{type:"loading",title:Xe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Se}}),description:Xe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Se}}),icon:ie.createElement(wp,null,ie.createElement(xp,null,ie.createElement($g,{src:M.image,size:45})),ie.createElement(vp,null))}),f==="completed"&&ie.createElement(Qn,{type:"success",title:Xe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Se}}),description:Xe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Se}})}),f==="rejected"&&ie.createElement(Qn,{type:"error",title:Xe.t("Request Rejected"),description:Xe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Se}})}),ie.createElement(Mi,{direction:"vertical",size:32})),ie.createElement(_g,{key:M.type,description:J,onClick:xe,selected:o(M.type,e),disabled:!l,...M}))}),F&&ie.createElement(El,{selected:!1,onClick:s},ie.createElement(Ip,{variant:"label",size:"medium"},Xe.t("Show more wallets"),ie.createElement(Ip,{variant:"label",size:"medium",color:"$primary"},"\xA0+",W-(r??0)))))}i(Pi,"WalletList");var Hg=2;function Bp(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=h().config,l=h().blockchains(),{quote:p,setSelectedWallets:c,quoteWalletsConfirmed:u,setQuoteWalletConfirmed:g,customDestination:m,setCustomDestination:d}=Y(),{connectedWallets:C,selectWallets:y}=H(),[f,S]=_t(""),[k,b]=_t([]),[T,x]=_t(""),[v,I]=_t(null),[A,w]=_t(m),[W,F]=_t(!!m),Q=gn(p),V=l.find(_=>_.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),ue=i(_=>!!p?.result?.swaps.find(X=>X.from.blockchain===_),"isWalletRequiredFor"),[M,q]=_t(C.filter(_=>_.selected&&Q.includes(_.chain))),ee=l.find(_=>_.name===V?.name),U=i((_,X)=>!!M.find(G=>G.walletType===_&&G.chain===X&&G.selected&&(ue(X)||!ue(X)&&!A)),"isSelected"),De=!!A&&W&&ee&&!hn(ee,A),j=i(()=>{F(!1),w(""),q(_=>{let X=!1;return _.map(G=>!X&&G.chain===V?.name?(X=!0,{...G,selected:!0}):G)})},"resetCustomDestination"),J=i(_=>{if(f&&S(""),U(_.walletType,_.chain))return;let G=C.find(le=>le.walletType===_.walletType&&le.chain===_.chain);G&&(n(),_.chain===V?.name&&W&&(F(!1),w("")),q(le=>le.filter(ut=>ut.chain!==_.chain).concat({...G,selected:!0})))},"onChange"),xe=i(()=>{let _=M.filter(X=>X.selected);y(_),c(_),d(A),g(!0),o()},"onConfirmBalance"),Se=i(async()=>{b([]),x(""),I(null);let _=C.filter(le=>M.find(ut=>ut.chain===le.chain&&ut.walletType===le.walletType)),X=await r?.({selectedWallets:_,customDestination:A}),G=X.warnings;G?.balance?.messages&&b(G.balance.messages),G?.quoteUpdate&&I(G.quoteUpdate),X.error&&x(el(X.error)),!X.error&&(!G?.balance?.messages.length||0>0)?xe():b(G?.balance?.messages??[])},"onConfirmWallets");qg(()=>{q(_=>_.concat(C.filter(X=>!!!_.find(le=>le.chain===X.chain)&&X.selected&&Q.includes(X.chain))))},[C.length]);let Ce=document.getElementById(be.SWAP_BOX_ID),ct=Gg();return N.createElement(Np,{open:e,onClose:()=>{u||ct("../",{replace:!0}),o()},dismissible:!f,container:Ce,...!f&&{footer:N.createElement($l,null,N.createElement(Lp,{loading:s,disabled:gl(s,W,A,p,M,V),onClick:Se,variant:"contained",type:"primary",fullWidth:!0,size:"large"},ot.t("Confirm")))},...f&&{containerStyle:{padding:"$0"},header:N.createElement(Wl,null,N.createElement(Ll,{variant:"ghost",onClick:S.bind(null,"")},N.createElement(Ug,{size:16})),N.createElement(Vn,{variant:"headline",size:"small"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ue(f,l)}})))},anchor:"center"},N.createElement(Np,{open:k.length>0,onClose:b.bind(null,[]),container:Ce},N.createElement(Og,{title:ot.t("Insufficient account balance"),type:"error",description:N.createElement(Dg,{messages:k??[]})},N.createElement(Lp,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:xe},ot.t("Proceed anyway")))),f&&N.createElement(Nl,null,N.createElement("div",{className:Bl()},N.createElement(Pi,{chain:f,isSelected:U,selectWallet:J,onShowMore:S.bind(null,f)}))),!f&&N.createElement(N.Fragment,null,T&&N.createElement(N.Fragment,null,N.createElement($i,{variant:"alarm",type:"error",title:ot.t(T)}),N.createElement(eo,{size:12})),v&&N.createElement(N.Fragment,null,N.createElement($i,{variant:"alarm",type:"warning",title:bn(v)}),N.createElement(eo,{size:12})),N.createElement(Dl,null,Q.map((_,X)=>{let G=l.find(Qe=>Qe.name===_),le=`wallet-${X}`,ut=X===Q.length-1;return N.createElement("div",{key:le},N.createElement(Il,null,N.createElement(Vn,{variant:"title",size:"xmedium"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:G?.shortName}})),N.createElement(Vn,{variant:"label",color:"$neutral700",size:"medium"},ot.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:G?.shortName}}))),N.createElement(eo,{size:24}),N.createElement(Al,null,N.createElement(Pi,{chain:_,isSelected:U,selectWallet:J,limit:Hg,onShowMore:()=>S(G?.name??"")})),!ut&&N.createElement(eo,{size:32}),ut&&a?.customDestination&&N.createElement(Ml,null,N.createElement(Ln,{onOpenChange:Qe=>{Qe?ue(V?.name??"")||q(Fr=>Fr.map(Me=>Me.chain===V?.name?{...Me,selected:!1}:Me)):j()},hasSelected:!0,open:W,triggerAnchor:"top",trigger:N.createElement(Fl,{fullWidth:!0,variant:"default",suffix:N.createElement(En,{orientation:W?"up":"down"},N.createElement(Fg,{size:10,color:"gray"}))},N.createElement("div",{className:"button__content"},N.createElement(zg,{size:18,color:"info"}),N.createElement(eo,{size:4,direction:"horizontal"}),N.createElement(Vn,{variant:"label",size:"medium"},ot.t("Send to a different address")))),onClickTrigger:()=>F(Qe=>!Qe)},N.createElement(eo,{size:4}),N.createElement(_l,{autoFocus:!0,placeholder:ot.t("Your destination address"),value:A,onChange:Qe=>{w(Qe.target.value)}})),De&&N.createElement("div",{className:Pl()},N.createElement($i,{variant:"alarm",type:"error",title:ot.t({values:{destination:A},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Bp,"ConfirmWalletsModal");import{i18n as ch}from"@lingui/core";import{Alert as uh,Button as mh,InfoIcon as dh}from"@rango-dev/ui";import $e from"react";import{Alert as Qg,Button as Vg,Divider as Fp,NoRouteIcon as jg,RefreshIcon as Xg,Typography as Up}from"@rango-dev/ui";import Ke from"react";import{i18n as Mp}from"@lingui/core";function Pp(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:K().genericServerError,action:{onClick:n,title:Mp.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:K().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Mp.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(Pp,"makeInfo");import{styled as _i}from"@rango-dev/ui";var $p=_i("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),_p=_i("div",{width:"100%"}),Dp=_i("div",{padding:"$6 $0"});function Di(t){let{fetch:e,error:o}=t,n=h().disabledLiquiditySources,r=h().toggleAllLiquiditySources,s=h().swappers(),a=Pp(o,n,()=>r(s,!0),e);return Ke.createElement($p,null,Ke.createElement(jg,{size:24,color:"gray"}),Ke.createElement(Fp,{size:4}),Ke.createElement(Up,{variant:"title",size:"small"},K().noResultError.title),!!a.description&&Ke.createElement(Up,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Ke.createElement(Fp,{size:4}),!!a.alert&&Ke.createElement(_p,null,Ke.createElement(Qg,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Ke.createElement(Vg,{size:"xsmall",type:a.alert.type,prefix:Ke.createElement(Dp,null,Ke.createElement(Xg,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Di,"NoResult");import{i18n as wo}from"@lingui/core";import{Button as Yg,Divider as Qp,MessageBox as Jg,Modal as Zg,Typography as Rg,WarningIcon as eh}from"@rango-dev/ui";import nt from"react";import{Typography as Gp}from"@rango-dev/ui";import Ui from"react";import{darkTheme as Kg,styled as jn}from"@rango-dev/ui";var Op=jn("div",{width:"100%"}),Fi=jn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),zp=jn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Kg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),qp=jn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Hp(t){let{title:e,value:o,valueColor:n}=t;return Ui.createElement(zp,null,Ui.createElement(Gp,{size:"medium",variant:"label",className:"_title"},e),Ui.createElement(Gp,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Hp,"QuoteErrorsModalItem");function Vp(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:E(r.inputUsdValue,4,4)},{title:wo.t("Gas cost"),value:E(r.totalFee,2,2)},{title:wo.t("Receiving"),value:E(r.outputUsdValue,4,4)},{title:wo.t("Price impact"),value:E(r.priceImpact,2,2),valueColor:`${a}500`}];return nt.createElement(Zg,{open:e,onClose:o,container:L()},nt.createElement(Jg,{type:a,title:K().highValueLossError.impactTitle,description:K().highValueLossError.description}),nt.createElement(Fi,null,nt.createElement(Qp,{size:20}),nt.createElement(Rg,{size:"small",variant:"title"},wo.t("Details")),nt.createElement(Fi,null,l.map((p,c)=>nt.createElement(Hp,{key:c,...p})))),nt.createElement(Qp,{size:32}),nt.createElement(Yg,{type:"primary",size:"large",prefix:nt.createElement(eh,null),fullWidth:!0,disabled:s,onClick:n},K().highValueLossError.confirmMessage))}i(Vp,"HighValueLossWarningModal");import{i18n as Oi}from"@lingui/core";function jp(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(mt(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=K().highValueLossError.title),t.type===1&&(o.title=K().unknownPriceError.title),t.type===2&&(o.title=Oi.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:t.minRequiredSlippage}}),o.action="change-settings"),t.type===3&&(o.title=Oi.t("Caution, your slippage is high.")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action="show-info"),e.type===4&&(o.title=Oi.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):null}i(jp,"makeAlerts");import{i18n as no}from"@lingui/core";import{Button as Xp,Divider as Kp,MessageBox as th,Modal as oh,Typography as nh}from"@rango-dev/ui";import Dt from"react";import{useNavigate as rh}from"react-router-dom";function Yp(t){let{customSlippage:e,slippage:o}=h(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=rh(),c=e??o;return Dt.createElement(oh,{anchor:"bottom",open:n,prefix:Dt.createElement(Xp,{size:"small",variant:"ghost",onClick:()=>p("../"+P.settings)},Dt.createElement(nh,{variant:"label",size:"medium",color:"$neutral900"},no.t("Change settings"))),container:L(),onClose:r},Dt.createElement(th,{type:"warning",title:a.type===3?no.t("High slippage"):no.t("Low slippage"),description:a.type===3?no.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:c}}):no.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Dt.createElement(Kp,{size:18}),Dt.createElement(Kp,{size:32}),Dt.createElement(Xp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},no.t("Confirm anyway"))))}i(Yp,"SlippageWarningModal");import{Button as ih,Divider as sh,MessageBox as ah,Modal as lh,WarningIcon as ph}from"@rango-dev/ui";import vo from"react";function Jp(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return vo.createElement(lh,{open:e,onClose:o,container:L()},vo.createElement(ah,{type:"warning",title:K().unknownPriceError.impactTitle,description:K().unknownPriceError.description}),vo.createElement(sh,{size:32}),vo.createElement(ih,{type:"primary",size:"large",prefix:vo.createElement(ph,null),fullWidth:!0,disabled:r,onClick:n},K().unknownPriceError.confirmMessage))}i(Jp,"UnknownPriceWarningModal");function xo(t){let{warning:e,error:o,showWarningModal:n,confirmationDisabled:r,refetchQuote:s,onOpenWarningModal:a,onCloseWarningModal:l,onConfirmWarningModal:p,onChangeSettings:c}=t,u={confirmationDisabled:r,open:n,onClose:l,onConfirm:p},g=o?.type===0||o?.type===1,m=jp(e,o?.type===3||o?.type===4?o:null);return $e.createElement($e.Fragment,null,g&&$e.createElement(Di,{error:o,fetch:s}),!!m&&$e.createElement(Op,null,$e.createElement(uh,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:$e.createElement(qp,{onClick:a},$e.createElement(dh,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:$e.createElement(mh,{size:"xxsmall",type:m.alertType,onClick:c},ch.t("Change"))}})),e&&$e.createElement($e.Fragment,null,e.type===0&&$e.createElement(Vp,{...u,warning:e}),(e.type===3||e.type===2)&&$e.createElement(Yp,{...u,warning:e}),e.type===1&&$e.createElement(Jp,{...u,warning:e})))}i(xo,"QuoteWarningsAndErrors");import ir from"react";import{i18n as Ji}from"@lingui/core";import{Alert as Mh,Divider as Zi,InfoIcon as Ph,StepDetails as $h,TokenAmount as _h,Tooltip as vc,Typography as Eo}from"@rango-dev/ui";import xc from"bignumber.js";import D,{useLayoutEffect as Dh,useRef as bc,useState as Fh}from"react";import{styled as zi}from"@rango-dev/ui";var qi=zi("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Zp=zi("div",{paddingBottom:"$15"}),Rp=zi("div",{width:"100%",display:"flex"});import*as Xn from"@radix-ui/react-collapsible";import{css as Kn,darkTheme as rt,Image as ec,styled as Ge,Typography as fh}from"@rango-dev/ui";var Gi=300,tc=Ge(Xn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${rt} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${rt} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}}}),oc=Kn({padding:"$10 $15"}),nc=Ge("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",cursor:"pointer",boxSizing:"border-box",position:"relative",variants:{recommended:{true:{$$color:"$colors$info100",[`.${rt} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${rt} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{},false:{}}},compoundVariants:[{listItem:!0,recommended:!0,css:{"&:hover":{$$color:"$colors$secondary200",[`.${rt} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${rt} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}]}),rc=Kn({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),ro=Kn({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),ic=Kn({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${rt} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),sc=Ge(Xn.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${ec}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${ec}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${rt} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${rt} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),ac=Ge("div",{width:"18px",height:"18px",borderRadius:"100%",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",img:{borderRadius:"100%"},variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),lc=Ge(An,{width:"100%",background:"inherit"}),Hi=Ge("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Gi}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Y0=Ge("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),pc=Ge("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${rt} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),cc=Ge("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Qi=Ge(fh,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),uc=Ge("div",{display:"flex",flexWrap:"wrap"}),Vi=Ge("div",{width:"18px",height:"18px",borderRadius:"100%",backgroundColor:"$background",cursor:"default",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}});import{i18n as Et}from"@lingui/core";import{ChevronDownIcon as hh,CloseIcon as yh,Divider as Zn,IconButton as Sh,Modal as Ch,QuoteCost as Th,Tooltip as kh,Typography as Ye}from"@rango-dev/ui";import wh from"bignumber.js";import O,{useState as gc}from"react";import{i18n as bo}from"@lingui/core";var ji={"Network Fee":bo.t("Network Fee"),"Swapper Fee":bo.t("Protocol Fee"),"Affiliate Fee":bo.t("Affiliate Fee"),"Outbound network fee":bo.t("Outbound Fee"),"Rango Fee":bo.t("Rango Fee")};import{css as gh,styled as Yn}from"@rango-dev/ui";var Jn=Yn("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),Xi=Yn("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),mc=Yn("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),dc=Yn("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),fc=gh({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var vh=30,xh=i(t=>t.fee.isZero()?null:O.createElement(Jn,null,O.createElement(Ye,{variant:"label",size:"medium",color:"neutral600"},t.label),O.createElement(Ye,{variant:"label",size:"medium"},"$",E(t.fee,4,4))),"NonPayableFee");function hc(t){let[e,o]=gc(!1),[n,r]=gc(!1),{steps:s,quote:a}=t,l=h().tokens(),p=Yo(Jo(a.result?.swaps)),c=a.result?.swaps??[],u=L(),g=Cn(c,l),m=rl(c);return O.createElement(O.Fragment,null,O.createElement(Th,{onClickFee:()=>o(!e),fee:E(g,2,2),feeWarning:g.gte(new wh(vh)),time:p,steps:s,tooltipGas:Et.t("View more info"),tooltipContainer:u}),O.createElement(Ch,{container:u,open:e,header:O.createElement(dc,null,O.createElement(Ye,{variant:"title",size:"medium"},Et.t("Gas & Fee Explanation")),O.createElement(Sh,{onClick:()=>o(!1),variant:"ghost"},O.createElement(yh,{color:"gray",size:14}))),onClose:()=>o(!1)},O.createElement(mc,null,O.createElement(Ye,{variant:"title",size:"small"},Et.t("Details")),O.createElement(Zn,{size:10}),Object.entries(m.payable).flatMap(([d,C])=>C.map((y,f)=>{let S=`payable-fee-${f}`,k=ti(y);return O.createElement(Jn,{key:S},O.createElement(Ye,{variant:"label",size:"medium",color:"neutral600"},ji[d]),O.createElement(kh,{content:se(y.amount),container:u},O.createElement(Ye,{variant:"label",size:"medium"},E(y.amount,2,2)," ",y.asset.symbol," ($",E(k,4,4),")")))})),O.createElement(Jn,{className:"total_payable_fee"},O.createElement(Ye,{variant:"label",size:"medium"},Et.t("Total Payable Fee")),O.createElement(Ye,{variant:"label",size:"medium"},"$",E(g,4,4))),O.createElement(Xi,null),Object.keys(m.nonePayable).length&&O.createElement(Ln,{triggerAnchor:"bottom",onClickTrigger:()=>r(d=>!d),trigger:O.createElement("div",{className:fc()},O.createElement(Ye,{size:"small",variant:"body",color:"neutral700"},n?Et.t("Hide non-payable fees"):Et.t("Show non-payable fees")),O.createElement(Zn,{size:4,direction:"horizontal"}),O.createElement(En,{orientation:n?"up":"down"},O.createElement(hh,{size:12,color:"gray"}))),open:n},O.createElement(Ye,{size:"small",variant:"title"},Et.t("Description")),O.createElement(Zn,{size:4}),O.createElement(Ye,{size:"small",variant:"body",color:"neutral700"},Et.t(`The following fees are considered in the transaction output and
2
- you won\u2019t need to pay extra gas for them.`)),O.createElement(Zn,{size:10}),Object.entries(m.nonePayable).map(([d,C],y)=>{let f=nl(C),S=ji[d],k=`non-payable-fee-${y}`;return O.createElement(xh,{key:k,fee:f,label:S})}),O.createElement(Xi,null)))))}i(hc,"QuoteCostDetails");import{i18n as Cc}from"@lingui/core";import{TokenAmount as Tc}from"@rango-dev/ui";import Rn from"react";import{css as bh,styled as Ih}from"@rango-dev/ui";var yc=Ih("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),Sc=bh({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Io(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Rn.createElement(yc,null,Rn.createElement(Tc,{direction:"horizontal",label:Cc.t("Swap input"),type:"input",tooltipContainer:L(),price:{value:e.price.value,usdValue:e.price.usdValue,realValue:e.price.realValue,realUsdValue:e.price.realUsdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),Rn.createElement("div",{className:Sc()}),Rn.createElement(Tc,{direction:"horizontal",tooltipContainer:L(),label:Cc.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(Io,"QuoteSummary");import{i18n as kc}from"@lingui/core";import{ChevronDownIcon as Ah,ChevronRightIcon as Eh,Divider as Ki,Image as Wh,Tooltip as Yi,Typography as er}from"@rango-dev/ui";import B,{useEffect as Lh,useState as Nh}from"react";var tr=4,or=6,Bh=375,Ao=i(t=>{let e=L(),{content:o,src:n,className:r,open:s,state:a}=t;return B.createElement(Yi,{container:e,side:"bottom",sideOffset:4,open:s,content:o},B.createElement(ac,{className:r,state:a},B.createElement(Wh,{src:n,size:16})))},"ImageComponent");function wc(t){let{quoteRef:e,recommended:o,setExpanded:n,steps:r,expanded:s}=t,a=L(),l=r.length,p=kl(r),[c,u]=Nh(!1),g=i(()=>{window.innerWidth<Bh?u(!0):u(!1)},"handleResize");return Lh(()=>{window.addEventListener("resize",g)}),B.createElement(sc,{ref:m=>e.current=m,recommended:o,onClick:()=>n(m=>!m)},B.createElement("div",{className:ro()},B.createElement(er,{variant:"body",size:"xsmall"},kc.t("Via:")),B.createElement(Ki,{direction:"horizontal",size:4}),r.map((m,d)=>{let C=`item-${d}`,y=B.createElement(Hi,null,B.createElement(Eh,{size:12,color:"black"}));return c?B.createElement(B.Fragment,null,B.createElement(Ao,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),d!==l-1&&B.createElement(B.Fragment,null,y)):B.createElement(B.Fragment,{key:C},l<=tr||l>tr&&d<tr-1?B.createElement(B.Fragment,null,B.createElement(Ao,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),d!==l-1&&B.createElement(B.Fragment,null,y)):d===tr-1&&B.createElement(Yi,{container:a,side:"bottom",align:"right",sideOffset:4,content:B.createElement("div",{className:ro()},y,r.map((f,S)=>{let k=`image-${S}`;return S>=d&&B.createElement(B.Fragment,{key:k},B.createElement(Ao,{content:f.swapper.displayName,src:f.swapper.image,state:f.state,open:!1}),S!==l-1&&B.createElement(B.Fragment,null,y))}))},B.createElement(Vi,{state:r.find((f,S)=>S>=d&&(f.state==="error"||f.state==="warning"))?.state},B.createElement(er,{size:"xsmall",variant:"body"},"+",l-d))))})),B.createElement("div",{className:ro()},B.createElement("div",{className:"blockchains_section"},B.createElement("div",{className:ro()},B.createElement(er,{variant:"body",size:"xsmall"},kc.t("Chains:")),B.createElement(Ki,{direction:"horizontal",size:4}),p.map((m,d)=>B.createElement(B.Fragment,null,p.length<=or||p.length>or&&d<or-1?B.createElement(Ao,{key:m.displayName,content:"",src:m.image,open:!1,className:d!==0?"blockchainImage":""}):d===or-1&&B.createElement(Yi,{container:a,side:"bottom",align:"right",sideOffset:4,content:B.createElement("div",{className:ro()},p.map((C,y)=>y>=d&&B.createElement(Ao,{key:C.displayName,content:"",src:C.image,open:!1,className:y>d?"blockchainImage":""})))},B.createElement(Vi,{className:"blockchainImage"},B.createElement(er,{size:"xsmall",variant:"body"},"+",p.length-d))))),B.createElement(Ki,{direction:"horizontal",size:32}))),B.createElement(Hi,{orientation:s?"up":"down"},B.createElement(Ah,{size:12,color:"black"}))))}i(wc,"QuoteTrigger");function Ri(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=h().blockchains(),c=h().swappers(),[u,g]=Fh(t.expanded),m=bc(null),d=bc(u),C=E(o.value,6,6),y=E(n.value,6,6),f=n.usdValue?E(n.usdValue,4,4):"",S=Oe(o.usdValue,n.usdValue??null),k=E(S,2,2),b=mt(S??0),x=i(A=>A.map((w,W)=>{let F,Q=r?.type===3&&r.swap.swapperId===w.swapperId||r?.type===4&&r.recommendedSlippages?.has(W),V=s?.type===2&&s.recommendedSlippages?.has(W);return Q?F="error":V&&(F="warning"),{swapper:{displayName:go(w.swapperId,c),image:w.swapperLogo},from:{token:{displayName:w.from.symbol,image:w.from.logo},chain:{displayName:Ue(w.from.blockchain,p),image:w.from.blockchainLogo},price:{value:W===0?E(o.value,6,6):E(w.fromAmount,6,6),usdValue:E((w.from.usdPrice??0)*parseFloat(w.fromAmount),4,4),realValue:se(W===0?o.value:w.fromAmount),realUsdValue:se(new xc(w.from.usdPrice??0).multipliedBy(w.fromAmount))}},to:{token:{displayName:w.to.symbol,image:w.to.logo},chain:{displayName:Ue(w.to.blockchain,p),image:w.to.blockchainLogo},price:{value:E(w.toAmount,6,6),usdValue:E((w.to.usdPrice??0)*parseFloat(w.toAmount),4,4),realValue:se(w.toAmount),realUsdValue:se(new xc(w.to.usdPrice??0).multipliedBy(w.toAmount))}},state:F,alerts:Q||V?D.createElement(Zp,null,D.createElement(Mh,{type:Q?"error":"warning",title:r?.type===3?r?.recommendation:Ji.t("Slippage Error:"),footer:D.createElement(Rp,null,r?.type===3&&D.createElement(D.Fragment,null,D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),D.createElement(Zi,{direction:"horizontal",size:8}),D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),D.createElement(Zi,{direction:"horizontal",size:8}),D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},Ji.t({id:"Yours: {amount} {symbol}",values:{amount:E(w.fromAmount,6,6),symbol:w?.from.symbol}}))),(r?.type===4||s?.type===2)&&D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},Ji.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(W)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(W)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),v=x.length,I=L();return Dh(()=>{u&&!d.current&&m.current&&setTimeout(()=>{m?.current?.scrollIntoView({behavior:"smooth"})},Gi),d.current=u},[u,d]),D.createElement(D.Fragment,null,D.createElement(nc,{recommended:l,listItem:a==="list-item",basic:a==="basic"},D.createElement("div",{className:rc()},D.createElement(hc,{steps:v,quote:e}),a==="basic"&&D.createElement("div",{className:ic()},D.createElement(cc,null,D.createElement(Ph,{size:12,color:"gray"})),D.createElement(uc,null,D.createElement(Qi,{size:"small",variant:"body"},`${C} ${x[0].from.token.displayName} = `),D.createElement(vc,{content:se(n.value),container:I,open:n.value?void 0:!1},D.createElement(Qi,{size:"small",variant:"body"},"\xA0",`${y} ${x[x.length-1].to.token.displayName}`))),D.createElement(vc,{content:se(n.usdValue),container:I,style:{display:"flex"}},D.createElement(Eo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${f})`))),a==="list-item"&&D.createElement(_h,{type:"output",direction:"vertical",tooltipContainer:I,price:{value:y,usdValue:f,realValue:se(n.value),realUsdValue:se(n.usdValue)},token:{displayName:x[v-1].to.token.displayName,image:x[v-1].to.token.image},chain:{image:x[v-1].to.chain.image},percentageChange:k,warningLevel:b}),a==="swap-preview"&&D.createElement(D.Fragment,null,D.createElement(Io,{from:x[0].from,to:x[v-1].to,percentageChange:k,warningLevel:b}),D.createElement(Zi,{size:4}))),D.createElement(tc,{recommended:l,open:u,onOpenChange:g},D.createElement(wc,{quoteRef:m,recommended:l,setExpanded:g,expanded:u,steps:x}),D.createElement(lc,{open:u},D.createElement(pc,null),D.createElement("div",{className:oc()},x.map((A,w)=>{let W=`item-${w}`;return D.createElement($h,{type:"quote-details",key:W,step:A,hasSeparator:w!==x.length-1,state:A.state,tooltipContainer:I})}))))))}i(Ri,"Quote");import{Divider as zh,Skeleton as qh}from"@rango-dev/ui";import dt from"react";import{darkTheme as Uh,styled as nr}from"@rango-dev/ui";var Ic=nr("div",{$$color:"$colors$neutral100",[`.${Uh} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),Ac=nr("div",{paddingTop:"$2"}),Ec=nr("div",{paddingLeft:"$8"}),Wc=nr("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Oc,Divider as Ft,Skeleton as st}from"@rango-dev/ui";import z from"react";import{styled as it}from"@rango-dev/ui";var Lc=it("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),Nc=it("div",{display:"flex"}),Bc=it("div",{padding:"$15 $0 14px $0"}),Mc=it("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),Pc=it("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),$c=it("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),_c=it("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Dc=it("div",{width:"65%",display:"flex",justifyContent:"start"}),Fc=it("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Uc=it("div",{padding:"$15 $0 $15 $0"});function Wo(t){let{type:e,tag:o=!1}=t,n=z.createElement($c,null,z.createElement(Dc,null,z.createElement(Oc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),z.createElement(Ft,{size:8,direction:"horizontal"}),z.createElement(Fc,null,z.createElement(st,{height:10,width:60,variant:"rounded"}),z.createElement(Ft,{size:4}),z.createElement(st,{height:15,variant:"rounded"}))),z.createElement(st,{height:12,width:64,variant:"rounded"}));return z.createElement("div",null,z.createElement(Lc,null,z.createElement(Nc,null,z.createElement(st,{width:60,height:10,variant:"rounded"}),z.createElement(Ft,{size:4,direction:"horizontal"}),z.createElement(st,{width:60,height:10,variant:"rounded"}),z.createElement(Ft,{size:4,direction:"horizontal"}),z.createElement(st,{width:60,height:10,variant:"rounded"})),o&&z.createElement(st,{height:22,width:100,variant:"rounded"})),e==="basic"&&z.createElement(Bc,null,z.createElement(st,{height:15,width:148,variant:"rounded"})),e==="list-item"&&z.createElement(Mc,null,z.createElement(Pc,null,z.createElement(Oc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),z.createElement(Ft,{direction:"horizontal",size:4}),z.createElement(st,{height:15,width:150,variant:"rounded"})),z.createElement(Ft,{size:4}),z.createElement(st,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&z.createElement(z.Fragment,null,z.createElement(Ft,{size:4}),z.createElement(Uc,null,n,z.createElement(_c,null),n)))}i(Wo,"QuoteSummarySkeleton");import{ChainToken as Qc,Divider as ts,NextIcon as Oh,Skeleton as rr}from"@rango-dev/ui";import fe from"react";import{styled as Lo}from"@rango-dev/ui";var zc=Lo("div",{display:"flex",alignItems:"start"}),qc=Lo("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),es=Lo("div",{display:"flex",alignItems:"center",flexGrow:1}),Gc=Lo("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Hc=Lo("div",{display:"flex",alignItems:"center"});function at(t){let{separator:e=!0}=t;return fe.createElement(fe.Fragment,null,fe.createElement(Hc,null,fe.createElement(rr,{height:22,width:22,variant:"circular"}),fe.createElement(ts,{direction:"horizontal",size:8}),fe.createElement(rr,{height:15,width:148,variant:"rounded"})),fe.createElement(zc,null,fe.createElement(Wc,{hideSeparator:!e}),fe.createElement(qc,null,fe.createElement(es,null,fe.createElement(Qc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),fe.createElement(ts,{direction:"horizontal",size:8}),fe.createElement(rr,{height:12,variant:"rounded"})),fe.createElement(Gc,null,fe.createElement(Oh,{color:"gray",size:16})),fe.createElement(es,null,fe.createElement(Qc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),fe.createElement(ts,{direction:"horizontal",size:8}),fe.createElement(rr,{height:12,variant:"rounded"})))))}i(at,"StepSkeleton");function os(t){let{type:e,expanded:o,tag:n=!1}=t;return dt.createElement(Ic,{rounded:e!=="basic"},dt.createElement(Wo,{type:e,tag:n}),dt.createElement(Ac,null,dt.createElement(qh,{height:15,variant:"rounded"})),o&&dt.createElement(Ec,null,dt.createElement(zh,{size:20}),dt.createElement(at,null),dt.createElement(at,null),dt.createElement(at,{separator:!1})))}i(os,"QuoteSkeleton");function No(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1}=t,{inputAmount:l,inputUsdValue:p,outputUsdValue:c,outputAmount:u}=Y(),m=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n;return n?ir.createElement(qi,null,ir.createElement(os,{type:o,expanded:a})):m?ir.createElement(qi,null,ir.createElement(Ri,{quote:e,error:r,warning:s,type:o,expanded:a,recommended:!0,input:{value:l,usdValue:p?.toString()??""},output:{value:u?.toString()??"",usdValue:c?.toString()??""}})):null}i(No,"QuoteInfo");import{calculatePendingSwap as Qh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Vh}from"react";import{useRef as Gh,useState as Hh}from"react";function sr(){let[t,e]=Hh(!1),o=Gh(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Ht().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(sr,"useFetchQuote");function ar(t){if(!t.result)throw new Error(K().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Zr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Rr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=oi(t);if(o){let n=Tn(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(ar,"throwErrorIfResponseIsNotValid");function Vc(t,e,o){let n=!1;t&&(n=Cl(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=wn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(pl(t,e)?r.quoteUpdate={type:3,newOutputAmount:E(jt(e)),percentageChange:E(Oe(jt(t)??"",jt(e)??""),null,2)}:ni(t,e)?r.quoteUpdate={type:0}:ri(t,e)?r.quoteUpdate={type:1}:ii(t,e)&&(r.quoteUpdate={type:2}));let a=cl(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Vc,"generateWarnings");function lr(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}i(lr,"handleQuoteErrors");function ns(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=Y(),{slippage:l,customSlippage:p,affiliatePercent:c,affiliateRef:u,affiliateWallets:g,disabledLiquiditySources:m}=h(),{connectedWallets:d}=H(),C=h().blockchains(),y=h().tokens(),{features:f}=h().config,{enableNewLiquiditySources:S}=h().config,k=p||l,{fetch:b,cancelFetch:T,loading:x}=sr();return Vh(()=>T,[]),{loading:x,fetch:i(async I=>{let A=I.selectedWallets,w=I?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let W=kn({fromToken:t,toToken:e,inputAmount:o,wallets:d,selectedWallets:A,excludeLiquiditySources:S,disabledLiquiditySources:m,slippage:k,affiliateRef:u,affiliatePercent:c,affiliateWallets:g,initialQuote:r??void 0,destination:w});cn("experimentalRoute",f)&&(W.experimental=!0);let F;try{F=await b(W).then(M=>ar(M)),n(F)}catch(M){return lr(M)}let Q={slippage:k.toString(),disabledSwappersGroups:m},V=Qh(o.toString(),F,al(A),Q,!1,{blockchains:C,tokens:y}),ue=Vc(r??void 0,F,{fromToken:t,toToken:e,meta:{blockchains:C,tokens:y},selectedWallets:A,userSlippage:k});return ue.quoteUpdate&&a(!1),{quote:F,swap:V,error:null,warnings:ue}},"fetch"),cancelFetch:T}}i(ns,"useConfirmSwap");var iy=Yh("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Xc}`]:{width:"$48",height:"$48"}}),sy=is({flexGrow:1,paddingRight:"$10"}),ay=is({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),ly=is({display:"flex",justifyContent:"space-between",alignItems:"center"});function Kc(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=Y(),l=ry(),p=ny(),[c,u]=cr(""),{connectedWallets:g}=H(),m=!n,[d,C]=cr(!1),{isActiveTab:y}=pe(),f=h().disabledLiquiditySources,S=ty(f),{manager:k}=jh(),{fetch:b,loading:T,cancelFetch:x}=ns(),[v,I]=cr({swap:null,error:null,warnings:null}),[A,w]=cr(!1),W=i(async({selectedWallets:U,customDestination:De})=>{let j=await b?.({selectedWallets:U,customDestination:De});return I(j),j},"onConfirmSwap"),F=i(async()=>{if(v.swap&&n)try{await k?.create("swap",{swapDetails:v.swap},{id:v.swap.requestId});let U=`../${P.swaps}/${v.swap.requestId}`;l(U,{replace:!0}),setTimeout(()=>{e("")},0)}catch(U){u("Error: "+U?.message)}},"addNewSwap"),Q=i(async()=>{await F()},"onConfirm"),V=i(async()=>{v?.warnings?.quote&&!a?w(!0):await Q()},"onStartConfirmSwap"),ue=i(async()=>{I({error:null,swap:null,warnings:null}),b({selectedWallets:o,customDestination:s}).then(U=>{I(U)}).catch(U=>console.error(U))},"onRefresh");Bo(()=>{!!S.current.length&&!f.length&&ue(),S.current=f},[f.length]),Bo(()=>{m&&x()},[m]),Bo(()=>{m&&C(m)},[m]),Bo(()=>{m||b({selectedWallets:o,customDestination:s}).then(U=>I(U)).catch(U=>console.error(U))},[]),Bo(()=>{let U=v.warnings?.quote?.type&&Object.values(kt).includes(v.warnings?.quote?.type),De=o.length<1||!o.every(J=>g.find(xe=>J.address===xe.address&&J.walletType===xe.walletType&&J.chain===xe.chain)),j=!1;if(U){let J=gn(t),xe=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(ct=>ct.from.blockchain===xe)||(J=J.slice(-J.length,J.length-1)),J.every(ct=>o.find(_=>_.chain===ct))||(j=!0)}t&&(De||j)&&(queueMicrotask(()=>oy(C.bind(null,!0))),r(!1))},[v.warnings?.quote,o.length,g.length]),ey(()=>{t||l(`../${p.search}`)},[]);let M=v.warnings?.quote??null,q=v.error,ee=[];return c&&ee.push(ae.createElement(jc,{type:"error",variant:"alarm",title:c})),v.warnings?.quoteUpdate&&ee.push(ae.createElement(jc,{variant:"alarm",type:"warning",title:v.warnings.quoteUpdate&&bn(v.warnings.quoteUpdate)})),(M||q)&&ee.push(ae.createElement(xo,{warning:M,error:q,loading:T,refetchQuote:ue,showWarningModal:A,confirmationDisabled:!y,onOpenWarningModal:()=>w(!0),onCloseWarningModal:()=>w(!1),onConfirmWarningModal:async()=>{w(!1),await F()},onChangeSettings:()=>l(P.settings)})),ae.createElement(ne,{header:{title:pr.t("Confirm Swap"),onWallet:()=>{let U=`../${P.wallets}`;l(U)},suffix:ae.createElement(Jh,{container:L(),side:"bottom",content:pr.t("Settings")},ae.createElement(qe,{size:"small",variant:"ghost",onClick:()=>l("../"+P.settings)},ae.createElement(Kh,{size:18,color:"black"})))},footer:ae.createElement(iy,null,ae.createElement("div",{className:sy()},ae.createElement(Xh,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:T,disabled:!!v.error||!y,onClick:V},pr.t("Start Swap"))),ae.createElement(Xc,{variant:"contained",type:"primary",size:"large",loading:T,onClick:C.bind(null,!0)},ae.createElement(Rh,{size:24})))},d&&ae.createElement(Bp,{open:d,onClose:()=>C(!1),onCancel:x,loading:T,onCheckBalance:W}),ae.createElement(re,null,ae.createElement("div",{className:ly()},ae.createElement(Zh,{variant:"title",size:"small"},pr.t("You get")),ae.createElement("div",{className:ay()},ae.createElement(On,{onClick:!T&&!d&&!A?ue:void 0}))),ae.createElement(rs,{size:"12"}),ql(ee,ae.createElement(rs,{size:10})),ee.length>0?ae.createElement(rs,{size:10}):null,ae.createElement(No,{quote:t,type:"swap-preview",expanded:!0,error:v.error,loading:T,warning:v.warnings?.quote??null})))}i(Kc,"ConfirmSwapPage");import{i18n as dr}from"@lingui/core";import{useManager as wy}from"@rango-dev/queue-manager-react";import{Divider as su,NotFound as vy,styled as xy}from"@rango-dev/ui";import gt,{useState as by}from"react";import{useNavigate as Iy}from"react-router-dom";import{i18n as ls}from"@lingui/core";import{Divider as uy,GroupedVirtualizedList as my,SwapListItem as eu,Typography as tu}from"@rango-dev/ui";import Le,{useCallback as ou,useEffect as dy,useRef as fy,useState as gy}from"react";function Yc(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(Yc,"calculateGroupsSoFar");import{css as py,darkTheme as cy,styled as Mo}from"@rango-dev/ui";var ur=py(),Jc=Mo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),ss=Mo("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${ur}`]:{$$color:"$colors$neutral600",[`.${cy} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),as=Mo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Zc=Mo("div",{gap:"$10",display:"flex",flexDirection:"column"}),Rc=Mo("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var hy=10;function ps(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=gy([]),l=fy(0),{swaps:p,groupCounts:c,groups:u}=n(e),g=ou(Yc,[]),m=ou(()=>{let d=e.length-l.current;d&&(l.current+=Math.min(d,hy),a(g(c,l.current)))},[e.length]);if(dy(()=>{r||m()},[r,m]),r){let d=[{},{}],C=[{title:ls.t("Today"),swaps:d},{title:ls.t("This month"),swaps:d}];return Le.createElement(Le.Fragment,null,C.map(y=>Le.createElement(ss,{key:y.title},Le.createElement(as,null,Le.createElement(tu,{variant:"label",size:"medium",className:ur()},y.title)),Le.createElement(uy,{size:4}),Le.createElement(Zc,null,y.swaps.map((f,S)=>{let k=S+y.title;return Le.createElement(eu,{isLoading:!0,key:k})})))))}return Le.createElement(my,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:d=>Le.createElement(ss,null,Le.createElement(as,null,Le.createElement(tu,{variant:"label",size:"medium",className:ur()},u[d]))),itemContent:(d,C)=>{let y=p[d],f=y.steps[0],S=y.steps[y.steps.length-1];return Le.createElement(Jc,{key:y.requestId},Le.createElement(eu,{requestId:y.requestId,creationTime:y.creationTime,status:y.status,onClick:o,tooltipContainer:L(),onlyShowTime:u[C]===ls.t("Today"),swapTokenData:{from:{token:{image:f.fromLogo,displayName:f.fromSymbol},blockchain:{image:f.fromBlockchainLogo||""},amount:E(y.inputAmount,6,6),realAmount:se(y.inputAmount)},to:{token:{image:S.toLogo,displayName:S.toSymbol},blockchain:{image:S.toBlockchainLogo||""},amount:E(S.outputAmount||S.expectedOutputAmountHumanReadable||"",6,6),realAmount:se(S.outputAmount||S.expectedOutputAmountHumanReadable)}}}))}})}i(ps,"HistoryGroupedList");import{CloseIcon as Sy,IconButton as Cy,SearchIcon as Ty,TextField as ky}from"@rango-dev/ui";import Po from"react";import{styled as yy}from"@rango-dev/ui";var nu=yy("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function ft(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Po.createElement(ky,{prefix:Po.createElement(nu,null,Po.createElement(Ty,{color:"black"})),suffix:!!a.length&&Po.createElement(Cy,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Po.createElement(Sy,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...p})}i(ft,"SearchInput");import{i18n as mr}from"@lingui/core";import ru from"dayjs";var iu=i(t=>{let e=new Map([["today",{title:mr.t("Today"),swaps:[]}],["week",{title:mr.t("This week"),swaps:[]}],["month",{title:mr.t("This month"),swaps:[]}],["year",{title:mr.t("This year"),swaps:[]}]]);function o(p,c){e.has(p)||e.set(p,{title:p,swaps:[]}),e.get(p)?.swaps.push(c)}i(o,"addYearsToOutput");let n=ru();t.forEach(p=>{let c=Number(p.creationTime),u=ru(c);if(n.isSame(u,"day"))e.get("today")?.swaps.push(p);else if(n.isSame(u,"week"))e.get("week")?.swaps.push(p);else if(n.isSame(u,"month"))e.get("month")?.swaps.push(p);else if(n.isSame(u,"year"))e.get("year")?.swaps.push(p);else{let g=new Date(c).getFullYear().toString();o(g,p)}});let r=Array.from(e.values()).filter(p=>p.swaps.length>0),s=r.flatMap(p=>p.swaps),a=r.map(p=>p.swaps.length),l=r.map(p=>p.title);return{swaps:s,groupCounts:a,groups:l}},"groupSwapsByDate");var Ay=xy("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Ey=i((t,e)=>t?.length?t.filter(o=>et(o.fromBlockchain,e)||et(o.toBlockchain,e)||et(o.toSymbol,e)||et(o.fromSymbol,e)).length:!1,"isStepContainsText");function au(){let t=Iy(),{manager:e,state:o}=wy(),n=bt(e).map(({swap:u})=>u),[r,s]=by(""),a=!o.loadedFromPersistor,l=i(u=>{let g=u.target.value;s(g)},"searchHandler"),p=n;r&&(p=n.filter(u=>et(u.inputAmount,r)||et(u.status,r)||Ey(u.steps,r)||et(u.requestId,r)));let c=!p?.length&&!a;return gt.createElement(ne,{header:{title:dr.t("History")}},gt.createElement(re,null,gt.createElement(ft,{setValue:s,fullWidth:!0,variant:"contained",placeholder:dr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),gt.createElement(su,{size:"16"}),gt.createElement(Ay,null,c&&gt.createElement(Rc,null,gt.createElement(su,{size:32}),gt.createElement(vy,{title:dr.t("No results found"),description:r?dr.t("Try using different keywords"):""})),!c&&gt.createElement(ps,{list:p,onSwapClick:t,groupBy:iu,isLoading:a}))))}i(au,"HistoryPage");import{i18n as ms}from"@lingui/core";import{Button as $y,Divider as uu,styled as du,SwapInput as mu,WarningIcon as _y}from"@rango-dev/ui";import ve,{useEffect as Dy,useState as Fy}from"react";import{useNavigate as Uy}from"react-router-dom";import{ReverseIcon as Wy,styled as lu}from"@rango-dev/ui";import cs from"react";var Ly=lu("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Ny=lu("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 pu(){let t=Y.use.switchFromAndTo();return cs.createElement(Ly,null,cs.createElement(Ny,{onClick:()=>{t()}},cs.createElement(Wy,{size:12})))}i(pu,"SwitchFromAndToButton");import{useCallback as By,useEffect as My,useState as us}from"react";var Py=600;function cu(){let{fetch:t,cancelFetch:e}=sr(),{liquiditySources:o,enableNewLiquiditySources:n,features:r}=h().config,s=h().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:c,quote:u,resetQuote:g,setQuote:m}=Y(),{slippage:d,customSlippage:C,affiliatePercent:y,affiliateRef:f,affiliateWallets:S,disabledLiquiditySources:k,fetchStatus:b}=h(),[T,x]=us(!0),[v,I]=us(null),[A,w]=us(null),W=C??d,Q=!a||!l||Ae(a,l)||!uo(p),V=i(q=>{x(q),I(null),w(null)},"resetState"),ue=i(q=>{let{fromToken:ee,toToken:U,inputAmount:De,liquiditySources:j,excludeLiquiditySources:J,disabledLiquiditySources:xe,slippage:Se,affiliateRef:Ce,affiliatePercent:ct,affiliateWallets:_}=q;if(T||V(!0),!Q&&ee&&U){g();let X=kn({fromToken:ee,toToken:U,inputAmount:De,liquiditySources:j,excludeLiquiditySources:J,disabledLiquiditySources:xe,slippage:Se,affiliateRef:Ce,affiliatePercent:ct,affiliateWallets:_});cn("experimentalRoute",r)&&(X.experimental=!0),t(X).then(G=>{x(!1),m(G),ar(G);let le=wn(G,{fromToken:ee,toToken:U,userSlippage:W,tokens:s});w(le)}).catch(G=>{let{error:le}=lr(G);(le?.type===0||le?.type===1)&&g(),le?.type!==2&&(I(le),x(!1))})}},"fetch"),M=By(Pa(q=>{Q||ue(q)},Py),[Q]);return My(()=>{if(b==="success"){if(!uo(p)||c?.eq(0)){V(!1),e();return}if(Q){u&&g();return}return g(),V(!0),M({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:k,slippage:W,affiliateRef:f,affiliatePercent:y,affiliateWallets:S}),e}},[b,p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,Q,o?.length,n,k.length,W,f,y,JSON.stringify(S)]),{fetch:()=>ue({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:k,slippage:W,affiliateRef:f,affiliatePercent:y,affiliateWallets:S}),loading:T,error:v,warning:A}}i(cu,"useSwapInput");var Oy=du("div",{position:"relative"}),zy=du("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function fu(){let t=Uy(),{fetch:e,loading:o,error:n,warning:r}=cu(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:g,outputAmount:m,outputUsdValue:d,quote:C,resetQuoteWallets:y,setQuoteWarningsConfirmed:f}=Y(),{config:S,fetchStatus:k}=h(),{connectedWallets:b,getBalanceFor:T}=H(),{isActiveTab:x}=pe(),[v,I]=Fy(!1),A=!!a&&ba(b,a.name),w=!1,W=!ei(C,u,g),F=!ei(C,u,d),Q=ol({fetchMetaStatus:k,fetchingQuote:o,inputAmount:u,quote:C,anyWalletConnected:b.length>0,error:n,warning:r,needsToWarnEthOnPath:w}),V=s?T(s):null,ue=nn(V)?.amount??"0",M=a&&s?E(V?.amount,V?.decimals):"0",q=k==="success"&&!!u&&!!s&&!!l&&o;Dy(()=>{y()},[]);let ee=!g||!d||!d.gt(0)?null:Oe(g.toString(),d.toString());return ve.createElement(ne,{height:"auto",hasLogo:!0,footer:ve.createElement($y,{type:"primary",size:"large",disabled:Q.disabled||!x,prefix:Q.action==="confirm-warning"&&ve.createElement(_y,null),fullWidth:!0,onClick:()=>{Q.action==="connect-wallet"?t(P.wallets):Q.action==="confirm-warning"?I(!0):t(P.confirmSwap)}},Q.title),header:{onWallet:()=>{t(P.wallets)},hasBackButton:!1,title:S.title||ms.t("Swap"),suffix:ve.createElement(Ii,{onClickRefresh:(C||n)&&!v?e:void 0,onClickHistory:()=>t(P.swaps),onClickSettings:()=>t(P.settings)})}},ve.createElement(re,null,ve.createElement(zy,null,ve.createElement(Oy,null,ve.createElement(mu,{label:ms.t("From"),mode:"From",onInputChange:c,balance:ue,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(P.fromSwap),price:{value:u,usdValue:W?void 0:E(g,4,4),realUsdValue:W?void 0:se(g),error:W?K().unknownPriceError.impactTitle:void 0},disabled:k==="failed",loading:k==="loading",loadingBalance:A,tooltipContainer:L(),onSelectMaxBalance:()=>{ue!=="0"&&c(M.split(",").join(""))}}),ve.createElement(pu,null)),ve.createElement(mu,{sharpBottomStyle:!!C?.result||q,label:ms.t("To"),mode:"To",fetchingQuote:q,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:E(Oe(g,d),2,2),warningLevel:mt(ee??0),price:{value:E(m,6,6),usdValue:F?void 0:E(d,4,4),realValue:se(m),realUsdValue:F?void 0:se(d),error:F?K().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(P.toSwap),disabled:k==="failed",loading:k==="loading",tooltipContainer:L()})),ve.createElement(uu,{size:"2"}),ve.createElement(No,{quote:C,loading:q,error:n,warning:r,type:"basic"}),r||n?ve.createElement(ve.Fragment,null,ve.createElement(uu,{size:"10"}),ve.createElement(xo,{warning:r,error:n,loading:q,refetchQuote:e,showWarningModal:v,confirmationDisabled:!x,onOpenWarningModal:()=>I(!0),onCloseWarningModal:()=>I(!1),onConfirmWarningModal:()=>{I(!1),f(!0),t(P.confirmSwap)},onChangeSettings:()=>t(P.settings)})):null))}i(fu,"Home");import{i18n as gu}from"@lingui/core";import{List as qy,ListItemButton as Gy,Radio as Hy,RadioRoot as Qy,Typography as Vy}from"@rango-dev/ui";import Wt from"react";function io(){let{setLanguage:t,language:e,config:o}=h(),n=Da,r=o?.language||fo;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||fo),resetLanguage:()=>t(null)}}i(io,"useLanguage");function hu(){let{activeLanguage:t,changeLanguage:e,languages:o}=io(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:Wt.createElement(Vy,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Wt.createElement(Hy,{value:s}),start:Wt.createElement(l,null)}});return Wt.createElement(ne,{header:{title:gu.t("Language")}},Wt.createElement(re,null,Wt.createElement(Qy,{value:t},Wt.createElement(qy,{type:Wt.createElement(Gy,{title:gu.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(hu,"LanguagePage");import{i18n as ht}from"@lingui/core";import{Button as Jy,Checkbox as Zy,Image as Ry,ListItemButton as eS,NotFound as tS,Typography as oS}from"@rango-dev/ui";import We,{useState as nS}from"react";import{Checkbox as Ky,Skeleton as Su}from"@rango-dev/ui";import _o from"react";import{styled as ds}from"@rango-dev/ui";var $o=ds("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),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 jy,styled as Xy}from"@rango-dev/ui";var yu=Xy(jy,{height:61});var Yy=30;function hs(){return _o.createElement($o,null,Array.from(Array(Yy),t=>_o.createElement(yu,{hasDivider:!0,key:t,start:_o.createElement(Su,{variant:"circular",width:35,height:35}),title:_o.createElement(Su,{variant:"text",size:"large",width:90}),end:_o.createElement(Ky,{checked:!1})})))}i(hs,"LoadingLiquiditySourceList");function ys({sourceType:t}){let e=h().fetchStatus,o=h().swappers(),n=h().disabledLiquiditySources,[r,s]=nS(""),a=h().toggleLiquiditySource,l=pn(o,n),p={Exchanges:ht.t("Exchanges"),Bridges:ht.t("Bridges")},c=[];t==="Exchanges"&&c.push("DEX"),t==="Bridges"&&(c.push("BRIDGE"),c.push("AGGREGATOR"));let u=l.filter(f=>c.includes(f.type)),g=u.length===u.filter(f=>f.selected).length,m=i(()=>{u.forEach(f=>{g?a(f.groupTitle):f.selected||a(f.groupTitle)})},"toggleAllSources"),d=u.map(f=>{let{selected:S,groupTitle:k,logo:b}=f;return{start:We.createElement(Ry,{src:b,size:22,type:"circular"}),onClick:()=>a(k),end:We.createElement(Zy,{checked:S}),title:We.createElement(oS,{variant:"title",size:"xmedium"},ht.t(k)),...f}}),C=i(f=>{let S=f.target.value;s(S)},"searchHandler"),y=d;return r&&(y=d.filter(f=>et(f.groupTitle,r))),We.createElement(ne,{header:{title:ht.t(t),suffix:We.createElement(fs,null,We.createElement(Jy,{variant:"ghost",size:"xsmall",onClick:m},g?ht.t("Deselect all"):ht.t("Select all")))}},We.createElement(re,{view:!0},We.createElement(ft,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:ht.t("Search {sourceType}",{sourceType:p[t]}),onChange:C}),e==="loading"&&We.createElement(hs,null),!y.length&&r?We.createElement(gs,null,We.createElement(tS,{title:ht.t("No results found"),description:ht.t("Try using different keywords")})):e==="success"&&We.createElement($o,null,y.map(f=>We.createElement(We.Fragment,{key:f.id},We.createElement(eS,{style:{height:"61px"},...f,selected:!1,hasDivider:!0}))))))}i(ys,"LiquiditySourcePage");import{i18n as Iu}from"@lingui/core";import{Divider as Au,getCountCategories as dS,SelectableCategoryList as fS}from"@rango-dev/ui";import yt,{useState as Eu}from"react";import{i18n as Cs}from"@lingui/core";import{Divider as xu,Image as lS,ListItemButton as pS,NotFound as cS,Typography as bu}from"@rango-dev/ui";import He,{useEffect as uS,useState as mS}from"react";import{BlockchainCategories as Ss}from"@rango-dev/ui";import{TransactionType as fr}from"rango-sdk";var rS=i((t,e)=>{switch(e){case Ss.ALL:return!0;case Ss.UTXO:return t.type===fr.TRANSFER;case Ss.OTHER:return t.type!==fr.TRANSFER&&t.type!==fr.COSMOS&&t.type!==fr.EVM;default:return t.type===e}},"filterByType"),Cu=i((t,e,o)=>t.filter(n=>rS(n,o)).filter(n=>Bt(n.name,e)||Bt(n.displayName,e)),"filterBlockchains");import{ImageContainer as iS,styled as Tu}from"@rango-dev/ui";var ku=Tu("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),gr=Tu(Co,{padding:0,margin:0,listStyle:"none",[`& ${iS}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as sS,Skeleton as wu}from"@rango-dev/ui";import hr from"react";var aS=20;function vu(){return hr.createElement(gr,null,Array.from(Array(aS),t=>hr.createElement(sS,{key:t,hasDivider:!0,start:hr.createElement(wu,{variant:"circular",width:35,height:35}),title:hr.createElement(wu,{variant:"text",size:"large",width:90})})))}i(vu,"LoadingBlockchainList");function Ts(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=mS(e),{fetchStatus:l}=h();uS(()=>{a([...Cu(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?He.createElement(He.Fragment,null,He.createElement(xu,{size:32}),He.createElement(cS,{title:Cs.t("No results found"),description:Cs.t("Try using different keywords")})):He.createElement(gr,{as:"ul",key:`${r}-${o}`},s.map(c=>He.createElement(pS,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:He.createElement(lS,{src:c.logo,size:30}),title:He.createElement(bu,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return He.createElement(ku,null,He.createElement(bu,{variant:"label",size:"large"},Cs.t("Select Blockchain")),He.createElement(xu,{size:4}),l==="loading"&&He.createElement(vu,null),l==="success"&&p())}i(Ts,"BlockchainList");function ks(t){let{type:e}=t,o=xt(),[n,r]=Eu(""),[s,a]=Eu("ALL"),l=Y.use.setToBlockchain(),p=Y.use.setFromBlockchain(),c=h().fetchStatus,u=h().blockchains({type:e}),m=dS(u)!==1;return yt.createElement(ne,{header:{title:Iu.t("Select Blockchain")}},yt.createElement(re,{view:!0},m&&yt.createElement(yt.Fragment,null,yt.createElement(fS,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),yt.createElement(Au,{size:24})),yt.createElement(ft,{value:n,autoFocus:!0,placeholder:Iu.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),yt.createElement(Au,{size:16}),yt.createElement(Ts,{list:u,searchedFor:n,blockchainCategory:s,onChange:d=>{e==="source"?p(d):l(d),o()}})))}i(ks,"SelectBlockchainPage");import{i18n as kr}from"@lingui/core";import{Divider as Xu}from"@rango-dev/ui";import Ut,{useState as NS}from"react";import{useNavigate as BS}from"react-router-dom";import{i18n as xs}from"@lingui/core";import{BlockchainsChip as yr,Divider as Bu,Image as Mu,Skeleton as CS,Tooltip as TS,Typography as bs}from"@rango-dev/ui";import ye from"react";import{useEffect as yS}from"react";var Wu=["ETH","COSMOS","OSMOSIS"];function ws(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(gS),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let c=n[p];a=a.filter(u=>c.name!==u)}}n.sort(hS(a)),r=n.splice(s)}return{list:n,more:r}}i(ws,"prepare");function gS(t,e){let o=Wu,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),s=n>-1,a=r>-1;return s&&a?n>r?1:-1:s?-1:a?1:0}i(gS,"sortByMostUsedBlockchains");function hS(t){return i(function(o,n){let r=t.findIndex(p=>p===o.name),s=t.findIndex(p=>p===n.name),a=r>-1,l=s>-1;return a&&l?r>s?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}i(hS,"generateSortByPreferredBlockchainsFor");function Lu(t,e){return!!e.list.find(o=>o.name===t)}i(Lu,"isInVisibleList");function vs(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=h();yS(()=>{if(e?.selected){let s=ws(t,o,e);Lu(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 SS}from"@rango-dev/ui";var Nu=SS("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var kS=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}=h(),p=Y.use.resetToBlockchain(),c=Y.use.resetFromBlockchain(),u=a.more.length>0,g=a.more.length===1,m=!g&&u;return ye.createElement(ye.Fragment,null,ye.createElement(Bu,{size:12}),ye.createElement(bs,{variant:"label",size:"large"},xs.t("Select Blockchain")),ye.createElement(Bu,{size:12}),ye.createElement(Nu,null,l==="loading"&&Array.from(Array(kS),d=>ye.createElement(CS,{key:d,variant:"rounded",height:50})),l==="success"&&ye.createElement(ye.Fragment,null,ye.createElement(yr,{selected:!n,onClick:()=>{o==="from"?c():p()}},ye.createElement(bs,{variant:"body",size:"xsmall",color:"secondary500"},xs.t("All"))),a.list.map(d=>ye.createElement(TS,{key:d.name,content:d.shortName,side:"bottom",sideOffset:2,container:L()},ye.createElement(yr,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},ye.createElement(Mu,{src:d.logo,size:30})))),g?ye.createElement(yr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},ye.createElement(Mu,{src:a.more[0].logo,size:30})):null,m?ye.createElement(yr,{onClick:s,key:"more-blockchains"},ye.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 Gu,Divider as ao,ExternalLinkIcon as xS,Image as bS,ListItemButton as IS,NotFound as AS,PinIcon as ES,Skeleton as Hu,Typography as Tr,VirtualizedList as WS}from"@rango-dev/ui";import $,{useEffect as Qu,useState as Vu}from"react";import{Divider as zu,ListItem as vS,Skeleton as Do}from"@rango-dev/ui";import Ze from"react";import{css as so,darkTheme as Pu,ImageContainer as wS,styled as Je,Typography as $u}from"@rango-dev/ui";var As=so({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Es=so({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Ws=so({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Ls=so({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Pu} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Ns=so({}),Bs=so(),_u=Je("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Ms=Je("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Sr=Je("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"},[`& .${Ns}`]:{bottom:"-15px"},[`& .${As}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Ws}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Ps=Je("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),$s=Je($u,{}),Du=Je("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Bs}`]:{$$color:"$colors$neutral600",[`.${Pu} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Cr=Je("div",{display:"flex",alignItems:"end",flexDirection:"column"}),n$=Je("div",{display:"flex",alignItems:"center"}),Fu=Je("div",{position:"relative",[`& ${wS}`]:{borderRadius:"$xm",overflow:"hidden"}}),Uu=Je("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Ou=Je($u,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function qu(t){return Ze.createElement(Sr,null,Array.from(Array(t.size),e=>Ze.createElement(vS,{key:e,hasDivider:!0,start:Ze.createElement(Do,{variant:"circular",width:35,height:35}),end:Ze.createElement(Cr,null,Ze.createElement(Do,{variant:"text",size:"large",width:70}),Ze.createElement(zu,{size:4}),Ze.createElement(Do,{variant:"text",size:"medium",width:50})),title:Ze.createElement("div",null,Ze.createElement(Do,{variant:"text",size:"large",width:90}),Ze.createElement(zu,{size:4}),Ze.createElement(Do,{variant:"text",size:"medium",width:90}))})))}i(qu,"LoadingTokenList");var Ds=20,LS=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return $.createElement("div",{className:Es()},o?$.createElement("div",{className:As()},o):$.createElement(Ms,{className:Ws()},$.createElement(Tr,{variant:"title",size:"xmedium"},r.symbol),$.createElement(ao,{direction:"horizontal",size:4}),$.createElement(Ps,{css:s},$.createElement($s,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&$.createElement("div",{className:`${Ls()} ${!o&&Ns()}`},$.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",$.createElement(ao,{size:4,direction:"horizontal"}),$.createElement(xS,{color:"gray",size:12}))))},"renderDesc");function ju(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Vu(e),l=h().fetchStatus,p=h().blockchains(),[c,u]=Vu(!0),{getBalanceFor:g,loading:m}=H(),{isTokenPinned:d}=h(),C=i(()=>{a(e.slice(0,s.length+Ds))},"loadNextPage");Qu(()=>{u(e.length>s.length)},[s.length]),Qu(()=>{a(e.slice(0,Ds))},[e]);let y=i(()=>!s.length&&o?$.createElement($.Fragment,null,$.createElement(ao,{size:32}),$.createElement(AS,{title:_s.t("No results found"),description:_s.t("Try using different keywords")})):$.createElement(WS,{endReached:c?C:void 0,itemContent:f=>{let S=s[f],k=nn(g(S)),b=S.address||"",T=p.find(A=>A.name===S.blockchain),x=Pn(S.symbol,T?.color||""),v={$$color:x[`${S.symbol}100`],[`.${Gu} &`]:{$$color:x[`${S.symbol}900`]},backgroundColor:"$$color"},I={$$color:x[`${S.symbol}700`],[`.${Gu} &`]:{$$color:x[`${S.symbol}100`]},color:"$$color"};return $.createElement("div",{style:{paddingRight:5}},$.createElement(IS,{style:{width:"100%",overflow:"hidden"},"tab-index":f,key:`${S.symbol}${S.address}`,id:`${S.symbol}${S.address}`,hasDivider:!0,onClick:()=>n(s[f]),start:$.createElement(Fu,null,$.createElement(bS,{src:S.image,size:30}),d(S,t.type)&&$.createElement(Uu,null,$.createElement(ES,{size:12,color:"gray"}))),title:T?.type==="COSMOS"||S.name||!S.name&&!b?$.createElement(Ms,null,$.createElement(Tr,{variant:"title",size:"xmedium"},S.symbol),$.createElement(ao,{direction:"horizontal",size:4}),$.createElement(Ps,{css:v},$.createElement($s,{variant:"body",size:"xsmall",css:I},S.blockchain))):void 0,description:T?.info&&b&&T.type!=="COSMOS"?LS({address:b,token:s[f],customCssForTag:v,customCssForTagTitle:I,name:S.name,url:T.info.addressUrl.split("{wallet}").join(b)}):S.name||void 0,end:m?$.createElement(Cr,null,$.createElement(Hu,{variant:"text",size:"large",width:70}),$.createElement(ao,{size:4}),$.createElement(Hu,{variant:"text",size:"medium",width:50})):k&&$.createElement(Du,null,$.createElement(Ou,{variant:"title",size:"small"},k.amount),$.createElement("div",null),k.usdValue&&$.createElement(Tr,{variant:"body",className:Bs(),size:"xsmall"},`$${k.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return $.createElement(_u,null,$.createElement(Tr,{variant:"label",size:"large"},_s.t("Select Token")),$.createElement(ao,{size:4}),l==="loading"&&$.createElement(qu,{size:Ds}),l==="success"&&$.createElement(Sr,{as:"ul"},y()))}i(ju,"TokenList");function Fs(t){let{type:e}=t,o=BS(),n=xt(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=Y(),u=H.use.getBalanceFor(),[g,m]=NS(""),{isTokenPinned:d}=h(),y=(e==="source"?r:s)?.name??"",f=h().blockchains({type:e}),S=h().tokens({type:e,blockchain:y,searchFor:g}),b=wa(S,u,i(I=>d(I,e),"checkIsTokenPinned")),T=i(I=>{e==="source"?p(I):c(I)},"updateBlockchain"),x=i(I=>{e==="source"?a({token:I,meta:{blockchains:f,tokens:S}}):l({token:I,meta:{blockchains:f,tokens:S}})},"updateToken"),v={source:kr.t("Source"),destination:kr.t("Destination")};return Ut.createElement(ne,{header:{title:kr.t("Swap {type}",{type:v[e]})}},Ut.createElement(re,null,Ut.createElement(Is,{blockchains:f,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(P.blockchains),onChange:I=>{T(I)}}),Ut.createElement(Xu,{size:24}),Ut.createElement(ft,{value:g,autoFocus:!0,placeholder:kr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:I=>m(I.target.value)}),Ut.createElement(Xu,{size:16}),Ut.createElement(ju,{list:b,selectedBlockchain:y,searchedFor:g,type:e,onChange:I=>{x(I);let A=f.find(w=>I.blockchain===w.name);A&&T(A),n()}})))}i(Fs,"SelectSwapItemsPage");import{i18n as Ot}from"@lingui/core";import{ChevronRightIcon as zs,Divider as qs,InfoIcon as OS,List as zS,ListItemButton as qS,Skeleton as GS,Switch as HS,Tooltip as QS,Typography as zt}from"@rango-dev/ui";import Z from"react";import{useNavigate as VS}from"react-router-dom";import{i18n as em}from"@lingui/core";import{Divider as _S,InfoIcon as DS,TextField as FS,Tooltip as US,Typography as tm}from"@rango-dev/ui";import _e from"react";import{Chip as MS,styled as Fo,TextField as PS}from"@rango-dev/ui";var Ku=Fo("div",{paddingTop:"$5",padding:"$10 $5"}),Yu=Fo("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${PS}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Ju=Fo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),wr=Fo("div",{maxWidth:"280px",padding:"$10"}),Zu=Fo(MS,{width:"61px",flexShrink:0});import{i18n as Us}from"@lingui/core";import{Typography as $S}from"@rango-dev/ui";import Uo from"react";function Ru(){return Uo.createElement(wr,null,Uo.createElement($S,{variant:"label",size:"medium",color:"neutral700"},Us.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Uo.createElement("br",null),Uo.createElement("br",null),Uo.createElement("b",null,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(Ru,"SlippageTooltipContent");function Os(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=h();return _e.createElement(Ku,null,_e.createElement(Ju,null,_e.createElement(tm,{variant:"title",size:"xmedium"},em.t("Slippage tolerance per swap")),_e.createElement(_S,{direction:"horizontal",size:4}),_e.createElement(US,{container:L(),side:"top",sideOffset:4,content:_e.createElement(Ru,null)},_e.createElement(DS,{color:"gray"}))),_e.createElement(Yu,null,Fa.map((r,s)=>{let a=`slippage-${s}`;return _e.createElement(_e.Fragment,null,_e.createElement(Zu,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),_e.createElement(FS,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=r.target.value,a=parseFloat(s);a>=qa&&a<=za?n(a):n(null)},suffix:o&&_e.createElement(tm,{variant:"body",size:"small"},"%"),placeholder:em.t("Custom")})))}i(Os,"Slippage");function om(){let t=VS(),{theme:e}=h().config,o=h().fetchStatus,n=h().swappers(),r=h().disabledLiquiditySources,{config:{features:s}}=h(),a=Fe("theme",s),l=Fe("liquiditySource",s),p=Fe("language",s),c=h().infiniteApprove,u=h().toggleInfiniteApprove,g=pn(n,r),m=g.filter(A=>A.type==="BRIDGE"||A.type==="AGGREGATOR"),d=m.length,C=m.filter(A=>A.selected).length,y=g.filter(A=>A.type==="DEX"),f=y.length,S=y.filter(A=>A.selected).length,k=i((A,w)=>{switch(o){case"loading":return Z.createElement(GS,{variant:"text",size:"medium",width:50});case"failed":return Z.createElement(zt,{variant:"body",size:"medium",color:"$error500"},Ot.t("Loading failed"));default:return Z.createElement(zt,{variant:"body",size:"medium"},`${A} / ${w}`)}},"handleEndItem"),b={id:"bridge-item",title:Z.createElement(zt,{variant:"title",size:"xmedium"},Ot.t("Enabled bridges")),end:Z.createElement(Z.Fragment,null,k(C,d),Z.createElement(qs,{direction:"horizontal",size:8}),Z.createElement(zs,{color:"black"})),onClick:()=>t(P.bridges)},T={id:"exchange-item",title:Z.createElement(zt,{variant:"title",size:"xmedium"},Ot.t("Enabled exchanges")),end:Z.createElement(Z.Fragment,null,k(S,f),Z.createElement(qs,{direction:"horizontal",size:8}),Z.createElement(zs,{color:"gray"})),onClick:()=>t(P.exchanges)},x={id:"theme-item",title:Z.createElement(zt,{variant:"title",size:"xmedium"},Ot.t("Theme")),end:Z.createElement(zs,{color:"gray"}),onClick:()=>t(P.themes)},v={id:"infinite-approval-item",title:Z.createElement(Z.Fragment,null,Z.createElement(zt,{variant:"title",size:"xmedium"},Ot.t("Infinite approval")),Z.createElement(qs,{direction:"horizontal",size:4}),Z.createElement(QS,{side:"top",sideOffset:4,container:L(),content:Z.createElement(wr,null,Z.createElement(zt,{variant:"label",size:"medium",color:"neutral700"},Ot.t("Enabling the 'Infinite approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},Z.createElement(OS,{color:"gray"}))),end:Z.createElement(HS,{checked:c}),onClick:u},I=l?[]:[b,T];return!e?.singleTheme&&!a&&I.push(x),I.push(v),Z.createElement(ne,{header:{title:Ot.t("Settings")}},Z.createElement(re,null,Z.createElement(Os,null),Z.createElement(zS,{type:Z.createElement(qS,{title:"_",id:"_",onClick:()=>console.log()}),items:I})))}i(om,"SettingsPage");import{i18n as _C}from"@lingui/core";import{cancelSwap as DC}from"@rango-dev/queue-manager-rango-preset";import{useManager as FC}from"@rango-dev/queue-manager-react";import{Alert as UC}from"@rango-dev/ui";import na from"react";import{useParams as OC}from"react-router-dom";import{i18n as St}from"@lingui/core";import{getCurrentBlockchainOfOrNull as SC,getCurrentStep as CC,getRelatedWalletOrNull as TC}from"@rango-dev/queue-manager-rango-preset";import{Button as Nm,CopyIcon as kC,Divider as wC,IconButton as vC,LinkIcon as xC,QuoteCost as bC,StepDetails as IC,Typography as po,useCopyToClipboard as AC}from"@rango-dev/ui";import{useWallets as EC}from"@rango-dev/wallets-react";import Bm from"bignumber.js";import{PendingSwapNetworkStatus as Br}from"rango-types";import R,{useEffect as Mm,useRef as WC,useState as Pm}from"react";import{useNavigate as LC}from"react-router-dom";import{i18n as Lt}from"@lingui/core";var jS=[Lt.t("Sunday"),Lt.t("Monday"),Lt.t("Tuesday"),Lt.t("Wednesday"),Lt.t("Thursday"),Lt.t("Friday"),Lt.t("Saturday")];function nm(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Lt.t("Today"):`${jS[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(nm,"timeSince");function rm(t){return t.finishTime?nm(parseInt(t.finishTime)):nm(parseInt(t.creationTime))}i(rm,"getSwapDate");import{Modal as oC}from"@rango-dev/ui";import{PendingSwapNetworkStatus as br}from"rango-types";import Ir from"react";import{i18n as vr}from"@lingui/core";import{Button as im,Divider as Gs,MessageBox as XS,Typography as sm}from"@rango-dev/ui";import lt from"react";var am=i(({onCancel:t,onClose:e})=>lt.createElement(lt.Fragment,null,lt.createElement(Gs,{size:20}),lt.createElement(XS,{type:"error",title:vr.t("Cancel Swap"),description:vr.t("Are you sure you want to cancel this swap?")}),lt.createElement(Gs,{size:32}),lt.createElement(im,{variant:"contained",type:"primary",size:"large",onClick:t},lt.createElement(sm,{variant:"title",size:"medium",color:"neutral100"},vr.t("Yes, Cancel it"))),lt.createElement(Gs,{size:12}),lt.createElement(im,{variant:"outlined",type:"primary",size:"large",onClick:e},lt.createElement(sm,{variant:"title",size:"medium",color:"primary"},vr.t("No, Continue")))),"CancelContent");import{i18n as xr}from"@lingui/core";import{Button as lm,Divider as Hs,MessageBox as KS,Typography as pm}from"@rango-dev/ui";import pt from"react";var cm=i(({onDelete:t,onClose:e})=>pt.createElement(pt.Fragment,null,pt.createElement(Hs,{size:20}),pt.createElement(KS,{type:"error",title:xr.t("Delete Transaction"),description:xr.t("Are you sure you want to delete this swap?")}),pt.createElement(Hs,{size:32}),pt.createElement(lm,{variant:"contained",type:"primary",size:"large",onClick:t},pt.createElement(pm,{variant:"title",size:"medium",color:"neutral100"},xr.t("Yes, Delete it"))),pt.createElement(Hs,{size:12}),pt.createElement(lm,{variant:"outlined",type:"primary",size:"large",onClick:e},pt.createElement(pm,{variant:"title",size:"medium",color:"primary"},xr.t("No, Cancel")))),"DeleteContent");import{i18n as Qs}from"@lingui/core";import{PendingSwapNetworkStatus as Vs}from"rango-types";var js={[Vs.WaitingForNetworkChange]:{type:"loading",title:Qs.t("Change Network")},[Vs.WaitingForConnectingWallet]:{type:"warning",title:Qs.t("Connect Wallet")},[Vs.NetworkChanged]:{type:"success",title:Qs.t("Network Changed")}};import{MessageBox as JS,Wallet as ZS,WalletState as RS}from"@rango-dev/ui";import{useWallets as eC}from"@rango-dev/wallets-react";import Oo,{useEffect as mm,useRef as tC}from"react";import{styled as YS}from"@rango-dev/ui";var um=YS("div",{display:"flex",justifyContent:"center"});var dm=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c,disconnect:u}=eC(),g=n?.walletType,m=g?Or(c(g)):null,d=tC(!1),C=g?p(g):null,y=s&&!!g&&!!m&&!!C;return mm(()=>()=>{d.current=!0},[]),mm(()=>()=>{d.current&&g&&m===RS.CONNECTING&&u(g)},[m]),Oo.createElement(Oo.Fragment,null,Oo.createElement(JS,{type:e,title:o,description:r}),y&&Oo.createElement(um,null,Oo.createElement(ZS,{container:L(),title:C.name,image:C.img,type:g,state:m,link:C.installLink,disabled:a,onClick:async()=>l(g)})))},"WalletStateContent");function Xs(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 Ir.createElement(oC,{open:!!e,onClose:o,container:document.getElementById(be.SWAP_BOX_ID)||document.body},p&&Ir.createElement(dm,{type:js[e].type,title:js[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==br.WaitingForNetworkChange}),e==="delete"&&Ir.createElement(cm,{onClose:o,onDelete:n}),e==="cancel"&&Ir.createElement(am,{onClose:o,onCancel:r}))}i(Xs,"SwapDetailsModal");import{i18n as zo}from"@lingui/core";import{Button as Ks,Divider as Ar,MessageBox as fm,Modal as nC,TokenAmount as rC,Typography as Er}from"@rango-dev/ui";import ke from"react";import{useNavigate as iC}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:c,percentageChange:u,description:g,diagnosisUrl:m}=t,d=iC();return ke.createElement(nC,{open:e,onClose:o,container:document.getElementById(be.SWAP_BOX_ID)||document.body},n==="success"?ke.createElement(fm,{type:"success",title:zo.t("Swap Successful")},ke.createElement(rC,{direction:"vertical",tooltipContainer:L(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),ke.createElement(Ar,{size:12}),ke.createElement(Er,{variant:"body",size:"medium",color:"neutral700",align:"center"},g)):ke.createElement(fm,{type:"error",title:zo.t("Transaction Failed"),description:g}),ke.createElement(Ar,{size:32}),n==="success"&&ke.createElement(Ks,{variant:"contained",type:"primary",size:"large",onClick:()=>{d("../../")}},ke.createElement(Er,{variant:"title",size:"medium",color:"neutral100"},zo.t("Done"))),ke.createElement(Ar,{size:12}),m&&ke.createElement(ke.Fragment,null,ke.createElement(Ks,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},ke.createElement(Er,{variant:"title",size:"medium",color:"primary"},zo.t("Diagnosis"))),ke.createElement(Ar,{size:12})),ke.createElement(Ks,{variant:"outlined",type:"primary",size:"large",onClick:o},ke.createElement(Er,{variant:"title",size:"medium",color:"primary"},zo.t("See Details"))))}i(Ys,"SwapDetailsCompleteModal");import hC from"react";import{i18n as mC}from"@lingui/core";import{Alert as Tm,IconButton as dC,LinkIcon as fC}from"@rango-dev/ui";import Nt,{Fragment as gC}from"react";import{Alert as sC,ChevronDownIcon as aC,ChevronUpIcon as lC,IconButton as pC}from"@rango-dev/ui";import Wr,{useState as cC}from"react";function gm(t){let{message:e}=t,[o,n]=cC(!1);return Wr.createElement(sC,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Wr.createElement(pC,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Wr.createElement(lC,{size:12,color:"gray"}):Wr.createElement(aC,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(gm,"FailedAlert");import{styled as uC}from"@rango-dev/ui";var hm=uC("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as ym}from"@lingui/core";import{Alert as Js,Button as Sm}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Zs}from"rango-types";import qo from"react";function Cm(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?qo.createElement(Js,{type:"warning",title:n.shortMessage,action:qo.createElement(Sm,{size:"xxsmall",type:"warning",onClick:()=>{o(Zs.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},ym.t("Change"))}):r===Zs.WaitingForConnectingWallet?qo.createElement(Js,{type:"warning",title:n.shortMessage,action:qo.createElement(Sm,{size:"xxsmall",type:"warning",onClick:()=>{o(Zs.WaitingForConnectingWallet)}},ym.t("Connect"))}):qo.createElement(Js,{type:"warning",title:n.shortMessage})}i(Cm,"WarningAlert");function Rs(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=ho(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return Nt.createElement(hm,null,s.explorerUrl?.map((g,m,d)=>{let C=m+g.url,y=m===d.length-1,f=(y&&c||p)&&!u,S=y&&s.status==="failed";return Nt.createElement(gC,{key:C},Nt.createElement(Tm,{type:y&&(f&&"loading"||S&&"error")||"success",title:g.description?`${g.description} Tx`:mC.t("View transaction"),action:g.url&&Nt.createElement(dC,{variant:"ghost",size:"xsmall",onClick:()=>window.open(g.url,"_blank")},Nt.createElement(fC,{size:12}))}))}),u&&Nt.createElement(Tm,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Nt.createElement(Cm,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Nt.createElement(gm,{message:r}))}i(Rs,"SwapDetailsAlerts");var km=2e3;var wm=i(({swap:t,blockchains:e,swappers:o,...n})=>{let r=t.hasAlreadyProceededToSign!==!1;return t.steps.map((s,a)=>{let l=a===0?t.inputAmount:t.steps[a-1].outputAmount||t.steps[a-1].expectedOutputAmountHumanReadable;return{from:{token:{displayName:s.fromSymbol,image:s.fromLogo??""},chain:{displayName:Ue(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:E(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ue(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:E(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:go(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Ue(p.fromBlockchain,e)??""},to:{blockchain:Ue(p.toBlockchain,e)??""},swapper:{displayName:go(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:hC.createElement(Rs,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function vm(t){if(ho(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i(vm,"getStepState");import{css as Go,darkTheme as yC,styled as qt}from"@rango-dev/ui";var xm=qt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Lr=qt("div",{width:"100%"}),bm=qt(Co,{padding:"$0 $20 $20 $20"}),qD=qt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Im=qt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),GD=qt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),lo=Go({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${yC} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),Am=Go({padding:"$5 0"}),Nr=Go({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),Em=Go({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Wm=Go({width:"100%",padding:"0 $20 $10"}),Lm=qt("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}=EC(),p=h().blockchains(),c=h().swappers(),u=h().tokens(),g=Y.use.retry(),m=pe.use.isActiveTab(),d=LC(),[C,y]=AC(km),f=WC(null),[S,k]=Pm(null),[b,T]=Pm(null),x=i(()=>{r(),k(null)},"onCancel"),v=Pe.use.getUnreadNotifications(),I=Pe.use.setAsRead(),A=v(),w=CC(e),W=w?.networkStatus;Mm(()=>{A.find(Ct=>Ct.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(T(e.status),I(e.requestId))},[e.status]),Mm(()=>{ee?k(Br.WaitingForNetworkChange):W===Br.WaitingForConnectingWallet||W===Br.NetworkChanged?k(W):k(null)},[W]);let F=dl(e),Q=w?SC(e,w):null,V=w?TC(e,w):null,ue=rm(e),M=fl(e),q=i(Me=>!!l(Me)?.mobileWallet,"isMobileWallet"),ee=W===Br.WaitingForNetworkChange&&!!Q&&!!V?.walletType&&(q(V.walletType)||s(V.walletType,Q)),U=ee?a.bind(null,V.walletType,Q):void 0,De=ml(e,w),j=wm({swap:e,switchNetwork:U,showNetworkModal:W,setNetworkModal:k,message:De,blockchains:p,swappers:c}),J=j.length,[xe,Se]=[e.steps[0],e.steps[J-1]],Ce=Se.outputAmount||Se.expectedOutputAmountHumanReadable,ct=e.steps.reduce((Me,Ct)=>Me+parseFloat(Ct.feeInUsd||""),0),_=e.steps.find(Me=>Me.diagnosisUrl)?.diagnosisUrl,X=E(parseFloat(E(Ce,6,6))*(Se.toUsdPrice||0),4,4),G=E(parseFloat(e.inputAmount)*(xe.fromUsdPrice||0),4,4),le=Ce?se(new Bm(Ce).multipliedBy(Se.toUsdPrice||0)):"",ut=se(new Bm(e.inputAmount).multipliedBy(xe.fromUsdPrice||0)),Qe=Oe(G,X),Fr=e.status==="success"?St.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:E(Ce,6,6),token:j[J-1].to.token.displayName,conciseAddress:rn(e.wallets[j[J-1].to.chain.displayName]?.address||""),chain:j[J-1].to.chain.displayName}}):`${St.t("Transaction was not sent.")} ${F?St.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:F.outputAmount,symbol:F.symbol,blockchain:F.blockchain}}):""}`;return R.createElement(ne,{header:{title:St.t("Swap and Bridge"),onCancel:e.status==="running"?()=>k("cancel"):void 0,suffix:e.status!=="running"&&R.createElement(Jt,null,R.createElement(Nm,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>k("delete")},R.createElement(po,{size:"medium",variant:"label",color:"error"},St.t("Delete"))))},footer:M&&!b&&R.createElement(Nm,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{g(e,{blockchains:p,tokens:u}),setTimeout(()=>{d("../../")},0)}},St.t("Try again"))},R.createElement(re,{compact:!0,view:!0},R.createElement(Lr,null,R.createElement("div",{className:lo()},R.createElement(po,{variant:"label",size:"large",color:"neutral700"},`${St.t("Request ID")}:`),R.createElement("div",{className:Nr()},R.createElement(po,{variant:"label",size:"small",color:"neutral700"},o),R.createElement(vC,{variant:"ghost",onClick:y.bind(null,o||"")},R.createElement(kC,{size:16,color:"gray"})),R.createElement(Lm,{target:"_blank",href:`${ua}/swap/${o}`},R.createElement(xC,{size:16})))),R.createElement("div",{className:lo()},R.createElement(po,{variant:"label",size:"large",color:"neutral700"},`${St.t(e.finishTime?"Finished at":"Created at")}:`),R.createElement(po,{variant:"label",size:"small",color:"neutral700"},ue))),R.createElement("div",{className:Em()},R.createElement(bC,{fee:E(String(ct),2,2),time:Yo(Jo(e.steps)),steps:J}),R.createElement(Io,{from:{price:{value:E(e.inputAmount,6,6),usdValue:G,realUsdValue:ut,realValue:e.inputAmount},token:{displayName:j[0].from.token.displayName,image:j[0].from.token.image},chain:{image:j[0].from.chain.image,displayName:j[0].from.chain.displayName}},to:{price:{value:E(Ce,6,6),usdValue:X,realUsdValue:le,realValue:Ce},token:{displayName:j[J-1].to.token.displayName,image:j[J-1].to.token.image},chain:{image:j[J-1].to.chain.image,displayName:j[J-1].to.chain.displayName}},percentageChange:E(Qe,2,2),warningLevel:mt(Qe??0)})),R.createElement("div",{className:Wm()},R.createElement(po,{variant:"title",size:"small"},St.t("Swaps steps"))),R.createElement(wC,{size:8}),R.createElement(bm,{ref:f},j.map((Me,Ct)=>{let pa=Ct,co=vm(e.steps[Ct]),ed=co==="error"||co==="in-progress"||co==="warning"||co==="completed"&&Ct===j.length-1;return R.createElement(IC,{key:pa,step:Me,type:"swap-progress",ref:f,state:co,hasSeparator:Ct!==0,tabIndex:pa,isFocused:ed,tooltipContainer:L()})}))),R.createElement(Xs,{state:S,onClose:()=>k(null),onCancel:x,onDelete:n,message:De.detailedMessage.content,currentStepWallet:V,walletButtonDisabled:!m}),R.createElement(Ys,{open:!!b,diagnosisUrl:_,onClose:()=>T(null),status:e.status==="success"?"success":"failed",priceValue:E(Ce,6,6),usdValue:X,realUsdValue:le,realValue:se(Ce),percentageChange:E(Qe,2,2),token:{displayName:j[J-1].to.token.displayName,image:j[J-1].to.token.image},chain:{image:j[J-1].to.chain.image},description:Fr}))}i(ea,"SwapDetails");import{i18n as Pr}from"@lingui/core";import{Divider as Dm,NotFound as $C,Skeleton as Qo,Typography as $r}from"@rango-dev/ui";import ce from"react";import{i18n as NC}from"@lingui/core";import{Divider as BC,Skeleton as MC,Typography as PC}from"@rango-dev/ui";import de from"react";import{css as Re,styled as ta}from"@rango-dev/ui";var $m=ta("div",{width:"100%",height:"100%",padding:"$10 $20"}),Ho=ta("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Mr=ta("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),w1=Re({display:"flex",justifyContent:"space-between",alignItems:"center"}),v1=Re({display:"flex",justifyContent:"space-between",alignItems:"center"}),x1=Re({paddingTop:"$15",display:"flex"}),b1=Re({padding:"$15 $0"}),I1=Re({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),A1=Re({paddingBottom:"$10"}),E1=Re({display:"flex",justifyContent:"start",alignItems:"center"}),W1=Re({paddingTop:"$5",display:"flex",alignItems:"center"}),L1=Re({display:"flex",alignItems:"center"}),N1=Re({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),_m=Re({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function oa(){return de.createElement($m,null,de.createElement(Wo,{type:"swap-preview"}),de.createElement("div",{className:"swaps-steps"},de.createElement(PC,{variant:"title",size:"small"},NC.t("Swaps steps"))),de.createElement(de.Fragment,null,de.createElement(Ho,null,de.createElement(at,{separator:!1}),de.createElement("div",{className:_m()},de.createElement(BC,{direction:"horizontal",size:20}),de.createElement(MC,{height:22,variant:"rectangular"}))),de.createElement(Mr,null),de.createElement(Ho,null,de.createElement(at,{separator:!1})),de.createElement(Mr,null),de.createElement(Ho,null,de.createElement(at,{separator:!1})),de.createElement(Mr,null),de.createElement(Ho,null,de.createElement(at,{separator:!1}))))}i(oa,"LoadingSwapDetails");function Fm(t){let{requestId:e,showSkeleton:o}=t;return ce.createElement(ne,{header:{title:Pr.t("Swap and Bridge"),suffix:ce.createElement(Jt,null)}},o&&ce.createElement(xm,null,ce.createElement(Lr,null,ce.createElement("div",{className:lo()},ce.createElement($r,{variant:"label",size:"large",color:"neutral700"},`${Pr.t("Request ID")}:`),ce.createElement("div",{className:Nr()},ce.createElement($r,{variant:"label",size:"small",color:"neutral700"},ce.createElement(Qo,{width:60,height:10,variant:"rounded"})),ce.createElement(Dm,{direction:"horizontal",size:4}),ce.createElement(Qo,{width:16,height:16,variant:"rectangular"}),ce.createElement(Dm,{direction:"horizontal",size:4}),ce.createElement(Qo,{width:16,height:16,variant:"rectangular"}))),ce.createElement("div",{className:lo()},ce.createElement($r,{className:Am(),variant:"label",size:"large",color:"neutral700"},ce.createElement(Qo,{width:60,height:10,variant:"rounded"})),ce.createElement($r,{variant:"label",size:"small",color:"neutral700"},ce.createElement(Qo,{width:60,height:10,variant:"rounded"})))),ce.createElement(oa,null)),!o&&ce.createElement(Im,null,ce.createElement($C,{title:Pr.t("Not found"),description:Pr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Fm,"SwapDetailsPlaceholder");function Um(){let{manager:t,state:e}=FC(),o=!e.loadedFromPersistor,n=bt(t),{requestId:r}=OC(),s=xt(),{fetchStatus:a}=h();if(!r)return na.createElement(UC,{containerStyles:{margin:"20px"},type:"error",title:_C.t("The request ID is necessary to display the swap details.")});let l=o||a==="loading",p=r?n.find(({swap:m})=>m.requestId===r):void 0,c=i(()=>{if(p?.id){let m=t?.get(p.id);m&&DC(m)}},"onCancel"),u=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),g=p?.swap;return!g||l?na.createElement(Fm,{requestId:r,showSkeleton:l}):na.createElement(ea,{swap:g,requestId:r,onCancel:c,onDelete:u})}i(Um,"SwapDetailsPage");import{i18n as Vo}from"@lingui/core";import{AutoThemeIcon as zC,DarkModeIcon as qC,LightModeIcon as GC,List as HC,ListItemButton as QC,Radio as ra,RadioRoot as VC,Typography as ia}from"@rango-dev/ui";import Ne from"react";function Om(){let{setTheme:t,theme:e}=h(),o=[{id:"light",value:"light",title:Ne.createElement(ia,{variant:"title",size:"xmedium"},Vo.t("Light")),onClick:()=>t("light"),start:Ne.createElement(GC,{color:"gray"}),end:Ne.createElement(ra,{value:"light"})},{id:"dark",value:"dark",title:Ne.createElement(ia,{variant:"title",size:"xmedium"},Vo.t("Dark")),onClick:()=>t("dark"),start:Ne.createElement(qC,{color:"gray"}),end:Ne.createElement(ra,{value:"dark"})},{id:"auto",value:"auto",title:Ne.createElement(ia,{variant:"title",size:"xmedium"},Vo.t("Auto")),onClick:()=>t("auto"),start:Ne.createElement(zC,{color:"gray"}),end:Ne.createElement(ra,{value:"auto"})}];return Ne.createElement(ne,{header:{title:Vo.t("Theme")}},Ne.createElement(re,null,Ne.createElement(VC,{onValueChange:n=>t(n),value:e},Ne.createElement(HC,{type:Ne.createElement(QC,{title:Vo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Om,"ThemePage");function zm(){return wl(),pi(),jC([{path:P.home,element:Be.createElement(fu,null)},{path:P.fromSwap,children:[{index:!0,element:Be.createElement(Fs,{type:"source"})},{path:P.blockchains,element:Be.createElement(ks,{type:"source"})}]},{path:P.toSwap,children:[{index:!0,element:Be.createElement(Fs,{type:"destination"})},{path:P.blockchains,element:Be.createElement(ks,{type:"destination"})}]},{path:P.settings,children:[{index:!0,element:Be.createElement(om,null)},{path:P.themes,element:Be.createElement(Om,null)},{path:P.languages,element:Be.createElement(hu,null)},{path:P.exchanges,element:Be.createElement(ys,{sourceType:"Exchanges"})},{path:P.bridges,element:Be.createElement(ys,{sourceType:"Bridges"})}]},{path:P.swaps,children:[{index:!0,element:Be.createElement(au,null)},{path:P.swapDetails,element:Be.createElement(Um,null)}]},{path:P.wallets,element:Be.createElement(kp,null)},{path:P.confirmSwap,element:Be.createElement(Kc,null)}])}i(zm,"AppRoutes");import{isApprovalTX as XC,MainEvents as qm,RouteEventType as Gm,StepEventType as Hm,StepExecutionEventStatus as KC,useEvents as YC}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Qm}from"react";function Vm(){let t=h().tokens(),e=H.use.connectedWallets(),o=H.use.getWalletsDetails(),n=Pe.use.setNotification(),r=YC();return Qm(()=>(r.on(qm.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Hm.TX_EXECUTION&&a.status===KC.TX_SENT&&!XC(l)||a.type===Hm.SUCCEEDED){let u=e.find(m=>m.chain===l?.fromBlockchain),g=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);u&&o([u],t),g&&o([g],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),Qm(()=>(r.on(qm.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Gm.FAILED||a.type===Gm.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Vm,"WidgetEvents");import{globalCss as JC}from"@rango-dev/ui";var jm=i(()=>JC({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");import{styled as ZC}from"@rango-dev/ui";var Xm=ZC("div",{display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function _r(){jm();let{config:t}=h(),{activeTheme:e}=$n(t?.theme||{}),{activeLanguage:o}=io(),[n,r]=Km(""),[s,a]=Km(),l=eT(dn);return tT(()=>{Pe.persist.rehydrate(),l.onConnectWallet(r)},[]),jo.createElement(RC,{language:o},jo.createElement(Xm,{id:"swap-container",className:e()},jo.createElement(Vm,null),jo.createElement(Za,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},jo.createElement(zm,null))))}i(_r,"Main");import aa,{useMemo as CT}from"react";import{checkWaitingForNetworkChange as oT,makeQueueDefinition as nT}from"@rango-dev/queue-manager-rango-preset";import{Provider as rT}from"@rango-dev/queue-manager-react";import{useWallets as iT}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as sT}from"@rango-dev/wallets-shared";import{isEvmBlockchain as aT}from"rango-types";import lT,{useMemo as pT}from"react";function cT(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=iT(),l=pT(()=>nT({API_KEY:t.apiKey||Gt("API_KEY"),BASE_URL:Gt("BASE_URL")}),[t.apiKey]),p=h().blockchains(),u={blockchains:H.use.connectedWallets().map(b=>({accounts:[b],name:b.chain}))},g=i(async(b,T)=>{if(s(b,T))return r(b,T)},"switchNetwork"),m=i(b=>!!a(b).mobileWallet,"isMobileWallet"),d=p.filter(b=>b.enabled).reduce((b,T)=>(b[T.name]=T,b),{}),C=p.filter(aT),y=i(b=>{let{supportedChains:T}=a(b);return en(T)},"getSupportedChainNames"),f=e(),S={meta:{blockchains:d,evmBasedChains:C,evmNetworkChainInfo:sT(C),getSupportedChainNames:y},getSigners:o,wallets:u,providers:f,switchNetwork:g,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},k=pe.use.isActiveTab();return lT.createElement(rT,{queuesDefs:[l],context:S,onPersistedDataLoaded:b=>{oT(b)},isPaused:!k},t.children)}i(cT,"QueueManager");var Ym=cT;import{useManager as gT}from"@rango-dev/queue-manager-react";import hT,{createContext as yT,useContext as ST}from"react";import{cancelSwap as uT,getCurrentBlockchainOfOrNull as mT,getCurrentStep as dT,getRelatedWalletOrNull as fT}from"@rango-dev/queue-manager-rango-preset";var Xo=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return bt(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){return this.actions.retrySwap(e,o)}cancel(e){let o=this.manager?.get(e);o&&uT(o)}getCurrentStepInfo(e){let o=dT(e);return{step:o,wallet:o?fT(e,o):null,network:o?mT(e,o):null}}};i(Xo,"WidgetHistory");var Jm=yT(void 0);function sa(t){let{manager:e}=gT(),o=pe.use.isActiveTab(),n=Y.use.retry(),r=new Xo(e,{retrySwap:n}),s=H.use.connectedWallets(),a=H.use.loading(),l=ka(s),p=H.use.getWalletsDetails(),c=h().blockchains(),u=h().tokens(),g=h().swappers(),m=h().fetchStatus,d=io().resetLanguage,C=Pe().getUnreadNotifications(),y={isActiveTab:o,setCurrentTabAsActive:un,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:c,tokens:u,swappers:g,loadingStatus:m},resetLanguage:d,notifications:{list:C}};return hT.createElement(Jm.Provider,{value:y},t.children)}i(sa,"WidgetInfo");function Zm(){let t=ST(Jm);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Zm,"useWidget");function Dr(t){let{onUpdateState:e,config:o}=t;return CT(()=>{Aa({API_KEY:o?.apiKey||Ko,BASE_URL:o?.apiUrl||ca})},[o.apiKey,o.apiUrl]),aa.createElement(fn,{config:o,onUpdateState:e},aa.createElement(Ym,{apiKey:o.apiKey},aa.createElement(sa,null,t.children)))}i(Dr,"WidgetProvider");function Rm(t){return TT(()=>Ya,[]),t.config?.externalWallets?la.createElement(_r,null):la.createElement(Dr,{config:t.config??Qr},la.createElement(_r,null))}i(Rm,"Widget");export{sO as EventSeverity,aO as MainEvents,yO as Networks,TO as PendingSwapNetworkStatus,lO as RouteEventType,pO as StepEventType,cO as StepExecutionBlockedEventStatus,uO as StepExecutionEventStatus,be as UI_ID,gO as WalletEvents,SO as WalletTypes,Rm as Widget,Dr as WidgetProvider,fn as WidgetWallets,gi as customizedThemeTokens,fO as readAccountAddress,Wp as useWallets,Zm as useWidget,mO as useWidgetEvents};
1
+ var td=Object.defineProperty;var i=(t,e)=>td(t,"name",{value:e,configurable:!0});import{EventSeverity as aO,MainEvents as lO,RouteEventType as pO,StepEventType as cO,StepExecutionBlockedEventStatus as uO,StepExecutionEventStatus as mO,useEvents as dO}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as gO,useWallets as Wp,Events as hO}from"@rango-dev/wallets-react";import{Networks as SO,WalletTypes as CO}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as kO}from"rango-types";import{UI_ID as od}from"@rango-dev/ui";var Ko="c6381a79-2817-4602-83bf-6a641a409e32",ca="https://api.rango.exchange",ua="https://scan.rango.exchange",be={SWAP_BOX_ID:"rango-swap-box",...od};import{Events as Xr,Provider as Pd}from"@rango-dev/wallets-react";import{isEvmBlockchain as $d}from"rango-sdk";import mn,{createContext as _d,useEffect as Kr,useRef as Dd,useState as Fd}from"react";import{useEffect as Cd}from"react";import{create as hd}from"zustand";import{subscribeWithSelector as yd}from"zustand/middleware";import{RangoClient as fd}from"rango-sdk";import{WalletState as tt}from"@rango-dev/ui";import{readAccountAddress as id}from"@rango-dev/wallets-react";import{detectInstallLink as sd,getCosmosExperimentalChainInfo as ad,isEvmAddress as ld,KEPLR_COMPATIBLE_WALLETS as DT,Networks as ga}from"@rango-dev/wallets-shared";import Ur from"bignumber.js";import{isCosmosBlockchain as pd}from"rango-types";import nd from"bignumber.js";var Ie=new nd(0);import{WalletTypes as rd}from"@rango-dev/wallets-shared";var ma=[rd.LEAP];import{BigNumber as fa}from"bignumber.js";var Yo=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),E=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 Jo=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var et=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),uo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function se(t){return E(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(se,"formatTooltipNumbers");function Or(t){switch(!0){case t.connected:return tt.CONNECTED;case t.connecting:return tt.CONNECTING;case!t.installed:return tt.NOT_INSTALLED;default:return tt.DISCONNECTED}}i(Or,"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(u=>u.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=Or(t(r));return{title:s,image:a,link:sd(l),state:p,type:r}})}i(ha,"mapWalletTypesToWalletInfo");function en(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(en,"walletAndSupportedChainsNames");function ya(t,e,o,n,r){let s=[];function a(p,c){if(!!!s.find(g=>g.chain===p)){let g={address:c,chain:p,walletType:t};s.push(g)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:c,network:u}=id(p),g=l.length>0,m=l.includes(u),d=u===ga.Unknown;if(g&&!m&&!d)return;let y=u===ga.Unknown&&ld(c);if(d&&!y)return;o.includes(u)||y?r?a(u,c.toLowerCase()):l.filter(k=>o.includes(k)).forEach(k=>{a(k,c.toLowerCase())}):a(u,c)}),s}i(ya,"prepareAccountsForWalletStore");function Sa(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(Sa,"getRequiredChains");function tn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(tn,"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 Ur(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:ud(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=E(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new Ur(s?.amount||Ie).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ie)||Ie).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 ud=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),on=i((t,e)=>{let o=ad(Object.entries(t).map(([,n])=>n).filter(pd));return o&&o[e]?.experimental},"isExperimentalChain");function nn(t){return t?{...t,amount:E(t.amount,8,8),usdValue:E(t.usdValue,4,4)}:null}i(nn,"formatBalance");function md(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(md,"sortTokensByBalance");function dd(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(dd,"sortTokensByPinnedToken");function wa(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=dd(n,r,o);return l!==0?l:md(s,a)}),t}i(wa,"sortTokens");function Ae(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Ae,"areTokensEqual");function va(t){return t.sort((e,o)=>+(o.state===tt.CONNECTED)-+(e.state===tt.CONNECTED)||+(o.state===tt.DISCONNECTED||o.state===tt.CONNECTING)-+(e.state===tt.DISCONNECTED||e.state===tt.CONNECTING))}i(va,"sortWalletsBasedOnConnectionState");function rn(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}i(rn,"getConciseAddress");function xa({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(xa,"getAddress");function zr(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(zr,"createTokenHash");function sn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Ur(o?.usdPrice??Ie).multipliedBy(o?.amount).toString():""},r=o?zr({symbol:o.symbol,blockchain:o.chain,address:o.address}):null,s=r?e[r]:null;return r&&(!s||s&&s.amount<n.amount)&&(e[r]=n),e},{})}i(sn,"makeTokensBalance");var 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 qr={API_KEY:Ko};function Gt(t){return qr[t]||""}i(Gt,"getConfig");function Aa(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),qr=e,qr}i(Aa,"initConfig");var Ea=20,Wa=25,La="Roboto",Gr="theme-widget",mo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Ae(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Ae(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),Hr=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var an,Ht=i(()=>an||(an=new fd(Gt("API_KEY"),Gt("BASE_URL")),an),"httpService");var gd=i(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),Tt=gd;var Q=Tt(hd()(yd((t,e)=>({connectedWallets:[],balances:{},customDestination:"",loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!s.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(l=>l.selected&&l.walletType!==o).map(l=>l.chain),s=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:sn(s),connectedWallets:s}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let s=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>tn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await Ht().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(m=>{let d=o.find(y=>tn(y,m)),C=p.find(y=>y.address===m.address&&y.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:sn(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(g=>tn(g,u))?Ta(u):u);return{loading:!1,balances:sn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=zr(o);return n[r]??null}}))));import{allProviders as Sd}from"@rango-dev/provider-all";function ln(t,e){let o=Sd({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(ln,"matchAndGenerateProviders");function Na(t,e){return ln(t,e).map(r=>r.config.type)}i(Na,"configWalletsToWalletName");function Ba(t,e){let o=Q.use.clearConnectedWallet(),n=ln(void 0,e);return Cd(()=>{o(),n=ln(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Ba,"useWalletProviders");import Ad,{createContext as Ed,useContext as Wd,useEffect as Ld,useRef as Nd}from"react";import{create as bd}from"zustand";import{persist as Id}from"zustand/middleware";var Qr={apiKey:"",title:void 0,multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},Td={clientUrl:void 0},Ma=i((t,e,o)=>({config:{...Qr,...t},iframe:Td,updateConfig:n=>{let r=o().config;e({config:{...r,...n}})},updateIframe:(n,r)=>{let s=o().iframe;e({iframe:{...s,[n]:r}})}}),"createConfigSlice");function Qt(t){return Array.from(new Set(t))}i(Qt,"removeDuplicateFrom");function Vr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Vr,"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 Bt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Bt,"containsText");var L=i(()=>document.getElementById(be.SWAP_BOX_ID),"getContainer");function pn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Qt(t.map(s=>s.swapperGroup)).map(s=>{let a=t.find(l=>l.swapperGroup===s);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}i(pn,"getUniqueSwappersGroups");function $a(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i($a,"sortLiquiditySourcesByGroupTitle");function Fe(t,e){return e?.[t]==="hidden"}i(Fe,"isFeatureHidden");function cn(t,e){return e?.[t]==="enabled"}i(cn,"isFeatureEnabled");var _a=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(s.length>0&&!s.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??{},a=e().blockchains({type:o.type});return n.filter(p=>s&&mo(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(c=>c.name===p.blockchain)?!1:o.searchFor?!!(Bt(p.symbol,o.searchFor)||Bt(p.address||"",o.searchFor)||Bt(p.name||"",o.searchFor)):!0).sort((p,c)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(c,o.type)||p.isSecondaryCoin?1:c.isSecondaryCoin||!p.address&&c.address?-1:p.address&&!c.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Ae(a,o)),swappers:()=>{let{config:{enableNewLiquiditySources:o,liquiditySources:n}}=e();return e()._swappers.filter(a=>{let l=n?.includes(a.swapperGroup);return o||!n||n.length===0?!l:l}).sort($a)},fetch:async()=>{try{let o=await Ht().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],s=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,c)=>p.sort-c.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as kd,French as wd,Japanese as vd,Spanish as xd}from"@rango-dev/ui";var Da=[{title:"English",label:"English",local:"en",SVGFlag:kd},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:xd},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:wd},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:vd}],fo="en";var Fa=[.5,1,3],Ua=1,Oa=5,za=100,qa=0;var Ga=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:Ua,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,c=l<=10-1;return p&&c}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=Qt(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n}=o,r=Fe("theme",n),s=Fe("language",n),a=Fe("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:fo},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function Ha(t){return bd()(Id((...e)=>({..._a(...e),...Ga(...e),...Ma(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(Ha,"createAppStore");var Qa=Ed(null);function h(){let t=Wd(Qa);if(Ld(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(h,"useAppStore");function Va(t){let e=Nd();return e.current||(e.current=Ha(t.config)),Ad.createElement(Qa.Provider,{value:e.current},t.children)}i(Va,"AppStoreProvider");import{create as Md}from"zustand";var ja="rango-widget";var Vt=class{constructor(e){this.state="not-initiated";this.events={};this.forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};this.isClaimed=()=>this.state==="claimed";this.destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};this.handleMessageEvent=e=>{let o=e.data.name;switch(o){case"ping":this.claimedByCurrentTab(e.data.pingAt);break;case"pong":this.alreadyClaimedByAnotherTab();break;case"force-claim":this.forceRelease(e.data.candidateId);break;case"force-release":this.tabId===e.data.candidateId&&this.claim();break;default:throw new Error(`${o} is not supported.`)}};this.handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};this.handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};this.channel=new BroadcastChannel(ja),this.tabId=Math.trunc(Math.random()*1e5),this.events=e,this.initEvents(),this.tryClaim()}initEvents(){this.channel.addEventListener("message",this.handleMessageEvent),document.addEventListener("visibilitychange",this.handleVisibilityChange),document.addEventListener("resume",this.handleResume)}claimedByCurrentTab(e){let o=this.lastTryClaim&&this.lastTryClaim<e;if(this.isClaimed()||o){let n={name:"pong"};this.channel.postMessage(n);return}}alreadyClaimedByAnotherTab(){this.resetLastCheck()}async tryClaim(){return this.setLastCheck(),new Promise(e=>{setTimeout(()=>{this.check(),e()},300)})}check(){this.state==="not-initiated"&&this.events.onInit?.(),this.lastTryClaim?(this.claim(),this.resetLastCheck()):this.state="not-claimed"}claim(){this.state="claimed",this.events.onClaim?.()}setLastCheck(){this.lastTryClaim=Date.now();let e={name:"ping",pingAt:this.lastTryClaim};this.channel.postMessage(e)}resetLastCheck(){this.lastTryClaim=void 0}forceRelease(e){if(this.isClaimed()){this.state="not-claimed",this.events.onRelease?.();let o={name:"force-release",candidateId:e};this.channel.postMessage(o)}}};i(Vt,"TabManager");var pe=Tt(Md()((t,e)=>({isActiveTab:!1,tabManagerInitiated:!1,showActivateTabModal:!1,activateCurrentTab:(o,n)=>{let{showActivateTabModal:r}=e();!r&&n?t({showActivateTabModal:!0}):(r||!n)&&o()},setShowActivateTabModal:o=>{t({showActivateTabModal:o})}}))),Ka=new Vt({onInit:()=>pe.setState({tabManagerInitiated:!0}),onClaim:()=>pe.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>pe.setState({isActiveTab:!1})}),un=Ka.forceClaim,Ya=Ka.destroy;var dn=_d({onConnectWallet:()=>{}});function Ud(t){let{updateConfig:e,updateSettings:o,fetch:n}=h(),r=h().blockchains(),s=h().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=Fd([]),{providers:c}=Ba(t.config.wallets,a),{connectWallet:u,disconnectWallet:g}=Q(),m=Dd();Kr(()=>{n().catch(console.log)},[]),Kr(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let d=r.filter($d).map(f=>f.name),C=i((f,S,k,b,T)=>{if(S===Xr.ACCOUNTS)if(k){let x=en(T.supportedBlockchains),v=ya(f,k,d,x,T.isContractWallet);p(v)}else g(f);if(S===Xr.ACCOUNTS&&b.connected){let x=`${f}-${b.network}-${k}`;b.connected&&(m.current?m.current(x):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(S===Xr.NETWORK&&b.network){let x=`${f}-${b.network}`;m.current?m.current(x):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(f,S,k,b,T)},"onUpdateState"),y=pe.use.isActiveTab();return Kr(()=>{l.length&&u(l,s)},[l,s]),mn.createElement(dn.Provider,{value:{onConnectWallet:f=>{m.current=f}}},mn.createElement(Pd,{allBlockChains:r,providers:c,onUpdateState:C,autoConnect:!!y},t.children))}i(Ud,"Main");function fn(t){let{config:e,...o}=t;return mn.createElement(Va,{config:e},mn.createElement(Ud,{...o,config:e}))}i(fn,"WidgetWallets");import la,{useEffect as kT}from"react";import{I18nManager as eT}from"@rango-dev/ui";import jo,{useContext as tT,useEffect as oT,useState as Km}from"react";import{useQueueManager as Hd}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Qd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Vd}from"rango-types";import jd,{Fragment as Xd}from"react";import{MemoryRouter as Kd,useInRouterContext as Yd}from"react-router";import{useWallets as zd}from"@rango-dev/wallets-react";import{useEffect as qd,useRef as Gd}from"react";function Ja(){let{connect:t,state:e}=zd(),o=Gd({}),{fetchStatus:n}=h(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);qd(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(Ja,"useForceAutoConnect");function Za({children:t,...e}){let n=Yd()?Xd:Kd,r=h().blockchains(),{canSwitchNetworkTo:s}=Qd();Ja();let a=r.filter(Vd);return Hd({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),jd.createElement(n,null,t)}i(Za,"AppRouter");import Be from"react";import{useRoutes as XC}from"react-router-dom";var P={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{useEffect as Xt,useRef as vn}from"react";import vt from"bignumber.js";import{create as of}from"zustand";import{subscribeWithSelector as nf}from"zustand/middleware";import{getLastSuccessfulStep as tf}from"@rango-dev/queue-manager-rango-preset";import Cv from"bignumber.js";var kt=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(kt||{});function Ra(t,e){return e.find(o=>o.name===t)?.displayName}i(Ra,"getBlockchainDisplayNameFor");function Ue(t,e){return e.find(o=>o.name===t)?.shortName}i(Ue,"getBlockchainShortNameFor");function go(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(go,"getSwapperDisplayName");function Yr(t,e){return e.find(o=>Ae(o,t))??null}i(Yr,"findToken");function Jr(t,e){return e.find(o=>o.name===t)??null}i(Jr,"findBlockchain");import{i18n as Ve}from"@lingui/core";import Ee from"bignumber.js";import{PendingSwapNetworkStatus as Sn}from"rango-types";function gn(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(gn,"getRequiredWallets");function hn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(hn,"isValidAddress");import{i18n as we}from"@lingui/core";var K=i(()=>({genericServerError:we.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:we.t("Please reset your liquidity sources."),description:we.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:we.t("No Routes Found."),description:we.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:we.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:we.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:we.t("High Price Impact"),title:we.t("Price impact is too high!"),description:we.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:we.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:we.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:we.t("USD Price Unknown"),title:we.t("USD Price Unknown, Cannot calculate Price Impact."),description:we.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:we.t("Confirm USD Price Unknown")}}),"errorMessages");function el(t){switch(t.type){case 0:return t.diagnosisMessage??K().noResultError.title;case 1:return K().genericServerError;default:return""}}i(el,"getQuoteErrorMessage");import{i18n as yn}from"@lingui/core";var Mt=i(()=>({connectWallet:yn.t("Connect Wallet"),swap:yn.t("Swap"),swapAnyway:yn.t("Swap anyway"),ethWarning:yn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function tl(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Ee(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Ee(1e3)))??!1}i(tl,"hasHighValueLoss");function Zr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new Ee(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ee(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(Zr,"hasLimitError");function Rr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new Ee(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Ee(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||c?.lte(l.fromAmount):p?.gt(l.fromAmount)||c?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Ee(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ee(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Ve.t({id:"Required: >= {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Ve.t({id:"Required: > {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Ve.t({id:"Required: <= {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Ve.t({id:"Required: < {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Rr,"getLimitErrorMessage");function ol(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Mt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:Mt().swap,action:"confirm-swap",disabled:!0}:a?{title:Mt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Mt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Mt().swap,action:"confirm-swap",disabled:!1}:{title:Mt().connectWallet,action:"connect-wallet",disabled:!1}}i(ol,"getSwapButtonState");function ei(t,e,o){return!((!o||o.lte(Ie))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(ei,"canComputePriceImpact");function Jd(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(Jd,"requiredWallets");var Zd=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Rd(t,e){let o=Ie;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Zd(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Ee(r.amount).multipliedBy(s||0))}return o}i(Rd,"getUsdFeeOfStep");function Cn(t,e){return t.reduce((o,n)=>o.plus(Rd(n,e)),Ie)}i(Cn,"getTotalFeeInUsd");function ti(t){let e=Ie;return e=e.plus(new Ee(t.amount).multipliedBy(t.price||0)),e}i(ti,"getUsdFee");function nl(t){return t.reduce((e,o)=>e.plus(ti(o)),Ie)}i(nl,"getTotalFeesInUsd");function rl(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(rl,"getFeesGroup");function oi(t){let e=new Map;return t.result?.swaps.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(oi,"checkSlippageErrors");function il(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}i(il,"checkSlippageWarnings");function Tn(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(Tn,"getMinRequiredSlippage");function sl(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(sl,"hasProperSlippage");function kn(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:c,affiliateRef:u,affiliatePercent:g,affiliateWallets:m,initialQuote:d,destination:C}=t,y=s?.reduce((T,x)=>(T[x.chain]=x.address,T),{}),f=[];r?.forEach(T=>{let x=f.find(v=>v.blockchain===T.chain);x?x.addresses.push(T.address):f.push({blockchain:T.chain,addresses:[T.address]})});let S=!!d,k=Qt((d?.result?.swaps||[]).reduce((T,x)=>(T.push(x.from.blockchain,x.to.blockchain),x.internalSwaps&&Array.isArray(x.internalSwaps)&&x.internalSwaps.map(v=>{T.push(v.from.blockchain,v.to.blockchain)}),T),[]));return{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:g??void 0,affiliateWallets:m??void 0,checkPrerequisites:S,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:f,selectedWallets:y??{},slippage:c.toString(),...C&&{destination:C},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(T=>!a.includes(T)),swappersGroupsExclude:!1},...S&&{blockchains:k}}}i(kn,"createQuoteRequestBody");function al(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(al,"getWalletsForNewSwap");function jt(t){return t.result?.outputAmount||null}i(jt,"getQuoteOutputAmount");function ll(t,e){return new Ee(e).div(new Ee(t)).minus(1).multipliedBy(100).toNumber()}i(ll,"getPercentageChange");function pl(t,e){let o=jt(t),n=jt(e);if(!o||!n)return!1;let r=Oe(o,n);return r?r<=-1:!0}i(pl,"isOutputAmountChangedALot");function cl(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=>hl(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=E(new Ee(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=E(new Ee(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=Ve.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=Ve.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=Ve.t(" for input and network fee")),Ve.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:c,symbol:l,reason:u,currentAmount:p,blockchain:Ue(a.asset.blockchain,o)}})})}i(cl,"generateBalanceWarnings");function ul(t,e){return(t?new Ee(t):Ie).multipliedBy(e||0)}i(ul,"calcOutputUsdValue");function ho(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Sn.NetworkChanged}i(ho,"isNetworkStatusInWarningState");function ml(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),ho(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Sn.WaitingForConnectingWallet:n=n||Ve.t("Waiting for connecting wallet");break;case Sn.WaitingForQueue:n=n||Ve.t("Waiting for other running tasks to be finished");break;case Sn.WaitingForNetworkChange:n=n||Ve.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(ml,"getSwapMessages");function dl(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(dl,"getLastConvertedTokenInFailedSwap");function fl(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(fl,"shouldRetrySwap");function gl(t,e,o,n,r,s){return t||!e&&!Jd(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!hn(s,o)}i(gl,"confirmSwapDisabled");function Sl(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(Sl,"getQuoteToTokenUsdPrice");function ni(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(ni,"isNumberOfSwapsChanged");function ri(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!Vr(o,n)}i(ri,"isQuoteSwappersUpdated");function ii(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!Vr(o,n)}i(ii,"isQuoteInternalCoinsUpdated");function Cl(t,e){return ni(t,e)||ri(t,e)||ii(t,e)}i(Cl,"isQuoteChanged");function hl(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(hl,"getRequiredBalanceOfWallet");function mt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(mt,"getPriceImpactLevel");function Tl(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=tf(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Jr(s?s.toBlockchain:n.fromBlockchain,e),p=Jr(r.toBlockchain,e),c=Yr(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=Yr(a,o),g=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:g}}i(Tl,"createRetryQuote");function wn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Pt(o,t.requestAmount),l=Pt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let u=Oe(a.toString(),l.toString());if(!!u&&tl(a,u)){let m=Cn(t.result.swaps,r),d=mt(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:m,warningLevel:d}}}else if(t.result&&(!a||!l))return{type:1};let p=Tn(t),c=s>Oa;if(sl(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:il(t,s),minRequiredSlippage:p};return null}i(wn,"generateQuoteWarnings");function Oe(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:ll(t.toString(),e.toString());return n&&n<0?n:null}i(Oe,"getPriceImpact");var kl=i(t=>{let e=new Set,o=[];return t.forEach(n=>{e.has(n.from.chain.displayName)||(e.add(n.from.chain.displayName),o.push(n.from.chain)),e.has(n.to.chain.displayName)||(e.add(n.to.chain.displayName),o.push(n.to.chain))}),o},"getUniqueBlockchains");var Pt=i((t,e)=>t?.usdPrice?new vt(e||Ie).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),Y=Tt(of()(nf(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new vt(0),outputUsdValue:new vt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ie;return uo(o.inputAmount)?(e&&(n=e.result?.outputAmount?new vt(e.result?.outputAmount):null,r=ul(e.result?.outputAmount,Sl(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new vt(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{quote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:Pt(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{quote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new vt(0),outputUsdValue:new vt(0),quote:null},...!!o.fromToken&&{inputUsdValue:Pt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=Tl(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:Pt(a??null,c),outputUsdValue:new vt(0),toBlockchain:l,toToken:p,quote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Pt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:""}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function wl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=Y(),c=h().config,u=h().fetchStatus,g=h().blockchains(),m=h().tokens(),{setAffiliateRef:d,setAffiliatePercent:C,setAffiliateWallets:y}=h(),f=c?.from?.tokens,S=c?.from?.blockchains,k=c?.to?.tokens,b=c?.to?.blockchains,T=vn(void 0),x=vn(void 0),v=vn(void 0),I=vn(void 0);Xt(()=>{t(c?.amount?.toString()||"")},[c?.amount]),Xt(()=>{if(u==="success"){let A=g.find(W=>W.name===c?.from?.blockchain),w=m.find(W=>Ae(W,c?.from?.token||null));(A||!A&&v.current)&&n(A??null),w?r({token:w,meta:{blockchains:g,tokens:m}}):!w&&T.current&&r({token:null}),v.current=c?.from?.blockchain,T.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),Xt(()=>{mo(s,f)&&r({token:null}),Hr(l,S)&&n(null)},[f,S]),Xt(()=>{mo(a,k)&&r({token:null}),Hr(p,b)&&o(null)},[k,b]),Xt(()=>{if(u==="success"){let A=g.find(W=>W.name===c?.to?.blockchain),w=m.find(W=>Ae(W,c?.to?.token||null));(A||!A&&I.current)&&o(A??null),w?e({token:w,meta:{blockchains:g,tokens:m}}):!w&&x.current&&e({token:null}),I.current=c?.to?.blockchain,x.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),Xt(()=>{d(c?.affiliate?.ref??null),C(c?.affiliate?.percent??null),y(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(wl,"useSyncStoresWithConfig");import{useEffect as li}from"react";import{useInRouterContext as rf,useLocation as sf,useSearchParams as af}from"react-router-dom";function si(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(si,"searchParamToToken");function ai(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(ai,"tokenToSearchParam");function pi(){let t=sf(),[e,o]=af(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:g,setInputAmount:m}=Y(),d=h().fetchStatus,C=h().blockchains(),y=h().tokens(),f=rf(),{updateIframe:S}=h(),k=i(()=>{let T=e.get("fromAmount"),x=e.get("fromBlockchain"),v=e.get("fromToken"),I=e.get("toBlockchain"),A=e.get("toToken"),w=e.get("autoConnect"),W=e.get("clientUrl");return{fromAmount:T,fromBlockchain:x,fromToken:v,toBlockchain:I,toToken:A,autoConnect:w,clientUrl:W}},"getUrlSearchParams"),b=i(T=>{for(let x in T)T[x]||delete T[x];o(T,{replace:!0})},"updateUrlSearchParams");li(()=>{let{autoConnect:T,clientUrl:x}=k();f&&d==="success"&&b({["fromBlockchain"]:n?.name,["fromToken"]:ai(s),["toBlockchain"]:r?.name,["toToken"]:ai(a),["fromAmount"]:l,["autoConnect"]:T??void 0,["clientUrl"]:x??void 0})},[t.pathname,l,n,s,r,a]),li(()=>{if(!f)return;let T=k();if(T.fromAmount&&m(T.fromAmount),d==="success"){let x=C.find(w=>w.name===T.fromBlockchain),v=si(y,T.fromToken,x??null),I=C.find(w=>w.name===T.toBlockchain),A=si(y,T.toToken,I??null);x&&(p(x),v&&u({token:v,meta:{blockchains:C,tokens:y}})),I&&(c(I),A&&g({token:A,meta:{blockchains:C,tokens:y}}))}},[d]),li(()=>{let{clientUrl:T}=k();S("clientUrl",T||void 0)},[])}i(pi,"useSyncUrlAndStore");import{i18n as pr}from"@lingui/core";import{useManager as Xh}from"@rango-dev/queue-manager-react";import{Alert as jc,Button as Kh,css as is,Divider as rs,IconButton as Xc,SettingsIcon as Yh,styled as Jh,Tooltip as Zh,Typography as Rh,WalletIcon as ey}from"@rango-dev/ui";import ae,{useEffect as Bo,useLayoutEffect as ty,useRef as oy,useState as cr}from"react";import{flushSync as ny}from"react-dom";import{useLocation as ry,useNavigate as iy}from"react-router-dom";import{i18n as ot}from"@lingui/core";import{Alert as $i,BalanceErrors as Fg,Button as Lp,ChevronDownIcon as Ug,ChevronLeftIcon as Og,Divider as eo,MessageBox as zg,Modal as Np,Typography as Vn,WalletIcon as qg}from"@rango-dev/ui";import N,{useEffect as Gg,useState as _t}from"react";import{useNavigate as Hg}from"react-router-dom";import{i18n as xn}from"@lingui/core";function bn(t){switch(t.type){case 0:return xn.t("Route has been updated.");case 3:return xn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return xn.t("Route swappers has been updated.");case 2:return xn.t("Route internal coins has been updated.");default:return""}}i(bn,"getQuoteUpdateWarningMessage");import Wn,{useLayoutEffect as uf,useRef as mf}from"react";import*as Kt from"@radix-ui/react-collapsible";import{keyframes as vl,styled as In}from"@rango-dev/ui";var yo=300,pf=vl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),cf=vl({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),xl=In(Kt.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ci=In(Kt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),An=In(Kt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${pf} ${yo}ms ease-out`},false:{animation:`${cf} ${yo}ms ease-out`}}}}),En=In("div",{transition:`all ${yo}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Ln(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=mf(null);return uf(()=>{e&&p.current&&setTimeout(()=>{p?.current?.scrollIntoView({behavior:"smooth"})},yo)},[e]),Wn.createElement(xl,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&Wn.createElement(ci,{className:"collapsible_trigger",onClick:s},a),Wn.createElement(An,{className:"collapsible_content",open:e},r),l==="bottom"&&Wn.createElement(ci,{className:"collapsible_trigger",onClick:s},a))}i(Ln,"CustomCollapsible");import{Button as df,css as bl,darkTheme as Yt,IconButton as ff,styled as ze,TextField as gf}from"@rango-dev/ui";var Il=ze("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Al=ze("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),hf=ze("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Yt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Yt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Yt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),El=ze(hf,{alignSelf:"stretch",minHeight:"93px"}),Wl=ze("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Ll=ze(ff,{position:"absolute",left:"$20"}),Nl=ze("div",{paddingTop:"$20"}),Bl=bl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ml=ze("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),Pl=bl({paddingTop:"$5"}),$l=ze("div",{display:"flex"}),_l=ze(gf,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Dl=ze("div",{overflow:"visible",width:"100%"}),Fl=ze(df,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Yt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Yt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Yt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as Xe}from"@lingui/core";import{Button as Pg,Divider as Mi,Image as $g,MessageBox as Qn,Modal as bp,SelectableWallet as _g,Typography as Ip,WalletState as Ap}from"@rango-dev/ui";import ie,{useEffect as Ep,useState as ko}from"react";import{WalletState as ui}from"@rango-dev/ui";import{useWallets as yf}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Sf,WalletTypes as Nn}from"@rango-dev/wallets-shared";import{useCallback as Cf,useEffect as Ul,useRef as Tf,useState as kf}from"react";var wf=Object.values(Nn);function Bn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=yf(),{connectedWallets:c}=Q(),u=h().blockchains(),g=Tf(!1),m=Na(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||wf,d=ha(s,l,m,o),C=va(d),[y,f]=kf(""),S=i(v=>!c.find(I=>I.walletType===v&&I.chain===o),"isExperimentalChainNotAdded"),k=i(async v=>{let I=s(v);try{if(y&&f(""),I.connected)await a(v);else{let A=!!d.find(w=>w.state===ui.CONNECTED);if(!e?.multiWallets&&A)return;n?.(v),await p(v),r?.(v)}}catch(A){f("Error: "+A?.message)}},"handleClick"),b=Cf(()=>{let v=d?.filter(I=>I.state===ui.CONNECTING)||[];for(let I of v)a(I.type)},[Ia(d)]);Ul(()=>()=>{g.current=!0},[]),Ul(()=>()=>{g.current&&b()},[b]);let T=i(v=>v.filter(A=>A.state!=ui.NOT_INSTALLED&&![Nn.DEFAULT,Nn.WALLET_CONNECT_2].includes(A.type)&&l(A.type).supportedChains.filter(w=>w.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),x=i((v,I,A)=>on(A,I)&&S(v)&&!Sf.includes(v)||v==Nn.DEFAULT&&!T(d),"shouldExcludeWallet");return{list:C.filter(v=>!x(v.type,o??"",u)),error:y,handleClick:k,disconnectConnectingWallets:b}}i(Bn,"useWalletList");import{i18n as Sp}from"@lingui/core";import{styled as Tp,Typography as Ag,Wallet as Eg,WalletState as Wg}from"@rango-dev/ui";import Rt,{useState as Cp}from"react";import{useManager as hg}from"@rango-dev/queue-manager-react";import{BottomLogo as yg,Divider as cp,Header as Sg}from"@rango-dev/ui";import me,{useEffect as up,useRef as mp}from"react";import{useRef as vf}from"react";function Mn(){return window.self!==window.top}i(Mn,"isAppLoadedIntoIframe");function mi(){let t=vf(null),{iframe:e}=h(),o=Mn()&&e.clientUrl,n=i(a=>{o&&window.top?.postMessage(a,e.clientUrl)},"send");return{send:n,connectHeightObserver:i(a=>{t.current=new ResizeObserver(l=>{for(let p of l)n({type:"widget_height",data:{height:p.contentRect.height}})}),t.current.observe(a)},"connectHeightObserver"),disconnectHeightObserver:i(()=>{t.current&&(t.current.disconnect(),t.current=null)},"disconnectHeightObserver")}}i(mi,"useIframe");import{useNavigate as xf}from"react-router-dom";function xt(){let t=xf();return()=>t(-1)}i(xt,"useNavigateBack");import{createTheme as hi,darkTheme as Wf,lightTheme as Lf}from"@rango-dev/ui";import{useEffect as Gl,useState as Nf}from"react";import{theme as Af,darkColors as Ef}from"@rango-dev/ui";var Ol=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,c=(a.length<2?"0":"")+a,u=(l.length<2?"0":"")+l;return`#${p}${c}${u}`},"colorShade"),Pn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:Ol(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:Ol(e,-((l-5)*25))});return a},"generateRangeColors"),di=i((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let s in o){let a=o[s];if(a&&a!==t[s])if(n=!0,s==="background"||s==="foreground")r={...r,[s]:a};else if(s==="neutral"&&e){let l=Pn(s,a);r={...r,[`${s}100`]:l[`${s}900`],[`${s}200`]:l[`${s}800`],[`${s}300`]:l[`${s}700`],[`${s}400`]:l[`${s}600`],[`${s}500`]:l[`${s}500`],[`${s}600`]:l[`${s}400`],[`${s}700`]:l[`${s}300`],[`${s}800`]:l[`${s}200`],[`${s}900`]:l[`${s}100`]}}else r={...r,...Pn(s,a)}}return n?r:{}},"generateColors");var zl=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),bf=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=zl(o%52)+e;return zl(o%52)+e},"toAlphabeticName"),If=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),fi=i(t=>bf(If(5381,JSON.stringify(t))>>>0),"toHash");function gi(t){let e=Af.colors,o=di({...e,...Ef},!0,t?.dark),n=di(e,!1,t?.light),r=Object.keys(o).length>0,s=Object.keys(n).length>0,a,l;if(s){let p={colors:n};a={id:`${Gr}-light-${fi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${Gr}-dark-${fi(p)}`,tokens:p}}return{light:a,dark:l}}i(gi,"customizedThemeTokens");function ql(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(ql,"joinList");function $n(t){let{colors:e,fontFamily:o=La,borderRadius:n=Ea,secondaryBorderRadius:r=Wa,mode:s="auto"}=t,[a,l]=Nf("light"),{setTheme:p,theme:c}=h(),{dark:u,light:g}=gi(e),m=hi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[m.className,Lf.className],C=[m.className,Wf.className];if(g){let f=hi(g.id,g.tokens);d.push(f.className)}if(u){let f=hi(u.id,u.tokens);C.push(f.className)}return Gl(()=>{let f=i(S=>{S.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",f),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",f)}},[]),Gl(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let f=d.join(" "),S=C.join(" ");return c==="auto"?a==="dark"?S:f:c==="dark"?S:f},"getActiveTheme")}}i($n,"useTheme");var bt=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");import{i18n as Hl}from"@lingui/core";import{Alert as Bf,Button as Mf}from"@rango-dev/ui";import Ql from"react";function yi(t){return Ql.createElement(Bf,{action:Ql.createElement(Mf,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},Hl.t("Activate")),type:"warning",variant:"alarm",title:Hl.t("Another tab is open and handles transactions. You can activate this tab.")})}i(yi,"ActivateTabAlert");import{i18n as Si}from"@lingui/core";import{Button as Pf,Divider as $f,MessageBox as _f,Modal as Df}from"@rango-dev/ui";import _n from"react";function Ci(t){let{open:e,onClose:o,onConfirm:n}=t;return _n.createElement(Df,{open:e,dismissible:!0,onClose:o,container:L()},_n.createElement(_f,{title:Si.t("Activate current tab"),type:"warning",description:Si.t("Currently, some transactions are running and being handled by other browser tab. If you activate this tab, all transactions that are already in the transaction sign step will expire.")},_n.createElement($f,{size:20}),_n.createElement(Pf,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Si.t("Confirm"))))}i(Ci,"ActivateTabModal");import{ChevronLeftIcon as Of}from"@rango-dev/ui";import Kl from"react";import{darkTheme as Ff,IconButton as Uf,styled as So}from"@rango-dev/ui";var qe=So(Uf,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Vl=So("div",{position:"absolute",background:"$secondary500",[`.${Ff} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Jt=So("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),jl=So("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),Xl=So("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function Ti(t){return Kl.createElement(qe,{variant:"ghost",size:"small",onClick:t.onClick},Kl.createElement(Of,{color:"black",size:16}))}i(Ti,"BackButton");import{i18n as zf}from"@lingui/core";import{Button as qf,Typography as Gf}from"@rango-dev/ui";import ki from"react";function wi(t){return ki.createElement(Jt,null,ki.createElement(qf,{variant:"ghost",onClick:t.onClick,size:"xsmall"},ki.createElement(Gf,{variant:"label",size:"medium",color:"error500"},zf.t("Cancel"))))}i(wi,"CancelButton");import{i18n as Hf}from"@lingui/core";import{Tooltip as Qf,WalletIcon as Vf}from"@rango-dev/ui";import Dn from"react";function vi(t){return Dn.createElement(Qf,{container:t.container,side:"top",content:Hf.t("Connect Wallet")},Dn.createElement(qe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Dn.createElement(Vl,null),Dn.createElement(Vf,{size:18,color:"black"})))}i(vi,"WalletButton");import{i18n as zn}from"@lingui/core";import{NotificationsIcon as mg,Popover as dg,SettingsIcon as fg,Tooltip as qn,TransactionIcon as gg}from"@rango-dev/ui";import Te from"react";import{i18n as eg}from"@lingui/core";import{EventSeverity as tg}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as tp,ChevronRightIcon as og,ListItemButton as ng,Typography as rg}from"@rango-dev/ui";import je from"react";import{useNavigate as ig}from"react-router-dom";import{create as jf}from"zustand";import{persist as Xf,subscribeWithSelector as Kf}from"zustand/middleware";var Pe=Tt(jf()(Xf(Kf((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,address:r.fromSymbolAddress,symbol:r.fromSymbol},to:{blockchain:s.toBlockchain,address:s.toSymbolAddress,symbol:s.toSymbol}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{styled as Fn}from"@rango-dev/ui";var Yl=Fn("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),Jl=Fn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Zl=Fn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Rl=Fn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Yf}from"@lingui/core";import{Divider as Jf,NoNotificationIcon as Zf,Typography as Rf}from"@rango-dev/ui";import Un from"react";function ep(){return Un.createElement(Rl,null,Un.createElement(Zf,{color:"secondary",size:26}),Un.createElement(Jf,{size:12}),Un.createElement(Rf,{variant:"body",size:"medium",color:"neutral700"},Yf.t("There are no notifications.")))}i(ep,"NotificationNotFound");var sg=4;function xi(){let t=ig(),{getUnreadNotifications:e}=Pe(),o=e(),n=h().blockchains(),r=h().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,sg),a=i(l=>{t(`${P.swaps}/${l}`)},"handleOnClick");return je.createElement(Yl,null,s.length?je.createElement(Jl,null,s.map(l=>{let{route:p,requestId:c,event:u}=l,g=r.find(y=>Ae(y,p.from)),m=n.find(y=>y.name===p.from.blockchain),d=r.find(y=>Ae(y,p.to)),C=n.find(y=>y.name===p.to.blockchain);return je.createElement(ng,{key:c,onClick:()=>a(c),title:je.createElement(rg,{variant:"body",size:"small",color:u.messageSeverity===tg.WARNING?"$foreground":"$neutral700"},eg.t(u.message)),id:c,start:je.createElement(Zl,null,je.createElement("div",{className:"from-chain-token"},je.createElement(tp,{tokenImage:g?g.image:"",chainImage:m?m.logo:"",size:"small"})),je.createElement("div",{className:"to-chain-token"},je.createElement(tp,{tokenImage:d?d.image:"",chainImage:C?C.logo:"",size:"small"}))),end:je.createElement(og,{size:12,color:"gray"})})})):je.createElement(ep,null))}i(xi,"NotificationContent");import{RefreshProgressButton as ag}from"@rango-dev/ui";import bi,{useEffect as lg,useState as op}from"react";var pg=1e3,np=60,cg=100;function On({onClick:t}){let[e,o]=op(0),[n,r]=op(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");lg(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===np&&l()},pg):a(p),document.addEventListener("visibilitychange",()=>s(p)),()=>{document.removeEventListener("visibilitychange",()=>s(p)),p&&clearInterval(p)}},[e,t]);let a=i(p=>{p&&clearInterval(p),o(0)},"clearTimeout"),l=i(()=>{t?.(),o(0),r(!0)},"handleRefreshClick");return bi.createElement(qe,{variant:"ghost",size:"small",onClick:l,disabled:!t},bi.createElement(Xl,{onTransitionEnd:()=>r(!1),isRefetched:n},bi.createElement(ag,{size:24,color:t?"black":"gray",progress:e/np*cg})))}i(On,"RefreshButton");import{Typography as ug}from"@rango-dev/ui";import rp from"react";function ip(){let{getUnreadNotifications:t}=Pe(),e=t().length;return e?rp.createElement(jl,null,rp.createElement(ug,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(ip,"UnreadNotificationsBadge");function Ii(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n}=t,{config:{features:r}}=h(),s=Fe("notification",r);return Te.createElement(Te.Fragment,null,Te.createElement(qn,{container:L(),side:"top",content:zn.t("Refresh")},Te.createElement(On,{onClick:e})),!s&&Te.createElement(dg,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:L(),content:Te.createElement(xi,null)},Te.createElement("div",null,Te.createElement(qn,{container:L(),side:"top",content:zn.t("Notifications")},Te.createElement(qe,{size:"small",variant:"ghost"},Te.createElement(mg,{size:18,color:"black"}),Te.createElement(ip,null))))),Te.createElement(qn,{container:L(),side:"top",content:zn.t("Settings")},Te.createElement(qe,{size:"small",variant:"ghost",onClick:n},Te.createElement(fg,{size:18,color:"black"}))),Te.createElement(qn,{container:L(),side:"top",content:zn.t("Transactions History")},Te.createElement(qe,{size:"small",variant:"ghost",onClick:o},Te.createElement(gg,{size:18,color:"black"}))))}i(Ii,"HomeButtons");function Ai(t){let e=t.target;if(e){let o=e.scrollTop,n=L();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(Ai,"onScrollContentAttachStatusToContainer");import{styled as Ei}from"@rango-dev/ui";var sp="700px",ap=Ei("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",width:"100vw",minWidth:"300px",maxWidth:"390px",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",overflow:"hidden",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:sp},fixed:{height:sp}}}}),lp=Ei("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),pp=Ei("div",{"& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function ne(t){let{children:e,header:o,footer:n,hasLogo:r=!0,height:s="fixed"}=t,{connectHeightObserver:a,disconnectHeightObserver:l}=mi(),p=Q.use.connectedWallets(),{config:{features:c,theme:u}}=h(),{activeTheme:g}=$n(u||{}),m=Fe("connectWalletButton",c),{isActiveTab:d,tabManagerInitiated:C,showActivateTabModal:y,setShowActivateTabModal:f,activateCurrentTab:S}=pe(),k=xt(),{manager:b}=hg(),x=bt(b).map(({swap:F})=>F).some(F=>F.status==="running"),v=i(()=>S(un,x),"onActivateTab"),I=i(()=>{o.onWallet?.()},"onConnectWallet"),A=typeof o.hasBackButton>"u"||o.hasBackButton,w=mp(null),W=mp(null);return up(()=>(Mn()&&W.current&&a(W.current),()=>{l()}),[]),up(()=>(w.current?.addEventListener("scroll",Ai),()=>{w.current?.removeEventListener("scroll",Ai)}),[]),me.createElement(ap,{height:s,id:be.SWAP_BOX_ID,className:g(),ref:W},me.createElement(Sg,{prefix:me.createElement(me.Fragment,null,A&&me.createElement(Ti,{onClick:k})),title:o.title,suffix:me.createElement(me.Fragment,null,o.suffix,o.onWallet&&!m&&me.createElement(vi,{container:L(),onClick:I,isConnected:!!p?.length}),o.onCancel&&me.createElement(wi,{onClick:o.onCancel}))}),me.createElement(lp,{ref:w},e),me.createElement(Ci,{open:y,onClose:()=>f(!1),onConfirm:v}),(r||n)&&me.createElement(pp,null,me.createElement("div",{className:"footer__content"},n,C&&!d&&me.createElement(me.Fragment,null,me.createElement(cp,{size:12}),me.createElement(yi,{onActivateTab:v}))),me.createElement(cp,{size:12}),r&&me.createElement("div",{className:"footer__logo"},me.createElement(yg,null))))}i(ne,"Layout");import{styled as Cg}from"@rango-dev/ui";var dp="$20 $20 $10 $20",Co=Cg("div",{padding:dp,overflowY:"auto",flexGrow:1});import{styled as Tg}from"@rango-dev/ui";var re=Tg("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,Modal as Ig}from"@rango-dev/ui";import Li from"react";import{i18n as Zt}from"@lingui/core";import{Image as vg,MessageBox as Wi,WalletState as xg}from"@rango-dev/ui";import $t from"react";import{keyframes as kg,styled as Gn}from"@rango-dev/ui";var CA=Gn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),fp=Gn("div",{position:"relative"}),wg=kg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),gp=Gn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${wg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),hp=Gn("div",{"& img":{borderRadius:"50%"}});function yp(t){let{state:e,image:o,error:n}=t;return e===xg.CONNECTED?$t.createElement(Wi,{type:"success",title:Zt.t("Wallet Connected"),description:Zt.t("Your wallet is connected, you can use it to swap.")}):n?$t.createElement(Wi,{type:"error",title:Zt.t("Failed to Connect"),description:n||Zt.t("Your wallet is not connected. Please try again.")}):$t.createElement(Wi,{type:"loading",title:Zt.t("Connecting to your wallet"),description:Zt.t("Click connect in your wallet popup."),icon:$t.createElement(fp,null,$t.createElement(hp,null,$t.createElement(vg,{src:o,size:45})),$t.createElement(gp,null))})}i(yp,"ModalContent");function To(t){let{open:e,onClose:o,...n}=t;return Li.createElement(Ig,{open:e,onClose:o,container:document.getElementById(be.SWAP_BOX_ID)||document.body},Li.createElement(yp,{...n}),Li.createElement(bg,{direction:"vertical",size:32}))}i(To,"WalletModal");var Lg=Tp("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ng=Tp(re,{textAlign:"center"}),Hn=3e3,Ni=300;function kp(){let{config:t,fetchStatus:e}=h(),[o,n]=Cp(!1),[r,s]=Cp(""),a=null,l=pe.use.isActiveTab(),{list:p,handleClick:c,error:u,disconnectConnectingWallets:g}=Bn({config:t,onBeforeConnect:f=>{a=setTimeout(()=>{n(!0),s(f)},Ni)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Hn)}}),m=i(()=>{g(),n(!1)},"handleCloseWalletModal"),d=p.find(f=>f.type===r),C=d?.image||"",y=d?.state||Wg.NOT_INSTALLED;return Rt.createElement(ne,{header:{title:Sp.t("Connect Wallets")}},Rt.createElement(Ng,null,Rt.createElement(Ag,{variant:"title",size:"xmedium",align:"center"},Sp.t("Choose a wallet to connect.")),Rt.createElement(Lg,null,p.map((f,S)=>{let k=`wallet-${S}-${f.type}`;return Rt.createElement(Eg,{key:k,...f,container:L(),onClick:b=>{c(b)},isLoading:e==="loading",disabled:!l})}),Rt.createElement(To,{open:!!o,onClose:m,image:C,state:y,error:u}))))}i(kp,"WalletsPage");import{keyframes as Bg,styled as Bi}from"@rango-dev/ui";var wp=Bi("div",{position:"relative"}),Mg=Bg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),vp=Bi("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Mg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),xp=Bi("div",{"& img":{borderRadius:"50%"}});var Dg=7;function Pi(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=h(),l=pe.use.isActiveTab(),p=Q.use.connectedWallets(),{blockchains:c}=h(),[u,g]=ko(""),[m,d]=ko(null),[C,y]=ko(!1),[f,S]=ko(null),{suggestAndConnect:k}=Wp(),b=null,{list:T,error:x,handleClick:v,disconnectConnectingWallets:I}=Bn({config:a,chain:e,onBeforeConnect:M=>{b=setTimeout(()=>{g(M)},Ni)},onConnect:()=>{b&&clearTimeout(b),setTimeout(()=>{g("")},Hn)}}),[A,w]=ko(T),W=T.length,F=r&&W-r>0,q=i(async M=>{y(!1),S("in-progress");try{await k(M.walletType,M.chain),S("completed")}catch{S("rejected")}},"addExperimentalChain");Ep(()=>{w(M=>{let G=T.findIndex(ee=>o(ee.type,e));return F&&G>1?[T[G]].concat(T.filter((ee,U)=>U!==G)):M.map(ee=>T.find(U=>U.type===ee.type)??ee)})},[JSON.stringify(T)]);let V=document.getElementById(be.SWAP_BOX_ID);Ep(()=>{let M=null;return(f==="completed"||f==="rejected")&&(M=setTimeout(()=>S(null),Hn)),()=>{M&&clearTimeout(M)}},[f]);let ue=i(()=>{I(),g("")},"handleCloseWalletModal");return ie.createElement(ie.Fragment,null,A.slice(0,r).map(M=>{let G=xa({connectedWallets:p,walletType:M.type,chain:e}),ee=G?rn(G,Dg):"",U=on(c(),e),De=!p.find(Ce=>Ce.walletType===M.type&&Ce.chain===e),j=U&&De&&M.state===Ap.CONNECTED,J=j?Xe.t({id:"Add {chain} chain",values:{chain:e}}):ee,xe=i(()=>{M.state===Ap.DISCONNECTED?v(M.type):j?(d({walletType:M.type,chain:e,address:G??""}),y(!0)):n({walletType:M.type,chain:e,address:G??""})},"onClick"),Se=m?.chain?Ra(m.chain,c()):void 0;return ie.createElement(ie.Fragment,null,ie.createElement(To,{open:u===M.type,onClose:ue,image:M.image,state:M.state,error:x}),!!m&&ie.createElement(bp,{open:!!m&&C,container:V,onClose:()=>{d(null)}},ie.createElement(Qn,{title:Xe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Se}}),type:"warning",description:Xe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Se}})},ie.createElement(Mi,{size:18}),ie.createElement(Mi,{size:32}),ie.createElement(Pg,{onClick:q.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Xe.t("Confirm")))),f&&ie.createElement(bp,{open:!!f,onClose:S.bind(null,null),container:V},f==="in-progress"&&ie.createElement(Qn,{type:"loading",title:Xe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Se}}),description:Xe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Se}}),icon:ie.createElement(wp,null,ie.createElement(xp,null,ie.createElement($g,{src:M.image,size:45})),ie.createElement(vp,null))}),f==="completed"&&ie.createElement(Qn,{type:"success",title:Xe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Se}}),description:Xe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Se}})}),f==="rejected"&&ie.createElement(Qn,{type:"error",title:Xe.t("Request Rejected"),description:Xe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Se}})}),ie.createElement(Mi,{direction:"vertical",size:32})),ie.createElement(_g,{key:M.type,description:J,onClick:xe,selected:o(M.type,e),disabled:!l,...M}))}),F&&ie.createElement(El,{selected:!1,onClick:s},ie.createElement(Ip,{variant:"label",size:"medium"},Xe.t("Show more wallets"),ie.createElement(Ip,{variant:"label",size:"medium",color:"$primary"},"\xA0+",W-(r??0)))))}i(Pi,"WalletList");var Qg=2;function Bp(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=h().config,l=h().blockchains(),{quote:p,setSelectedWallets:c,quoteWalletsConfirmed:u,setQuoteWalletConfirmed:g,customDestination:m,setCustomDestination:d}=Y(),{connectedWallets:C,selectWallets:y}=Q(),[f,S]=_t(""),[k,b]=_t([]),[T,x]=_t(""),[v,I]=_t(null),[A,w]=_t(m),[W,F]=_t(!!m),q=gn(p),V=l.find(_=>_.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),ue=i(_=>!!p?.result?.swaps.find(X=>X.from.blockchain===_),"isWalletRequiredFor"),[M,G]=_t(C.filter(_=>_.selected&&q.includes(_.chain))),ee=l.find(_=>_.name===V?.name),U=i((_,X)=>!!M.find(H=>H.walletType===_&&H.chain===X&&H.selected&&(ue(X)||!ue(X)&&!A)),"isSelected"),De=!!A&&W&&ee&&!hn(ee,A),j=i(()=>{F(!1),w(""),G(_=>{let X=!1;return _.map(H=>!X&&H.chain===V?.name?(X=!0,{...H,selected:!0}):H)})},"resetCustomDestination"),J=i(_=>{if(f&&S(""),U(_.walletType,_.chain))return;let H=C.find(le=>le.walletType===_.walletType&&le.chain===_.chain);H&&(n(),_.chain===V?.name&&W&&(F(!1),w("")),G(le=>le.filter(ut=>ut.chain!==_.chain).concat({...H,selected:!0})))},"onChange"),xe=i(()=>{let _=M.filter(X=>X.selected);y(_),c(_),d(A),g(!0),o()},"onConfirmBalance"),Se=i(async()=>{b([]),x(""),I(null);let _=C.filter(le=>M.find(ut=>ut.chain===le.chain&&ut.walletType===le.walletType)),X=await r?.({selectedWallets:_,customDestination:A}),H=X.warnings;H?.balance?.messages&&b(H.balance.messages),H?.quoteUpdate&&I(H.quoteUpdate),X.error&&x(el(X.error)),!X.error&&(!H?.balance?.messages.length||0>0)?xe():b(H?.balance?.messages??[])},"onConfirmWallets");Gg(()=>{G(_=>_.concat(C.filter(X=>!!!_.find(le=>le.chain===X.chain)&&X.selected&&q.includes(X.chain))))},[C.length]);let Ce=document.getElementById(be.SWAP_BOX_ID),ct=Hg();return N.createElement(Np,{open:e,onClose:()=>{u||ct("../",{replace:!0}),o()},dismissible:!f,container:Ce,...!f&&{footer:N.createElement($l,null,N.createElement(Lp,{loading:s,disabled:gl(s,W,A,p,M,V),onClick:Se,variant:"contained",type:"primary",fullWidth:!0,size:"large"},ot.t("Confirm")))},...f&&{containerStyle:{padding:"$0"},header:N.createElement(Wl,null,N.createElement(Ll,{variant:"ghost",onClick:S.bind(null,"")},N.createElement(Og,{size:16})),N.createElement(Vn,{variant:"headline",size:"small"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ue(f,l)}})))},anchor:"center"},N.createElement(Np,{open:k.length>0,onClose:b.bind(null,[]),container:Ce},N.createElement(zg,{title:ot.t("Insufficient account balance"),type:"error",description:N.createElement(Fg,{messages:k??[]})},N.createElement(Lp,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:xe},ot.t("Proceed anyway")))),f&&N.createElement(Nl,null,N.createElement("div",{className:Bl()},N.createElement(Pi,{chain:f,isSelected:U,selectWallet:J,onShowMore:S.bind(null,f)}))),!f&&N.createElement(N.Fragment,null,T&&N.createElement(N.Fragment,null,N.createElement($i,{variant:"alarm",type:"error",title:ot.t(T)}),N.createElement(eo,{size:12})),v&&N.createElement(N.Fragment,null,N.createElement($i,{variant:"alarm",type:"warning",title:bn(v)}),N.createElement(eo,{size:12})),N.createElement(Dl,null,q.map((_,X)=>{let H=l.find(Qe=>Qe.name===_),le=`wallet-${X}`,ut=X===q.length-1;return N.createElement("div",{key:le},N.createElement(Il,null,N.createElement(Vn,{variant:"title",size:"xmedium"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:H?.shortName}})),N.createElement(Vn,{variant:"label",color:"$neutral700",size:"medium"},ot.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:H?.shortName}}))),N.createElement(eo,{size:24}),N.createElement(Al,null,N.createElement(Pi,{chain:_,isSelected:U,selectWallet:J,limit:Qg,onShowMore:()=>S(H?.name??"")})),!ut&&N.createElement(eo,{size:32}),ut&&a?.customDestination&&N.createElement(Ml,null,N.createElement(Ln,{onOpenChange:Qe=>{Qe?ue(V?.name??"")||G(Fr=>Fr.map(Me=>Me.chain===V?.name?{...Me,selected:!1}:Me)):j()},hasSelected:!0,open:W,triggerAnchor:"top",trigger:N.createElement(Fl,{fullWidth:!0,variant:"default",suffix:N.createElement(En,{orientation:W?"up":"down"},N.createElement(Ug,{size:10,color:"gray"}))},N.createElement("div",{className:"button__content"},N.createElement(qg,{size:18,color:"info"}),N.createElement(eo,{size:4,direction:"horizontal"}),N.createElement(Vn,{variant:"label",size:"medium"},ot.t("Send to a different address")))),onClickTrigger:()=>F(Qe=>!Qe)},N.createElement(eo,{size:4}),N.createElement(_l,{autoFocus:!0,placeholder:ot.t("Your destination address"),value:A,onChange:Qe=>{w(Qe.target.value)}})),De&&N.createElement("div",{className:Pl()},N.createElement($i,{variant:"alarm",type:"error",title:ot.t({values:{destination:A},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Bp,"ConfirmWalletsModal");import{i18n as uh}from"@lingui/core";import{Alert as mh,Button as dh,InfoIcon as fh}from"@rango-dev/ui";import $e from"react";import{Alert as Vg,Button as jg,Divider as Fp,NoRouteIcon as Xg,RefreshIcon as Kg,Typography as Up}from"@rango-dev/ui";import Ke from"react";import{i18n as Mp}from"@lingui/core";function Pp(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:K().genericServerError,action:{onClick:n,title:Mp.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:K().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Mp.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(Pp,"makeInfo");import{styled as _i}from"@rango-dev/ui";var $p=_i("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),_p=_i("div",{width:"100%"}),Dp=_i("div",{padding:"$6 $0"});function Di(t){let{fetch:e,error:o}=t,n=h().disabledLiquiditySources,r=h().toggleAllLiquiditySources,s=h().swappers(),a=Pp(o,n,()=>r(s,!0),e);return Ke.createElement($p,null,Ke.createElement(Xg,{size:24,color:"gray"}),Ke.createElement(Fp,{size:4}),Ke.createElement(Up,{variant:"title",size:"small"},K().noResultError.title),!!a.description&&Ke.createElement(Up,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Ke.createElement(Fp,{size:4}),!!a.alert&&Ke.createElement(_p,null,Ke.createElement(Vg,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Ke.createElement(jg,{size:"xsmall",type:a.alert.type,prefix:Ke.createElement(Dp,null,Ke.createElement(Kg,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Di,"NoResult");import{i18n as wo}from"@lingui/core";import{Button as Jg,Divider as Qp,MessageBox as Zg,Modal as Rg,Typography as eh,WarningIcon as th}from"@rango-dev/ui";import nt from"react";import{Typography as Gp}from"@rango-dev/ui";import Ui from"react";import{darkTheme as Yg,styled as jn}from"@rango-dev/ui";var Op=jn("div",{width:"100%"}),Fi=jn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),zp=jn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Yg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),qp=jn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Hp(t){let{title:e,value:o,valueColor:n}=t;return Ui.createElement(zp,null,Ui.createElement(Gp,{size:"medium",variant:"label",className:"_title"},e),Ui.createElement(Gp,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Hp,"QuoteErrorsModalItem");function Vp(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:E(r.inputUsdValue,4,4)},{title:wo.t("Gas cost"),value:E(r.totalFee,2,2)},{title:wo.t("Receiving"),value:E(r.outputUsdValue,4,4)},{title:wo.t("Price impact"),value:E(r.priceImpact,2,2),valueColor:`${a}500`}];return nt.createElement(Rg,{open:e,onClose:o,container:L()},nt.createElement(Zg,{type:a,title:K().highValueLossError.impactTitle,description:K().highValueLossError.description}),nt.createElement(Fi,null,nt.createElement(Qp,{size:20}),nt.createElement(eh,{size:"small",variant:"title"},wo.t("Details")),nt.createElement(Fi,null,l.map((p,c)=>nt.createElement(Hp,{key:c,...p})))),nt.createElement(Qp,{size:32}),nt.createElement(Jg,{type:"primary",size:"large",prefix:nt.createElement(th,null),fullWidth:!0,disabled:s,onClick:n},K().highValueLossError.confirmMessage))}i(Vp,"HighValueLossWarningModal");import{i18n as Oi}from"@lingui/core";function jp(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(mt(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=K().highValueLossError.title),t.type===1&&(o.title=K().unknownPriceError.title),t.type===2&&(o.title=Oi.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:t.minRequiredSlippage}}),o.action="change-settings"),t.type===3&&(o.title=Oi.t("Caution, your slippage is high.")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action="show-info"),e.type===4&&(o.title=Oi.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):null}i(jp,"makeAlerts");import{i18n as no}from"@lingui/core";import{Button as Xp,Divider as Kp,MessageBox as oh,Modal as nh,Typography as rh}from"@rango-dev/ui";import Dt from"react";import{useNavigate as ih}from"react-router-dom";function Yp(t){let{customSlippage:e,slippage:o}=h(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=ih(),c=e??o;return Dt.createElement(nh,{anchor:"bottom",open:n,prefix:Dt.createElement(Xp,{size:"small",variant:"ghost",onClick:()=>p("../"+P.settings)},Dt.createElement(rh,{variant:"label",size:"medium",color:"$neutral900"},no.t("Change settings"))),container:L(),onClose:r},Dt.createElement(oh,{type:"warning",title:a.type===3?no.t("High slippage"):no.t("Low slippage"),description:a.type===3?no.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:c}}):no.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Dt.createElement(Kp,{size:18}),Dt.createElement(Kp,{size:32}),Dt.createElement(Xp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},no.t("Confirm anyway"))))}i(Yp,"SlippageWarningModal");import{Button as sh,Divider as ah,MessageBox as lh,Modal as ph,WarningIcon as ch}from"@rango-dev/ui";import vo from"react";function Jp(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return vo.createElement(ph,{open:e,onClose:o,container:L()},vo.createElement(lh,{type:"warning",title:K().unknownPriceError.impactTitle,description:K().unknownPriceError.description}),vo.createElement(ah,{size:32}),vo.createElement(sh,{type:"primary",size:"large",prefix:vo.createElement(ch,null),fullWidth:!0,disabled:r,onClick:n},K().unknownPriceError.confirmMessage))}i(Jp,"UnknownPriceWarningModal");function xo(t){let{warning:e,error:o,showWarningModal:n,confirmationDisabled:r,refetchQuote:s,onOpenWarningModal:a,onCloseWarningModal:l,onConfirmWarningModal:p,onChangeSettings:c}=t,u={confirmationDisabled:r,open:n,onClose:l,onConfirm:p},g=o?.type===0||o?.type===1,m=jp(e,o?.type===3||o?.type===4?o:null);return $e.createElement($e.Fragment,null,g&&$e.createElement(Di,{error:o,fetch:s}),!!m&&$e.createElement(Op,null,$e.createElement(mh,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:$e.createElement(qp,{onClick:a},$e.createElement(fh,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:$e.createElement(dh,{size:"xxsmall",type:m.alertType,onClick:c},uh.t("Change"))}})),e&&$e.createElement($e.Fragment,null,e.type===0&&$e.createElement(Vp,{...u,warning:e}),(e.type===3||e.type===2)&&$e.createElement(Yp,{...u,warning:e}),e.type===1&&$e.createElement(Jp,{...u,warning:e})))}i(xo,"QuoteWarningsAndErrors");import ir from"react";import{i18n as Ji}from"@lingui/core";import{Alert as Ph,Divider as Zi,InfoIcon as $h,StepDetails as _h,TokenAmount as Dh,Tooltip as vc,Typography as Eo}from"@rango-dev/ui";import xc from"bignumber.js";import D,{useLayoutEffect as Fh,useRef as bc,useState as Uh}from"react";import{styled as zi}from"@rango-dev/ui";var qi=zi("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Zp=zi("div",{paddingBottom:"$15"}),Rp=zi("div",{width:"100%",display:"flex"});import*as Xn from"@radix-ui/react-collapsible";import{css as Kn,darkTheme as rt,Image as ec,styled as Ge,Typography as gh}from"@rango-dev/ui";var Gi=300,tc=Ge(Xn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${rt} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${rt} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}}}),oc=Kn({padding:"$10 $15"}),nc=Ge("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",cursor:"pointer",boxSizing:"border-box",position:"relative",variants:{recommended:{true:{$$color:"$colors$info100",[`.${rt} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${rt} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{},false:{}}},compoundVariants:[{listItem:!0,recommended:!0,css:{"&:hover":{$$color:"$colors$secondary200",[`.${rt} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${rt} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}]}),rc=Kn({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),ro=Kn({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),ic=Kn({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${rt} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),sc=Ge(Xn.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${ec}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${ec}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${rt} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${rt} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),ac=Ge("div",{width:"18px",height:"18px",borderRadius:"100%",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",img:{borderRadius:"100%"},variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),lc=Ge(An,{width:"100%",background:"inherit"}),Hi=Ge("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Gi}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),J0=Ge("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),pc=Ge("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${rt} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),cc=Ge("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Qi=Ge(gh,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),uc=Ge("div",{display:"flex",flexWrap:"wrap"}),Vi=Ge("div",{width:"18px",height:"18px",borderRadius:"100%",backgroundColor:"$background",cursor:"default",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}});import{i18n as Et}from"@lingui/core";import{ChevronDownIcon as yh,CloseIcon as Sh,Divider as Zn,IconButton as Ch,Modal as Th,QuoteCost as kh,Tooltip as wh,Typography as Ye}from"@rango-dev/ui";import vh from"bignumber.js";import O,{useState as gc}from"react";import{i18n as bo}from"@lingui/core";var ji={"Network Fee":bo.t("Network Fee"),"Swapper Fee":bo.t("Protocol Fee"),"Affiliate Fee":bo.t("Affiliate Fee"),"Outbound network fee":bo.t("Outbound Fee"),"Rango Fee":bo.t("Rango Fee")};import{css as hh,styled as Yn}from"@rango-dev/ui";var Jn=Yn("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),Xi=Yn("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),mc=Yn("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),dc=Yn("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),fc=hh({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var xh=30,bh=i(t=>t.fee.isZero()?null:O.createElement(Jn,null,O.createElement(Ye,{variant:"label",size:"medium",color:"neutral600"},t.label),O.createElement(Ye,{variant:"label",size:"medium"},"$",E(t.fee,4,4))),"NonPayableFee");function hc(t){let[e,o]=gc(!1),[n,r]=gc(!1),{steps:s,quote:a}=t,l=h().tokens(),p=Yo(Jo(a.result?.swaps)),c=a.result?.swaps??[],u=L(),g=Cn(c,l),m=rl(c);return O.createElement(O.Fragment,null,O.createElement(kh,{onClickFee:()=>o(!e),fee:E(g,2,2),feeWarning:g.gte(new vh(xh)),time:p,steps:s,tooltipGas:Et.t("View more info"),tooltipContainer:u}),O.createElement(Th,{container:u,open:e,header:O.createElement(dc,null,O.createElement(Ye,{variant:"title",size:"medium"},Et.t("Gas & Fee Explanation")),O.createElement(Ch,{onClick:()=>o(!1),variant:"ghost"},O.createElement(Sh,{color:"gray",size:14}))),onClose:()=>o(!1)},O.createElement(mc,null,O.createElement(Ye,{variant:"title",size:"small"},Et.t("Details")),O.createElement(Zn,{size:10}),Object.entries(m.payable).flatMap(([d,C])=>C.map((y,f)=>{let S=`payable-fee-${f}`,k=ti(y);return O.createElement(Jn,{key:S},O.createElement(Ye,{variant:"label",size:"medium",color:"neutral600"},ji[d]),O.createElement(wh,{content:se(y.amount),container:u},O.createElement(Ye,{variant:"label",size:"medium"},E(y.amount,2,2)," ",y.asset.symbol," ($",E(k,4,4),")")))})),O.createElement(Jn,{className:"total_payable_fee"},O.createElement(Ye,{variant:"label",size:"medium"},Et.t("Total Payable Fee")),O.createElement(Ye,{variant:"label",size:"medium"},"$",E(g,4,4))),O.createElement(Xi,null),Object.keys(m.nonePayable).length&&O.createElement(Ln,{triggerAnchor:"bottom",onClickTrigger:()=>r(d=>!d),trigger:O.createElement("div",{className:fc()},O.createElement(Ye,{size:"small",variant:"body",color:"neutral700"},n?Et.t("Hide non-payable fees"):Et.t("Show non-payable fees")),O.createElement(Zn,{size:4,direction:"horizontal"}),O.createElement(En,{orientation:n?"up":"down"},O.createElement(yh,{size:12,color:"gray"}))),open:n},O.createElement(Ye,{size:"small",variant:"title"},Et.t("Description")),O.createElement(Zn,{size:4}),O.createElement(Ye,{size:"small",variant:"body",color:"neutral700"},Et.t(`The following fees are considered in the transaction output and
2
+ you won\u2019t need to pay extra gas for them.`)),O.createElement(Zn,{size:10}),Object.entries(m.nonePayable).map(([d,C],y)=>{let f=nl(C),S=ji[d],k=`non-payable-fee-${y}`;return O.createElement(bh,{key:k,fee:f,label:S})}),O.createElement(Xi,null)))))}i(hc,"QuoteCostDetails");import{i18n as Cc}from"@lingui/core";import{TokenAmount as Tc}from"@rango-dev/ui";import Rn from"react";import{css as Ih,styled as Ah}from"@rango-dev/ui";var yc=Ah("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),Sc=Ih({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Io(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Rn.createElement(yc,null,Rn.createElement(Tc,{direction:"horizontal",label:Cc.t("Swap input"),type:"input",tooltipContainer:L(),price:{value:e.price.value,usdValue:e.price.usdValue,realValue:e.price.realValue,realUsdValue:e.price.realUsdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),Rn.createElement("div",{className:Sc()}),Rn.createElement(Tc,{direction:"horizontal",tooltipContainer:L(),label:Cc.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(Io,"QuoteSummary");import{i18n as kc}from"@lingui/core";import{ChevronDownIcon as Eh,ChevronRightIcon as Wh,Divider as Ki,Image as Lh,Tooltip as Yi,Typography as er}from"@rango-dev/ui";import B,{useEffect as Nh,useState as Bh}from"react";var tr=4,or=6,Mh=375,Ao=i(t=>{let e=L(),{content:o,src:n,className:r,open:s,state:a}=t;return B.createElement(Yi,{container:e,side:"bottom",sideOffset:4,open:s,content:o},B.createElement(ac,{className:r,state:a},B.createElement(Lh,{src:n,size:16})))},"ImageComponent");function wc(t){let{quoteRef:e,recommended:o,setExpanded:n,steps:r,expanded:s}=t,a=L(),l=r.length,p=kl(r),[c,u]=Bh(!1),g=i(()=>{window.innerWidth<Mh?u(!0):u(!1)},"handleResize");return Nh(()=>{window.addEventListener("resize",g)}),B.createElement(sc,{ref:m=>e.current=m,recommended:o,onClick:()=>n(m=>!m)},B.createElement("div",{className:ro()},B.createElement(er,{variant:"body",size:"xsmall"},kc.t("Via:")),B.createElement(Ki,{direction:"horizontal",size:4}),r.map((m,d)=>{let C=`item-${d}`,y=B.createElement(Hi,null,B.createElement(Wh,{size:12,color:"black"}));return c?B.createElement(B.Fragment,null,B.createElement(Ao,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),d!==l-1&&B.createElement(B.Fragment,null,y)):B.createElement(B.Fragment,{key:C},l<=tr||l>tr&&d<tr-1?B.createElement(B.Fragment,null,B.createElement(Ao,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),d!==l-1&&B.createElement(B.Fragment,null,y)):d===tr-1&&B.createElement(Yi,{container:a,side:"bottom",align:"right",sideOffset:4,content:B.createElement("div",{className:ro()},y,r.map((f,S)=>{let k=`image-${S}`;return S>=d&&B.createElement(B.Fragment,{key:k},B.createElement(Ao,{content:f.swapper.displayName,src:f.swapper.image,state:f.state,open:!1}),S!==l-1&&B.createElement(B.Fragment,null,y))}))},B.createElement(Vi,{state:r.find((f,S)=>S>=d&&(f.state==="error"||f.state==="warning"))?.state},B.createElement(er,{size:"xsmall",variant:"body"},"+",l-d))))})),B.createElement("div",{className:ro()},B.createElement("div",{className:"blockchains_section"},B.createElement("div",{className:ro()},B.createElement(er,{variant:"body",size:"xsmall"},kc.t("Chains:")),B.createElement(Ki,{direction:"horizontal",size:4}),p.map((m,d)=>B.createElement(B.Fragment,null,p.length<=or||p.length>or&&d<or-1?B.createElement(Ao,{key:m.displayName,content:"",src:m.image,open:!1,className:d!==0?"blockchainImage":""}):d===or-1&&B.createElement(Yi,{container:a,side:"bottom",align:"right",sideOffset:4,content:B.createElement("div",{className:ro()},p.map((C,y)=>y>=d&&B.createElement(Ao,{key:C.displayName,content:"",src:C.image,open:!1,className:y>d?"blockchainImage":""})))},B.createElement(Vi,{className:"blockchainImage"},B.createElement(er,{size:"xsmall",variant:"body"},"+",p.length-d))))),B.createElement(Ki,{direction:"horizontal",size:32}))),B.createElement(Hi,{orientation:s?"up":"down"},B.createElement(Eh,{size:12,color:"black"}))))}i(wc,"QuoteTrigger");function Ri(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=h().blockchains(),c=h().swappers(),[u,g]=Uh(t.expanded),m=bc(null),d=bc(u),C=E(o.value,6,6),y=E(n.value,6,6),f=n.usdValue?E(n.usdValue,4,4):"",S=Oe(o.usdValue,n.usdValue??null),k=E(S,2,2),b=mt(S??0),x=i(A=>A.map((w,W)=>{let F,q=r?.type===3&&r.swap.swapperId===w.swapperId||r?.type===4&&r.recommendedSlippages?.has(W),V=s?.type===2&&s.recommendedSlippages?.has(W);return q?F="error":V&&(F="warning"),{swapper:{displayName:go(w.swapperId,c),image:w.swapperLogo},from:{token:{displayName:w.from.symbol,image:w.from.logo},chain:{displayName:Ue(w.from.blockchain,p),image:w.from.blockchainLogo},price:{value:W===0?E(o.value,6,6):E(w.fromAmount,6,6),usdValue:E((w.from.usdPrice??0)*parseFloat(w.fromAmount),4,4),realValue:se(W===0?o.value:w.fromAmount),realUsdValue:se(new xc(w.from.usdPrice??0).multipliedBy(w.fromAmount))}},to:{token:{displayName:w.to.symbol,image:w.to.logo},chain:{displayName:Ue(w.to.blockchain,p),image:w.to.blockchainLogo},price:{value:E(w.toAmount,6,6),usdValue:E((w.to.usdPrice??0)*parseFloat(w.toAmount),4,4),realValue:se(w.toAmount),realUsdValue:se(new xc(w.to.usdPrice??0).multipliedBy(w.toAmount))}},state:F,alerts:q||V?D.createElement(Zp,null,D.createElement(Ph,{type:q?"error":"warning",title:r?.type===3?r?.recommendation:Ji.t(`Slippage ${q?"Error":"Warning"}:`),footer:D.createElement(Rp,null,r?.type===3&&D.createElement(D.Fragment,null,D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),D.createElement(Zi,{direction:"horizontal",size:8}),D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),D.createElement(Zi,{direction:"horizontal",size:8}),D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},Ji.t({id:"Yours: {amount} {symbol}",values:{amount:E(w.fromAmount,6,6),symbol:w?.from.symbol}}))),(r?.type===4||s?.type===2)&&D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},Ji.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(W)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(W)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),v=x.length,I=L();return Fh(()=>{u&&!d.current&&m.current&&setTimeout(()=>{m?.current?.scrollIntoView({behavior:"smooth"})},Gi),d.current=u},[u,d]),D.createElement(D.Fragment,null,D.createElement(nc,{recommended:l,listItem:a==="list-item",basic:a==="basic"},D.createElement("div",{className:rc()},D.createElement(hc,{steps:v,quote:e}),a==="basic"&&D.createElement("div",{className:ic()},D.createElement(cc,null,D.createElement($h,{size:12,color:"gray"})),D.createElement(uc,null,D.createElement(Qi,{size:"small",variant:"body"},`${C} ${x[0].from.token.displayName} = `),D.createElement(vc,{content:se(n.value),container:I,open:n.value?void 0:!1},D.createElement(Qi,{size:"small",variant:"body"},"\xA0",`${y} ${x[x.length-1].to.token.displayName}`))),D.createElement(vc,{content:se(n.usdValue),container:I,style:{display:"flex"}},D.createElement(Eo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${f})`))),a==="list-item"&&D.createElement(Dh,{type:"output",direction:"vertical",tooltipContainer:I,price:{value:y,usdValue:f,realValue:se(n.value),realUsdValue:se(n.usdValue)},token:{displayName:x[v-1].to.token.displayName,image:x[v-1].to.token.image},chain:{image:x[v-1].to.chain.image},percentageChange:k,warningLevel:b}),a==="swap-preview"&&D.createElement(D.Fragment,null,D.createElement(Io,{from:x[0].from,to:x[v-1].to,percentageChange:k,warningLevel:b}),D.createElement(Zi,{size:4}))),D.createElement(tc,{recommended:l,open:u,onOpenChange:g},D.createElement(wc,{quoteRef:m,recommended:l,setExpanded:g,expanded:u,steps:x}),D.createElement(lc,{open:u},D.createElement(pc,null),D.createElement("div",{className:oc()},x.map((A,w)=>{let W=`item-${w}`;return D.createElement(_h,{type:"quote-details",key:W,step:A,hasSeparator:w!==x.length-1,state:A.state,tooltipContainer:I})}))))))}i(Ri,"Quote");import{Divider as qh,Skeleton as Gh}from"@rango-dev/ui";import dt from"react";import{darkTheme as Oh,styled as nr}from"@rango-dev/ui";var Ic=nr("div",{$$color:"$colors$neutral100",[`.${Oh} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),Ac=nr("div",{paddingTop:"$2"}),Ec=nr("div",{paddingLeft:"$8"}),Wc=nr("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Oc,Divider as Ft,Skeleton as st}from"@rango-dev/ui";import z from"react";import{styled as it}from"@rango-dev/ui";var Lc=it("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),Nc=it("div",{display:"flex"}),Bc=it("div",{padding:"$15 $0 14px $0"}),Mc=it("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),Pc=it("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),$c=it("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),_c=it("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Dc=it("div",{width:"65%",display:"flex",justifyContent:"start"}),Fc=it("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Uc=it("div",{padding:"$15 $0 $15 $0"});function Wo(t){let{type:e,tag:o=!1}=t,n=z.createElement($c,null,z.createElement(Dc,null,z.createElement(Oc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),z.createElement(Ft,{size:8,direction:"horizontal"}),z.createElement(Fc,null,z.createElement(st,{height:10,width:60,variant:"rounded"}),z.createElement(Ft,{size:4}),z.createElement(st,{height:15,variant:"rounded"}))),z.createElement(st,{height:12,width:64,variant:"rounded"}));return z.createElement("div",null,z.createElement(Lc,null,z.createElement(Nc,null,z.createElement(st,{width:60,height:10,variant:"rounded"}),z.createElement(Ft,{size:4,direction:"horizontal"}),z.createElement(st,{width:60,height:10,variant:"rounded"}),z.createElement(Ft,{size:4,direction:"horizontal"}),z.createElement(st,{width:60,height:10,variant:"rounded"})),o&&z.createElement(st,{height:22,width:100,variant:"rounded"})),e==="basic"&&z.createElement(Bc,null,z.createElement(st,{height:15,width:148,variant:"rounded"})),e==="list-item"&&z.createElement(Mc,null,z.createElement(Pc,null,z.createElement(Oc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),z.createElement(Ft,{direction:"horizontal",size:4}),z.createElement(st,{height:15,width:150,variant:"rounded"})),z.createElement(Ft,{size:4}),z.createElement(st,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&z.createElement(z.Fragment,null,z.createElement(Ft,{size:4}),z.createElement(Uc,null,n,z.createElement(_c,null),n)))}i(Wo,"QuoteSummarySkeleton");import{ChainToken as Qc,Divider as ts,NextIcon as zh,Skeleton as rr}from"@rango-dev/ui";import fe from"react";import{styled as Lo}from"@rango-dev/ui";var zc=Lo("div",{display:"flex",alignItems:"start"}),qc=Lo("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),es=Lo("div",{display:"flex",alignItems:"center",flexGrow:1}),Gc=Lo("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Hc=Lo("div",{display:"flex",alignItems:"center"});function at(t){let{separator:e=!0}=t;return fe.createElement(fe.Fragment,null,fe.createElement(Hc,null,fe.createElement(rr,{height:22,width:22,variant:"circular"}),fe.createElement(ts,{direction:"horizontal",size:8}),fe.createElement(rr,{height:15,width:148,variant:"rounded"})),fe.createElement(zc,null,fe.createElement(Wc,{hideSeparator:!e}),fe.createElement(qc,null,fe.createElement(es,null,fe.createElement(Qc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),fe.createElement(ts,{direction:"horizontal",size:8}),fe.createElement(rr,{height:12,variant:"rounded"})),fe.createElement(Gc,null,fe.createElement(zh,{color:"gray",size:16})),fe.createElement(es,null,fe.createElement(Qc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),fe.createElement(ts,{direction:"horizontal",size:8}),fe.createElement(rr,{height:12,variant:"rounded"})))))}i(at,"StepSkeleton");function os(t){let{type:e,expanded:o,tag:n=!1}=t;return dt.createElement(Ic,{rounded:e!=="basic"},dt.createElement(Wo,{type:e,tag:n}),dt.createElement(Ac,null,dt.createElement(Gh,{height:15,variant:"rounded"})),o&&dt.createElement(Ec,null,dt.createElement(qh,{size:20}),dt.createElement(at,null),dt.createElement(at,null),dt.createElement(at,{separator:!1})))}i(os,"QuoteSkeleton");function No(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1}=t,{inputAmount:l,inputUsdValue:p,outputUsdValue:c,outputAmount:u}=Y(),m=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n;return n?ir.createElement(qi,null,ir.createElement(os,{type:o,expanded:a})):m?ir.createElement(qi,null,ir.createElement(Ri,{quote:e,error:r,warning:s,type:o,expanded:a,recommended:!0,input:{value:l,usdValue:p?.toString()??""},output:{value:u?.toString()??"",usdValue:c?.toString()??""}})):null}i(No,"QuoteInfo");import{calculatePendingSwap as Vh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as jh}from"react";import{useRef as Hh,useState as Qh}from"react";function sr(){let[t,e]=Qh(!1),o=Hh(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Ht().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(sr,"useFetchQuote");function ar(t){if(!t.result)throw new Error(K().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Zr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Rr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=oi(t);if(o){let n=Tn(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(ar,"throwErrorIfResponseIsNotValid");function Vc(t,e,o){let n=!1;t&&(n=Cl(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=wn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(pl(t,e)?r.quoteUpdate={type:3,newOutputAmount:E(jt(e)),percentageChange:E(Oe(jt(t)??"",jt(e)??""),null,2)}:ni(t,e)?r.quoteUpdate={type:0}:ri(t,e)?r.quoteUpdate={type:1}:ii(t,e)&&(r.quoteUpdate={type:2}));let a=cl(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Vc,"generateWarnings");function lr(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}i(lr,"handleQuoteErrors");function ns(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=Y(),{slippage:l,customSlippage:p,affiliatePercent:c,affiliateRef:u,affiliateWallets:g,disabledLiquiditySources:m}=h(),{connectedWallets:d}=Q(),C=h().blockchains(),y=h().tokens(),{features:f}=h().config,{enableNewLiquiditySources:S}=h().config,k=p||l,{fetch:b,cancelFetch:T,loading:x}=sr();return jh(()=>T,[]),{loading:x,fetch:i(async I=>{let A=I.selectedWallets,w=I?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let W=kn({fromToken:t,toToken:e,inputAmount:o,wallets:d,selectedWallets:A,excludeLiquiditySources:S,disabledLiquiditySources:m,slippage:k,affiliateRef:u,affiliatePercent:c,affiliateWallets:g,initialQuote:r??void 0,destination:w});cn("experimentalRoute",f)&&(W.experimental=!0);let F;try{F=await b(W).then(M=>ar(M)),n(F)}catch(M){return lr(M)}let q={slippage:k.toString(),disabledSwappersGroups:m},V=Vh(o.toString(),F,al(A),q,!1,{blockchains:C,tokens:y}),ue=Vc(r??void 0,F,{fromToken:t,toToken:e,meta:{blockchains:C,tokens:y},selectedWallets:A,userSlippage:k});return ue.quoteUpdate&&a(!1),{quote:F,swap:V,error:null,warnings:ue}},"fetch"),cancelFetch:T}}i(ns,"useConfirmSwap");var sy=Jh("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Xc}`]:{width:"$48",height:"$48"}}),ay=is({flexGrow:1,paddingRight:"$10"}),ly=is({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),py=is({display:"flex",justifyContent:"space-between",alignItems:"center"});function Kc(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=Y(),l=iy(),p=ry(),[c,u]=cr(""),{connectedWallets:g}=Q(),m=!n,[d,C]=cr(!1),{isActiveTab:y}=pe(),f=h().disabledLiquiditySources,S=oy(f),{manager:k}=Xh(),{fetch:b,loading:T,cancelFetch:x}=ns(),[v,I]=cr({swap:null,error:null,warnings:null}),[A,w]=cr(!1),W=i(async({selectedWallets:U,customDestination:De})=>{let j=await b?.({selectedWallets:U,customDestination:De});return I(j),j},"onConfirmSwap"),F=i(async()=>{if(v.swap&&n)try{await k?.create("swap",{swapDetails:v.swap},{id:v.swap.requestId});let U=`../${P.swaps}/${v.swap.requestId}`;l(U,{replace:!0}),setTimeout(()=>{e("")},0)}catch(U){u("Error: "+U?.message)}},"addNewSwap"),q=i(async()=>{await F()},"onConfirm"),V=i(async()=>{v?.warnings?.quote&&!a?w(!0):await q()},"onStartConfirmSwap"),ue=i(async()=>{I({error:null,swap:null,warnings:null}),b({selectedWallets:o,customDestination:s}).then(U=>{I(U)}).catch(U=>console.error(U))},"onRefresh");Bo(()=>{!!S.current.length&&!f.length&&ue(),S.current=f},[f.length]),Bo(()=>{m&&x()},[m]),Bo(()=>{m&&C(m)},[m]),Bo(()=>{m||b({selectedWallets:o,customDestination:s}).then(U=>I(U)).catch(U=>console.error(U))},[]),Bo(()=>{let U=v.warnings?.quote?.type&&Object.values(kt).includes(v.warnings?.quote?.type),De=o.length<1||!o.every(J=>g.find(xe=>J.address===xe.address&&J.walletType===xe.walletType&&J.chain===xe.chain)),j=!1;if(U){let J=gn(t),xe=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(ct=>ct.from.blockchain===xe)||(J=J.slice(-J.length,J.length-1)),J.every(ct=>o.find(_=>_.chain===ct))||(j=!0)}t&&(De||j)&&(queueMicrotask(()=>ny(C.bind(null,!0))),r(!1))},[v.warnings?.quote,o.length,g.length]),ty(()=>{t||l(`../${p.search}`)},[]);let M=v.warnings?.quote??null,G=v.error,ee=[];return c&&ee.push(ae.createElement(jc,{type:"error",variant:"alarm",title:c})),v.warnings?.quoteUpdate&&ee.push(ae.createElement(jc,{variant:"alarm",type:"warning",title:v.warnings.quoteUpdate&&bn(v.warnings.quoteUpdate)})),(M||G)&&ee.push(ae.createElement(xo,{warning:M,error:G,loading:T,refetchQuote:ue,showWarningModal:A,confirmationDisabled:!y,onOpenWarningModal:()=>w(!0),onCloseWarningModal:()=>w(!1),onConfirmWarningModal:async()=>{w(!1),await F()},onChangeSettings:()=>l(P.settings)})),ae.createElement(ne,{header:{title:pr.t("Confirm Swap"),onWallet:()=>{let U=`../${P.wallets}`;l(U)},suffix:ae.createElement(Zh,{container:L(),side:"bottom",content:pr.t("Settings")},ae.createElement(qe,{size:"small",variant:"ghost",onClick:()=>l("../"+P.settings)},ae.createElement(Yh,{size:18,color:"black"})))},footer:ae.createElement(sy,null,ae.createElement("div",{className:ay()},ae.createElement(Kh,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:T,disabled:!!v.error||!y,onClick:V},pr.t("Start Swap"))),ae.createElement(Xc,{variant:"contained",type:"primary",size:"large",loading:T,onClick:C.bind(null,!0)},ae.createElement(ey,{size:24})))},d&&ae.createElement(Bp,{open:d,onClose:()=>C(!1),onCancel:x,loading:T,onCheckBalance:W}),ae.createElement(re,null,ae.createElement("div",{className:py()},ae.createElement(Rh,{variant:"title",size:"small"},pr.t("You get")),ae.createElement("div",{className:ly()},ae.createElement(On,{onClick:!T&&!d&&!A?ue:void 0}))),ae.createElement(rs,{size:"12"}),ql(ee,ae.createElement(rs,{size:10})),ee.length>0?ae.createElement(rs,{size:10}):null,ae.createElement(No,{quote:t,type:"swap-preview",expanded:!0,error:v.error,loading:T,warning:v.warnings?.quote??null})))}i(Kc,"ConfirmSwapPage");import{i18n as dr}from"@lingui/core";import{useManager as vy}from"@rango-dev/queue-manager-react";import{Divider as su,NotFound as xy,styled as by}from"@rango-dev/ui";import gt,{useState as Iy}from"react";import{useNavigate as Ay}from"react-router-dom";import{i18n as ls}from"@lingui/core";import{Divider as my,GroupedVirtualizedList as dy,SwapListItem as eu,Typography as tu}from"@rango-dev/ui";import Le,{useCallback as ou,useEffect as fy,useRef as gy,useState as hy}from"react";function Yc(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(Yc,"calculateGroupsSoFar");import{css as cy,darkTheme as uy,styled as Mo}from"@rango-dev/ui";var ur=cy(),Jc=Mo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),ss=Mo("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${ur}`]:{$$color:"$colors$neutral600",[`.${uy} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),as=Mo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Zc=Mo("div",{gap:"$10",display:"flex",flexDirection:"column"}),Rc=Mo("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var yy=10;function ps(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=hy([]),l=gy(0),{swaps:p,groupCounts:c,groups:u}=n(e),g=ou(Yc,[]),m=ou(()=>{let d=e.length-l.current;d&&(l.current+=Math.min(d,yy),a(g(c,l.current)))},[e.length]);if(fy(()=>{r||m()},[r,m]),r){let d=[{},{}],C=[{title:ls.t("Today"),swaps:d},{title:ls.t("This month"),swaps:d}];return Le.createElement(Le.Fragment,null,C.map(y=>Le.createElement(ss,{key:y.title},Le.createElement(as,null,Le.createElement(tu,{variant:"label",size:"medium",className:ur()},y.title)),Le.createElement(my,{size:4}),Le.createElement(Zc,null,y.swaps.map((f,S)=>{let k=S+y.title;return Le.createElement(eu,{isLoading:!0,key:k})})))))}return Le.createElement(dy,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:d=>Le.createElement(ss,null,Le.createElement(as,null,Le.createElement(tu,{variant:"label",size:"medium",className:ur()},u[d]))),itemContent:(d,C)=>{let y=p[d],f=y.steps[0],S=y.steps[y.steps.length-1];return Le.createElement(Jc,{key:y.requestId},Le.createElement(eu,{requestId:y.requestId,creationTime:y.creationTime,status:y.status,onClick:o,tooltipContainer:L(),onlyShowTime:u[C]===ls.t("Today"),swapTokenData:{from:{token:{image:f.fromLogo,displayName:f.fromSymbol},blockchain:{image:f.fromBlockchainLogo||""},amount:E(y.inputAmount,6,6),realAmount:se(y.inputAmount)},to:{token:{image:S.toLogo,displayName:S.toSymbol},blockchain:{image:S.toBlockchainLogo||""},amount:E(S.outputAmount||S.expectedOutputAmountHumanReadable||"",6,6),realAmount:se(S.outputAmount||S.expectedOutputAmountHumanReadable)}}}))}})}i(ps,"HistoryGroupedList");import{CloseIcon as Cy,IconButton as Ty,SearchIcon as ky,TextField as wy}from"@rango-dev/ui";import Po from"react";import{styled as Sy}from"@rango-dev/ui";var nu=Sy("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function ft(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Po.createElement(wy,{prefix:Po.createElement(nu,null,Po.createElement(ky,{color:"black"})),suffix:!!a.length&&Po.createElement(Ty,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Po.createElement(Cy,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...p})}i(ft,"SearchInput");import{i18n as mr}from"@lingui/core";import ru from"dayjs";var iu=i(t=>{let e=new Map([["today",{title:mr.t("Today"),swaps:[]}],["week",{title:mr.t("This week"),swaps:[]}],["month",{title:mr.t("This month"),swaps:[]}],["year",{title:mr.t("This year"),swaps:[]}]]);function o(p,c){e.has(p)||e.set(p,{title:p,swaps:[]}),e.get(p)?.swaps.push(c)}i(o,"addYearsToOutput");let n=ru();t.forEach(p=>{let c=Number(p.creationTime),u=ru(c);if(n.isSame(u,"day"))e.get("today")?.swaps.push(p);else if(n.isSame(u,"week"))e.get("week")?.swaps.push(p);else if(n.isSame(u,"month"))e.get("month")?.swaps.push(p);else if(n.isSame(u,"year"))e.get("year")?.swaps.push(p);else{let g=new Date(c).getFullYear().toString();o(g,p)}});let r=Array.from(e.values()).filter(p=>p.swaps.length>0),s=r.flatMap(p=>p.swaps),a=r.map(p=>p.swaps.length),l=r.map(p=>p.title);return{swaps:s,groupCounts:a,groups:l}},"groupSwapsByDate");var Ey=by("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Wy=i((t,e)=>t?.length?t.filter(o=>et(o.fromBlockchain,e)||et(o.toBlockchain,e)||et(o.toSymbol,e)||et(o.fromSymbol,e)).length:!1,"isStepContainsText");function au(){let t=Ay(),{manager:e,state:o}=vy(),n=bt(e).map(({swap:u})=>u),[r,s]=Iy(""),a=!o.loadedFromPersistor,l=i(u=>{let g=u.target.value;s(g)},"searchHandler"),p=n;r&&(p=n.filter(u=>et(u.inputAmount,r)||et(u.status,r)||Wy(u.steps,r)||et(u.requestId,r)));let c=!p?.length&&!a;return gt.createElement(ne,{header:{title:dr.t("History")}},gt.createElement(re,null,gt.createElement(ft,{setValue:s,fullWidth:!0,variant:"contained",placeholder:dr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),gt.createElement(su,{size:"16"}),gt.createElement(Ey,null,c&&gt.createElement(Rc,null,gt.createElement(su,{size:32}),gt.createElement(xy,{title:dr.t("No results found"),description:r?dr.t("Try using different keywords"):""})),!c&&gt.createElement(ps,{list:p,onSwapClick:t,groupBy:iu,isLoading:a}))))}i(au,"HistoryPage");import{i18n as ms}from"@lingui/core";import{Button as _y,Divider as uu,styled as du,SwapInput as mu,WarningIcon as Dy}from"@rango-dev/ui";import ve,{useEffect as Fy,useState as Uy}from"react";import{useNavigate as Oy}from"react-router-dom";import{ReverseIcon as Ly,styled as lu}from"@rango-dev/ui";import cs from"react";var Ny=lu("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),By=lu("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 pu(){let t=Y.use.switchFromAndTo();return cs.createElement(Ny,null,cs.createElement(By,{onClick:()=>{t()}},cs.createElement(Ly,{size:12})))}i(pu,"SwitchFromAndToButton");import{useCallback as My,useEffect as Py,useState as us}from"react";var $y=600;function cu(){let{fetch:t,cancelFetch:e}=sr(),{liquiditySources:o,enableNewLiquiditySources:n,features:r}=h().config,s=h().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:c,quote:u,resetQuote:g,setQuote:m}=Y(),{slippage:d,customSlippage:C,affiliatePercent:y,affiliateRef:f,affiliateWallets:S,disabledLiquiditySources:k,fetchStatus:b}=h(),[T,x]=us(!0),[v,I]=us(null),[A,w]=us(null),W=C??d,q=!a||!l||Ae(a,l)||!uo(p),V=i(G=>{x(G),I(null),w(null)},"resetState"),ue=i(G=>{let{fromToken:ee,toToken:U,inputAmount:De,liquiditySources:j,excludeLiquiditySources:J,disabledLiquiditySources:xe,slippage:Se,affiliateRef:Ce,affiliatePercent:ct,affiliateWallets:_}=G;if(T||V(!0),!q&&ee&&U){g();let X=kn({fromToken:ee,toToken:U,inputAmount:De,liquiditySources:j,excludeLiquiditySources:J,disabledLiquiditySources:xe,slippage:Se,affiliateRef:Ce,affiliatePercent:ct,affiliateWallets:_});cn("experimentalRoute",r)&&(X.experimental=!0),t(X).then(H=>{x(!1),m(H),ar(H);let le=wn(H,{fromToken:ee,toToken:U,userSlippage:W,tokens:s});w(le)}).catch(H=>{let{error:le}=lr(H);(le?.type===0||le?.type===1)&&g(),le?.type!==2&&(I(le),x(!1))})}},"fetch"),M=My(Pa(G=>{q||ue(G)},$y),[q]);return Py(()=>{if(b==="success"){if(!uo(p)||c?.eq(0)){V(!1),e();return}if(q){u&&g();return}return g(),V(!0),M({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:k,slippage:W,affiliateRef:f,affiliatePercent:y,affiliateWallets:S}),e}},[b,p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,q,o?.length,n,k.length,W,f,y,JSON.stringify(S)]),{fetch:()=>ue({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:k,slippage:W,affiliateRef:f,affiliatePercent:y,affiliateWallets:S}),loading:T,error:v,warning:A}}i(cu,"useSwapInput");var zy=du("div",{position:"relative"}),qy=du("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function fu(){let t=Oy(),{fetch:e,loading:o,error:n,warning:r}=cu(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:g,outputAmount:m,outputUsdValue:d,quote:C,resetQuoteWallets:y,setQuoteWarningsConfirmed:f}=Y(),{config:S,fetchStatus:k}=h(),{connectedWallets:b,getBalanceFor:T}=Q(),{isActiveTab:x}=pe(),[v,I]=Uy(!1),A=!!a&&ba(b,a.name),w=!1,W=!ei(C,u,g),F=!ei(C,u,d),q=ol({fetchMetaStatus:k,fetchingQuote:o,inputAmount:u,quote:C,anyWalletConnected:b.length>0,error:n,warning:r,needsToWarnEthOnPath:w}),V=s?T(s):null,ue=nn(V)?.amount??"0",M=a&&s?E(V?.amount,V?.decimals):"0",G=k==="success"&&!!u&&!!s&&!!l&&o;Fy(()=>{y()},[]);let ee=!g||!d||!d.gt(0)?null:Oe(g.toString(),d.toString());return ve.createElement(ne,{height:"auto",hasLogo:!0,footer:ve.createElement(_y,{type:"primary",size:"large",disabled:q.disabled||!x,prefix:q.action==="confirm-warning"&&ve.createElement(Dy,null),fullWidth:!0,onClick:()=>{q.action==="connect-wallet"?t(P.wallets):q.action==="confirm-warning"?I(!0):t(P.confirmSwap)}},q.title),header:{onWallet:()=>{t(P.wallets)},hasBackButton:!1,title:S.title||ms.t("Swap"),suffix:ve.createElement(Ii,{onClickRefresh:(C||n)&&!v?e:void 0,onClickHistory:()=>t(P.swaps),onClickSettings:()=>t(P.settings)})}},ve.createElement(re,null,ve.createElement(qy,null,ve.createElement(zy,null,ve.createElement(mu,{label:ms.t("From"),mode:"From",onInputChange:c,balance:ue,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(P.fromSwap),price:{value:u,usdValue:W?void 0:E(g,4,4),realUsdValue:W?void 0:se(g),error:W?K().unknownPriceError.impactTitle:void 0},disabled:k==="failed",loading:k==="loading",loadingBalance:A,tooltipContainer:L(),onSelectMaxBalance:()=>{ue!=="0"&&c(M.split(",").join(""))}}),ve.createElement(pu,null)),ve.createElement(mu,{sharpBottomStyle:!!C?.result||G,label:ms.t("To"),mode:"To",fetchingQuote:G,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:E(Oe(g,d),2,2),warningLevel:mt(ee??0),price:{value:E(m,6,6),usdValue:F?void 0:E(d,4,4),realValue:se(m),realUsdValue:F?void 0:se(d),error:F?K().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(P.toSwap),disabled:k==="failed",loading:k==="loading",tooltipContainer:L()})),ve.createElement(uu,{size:"2"}),ve.createElement(No,{quote:C,loading:G,error:n,warning:r,type:"basic"}),r||n?ve.createElement(ve.Fragment,null,ve.createElement(uu,{size:"10"}),ve.createElement(xo,{warning:r,error:n,loading:G,refetchQuote:e,showWarningModal:v,confirmationDisabled:!x,onOpenWarningModal:()=>I(!0),onCloseWarningModal:()=>I(!1),onConfirmWarningModal:()=>{I(!1),f(!0),t(P.confirmSwap)},onChangeSettings:()=>t(P.settings)})):null))}i(fu,"Home");import{i18n as gu}from"@lingui/core";import{List as Gy,ListItemButton as Hy,Radio as Qy,RadioRoot as Vy,Typography as jy}from"@rango-dev/ui";import Wt from"react";function io(){let{setLanguage:t,language:e,config:o}=h(),n=Da,r=o?.language||fo;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||fo),resetLanguage:()=>t(null)}}i(io,"useLanguage");function hu(){let{activeLanguage:t,changeLanguage:e,languages:o}=io(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:Wt.createElement(jy,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Wt.createElement(Qy,{value:s}),start:Wt.createElement(l,null)}});return Wt.createElement(ne,{header:{title:gu.t("Language")}},Wt.createElement(re,null,Wt.createElement(Vy,{value:t},Wt.createElement(Gy,{type:Wt.createElement(Hy,{title:gu.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(hu,"LanguagePage");import{i18n as ht}from"@lingui/core";import{Button as Zy,Checkbox as Ry,Image as eS,ListItemButton as tS,NotFound as oS,Typography as nS}from"@rango-dev/ui";import We,{useState as rS}from"react";import{Checkbox as Yy,Skeleton as Su}from"@rango-dev/ui";import _o from"react";import{styled as ds}from"@rango-dev/ui";var $o=ds("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),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 Xy,styled as Ky}from"@rango-dev/ui";var yu=Ky(Xy,{height:61});var Jy=30;function hs(){return _o.createElement($o,null,Array.from(Array(Jy),t=>_o.createElement(yu,{hasDivider:!0,key:t,start:_o.createElement(Su,{variant:"circular",width:35,height:35}),title:_o.createElement(Su,{variant:"text",size:"large",width:90}),end:_o.createElement(Yy,{checked:!1})})))}i(hs,"LoadingLiquiditySourceList");function ys({sourceType:t}){let e=h().fetchStatus,o=h().swappers(),n=h().disabledLiquiditySources,[r,s]=rS(""),a=h().toggleLiquiditySource,l=pn(o,n),p={Exchanges:ht.t("Exchanges"),Bridges:ht.t("Bridges")},c=[];t==="Exchanges"&&c.push("DEX"),t==="Bridges"&&(c.push("BRIDGE"),c.push("AGGREGATOR"));let u=l.filter(f=>c.includes(f.type)),g=u.length===u.filter(f=>f.selected).length,m=i(()=>{u.forEach(f=>{g?a(f.groupTitle):f.selected||a(f.groupTitle)})},"toggleAllSources"),d=u.map(f=>{let{selected:S,groupTitle:k,logo:b}=f;return{start:We.createElement(eS,{src:b,size:22,type:"circular"}),onClick:()=>a(k),end:We.createElement(Ry,{checked:S}),title:We.createElement(nS,{variant:"title",size:"xmedium"},ht.t(k)),...f}}),C=i(f=>{let S=f.target.value;s(S)},"searchHandler"),y=d;return r&&(y=d.filter(f=>et(f.groupTitle,r))),We.createElement(ne,{header:{title:ht.t(t),suffix:We.createElement(fs,null,We.createElement(Zy,{variant:"ghost",size:"xsmall",onClick:m},g?ht.t("Deselect all"):ht.t("Select all")))}},We.createElement(re,{view:!0},We.createElement(ft,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:ht.t("Search {sourceType}",{sourceType:p[t]}),onChange:C}),e==="loading"&&We.createElement(hs,null),!y.length&&r?We.createElement(gs,null,We.createElement(oS,{title:ht.t("No results found"),description:ht.t("Try using different keywords")})):e==="success"&&We.createElement($o,null,y.map(f=>We.createElement(We.Fragment,{key:f.id},We.createElement(tS,{style:{height:"61px"},...f,selected:!1,hasDivider:!0}))))))}i(ys,"LiquiditySourcePage");import{i18n as Iu}from"@lingui/core";import{Divider as Au,getCountCategories as fS,SelectableCategoryList as gS}from"@rango-dev/ui";import yt,{useState as Eu}from"react";import{i18n as Cs}from"@lingui/core";import{Divider as xu,Image as pS,ListItemButton as cS,NotFound as uS,Typography as bu}from"@rango-dev/ui";import He,{useEffect as mS,useState as dS}from"react";import{BlockchainCategories as Ss}from"@rango-dev/ui";import{TransactionType as fr}from"rango-sdk";var iS=i((t,e)=>{switch(e){case Ss.ALL:return!0;case Ss.UTXO:return t.type===fr.TRANSFER;case Ss.OTHER:return t.type!==fr.TRANSFER&&t.type!==fr.COSMOS&&t.type!==fr.EVM;default:return t.type===e}},"filterByType"),Cu=i((t,e,o)=>t.filter(n=>iS(n,o)).filter(n=>Bt(n.name,e)||Bt(n.displayName,e)),"filterBlockchains");import{ImageContainer as sS,styled as Tu}from"@rango-dev/ui";var ku=Tu("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),gr=Tu(Co,{padding:0,margin:0,listStyle:"none",[`& ${sS}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as aS,Skeleton as wu}from"@rango-dev/ui";import hr from"react";var lS=20;function vu(){return hr.createElement(gr,null,Array.from(Array(lS),t=>hr.createElement(aS,{key:t,hasDivider:!0,start:hr.createElement(wu,{variant:"circular",width:35,height:35}),title:hr.createElement(wu,{variant:"text",size:"large",width:90})})))}i(vu,"LoadingBlockchainList");function Ts(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=dS(e),{fetchStatus:l}=h();mS(()=>{a([...Cu(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?He.createElement(He.Fragment,null,He.createElement(xu,{size:32}),He.createElement(uS,{title:Cs.t("No results found"),description:Cs.t("Try using different keywords")})):He.createElement(gr,{as:"ul",key:`${r}-${o}`},s.map(c=>He.createElement(cS,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:He.createElement(pS,{src:c.logo,size:30}),title:He.createElement(bu,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return He.createElement(ku,null,He.createElement(bu,{variant:"label",size:"large"},Cs.t("Select Blockchain")),He.createElement(xu,{size:4}),l==="loading"&&He.createElement(vu,null),l==="success"&&p())}i(Ts,"BlockchainList");function ks(t){let{type:e}=t,o=xt(),[n,r]=Eu(""),[s,a]=Eu("ALL"),l=Y.use.setToBlockchain(),p=Y.use.setFromBlockchain(),c=h().fetchStatus,u=h().blockchains({type:e}),m=fS(u)!==1;return yt.createElement(ne,{header:{title:Iu.t("Select Blockchain")}},yt.createElement(re,{view:!0},m&&yt.createElement(yt.Fragment,null,yt.createElement(gS,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),yt.createElement(Au,{size:24})),yt.createElement(ft,{value:n,autoFocus:!0,placeholder:Iu.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),yt.createElement(Au,{size:16}),yt.createElement(Ts,{list:u,searchedFor:n,blockchainCategory:s,onChange:d=>{e==="source"?p(d):l(d),o()}})))}i(ks,"SelectBlockchainPage");import{i18n as kr}from"@lingui/core";import{Divider as Xu}from"@rango-dev/ui";import Ut,{useState as BS}from"react";import{useNavigate as MS}from"react-router-dom";import{i18n as xs}from"@lingui/core";import{BlockchainsChip as yr,Divider as Bu,Image as Mu,Skeleton as TS,Tooltip as kS,Typography as bs}from"@rango-dev/ui";import ye from"react";import{useEffect as SS}from"react";var Wu=["ETH","COSMOS","OSMOSIS"];function ws(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(hS),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let c=n[p];a=a.filter(u=>c.name!==u)}}n.sort(yS(a)),r=n.splice(s)}return{list:n,more:r}}i(ws,"prepare");function hS(t,e){let o=Wu,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(hS,"sortByMostUsedBlockchains");function yS(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(yS,"generateSortByPreferredBlockchainsFor");function Lu(t,e){return!!e.list.find(o=>o.name===t)}i(Lu,"isInVisibleList");function vs(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=h();SS(()=>{if(e?.selected){let s=ws(t,o,e);Lu(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 CS}from"@rango-dev/ui";var Nu=CS("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var wS=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}=h(),p=Y.use.resetToBlockchain(),c=Y.use.resetFromBlockchain(),u=a.more.length>0,g=a.more.length===1,m=!g&&u;return ye.createElement(ye.Fragment,null,ye.createElement(Bu,{size:12}),ye.createElement(bs,{variant:"label",size:"large"},xs.t("Select Blockchain")),ye.createElement(Bu,{size:12}),ye.createElement(Nu,null,l==="loading"&&Array.from(Array(wS),d=>ye.createElement(TS,{key:d,variant:"rounded",height:50})),l==="success"&&ye.createElement(ye.Fragment,null,ye.createElement(yr,{selected:!n,onClick:()=>{o==="from"?c():p()}},ye.createElement(bs,{variant:"body",size:"xsmall",color:"secondary500"},xs.t("All"))),a.list.map(d=>ye.createElement(kS,{key:d.name,content:d.shortName,side:"bottom",sideOffset:2,container:L()},ye.createElement(yr,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},ye.createElement(Mu,{src:d.logo,size:30})))),g?ye.createElement(yr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},ye.createElement(Mu,{src:a.more[0].logo,size:30})):null,m?ye.createElement(yr,{onClick:s,key:"more-blockchains"},ye.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 Gu,Divider as ao,ExternalLinkIcon as bS,Image as IS,ListItemButton as AS,NotFound as ES,PinIcon as WS,Skeleton as Hu,Typography as Tr,VirtualizedList as LS}from"@rango-dev/ui";import $,{useEffect as Qu,useState as Vu}from"react";import{Divider as zu,ListItem as xS,Skeleton as Do}from"@rango-dev/ui";import Ze from"react";import{css as so,darkTheme as Pu,ImageContainer as vS,styled as Je,Typography as $u}from"@rango-dev/ui";var As=so({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Es=so({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Ws=so({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Ls=so({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Pu} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Ns=so({}),Bs=so(),_u=Je("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Ms=Je("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Sr=Je("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"},[`& .${Ns}`]:{bottom:"-15px"},[`& .${As}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Ws}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Ps=Je("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),$s=Je($u,{}),Du=Je("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Bs}`]:{$$color:"$colors$neutral600",[`.${Pu} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Cr=Je("div",{display:"flex",alignItems:"end",flexDirection:"column"}),r$=Je("div",{display:"flex",alignItems:"center"}),Fu=Je("div",{position:"relative",[`& ${vS}`]:{borderRadius:"$xm",overflow:"hidden"}}),Uu=Je("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Ou=Je($u,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function qu(t){return Ze.createElement(Sr,null,Array.from(Array(t.size),e=>Ze.createElement(xS,{key:e,hasDivider:!0,start:Ze.createElement(Do,{variant:"circular",width:35,height:35}),end:Ze.createElement(Cr,null,Ze.createElement(Do,{variant:"text",size:"large",width:70}),Ze.createElement(zu,{size:4}),Ze.createElement(Do,{variant:"text",size:"medium",width:50})),title:Ze.createElement("div",null,Ze.createElement(Do,{variant:"text",size:"large",width:90}),Ze.createElement(zu,{size:4}),Ze.createElement(Do,{variant:"text",size:"medium",width:90}))})))}i(qu,"LoadingTokenList");var Ds=20,NS=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return $.createElement("div",{className:Es()},o?$.createElement("div",{className:As()},o):$.createElement(Ms,{className:Ws()},$.createElement(Tr,{variant:"title",size:"xmedium"},r.symbol),$.createElement(ao,{direction:"horizontal",size:4}),$.createElement(Ps,{css:s},$.createElement($s,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&$.createElement("div",{className:`${Ls()} ${!o&&Ns()}`},$.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",$.createElement(ao,{size:4,direction:"horizontal"}),$.createElement(bS,{color:"gray",size:12}))))},"renderDesc");function ju(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Vu(e),l=h().fetchStatus,p=h().blockchains(),[c,u]=Vu(!0),{getBalanceFor:g,loading:m}=Q(),{isTokenPinned:d}=h(),C=i(()=>{a(e.slice(0,s.length+Ds))},"loadNextPage");Qu(()=>{u(e.length>s.length)},[s.length]),Qu(()=>{a(e.slice(0,Ds))},[e]);let y=i(()=>!s.length&&o?$.createElement($.Fragment,null,$.createElement(ao,{size:32}),$.createElement(ES,{title:_s.t("No results found"),description:_s.t("Try using different keywords")})):$.createElement(LS,{endReached:c?C:void 0,itemContent:f=>{let S=s[f],k=nn(g(S)),b=S.address||"",T=p.find(A=>A.name===S.blockchain),x=Pn(S.symbol,T?.color||""),v={$$color:x[`${S.symbol}100`],[`.${Gu} &`]:{$$color:x[`${S.symbol}900`]},backgroundColor:"$$color"},I={$$color:x[`${S.symbol}700`],[`.${Gu} &`]:{$$color:x[`${S.symbol}100`]},color:"$$color"};return $.createElement("div",{style:{paddingRight:5}},$.createElement(AS,{style:{width:"100%",overflow:"hidden"},"tab-index":f,key:`${S.symbol}${S.address}`,id:`${S.symbol}${S.address}`,hasDivider:!0,onClick:()=>n(s[f]),start:$.createElement(Fu,null,$.createElement(IS,{src:S.image,size:30}),d(S,t.type)&&$.createElement(Uu,null,$.createElement(WS,{size:12,color:"gray"}))),title:T?.type==="COSMOS"||S.name||!S.name&&!b?$.createElement(Ms,null,$.createElement(Tr,{variant:"title",size:"xmedium"},S.symbol),$.createElement(ao,{direction:"horizontal",size:4}),$.createElement(Ps,{css:v},$.createElement($s,{variant:"body",size:"xsmall",css:I},S.blockchain))):void 0,description:T?.info&&b&&T.type!=="COSMOS"?NS({address:b,token:s[f],customCssForTag:v,customCssForTagTitle:I,name:S.name,url:T.info.addressUrl.split("{wallet}").join(b)}):S.name||void 0,end:m?$.createElement(Cr,null,$.createElement(Hu,{variant:"text",size:"large",width:70}),$.createElement(ao,{size:4}),$.createElement(Hu,{variant:"text",size:"medium",width:50})):k&&$.createElement(Du,null,$.createElement(Ou,{variant:"title",size:"small"},k.amount),$.createElement("div",null),k.usdValue&&$.createElement(Tr,{variant:"body",className:Bs(),size:"xsmall"},`$${k.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return $.createElement(_u,null,$.createElement(Tr,{variant:"label",size:"large"},_s.t("Select Token")),$.createElement(ao,{size:4}),l==="loading"&&$.createElement(qu,{size:Ds}),l==="success"&&$.createElement(Sr,{as:"ul"},y()))}i(ju,"TokenList");function Fs(t){let{type:e}=t,o=MS(),n=xt(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=Y(),u=Q.use.getBalanceFor(),[g,m]=BS(""),{isTokenPinned:d}=h(),y=(e==="source"?r:s)?.name??"",f=h().blockchains({type:e}),S=h().tokens({type:e,blockchain:y,searchFor:g}),b=wa(S,u,i(I=>d(I,e),"checkIsTokenPinned")),T=i(I=>{e==="source"?p(I):c(I)},"updateBlockchain"),x=i(I=>{e==="source"?a({token:I,meta:{blockchains:f,tokens:S}}):l({token:I,meta:{blockchains:f,tokens:S}})},"updateToken"),v={source:kr.t("Source"),destination:kr.t("Destination")};return Ut.createElement(ne,{header:{title:kr.t("Swap {type}",{type:v[e]})}},Ut.createElement(re,null,Ut.createElement(Is,{blockchains:f,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(P.blockchains),onChange:I=>{T(I)}}),Ut.createElement(Xu,{size:24}),Ut.createElement(ft,{value:g,autoFocus:!0,placeholder:kr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:I=>m(I.target.value)}),Ut.createElement(Xu,{size:16}),Ut.createElement(ju,{list:b,selectedBlockchain:y,searchedFor:g,type:e,onChange:I=>{x(I);let A=f.find(w=>I.blockchain===w.name);A&&T(A),n()}})))}i(Fs,"SelectSwapItemsPage");import{i18n as Ot}from"@lingui/core";import{ChevronRightIcon as zs,Divider as qs,InfoIcon as zS,List as qS,ListItemButton as GS,Skeleton as HS,Switch as QS,Tooltip as VS,Typography as zt}from"@rango-dev/ui";import Z from"react";import{useNavigate as jS}from"react-router-dom";import{i18n as em}from"@lingui/core";import{Divider as DS,InfoIcon as FS,TextField as US,Tooltip as OS,Typography as tm}from"@rango-dev/ui";import _e from"react";import{Chip as PS,styled as Fo,TextField as $S}from"@rango-dev/ui";var Ku=Fo("div",{paddingTop:"$5",padding:"$10 $5"}),Yu=Fo("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${$S}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Ju=Fo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),wr=Fo("div",{maxWidth:"280px",padding:"$10"}),Zu=Fo(PS,{width:"61px",flexShrink:0});import{i18n as Us}from"@lingui/core";import{Typography as _S}from"@rango-dev/ui";import Uo from"react";function Ru(){return Uo.createElement(wr,null,Uo.createElement(_S,{variant:"label",size:"medium",color:"neutral700"},Us.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Uo.createElement("br",null),Uo.createElement("br",null),Uo.createElement("b",null,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(Ru,"SlippageTooltipContent");function Os(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=h();return _e.createElement(Ku,null,_e.createElement(Ju,null,_e.createElement(tm,{variant:"title",size:"xmedium"},em.t("Slippage tolerance per swap")),_e.createElement(DS,{direction:"horizontal",size:4}),_e.createElement(OS,{container:L(),side:"top",sideOffset:4,content:_e.createElement(Ru,null)},_e.createElement(FS,{color:"gray"}))),_e.createElement(Yu,null,Fa.map((r,s)=>{let a=`slippage-${s}`;return _e.createElement(_e.Fragment,null,_e.createElement(Zu,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),_e.createElement(US,{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&&_e.createElement(tm,{variant:"body",size:"small"},"%"),placeholder:em.t("Custom")})))}i(Os,"Slippage");function om(){let t=jS(),{theme:e}=h().config,o=h().fetchStatus,n=h().swappers(),r=h().disabledLiquiditySources,{config:{features:s}}=h(),a=Fe("theme",s),l=Fe("liquiditySource",s),p=Fe("language",s),c=h().infiniteApprove,u=h().toggleInfiniteApprove,g=pn(n,r),m=g.filter(A=>A.type==="BRIDGE"||A.type==="AGGREGATOR"),d=m.length,C=m.filter(A=>A.selected).length,y=g.filter(A=>A.type==="DEX"),f=y.length,S=y.filter(A=>A.selected).length,k=i((A,w)=>{switch(o){case"loading":return Z.createElement(HS,{variant:"text",size:"medium",width:50});case"failed":return Z.createElement(zt,{variant:"body",size:"medium",color:"$error500"},Ot.t("Loading failed"));default:return Z.createElement(zt,{variant:"body",size:"medium"},`${A} / ${w}`)}},"handleEndItem"),b={id:"bridge-item",title:Z.createElement(zt,{variant:"title",size:"xmedium"},Ot.t("Enabled bridges")),end:Z.createElement(Z.Fragment,null,k(C,d),Z.createElement(qs,{direction:"horizontal",size:8}),Z.createElement(zs,{color:"black"})),onClick:()=>t(P.bridges)},T={id:"exchange-item",title:Z.createElement(zt,{variant:"title",size:"xmedium"},Ot.t("Enabled exchanges")),end:Z.createElement(Z.Fragment,null,k(S,f),Z.createElement(qs,{direction:"horizontal",size:8}),Z.createElement(zs,{color:"gray"})),onClick:()=>t(P.exchanges)},x={id:"theme-item",title:Z.createElement(zt,{variant:"title",size:"xmedium"},Ot.t("Theme")),end:Z.createElement(zs,{color:"gray"}),onClick:()=>t(P.themes)},v={id:"infinite-approval-item",title:Z.createElement(Z.Fragment,null,Z.createElement(zt,{variant:"title",size:"xmedium"},Ot.t("Infinite approval")),Z.createElement(qs,{direction:"horizontal",size:4}),Z.createElement(VS,{side:"top",sideOffset:4,container:L(),content:Z.createElement(wr,null,Z.createElement(zt,{variant:"label",size:"medium",color:"neutral700"},Ot.t("Enabling the 'Infinite approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},Z.createElement(zS,{color:"gray"}))),end:Z.createElement(QS,{checked:c}),onClick:u},I=l?[]:[b,T];return!e?.singleTheme&&!a&&I.push(x),I.push(v),Z.createElement(ne,{header:{title:Ot.t("Settings")}},Z.createElement(re,null,Z.createElement(Os,null),Z.createElement(qS,{type:Z.createElement(GS,{title:"_",id:"_",onClick:()=>console.log()}),items:I})))}i(om,"SettingsPage");import{i18n as DC}from"@lingui/core";import{cancelSwap as FC}from"@rango-dev/queue-manager-rango-preset";import{useManager as UC}from"@rango-dev/queue-manager-react";import{Alert as OC}from"@rango-dev/ui";import na from"react";import{useParams as zC}from"react-router-dom";import{i18n as St}from"@lingui/core";import{getCurrentBlockchainOfOrNull as CC,getCurrentStep as TC,getRelatedWalletOrNull as kC}from"@rango-dev/queue-manager-rango-preset";import{Button as Nm,CopyIcon as wC,Divider as vC,IconButton as xC,LinkIcon as bC,QuoteCost as IC,StepDetails as AC,Typography as po,useCopyToClipboard as EC}from"@rango-dev/ui";import{useWallets as WC}from"@rango-dev/wallets-react";import Bm from"bignumber.js";import{PendingSwapNetworkStatus as Br}from"rango-types";import R,{useEffect as Mm,useRef as LC,useState as Pm}from"react";import{useNavigate as NC}from"react-router-dom";import{i18n as Lt}from"@lingui/core";var XS=[Lt.t("Sunday"),Lt.t("Monday"),Lt.t("Tuesday"),Lt.t("Wednesday"),Lt.t("Thursday"),Lt.t("Friday"),Lt.t("Saturday")];function nm(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Lt.t("Today"):`${XS[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(nm,"timeSince");function rm(t){return t.finishTime?nm(parseInt(t.finishTime)):nm(parseInt(t.creationTime))}i(rm,"getSwapDate");import{Modal as nC}from"@rango-dev/ui";import{PendingSwapNetworkStatus as br}from"rango-types";import Ir from"react";import{i18n as vr}from"@lingui/core";import{Button as im,Divider as Gs,MessageBox as KS,Typography as sm}from"@rango-dev/ui";import lt from"react";var am=i(({onCancel:t,onClose:e})=>lt.createElement(lt.Fragment,null,lt.createElement(Gs,{size:20}),lt.createElement(KS,{type:"error",title:vr.t("Cancel Swap"),description:vr.t("Are you sure you want to cancel this swap?")}),lt.createElement(Gs,{size:32}),lt.createElement(im,{variant:"contained",type:"primary",size:"large",onClick:t},lt.createElement(sm,{variant:"title",size:"medium",color:"neutral100"},vr.t("Yes, Cancel it"))),lt.createElement(Gs,{size:12}),lt.createElement(im,{variant:"outlined",type:"primary",size:"large",onClick:e},lt.createElement(sm,{variant:"title",size:"medium",color:"primary"},vr.t("No, Continue")))),"CancelContent");import{i18n as xr}from"@lingui/core";import{Button as lm,Divider as Hs,MessageBox as YS,Typography as pm}from"@rango-dev/ui";import pt from"react";var cm=i(({onDelete:t,onClose:e})=>pt.createElement(pt.Fragment,null,pt.createElement(Hs,{size:20}),pt.createElement(YS,{type:"error",title:xr.t("Delete Transaction"),description:xr.t("Are you sure you want to delete this swap?")}),pt.createElement(Hs,{size:32}),pt.createElement(lm,{variant:"contained",type:"primary",size:"large",onClick:t},pt.createElement(pm,{variant:"title",size:"medium",color:"neutral100"},xr.t("Yes, Delete it"))),pt.createElement(Hs,{size:12}),pt.createElement(lm,{variant:"outlined",type:"primary",size:"large",onClick:e},pt.createElement(pm,{variant:"title",size:"medium",color:"primary"},xr.t("No, Cancel")))),"DeleteContent");import{i18n as Qs}from"@lingui/core";import{PendingSwapNetworkStatus as Vs}from"rango-types";var js={[Vs.WaitingForNetworkChange]:{type:"loading",title:Qs.t("Change Network")},[Vs.WaitingForConnectingWallet]:{type:"warning",title:Qs.t("Connect Wallet")},[Vs.NetworkChanged]:{type:"success",title:Qs.t("Network Changed")}};import{MessageBox as ZS,Wallet as RS,WalletState as eC}from"@rango-dev/ui";import{useWallets as tC}from"@rango-dev/wallets-react";import Oo,{useEffect as mm,useRef as oC}from"react";import{styled as JS}from"@rango-dev/ui";var um=JS("div",{display:"flex",justifyContent:"center"});var dm=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c,disconnect:u}=tC(),g=n?.walletType,m=g?Or(c(g)):null,d=oC(!1),C=g?p(g):null,y=s&&!!g&&!!m&&!!C;return mm(()=>()=>{d.current=!0},[]),mm(()=>()=>{d.current&&g&&m===eC.CONNECTING&&u(g)},[m]),Oo.createElement(Oo.Fragment,null,Oo.createElement(ZS,{type:e,title:o,description:r}),y&&Oo.createElement(um,null,Oo.createElement(RS,{container:L(),title:C.name,image:C.img,type:g,state:m,link:C.installLink,disabled:a,onClick:async()=>l(g)})))},"WalletStateContent");function Xs(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 Ir.createElement(nC,{open:!!e,onClose:o,container:document.getElementById(be.SWAP_BOX_ID)||document.body},p&&Ir.createElement(dm,{type:js[e].type,title:js[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==br.WaitingForNetworkChange}),e==="delete"&&Ir.createElement(cm,{onClose:o,onDelete:n}),e==="cancel"&&Ir.createElement(am,{onClose:o,onCancel:r}))}i(Xs,"SwapDetailsModal");import{i18n as zo}from"@lingui/core";import{Button as Ks,Divider as Ar,MessageBox as fm,Modal as rC,TokenAmount as iC,Typography as Er}from"@rango-dev/ui";import ke from"react";import{useNavigate as sC}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:c,percentageChange:u,description:g,diagnosisUrl:m}=t,d=sC();return ke.createElement(rC,{open:e,onClose:o,container:document.getElementById(be.SWAP_BOX_ID)||document.body},n==="success"?ke.createElement(fm,{type:"success",title:zo.t("Swap Successful")},ke.createElement(iC,{direction:"vertical",tooltipContainer:L(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),ke.createElement(Ar,{size:12}),ke.createElement(Er,{variant:"body",size:"medium",color:"neutral700",align:"center"},g)):ke.createElement(fm,{type:"error",title:zo.t("Transaction Failed"),description:g}),ke.createElement(Ar,{size:32}),n==="success"&&ke.createElement(Ks,{variant:"contained",type:"primary",size:"large",onClick:()=>{d("../../")}},ke.createElement(Er,{variant:"title",size:"medium",color:"neutral100"},zo.t("Done"))),ke.createElement(Ar,{size:12}),m&&ke.createElement(ke.Fragment,null,ke.createElement(Ks,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},ke.createElement(Er,{variant:"title",size:"medium",color:"primary"},zo.t("Diagnosis"))),ke.createElement(Ar,{size:12})),ke.createElement(Ks,{variant:"outlined",type:"primary",size:"large",onClick:o},ke.createElement(Er,{variant:"title",size:"medium",color:"primary"},zo.t("See Details"))))}i(Ys,"SwapDetailsCompleteModal");import yC from"react";import{i18n as dC}from"@lingui/core";import{Alert as Tm,IconButton as fC,LinkIcon as gC}from"@rango-dev/ui";import Nt,{Fragment as hC}from"react";import{Alert as aC,ChevronDownIcon as lC,ChevronUpIcon as pC,IconButton as cC}from"@rango-dev/ui";import Wr,{useState as uC}from"react";function gm(t){let{message:e}=t,[o,n]=uC(!1);return Wr.createElement(aC,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Wr.createElement(cC,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Wr.createElement(pC,{size:12,color:"gray"}):Wr.createElement(lC,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(gm,"FailedAlert");import{styled as mC}from"@rango-dev/ui";var hm=mC("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as ym}from"@lingui/core";import{Alert as Js,Button as Sm}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Zs}from"rango-types";import qo from"react";function Cm(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?qo.createElement(Js,{type:"warning",title:n.shortMessage,action:qo.createElement(Sm,{size:"xxsmall",type:"warning",onClick:()=>{o(Zs.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},ym.t("Change"))}):r===Zs.WaitingForConnectingWallet?qo.createElement(Js,{type:"warning",title:n.shortMessage,action:qo.createElement(Sm,{size:"xxsmall",type:"warning",onClick:()=>{o(Zs.WaitingForConnectingWallet)}},ym.t("Connect"))}):qo.createElement(Js,{type:"warning",title:n.shortMessage})}i(Cm,"WarningAlert");function Rs(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=ho(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return Nt.createElement(hm,null,s.explorerUrl?.map((g,m,d)=>{let C=m+g.url,y=m===d.length-1,f=(y&&c||p)&&!u,S=y&&s.status==="failed";return Nt.createElement(hC,{key:C},Nt.createElement(Tm,{type:y&&(f&&"loading"||S&&"error")||"success",title:g.description?`${g.description} Tx`:dC.t("View transaction"),action:g.url&&Nt.createElement(fC,{variant:"ghost",size:"xsmall",onClick:()=>window.open(g.url,"_blank")},Nt.createElement(gC,{size:12}))}))}),u&&Nt.createElement(Tm,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Nt.createElement(Cm,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Nt.createElement(gm,{message:r}))}i(Rs,"SwapDetailsAlerts");var km=2e3;var wm=i(({swap:t,blockchains:e,swappers:o,...n})=>{let r=t.hasAlreadyProceededToSign!==!1;return t.steps.map((s,a)=>{let l=a===0?t.inputAmount:t.steps[a-1].outputAmount||t.steps[a-1].expectedOutputAmountHumanReadable;return{from:{token:{displayName:s.fromSymbol,image:s.fromLogo??""},chain:{displayName:Ue(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:E(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ue(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:E(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:go(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Ue(p.fromBlockchain,e)??""},to:{blockchain:Ue(p.toBlockchain,e)??""},swapper:{displayName:go(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:yC.createElement(Rs,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function vm(t){if(ho(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i(vm,"getStepState");import{css as Go,darkTheme as SC,styled as qt}from"@rango-dev/ui";var xm=qt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Lr=qt("div",{width:"100%"}),bm=qt(Co,{padding:"$0 $20 $20 $20"}),GD=qt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Im=qt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),HD=qt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),lo=Go({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${SC} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),Am=Go({padding:"$5 0"}),Nr=Go({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),Em=Go({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Wm=Go({width:"100%",padding:"0 $20 $10"}),Lm=qt("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}=WC(),p=h().blockchains(),c=h().swappers(),u=h().tokens(),g=Y.use.retry(),m=pe.use.isActiveTab(),d=NC(),[C,y]=EC(km),f=LC(null),[S,k]=Pm(null),[b,T]=Pm(null),x=i(()=>{r(),k(null)},"onCancel"),v=Pe.use.getUnreadNotifications(),I=Pe.use.setAsRead(),A=v(),w=TC(e),W=w?.networkStatus;Mm(()=>{A.find(Ct=>Ct.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(T(e.status),I(e.requestId))},[e.status]),Mm(()=>{ee?k(Br.WaitingForNetworkChange):W===Br.WaitingForConnectingWallet||W===Br.NetworkChanged?k(W):k(null)},[W]);let F=dl(e),q=w?CC(e,w):null,V=w?kC(e,w):null,ue=rm(e),M=fl(e),G=i(Me=>!!l(Me)?.mobileWallet,"isMobileWallet"),ee=W===Br.WaitingForNetworkChange&&!!q&&!!V?.walletType&&(G(V.walletType)||s(V.walletType,q)),U=ee?a.bind(null,V.walletType,q):void 0,De=ml(e,w),j=wm({swap:e,switchNetwork:U,showNetworkModal:W,setNetworkModal:k,message:De,blockchains:p,swappers:c}),J=j.length,[xe,Se]=[e.steps[0],e.steps[J-1]],Ce=Se.outputAmount||Se.expectedOutputAmountHumanReadable,ct=e.steps.reduce((Me,Ct)=>Me+parseFloat(Ct.feeInUsd||""),0),_=e.steps.find(Me=>Me.diagnosisUrl)?.diagnosisUrl,X=E(parseFloat(E(Ce,6,6))*(Se.toUsdPrice||0),4,4),H=E(parseFloat(e.inputAmount)*(xe.fromUsdPrice||0),4,4),le=Ce?se(new Bm(Ce).multipliedBy(Se.toUsdPrice||0)):"",ut=se(new Bm(e.inputAmount).multipliedBy(xe.fromUsdPrice||0)),Qe=Oe(H,X),Fr=e.status==="success"?St.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:E(Ce,6,6),token:j[J-1].to.token.displayName,conciseAddress:rn(e.wallets[j[J-1].to.chain.displayName]?.address||""),chain:j[J-1].to.chain.displayName}}):`${St.t("Transaction was not sent.")} ${F?St.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:F.outputAmount,symbol:F.symbol,blockchain:F.blockchain}}):""}`;return R.createElement(ne,{header:{title:St.t("Swap and Bridge"),onCancel:e.status==="running"?()=>k("cancel"):void 0,suffix:e.status!=="running"&&R.createElement(Jt,null,R.createElement(Nm,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>k("delete")},R.createElement(po,{size:"medium",variant:"label",color:"error"},St.t("Delete"))))},footer:M&&!b&&R.createElement(Nm,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{g(e,{blockchains:p,tokens:u}),setTimeout(()=>{d("../../")},0)}},St.t("Try again"))},R.createElement(re,{compact:!0,view:!0},R.createElement(Lr,null,R.createElement("div",{className:lo()},R.createElement(po,{variant:"label",size:"large",color:"neutral700"},`${St.t("Request ID")}:`),R.createElement("div",{className:Nr()},R.createElement(po,{variant:"label",size:"small",color:"neutral700"},o),R.createElement(xC,{variant:"ghost",onClick:y.bind(null,o||"")},R.createElement(wC,{size:16,color:"gray"})),R.createElement(Lm,{target:"_blank",href:`${ua}/swap/${o}`},R.createElement(bC,{size:16})))),R.createElement("div",{className:lo()},R.createElement(po,{variant:"label",size:"large",color:"neutral700"},`${St.t(e.finishTime?"Finished at":"Created at")}:`),R.createElement(po,{variant:"label",size:"small",color:"neutral700"},ue))),R.createElement("div",{className:Em()},R.createElement(IC,{fee:E(String(ct),2,2),time:Yo(Jo(e.steps)),steps:J}),R.createElement(Io,{from:{price:{value:E(e.inputAmount,6,6),usdValue:H,realUsdValue:ut,realValue:e.inputAmount},token:{displayName:j[0].from.token.displayName,image:j[0].from.token.image},chain:{image:j[0].from.chain.image,displayName:j[0].from.chain.displayName}},to:{price:{value:E(Ce,6,6),usdValue:X,realUsdValue:le,realValue:Ce},token:{displayName:j[J-1].to.token.displayName,image:j[J-1].to.token.image},chain:{image:j[J-1].to.chain.image,displayName:j[J-1].to.chain.displayName}},percentageChange:E(Qe,2,2),warningLevel:mt(Qe??0)})),R.createElement("div",{className:Wm()},R.createElement(po,{variant:"title",size:"small"},St.t("Swaps steps"))),R.createElement(vC,{size:8}),R.createElement(bm,{ref:f},j.map((Me,Ct)=>{let pa=Ct,co=vm(e.steps[Ct]),ed=co==="error"||co==="in-progress"||co==="warning"||co==="completed"&&Ct===j.length-1;return R.createElement(AC,{key:pa,step:Me,type:"swap-progress",ref:f,state:co,hasSeparator:Ct!==0,tabIndex:pa,isFocused:ed,tooltipContainer:L()})}))),R.createElement(Xs,{state:S,onClose:()=>k(null),onCancel:x,onDelete:n,message:De.detailedMessage.content,currentStepWallet:V,walletButtonDisabled:!m}),R.createElement(Ys,{open:!!b,diagnosisUrl:_,onClose:()=>T(null),status:e.status==="success"?"success":"failed",priceValue:E(Ce,6,6),usdValue:X,realUsdValue:le,realValue:se(Ce),percentageChange:E(Qe,2,2),token:{displayName:j[J-1].to.token.displayName,image:j[J-1].to.token.image},chain:{image:j[J-1].to.chain.image},description:Fr}))}i(ea,"SwapDetails");import{i18n as Pr}from"@lingui/core";import{Divider as Dm,NotFound as _C,Skeleton as Qo,Typography as $r}from"@rango-dev/ui";import ce from"react";import{i18n as BC}from"@lingui/core";import{Divider as MC,Skeleton as PC,Typography as $C}from"@rango-dev/ui";import de from"react";import{css as Re,styled as ta}from"@rango-dev/ui";var $m=ta("div",{width:"100%",height:"100%",padding:"$10 $20"}),Ho=ta("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Mr=ta("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),v1=Re({display:"flex",justifyContent:"space-between",alignItems:"center"}),x1=Re({display:"flex",justifyContent:"space-between",alignItems:"center"}),b1=Re({paddingTop:"$15",display:"flex"}),I1=Re({padding:"$15 $0"}),A1=Re({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),E1=Re({paddingBottom:"$10"}),W1=Re({display:"flex",justifyContent:"start",alignItems:"center"}),L1=Re({paddingTop:"$5",display:"flex",alignItems:"center"}),N1=Re({display:"flex",alignItems:"center"}),B1=Re({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),_m=Re({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function oa(){return de.createElement($m,null,de.createElement(Wo,{type:"swap-preview"}),de.createElement("div",{className:"swaps-steps"},de.createElement($C,{variant:"title",size:"small"},BC.t("Swaps steps"))),de.createElement(de.Fragment,null,de.createElement(Ho,null,de.createElement(at,{separator:!1}),de.createElement("div",{className:_m()},de.createElement(MC,{direction:"horizontal",size:20}),de.createElement(PC,{height:22,variant:"rectangular"}))),de.createElement(Mr,null),de.createElement(Ho,null,de.createElement(at,{separator:!1})),de.createElement(Mr,null),de.createElement(Ho,null,de.createElement(at,{separator:!1})),de.createElement(Mr,null),de.createElement(Ho,null,de.createElement(at,{separator:!1}))))}i(oa,"LoadingSwapDetails");function Fm(t){let{requestId:e,showSkeleton:o}=t;return ce.createElement(ne,{header:{title:Pr.t("Swap and Bridge"),suffix:ce.createElement(Jt,null)}},o&&ce.createElement(xm,null,ce.createElement(Lr,null,ce.createElement("div",{className:lo()},ce.createElement($r,{variant:"label",size:"large",color:"neutral700"},`${Pr.t("Request ID")}:`),ce.createElement("div",{className:Nr()},ce.createElement($r,{variant:"label",size:"small",color:"neutral700"},ce.createElement(Qo,{width:60,height:10,variant:"rounded"})),ce.createElement(Dm,{direction:"horizontal",size:4}),ce.createElement(Qo,{width:16,height:16,variant:"rectangular"}),ce.createElement(Dm,{direction:"horizontal",size:4}),ce.createElement(Qo,{width:16,height:16,variant:"rectangular"}))),ce.createElement("div",{className:lo()},ce.createElement($r,{className:Am(),variant:"label",size:"large",color:"neutral700"},ce.createElement(Qo,{width:60,height:10,variant:"rounded"})),ce.createElement($r,{variant:"label",size:"small",color:"neutral700"},ce.createElement(Qo,{width:60,height:10,variant:"rounded"})))),ce.createElement(oa,null)),!o&&ce.createElement(Im,null,ce.createElement(_C,{title:Pr.t("Not found"),description:Pr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Fm,"SwapDetailsPlaceholder");function Um(){let{manager:t,state:e}=UC(),o=!e.loadedFromPersistor,n=bt(t),{requestId:r}=zC(),s=xt(),{fetchStatus:a}=h();if(!r)return na.createElement(OC,{containerStyles:{margin:"20px"},type:"error",title:DC.t("The request ID is necessary to display the swap details.")});let l=o||a==="loading",p=r?n.find(({swap:m})=>m.requestId===r):void 0,c=i(()=>{if(p?.id){let m=t?.get(p.id);m&&FC(m)}},"onCancel"),u=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),g=p?.swap;return!g||l?na.createElement(Fm,{requestId:r,showSkeleton:l}):na.createElement(ea,{swap:g,requestId:r,onCancel:c,onDelete:u})}i(Um,"SwapDetailsPage");import{i18n as Vo}from"@lingui/core";import{AutoThemeIcon as qC,DarkModeIcon as GC,LightModeIcon as HC,List as QC,ListItemButton as VC,Radio as ra,RadioRoot as jC,Typography as ia}from"@rango-dev/ui";import Ne from"react";function Om(){let{setTheme:t,theme:e}=h(),o=[{id:"light",value:"light",title:Ne.createElement(ia,{variant:"title",size:"xmedium"},Vo.t("Light")),onClick:()=>t("light"),start:Ne.createElement(HC,{color:"gray"}),end:Ne.createElement(ra,{value:"light"})},{id:"dark",value:"dark",title:Ne.createElement(ia,{variant:"title",size:"xmedium"},Vo.t("Dark")),onClick:()=>t("dark"),start:Ne.createElement(GC,{color:"gray"}),end:Ne.createElement(ra,{value:"dark"})},{id:"auto",value:"auto",title:Ne.createElement(ia,{variant:"title",size:"xmedium"},Vo.t("Auto")),onClick:()=>t("auto"),start:Ne.createElement(qC,{color:"gray"}),end:Ne.createElement(ra,{value:"auto"})}];return Ne.createElement(ne,{header:{title:Vo.t("Theme")}},Ne.createElement(re,null,Ne.createElement(jC,{onValueChange:n=>t(n),value:e},Ne.createElement(QC,{type:Ne.createElement(VC,{title:Vo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Om,"ThemePage");function zm(){return wl(),pi(),XC([{path:P.home,element:Be.createElement(fu,null)},{path:P.fromSwap,children:[{index:!0,element:Be.createElement(Fs,{type:"source"})},{path:P.blockchains,element:Be.createElement(ks,{type:"source"})}]},{path:P.toSwap,children:[{index:!0,element:Be.createElement(Fs,{type:"destination"})},{path:P.blockchains,element:Be.createElement(ks,{type:"destination"})}]},{path:P.settings,children:[{index:!0,element:Be.createElement(om,null)},{path:P.themes,element:Be.createElement(Om,null)},{path:P.languages,element:Be.createElement(hu,null)},{path:P.exchanges,element:Be.createElement(ys,{sourceType:"Exchanges"})},{path:P.bridges,element:Be.createElement(ys,{sourceType:"Bridges"})}]},{path:P.swaps,children:[{index:!0,element:Be.createElement(au,null)},{path:P.swapDetails,element:Be.createElement(Um,null)}]},{path:P.wallets,element:Be.createElement(kp,null)},{path:P.confirmSwap,element:Be.createElement(Kc,null)}])}i(zm,"AppRoutes");import{isApprovalTX as KC,MainEvents as qm,RouteEventType as Gm,StepEventType as Hm,StepExecutionEventStatus as YC,useEvents as JC}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Qm}from"react";function Vm(){let t=h().tokens(),e=Q.use.connectedWallets(),o=Q.use.getWalletsDetails(),n=Pe.use.setNotification(),r=JC();return Qm(()=>(r.on(qm.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Hm.TX_EXECUTION&&a.status===YC.TX_SENT&&!KC(l)||a.type===Hm.SUCCEEDED){let u=e.find(m=>m.chain===l?.fromBlockchain),g=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);u&&o([u],t),g&&o([g],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),Qm(()=>(r.on(qm.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Gm.FAILED||a.type===Gm.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Vm,"WidgetEvents");import{globalCss as ZC}from"@rango-dev/ui";var jm=i(()=>ZC({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");import{styled as RC}from"@rango-dev/ui";var Xm=RC("div",{display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function _r(){jm();let{config:t}=h(),{activeTheme:e}=$n(t?.theme||{}),{activeLanguage:o}=io(),[n,r]=Km(""),[s,a]=Km(),l=tT(dn);return oT(()=>{Pe.persist.rehydrate(),l.onConnectWallet(r)},[]),jo.createElement(eT,{language:o},jo.createElement(Xm,{id:"swap-container",className:e()},jo.createElement(Vm,null),jo.createElement(Za,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},jo.createElement(zm,null))))}i(_r,"Main");import aa,{useMemo as TT}from"react";import{checkWaitingForNetworkChange as nT,makeQueueDefinition as rT}from"@rango-dev/queue-manager-rango-preset";import{Provider as iT}from"@rango-dev/queue-manager-react";import{useWallets as sT}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as aT}from"@rango-dev/wallets-shared";import{isEvmBlockchain as lT}from"rango-types";import pT,{useMemo as cT}from"react";function uT(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=sT(),l=cT(()=>rT({API_KEY:t.apiKey||Gt("API_KEY"),BASE_URL:Gt("BASE_URL")}),[t.apiKey]),p=h().blockchains(),u={blockchains:Q.use.connectedWallets().map(b=>({accounts:[b],name:b.chain}))},g=i(async(b,T)=>{if(s(b,T))return r(b,T)},"switchNetwork"),m=i(b=>!!a(b).mobileWallet,"isMobileWallet"),d=p.filter(b=>b.enabled).reduce((b,T)=>(b[T.name]=T,b),{}),C=p.filter(lT),y=i(b=>{let{supportedChains:T}=a(b);return en(T)},"getSupportedChainNames"),f=e(),S={meta:{blockchains:d,evmBasedChains:C,evmNetworkChainInfo:aT(C),getSupportedChainNames:y},getSigners:o,wallets:u,providers:f,switchNetwork:g,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},k=pe.use.isActiveTab();return pT.createElement(iT,{queuesDefs:[l],context:S,onPersistedDataLoaded:b=>{nT(b)},isPaused:!k},t.children)}i(uT,"QueueManager");var Ym=uT;import{useManager as hT}from"@rango-dev/queue-manager-react";import yT,{createContext as ST,useContext as CT}from"react";import{cancelSwap as mT,getCurrentBlockchainOfOrNull as dT,getCurrentStep as fT,getRelatedWalletOrNull as gT}from"@rango-dev/queue-manager-rango-preset";var Xo=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return bt(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){return this.actions.retrySwap(e,o)}cancel(e){let o=this.manager?.get(e);o&&mT(o)}getCurrentStepInfo(e){let o=fT(e);return{step:o,wallet:o?gT(e,o):null,network:o?dT(e,o):null}}};i(Xo,"WidgetHistory");var Jm=ST(void 0);function sa(t){let{manager:e}=hT(),o=pe.use.isActiveTab(),n=Y.use.retry(),r=new Xo(e,{retrySwap:n}),s=Q.use.connectedWallets(),a=Q.use.loading(),l=ka(s),p=Q.use.getWalletsDetails(),c=h().blockchains(),u=h().tokens(),g=h().swappers(),m=h().fetchStatus,d=io().resetLanguage,C=Pe().getUnreadNotifications(),y={isActiveTab:o,setCurrentTabAsActive:un,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:c,tokens:u,swappers:g,loadingStatus:m},resetLanguage:d,notifications:{list:C}};return yT.createElement(Jm.Provider,{value:y},t.children)}i(sa,"WidgetInfo");function Zm(){let t=CT(Jm);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Zm,"useWidget");function Dr(t){let{onUpdateState:e,config:o}=t;return TT(()=>{Aa({API_KEY:o?.apiKey||Ko,BASE_URL:o?.apiUrl||ca})},[o.apiKey,o.apiUrl]),aa.createElement(fn,{config:o,onUpdateState:e},aa.createElement(Ym,{apiKey:o.apiKey},aa.createElement(sa,null,t.children)))}i(Dr,"WidgetProvider");function Rm(t){return kT(()=>Ya,[]),t.config?.externalWallets?la.createElement(_r,null):la.createElement(Dr,{config:t.config??Qr},la.createElement(_r,null))}i(Rm,"Widget");export{aO as EventSeverity,lO as MainEvents,SO as Networks,kO as PendingSwapNetworkStatus,pO as RouteEventType,cO as StepEventType,uO as StepExecutionBlockedEventStatus,mO as StepExecutionEventStatus,be as UI_ID,hO as WalletEvents,CO as WalletTypes,Rm as Widget,Dr as WidgetProvider,fn as WidgetWallets,gi as customizedThemeTokens,gO as readAccountAddress,Wp as useWallets,Zm as useWidget,dO as useWidgetEvents};
3
3
  //# sourceMappingURL=index.js.map