@rango-dev/widget-embedded 0.14.1-next.2 → 0.14.1-next.4

package/dist/index.js

@@ -1,2 +1,2 @@
-var Sp=Object.defineProperty;var i=(t,e)=>Sp(t,"name",{value:e,configurable:!0});import{I18nManager as mg,styled as dg}from"@rango-dev/ui";import lt,{useContext as fg,useEffect as hp,useMemo as gg,useState as fp}from"react";import{useQueueManager as lc}from"@rango-dev/queue-manager-rango-preset";import{useWallets as pc}from"@rango-dev/wallets-react";import{isEvmBlockchain as uc}from"rango-types";import yt,{useEffect as cc,useRef as mc}from"react";import{MemoryRouter as dc,useInRouterContext as fc}from"react-router";import{useLocation as gc,useNavigate as hc}from"react-router-dom";var g={home:"/",fromSwap:"from-swap",fromBlockchain:"/from-swap/blockchains",toBlockchain:"/to-swap/blockchains",toSwap:"to-swap",settings:"settings",liquiditySources:"/settings/liquidity-sources",themes:"/settings/themes",bridges:"/settings/bridges",exchanges:"/settings/exchanges",languages:"/settings/languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:"swaps/:requestId"};import{i18n as Yo}from"@lingui/core";import{Alert as Vu,BestRoute as Ku,BestRouteSkeleton as Xu,Button as ju,Divider as tr,styled as Lt,SwapInput as Ds,Typography as or,WarningIcon as Yu}from"@rango-dev/ui";import Y,{useEffect as Ru,useRef as Qu,useState as Zu}from"react";import{useNavigate as Ju}from"react-router-dom";import{ChevronLeftIcon as Tp}from"@rango-dev/ui";import di from"react";import{darkTheme as Cp,IconButton as kp,styled as So}from"@rango-dev/ui";var Fe=So(kp,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),ci=So("div",{position:"absolute",background:"$secondary500",[`.${Cp} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),xt=So("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),mi=So("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function Dn(t){return di.createElement(Fe,{variant:"ghost",size:"small",onClick:t.onClick},di.createElement(Tp,{color:"black",size:16}))}i(Dn,"BackButton");import{i18n as wp}from"@lingui/core";import{Button as vp,Typography as bp}from"@rango-dev/ui";import _n from"react";function Fn(t){return _n.createElement(xt,null,_n.createElement(vp,{variant:"ghost",onClick:t.onClick,size:"xsmall"},_n.createElement(bp,{variant:"label",size:"medium",color:"error500"},wp.t("Cancel"))))}i(Fn,"CancelButton");import{i18n as xp}from"@lingui/core";import{Tooltip as Ep,WalletIcon as Ap}from"@rango-dev/ui";import Co from"react";function $n(t){return Co.createElement(Ep,{container:t.container,side:"top",content:xp.t("Connect Wallet")},Co.createElement(Fe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Co.createElement(ci,null),Co.createElement(Ap,{size:18,color:"black"})))}i($n,"WalletButton");import{i18n as No}from"@lingui/core";import{NotificationsIcon as ru,Popover as iu,RefreshIcon as su,SettingsIcon as au,Tooltip as Io,TransactionIcon as lu}from"@rango-dev/ui";import de from"react";function Et(t){return Array.from(new Set(t))}i(Et,"removeDuplicateFrom");function On(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(On,"areEqual");function gi(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(gi,"debounce");function gt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(gt,"containsText");var fi=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[o,n,r]=t.match(/.{2}/g);[o,n,r]=[parseInt(o,16)+e,parseInt(n,16)+e,parseInt(r,16)+e],o=Math.max(Math.min(255,o),0).toString(16),n=Math.max(Math.min(255,n),0).toString(16),r=Math.max(Math.min(255,r),0).toString(16);let s=(o.length<2?"0":"")+o,a=(n.length<2?"0":"")+n,p=(r.length<2?"0":"")+r;return`#${s}${a}${p}`},"colorShade"),hi=i((t,e)=>{let o={[t]:e};for(let n=1;n<10;n++)n<5&&(o={...o,[t+n*100]:fi(e,(5-n)*32)}),n===5&&(o={...o,[t+n*100]:e}),n>5&&(o={...o,[t+n*100]:fi(e,-((n-5)*32))});return o},"generateRangeColors"),ae=i(()=>document.getElementById("swap-box"),"getContainer");import{i18n as Qp}from"@lingui/core";import{ChainToken as Oi,ChevronRightIcon as Zp,ListItemButton as Jp,Typography as eu}from"@rango-dev/ui";import Oe from"react";import{useNavigate as tu}from"react-router-dom";import{create as qp}from"zustand";import{create as Up}from"zustand";var Bp=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"),we=Bp;var Wp={apiKey:""},yi=i((t,e)=>({config:Wp,updateConfig:o=>{let n=e().config;t({config:{...n,...o}})}}),"createConfigSlice");import{RangoClient as Np}from"rango-sdk";var Si="c6381a79-2817-4602-83bf-6a641a409e32";var Un={API_KEY:Si};function ko(t){return Un[t]}i(ko,"getConfig");function Ci(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Un=e,Un}i(Ci,"initConfig");var ki=20,Ti=25;var To,At=i(()=>To||(To=new Np(ko("API_KEY")),To),"httpService");import{WalletState as Xe}from"@rango-dev/ui";import{readAccountAddress as Lp}from"@rango-dev/wallets-react";import{detectInstallLink as Pp,getCosmosExperimentalChainInfo as Dp,isEvmAddress as _p,KEPLR_COMPATIBLE_WALLETS as ph,Networks as bi}from"@rango-dev/wallets-shared";import zn from"bignumber.js";import{isCosmosBlockchain as Fp}from"rango-types";import Ip from"bignumber.js";var Me=new Ip(0);import{WalletTypes as Mp}from"@rango-dev/wallets-shared";var wi=[Mp.LEAP];import{BigNumber as vi}from"bignumber.js";var Bt=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),k=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new vi(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new vi(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 Wt=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Ke=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Gt=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function wo(t,e=4){let o=parseFloat(t);if(isNaN(o))return t;let n=Math.pow(10,e);return(Math.round(o*n)/n).toString()}i(wo,"limitDecimalPlaces");function $p(t){switch(!0){case t.connected:return Xe.CONNECTED;case t.connecting:return Xe.CONNECTING;case!t.installed:return Xe.NOT_INSTALLED;default:return Xe.DISCONNECTED}}i($p,"mapStatusToWalletState");function xi(t,e,o,n){return o.filter(r=>!wi.includes(r)).filter(r=>{if(n){let{supportedChains:s}=e(r);return!!s.find(a=>a.name===n)}return!0}).map(r=>{let{name:s,img:a,installLink:p}=e(r),l=$p(t(r));return{title:s,image:a,link:Pp(p),state:l,type:r}})}i(xi,"mapWalletTypesToWalletInfo");function vo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(vo,"walletAndSupportedChainsNames");function Ei(t,e,o,n){let r=[];function s(p,l){if(!!!r.find(m=>m.chain===p)){let m={address:l,chain:p,walletType:t};r.push(m)}}i(s,"addAccount");let a=n||[];return e.forEach(p=>{let{address:l,network:u}=Lp(p),m=a.length>0,d=a.includes(u),c=u===bi.Unknown;if(m&&!d&&!c)return;let C=u===bi.Unknown&&_p(l);if(c&&!C)return;o.includes(u)||C?a.filter(T=>o.includes(T)).forEach(T=>{s(T,l.toLowerCase())}):s(u,l)}),r}i(Ei,"prepareAccountsForWalletStore");function Ai(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,p=s.to.blockchain;e.includes(a)||e.push(a),e.includes(p)||e.push(p)})}),e}i(Ai,"getRequiredChains");function Nt(t,e,o,n){if(t.length===0)return null;let r=t.filter(s=>s.chain===e);return r.length===0?null:r.map(s=>s.balances?.find(a=>n!==null&&a.address===n||n===null&&a.address===n&&a.symbol===o)||null).filter(s=>s!==null).sort((s,a)=>parseFloat(a?.amount||"0")-parseFloat(s?.amount||"1")).find(()=>!0)||null}i(Nt,"getBalanceFromWallet");function bo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(bo,"isAccountAndWalletMatched");function Bi(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 zn(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:xo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Bi,"makeBalanceFor");function Wi(t){return{...t,loading:!1,error:!0}}i(Wi,"resetConnectedWalletState");var xo=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Eo=i((t,e)=>{let o=Dp(Object.entries(t).map(([,n])=>n).filter(Fp));return o&&o[e]?.experimental},"isExperimentalChain");function Op(t,e){return t.map(({balance:o,...n})=>{let r=k(new zn(Nt(e,n.blockchain,n.symbol,n.address)?.amount||Me)),s="";return n.usdPrice&&(s=k(new zn(Nt(e,n.blockchain,n.symbol,n.address)?.amount||Me).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:s}}}})}i(Op,"getTokensWithBalance");function Ni(t,e){let o=e.length>0?Op(t,e):t;return o.sort((n,r)=>n.balance?.usdValue&&r.balance?.usdValue?parseFloat(r.balance.usdValue)-parseFloat(n.balance.usdValue):!n.balance?.usdValue&&r.balance?.usdValue?1:n.balance?.usdValue&&!r.balance?.usdValue?-1:!n.balance?.usdValue&&!r.balance?.usdValue?parseFloat(r.balance?.amount||"0")-parseFloat(n.balance?.amount||"0"):0),o}i(Ni,"getTokensBalanceFromWalletAndSort");function $e(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i($e,"tokensAreEqual");function Ii(t){return t.sort((e,o)=>+(o.state===Xe.CONNECTED)-+(e.state===Xe.CONNECTED)||+(o.state===Xe.DISCONNECTED||o.state===Xe.CONNECTING)-+(e.state===Xe.DISCONNECTED||e.state===Xe.CONNECTING))}i(Ii,"sortWalletsBasedOnConnectionState");function Ao(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(Ao,"getConciseAddress");function Mi({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Mi,"getAddress");var Li=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],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(p=>!(s.length>0&&!s.includes(p.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(l=>s.length>0&&!s.some(u=>$e(u,l))||o.blockchain&&l.blockchain!==o.blockchain||!a.some(u=>u.name===l.blockchain)?!1:o.searchFor?!!(gt(l.symbol,o.searchFor)||gt(l.address||"",o.searchFor)||gt(l.name||"",o.searchFor)):!0).sort((l,u)=>e().isTokenPinned(l)?-1:e().isTokenPinned(u)||l.isSecondaryCoin?1:u.isSecondaryCoin||!l.address&&u.address?-1:l.address&&!u.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>$e(r,o)),fetch:async()=>{let o=await At().getAllMetadata(),n=[],r=[],s=o.popularTokens,a=o.swappers,p=new Set;o.tokens.forEach(l=>{p.add(l.blockchain),r.push(l)}),o.blockchains.forEach(l=>{l.enabled&&p.has(l.name)&&n.push(l)}),n.sort((l,u)=>l.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}}),"createDataSlice");var zp=Up()((...t)=>({...Li(...t),...yi(...t)})),Le=we(zp);var v=we(qp()(t=>({meta:{blockchains:[],popularTokens:[],swappers:[],tokens:[]},loadingStatus:"loading",fetchMeta:async()=>{try{await Le.getState().fetch();let e=Le.getState(),o={blockchains:e.blockchains(),tokens:e.tokens(),popularTokens:e._popularTokens,swappers:e._swappers};t({meta:o,loadingStatus:"success"})}catch{t({loadingStatus:"failed"})}}})));import{create as Hp}from"zustand";import{persist as Gp,subscribeWithSelector as Vp}from"zustand/middleware";var Pe=we(Hp()(Gp(Vp((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,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:s.toBlockchain,tokenSymbol:s.toSymbol,tokenAddress:s.toSymbolAddress}}},p=e().notifications.filter(l=>l.requestId!==n.requestId);t(()=>({notifications:[...p,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{create as Kp}from"zustand";var ve=we(Kp()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as Bo}from"@rango-dev/ui";var Pi=Bo("div",{padding:"$10",width:"350px",minHeight:"150px"}),Di=Bo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),_i=Bo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Fi=Bo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Xp}from"@lingui/core";import{Divider as jp,NoNotificationIcon as Yp,Typography as Rp}from"@rango-dev/ui";import Wo from"react";function $i(){return Wo.createElement(Fi,null,Wo.createElement(Yp,{color:"secondary",size:26}),Wo.createElement(jp,{size:12}),Wo.createElement(Rp,{variant:"body",size:"medium",color:"neutral900"},Xp.t("You have no notification")))}i($i,"NotificationNotFound");var ou=4;function qn(){let t=tu(),e=ve.use.setSelectedSwap(),{getUnreadNotifications:o}=Pe(),n=o(),{tokens:r,blockchains:s}=v.use.meta(),a=n.sort((l,u)=>u.creationTime-l.creationTime).slice(0,ou),p=i(l=>{e(l),t(`/swaps/${l}`)},"handleOnClick");return Oe.createElement(Pi,null,a.length?Oe.createElement(Di,null,a.map(l=>{let u=r.find(h=>h.address===l.route.from.tokenAddress&&h.blockchain===l.route.from.blockchain&&h.symbol===l.route.from.tokenSymbol),m=s.find(h=>h.name===l.route.from.blockchain),d=r.find(h=>h.address===l.route.to.tokenAddress&&h.blockchain===l.route.to.blockchain&&h.symbol===l.route.to.tokenSymbol),c=s.find(h=>h.name===l.route.to.blockchain);return Oe.createElement(Jp,{key:l.requestId,onClick:()=>p(l.requestId),title:Oe.createElement(eu,{variant:"body",size:"small",color:"$neutral900"},Qp.t(l.event.message)),id:l.requestId,start:Oe.createElement(_i,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(Oi,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(Oi,{tokenImage:d?d.image:"",chainImage:c?c.logo:"",size:"small"}))),end:Oe.createElement(Zp,{size:12,color:"gray"})})})):Oe.createElement($i,null))}i(qn,"NotificationContent");import{Typography as nu}from"@rango-dev/ui";import Ui from"react";function zi(){let{getUnreadNotifications:t}=Pe(),e=t().length;return e?Ui.createElement(mi,null,Ui.createElement(nu,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(zi,"UnreadNotificationsBadge");function Hn(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:s}=t;return de.createElement(de.Fragment,null,de.createElement(Io,{container:ae(),side:"top",content:No.t("Refresh")},de.createElement(Fe,{variant:"ghost",size:"small",onClick:o,disabled:!o},de.createElement(su,{size:16,color:o?"black":"gray"}))),de.createElement(Io,{container:ae(),side:"top",content:No.t("Notifications")},de.createElement(iu,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:ae(),content:de.createElement(qn,null)},de.createElement(Fe,{size:"small",variant:"ghost",onClick:s},de.createElement(ru,{size:18,color:"black"}),de.createElement(zi,null)))),de.createElement(Io,{container:ae(),side:"top",content:No.t("Settings")},de.createElement(Fe,{size:"small",variant:"ghost",onClick:r},de.createElement(au,{size:18,color:"black"}))),de.createElement(Io,{container:ae(),side:"top",content:No.t("Transactions History")},de.createElement(Fe,{size:"small",variant:"ghost",onClick:n},de.createElement(lu,{size:18,color:"black"}))))}i(Hn,"HomeButtons");import{BottomLogo as cu,Divider as mu,Header as du}from"@rango-dev/ui";import ge from"react";import{useNavigate as fu}from"react-router-dom";import{create as pu}from"zustand";import{subscribeWithSelector as uu}from"zustand/middleware";var G=we(pu()(uu((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:o=>{let n=e().getWalletsDetails;t(r=>({loading:!0,connectedWallets:r.connectedWallets.filter(s=>s.walletType!==o[0].walletType).concat(o.map(s=>{let a=!r.connectedWallets.find(p=>p.chain===s.chain&&p.selected);return{balances:[],address:s.address,chain:s.chain,explorerUrl:null,walletType:s.walletType,selected:a,loading:!0,error:!1}}))})),n(o)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(s=>s.selected&&s.walletType!==o).map(s=>s.chain);return{connectedWallets:n.connectedWallets.filter(s=>s.walletType!==o).map(s=>r.includes(s.chain)?s:(r.push(s.chain),{...s,selected:!0}))}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(p=>p.chain===r.chain&&p.walletType!==r.walletType&&r.selected),a=!!o.find(p=>p.chain===r.chain&&p.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n=!0)=>{let r=e().getWalletsDetails,{tokens:s}=v.getState().meta;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(p=>o.find(l=>bo(l,p))?{...p,loading:!0}:p)}));try{let a=o.map(({address:u,chain:m})=>({address:u,blockchain:m})),l=(await At().getWalletsDetails(a)).wallets;if(l)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(m=>{let d=o.find(h=>bo(h,m)),c=l.find(h=>h.address===m.address&&h.blockChain===m.chain);return c?.failed&&d&&n&&r([d],!1),d&&c?{...m,explorerUrl:c.explorerUrl,balances:Bi(c,s)}:m})}));else throw new Error("Wallet not found")}catch{t(p=>({loading:!1,connectedWallets:p.connectedWallets.map(l=>o.find(u=>bo(u,l))?Wi(l):l)}))}}}))));import{styled as Gn}from"@rango-dev/ui";var qi=Gn("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",overflow:"hidden !important",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",width:"95vw",maxWidth:"390px",maxHeight:"700px",backgroundColor:"$neutral100",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),Hi=Gn("div",{borderTopLeftRadius:"20px",borderTopRightRadius:"20px",display:"flex",flexDirection:"column",flex:1,padding:"$20 $20 $10 $20",backgroundColor:"$background",position:"relative",overflowY:"auto",overflowX:"hidden",variants:{noPadding:{true:{padding:"0"}}}}),Gi=Gn("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function gu(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:p=!0}=t,l=G.use.connectedWallets(),u=ve.use.connectWalletsButtonDisabled(),m=fu(),d=i(()=>{u||m("/"+g.wallets)},"onConnectWallet");return ge.createElement(qi,{ref:e,fixedHeight:p,id:"swap-box"},ge.createElement(du,{prefix:ge.createElement(ge.Fragment,null,n.onBack&&ge.createElement(Dn,{onClick:n.onBack})),title:n.title,suffix:ge.createElement(ge.Fragment,null,n.suffix,n.hasConnectWallet&&ge.createElement($n,{container:ae(),onClick:d,isConnected:!!l?.length}),n.onCancel&&ge.createElement(Fn,{onClick:n.onCancel}))}),ge.createElement(Hi,{noPadding:s},o),(a||r)&&ge.createElement(Gi,null,ge.createElement("div",{className:"footer__content"},r),a&&ge.createElement("div",{className:"footer__logo"},ge.createElement(mu,{size:12}),ge.createElement(cu,null))))}i(gu,"LayoutComponent");var Q=ge.forwardRef(gu);Q.displayName="Layout";import{Alert as Cu,Button as ku,Divider as os,NoRouteIcon as Tu,RefreshIcon as wu,Typography as ns}from"@rango-dev/ui";import Ue from"react";import{i18n as Se}from"@lingui/core";var Vt=(r=>(r[r.ROUTE_UPDATED=0]="ROUTE_UPDATED",r[r.ROUTE_SWAPPERS_UPDATED=1]="ROUTE_SWAPPERS_UPDATED",r[r.ROUTE_COINS_UPDATED=2]="ROUTE_COINS_UPDATED",r[r.ROUTE_AND_OUTPUT_AMOUNT_UPDATED=3]="ROUTE_AND_OUTPUT_AMOUNT_UPDATED",r))(Vt||{});var z={genericServerError:Se.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Se.t("Please reset your liquidity sources."),description:Se.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noRoutesError:{title:Se.t("No Routes Found"),description:"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:Se.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:Se.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:Se.t("High Price Impact"),title:Se.t("Price impact is too high!"),description:Se.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:Se.t("Confirm High price impact")},routeUpdatedWithHighValueLoss:{title:Se.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Se.t("USD Price Unknown"),title:Se.t("USD Price Unknown, Cannot calculate Price Impact."),description:Se.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Se.t("Confirm USD Price Unknown")}};function Mo(t){switch(t.type){case 0:return t.diagnosisMessage??z.noRoutesError.title;case 2:return z.genericServerError;case 1:return z.routeUpdatedWithHighValueLoss.title;default:return""}}i(Mo,"getConfirmSwapErrorMessage");import{create as hu}from"zustand";import{persist as yu,subscribeWithSelector as Su}from"zustand/middleware";var Ki=[.5,1,3],Xi=1,ji=5,Yi=100,Ri=0;var O=we(hu()(yu(Su(t=>({slippage:Xi,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",setSlippage:e=>t(()=>({slippage:e})),setCustomSlippage:e=>t(()=>({customSlippage:e})),setAffiliateRef:e=>t(()=>({affiliateRef:e})),setAffiliatePercent:e=>t(()=>({affiliatePercent:e})),setAffiliateWallets:e=>t(()=>({affiliateWallets:e})),toggleAllLiquiditySources:e=>t(o=>{if(e)return{disabledLiquiditySources:[]};let{swappers:n}=v.getState().meta,r=Et(n.map(s=>s.swapperGroup));return r.length===o.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:r}}),toggleInfiniteApprove:()=>t(e=>({infiniteApprove:!e.infiniteApprove})),toggleLiquiditySource:e=>t(o=>o.disabledLiquiditySources.includes(e)?{disabledLiquiditySources:o.disabledLiquiditySources.filter(n=>n!=e)}:{disabledLiquiditySources:o.disabledLiquiditySources.concat(e)}),setTheme:e=>t(()=>({theme:e}))})),{name:"user-settings",skipHydration:!0})));import{i18n as Qi}from"@lingui/core";function Zi(t,e,o,n,r){return o?{alert:{type:"warning",text:z.genericServerError,action:{onClick:r,title:Qi.t("Retry")}},description:""}:t?{alert:{type:"error",text:t,action:null},description:""}:e.length?{alert:{type:"warning",text:z.liquiditySourcesError.title,action:{onClick:()=>n(!0),title:Qi.t("Reset")}},description:z.liquiditySourcesError.description}:{alert:null,description:z.noRoutesError.description}}i(Zi,"makeInfo");import{styled as Vn}from"@rango-dev/ui";var Ji=Vn("div",{display:"flex",flexDirection:"column",alignItems:"center"}),es=Vn("div",{width:"100%"}),ts=Vn("div",{padding:"$6 $0"});function Kt(t){let{diagnosisMessage:e,fetch:o,error:n}=t,r=O.use.disabledLiquiditySources(),s=v.use.loadingStatus(),a=O.use.toggleAllLiquiditySources(),l=Zi(e??null,r,n||s==="failed",a,o);return Ue.createElement(Ji,null,Ue.createElement(Tu,{size:24,color:"gray"}),Ue.createElement(os,{size:4}),Ue.createElement(ns,{variant:"title",size:"small"},z.noRoutesError.title),!!l.description&&Ue.createElement(ns,{variant:"body",size:"small",align:"center",color:"neutral900"},l.description),Ue.createElement(os,{size:4}),!!l.alert&&Ue.createElement(es,null,Ue.createElement(Cu,{type:l.alert.type,title:l.alert.text,action:l.alert.action&&Ue.createElement(ku,{size:"xsmall",type:l.alert.type,prefix:Ue.createElement(ts,null,Ue.createElement(wu,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i(Kt,"NoRoutes");import{Alert as Ws,Divider as Du,InfoIcon as _u}from"@rango-dev/ui";import He from"react";import ct from"bignumber.js";import{create as Bu}from"zustand";import{subscribeWithSelector as Wu}from"zustand/middleware";import MS from"bignumber.js";function Kn(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(Kn,"searchParamsToToken");function rs(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(rs,"getBestRouteToTokenUsdPrice");function Xn(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(Xn,"isNumberOfSwapsChanged");function jn(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!On(o,n)}i(jn,"isRouteSwappersUpdated");function Yn(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!On(o,n)}i(Yn,"isRouteInternalCoinsUpdated");function is(t,e){return Xn(t,e)||jn(t,e)||Yn(t,e)}i(is,"isRouteChanged");function ss(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(ss,"getRequiredBalanceOfWallet");function as(t){if(!t)return null;let e=(t.result?.swaps||[]).map(o=>({...o,fromAmount:k(o.fromAmount,6,6),toAmount:k(o.toAmount,6,6)}));return{...t,...t.result&&{result:{...t.result,swaps:e}}}}i(as,"getFormattedBestRoute");function It(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(It,"getPriceImpactLevel");import{i18n as ze}from"@lingui/core";import{PendingSwapNetworkStatus as Fo}from"@rango-dev/queue-manager-rango-preset";import be from"bignumber.js";function ls(t,e){return e.find(o=>o.name===t)?.displayName}i(ls,"getBlockchainDisplayNameFor");function Je(t,e){return e.find(o=>o.name===t)?.shortName}i(Je,"getBlockchainShortNameFor");function ps(t,e){return t.result?.swaps.map(o=>({swapper:{displayName:o.swapperId,image:o.swapperLogo},from:{token:{displayName:o.from.symbol,image:o.from.logo},chain:{displayName:Je(o.from.blockchain,e)??"",image:o.from.blockchainLogo},price:{value:k(o.fromAmount,6,6),usdValue:k(o.from.usdPrice?.toString(),4,4)}},to:{token:{displayName:o.to.symbol,image:o.to.logo},chain:{displayName:Je(o.to.blockchain,e)??"",image:o.to.blockchainLogo},price:{value:k(o.toAmount,6,6),usdValue:k(o.to.usdPrice?.toString(),4,4)}}}))}i(ps,"formatBestRoute");function Po(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(Po,"getRequiredWallets");function Do(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(Do,"isValidAddress");import{i18n as _o}from"@lingui/core";var ht={connectWallet:_o.t("Connect Wallet"),swap:_o.t("Swap"),swapAnyway:_o.t("Swap anyway"),ethRouteWarning:_o.t("The route goes through Ethereum. Continue?")};function Uo(t,e){return!t||!e||t.lte(Me)||e.lte(Me)?0:e.div(t).minus(1).multipliedBy(100)}i(Uo,"getOutputRatio");function zo(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new be(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new be(1e3)))??!1}i(zo,"outputRatioHasWarning");function qo(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new be(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(qo,"hasLimitError");function Ho(t){if(!t)return{swap:null,fromAmountRangeError:"",recommendation:""};let e=(t?.result?.swaps||[]).filter(p=>{let l=p.fromAmountMinValue?new be(p.fromAmountMinValue):null,u=p.fromAmountMaxValue?new be(p.fromAmountMaxValue):null;return p.fromAmountRestrictionType==="EXCLUSIVE"?l?.gte(p.fromAmount)||u?.lte(p.fromAmount):l?.gt(p.fromAmount)||u?.lt(p.fromAmount)})[0];if(!e)return{swap:null,fromAmountRangeError:"",recommendation:""};let o=e.fromAmountMinValue?new be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new be(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=ze.t({id:"requiredEqualMin",message:"Required: >= {min} {symbol}",values:{min:k(o,6,6),symbol:e.from.symbol}}),a=z.bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=ze.t({id:"requiredMin",message:"Required: > {min} {symbol}",values:{min:k(o,6,6),symbol:e.from.symbol}}),a=z.bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=ze.t({id:"requiredEqualMax",message:"Required: <= {max} {symbol}",values:{max:k(n,6,6),symbol:e.from.symbol}}),a=z.bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=ze.t({id:"requiredMax",message:"Required: < {max} {symbol}",values:{max:k(n,6,6),symbol:e.from.symbol}}),a=z.bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Ho,"LimitErrorMessage");function us(t,e,o,n,r,s,a,p,l){return t!=="success"?{title:ht.connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:ht.connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!l||l==="0"?{title:ht.swap,disabled:!0,state:"swap"}:s||a?{title:ht.swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:p?{title:ht.ethRouteWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:ht.swap,disabled:!1,state:"swap"}}i(us,"getSwapButtonState");function Rn(t,e,o){return!((!o||o.lte(Me))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Rn,"canComputePriceImpact");function xu(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(xu,"requiredWallets");var Eu=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Au(t,e){let o=Me;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Eu(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new be(r.amount).multipliedBy(s||0))}return o}i(Au,"getUsdFeeOfStep");function Go(t,e){return t?.result?.swaps.reduce((o,n)=>o.plus(Au(n,e)),Me)||null}i(Go,"getTotalFeeInUsd");function cs(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(cs,"getMinRequiredSlippage");function ms(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(ms,"hasProperSlippage");function Vo(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,slippage:p,affiliateRef:l,affiliatePercent:u,affiliateWallets:m,initialRoute:d,destination:c}=t,h=s?.reduce((f,w)=>(f[w.chain]=w.address,f),{}),C=[];r?.forEach(f=>{let w=C.find(b=>b.blockchain===f.chain);w?w.addresses.push(f.address):C.push({blockchain:f.chain,addresses:[f.address]})});let y=!!d,S=Et((d?.result?.swaps||[]).reduce((f,w)=>(f.push(w.from.blockchain,w.to.blockchain),w.internalSwaps&&Array.isArray(w.internalSwaps)&&w.internalSwaps.map(b=>{f.push(b.from.blockchain,b.to.blockchain)}),f),[]));return{amount:n.toString(),affiliateRef:l??void 0,affiliatePercent:u??void 0,affiliateWallets:m??void 0,checkPrerequisites:y,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:C,selectedWallets:h??{},slippage:p.toString(),...c&&{destination:c},...a.length>0&&{swapperGroups:a,swappersGroupsExclude:!0},...y&&{blockchains:S}}}i(Vo,"createBestRouteRequestBody");function ds(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(ds,"getWalletsForNewSwap");function Mt(t){return t?.result?.outputAmount||null}i(Mt,"getRouteOutputAmount");function et(t,e){return!t||!e?null:new be(e).div(new be(t)).minus(1).multipliedBy(100)}i(et,"getPercentageChange");function fs(t,e){let o=Mt(t),n=Mt(e);if(!o||!n)return!1;let r=et(o,n);return r?r.toNumber()<=-1:!0}i(fs,"isOutputAmountChangedALot");function gs(t,e){let o=t.validationStatus,n=Ai(t);return e.sort((s,a)=>n.indexOf(s.chain)-n.indexOf(a.chain)).flatMap(s=>ss(s,o)||[]).filter(s=>!s.ok).map(s=>{let a=s.asset.symbol,p=k(new be(s.currentAmount.amount).shiftedBy(-s.currentAmount.decimals),8,8),l=k(new be(s.requiredAmount.amount).shiftedBy(-s.requiredAmount.decimals),8,8),u="";return s.reason==="FEE"&&(u=ze.t(" for network fee")),s.reason==="INPUT_ASSET"&&(u=ze.t(" for swap")),s.reason==="FEE_AND_INPUT_ASSET"&&(u=ze.t(" for input and network fee")),ze.t({id:"balanceWarningMessage",message:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:l,symbol:a,reason:u,currentAmount:p,blockchain:s.asset.blockchain}})})}i(gs,"getBalanceWarnings");function hs(t,e){return(t?new be(t):Me).multipliedBy(e||0)}i(hs,"calcOutputUsdValue");function Xt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Fo.NetworkChanged}i(Xt,"isNetworkStatusInWarningState");function ys(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Xt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Fo.WaitingForConnectingWallet:n=n||ze.t("Waiting for connecting wallet");break;case Fo.WaitingForQueue:n=n||ze.t("Waiting for other running tasks to be finished");break;case Fo.WaitingForNetworkChange:n=n||ze.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(ys,"getSwapMessages");function Ss(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(Ss,"getLastConvertedTokenInFailedSwap");function Cs(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Cs,"shouldRetrySwap");function ks(t,e,o,n,r,s){return t||!e&&!xu(n).every(a=>r.map(p=>p.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!Do(s,o)}i(ks,"confirmSwapDisabled");var Ko=i((t,e)=>t?.usdPrice?new ct(e||Me).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),P=we(Bu()(Wu(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new ct(0),outputUsdValue:new ct(0),toBlockchain:null,toToken:null,bestRoute:null,routeWalletsConfirmed:!1,selectedWallets:[],customDestination:"",setRoute:e=>t(o=>{let n=null,r=Me;return Gt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new ct(e.result?.outputAmount):null,r=hs(e.result?.outputAmount,rs(e)||o.toToken?.usdPrice)),{bestRoute:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetRoute:()=>t(()=>({bestRoute:null,outputAmount:null,outputUsdValue:new ct(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{bestRoute:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>{let{blockchains:o}=v.getState().meta;return t(n=>({fromToken:e,...e&&{fromBlockchain:o.find(r=>r.name===e.blockchain)??null},...!!n.inputAmount&&{inputUsdValue:Ko(e,n.inputAmount)}}))},setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{bestRoute:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>{let{blockchains:o}=v.getState().meta;return t(()=>({toToken:e,...e&&{toBlockchain:o.find(n=>n.name===e.blockchain)??null}}))},setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new ct(0),outputUsdValue:new ct(0),bestRoute:null},...!!o.fromToken&&{inputUsdValue:Ko(o.fromToken,e)}}))},retry:e=>{let{tokens:o,blockchains:n}=v.getState().meta,r=e.status==="failed"?e.steps.findIndex(c=>c.status==="failed"):null;if(r===null||r<0)return;let s=e.steps[0],a=e.steps[e.steps.length-1],p=n.find(c=>c.name===s.fromBlockchain)||null,l=n.find(c=>c.name===a.toBlockchain)||null,u=o.find(c=>$e(c,{blockchain:s.fromBlockchain,symbol:s.fromSymbol,address:s.fromSymbolAddress})),m=o.find(c=>$e(c,{blockchain:a.toBlockchain,symbol:a.toSymbol,address:a.toSymbolAddress})),d=e.inputAmount;t({fromBlockchain:p,fromToken:u,inputAmount:d,outputAmount:null,inputUsdValue:Ko(u||null,d),outputUsdValue:new ct(0),toBlockchain:l,toToken:m,bestRoute:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Ko(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,bestRoute:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,bestRoute:null})),setRouteWalletConfirmed:e=>t({routeWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetRouteWallets:()=>t({routeWalletsConfirmed:!1,selectedWallets:[],customDestination:""})}))));import{styled as Xo}from"@rango-dev/ui";var Ts=Xo("div",{width:"100%",paddingTop:"$10"}),Qn=Xo("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),ws=Xo("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),vs=Xo("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});import{i18n as jt}from"@lingui/core";import{Button as Nu,Divider as Es,MessageBox as As,Modal as Iu,Typography as Mu,WarningIcon as Lu}from"@rango-dev/ui";import qe from"react";import{useNavigate as Pu}from"react-router-dom";import{Typography as bs}from"@rango-dev/ui";import Zn from"react";function xs(t){let{title:e,value:o,valueColor:n}=t;return Zn.createElement(ws,null,Zn.createElement(bs,{size:"medium",variant:"label",color:"neutral800"},e),Zn.createElement(bs,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(xs,"RouteErrorsModalItem");function Bs(t){let{highValueLoss:e,open:o,onToggle:n,percentageChange:r,inputUsdValue:s,outputUsdValue:a,totalFeeInUsd:p}=t,l=Pu(),u=e&&r?.lt(-10)?"error":"warning",m=[{title:jt.t("Swapping"),value:k(s,4,4)},{title:jt.t("Gas cost"),value:k(p,2,2)},{title:jt.t("Receiving"),value:k(a,4,4)},{title:jt.t("Price impact"),value:k(r,2,2),valueColor:`${u}500`}];return qe.createElement(Iu,{open:o,onClose:()=>n(!1),container:document.getElementById("swap-box")||document.body},e?qe.createElement(As,{type:u,title:z.highValueLossError.impactTitle,description:z.highValueLossError.description}):qe.createElement(As,{type:u,title:z.unknownPriceError.impactTitle,description:z.unknownPriceError.description}),e&&qe.createElement(Qn,null,qe.createElement(Es,{size:20}),qe.createElement(Mu,{size:"small",variant:"title"},jt.t("Details")),qe.createElement(Qn,null,m.map((d,c)=>qe.createElement(xs,{key:c,...d})))),qe.createElement(Es,{size:32}),qe.createElement(Nu,{type:"primary",size:"large",prefix:qe.createElement(Lu,null),fullWidth:!0,onClick:()=>{l(g.confirmSwap)}},e?z.highValueLossError.confirmMessage:z.unknownPriceError.confirmMessage))}i(Bs,"RouteErrorsModal");var Fu=-10;function Jn(t){let{bestRoute:e}=P(),{highValueLoss:o,percentageChange:n,priceImpactCanNotBeComputed:r,openModal:s,onToggle:a,totalFeeInUsd:p,outputUsdValue:l,inputUsdValue:u,loading:m,extraSpace:d}=t,c=qo(e),{recommendation:h}=Ho(e),C=!c&&(o||r),y=C||c;return He.createElement(He.Fragment,null,(m||d&&!y)&&He.createElement(Du,{size:20}),y&&He.createElement(Ts,null,C&&He.createElement(He.Fragment,null,He.createElement(Ws,{title:o?z.highValueLossError.title:z.unknownPriceError.title,type:o&&n?.lt(Fu)?"error":"warning",variant:"alarm",action:He.createElement(vs,{onClick:()=>a(!0)},He.createElement(_u,{size:12,color:"gray"}))})),c&&He.createElement(Ws,{type:"error",variant:"alarm",title:h})),He.createElement(Bs,{highValueLoss:o,open:s,onToggle:a,percentageChange:n,inputUsdValue:u,outputUsdValue:l,totalFeeInUsd:p}))}i(Jn,"RouteErrors");import{ReverseIcon as $u,styled as Ns}from"@rango-dev/ui";import er from"react";var Ou=Ns("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Uu=Ns("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 Is(){let t=P.use.switchFromAndTo();return er.createElement(Ou,null,er.createElement(Uu,{onClick:()=>{t()}},er.createElement($u,{size:12})))}i(Is,"SwitchFromAndToButton");import{useEffect as Ms,useRef as Hu,useState as Ls}from"react";import{useRef as zu,useState as qu}from"react";function jo(){let[t,e]=qu(!1),o=zu(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await At().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(jo,"useFetchBestRoute");var Gu=600;function Ps(){let{fetch:t,cancelFetch:e}=jo(),[o,n]=Ls(!1),{fromToken:r,toToken:s,inputAmount:a,inputUsdValue:p,resetRoute:l,setRoute:u}=P(),{slippage:m,customSlippage:d,affiliatePercent:c,affiliateRef:h,affiliateWallets:C,disabledLiquiditySources:y}=O(),[S,T]=Ls(""),f=Hu(y),w=d??m,x=!r||!s||$e(r,s)||!Gt(a),W=i(()=>{if(o||n(!0),!x){l();let A=Vo({fromToken:r,toToken:s,inputAmount:a,disabledLiquiditySources:y,slippage:w,affiliateRef:h,affiliatePercent:c,affiliateWallets:C});t(A).then($=>{n(!1),u($)}).catch($=>{l(),$?.code!=="ERR_CANCELED"&&(T($.message),n(!1))})}},"fetch"),F=gi(()=>{x||W()},Gu);return Ms(()=>{if(!Gt(a)||p?.eq(0)){n(!1),e();return}if(!x)return l(),n(!0),F(),e},[a,x]),Ms(()=>{let A=!!f.current.length&&!y.length;return!x&&A&&W(),f.current=y,e},[y.length]),{fetch:W,loading:o,error:S}}i(Ps,"useSwapInput");var ec=Lt("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),tc=Lt("div",{position:"relative"}),oc=Lt("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"}),_s=Lt("div",{width:"100%",paddingTop:"$2"}),nc=Lt("div",{paddingBottom:"$15"}),rc=Lt("div",{width:"100%",display:"flex"});function Ro(){let t=Ju(),{fetch:e,loading:o,error:n}=Ps(),{fromToken:r,fromBlockchain:s,toToken:a,toBlockchain:p,setInputAmount:l,inputAmount:u,inputUsdValue:m,outputAmount:d,outputUsdValue:c,bestRoute:h,resetRouteWallets:C}=P(),{meta:{tokens:y,blockchains:S},loadingStatus:T}=v(),f=G.use.connectedWallets(),w=ve.use.setCurrentPage(),[b,x]=Zu(!1),{fromAmountRangeError:W,swap:F,recommendation:A}=Ho(h),$=Qu(null),X=!!Number(u)&&(!!h||o||!!n),oe=!1,B=Uo(m,c),J=zo(m,B),H=!Rn(h,u,m),ne=!Rn(h,u,c),L=us(T,f,o,h,qo(h),J,H||ne,oe,u),me=s&&r?k(Nt(f,s?.name,r?.symbol,r?.address)?.amount||"0",8,8):"0",Ne=s&&r?k(Nt(f,s?.name,r?.symbol,r?.address)?.amount||"0",Nt(f,s?.name,r?.symbol,r?.address)?.decimal):"0";Ru(()=>(w(g.home),C(),w.bind(null,"")),[]);let U=!m||!c||!c.gt(0)?null:et(m.toNumber(),c.toNumber()),j=i(_e=>_e.map((se,ft)=>({swapper:{displayName:se.swapperId,image:se.swapperLogo},from:{token:{displayName:se.from.symbol,image:se.from.logo},chain:{displayName:Je(se.from.blockchain,S)??"",image:se.from.blockchainLogo},price:{value:ft===0?k(u,6,6):se.fromAmount}},to:{token:{displayName:se.to.symbol,image:se.to.logo},chain:{displayName:Je(se.to.blockchain,S)??"",image:se.to.blockchainLogo},price:{value:se.toAmount}},alerts:se.swapperId===F?.swapperId?Y.createElement(nc,null,Y.createElement(Vu,{type:"error",title:A,footer:Y.createElement(rc,null,Y.createElement(or,{size:"xsmall",variant:"body",color:"neutral900"},W),Y.createElement(tr,{direction:"horizontal",size:8}),Y.createElement(or,{size:"xsmall",variant:"body",color:"neutral900"},"|"),Y.createElement(tr,{direction:"horizontal",size:8}),Y.createElement(or,{size:"xsmall",variant:"body",color:"neutral900"},Yo.t({id:"yourSymbol",message:"Yours: {amount} {symbol}",values:{amount:k(F?.fromAmount||null,6,6),symbol:se?.from.symbol}})))})):void 0})),"getBestRouteSteps"),Ie=Go(h,y),Te=as(h);return Y.createElement(Q,{ref:$,fixedHeight:!1,hasLogo:!0,footer:Y.createElement(ju,{type:"primary",size:"large",disabled:L.disabled,prefix:!L.disabled&&L.hasWarning&&Y.createElement(Yu,null),fullWidth:!0,onClick:()=>{L.state==="waitForConnecting"?t(g.wallets):L.state==="needToConfirm"?x(!0):t(g.confirmSwap)}},L.title),header:{hasConnectWallet:!0,title:Yo.t("Swap"),suffix:Y.createElement(Hn,{layoutRef:$.current,onClickRefresh:h||n?e:void 0,onClickHistory:()=>t(g.swaps),onClickSettings:()=>t(g.settings)})}},Y.createElement(ec,null,Y.createElement(oc,null,Y.createElement(tc,null,Y.createElement(Ds,{label:Yo.t("From"),mode:"From",onInputChange:l,balance:me,chain:{displayName:s?.displayName||"",image:s?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>t("from-swap"),price:{value:u,usdValue:H?void 0:k(m,4,4),error:H?z.unknownPriceError.impactTitle:void 0},disabled:T==="failed",loading:T==="loading",onSelectMaxBalance:()=>{me!=="0"&&l(Ne.split(",").join(""))}}),Y.createElement(Is,null)),Y.createElement(Ds,{sharpBottomStyle:!!h?.result||o,label:Yo.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:U?.lt(0)?k(U,2,2):null,warningLevel:It(U?.toNumber()??0),price:{value:k(d,6,6),usdValue:ne?void 0:k(c,4,4),error:ne?z.unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:T==="failed",loading:T==="loading"})),o&&Y.createElement(_s,null,Y.createElement(Xu,{type:"basic"})),X&&!o&&Te?.result?.swaps?.length?Y.createElement(_s,null,Y.createElement(Ku,{type:"basic",recommended:!0,tooltipContainer:ae(),input:{value:k(u,6,6),usdValue:k(m,4,4)},output:{value:k(d,6,6),usdValue:k(c,4,4)},steps:j(Te.result.swaps),percentageChange:k(U,2,2),totalFee:k(Ie,2,2),totalTime:Bt(Wt(h?.result?.swaps))})):X&&!o?Y.createElement(Y.Fragment,null,Y.createElement(tr,{size:20}),Y.createElement(Kt,{diagnosisMessage:Te?.diagnosisMessages?.[0],fetch:e,error:!!n})):null),Y.createElement(Jn,{openModal:b,onToggle:x,totalFeeInUsd:Ie,outputUsdValue:c,inputUsdValue:m,percentageChange:U,highValueLoss:J,priceImpactCanNotBeComputed:H||ne,loading:o||T==="loading",extraSpace:!!h?.result||!h}))}i(Ro,"Home");import{useEffect as nr,useRef as rr}from"react";import{createSearchParams as ic,useLocation as sc,useSearchParams as ac}from"react-router-dom";import{useEffect as Qo,useRef as Zo}from"react";function Fs(t){let{setInputAmount:e,setToToken:o,setToBlockchain:n,setFromBlockchain:r,setFromToken:s}=P(),{meta:{tokens:a,blockchains:p},loadingStatus:l}=v(),{setAffiliateRef:u,setAffiliatePercent:m,setAffiliateWallets:d}=O(),c=Zo(void 0),h=Zo(void 0),C=Zo(void 0),y=Zo(void 0);Qo(()=>{e(t?.amount?.toString()||"")},[t?.amount]),Qo(()=>{if(l==="success"){let S=p.find(f=>f.name===t?.from?.blockchain),T=a.find(f=>$e(f,t?.from?.token||null));(S||!S&&C.current)&&r(S??null),(T||!T&&c.current)&&s(T??null),C.current=t?.from?.blockchain,c.current=t?.from?.token}},[t?.from?.token?.symbol,t?.from?.token?.address,t?.from?.token?.blockchain,t?.from?.blockchain,l]),Qo(()=>{if(l==="success"){let S=p.find(f=>f.name===t?.to?.blockchain),T=a.find(f=>$e(f,t?.to?.token||null));(S||!S&&y.current)&&n(S??null),(T||!T&&h.current)&&o(T??null),y.current=t?.to?.blockchain,h.current=t?.to?.token}},[t?.to?.token?.symbol,t?.to?.token?.address,t?.to?.token?.blockchain,t?.to?.blockchain,l]),Qo(()=>{u(t?.affiliate?.ref??null),m(t?.affiliate?.percent??null),d(t?.affiliate?.wallets??null)},[t?.affiliate?.ref,t?.affiliate?.percent,t?.affiliate?.wallets])}i(Fs,"useSyncStoresWithConfig");function $s(t){let e=rr(!0),[o,n]=ac(),r=sc(),s=rr(r.search),a=rr({}),p=P.use.fromBlockchain(),l=P.use.toBlockchain(),u=P.use.fromToken(),m=P.use.toToken(),d=P.use.setFromBlockchain(),c=P.use.setFromToken(),h=P.use.setToBlockchain(),C=P.use.setToToken(),y=P.use.inputAmount(),S=P.use.setInputAmount(),T=v.use.loadingStatus(),{blockchains:f,tokens:w}=v.use.meta(),b=ve.use.setSelectedSwap();return Fs(t.config),nr(()=>{let x={};ic(s.current).forEach((F,A)=>{x[A]=F}),a.current=x;let W=r.pathname.split(g.swaps+"/")[1]||null;W&&b(W)},[]),nr(()=>{if(!e.current){let x="",W="",F="",A="",$="";if(T!=="success")x=a.current["fromBlockchain"],W=a.current["fromToken"],F=a.current["toBlockchain"],A=a.current["toToken"],$=a.current["fromAmount"]||y;else{if(r.state==="redirect")return;x=p?.name||"",W=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),F=l?.name||"",A=(m?.symbol||"")+(m?.address?`--${m?.address}`:""),$=y}n({...x&&{["fromBlockchain"]:x},...W&&{["fromToken"]:W},...F&&{["toBlockchain"]:F},...A&&{["toToken"]:A},...$&&{["fromAmount"]:$.toString()}},{replace:!0})}e.current=!1},[r.pathname,y,p,u,l,m]),nr(()=>{if(T==="success"){let x=o.get("fromBlockchain"),W=o.get("fromToken"),F=o.get("toBlockchain"),A=o.get("toToken"),$=o.get("fromAmount"),X=f.find(H=>H.name===x),oe=Kn(w,W,X||null),B=f.find(H=>H.name===F),J=Kn(w,A,B||null);X&&(d(X),oe&&c(oe)),B&&(h(B),J&&C(J)),$&&S($)}},[T]),null}i($s,"UpdateUrl");function yc(t){let e=gc(),o=hc(),n=mc(!0),r=e.pathname.split("/"),a=r[r.length-1]===g.confirmSwap&&n.current;return cc(()=>{a&&o("."),n.current=!1},[]),a?yt.createElement(Ro,null):yt.createElement(yt.Fragment,null," ",t.children)}i(yc,"Route");function Os({children:t,...e}){let o=fc(),n=o?yc:dc,{blockchains:r}=v.use.meta(),{canSwitchNetworkTo:s}=pc(),a=r.filter(uc);return lc({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),yt.createElement(yt.Fragment,null,yt.createElement(n,null,t),o&&yt.createElement($s,{config:e.config}))}i(Os,"AppRouter");import We from"react";import{useRoutes as qf}from"react-router-dom";import{i18n as je}from"@lingui/core";import{useManager as cm}from"@rango-dev/queue-manager-react";import{Alert as dr,BestRoute as mm,BestRouteSkeleton as dm,Button as an,Divider as $t,IconButton as xa,MessageBox as fm,Modal as gm,RefreshIcon as hm,SettingsIcon as ym,styled as Ea,Tooltip as Sm,Typography as ba,WalletIcon as Cm}from"@rango-dev/ui";import I,{useEffect as ln,useState as pn}from"react";import{flushSync as km}from"react-dom";import{useNavigate as Tm}from"react-router-dom";import{i18n as rt}from"@lingui/core";import{Alert as mr,BalanceErrors as Yc,Button as ka,ChevronDownIcon as Rc,ChevronLeftIcon as Qc,Divider as Ft,MessageBox as Zc,Modal as Ta,Typography as sn,WalletIcon as Jc}from"@rango-dev/ui";import E,{useEffect as em,useLayoutEffect as tm,useRef as om,useState as kt}from"react";import{useNavigate as nm}from"react-router-dom";import{i18n as Jo}from"@lingui/core";function en(t){switch(t.type){case 0:return Jo.t("Route has been updated.");case 3:return Jo.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Jo.t("Route swappers has been updated.");case 2:return Jo.t("Route internal coins has been updated.");default:return""}}i(en,"getRouteWarningMessage");import*as Dt from"@radix-ui/react-collapsible";import{Button as Sc,darkTheme as Pt,IconButton as Cc,keyframes as Us,styled as Ce,TextField as kc}from"@rango-dev/ui";var Yt=300,Tc=Us({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),wc=Us({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),zs=Ce("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),qs=Ce("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),Hs=Ce("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Pt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Gs=Ce(Dt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),Vs=Ce("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Ks=Ce(Cc,{position:"absolute",left:"$20"}),Xs=Ce("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),js=Ce(Dt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Ys=Ce(Sc,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Pt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Pt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),Rs=Ce("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),Qs=Ce("div",{transition:`all ${Yt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Zs=Ce("div",{display:"flex"}),Js=Ce(kc,{padding:"$0 $15 $15 $15"}),ea=Ce(Dt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Tc} ${Yt}ms ease-out`},false:{animation:`${wc} ${Yt}ms ease-out`}}}}),ta=Ce("div",{overflow:"visible",width:"100%"});import{i18n as nt}from"@lingui/core";import{Button as Kc,Divider as pr,Image as Xc,MessageBox as ur,Modal as ga,SelectableWallet as jc,Typography as ha,WalletState as ya}from"@rango-dev/ui";import ie,{useEffect as Sa,useState as Qt}from"react";import{WalletState as na}from"@rango-dev/ui";import{useWallets as bc}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as xc,WalletTypes as Ec}from"@rango-dev/wallets-shared";import{useEffect as Ac,useState as Bc}from"react";import{allProviders as vc}from"@rango-dev/provider-all";function tn(t,e){let o=vc({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(tn,"matchAndGenerateProviders");function oa(t,e){return tn(t,e).map(r=>r.config.type)}i(oa,"configWalletsToWalletName");var Wc=Object.values(Ec);function on(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:p,connect:l}=bc(),{connectedWallets:u}=G(),{blockchains:m}=v().meta,d=typeof e?.multiWallets>"u"?!0:e.multiWallets,c=oa(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Wc,h=xi(s,p,c,o),C=Ii(h),[y,S]=Bc(""),T=i(x=>!u.find(W=>W.walletType===x&&W.chain===o),"isExperimentalChainNotAdded"),f=i(async x=>{let W=s(x);try{if(y&&S(""),W.connected)await a(x);else{let F=!!h.find(A=>A.state===na.CONNECTED);if(!d&&F)return;n?.(x),await l(x),r?.(x)}}catch(F){S("Error: "+F?.message)}},"handleClick"),w=i(()=>{let x=h?.filter(W=>W.state===na.CONNECTING)||[];for(let W of x)a(W.type)},"disconnectConnectingWallets");Ac(()=>()=>{w()},[]);let b=i((x,W,F)=>Eo(F,W)&&T(x)&&!xc.includes(x),"shouldExcludeWallet");return{list:C.filter(x=>!b(x.type,o??"",m)),error:y,handleClick:f}}i(on,"useWalletList");import{i18n as la}from"@lingui/core";import{styled as ua,Typography as $c,Wallet as Oc,WalletState as Uc}from"@rango-dev/ui";import Ct,{Fragment as zc,useState as pa}from"react";import{Divider as Pc,Modal as Dc}from"@rango-dev/ui";import sr from"react";import{i18n as _t}from"@lingui/core";import{Image as Mc,MessageBox as ir,WalletState as Lc}from"@rango-dev/ui";import St from"react";import{keyframes as Nc,styled as nn}from"@rango-dev/ui";var UT=nn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),ra=nn("div",{position:"relative"}),Ic=Nc({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ia=nn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Ic} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),sa=nn("div",{"& img":{borderRadius:"50%"}});function aa(t){let{state:e,image:o,error:n}=t;return e===Lc.CONNECTED?St.createElement(ir,{type:"success",title:_t.t("Wallet Connected"),description:_t.t("Your wallet is connected, you can use it to swap.")}):n?St.createElement(ir,{type:"error",title:_t.t("Failed to Connect"),description:n||_t.t("Your wallet is not connected. Please try again.")}):St.createElement(ir,{type:"loading",title:_t.t("Connecting to your wallet"),description:_t.t("Click connect in your wallet popup."),icon:St.createElement(ra,null,St.createElement(sa,null,St.createElement(Mc,{src:o,size:45})),St.createElement(ia,null))})}i(aa,"ModalContent");function Rt(t){let{open:e,onClose:o,...n}=t;return sr.createElement(Dc,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},sr.createElement(aa,{...n}),sr.createElement(Pc,{direction:"vertical",size:32}))}i(Rt,"WalletModal");import{useInRouterContext as _c,useNavigate as Fc}from"react-router-dom";function re(){let t=_c(),e=Fc(),o=P.use.routeWalletsConfirmed();return g,{navigateBackFrom:i(r=>{if(r===g.swapDetails)return e("/"+g.swaps,{replace:!0});if(!t||window.history.state&&window.history.state.idx>0)e(-1);else{if([g.settings,g.wallets].includes(r)&&o)return e("/"+g.confirmSwap,{replace:!0});[g.fromSwap,g.toSwap,g.settings,g.wallets,g.swaps,g.confirmSwap].includes(r)?e(g.home,{replace:!0}):r===g.fromBlockchain?e("/"+g.fromSwap,{replace:!0}):r===g.toBlockchain?e("/"+g.fromSwap,{replace:!0}):r===g.liquiditySources&&e("/"+g.settings,{replace:!0})}},"navigateBackFrom")}}i(re,"useNavigateBack");var qc=ua("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),Hc=ua("div",{textAlign:"center"}),rn=3e3,ar=300;function ca({config:t}){let{navigateBackFrom:e}=re(),[o,n]=pa(!1),[r,s]=pa(""),a=null,{list:p,handleClick:l,error:u}=on({config:t,onBeforeConnect:C=>{a=setTimeout(()=>{n(!0),s(C)},ar)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},rn)}}),m=v.use.loadingStatus(),d=p.find(C=>C.type===r),c=d?.image||"",h=d?.state||Uc.NOT_INSTALLED;return Ct.createElement(Q,{header:{title:la.t("Connect Wallets"),onBack:e.bind(null,g.wallets)}},Ct.createElement(Hc,null,Ct.createElement($c,{variant:"title",size:"xmedium",align:"center"},la.t("Choose a wallet to connect.")),Ct.createElement(qc,null,p.map((C,y)=>{let S=`wallet-${y}-${C.type}`;return Ct.createElement(zc,{key:S},Ct.createElement(Oc,{...C,container:ae(),onClick:T=>{l(T)},isLoading:m==="loading"}))}),Ct.createElement(Rt,{open:!!o,onClose:()=>n(!1),image:c,state:h,error:u}))))}i(ca,"WalletsPage");import{keyframes as Gc,styled as lr}from"@rango-dev/ui";var ma=lr("div",{position:"relative"}),Vc=Gc({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),da=lr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Vc} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),fa=lr("div",{"& img":{borderRadius:"50%"}});function cr(t){let{config:e,chain:o,isSelected:n,selectWallet:r,limit:s,onShowMore:a}=t,p=G.use.connectedWallets(),{blockchains:l}=v.use.meta(),[u,m]=Qt(""),[d,c]=Qt(null),[h,C]=Qt(!1),[y,S]=Qt(null),{connect:T}=Ca(),f=null,{list:w,error:b,handleClick:x}=on({config:e,chain:o,onBeforeConnect:B=>{f=setTimeout(()=>{m(B)},ar)},onConnect:()=>{f&&clearTimeout(f),setTimeout(()=>{m("")},rn)}}),[W,F]=Qt(w),A=w.length,$=s&&A-s>0,X=i(async B=>{C(!1),S("in-progress"),await T(B.walletType,B.chain),S("completed")},"addExperimentalChain");Sa(()=>{F(B=>{let J=w.findIndex(H=>n(H.type,o));return $&&J>1?[w[J]].concat(w.filter((H,ne)=>ne!==J)):B.map(H=>w.find(ne=>ne.type===H.type)??H)})},[JSON.stringify(w)]);let oe=document.querySelector("#swap-box");return Sa(()=>{let B=null;return y==="completed"&&(B=setTimeout(()=>S(null),rn)),()=>{B&&clearTimeout(B)}},[y]),ie.createElement(ie.Fragment,null,W.slice(0,s).map(B=>{let J=Mi({connectedWallets:p,walletType:B.type,chain:o}),H=J?Ao(J):"",ne=Eo(l,o),L=!p.find(Ie=>Ie.walletType===B.type&&Ie.chain===o),me=ne&&L&&B.state===ya.CONNECTED,Ne=me?nt.t({id:"addChain",message:"Add {chain} chain",values:{chain:o}}):H,U=i(()=>{B.state===ya.DISCONNECTED?x(B.type):me?(c({walletType:B.type,chain:o,address:J??""}),C(!0)):r({walletType:B.type,chain:o,address:J??""})},"onClick"),j=d?.chain?ls(d.chain,l):void 0;return ie.createElement(ie.Fragment,null,ie.createElement(Rt,{open:u===B.type,onClose:()=>m(""),image:B.image,state:B.state,error:b}),!!d&&ie.createElement(ga,{open:!!d&&h,container:oe,onClose:()=>{c(null)}},ie.createElement(ur,{title:nt.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:j}}),type:"warning",description:nt.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:j}})},ie.createElement(pr,{size:18}),ie.createElement(pr,{size:32}),ie.createElement(Kc,{onClick:X.bind(null,d),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},nt.t("Confirm")))),y&&ie.createElement(ga,{open:!!y,onClose:S.bind(null,null),container:oe},y==="in-progress"?ie.createElement(ur,{type:"loading",title:nt.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:j}}),description:nt.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:j}}),icon:ie.createElement(ma,null,ie.createElement(fa,null,ie.createElement(Xc,{src:B.image,size:45})),ie.createElement(da,null))}):ie.createElement(ur,{type:"success",title:nt.t({id:"blockchainAdded",message:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:j}}),description:nt.t({id:"blockchainAddedDescription",message:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:j}})}),ie.createElement(pr,{direction:"vertical",size:32})),ie.createElement(jc,{key:B.type,description:Ne,onClick:U,selected:n(B.type,o),...B}))}),$&&ie.createElement(Hs,{selected:!1,onClick:a.bind(null)},ie.createElement(ha,{variant:"label",size:"medium"},nt.t("Show more wallets"),ie.createElement(ha,{variant:"label",size:"medium",color:"$primary"},"\xA0+",A-(s??0)))))}i(cr,"WalletList");var rm=2;function wa(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,config:s,loading:a}=t,{blockchains:p}=v.use.meta(),{bestRoute:l,setSelectedWallets:u,routeWalletsConfirmed:m,setRouteWalletConfirmed:d,customDestination:c,setCustomDestination:h}=P(),{connectedWallets:C,selectWallets:y}=G(),[S,T]=kt(""),[f,w]=kt([]),[b,x]=kt(""),[W,F]=kt(null),[A,$]=kt(c),[X,oe]=kt(!!c),B=om(null),J=Po(l),H=typeof s?.customDestination>"u"?!0:s.customDestination,ne=p.find(D=>D.name===l?.result?.swaps[l?.result?.swaps.length-1].to.blockchain),L=i(D=>!!l?.result?.swaps.find(N=>N.from.blockchain===D),"isWalletRequiredFor"),[me,Ne]=kt(C.filter(D=>D.selected&&J.includes(D.chain))),U=p.find(D=>D.name===ne?.name),j=i((D,N)=>!!me.find(_=>_.walletType===D&&_.chain===N&&_.selected&&(L(N)||!L(N)&&!A)),"isSelected"),Ie=!!A&&X&&U&&!Do(U,A),Te=i(()=>{oe(!1),$(""),Ne(D=>{let N=!1;return D.map(_=>!N&&_.chain===ne?.name?(N=!0,{..._,selected:!0}):_)})},"resetCustomDestination"),_e=i(D=>{if(S&&T(""),j(D.walletType,D.chain))return;let _=C.find(R=>R.walletType===D.walletType&&R.chain===D.chain);_&&(n(),D.chain===ne?.name&&X&&(oe(!1),$("")),Ne(R=>R.filter(le=>le.chain!==D.chain).concat({..._,selected:!0})))},"onChange"),se=i(()=>{let D=me.filter(N=>N.selected);y(D),u(D),h(A),d(!0),o()},"onConfirmBalance"),ft=i(async()=>{w([]),x(""),F(null);let D=C.filter(R=>me.find(le=>le.chain===R.chain&&le.walletType===R.walletType)),N=await r?.({selectedWallets:D,customDestination:A}),_=N.warnings;_?.balance?.messages&&w(_.balance.messages),_?.route&&F(_.route),N.error&&x(Mo(N.error)),!N.error&&(!_?.balance?.messages.length||0>0)?se():w(_?.balance?.messages??[])},"onConfirmWallets");em(()=>{Ne(D=>D.concat(C.filter(N=>!!!D.find(R=>R.chain===N.chain)&&N.selected&&J.includes(N.chain))))},[C.length]),tm(()=>{X&&B.current&&setTimeout(()=>{B?.current?.scrollIntoView({behavior:"smooth"})},Yt)},[X]);let Ze=document.querySelector("#swap-box"),bt=nm();return E.createElement(Ta,{open:e,onClose:()=>{m||bt(g.home,{replace:!0}),o()},dismissible:!S,container:Ze,...!S&&{footer:E.createElement(Zs,null,E.createElement(ka,{loading:a,disabled:ks(a,X,A,l,me,ne),onClick:ft,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...S&&{containerStyle:{padding:"$0"},header:E.createElement(Vs,null,E.createElement(Ks,{variant:"ghost",onClick:T.bind(null,"")},E.createElement(Qc,{size:16})),E.createElement(sn,{variant:"headline",size:"small"},rt.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:S}})))},anchor:"center"},E.createElement(Ta,{open:f.length>0,onClose:w.bind(null,[]),container:Ze},E.createElement(Zc,{title:rt.t("Insufficient account balance"),type:"error",description:E.createElement(Yc,{messages:f??[]})},E.createElement(ka,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:se},rt.t("Proceed anyway")))),S&&E.createElement(Xs,null,E.createElement("div",{className:"wallets-list"},E.createElement(cr,{chain:S,isSelected:j,selectWallet:_e,multiWallets:s?.multiWallets??!0,supportedWallets:s?.wallets??[],config:s,onShowMore:T.bind(null,S)}))),!S&&E.createElement(E.Fragment,null,b&&E.createElement(E.Fragment,null,E.createElement(mr,{variant:"alarm",type:"error",title:rt.t(b)}),E.createElement(Ft,{size:12})),W&&E.createElement(E.Fragment,null,E.createElement(mr,{variant:"alarm",type:"warning",title:en(W)}),E.createElement(Ft,{size:12})),E.createElement(ta,null,J.map((D,N)=>{let _=p.find(ue=>ue.name===D),R=`wallet-${N}`,le=N===J.length-1;return E.createElement("div",{key:R},E.createElement(zs,null,E.createElement(sn,{variant:"title",size:"xmedium"},rt.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:_?.displayName}})),E.createElement(sn,{variant:"label",color:"$neutral900",size:"medium"},rt.t({id:"needConnect",message:"You need to connect a {blockchainName} wallet.",values:{blockchainName:_?.displayName}}))),E.createElement(Ft,{size:24}),E.createElement(qs,null,E.createElement(cr,{chain:D,isSelected:j,selectWallet:_e,multiWallets:s?.multiWallets??!0,supportedWallets:s?.wallets??[],config:s,limit:rm,onShowMore:()=>T(_?.name??"")})),!le&&E.createElement(Ft,{size:32}),le&&H&&E.createElement(Rs,null,E.createElement(js,{ref:B,selected:X,open:X,onOpenChange:ue=>{ue?L(ne?.name??"")||Ne(ho=>ho.map(yo=>yo.chain===ne?.name?{...yo,selected:!1}:yo)):Te()}},E.createElement(Gs,{onClick:()=>oe(ue=>!ue)},E.createElement(Ys,{fullWidth:!0,variant:"default",suffix:E.createElement(Qs,{orientation:X?"up":"down"},E.createElement(Rc,{size:10,color:"gray"}))},E.createElement("div",{className:"button__content"},E.createElement(Jc,{size:18,color:"info"}),E.createElement(Ft,{size:4,direction:"horizontal"}),E.createElement(sn,{variant:"label",size:"medium"},rt.t("Send to a different address"))))),E.createElement(ea,{open:X},E.createElement(E.Fragment,null,E.createElement(Ft,{size:4}),E.createElement(Js,{autoFocus:!0,placeholder:rt.t("Your destination address"),value:A,onChange:ue=>{$(ue.target.value)}})))),Ie&&E.createElement("div",{className:"alarms"},E.createElement(mr,{variant:"alarm",type:"error",title:rt.t({id:"addressMatch",values:{destination:A},message:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(wa,"ConfirmWalletsModal");import{calculatePendingSwap as sm}from"@rango-dev/queue-manager-rango-preset";import am from"bignumber.js";import{useEffect as lm}from"react";function pm(t,e){if(!t.result)throw new Error(z.noRoutesError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let o=new am(t.result?.outputAmount||"0").multipliedBy(e.outputUsdValue||0),n=Uo(e.inputUsdValue,o);if(zo(e.inputUsdValue,n))throw new Error("High value loss for route",{cause:{type:1}});return t}i(pm,"throwErrorIfResponseIsNotValid");function um(t,e,o){let n=is(t,e),r={balance:null,route:null,slippage:null};n&&(fs(t,e)?r.route={type:3,newOutputAmount:k(Mt(e)),percentageChange:k(et(Mt(t),Mt(e)),null,2)}:Xn(t,e)?r.route={type:0}:jn(t,e)?r.route={type:1}:Yn(t,e)&&(r.route={type:2}));let s=gs(e,o.selectedWallets);s.length===0||(r.balance={messages:s});let p=cs(t),l=o.userSlippage>ji;return ms(o.userSlippage.toString(),p)?l&&(r.slippage={type:1,slippage:o.userSlippage.toString()}):r.slippage={type:0,slippage:p},r}i(um,"generateWarnings");function va(){let{fromToken:t,toToken:e,inputAmount:o,inputUsdValue:n,setRoute:r,bestRoute:s,customDestination:a}=P(),{slippage:p,customSlippage:l,affiliatePercent:u,affiliateRef:m,affiliateWallets:d,disabledLiquiditySources:c}=O(),{connectedWallets:h}=G(),{meta:C}=v(),y=l||p,{fetch:S,cancelFetch:T,loading:f}=jo();return lm(()=>T,[]),{loading:f,fetch:i(async b=>{let x=b.selectedWallets,W=b?.customDestination??a;if(!t||!e||!o||!s)return{route:null,swap:null,error:null,warnings:null};let F=Vo({fromToken:t,toToken:e,inputAmount:o,wallets:h,selectedWallets:x,disabledLiquiditySources:c,slippage:y,affiliateRef:m,affiliatePercent:u,affiliateWallets:d,initialRoute:s,destination:W}),A;try{A=await S(F).then(oe=>pm(oe,{outputUsdValue:e.usdPrice,inputUsdValue:n})),r(A)}catch(oe){return oe?.code==="ERR_CANCELED"?{swap:null,error:{type:3},warnings:null}:oe.cause?{swap:null,error:oe.cause,warnings:null}:{swap:null,error:{type:2},warnings:null}}let $={slippage:y.toString(),disabledSwappersGroups:c},X=sm(o.toString(),A,ds(x),$,!1,C);return{route:A,swap:X,error:null,warnings:um(s,A,{selectedWallets:x,userSlippage:y})}},"fetch"),cancelFetch:T}}i(va,"useConfirmSwap");var wm=Ea("div",{position:"relative",width:"100%","& .description":{display:"flex",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10"},"& .icon":{width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}}),vm=Ea("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${xa}`]:{width:"$48",height:"$48"}});function Aa(t){let{config:e}=t,{bestRoute:o,inputAmount:n,outputAmount:r,inputUsdValue:s,outputUsdValue:a,setInputAmount:p,selectedWallets:l,routeWalletsConfirmed:u,setRouteWalletConfirmed:m,customDestination:d}=P(),c=Tm(),[h,C]=pn(""),[y,S]=pn(!1),{connectedWallets:T}=G(),f=!u,[w,b]=pn(!1),x=ve.use.setSelectedSwap(),{meta:{tokens:W,blockchains:F},loadingStatus:A}=v(),$=O.use.slippage(),X=O.use.customSlippage(),{manager:oe}=cm(),B=X||$,{fetch:J,loading:H,cancelFetch:ne}=va(),[L,me]=pn({swap:null,error:null,warnings:null}),Ne=H||A==="loading",U=!H&&L.error&&[0,2].includes(L.error.type),j=!U&&!H&&o&&o.result,Ie=Go(o,W),Te=k(et(s?.toNumber()??0,a?.toNumber()??0),2,2),_e=It(parseFloat(Te)),se=i(async({selectedWallets:N,customDestination:_})=>{let R=await J?.({selectedWallets:N,customDestination:_});return me(R),R},"onConfirmSwap"),ft=i(async()=>{if(L.swap&&u)try{await oe?.create("swap",{swapDetails:L.swap},{id:L.swap.requestId}),x(L.swap.requestId),c("/"+g.swaps+`/${L.swap.requestId}`,{replace:!0}),setTimeout(()=>{p("")},0)}catch(N){C("Error: "+N?.message)}},"addNewSwap"),Ze=i(async()=>{await ft()},"onConfirm"),bt=i(async()=>{L?.warnings?.slippage?S(!0):await Ze()},"onStartConfirmSwap"),D=i(async()=>{me({error:null,swap:null,warnings:null}),J({selectedWallets:l}).then(N=>{me(N)}).catch(N=>console.error(N))},"onRefresh");return ln(()=>{f&&ne()},[f]),ln(()=>{f&&b(f)},[f]),ln(()=>{f||J({selectedWallets:l,customDestination:d}).then(N=>me(N)).catch(N=>console.error(N))},[]),ln(()=>{let N=L.warnings?.route?.type&&Object.values(Vt).includes(L.warnings?.route?.type),_=l.length<1||!l.every(le=>T.find(ue=>le.address===ue.address&&le.walletType===ue.walletType&&le.chain===ue.chain)),R=!1;if(N){let le=Po(o),ue=o?.result?.swaps[o.result.swaps.length-1].to.blockchain;!!o?.result?.swaps.find(Pn=>Pn.from.blockchain===ue)||(le=le.slice(-le.length,le.length-1)),le.every(Pn=>l.find(yp=>yp.chain===Pn))||(R=!0)}o&&(_||R)&&(queueMicrotask(()=>km(b.bind(null,!0))),m(!1))},[L.warnings?.route,l.length,T.length]),I.createElement(Q,{header:{title:je.t("Confirm Swap"),onBack:c.bind(null,-1),hasConnectWallet:!0,suffix:I.createElement(Sm,{container:ae(),side:"bottom",content:je.t("Settings")},I.createElement(Fe,{size:"small",variant:"ghost",onClick:()=>c("/"+g.settings)},I.createElement(ym,{size:18,color:"black"})))},footer:I.createElement(vm,null,I.createElement("div",{className:"confirm-button"},I.createElement(an,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:H,disabled:!!L.error,onClick:bt},je.t("Start Swap"))),I.createElement(xa,{variant:"contained",type:"primary",size:"large",loading:H,onClick:b.bind(null,!0)},I.createElement(Cm,{size:24})))},I.createElement(gm,{anchor:"bottom",open:y,prefix:I.createElement(an,{size:"small",variant:"ghost",onClick:()=>c("/"+g.settings)},I.createElement(ba,{variant:"label",size:"medium",color:"$neutral900"},je.t("Change settings"))),container:document.querySelector("#swap-box"),onClose:S.bind(null,N=>!N)},L.warnings?.slippage&&I.createElement(fm,{type:"warning",title:L.warnings.slippage.type===1?je.t("High slippage"):je.t("Low slippage"),description:L.warnings.slippage.type===1?je.t("highSlippage",{selectedSlippage:B},{message:" Caution, your slippage is high (={selectedSlippage}). Your trade may be front run."}):je.t("increaseSlippage",{minRequiredSlippage:L.warnings.slippage.slippage},{message:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route."})},I.createElement($t,{size:18}),I.createElement($t,{size:32}),I.createElement(an,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:Ze},je.t("Confirm anyway")))),w&&I.createElement(wa,{open:w,onClose:()=>b(!1),onCancel:ne,loading:H,onCheckBalance:se,config:e}),I.createElement(wm,null,I.createElement("div",{className:"description"},I.createElement(ba,{variant:"title",size:"small"},je.t("You get")),I.createElement(an,{style:{padding:"0"},variant:"ghost",disabled:H,onClick:D},I.createElement("div",{className:"icon"},I.createElement(hm,{size:16})))),h&&I.createElement(I.Fragment,null,I.createElement(dr,{type:"error",variant:"alarm",title:h}),I.createElement($t,{size:12})),L.warnings?.route&&I.createElement(I.Fragment,null,I.createElement(dr,{variant:"alarm",type:"warning",title:en(L.warnings.route)}),I.createElement($t,{size:12})),Ne&&I.createElement(dm,{type:"swap-preview",expanded:!0}),j&&I.createElement(mm,{expanded:!0,tooltipContainer:ae(),steps:ps(o,F)??[],input:{value:k(n,6,6),usdValue:k(s,4,4)},output:{value:k(r,6,6),usdValue:k(a,4,4)},totalFee:k(Ie,2,2),totalTime:Bt(Wt(o.result?.swaps)),recommended:!0,type:"swap-preview",percentageChange:Te,warningLevel:_e}),U&&I.createElement(I.Fragment,null,I.createElement($t,{size:12}),I.createElement(Kt,{diagnosisMessage:L.error?.type===0?L.error.diagnosisMessage:void 0,error:L.error?.type===2,fetch:D})),L.error?.type===1&&I.createElement(I.Fragment,null,I.createElement(dr,{variant:"alarm",type:"error",title:Mo(L.error)}),I.createElement($t,{size:12}))))}i(Aa,"ConfirmSwapPage");import{i18n as mn}from"@lingui/core";import{useManager as Wm}from"@rango-dev/queue-manager-react";import{Divider as Nm,NotFound as Im,styled as _a}from"@rango-dev/ui";import mt,{useState as Mm}from"react";import{useNavigate as Lm}from"react-router-dom";import{CloseIcon as xm,IconButton as Em,SearchIcon as Am,TextField as Bm}from"@rango-dev/ui";import Zt from"react";import{styled as bm}from"@rango-dev/ui";var Ba=bm("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function it(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:p,...l}=t;return Zt.createElement(Bm,{prefix:Zt.createElement(Ba,null,Zt.createElement(Am,{color:"black"})),suffix:!!a.length&&Zt.createElement(Em,{variant:"ghost",onClick:()=>p?.(""),size:"small"},Zt.createElement(xm,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...l})}i(it,"SearchInput");import{i18n as Na}from"@lingui/core";import{Divider as Ia,SwapListItem as Ma,Typography as La}from"@rango-dev/ui";import te from"react";import{styled as un}from"@rango-dev/ui";var fr=un("div",{width:"100%",display:"flex",flexDirection:"column"}),gr=un("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),hr=un("div",{gap:"$10",display:"flex",flexDirection:"column"}),Wa=un("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function yr(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,s=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return te.createElement(te.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(l=>te.createElement(te.Fragment,{key:l.title},te.createElement(fr,null,te.createElement(gr,null,te.createElement(La,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},Na.t(l.title))),te.createElement(Ia,{size:4}),te.createElement(hr,null,l.swaps.map((u,m)=>{let d=m+l.title;return te.createElement(te.Fragment,{key:d},te.createElement(Ma,{isLoading:!0}))}))))))}return te.createElement(te.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>te.createElement(te.Fragment,{key:a.title},te.createElement(fr,null,te.createElement(gr,null,te.createElement(La,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},Na.t(a.title))),te.createElement(Ia,{size:4}),te.createElement(hr,null,a.swaps.map(p=>{let l=p.steps[0],u=p.steps[p.steps.length-1];return te.createElement(te.Fragment,{key:p.requestId},te.createElement(Ma,{requestId:p.requestId,creationTime:p.creationTime,status:p.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:l.fromLogo,displayName:l.fromSymbol},blockchain:{image:l.fromBlockchainLogo||""},amount:wo(p.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:wo(u.outputAmount||""),estimatedAmount:wo(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}i(yr,"SwapsGroup");import Pa from"dayjs";var Da=i(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=Pa();return t.forEach(n=>{let r=Pa(Number(n.creationTime));o.isSame(r,"day")?e.get("today")?.swaps.push(n):o.isSame(r,"month")?e.get("month")?.swaps.push(n):o.isSame(r,"year")?e.get("year")?.swaps.push(n):e.get("history")?.swaps.push(n)}),Array.from(e.values())},"groupSwapsByDate");var cn=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");var Pm=_a("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Dm=_a("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),_m=i((t,e)=>t?.length?t.filter(o=>Ke(o.fromBlockchain,e)||Ke(o.toBlockchain,e)||Ke(o.toSymbol,e)||Ke(o.fromSymbol,e)).length:!1,"isStepContainsText");function Fa(){let t=ve.use.setSelectedSwap(),e=Lm(),{navigateBackFrom:o}=re(),{manager:n,state:r}=Wm(),s=cn(n).map(({swap:c})=>c),[a,p]=Mm(""),l=!r.loadedFromPersistor,u=i(c=>{let h=c.target.value;p(h)},"searchHandler"),m=s;a&&(m=s.filter(c=>Ke(c.inputAmount,a)||Ke(c.status,a)||_m(c.steps,a)||Ke(c.requestId,a)));let d=!m?.length&&!l;return mt.createElement(Q,{header:{onBack:o.bind(null,g.swaps),title:mn.t("History")}},mt.createElement(Pm,null,mt.createElement(it,{setValue:p,fullWidth:!0,variant:"contained",placeholder:mn.t("Search Transaction"),autoFocus:!0,onChange:u,value:a}),mt.createElement(Dm,null,d&&mt.createElement(Wa,null,mt.createElement(Nm,{size:32}),mt.createElement(Im,{title:mn.t("No results found"),description:a?mn.t("Try using different keywords"):""})),!d&&mt.createElement(yr,{list:m,onSwapClick:c=>{t(c),e(`${c}`,{replace:!0})},groupBy:Da,isLoading:l}))))}i(Fa,"HistoryPage");import{i18n as eo}from"@lingui/core";import{List as Fm,ListItemButton as $m,Radio as kr,RadioRoot as Om,Typography as Tr}from"@rango-dev/ui";import Ge,{useState as Um}from"react";import{styled as dn}from"@rango-dev/ui";var st=dn("div",{height:"100%",overflow:"hidden"}),Jt=dn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),Sr=dn("div",{width:80,display:"flex",justifyContent:"flex-end"}),Cr=dn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function $a(){let{navigateBackFrom:t}=re(),[e,o]=Um("english"),n=[{id:"english",value:"english",title:Ge.createElement(Tr,{variant:"title",size:"xmedium"},eo.t("English")),onClick:()=>o("english"),end:Ge.createElement(kr,{value:"english"})},{id:"french",value:"french",title:Ge.createElement(Tr,{variant:"title",size:"xmedium"},eo.t("French")),onClick:()=>o("french"),end:Ge.createElement(kr,{value:"french"})},{id:"spanish",value:"spanish",title:Ge.createElement(Tr,{variant:"title",size:"xmedium"},eo.t("Spanish")),onClick:()=>o("spanish"),end:Ge.createElement(kr,{value:"spanish"})}];return Ge.createElement(Q,{header:{onBack:t.bind(null,g.settings),title:eo.t("Language")}},Ge.createElement(st,null,Ge.createElement(Om,{value:e},Ge.createElement(Fm,{type:Ge.createElement($m,{title:eo.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i($a,"LanguagePage");import{i18n as Ot}from"@lingui/core";import{Button as Vm,Checkbox as Km,Image as Xm,ListItemButton as jm,NotFound as Ym,Typography as Rm}from"@rango-dev/ui";import ke,{useState as Qm}from"react";import{Checkbox as Hm,Skeleton as Ua}from"@rango-dev/ui";import to from"react";import{ListItem as zm,styled as qm}from"@rango-dev/ui";var Oa=qm(zm,{height:61});var Gm=30;function wr(){return to.createElement(Jt,null,Array.from(Array(Gm),t=>to.createElement(Oa,{hasDivider:!0,key:t,start:to.createElement(Ua,{variant:"circular",width:35,height:35}),title:to.createElement(Ua,{variant:"text",size:"large",width:90}),end:to.createElement(Hm,{checked:!1})})))}i(wr,"LoadingLiquiditySourceList");function fn(t){let e=v.use.meta().swappers,o=O.use.disabledLiquiditySources(),n=[];return Et(e.map(s=>s.swapperGroup)).map(s=>{let a=e.find(p=>p.swapperGroup===s);if(a){let p=!0;t&&(p=t.some(l=>l===a.title)),p&&a.types.map(l=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:l,selected:!o.includes(a.swapperGroup)})})}}),n}i(fn,"getUniqueSwappersGroups");function za(t,e){return t.groupTitle<e.groupTitle?-1:t.groupTitle>e.groupTitle?1:0}i(za,"sortLiquiditySourcesByGroupTitle");function vr({supportedSwappers:t,sourceType:e}){let[o,n]=Qm(""),r=O.use.toggleLiquiditySource(),{navigateBackFrom:s}=re(),a=v.use.loadingStatus(),p=fn(t),l=[];e==="Exchanges"&&l.push("DEX"),e==="Bridges"&&(l.push("BRIDGE"),l.push("AGGREGATOR"));let u=p.filter(y=>l.includes(y.type)),m=u.length===u.filter(y=>y.selected).length,d=i(()=>{u.forEach(y=>{m?r(y.groupTitle):y.selected||r(y.groupTitle)})},"toggleAllSources"),c=u.sort(za).map(y=>{let{selected:S,groupTitle:T,logo:f}=y;return{start:ke.createElement(Xm,{src:f,size:22,type:"circular"}),onClick:()=>r(T),end:ke.createElement(Km,{checked:S}),title:ke.createElement(Rm,{variant:"title",size:"xmedium"},Ot.t(T)),...y}}),h=i(y=>{let S=y.target.value;n(S)},"searchHandler"),C=c;return o&&(C=c.filter(y=>Ke(y.groupTitle,o))),ke.createElement(Q,{header:{onBack:s.bind(null,g.settings),title:Ot.t(e),suffix:ke.createElement(Sr,null,ke.createElement(Vm,{variant:"ghost",size:"xsmall",onClick:d},Ot.t(m?"Deselect all":"Select all")))}},ke.createElement(st,null,ke.createElement(it,{value:o,setValue:n,fullWidth:!0,color:"light",variant:"contained",placeholder:Ot.t("Search {sourceType}",{sourceType:e}),onChange:h}),a==="loading"&&ke.createElement(wr,null),!C.length&&o?ke.createElement(Cr,null,ke.createElement(Ym,{title:Ot.t("No results found"),description:Ot.t("Try using different keywords")})):a==="success"&&ke.createElement(Jt,null,C.map(y=>ke.createElement(ke.Fragment,{key:y.id},ke.createElement(jm,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}i(vr,"LiquiditySourcePage");import{i18n as Ya}from"@lingui/core";import{Divider as Ar,SelectableCategoryList as sd}from"@rango-dev/ui";import Tt,{useState as Ra}from"react";import{i18n as xr}from"@lingui/core";import{Divider as Xa,Image as td,ListItemButton as od,NotFound as nd,Typography as ja}from"@rango-dev/ui";import De,{useEffect as rd,useState as id}from"react";import{BlockchainCategories as br}from"@rango-dev/ui";import{TransactionType as gn}from"rango-sdk";var Zm=i((t,e)=>{switch(e){case br.ALL:return!0;case br.UTXO:return t.type===gn.TRANSFER;case br.OTHER:return t.type!==gn.TRANSFER&&t.type!==gn.COSMOS&&t.type!==gn.EVM;default:return t.type===e}},"filterByType"),qa=i((t,e,o)=>t.filter(n=>Zm(n,o)).filter(n=>gt(n.name,e)||gt(n.displayName,e)),"filterBlockchains");import{styled as Ha}from"@rango-dev/ui";var Ga=Ha("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),hn=Ha("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Jm,Skeleton as Va}from"@rango-dev/ui";import yn from"react";var ed=20;function Ka(){return yn.createElement(hn,null,Array.from(Array(ed),t=>yn.createElement(Jm,{key:t,hasDivider:!0,start:yn.createElement(Va,{variant:"circular",width:35,height:35}),title:yn.createElement(Va,{variant:"text",size:"large",width:90})})))}i(Ka,"LoadingBlockchainList");function Er(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=id(e),p=v.use.loadingStatus();rd(()=>{a([...qa(e,o,r)])},[e,o,r]);let l=i(()=>!s.length&&o?De.createElement(De.Fragment,null,De.createElement(Xa,{size:32}),De.createElement(nd,{title:xr.t("No results found"),description:xr.t("Try using different keywords")})):De.createElement(hn,{key:`${r}-${o}`},s.map(u=>De.createElement(od,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:De.createElement(td,{src:u.logo,size:30}),title:De.createElement(ja,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return De.createElement(Ga,null,De.createElement(ja,{variant:"label",size:"large"},xr.t("Select Blockchain")),De.createElement(Xa,{size:4}),p==="loading"&&De.createElement(Ka,null),p==="success"&&l())}i(Er,"BlockchainList");function Br(t){let{type:e}=t,{navigateBackFrom:o}=re(),[n,r]=Ra(""),[s,a]=Ra("ALL"),p=P.use.setToBlockchain(),l=P.use.setFromBlockchain(),{loadingStatus:u}=v(),m=Le().blockchains({type:e}),d=e==="source"?"fromBlockchain":"toBlockchain";return Tt.createElement(Q,{header:{onBack:()=>{o(g[d])},title:Ya.t("Select Blockchain")}},Tt.createElement(Ar,{size:12}),Tt.createElement(sd,{setCategory:a,category:s,blockchains:m,isLoading:u==="loading"}),Tt.createElement(Ar,{size:24}),Tt.createElement(it,{value:n,autoFocus:!0,placeholder:Ya.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:c=>r(c.target.value)}),Tt.createElement(Ar,{size:16}),Tt.createElement(Er,{list:m,searchedFor:n,blockchainCategory:s,onChange:c=>{e==="source"?l(c):p(c),o(g[d])}}))}i(Br,"SelectBlockchainPage");import{i18n as ml}from"@lingui/core";import{Divider as dl}from"@rango-dev/ui";import Ut,{useState as xd}from"react";import{useNavigate as Ed}from"react-router-dom";import{i18n as Wr}from"@lingui/core";import{BlockchainsChip as Nr,Divider as Ja,Image as md,Skeleton as dd,Typography as Ir}from"@rango-dev/ui";import xe from"react";import{useMemo as ad,useRef as ld}from"react";function Qa(t,e){let o=ld({index:-1,name:""});t.sort(ud);let n=t.map(r=>r.name).join("-");return ad(()=>{let r=t,s=[];if(e?.limit&&t.length>e.limit){let a=e.limit,p=e.selected?t.findIndex(u=>u.name===e.selected):-1,l=o.current.index>e.limit-1&&!!t.find(u=>u.name===o.current.name);e.selected&&(l&&p<e.limit-1||p>e.limit-1)&&t.sort(pd(l?o.current.name:e.selected)),s=r.splice(a),o.current={index:p,name:e.selected??""}}return{list:r,more:s}},[n])}i(Qa,"usePrepareBlockchainList");function pd(t){return i(function(o,n){return o.name===t?-1:n.name===t?1:0},"sortBySelected")}i(pd,"generateSortBySelectedFor");function ud(t,e){let o=["ETH","COSMOS","OSMOSIS"],n=o.findIndex(p=>p===t.name),r=o.findIndex(p=>p===e.name),s=n>-1,a=r>-1;return s&&a?n>r?1:-1:s?-1:a?1:0}i(ud,"sortByMostUsedBlockchains");import{styled as cd}from"@rango-dev/ui";var Za=cd("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var el=10,Mr=el+1,fd=12;function Lr(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Qa(e,{limit:e.length===Mr?Mr:el,selected:n?.name}),p=v.use.loadingStatus(),l=P.use.resetToBlockchain(),u=P.use.resetFromBlockchain(),m=e.length!==Mr&&a.more.length;return xe.createElement("div",null,xe.createElement(Ja,{size:12}),xe.createElement(Ir,{variant:"label",size:"large"},Wr.t("Select Blockchain")),xe.createElement(Ja,{size:12}),xe.createElement(Za,null,p==="loading"&&Array.from(Array(fd),d=>xe.createElement(dd,{key:d,variant:"rounded",height:50})),p==="success"&&xe.createElement(xe.Fragment,null,xe.createElement(Nr,{selected:!n,onClick:()=>{o==="from"?u():l()}},xe.createElement(Ir,{variant:"body",size:"xsmall",color:"secondary500"},Wr.t("All"))),a.list.map(d=>xe.createElement(Nr,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},xe.createElement(md,{src:d.logo,size:30}))),m?xe.createElement(Nr,{onClick:s},xe.createElement(Ir,{variant:"body",size:"xsmall",color:"secondary500"},Wr._("More +{count}",{count:a.more.length}))):null)))}i(Lr,"BlockchainsSection");import{i18n as Fr}from"@lingui/core";import{darkTheme as al,Divider as no,ExternalLinkIcon as yd,Image as Sd,ListItemButton as Cd,NotFound as kd,PinIcon as Td,Skeleton as ll,Typography as ro,VirtualizedList as wd}from"@rango-dev/ui";import M,{forwardRef as vd,useEffect as pl,useState as ul}from"react";import{Divider as il,ListItem as hd,Skeleton as oo}from"@rango-dev/ui";import Ve from"react";import{styled as Ye,Typography as gd}from"@rango-dev/ui";var tl=Ye("div",{display:"flex",flexDirection:"column",flexGrow:1}),Pr=Ye("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Sn=Ye("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none",".description":{position:"relative",height:12,width:150,".token-title":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"},".token-address":{transform:"translateY(12px)",visibility:"hidden","& a":{fontSize:"$12",lineHeight:"$16",color:"$neutral800",textDecoration:"none"}},".token-name":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}},"&:hover":{".description":{".token-address":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},".token-address-without-name":{bottom:"-15px"},".token-name":{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},".token-title":{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Dr=Ye("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),_r=Ye(gd,{}),ol=Ye("div",{textAlign:"right"}),Cn=Ye("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),yE=Ye("div",{display:"flex",alignItems:"center"}),nl=Ye("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),rl=Ye("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function sl(t){return Ve.createElement(Sn,null,Array.from(Array(t.size),e=>Ve.createElement(hd,{key:e,hasDivider:!0,start:Ve.createElement(oo,{variant:"circular",width:35,height:35}),end:Ve.createElement(Cn,null,Ve.createElement(oo,{variant:"text",size:"large",width:70}),Ve.createElement(il,{size:4}),Ve.createElement(oo,{variant:"text",size:"medium",width:50})),title:Ve.createElement("div",null,Ve.createElement(oo,{variant:"text",size:"large",width:90}),Ve.createElement(il,{size:4}),Ve.createElement(oo,{variant:"text",size:"medium",width:90}))})))}i(sl,"LoadingTokenList");var $r=20,bd=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,p=e.length;return M.createElement("div",{className:"description"},o?M.createElement("div",{className:"token-name"},o):M.createElement(Pr,{className:"token-title"},M.createElement(ro,{variant:"title",size:"xmedium"},r.symbol),M.createElement(no,{direction:"horizontal",size:4}),M.createElement(Dr,{css:s},M.createElement(_r,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&M.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},M.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:l=>l.stopPropagation()},p>10?`${e.slice(0,5)}...${e.slice(p-6,p)}`:e," ",M.createElement(yd,{color:"gray",size:12}))))},"renderDesc");function cl(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=ul(e),p=v.use.loadingStatus(),[l,u]=ul(!0),m=G.use.loading(),{blockchains:d}=v.use.meta(),{isTokenPinned:c}=Le(),h=vd((S,T)=>M.createElement("div",{...S,ref:T,style:{...S.style,height:`${parseFloat(S.style?.height)+8*2}px`}})),C=i(()=>{a(e.slice(0,s.length+$r))},"loadNextPage");pl(()=>{u(e.length>s.length)},[s.length]),pl(()=>{a(e.slice(0,$r))},[e]);let y=i(()=>!s.length&&o?M.createElement(M.Fragment,null,M.createElement(no,{size:32}),M.createElement(kd,{title:Fr.t("No results found"),description:Fr.t("Try using different keywords")})):M.createElement(wd,{Item:({index:S,style:T})=>{let f=s[S],w=f.address||"",b=d.find(A=>A.name===f.blockchain),x=hi(f.symbol,b?.color||""),W={$$color:x[`${f.symbol}100`],[`.${al} &`]:{$$color:x[`${f.symbol}900`]},backgroundColor:"$$color"},F={$$color:x[`${f.symbol}700`],[`.${al} &`]:{$$color:x[`${f.symbol}100`]},color:"$$color"};return M.createElement("div",{style:{...T,paddingRight:5}},M.createElement(Cd,{style:{height:T?.height},"tab-index":S,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(s[S]),start:M.createElement(nl,null,M.createElement(Sd,{src:f.image,size:30}),c(f)&&M.createElement(rl,null,M.createElement(Td,{size:12,color:"gray"}))),title:b?.type==="COSMOS"||f.name||!f.name&&!w?M.createElement(Pr,null,M.createElement(ro,{variant:"title",size:"xmedium"},f.symbol),M.createElement(no,{direction:"horizontal",size:4}),M.createElement(Dr,{css:W},M.createElement(_r,{variant:"body",size:"xsmall",css:F},f.blockchain))):void 0,description:b?.info&&w&&b.type!=="COSMOS"?bd({address:w,token:s[S],customCssForTag:W,customCssForTagTitle:F,name:f.name,url:b.info.addressUrl.split("{wallet}").join(w)}):f.name||void 0,end:m?M.createElement(Cn,null,M.createElement(ll,{variant:"text",size:"large",width:70}),M.createElement(no,{size:4}),M.createElement(ll,{variant:"text",size:"medium",width:50})):s[S]?.balance&&M.createElement(ol,null,M.createElement(ro,{variant:"title",size:"small"},f.balance?.amount),M.createElement("div",null),f.balance?.usdValue&&M.createElement(ro,{variant:"body",color:"neutral800",size:"xsmall"},`$${f.balance?.usdValue}`))}))},hasNextPage:l,itemCount:s.length,loadNextPage:C,innerElementType:h,size:60,key:`${r}-${o}`}),"renderList");return M.createElement(tl,null,M.createElement(ro,{variant:"label",size:"large"},Fr.t("Select Token")),M.createElement(no,{size:4}),p==="loading"&&M.createElement(sl,{size:$r}),p==="success"&&M.createElement(Sn,null,y()))}i(cl,"TokenList");function Or(t){let{type:e}=t,o=Ed(),{navigateBackFrom:n}=re(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:p,setFromBlockchain:l,setToBlockchain:u}=P(),{connectedWallets:m}=G(),[d,c]=xd(""),C=(e==="source"?r:s)?.name??"",y=Le().blockchains({type:e}),S=Le().tokens({type:e,blockchain:C,searchFor:d}),T=Ni(S,m),f=i(b=>{e==="source"?l(b):u(b)},"updateBlockchain"),w=i(b=>{e==="source"?a(b):p(b)},"updateToken");return Ut.createElement(Q,{header:{onBack:()=>n(e==="source"?g.fromSwap:g.toSwap),title:ml.t("Swap {type}",{type:e==="source"?"from":"to"})}},Ut.createElement(Lr,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(e==="source"?g.fromBlockchain:g.toBlockchain),onChange:b=>{f(b)}}),Ut.createElement(dl,{size:24}),Ut.createElement(it,{value:d,autoFocus:!0,placeholder:ml.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>c(""),onChange:b=>c(b.target.value)}),Ut.createElement(dl,{size:16}),Ut.createElement(cl,{list:T,selectedBlockchain:C,searchedFor:d,onChange:b=>{w(b);let x=y.find(W=>b.blockchain===W.name);x&&f(x),n(g.fromSwap)}}))}i(Or,"SelectSwapItemsPage");import{i18n as wt}from"@lingui/core";import{ChevronRightIcon as qr,Divider as Hr,InfoIcon as Md,List as Ld,ListItemButton as Pd,Skeleton as Dd,Switch as _d,Tooltip as Fd,Typography as vt}from"@rango-dev/ui";import q from"react";import{useNavigate as $d}from"react-router-dom";import{i18n as Sl}from"@lingui/core";import{Chip as Bd,Divider as Cl,InfoIcon as Wd,TextField as Nd,Tooltip as Id,Typography as kl}from"@rango-dev/ui";import Ee from"react";import{styled as kn}from"@rango-dev/ui";var fl=kn("div",{paddingTop:"$5",paddingBottom:"30px"}),gl=kn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),hl=kn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Tn=kn("div",{maxWidth:"300px",padding:"$10"});import{i18n as Ur}from"@lingui/core";import{Typography as Ad}from"@rango-dev/ui";import io from"react";function yl(){return io.createElement(Tn,null,io.createElement(Ad,{variant:"label",size:"medium",color:"neutral900"},Ur.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),io.createElement("br",null),io.createElement("br",null),io.createElement("b",null,Ur.t("Warning")),":",Ur.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}i(yl,"SlippageTooltipContent");function zr(){let t=O.use.slippage(),e=O.use.setSlippage(),o=O.use.customSlippage(),n=O.use.setCustomSlippage();return Ee.createElement(fl,null,Ee.createElement(hl,null,Ee.createElement(kl,{variant:"title",size:"xmedium"},Sl.t("Slippage tolerance per swap")),Ee.createElement(Cl,{direction:"horizontal",size:4}),Ee.createElement(Id,{container:ae(),side:"top",content:Ee.createElement(yl,null)},Ee.createElement(Wd,{color:"gray"}))),Ee.createElement(gl,null,Ki.map((r,s)=>{let a=`slippage-${s}`;return Ee.createElement(Ee.Fragment,null,Ee.createElement(Bd,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),Ee.createElement(Cl,{direction:"horizontal",size:8}))}),Ee.createElement(Nd,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=parseFloat(r.target.value);(!s||s>=Ri&&s<=Yi)&&n(s)},suffix:o&&Ee.createElement(kl,{variant:"body",size:"small"},"%"),placeholder:Sl.t("Custom")})))}i(zr,"Slippage");function Tl({supportedSwappers:t,singleTheme:e}){let o=$d(),{navigateBackFrom:n}=re(),r=O.use.infiniteApprove(),s=O.use.toggleInfiniteApprove(),a=v.use.loadingStatus(),p=fn(t),l=p.filter(b=>b.type==="BRIDGE"||b.type==="AGGREGATOR"),u=l.length,m=l.filter(b=>b.selected).length,d=p.filter(b=>b.type==="DEX"),c=d.length,h=d.filter(b=>b.selected).length,C=i((b,x)=>{switch(a){case"loading":return q.createElement(Dd,{variant:"text",size:"medium",width:50});case"failed":return q.createElement(vt,{variant:"body",size:"medium",color:"$error500"},wt.t("Loading failed"));default:return q.createElement(vt,{variant:"body",size:"medium"},`${b} / ${x}`)}},"handleEndItem"),y={id:"bridge-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Enabled bridges")),end:q.createElement(q.Fragment,null,C(m,u),q.createElement(Hr,{direction:"horizontal",size:8}),q.createElement(qr,{color:"black"})),onClick:()=>o(g.bridges)},S={id:"exchange-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Enabled exchanges")),end:q.createElement(q.Fragment,null,C(h,c),q.createElement(Hr,{direction:"horizontal",size:8}),q.createElement(qr,{color:"gray"})),onClick:()=>o(g.exchanges)},T={id:"theme-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Theme")),end:q.createElement(qr,{color:"gray"}),onClick:()=>o(g.themes)},f={id:"infinite-approval-item",title:q.createElement(q.Fragment,null,q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Infinite Approval")),q.createElement(Hr,{direction:"horizontal",size:4}),q.createElement(Fd,{side:"top",container:ae(),content:q.createElement(Tn,null,q.createElement(vt,{variant:"label",size:"medium",color:"neutral900"},wt.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.")))},q.createElement(Md,{color:"gray"}))),end:q.createElement(_d,{checked:r}),onClick:s},w=[y,S];return e||w.push(T),w.push(f),q.createElement(Q,{header:{onBack:n.bind(null,g.settings),title:wt.t("Setting")}},q.createElement(st,null,q.createElement(zr,null),q.createElement(Ld,{type:q.createElement(Pd,{title:"_",id:"_",onClick:()=>console.log()}),items:w})))}i(Tl,"SettingsPage");import{cancelSwap as Pf}from"@rango-dev/queue-manager-rango-preset";import{useManager as Df}from"@rango-dev/queue-manager-react";import Jl from"react";import{i18n as at}from"@lingui/core";import{getCurrentBlockchainOfOrNull as ff,getCurrentStep as gf,getRelatedWalletOrNull as hf,PendingSwapNetworkStatus as In}from"@rango-dev/queue-manager-rango-preset";import{Button as Vl,CopyIcon as yf,Divider as Sf,IconButton as Cf,RouteCost as kf,RouteSummary as Tf,StepDetails as wf,Typography as qt,useCopyToClipboard as vf}from"@rango-dev/ui";import{useWallets as bf}from"@rango-dev/wallets-react";import Z,{useEffect as Kl,useRef as xf,useState as Xl}from"react";import{useNavigate as Ef}from"react-router-dom";import{i18n as Ae}from"@lingui/core";var Od=1e3,Ud=31536e3,zd=2592e3,qd=86400,Hd=3600,Gd=60;function wl(t){let e=Math.floor((Date.now()-t)/Od),n=[{turningPoint:Ud,label:Ae.t("year"),pluralLabel:Ae.t("years")},{turningPoint:zd,label:Ae.t("month"),pluralLabel:Ae.t("months")},{turningPoint:qd,label:Ae.t("day"),pluralLabel:Ae.t("days")},{turningPoint:Hd,label:Ae.t("hour"),pluralLabel:Ae.t("hours")},{turningPoint:Gd,label:Ae.t("minute"),pluralLabel:Ae.t("minutes")}].sort((r,s)=>s.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:s,label:a,pluralLabel:p}=r,l=Math.floor(e/s);if(l>1)return`${l} ${p}`;if(l===1)return`${l} ${a}`}return e>1?`${e} ${Ae.t("seconds")}`:`${e} ${Ae.t("second")}`}i(wl,"timeSince");function vl(t){return t.finishTime?Ae.t({id:"timeAgo",message:"{time} ago",values:{time:wl(parseInt(t.finishTime))}}):Ae.t({id:"timeAgo",message:"{time} ago",values:{time:wl(parseInt(t.creationTime))}})}i(vl,"getSwapDate");import{PendingSwapNetworkStatus as bn}from"@rango-dev/queue-manager-rango-preset";import{Modal as Qd}from"@rango-dev/ui";import xn from"react";import{i18n as wn}from"@lingui/core";import{Button as bl,Divider as Gr,MessageBox as Vd,Typography as xl}from"@rango-dev/ui";import Re from"react";var El=i(({onCancel:t,onClose:e})=>Re.createElement(Re.Fragment,null,Re.createElement(Gr,{size:20}),Re.createElement(Vd,{type:"error",title:wn.t("Transaction Cancel"),description:wn.t("Are you sure you want to Cancel this swap?")}),Re.createElement(Gr,{size:32}),Re.createElement(bl,{variant:"contained",type:"primary",size:"large",onClick:t},Re.createElement(xl,{variant:"title",size:"medium",color:"neutral100"},wn.t("Yes, Cancel it"))),Re.createElement(Gr,{size:12}),Re.createElement(bl,{variant:"outlined",type:"primary",size:"large",onClick:e},Re.createElement(xl,{variant:"title",size:"medium",color:"primary"},wn.t("No, Continue")))),"CancelContent");import{i18n as vn}from"@lingui/core";import{Button as Al,Divider as Vr,MessageBox as Kd,Typography as Bl}from"@rango-dev/ui";import Qe from"react";var Wl=i(({onDelete:t,onClose:e})=>Qe.createElement(Qe.Fragment,null,Qe.createElement(Vr,{size:20}),Qe.createElement(Kd,{type:"error",title:vn.t("Delete Transaction"),description:vn.t("Are you sure you want to delete this swap?")}),Qe.createElement(Vr,{size:32}),Qe.createElement(Al,{variant:"contained",type:"primary",size:"large",onClick:t},Qe.createElement(Bl,{variant:"title",size:"medium",color:"neutral100"},vn.t("Yes, Delete it"))),Qe.createElement(Vr,{size:12}),Qe.createElement(Al,{variant:"outlined",type:"primary",size:"large",onClick:e},Qe.createElement(Bl,{variant:"title",size:"medium",color:"primary"},vn.t("No, Cancel")))),"DeleteContent");import{i18n as Kr}from"@lingui/core";import{PendingSwapNetworkStatus as Xr}from"@rango-dev/queue-manager-rango-preset";var jr={[Xr.WaitingForNetworkChange]:{type:"loading",title:Kr.t("Change Network")},[Xr.WaitingForConnectingWallet]:{type:"warning",title:Kr.t("Connect Wallet")},[Xr.NetworkChanged]:{type:"success",title:Kr.t("Network Changed")}};import{MessageBox as jd,Wallet as Yd,WalletState as Il}from"@rango-dev/ui";import{useWallets as Rd}from"@rango-dev/wallets-react";import so from"react";import{styled as Xd}from"@rango-dev/ui";var Nl=Xd("div",{display:"flex",justifyContent:"center"});var Ml=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:p,state:l}=Rd(),u=n?.walletType,d=u&&l(u).connected?Il.CONNECTED:Il.DISCONNECTED;return so.createElement(so.Fragment,null,so.createElement(jd,{type:e,title:o,description:r}),s&&u&&so.createElement(Nl,null,so.createElement(Yd,{container:ae(),title:p(u).name,image:p(u).img,type:u,state:d,onClick:async()=>a(u)})))},"WalletStateContent");function Yr(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,p=e===bn.WaitingForNetworkChange||e===bn.WaitingForConnectingWallet||e===bn.NetworkChanged;return xn.createElement(Qd,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},p&&xn.createElement(Ml,{type:jr[e].type,title:jr[e].title,currentStepWallet:s,message:a,showWalletButton:e!==bn.WaitingForNetworkChange}),e==="delete"&&xn.createElement(Wl,{onClose:o,onDelete:n}),e==="cancel"&&xn.createElement(El,{onClose:o,onCancel:r}))}i(Yr,"SwapDetailsModal");import{i18n as ao}from"@lingui/core";import{Button as Rr,Divider as En,MessageBox as Ll,Modal as Zd,TokenAmount as Jd,Typography as An}from"@rango-dev/ui";import fe from"react";import{useNavigate as ef}from"react-router-dom";function Qr(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,token:a,chain:p,percentageChange:l,description:u,diagnosisUrl:m}=t,d=ef();return fe.createElement(Zd,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?fe.createElement(Ll,{type:"success",title:ao.t("Swap Successful")},fe.createElement(Jd,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:s},token:a,chain:p,percentageChange:l}),fe.createElement(En,{size:12}),fe.createElement(An,{variant:"body",size:"medium",color:"neutral900",align:"center"},u)):fe.createElement(Ll,{type:"error",title:ao.t("Transaction Failed"),description:u}),fe.createElement(En,{size:32}),n==="success"&&fe.createElement(Rr,{variant:"contained",type:"primary",size:"large",onClick:()=>d(g.home)},fe.createElement(An,{variant:"title",size:"medium",color:"neutral100"},ao.t("Done"))),fe.createElement(En,{size:12}),m&&fe.createElement(fe.Fragment,null,fe.createElement(Rr,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},fe.createElement(An,{variant:"title",size:"medium",color:"primary"},ao.t("Diagnosis"))),fe.createElement(En,{size:12})),fe.createElement(Rr,{variant:"outlined",type:"primary",size:"large",onClick:o},fe.createElement(An,{variant:"title",size:"medium",color:"primary"},ao.t("See Details"))))}i(Qr,"SwapDetailsCompleteModal");import mf from"react";import{i18n as lf}from"@lingui/core";import{Alert as Ol,IconButton as pf,LinkIcon as uf}from"@rango-dev/ui";import dt,{Fragment as cf}from"react";import{Alert as tf,ChevronDownIcon as of,ChevronUpIcon as nf,IconButton as rf}from"@rango-dev/ui";import Bn,{useState as sf}from"react";function Pl(t){let{message:e}=t,[o,n]=sf(!1);return Bn.createElement(tf,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Bn.createElement(rf,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Bn.createElement(nf,{size:12,color:"gray"}):Bn.createElement(of,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(Pl,"FailedAlert");import{styled as af}from"@rango-dev/ui";var Dl=af("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as _l}from"@lingui/core";import{PendingSwapNetworkStatus as Zr}from"@rango-dev/queue-manager-rango-preset";import{Alert as Jr,Button as Fl}from"@rango-dev/ui";import lo from"react";function $l(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?lo.createElement(Jr,{type:"warning",title:n.shortMessage,action:lo.createElement(Fl,{size:"xxsmall",type:"warning",onClick:()=>{o(Zr.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},_l.t("Change"))}):r===Zr.WaitingForConnectingWallet?lo.createElement(Jr,{type:"warning",title:n.shortMessage,action:lo.createElement(Fl,{size:"xxsmall",type:"warning",onClick:()=>{o(Zr.WaitingForConnectingWallet)}},_l.t("Connect"))}):lo.createElement(Jr,{type:"warning",title:n.shortMessage})}i($l,"WarningAlert");function ei(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,p=Xt(s),l=s.status==="waitingForApproval"&&!p,u=s.status==="running"&&!p;return dt.createElement(Dl,null,s.explorerUrl?.map((m,d,c)=>{let h=d+m.url,C=d===c.length-1,y=C&&u||l,S=C&&s.status==="failed";return dt.createElement(cf,{key:h},dt.createElement(Ol,{type:y&&"loading"||S&&"error"||"success",title:m.description?`${m.description} Tx`:lf.t("View transaction"),action:m.url&&dt.createElement(pf,{variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},dt.createElement(uf,{size:16}))}))}),(u&&!a||l&&!s.explorerUrl?.length)&&dt.createElement(Ol,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&p&&dt.createElement($l,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&dt.createElement(Pl,{message:r}))}i(ei,"SwapDetailsAlerts");var Ul=2e3;var zl=i(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,s)=>{let a=s===0?t.inputAmount:t.steps[s-1].outputAmount;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:Je(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:k(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:Je(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:k(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:mf.createElement(ei,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function ql(t){if(Xt(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(ql,"getStepState");import{darkTheme as df,styled as zt}from"@rango-dev/ui";var Wn=zt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1,"& .row":{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${df} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"},"& .request-id":{display:"flex",justifyContent:"center",alignItems:"center",height:"$24"},"& .output":{display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"},"& .title-steps":{textAlign:"left",width:"100%",padding:"0 $20 $10"}}),Nn=zt("div",{width:"100%"}),Hl=zt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),tB=zt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Gl=zt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),oB=zt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function ti(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:p}=bf(),l=P.use.retry(),u=Ef(),{navigateBackFrom:m}=re(),[d,c]=vf(Ul),h=xf(null),[C,y]=Xl(null),[S,T]=Xl(null),{meta:{tokens:f,blockchains:w}}=v(),b=i(()=>{r(),y(null)},"onCancel"),x=Pe.use.getUnreadNotifications(),W=Pe.use.setAsRead(),F=x(),A=gf(e),$=A?.networkStatus;Kl(()=>{F.find(R=>R.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(T(e.status),W(e.requestId))},[e.status]),Kl(()=>{L?y(In.WaitingForNetworkChange):$===In.WaitingForConnectingWallet||$===In.NetworkChanged?y($):y(null)},[$]);let X=Ss(e),oe=A?ff(e,A):null,B=A?hf(e,A):null,J=vl(e),H=Cs(e),ne=i(_=>!!p(_)?.mobileWallet,"isMobileWallet"),L=$===In.WaitingForNetworkChange&&!!oe&&!!B?.walletType&&(ne(B.walletType)||s(B.walletType,oe)),me=L?a.bind(null,B.walletType,oe):void 0,Ne=ys(e,A),U=zl({swap:e,switchNetwork:me,showNetworkModal:$,setNetworkModal:y,message:Ne,blockchains:w}),j=U.length,[Ie,Te]=[e.steps[0],e.steps[j-1]],_e=Te.outputAmount||Te.expectedOutputAmountHumanReadable,se=e.steps.reduce((_,R)=>_+parseFloat(R.feeInUsd||""),0),ft=e.steps.find(_=>_.diagnosisUrl)?.diagnosisUrl,Ze=k(String(parseFloat(k(_e,6,6))*(xo(Te.toBlockchain,Te.toSymbol,Te.toSymbolAddress,f)||0)),4,4),bt=k(String(parseFloat(e.inputAmount)*(xo(Ie.fromBlockchain,Ie.fromSymbol,Ie.fromSymbolAddress,f)||0)),4,4),D=et(bt,Ze),N=e.status==="success"?at.t({id:"receivedMessage",message:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:k(_e,6,6),token:U[j-1].to.token.displayName,conciseAddress:Ao(e.wallets[U[j-1].to.chain.displayName]?.address||""),chain:U[j-1].to.chain.displayName}}):`${at.t("Transaction was not sent.")} ${X?at.t({id:"remainSymbol",message:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:X.outputAmount,symbol:X.symbol,blockchain:X.blockchain}}):""}`;return Z.createElement(Q,{noPadding:!0,header:{title:at.t("Swap and Bridge"),onBack:m.bind(null,g.swapDetails),onCancel:e.status==="running"?()=>y("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(xt,null,Z.createElement(Vl,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>y("delete")},Z.createElement(qt,{size:"medium",variant:"label",color:"error"},at.t("Delete"))))},footer:H&&!S&&Z.createElement(Vl,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{l(e),setTimeout(()=>{u(g.home)},0)}},at.t("Try again"))},Z.createElement(Wn,null,Z.createElement(Nn,null,Z.createElement("div",{className:"row"},Z.createElement(qt,{variant:"label",size:"large",color:"neutral900"},`${at.t("Request ID")}:`),Z.createElement("div",{className:"request-id"},Z.createElement(qt,{variant:"label",size:"small",color:"neutral900"},o),Z.createElement(Cf,{variant:"ghost",onClick:c.bind(null,o||"")},Z.createElement(yf,{size:16,color:"gray"})))),Z.createElement("div",{className:"row"},Z.createElement(qt,{variant:"label",size:"large",color:"neutral900"},`${at.t("Created at")}:`),Z.createElement(qt,{variant:"label",size:"small",color:"neutral900"},J))),Z.createElement("div",{className:"output"},Z.createElement(kf,{fee:k(String(se),2,2),time:Bt(Wt(e.steps)),steps:j}),Z.createElement(Tf,{from:{price:{value:k(e.inputAmount,6,6),usdValue:bt},token:{displayName:U[0].from.token.displayName,image:U[0].from.token.image},chain:{image:U[0].from.chain.image,displayName:U[0].from.chain.displayName}},to:{price:{value:k(_e,6,6),usdValue:Ze},token:{displayName:U[j-1].to.token.displayName,image:U[j-1].to.token.image},chain:{image:U[j-1].to.chain.image,displayName:U[j-1].to.chain.displayName}},percentageChange:k(D,2,2),warningLevel:It(D?.toNumber()??0)})),Z.createElement("div",{className:"title-steps"},Z.createElement(qt,{variant:"title",size:"small"},at.t("Swaps steps"))),Z.createElement(Sf,{size:8}),Z.createElement(Hl,{ref:h},U.map((_,R)=>{let le=R,ue=ql(e.steps[R]),ho=ue==="error"||ue==="in-progress"||ue==="warning"||ue==="completed"&&R===U.length-1;return Z.createElement(wf,{key:le,step:_,type:"route-progress",ref:h,state:ue,hasSeparator:R!==0,tabIndex:le,isFocused:ho})}))),Z.createElement(Yr,{state:C,onClose:()=>y(null),onCancel:b,onDelete:n,message:Ne.detailedMessage.content,currentStepWallet:B}),Z.createElement(Qr,{open:!!S,diagnosisUrl:ft,onClose:()=>T(null),status:e.status==="success"?"success":"failed",priceValue:k(_e,6,6),usdValue:Ze,percentageChange:k(D,2,2),token:{displayName:U[j-1].to.token.displayName,image:U[j-1].to.token.image},chain:{image:U[j-1].to.chain.image},description:N}))}i(ti,"SwapDetails");import{i18n as fo}from"@lingui/core";import{CopyIcon as If,IconButton as Mf,NotFound as Lf,Skeleton as Ql,Typography as Ln}from"@rango-dev/ui";import ce from"react";import{i18n as Bf}from"@lingui/core";import{ChainToken as Wf,Divider as ni,Skeleton as mo,Typography as Nf}from"@rango-dev/ui";import ee from"react";import{styled as oi}from"@rango-dev/ui";var jl=oi("div",{width:"100%",height:"100%",padding:"$0 $20",".cost":{paddingTop:"$15",display:"flex"},".route-summary":{padding:"$15 $0"},".route-summary-item":{display:"flex",justifyContent:"space-between",alignItems:"center"},".token-amount":{display:"flex",justifyContent:"space-between",alignItems:"center"},".route-summary-separator":{width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"},".swaps-steps":{paddingBottom:"$10"}}),Yl=oi("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15",".step-title":{display:"flex",justifyContent:"start",alignItems:"center"},".step-tokens":{paddingTop:"$5",display:"flex",alignItems:"center"},".step-token-info":{display:"flex",alignItems:"center"},".step-icon-container":{padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"},".extra-info":{display:"flex",paddingTop:"$10",paddingBottom:"$5"}}),Mn=oi("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral900",marginLeft:"25px"});import{ChainToken as Rl,Divider as po,NextIcon as Af,Skeleton as uo}from"@rango-dev/ui";import pe from"react";function co(t){let{extraInfo:e}=t;return pe.createElement(Yl,null,pe.createElement("div",{className:"step-title"},pe.createElement(uo,{height:28,width:28,variant:"circular"}),pe.createElement(po,{direction:"horizontal",size:8}),pe.createElement(uo,{height:15,width:148,variant:"rounded"})),pe.createElement("div",{className:"step-tokens"},pe.createElement(po,{direction:"horizontal",size:20}),pe.createElement("div",{className:"step-token-info"},pe.createElement(Rl,{size:"small",loading:!0,chainImage:"",tokenImage:""}),pe.createElement(po,{direction:"horizontal",size:8}),pe.createElement(uo,{height:12,width:76,variant:"rounded"})),pe.createElement("div",{className:"step-icon-container"},pe.createElement(Af,{color:"gray",size:16})),pe.createElement("div",{className:"step-token-info"},pe.createElement(Rl,{size:"small",loading:!0,chainImage:"",tokenImage:""}),pe.createElement(po,{direction:"horizontal",size:8}),pe.createElement(uo,{height:12,width:76,variant:"rounded"}))),e&&pe.createElement("div",{className:"extra-info"},pe.createElement(po,{direction:"horizontal",size:20}),pe.createElement(uo,{height:22,width:297,variant:"rectangular"})))}i(co,"LoadingSwapDetailStep");function ri(){let t=ee.createElement("div",{className:"route-summary-item"},ee.createElement("div",{className:"token-amount"},ee.createElement(Wf,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),ee.createElement(ni,{size:8,direction:"horizontal"}),ee.createElement(mo,{height:15,width:148,variant:"rounded"})),ee.createElement(mo,{height:12,width:64,variant:"rounded"}));return ee.createElement(jl,null,ee.createElement("div",{className:"cost"},ee.createElement(mo,{width:60,height:10,variant:"rounded"}),ee.createElement(ni,{size:4,direction:"horizontal"}),ee.createElement(mo,{width:60,height:10,variant:"rounded"}),ee.createElement(ni,{size:4,direction:"horizontal"}),ee.createElement(mo,{width:60,height:10,variant:"rounded"})),ee.createElement("div",{className:"route-summary"},t,ee.createElement("div",{className:"route-summary-separator"}),t),ee.createElement("div",{className:"swaps-steps"},ee.createElement(Nf,{variant:"title",size:"small"},Bf.t("Swaps steps"))),ee.createElement("div",{className:"step-container"},ee.createElement(co,{extraInfo:!0}),ee.createElement(Mn,null),ee.createElement(co,null),ee.createElement(Mn,null),ee.createElement(co,null),ee.createElement(Mn,null),ee.createElement(co,null)))}i(ri,"LoadingSwapDetails");function Zl(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=re();return ce.createElement(Q,{noPadding:!0,header:{title:fo.t("Swap and Bridge"),onBack:n.bind(null,g.swapDetails),suffix:ce.createElement(xt,null)}},o&&ce.createElement(Wn,null,ce.createElement(Nn,null,ce.createElement("div",{className:"row"},ce.createElement(Ln,{variant:"label",size:"large",color:"neutral900"},`${fo.t("Request ID")}:`),ce.createElement("div",{className:"request-id"},ce.createElement(Ln,{variant:"label",size:"small",color:"neutral900"},ce.createElement(Ql,{width:60,height:10,variant:"rounded"})),ce.createElement(Mf,{variant:"ghost"},ce.createElement(If,{size:16,color:"gray"})))),ce.createElement("div",{className:"row"},ce.createElement(Ln,{variant:"label",size:"large",color:"neutral900"},`${fo.t("Created at")}:`),ce.createElement(Ln,{variant:"label",size:"small",color:"neutral900"},ce.createElement(Ql,{width:60,height:10,variant:"rounded"})))),ce.createElement(ri,null)),!o&&ce.createElement(Gl,null,ce.createElement(Lf,{title:fo.t("Not found"),description:fo.t({id:"swapNotFound",values:{requestId:e},message:"Swap with request ID = {requestId} not found."})})))}i(Zl,"SwapDetailsPlaceholder");function ep(){let{manager:t,state:e}=Df(),o=!e.loadedFromPersistor,n=cn(t),r=ve.use.selectedSwapRequestId(),{navigateBackFrom:s}=re(),{loadingStatus:a}=v(),p=o||a==="loading",l=n.find(({swap:c})=>c.requestId===r),u=i(()=>{if(l?.id){let c=t?.get(l.id);c&&Pf(c)}},"onCancel"),m=i(async()=>{if(l?.id)try{await t?.deleteQueue(l.id),s(g.swapDetails)}catch(c){console.log(c)}},"onDelete"),d=l?.swap;return!d||p?Jl.createElement(Zl,{requestId:r||"",showSkeleton:p}):Jl.createElement(ti,{swap:d,requestId:r||"",onCancel:u,onDelete:m})}i(ep,"SwapDetailsPage");import{i18n as go}from"@lingui/core";import{AutoThemeIcon as _f,DarkModeIcon as Ff,LightModeIcon as $f,List as Of,ListItemButton as Uf,Radio as ii,RadioRoot as zf,Typography as si}from"@rango-dev/ui";import Be from"react";function tp(){let{navigateBackFrom:t}=re(),e=O.use.theme(),o=O.use.setTheme(),n=[{id:"light",value:"light",title:Be.createElement(si,{variant:"title",size:"xmedium"},go.t("Light")),onClick:()=>o("light"),start:Be.createElement($f,{color:"gray"}),end:Be.createElement(ii,{value:"light"})},{id:"dark",value:"dark",title:Be.createElement(si,{variant:"title",size:"xmedium"},go.t("Dark")),onClick:()=>o("dark"),start:Be.createElement(Ff,{color:"gray"}),end:Be.createElement(ii,{value:"dark"})},{id:"auto",value:"auto",title:Be.createElement(si,{variant:"title",size:"xmedium"},go.t("Auto")),onClick:()=>o("auto"),start:Be.createElement(_f,{color:"gray"}),end:Be.createElement(ii,{value:"auto"})}];return Be.createElement(Q,{header:{onBack:t.bind(null,g.settings),title:go.t("Theme")}},Be.createElement(st,null,Be.createElement(zf,{onValueChange:r=>o(r),value:e},Be.createElement(Of,{type:Be.createElement(Uf,{title:go.t("Theme"),id:"_",onClick:()=>console.log()}),items:n}))))}i(tp,"ThemePage");var Hf=i(t=>t.replace("/",""),"getAbsolutePath");function op(t){let{config:e}=t;return qf([{path:g.home,element:We.createElement(Ro,null)},{path:g.fromSwap,element:We.createElement(Or,{type:"source"})},{path:g.toSwap,element:We.createElement(Or,{type:"destination"})},{path:g.fromBlockchain,element:We.createElement(Br,{type:"source"})},{path:g.toBlockchain,element:We.createElement(Br,{type:"destination"})},{path:g.settings,element:We.createElement(Tl,{singleTheme:e?.theme?.singleTheme,supportedSwappers:e?.liquiditySources})},{path:g.themes,element:We.createElement(tp,null)},{path:g.languages,element:We.createElement($a,null)},{path:g.exchanges,element:We.createElement(vr,{sourceType:"Exchanges",supportedSwappers:e?.liquiditySources})},{path:g.bridges,element:We.createElement(vr,{sourceType:"Bridges",supportedSwappers:e?.liquiditySources})},{path:g.swaps,element:We.createElement(Fa,null)},{path:g.swapDetails,element:We.createElement(ep,null)},{path:g.wallets,element:We.createElement(ca,{supportedWallets:e?.wallets,multiWallets:typeof e?.multiWallets>"u"?!0:e.multiWallets,config:e})},{path:Hf(g.confirmSwap),element:We.createElement(Aa,{config:e})}])}i(op,"AppRoutes");import{isApprovalTX as Gf,MainEvents as rp,RouteEventType as ip,StepEventType as Ht,StepExecutionEventStatus as Vf,useEvents as Kf}from"@rango-dev/queue-manager-rango-preset";import{useEffect as sp}from"react";import{StepExecutionBlockedEventStatus as ai}from"@rango-dev/queue-manager-rango-preset";var np=[ai.WAITING_FOR_CHANGE_WALLET_ACCOUNT,ai.WAITING_FOR_NETWORK_CHANGE,ai.WAITING_FOR_WALLET_CONNECT];function ap(){let t=G.use.connectedWallets(),e=G.use.getWalletsDetails(),o=Pe.use.setNotification(),n=Pe.use.setAsRead(),r=Kf();return sp(()=>(r.on(rp.StepEvent,s=>{let{event:a,step:p,route:l}=s;if(a.type===Ht.TX_EXECUTION&&a.status===Vf.TX_SENT&&!Gf(p)||a.type===Ht.SUCCEEDED){let m=t.find(c=>c.chain===p?.fromBlockchain),d=p?.fromBlockchain!==p?.toBlockchain&&t.find(c=>c.chain===p?.toBlockchain);m&&e([m]),d&&e([d])}a.type===Ht.TX_EXECUTION_BLOCKED&&np.includes(a.status)||a.type===Ht.FAILED?o(a,l):(a.type===Ht.TX_EXECUTION||a.type===Ht.CHECK_STATUS)&&n(l.requestId)}),()=>r.all.clear()),[r,t.length]),sp(()=>(r.on(rp.RouteEvent,s=>{let{event:a,route:p}=s;(a.type===ip.FAILED||a.type===ip.SUCCEEDED)&&o(a,p)}),()=>r.all.clear()),[r,t.length]),null}i(ap,"WidgetEvents");import{globalCss as Xf}from"@rango-dev/ui";var lp=i(()=>Xf({"@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{createTheme as jf,darkTheme as Yf,lightTheme as Rf}from"@rango-dev/ui";import{useEffect as pp,useState as Qf}from"react";function up({fontFamily:t="Roboto",borderRadius:e=ki,secondaryBorderRadius:o=Ti,mode:n="auto"}){let r=O.use.theme(),s=v.use.fetchMeta(),a=O.use.setTheme(),p=jf({radii:{primary:`${e}px`,secondary:`${o}px`},fonts:{widget:t}}),l=`${p.className} ${Rf.className}`,u=`${p.className} ${Yf.className}`,[m,d]=Qf("light");return pp(()=>{i(async()=>{await s()},"fetchData")();let C=i(y=>{y.matches?d("dark"):d("light")},"switchTheme");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&d("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",C),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",C)}},[]),pp(()=>{n!=="auto"&&a(n)},[n]),{activeTheme:i(()=>r==="auto"?m==="dark"?u:l:r==="dark"?u:l,"getActiveTheme")()}}i(up,"useTheme");import Zf,{useMemo as Jf}from"react";import{Provider as eg}from"@rango-dev/queue-manager-react";import{makeQueueDefinition as tg,checkWaitingForNetworkChange as og}from"@rango-dev/queue-manager-rango-preset";import{useWallets as ng}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as rg}from"@rango-dev/wallets-shared";import{isEvmBlockchain as ig}from"rango-types";function sg(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=ng(),p=Jf(()=>tg({API_KEY:ko("API_KEY")}),[]),{blockchains:l}=v.use.meta(),m={blockchains:G.use.connectedWallets().map(f=>({accounts:[f],name:f.chain}))},d=i((f,w)=>{if(s(f,w))return r(f,w)},"switchNetwork"),c=i(f=>!!a(f).mobileWallet,"isMobileWallet"),h=l.filter(f=>f.enabled).reduce((f,w)=>(f[w.name]=w,f),{}),C=l.filter(ig),y=i(f=>{let{supportedChains:w}=a(f);return vo(w)},"getSupportedChainNames"),S=e(),T={meta:{blockchains:h,evmBasedChains:C,evmNetworkChainInfo:rg(C),getSupportedChainNames:y},getSigners:o,wallets:m,providers:S,switchNetwork:d,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:c};return Zf.createElement(eg,{queuesDefs:[p],context:T,onPersistedDataLoaded:f=>{og(f)},isPaused:!1},t.children)}i(sg,"QueueManager");var cp=sg;import{Events as li,Provider as lg}from"@rango-dev/wallets-react";import{isEvmBlockchain as pg}from"rango-sdk";import dp,{createContext as ug,useRef as cg}from"react";import{useEffect as ag}from"react";function mp(t,e){let o=G.use.clearConnectedWallet(),n=tn(void 0,e);return ag(()=>{o(),n=tn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(mp,"useWalletProviders");var pi=ug({onConnectWallet:()=>{}});function ui(t){let{blockchains:e}=v.use.meta(),{providers:o}=mp(t.providers,t?.options),n=G.use.disconnectWallet(),r=G.use.connectWallet(),s=cg(),a=e.filter(pg).map(l=>l.name),p=i((l,u,m,d,c)=>{if(u===li.ACCOUNTS)if(m){let h=vo(c),C=Ei(l,m,a,h);r(C)}else n(l);if(u===li.ACCOUNTS&&d.connected){let h=`${l}-${d.network}-${m}`;d.connected&&(s.current?s.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(u===li.NETWORK&&d.network){let h=`${l}-${d.network}`;s.current?s.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(l,u,m,d,c)},"onUpdateState");return dp.createElement(pi.Provider,{value:{onConnectWallet:l=>{s.current=l}}},dp.createElement(lg,{allBlockChains:e,providers:o,onUpdateState:p,autoConnect:!0},t.children))}i(ui,"WidgetWallets");var hg=dg("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit",listStyleType:"none"},"& *:focus-visible":{outline:"1px $info500 solid",transition:"none"}});function gp(t){let{config:e}=t;lp();let{activeTheme:o}=up(e?.theme||{}),[n,r]=fp(""),[s,a]=fp(),p=fg(pi);return gg(()=>{e?.apiKey&&Ci({API_KEY:e?.apiKey})},[e]),hp(()=>{O.persist.rehydrate(),Pe.persist.rehydrate(),p.onConnectWallet(r)},[]),lt.createElement(mg,{language:e?.language},lt.createElement(hg,{id:"swap-container",className:o},lt.createElement(cp,null,lt.createElement(ap,null),lt.createElement(Os,{config:e,lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},lt.createElement(op,{config:e})))))}i(gp,"Main");function yg(t){let{updateConfig:e,config:o}=Le();return hp(()=>{t.config&&e(t.config)},[t.config]),t.config?.externalWallets?lt.createElement(gp,{...t}):lt.createElement(ui,{providers:o?.wallets,options:{walletConnectProjectId:o?.walletConnectProjectId||t.config?.walletConnectProjectId}},lt.createElement(gp,{...t}))}i(yg,"Widget");import{useWallets as Ca}from"@rango-dev/wallets-react";import{useEvents as rI,MainEvents as iI,RouteEventType as dI,StepEventType as wI,StepExecutionEventStatus as vI,StepExecutionBlockedEventStatus as bI}from"@rango-dev/queue-manager-rango-preset";export{iI as MainEvents,dI as RouteEventType,wI as StepEventType,bI as StepExecutionBlockedEventStatus,vI as StepExecutionEventStatus,yg as Widget,ui as WidgetWallets,Ca as useWallets,rI as useWidgetEvents};
+var Tp=Object.defineProperty;var i=(t,e)=>Tp(t,"name",{value:e,configurable:!0});import{I18nManager as hg,styled as yg}from"@rango-dev/ui";import lt,{useContext as Sg,useEffect as Cp,useMemo as Cg,useState as yp}from"react";import{useQueueManager as mc}from"@rango-dev/queue-manager-rango-preset";import{useWallets as dc}from"@rango-dev/wallets-react";import{isEvmBlockchain as fc}from"rango-types";import yt,{useEffect as gc,useRef as hc}from"react";import{MemoryRouter as yc,useInRouterContext as Sc}from"react-router";import{useLocation as Cc,useNavigate as kc}from"react-router-dom";var g={home:"/",fromSwap:"from-swap",fromBlockchain:"/from-swap/blockchains",toBlockchain:"/to-swap/blockchains",toSwap:"to-swap",settings:"settings",liquiditySources:"/settings/liquidity-sources",themes:"/settings/themes",bridges:"/settings/bridges",exchanges:"/settings/exchanges",languages:"/settings/languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:"swaps/:requestId"};import{i18n as Yo}from"@lingui/core";import{Alert as Yu,BestRoute as Ru,BestRouteSkeleton as Qu,Button as Zu,Divider as nr,styled as Lt,SwapInput as $s,Typography as rr,WarningIcon as Ju}from"@rango-dev/ui";import Y,{useEffect as ec,useRef as tc,useState as oc}from"react";import{useNavigate as nc}from"react-router-dom";import{ChevronLeftIcon as bp}from"@rango-dev/ui";import gi from"react";import{darkTheme as wp,IconButton as vp,styled as So}from"@rango-dev/ui";var Fe=So(vp,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),di=So("div",{position:"absolute",background:"$secondary500",[`.${wp} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),xt=So("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),fi=So("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function Dn(t){return gi.createElement(Fe,{variant:"ghost",size:"small",onClick:t.onClick},gi.createElement(bp,{color:"black",size:16}))}i(Dn,"BackButton");import{i18n as xp}from"@lingui/core";import{Button as Ap,Typography as Ep}from"@rango-dev/ui";import _n from"react";function Fn(t){return _n.createElement(xt,null,_n.createElement(Ap,{variant:"ghost",onClick:t.onClick,size:"xsmall"},_n.createElement(Ep,{variant:"label",size:"medium",color:"error500"},xp.t("Cancel"))))}i(Fn,"CancelButton");import{i18n as Bp}from"@lingui/core";import{Tooltip as Wp,WalletIcon as Np}from"@rango-dev/ui";import Co from"react";function $n(t){return Co.createElement(Wp,{container:t.container,side:"top",content:Bp.t("Connect Wallet")},Co.createElement(Fe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Co.createElement(di,null),Co.createElement(Np,{size:18,color:"black"})))}i($n,"WalletButton");import{i18n as No}from"@lingui/core";import{NotificationsIcon as au,Popover as lu,RefreshIcon as pu,SettingsIcon as uu,Tooltip as Io,TransactionIcon as cu}from"@rango-dev/ui";import de from"react";function At(t){return Array.from(new Set(t))}i(At,"removeDuplicateFrom");function On(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(On,"areEqual");function yi(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(yi,"debounce");function gt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(gt,"containsText");var hi=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[o,n,r]=t.match(/.{2}/g);[o,n,r]=[parseInt(o,16)+e,parseInt(n,16)+e,parseInt(r,16)+e],o=Math.max(Math.min(255,o),0).toString(16),n=Math.max(Math.min(255,n),0).toString(16),r=Math.max(Math.min(255,r),0).toString(16);let s=(o.length<2?"0":"")+o,a=(n.length<2?"0":"")+n,p=(r.length<2?"0":"")+r;return`#${s}${a}${p}`},"colorShade"),Si=i((t,e)=>{let o={[t]:e};for(let n=1;n<10;n++)n<5&&(o={...o,[t+n*100]:hi(e,(5-n)*32)}),n===5&&(o={...o,[t+n*100]:e}),n>5&&(o={...o,[t+n*100]:hi(e,-((n-5)*32))});return o},"generateRangeColors"),ae=i(()=>document.getElementById("swap-box"),"getContainer");import{i18n as eu}from"@lingui/core";import{ChainToken as zi,ChevronRightIcon as tu,ListItemButton as ou,Typography as nu}from"@rango-dev/ui";import $e from"react";import{useNavigate as ru}from"react-router-dom";import{create as Vp}from"zustand";import{create as Hp}from"zustand";var Ip=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"),we=Ip;var Mp={apiKey:""},Ci=i((t,e)=>({config:Mp,updateConfig:o=>{let n=e().config;t({config:{...n,...o}})}}),"createConfigSlice");import{RangoClient as Lp}from"rango-sdk";var ki="c6381a79-2817-4602-83bf-6a641a409e32";var Un={API_KEY:ki};function ko(t){return Un[t]}i(ko,"getConfig");function Ti(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Un=e,Un}i(Ti,"initConfig");var wi=20,vi=25;var To,Et=i(()=>To||(To=new Lp(ko("API_KEY")),To),"httpService");import{WalletState as Ke}from"@rango-dev/ui";import{readAccountAddress as _p}from"@rango-dev/wallets-react";import{detectInstallLink as Fp,getCosmosExperimentalChainInfo as $p,isEvmAddress as Op,KEPLR_COMPATIBLE_WALLETS as dh,Networks as Ai}from"@rango-dev/wallets-shared";import zn from"bignumber.js";import{isCosmosBlockchain as Up}from"rango-types";import Pp from"bignumber.js";var Me=new Pp(0);import{WalletTypes as Dp}from"@rango-dev/wallets-shared";var bi=[Dp.LEAP];import{BigNumber as xi}from"bignumber.js";var Bt=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),k=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new xi(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new xi(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 Wt=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Ve=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Gt=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function wo(t,e=4){let o=parseFloat(t);if(isNaN(o))return t;let n=Math.pow(10,e);return(Math.round(o*n)/n).toString()}i(wo,"limitDecimalPlaces");function zp(t){switch(!0){case t.connected:return Ke.CONNECTED;case t.connecting:return Ke.CONNECTING;case!t.installed:return Ke.NOT_INSTALLED;default:return Ke.DISCONNECTED}}i(zp,"mapStatusToWalletState");function Ei(t,e,o,n){return o.filter(r=>!bi.includes(r)).filter(r=>{if(n){let{supportedChains:s}=e(r);return!!s.find(a=>a.name===n)}return!0}).map(r=>{let{name:s,img:a,installLink:p}=e(r),l=zp(t(r));return{title:s,image:a,link:Fp(p),state:l,type:r}})}i(Ei,"mapWalletTypesToWalletInfo");function vo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(vo,"walletAndSupportedChainsNames");function Bi(t,e,o,n){let r=[];function s(p,l){if(!!!r.find(c=>c.chain===p)){let c={address:l,chain:p,walletType:t};r.push(c)}}i(s,"addAccount");let a=n||[];return e.forEach(p=>{let{address:l,network:u}=_p(p),c=a.length>0,d=a.includes(u),m=u===Ai.Unknown;if(c&&!d&&!m)return;let C=u===Ai.Unknown&&Op(l);if(m&&!C)return;o.includes(u)||C?a.filter(T=>o.includes(T)).forEach(T=>{s(T,l.toLowerCase())}):s(u,l)}),r}i(Bi,"prepareAccountsForWalletStore");function Wi(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,p=s.to.blockchain;e.includes(a)||e.push(a),e.includes(p)||e.push(p)})}),e}i(Wi,"getRequiredChains");function Nt(t,e,o,n){if(t.length===0)return null;let r=t.filter(s=>s.chain===e);return r.length===0?null:r.map(s=>s.balances?.find(a=>n!==null&&a.address===n||n===null&&a.address===n&&a.symbol===o)||null).filter(s=>s!==null).sort((s,a)=>parseFloat(a?.amount||"0")-parseFloat(s?.amount||"1")).find(()=>!0)||null}i(Nt,"getBalanceFromWallet");function bo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(bo,"isAccountAndWalletMatched");function Ni(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 zn(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:xo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Ni,"makeBalanceFor");function Ii(t){return{...t,loading:!1,error:!0}}i(Ii,"resetConnectedWalletState");var xo=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Ao=i((t,e)=>{let o=$p(Object.entries(t).map(([,n])=>n).filter(Up));return o&&o[e]?.experimental},"isExperimentalChain");function qp(t,e){return t.map(({balance:o,...n})=>{let r=k(new zn(Nt(e,n.blockchain,n.symbol,n.address)?.amount||Me)),s="";return n.usdPrice&&(s=k(new zn(Nt(e,n.blockchain,n.symbol,n.address)?.amount||Me).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:s}}}})}i(qp,"getTokensWithBalance");function Mi(t,e){let o=e.length>0?qp(t,e):t;return o.sort((n,r)=>n.balance?.usdValue&&r.balance?.usdValue?parseFloat(r.balance.usdValue)-parseFloat(n.balance.usdValue):!n.balance?.usdValue&&r.balance?.usdValue?1:n.balance?.usdValue&&!r.balance?.usdValue?-1:!n.balance?.usdValue&&!r.balance?.usdValue?parseFloat(r.balance?.amount||"0")-parseFloat(n.balance?.amount||"0"):0),o}i(Mi,"getTokensBalanceFromWalletAndSort");function Xe(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Xe,"tokensAreEqual");function Li(t){return t.sort((e,o)=>+(o.state===Ke.CONNECTED)-+(e.state===Ke.CONNECTED)||+(o.state===Ke.DISCONNECTED||o.state===Ke.CONNECTING)-+(e.state===Ke.DISCONNECTED||e.state===Ke.CONNECTING))}i(Li,"sortWalletsBasedOnConnectionState");function Eo(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(Eo,"getConciseAddress");function Pi({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Pi,"getAddress");var Di=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],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(p=>!(s.length>0&&!s.includes(p.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(l=>s.length>0&&!s.some(u=>Xe(u,l))||o.blockchain&&l.blockchain!==o.blockchain||!a.some(u=>u.name===l.blockchain)?!1:o.searchFor?!!(gt(l.symbol,o.searchFor)||gt(l.address||"",o.searchFor)||gt(l.name||"",o.searchFor)):!0).sort((l,u)=>e().isTokenPinned(l)?-1:e().isTokenPinned(u)||l.isSecondaryCoin?1:u.isSecondaryCoin||!l.address&&u.address?-1:l.address&&!u.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>Xe(r,o)),fetch:async()=>{let o=await Et().getAllMetadata(),n=[],r=[],s=o.popularTokens,a=o.swappers,p=new Set;o.tokens.forEach(l=>{p.add(l.blockchain),r.push(l)}),o.blockchains.forEach(l=>{l.enabled&&p.has(l.name)&&n.push(l)}),n.sort((l,u)=>l.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}}),"createDataSlice");var Gp=Hp()((...t)=>({...Di(...t),...Ci(...t)})),Le=we(Gp);var v=we(Vp()(t=>({meta:{blockchains:[],popularTokens:[],swappers:[],tokens:[]},loadingStatus:"loading",fetchMeta:async()=>{try{await Le.getState().fetch();let e=Le.getState(),o={blockchains:e.blockchains(),tokens:e.tokens(),popularTokens:e._popularTokens,swappers:e._swappers};t({meta:o,loadingStatus:"success"})}catch{t({loadingStatus:"failed"})}}})));import{create as Kp}from"zustand";import{persist as Xp,subscribeWithSelector as jp}from"zustand/middleware";var Pe=we(Kp()(Xp(jp((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,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:s.toBlockchain,tokenSymbol:s.toSymbol,tokenAddress:s.toSymbolAddress}}},p=e().notifications.filter(l=>l.requestId!==n.requestId);t(()=>({notifications:[...p,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{create as Yp}from"zustand";var ve=we(Yp()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as Bo}from"@rango-dev/ui";var _i=Bo("div",{padding:"$10",width:"350px",minHeight:"150px"}),Fi=Bo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),$i=Bo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Oi=Bo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Rp}from"@lingui/core";import{Divider as Qp,NoNotificationIcon as Zp,Typography as Jp}from"@rango-dev/ui";import Wo from"react";function Ui(){return Wo.createElement(Oi,null,Wo.createElement(Zp,{color:"secondary",size:26}),Wo.createElement(Qp,{size:12}),Wo.createElement(Jp,{variant:"body",size:"medium",color:"neutral900"},Rp.t("You have no notification")))}i(Ui,"NotificationNotFound");var iu=4;function qn(){let t=ru(),e=ve.use.setSelectedSwap(),{getUnreadNotifications:o}=Pe(),n=o(),{tokens:r,blockchains:s}=v.use.meta(),a=n.sort((l,u)=>u.creationTime-l.creationTime).slice(0,iu),p=i(l=>{e(l),t(`/swaps/${l}`)},"handleOnClick");return $e.createElement(_i,null,a.length?$e.createElement(Fi,null,a.map(l=>{let u=r.find(h=>h.address===l.route.from.tokenAddress&&h.blockchain===l.route.from.blockchain&&h.symbol===l.route.from.tokenSymbol),c=s.find(h=>h.name===l.route.from.blockchain),d=r.find(h=>h.address===l.route.to.tokenAddress&&h.blockchain===l.route.to.blockchain&&h.symbol===l.route.to.tokenSymbol),m=s.find(h=>h.name===l.route.to.blockchain);return $e.createElement(ou,{key:l.requestId,onClick:()=>p(l.requestId),title:$e.createElement(nu,{variant:"body",size:"small",color:"$neutral900"},eu.t(l.event.message)),id:l.requestId,start:$e.createElement($i,null,$e.createElement("div",{className:"from-chain-token"},$e.createElement(zi,{tokenImage:u?u.image:"",chainImage:c?c.logo:"",size:"small"})),$e.createElement("div",{className:"to-chain-token"},$e.createElement(zi,{tokenImage:d?d.image:"",chainImage:m?m.logo:"",size:"small"}))),end:$e.createElement(tu,{size:12,color:"gray"})})})):$e.createElement(Ui,null))}i(qn,"NotificationContent");import{Typography as su}from"@rango-dev/ui";import qi from"react";function Hi(){let{getUnreadNotifications:t}=Pe(),e=t().length;return e?qi.createElement(fi,null,qi.createElement(su,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(Hi,"UnreadNotificationsBadge");function Hn(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:s}=t;return de.createElement(de.Fragment,null,de.createElement(Io,{container:ae(),side:"top",content:No.t("Refresh")},de.createElement(Fe,{variant:"ghost",size:"small",onClick:o,disabled:!o},de.createElement(pu,{size:16,color:o?"black":"gray"}))),de.createElement(Io,{container:ae(),side:"top",content:No.t("Notifications")},de.createElement(lu,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:ae(),content:de.createElement(qn,null)},de.createElement(Fe,{size:"small",variant:"ghost",onClick:s},de.createElement(au,{size:18,color:"black"}),de.createElement(Hi,null)))),de.createElement(Io,{container:ae(),side:"top",content:No.t("Settings")},de.createElement(Fe,{size:"small",variant:"ghost",onClick:r},de.createElement(uu,{size:18,color:"black"}))),de.createElement(Io,{container:ae(),side:"top",content:No.t("Transactions History")},de.createElement(Fe,{size:"small",variant:"ghost",onClick:n},de.createElement(cu,{size:18,color:"black"}))))}i(Hn,"HomeButtons");import{BottomLogo as fu,Divider as gu,Header as hu}from"@rango-dev/ui";import ge from"react";import{useNavigate as yu}from"react-router-dom";import{create as mu}from"zustand";import{subscribeWithSelector as du}from"zustand/middleware";var G=we(mu()(du((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:o=>{let n=e().getWalletsDetails;t(r=>({loading:!0,connectedWallets:r.connectedWallets.filter(s=>s.walletType!==o[0].walletType).concat(o.map(s=>{let a=!r.connectedWallets.find(p=>p.chain===s.chain&&p.selected);return{balances:[],address:s.address,chain:s.chain,explorerUrl:null,walletType:s.walletType,selected:a,loading:!0,error:!1}}))})),n(o)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(s=>s.selected&&s.walletType!==o).map(s=>s.chain);return{connectedWallets:n.connectedWallets.filter(s=>s.walletType!==o).map(s=>r.includes(s.chain)?s:(r.push(s.chain),{...s,selected:!0}))}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(p=>p.chain===r.chain&&p.walletType!==r.walletType&&r.selected),a=!!o.find(p=>p.chain===r.chain&&p.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n=!0)=>{let r=e().getWalletsDetails,{tokens:s}=v.getState().meta;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(p=>o.find(l=>bo(l,p))?{...p,loading:!0}:p)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),l=(await Et().getWalletsDetails(a)).wallets;if(l)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(c=>{let d=o.find(h=>bo(h,c)),m=l.find(h=>h.address===c.address&&h.blockChain===c.chain);return m?.failed&&d&&n&&r([d],!1),d&&m?{...c,explorerUrl:m.explorerUrl,balances:Ni(m,s)}:c})}));else throw new Error("Wallet not found")}catch{t(p=>({loading:!1,connectedWallets:p.connectedWallets.map(l=>o.find(u=>bo(u,l))?Ii(l):l)}))}}}))));import{styled as Gn}from"@rango-dev/ui";var Gi=Gn("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",overflow:"hidden !important",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",width:"95vw",maxWidth:"390px",maxHeight:"700px",backgroundColor:"$neutral100",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),Vi=Gn("div",{borderTopLeftRadius:"20px",borderTopRightRadius:"20px",display:"flex",flexDirection:"column",flex:1,padding:"$20 $20 $10 $20",backgroundColor:"$background",position:"relative",overflowY:"auto",overflowX:"hidden",variants:{noPadding:{true:{padding:"0"}}}}),Ki=Gn("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Su(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:p=!0}=t,l=G.use.connectedWallets(),u=ve.use.connectWalletsButtonDisabled(),c=yu(),d=i(()=>{u||c("/"+g.wallets)},"onConnectWallet");return ge.createElement(Gi,{ref:e,fixedHeight:p,id:"swap-box"},ge.createElement(hu,{prefix:ge.createElement(ge.Fragment,null,n.onBack&&ge.createElement(Dn,{onClick:n.onBack})),title:n.title,suffix:ge.createElement(ge.Fragment,null,n.suffix,n.hasConnectWallet&&ge.createElement($n,{container:ae(),onClick:d,isConnected:!!l?.length}),n.onCancel&&ge.createElement(Fn,{onClick:n.onCancel}))}),ge.createElement(Vi,{noPadding:s},o),(a||r)&&ge.createElement(Ki,null,ge.createElement("div",{className:"footer__content"},r),a&&ge.createElement("div",{className:"footer__logo"},ge.createElement(gu,{size:12}),ge.createElement(fu,null))))}i(Su,"LayoutComponent");var Q=ge.forwardRef(Su);Q.displayName="Layout";import{Alert as wu,Button as vu,Divider as rs,NoRouteIcon as bu,RefreshIcon as xu,Typography as is}from"@rango-dev/ui";import Oe from"react";import{i18n as Se}from"@lingui/core";var Vt=(r=>(r[r.ROUTE_UPDATED=0]="ROUTE_UPDATED",r[r.ROUTE_SWAPPERS_UPDATED=1]="ROUTE_SWAPPERS_UPDATED",r[r.ROUTE_COINS_UPDATED=2]="ROUTE_COINS_UPDATED",r[r.ROUTE_AND_OUTPUT_AMOUNT_UPDATED=3]="ROUTE_AND_OUTPUT_AMOUNT_UPDATED",r))(Vt||{});var z={genericServerError:Se.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Se.t("Please reset your liquidity sources."),description:Se.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noRoutesError:{title:Se.t("No Routes Found"),description:"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:Se.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:Se.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:Se.t("High Price Impact"),title:Se.t("Price impact is too high!"),description:Se.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:Se.t("Confirm High price impact")},routeUpdatedWithHighValueLoss:{title:Se.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Se.t("USD Price Unknown"),title:Se.t("USD Price Unknown, Cannot calculate Price Impact."),description:Se.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Se.t("Confirm USD Price Unknown")}};function Mo(t){switch(t.type){case 0:return t.diagnosisMessage??z.noRoutesError.title;case 2:return z.genericServerError;case 1:return z.routeUpdatedWithHighValueLoss.title;default:return""}}i(Mo,"getConfirmSwapErrorMessage");import{create as Cu}from"zustand";import{persist as ku,subscribeWithSelector as Tu}from"zustand/middleware";var ji=[.5,1,3],Yi=1,Ri=5,Qi=100,Zi=0;var O=we(Cu()(ku(Tu(t=>({slippage:Yi,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",setSlippage:e=>t(()=>({slippage:e})),setCustomSlippage:e=>t(()=>({customSlippage:e})),setAffiliateRef:e=>t(()=>({affiliateRef:e})),setAffiliatePercent:e=>t(()=>({affiliatePercent:e})),setAffiliateWallets:e=>t(()=>({affiliateWallets:e})),toggleAllLiquiditySources:e=>t(o=>{if(e)return{disabledLiquiditySources:[]};let{swappers:n}=v.getState().meta,r=At(n.map(s=>s.swapperGroup));return r.length===o.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:r}}),toggleInfiniteApprove:()=>t(e=>({infiniteApprove:!e.infiniteApprove})),toggleLiquiditySource:e=>t(o=>o.disabledLiquiditySources.includes(e)?{disabledLiquiditySources:o.disabledLiquiditySources.filter(n=>n!=e)}:{disabledLiquiditySources:o.disabledLiquiditySources.concat(e)}),setTheme:e=>t(()=>({theme:e}))})),{name:"user-settings",skipHydration:!0})));import{i18n as Ji}from"@lingui/core";function es(t,e,o,n,r){return o?{alert:{type:"warning",text:z.genericServerError,action:{onClick:r,title:Ji.t("Retry")}},description:""}:t?{alert:{type:"error",text:t,action:null},description:""}:e.length?{alert:{type:"warning",text:z.liquiditySourcesError.title,action:{onClick:()=>n(!0),title:Ji.t("Reset")}},description:z.liquiditySourcesError.description}:{alert:null,description:z.noRoutesError.description}}i(es,"makeInfo");import{styled as Vn}from"@rango-dev/ui";var ts=Vn("div",{display:"flex",flexDirection:"column",alignItems:"center"}),os=Vn("div",{width:"100%"}),ns=Vn("div",{padding:"$6 $0"});function Kt(t){let{diagnosisMessage:e,fetch:o,error:n}=t,r=O.use.disabledLiquiditySources(),s=v.use.loadingStatus(),a=O.use.toggleAllLiquiditySources(),l=es(e??null,r,n||s==="failed",a,o);return Oe.createElement(ts,null,Oe.createElement(bu,{size:24,color:"gray"}),Oe.createElement(rs,{size:4}),Oe.createElement(is,{variant:"title",size:"small"},z.noRoutesError.title),!!l.description&&Oe.createElement(is,{variant:"body",size:"small",align:"center",color:"neutral900"},l.description),Oe.createElement(rs,{size:4}),!!l.alert&&Oe.createElement(os,null,Oe.createElement(wu,{type:l.alert.type,title:l.alert.text,action:l.alert.action&&Oe.createElement(vu,{size:"xsmall",type:l.alert.type,prefix:Oe.createElement(ns,null,Oe.createElement(xu,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i(Kt,"NoRoutes");import{Alert as Ms,Divider as Ou,InfoIcon as Uu}from"@rango-dev/ui";import qe from"react";import ct from"bignumber.js";import{create as Mu}from"zustand";import{subscribeWithSelector as Lu}from"zustand/middleware";import{getLastSuccessfulStep as Eu}from"@rango-dev/queue-manager-rango-preset";import US from"bignumber.js";function ss(t,e){return e.find(o=>o.name===t)?.displayName}i(ss,"getBlockchainDisplayNameFor");function Je(t,e){return e.find(o=>o.name===t)?.shortName}i(Je,"getBlockchainShortNameFor");function Kn(t,e){return e.find(o=>Xe(o,t))??null}i(Kn,"findToken");function Xn(t,e){return e.find(o=>o.name===t)??null}i(Xn,"findBlockchain");function jn(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(jn,"searchParamsToToken");function as(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(as,"getBestRouteToTokenUsdPrice");function Yn(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(Yn,"isNumberOfSwapsChanged");function Rn(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!On(o,n)}i(Rn,"isRouteSwappersUpdated");function Qn(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!On(o,n)}i(Qn,"isRouteInternalCoinsUpdated");function ls(t,e){return Yn(t,e)||Rn(t,e)||Qn(t,e)}i(ls,"isRouteChanged");function ps(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(ps,"getRequiredBalanceOfWallet");function us(t){if(!t)return null;let e=(t.result?.swaps||[]).map(o=>({...o,fromAmount:k(o.fromAmount,6,6),toAmount:k(o.toAmount,6,6)}));return{...t,...t.result&&{result:{...t.result,swaps:e}}}}i(us,"getFormattedBestRoute");function It(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(It,"getPriceImpactLevel");function cs(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Eu(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},p=Xn(s?s.toBlockchain:n.fromBlockchain,e),l=Xn(r.toBlockchain,e),u=Kn(s?{blockchain:p?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:p?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=Kn(a,o),d=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:p,fromToken:u,toBlockchain:l,toToken:c,inputAmount:d}}i(cs,"createRetryRoute");import{i18n as Ue}from"@lingui/core";import{PendingSwapNetworkStatus as Fo}from"@rango-dev/queue-manager-rango-preset";import be from"bignumber.js";function ms(t,e){return t.result?.swaps.map(o=>({swapper:{displayName:o.swapperId,image:o.swapperLogo},from:{token:{displayName:o.from.symbol,image:o.from.logo},chain:{displayName:Je(o.from.blockchain,e)??"",image:o.from.blockchainLogo},price:{value:k(o.fromAmount,6,6),usdValue:k(o.from.usdPrice?.toString(),4,4)}},to:{token:{displayName:o.to.symbol,image:o.to.logo},chain:{displayName:Je(o.to.blockchain,e)??"",image:o.to.blockchainLogo},price:{value:k(o.toAmount,6,6),usdValue:k(o.to.usdPrice?.toString(),4,4)}}}))}i(ms,"formatBestRoute");function Po(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(Po,"getRequiredWallets");function Do(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(Do,"isValidAddress");import{i18n as _o}from"@lingui/core";var ht={connectWallet:_o.t("Connect Wallet"),swap:_o.t("Swap"),swapAnyway:_o.t("Swap anyway"),ethRouteWarning:_o.t("The route goes through Ethereum. Continue?")};function Uo(t,e){return!t||!e||t.lte(Me)||e.lte(Me)?0:e.div(t).minus(1).multipliedBy(100)}i(Uo,"getOutputRatio");function zo(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new be(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new be(1e3)))??!1}i(zo,"outputRatioHasWarning");function qo(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new be(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(qo,"hasLimitError");function Ho(t){if(!t)return{swap:null,fromAmountRangeError:"",recommendation:""};let e=(t?.result?.swaps||[]).filter(p=>{let l=p.fromAmountMinValue?new be(p.fromAmountMinValue):null,u=p.fromAmountMaxValue?new be(p.fromAmountMaxValue):null;return p.fromAmountRestrictionType==="EXCLUSIVE"?l?.gte(p.fromAmount)||u?.lte(p.fromAmount):l?.gt(p.fromAmount)||u?.lt(p.fromAmount)})[0];if(!e)return{swap:null,fromAmountRangeError:"",recommendation:""};let o=e.fromAmountMinValue?new be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new be(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Ue.t({id:"requiredEqualMin",message:"Required: >= {min} {symbol}",values:{min:k(o,6,6),symbol:e.from.symbol}}),a=z.bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Ue.t({id:"requiredMin",message:"Required: > {min} {symbol}",values:{min:k(o,6,6),symbol:e.from.symbol}}),a=z.bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Ue.t({id:"requiredEqualMax",message:"Required: <= {max} {symbol}",values:{max:k(n,6,6),symbol:e.from.symbol}}),a=z.bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Ue.t({id:"requiredMax",message:"Required: < {max} {symbol}",values:{max:k(n,6,6),symbol:e.from.symbol}}),a=z.bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Ho,"LimitErrorMessage");function ds(t,e,o,n,r,s,a,p,l){return t!=="success"?{title:ht.connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:ht.connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!l||l==="0"?{title:ht.swap,disabled:!0,state:"swap"}:s||a?{title:ht.swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:p?{title:ht.ethRouteWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:ht.swap,disabled:!1,state:"swap"}}i(ds,"getSwapButtonState");function Zn(t,e,o){return!((!o||o.lte(Me))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Zn,"canComputePriceImpact");function Wu(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(Wu,"requiredWallets");var Nu=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Iu(t,e){let o=Me;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Nu(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new be(r.amount).multipliedBy(s||0))}return o}i(Iu,"getUsdFeeOfStep");function Go(t,e){return t?.result?.swaps.reduce((o,n)=>o.plus(Iu(n,e)),Me)||null}i(Go,"getTotalFeeInUsd");function fs(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(fs,"getMinRequiredSlippage");function gs(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(gs,"hasProperSlippage");function Vo(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,slippage:p,affiliateRef:l,affiliatePercent:u,affiliateWallets:c,initialRoute:d,destination:m}=t,h=s?.reduce((f,w)=>(f[w.chain]=w.address,f),{}),C=[];r?.forEach(f=>{let w=C.find(b=>b.blockchain===f.chain);w?w.addresses.push(f.address):C.push({blockchain:f.chain,addresses:[f.address]})});let y=!!d,S=At((d?.result?.swaps||[]).reduce((f,w)=>(f.push(w.from.blockchain,w.to.blockchain),w.internalSwaps&&Array.isArray(w.internalSwaps)&&w.internalSwaps.map(b=>{f.push(b.from.blockchain,b.to.blockchain)}),f),[]));return{amount:n.toString(),affiliateRef:l??void 0,affiliatePercent:u??void 0,affiliateWallets:c??void 0,checkPrerequisites:y,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:C,selectedWallets:h??{},slippage:p.toString(),...m&&{destination:m},...a.length>0&&{swapperGroups:a,swappersGroupsExclude:!0},...y&&{blockchains:S}}}i(Vo,"createBestRouteRequestBody");function hs(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(hs,"getWalletsForNewSwap");function Mt(t){return t?.result?.outputAmount||null}i(Mt,"getRouteOutputAmount");function et(t,e){return!t||!e?null:new be(e).div(new be(t)).minus(1).multipliedBy(100)}i(et,"getPercentageChange");function ys(t,e){let o=Mt(t),n=Mt(e);if(!o||!n)return!1;let r=et(o,n);return r?r.toNumber()<=-1:!0}i(ys,"isOutputAmountChangedALot");function Ss(t,e){let o=t.validationStatus,n=Wi(t);return e.sort((s,a)=>n.indexOf(s.chain)-n.indexOf(a.chain)).flatMap(s=>ps(s,o)||[]).filter(s=>!s.ok).map(s=>{let a=s.asset.symbol,p=k(new be(s.currentAmount.amount).shiftedBy(-s.currentAmount.decimals),8,8),l=k(new be(s.requiredAmount.amount).shiftedBy(-s.requiredAmount.decimals),8,8),u="";return s.reason==="FEE"&&(u=Ue.t(" for network fee")),s.reason==="INPUT_ASSET"&&(u=Ue.t(" for swap")),s.reason==="FEE_AND_INPUT_ASSET"&&(u=Ue.t(" for input and network fee")),Ue.t({id:"balanceWarningMessage",message:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:l,symbol:a,reason:u,currentAmount:p,blockchain:s.asset.blockchain}})})}i(Ss,"getBalanceWarnings");function Cs(t,e){return(t?new be(t):Me).multipliedBy(e||0)}i(Cs,"calcOutputUsdValue");function Xt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Fo.NetworkChanged}i(Xt,"isNetworkStatusInWarningState");function ks(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Xt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Fo.WaitingForConnectingWallet:n=n||Ue.t("Waiting for connecting wallet");break;case Fo.WaitingForQueue:n=n||Ue.t("Waiting for other running tasks to be finished");break;case Fo.WaitingForNetworkChange:n=n||Ue.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(ks,"getSwapMessages");function Ts(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(Ts,"getLastConvertedTokenInFailedSwap");function ws(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(ws,"shouldRetrySwap");function vs(t,e,o,n,r,s){return t||!e&&!Wu(n).every(a=>r.map(p=>p.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!Do(s,o)}i(vs,"confirmSwapDisabled");var Ko=i((t,e)=>t?.usdPrice?new ct(e||Me).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),P=we(Mu()(Lu(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new ct(0),outputUsdValue:new ct(0),toBlockchain:null,toToken:null,bestRoute:null,routeWalletsConfirmed:!1,selectedWallets:[],customDestination:"",setRoute:e=>t(o=>{let n=null,r=Me;return Gt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new ct(e.result?.outputAmount):null,r=Cs(e.result?.outputAmount,as(e)||o.toToken?.usdPrice)),{bestRoute:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetRoute:()=>t(()=>({bestRoute:null,outputAmount:null,outputUsdValue:new ct(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{bestRoute:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>{let{blockchains:o}=v.getState().meta;return t(n=>({fromToken:e,...e&&{fromBlockchain:o.find(r=>r.name===e.blockchain)??null},...!!n.inputAmount&&{inputUsdValue:Ko(e,n.inputAmount)}}))},setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{bestRoute:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>{let{blockchains:o}=v.getState().meta;return t(()=>({toToken:e,...e&&{toBlockchain:o.find(n=>n.name===e.blockchain)??null}}))},setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new ct(0),outputUsdValue:new ct(0),bestRoute:null},...!!o.fromToken&&{inputUsdValue:Ko(o.fromToken,e)}}))},retry:e=>{let{tokens:o,blockchains:n}=v.getState().meta,{fromBlockchain:r,fromToken:s,toBlockchain:a,toToken:p,inputAmount:l}=cs(e,n,o);t({fromBlockchain:r,fromToken:s,inputAmount:l,outputAmount:null,inputUsdValue:Ko(s??null,l),outputUsdValue:new ct(0),toBlockchain:a,toToken:p,bestRoute:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Ko(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,bestRoute:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,bestRoute:null})),setRouteWalletConfirmed:e=>t({routeWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetRouteWallets:()=>t({routeWalletsConfirmed:!1,selectedWallets:[],customDestination:""})}))));import{styled as Xo}from"@rango-dev/ui";var bs=Xo("div",{width:"100%",paddingTop:"$10"}),Jn=Xo("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),xs=Xo("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),As=Xo("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});import{i18n as jt}from"@lingui/core";import{Button as Pu,Divider as Ws,MessageBox as Ns,Modal as Du,Typography as _u,WarningIcon as Fu}from"@rango-dev/ui";import ze from"react";import{useNavigate as $u}from"react-router-dom";import{Typography as Es}from"@rango-dev/ui";import er from"react";function Bs(t){let{title:e,value:o,valueColor:n}=t;return er.createElement(xs,null,er.createElement(Es,{size:"medium",variant:"label",color:"neutral800"},e),er.createElement(Es,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Bs,"RouteErrorsModalItem");function Is(t){let{highValueLoss:e,open:o,onToggle:n,percentageChange:r,inputUsdValue:s,outputUsdValue:a,totalFeeInUsd:p}=t,l=$u(),u=e&&r?.lt(-10)?"error":"warning",c=[{title:jt.t("Swapping"),value:k(s,4,4)},{title:jt.t("Gas cost"),value:k(p,2,2)},{title:jt.t("Receiving"),value:k(a,4,4)},{title:jt.t("Price impact"),value:k(r,2,2),valueColor:`${u}500`}];return ze.createElement(Du,{open:o,onClose:()=>n(!1),container:document.getElementById("swap-box")||document.body},e?ze.createElement(Ns,{type:u,title:z.highValueLossError.impactTitle,description:z.highValueLossError.description}):ze.createElement(Ns,{type:u,title:z.unknownPriceError.impactTitle,description:z.unknownPriceError.description}),e&&ze.createElement(Jn,null,ze.createElement(Ws,{size:20}),ze.createElement(_u,{size:"small",variant:"title"},jt.t("Details")),ze.createElement(Jn,null,c.map((d,m)=>ze.createElement(Bs,{key:m,...d})))),ze.createElement(Ws,{size:32}),ze.createElement(Pu,{type:"primary",size:"large",prefix:ze.createElement(Fu,null),fullWidth:!0,onClick:()=>{l(g.confirmSwap)}},e?z.highValueLossError.confirmMessage:z.unknownPriceError.confirmMessage))}i(Is,"RouteErrorsModal");var zu=-10;function tr(t){let{bestRoute:e}=P(),{highValueLoss:o,percentageChange:n,priceImpactCanNotBeComputed:r,openModal:s,onToggle:a,totalFeeInUsd:p,outputUsdValue:l,inputUsdValue:u,loading:c,extraSpace:d}=t,m=qo(e),{recommendation:h}=Ho(e),C=!m&&(o||r),y=C||m;return qe.createElement(qe.Fragment,null,(c||d&&!y)&&qe.createElement(Ou,{size:20}),y&&qe.createElement(bs,null,C&&qe.createElement(qe.Fragment,null,qe.createElement(Ms,{title:o?z.highValueLossError.title:z.unknownPriceError.title,type:o&&n?.lt(zu)?"error":"warning",variant:"alarm",action:qe.createElement(As,{onClick:()=>a(!0)},qe.createElement(Uu,{size:12,color:"gray"}))})),m&&qe.createElement(Ms,{type:"error",variant:"alarm",title:h})),qe.createElement(Is,{highValueLoss:o,open:s,onToggle:a,percentageChange:n,inputUsdValue:u,outputUsdValue:l,totalFeeInUsd:p}))}i(tr,"RouteErrors");import{ReverseIcon as qu,styled as Ls}from"@rango-dev/ui";import or from"react";var Hu=Ls("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Gu=Ls("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 Ps(){let t=P.use.switchFromAndTo();return or.createElement(Hu,null,or.createElement(Gu,{onClick:()=>{t()}},or.createElement(qu,{size:12})))}i(Ps,"SwitchFromAndToButton");import{useEffect as Ds,useRef as Xu,useState as _s}from"react";import{useRef as Vu,useState as Ku}from"react";function jo(){let[t,e]=Ku(!1),o=Vu(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Et().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(jo,"useFetchBestRoute");var ju=600;function Fs(){let{fetch:t,cancelFetch:e}=jo(),[o,n]=_s(!1),{fromToken:r,toToken:s,inputAmount:a,inputUsdValue:p,resetRoute:l,setRoute:u}=P(),{slippage:c,customSlippage:d,affiliatePercent:m,affiliateRef:h,affiliateWallets:C,disabledLiquiditySources:y}=O(),[S,T]=_s(""),f=Xu(y),w=d??c,x=!r||!s||Xe(r,s)||!Gt(a),W=i(()=>{if(o||n(!0),!x){l();let E=Vo({fromToken:r,toToken:s,inputAmount:a,disabledLiquiditySources:y,slippage:w,affiliateRef:h,affiliatePercent:m,affiliateWallets:C});t(E).then($=>{n(!1),u($)}).catch($=>{l(),$?.code!=="ERR_CANCELED"&&(T($.message),n(!1))})}},"fetch"),F=yi(()=>{x||W()},ju);return Ds(()=>{if(!Gt(a)||p?.eq(0)){n(!1),e();return}if(!x)return l(),n(!0),F(),e},[a,x]),Ds(()=>{let E=!!f.current.length&&!y.length;return!x&&E&&W(),f.current=y,e},[y.length]),{fetch:W,loading:o,error:S}}i(Fs,"useSwapInput");var rc=Lt("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),ic=Lt("div",{position:"relative"}),sc=Lt("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"}),Os=Lt("div",{width:"100%",paddingTop:"$2"}),ac=Lt("div",{paddingBottom:"$15"}),lc=Lt("div",{width:"100%",display:"flex"});function Ro(){let t=nc(),{fetch:e,loading:o,error:n}=Fs(),{fromToken:r,fromBlockchain:s,toToken:a,toBlockchain:p,setInputAmount:l,inputAmount:u,inputUsdValue:c,outputAmount:d,outputUsdValue:m,bestRoute:h,resetRouteWallets:C}=P(),{meta:{tokens:y,blockchains:S},loadingStatus:T}=v(),f=G.use.connectedWallets(),w=ve.use.setCurrentPage(),[b,x]=oc(!1),{fromAmountRangeError:W,swap:F,recommendation:E}=Ho(h),$=tc(null),X=!!Number(u)&&(!!h||o||!!n),oe=!1,B=Uo(c,m),J=zo(c,B),H=!Zn(h,u,c),ne=!Zn(h,u,m),L=ds(T,f,o,h,qo(h),J,H||ne,oe,u),me=s&&r?k(Nt(f,s?.name,r?.symbol,r?.address)?.amount||"0",8,8):"0",Ne=s&&r?k(Nt(f,s?.name,r?.symbol,r?.address)?.amount||"0",Nt(f,s?.name,r?.symbol,r?.address)?.decimal):"0";ec(()=>(w(g.home),C(),w.bind(null,"")),[]);let U=!c||!m||!m.gt(0)?null:et(c.toNumber(),m.toNumber()),j=i(_e=>_e.map((se,ft)=>({swapper:{displayName:se.swapperId,image:se.swapperLogo},from:{token:{displayName:se.from.symbol,image:se.from.logo},chain:{displayName:Je(se.from.blockchain,S)??"",image:se.from.blockchainLogo},price:{value:ft===0?k(u,6,6):se.fromAmount}},to:{token:{displayName:se.to.symbol,image:se.to.logo},chain:{displayName:Je(se.to.blockchain,S)??"",image:se.to.blockchainLogo},price:{value:se.toAmount}},alerts:se.swapperId===F?.swapperId?Y.createElement(ac,null,Y.createElement(Yu,{type:"error",title:E,footer:Y.createElement(lc,null,Y.createElement(rr,{size:"xsmall",variant:"body",color:"neutral900"},W),Y.createElement(nr,{direction:"horizontal",size:8}),Y.createElement(rr,{size:"xsmall",variant:"body",color:"neutral900"},"|"),Y.createElement(nr,{direction:"horizontal",size:8}),Y.createElement(rr,{size:"xsmall",variant:"body",color:"neutral900"},Yo.t({id:"yourSymbol",message:"Yours: {amount} {symbol}",values:{amount:k(F?.fromAmount||null,6,6),symbol:se?.from.symbol}})))})):void 0})),"getBestRouteSteps"),Ie=Go(h,y),Te=us(h);return Y.createElement(Q,{ref:$,fixedHeight:!1,hasLogo:!0,footer:Y.createElement(Zu,{type:"primary",size:"large",disabled:L.disabled,prefix:!L.disabled&&L.hasWarning&&Y.createElement(Ju,null),fullWidth:!0,onClick:()=>{L.state==="waitForConnecting"?t(g.wallets):L.state==="needToConfirm"?x(!0):t(g.confirmSwap)}},L.title),header:{hasConnectWallet:!0,title:Yo.t("Swap"),suffix:Y.createElement(Hn,{layoutRef:$.current,onClickRefresh:h||n?e:void 0,onClickHistory:()=>t(g.swaps),onClickSettings:()=>t(g.settings)})}},Y.createElement(rc,null,Y.createElement(sc,null,Y.createElement(ic,null,Y.createElement($s,{label:Yo.t("From"),mode:"From",onInputChange:l,balance:me,chain:{displayName:s?.displayName||"",image:s?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>t("from-swap"),price:{value:u,usdValue:H?void 0:k(c,4,4),error:H?z.unknownPriceError.impactTitle:void 0},disabled:T==="failed",loading:T==="loading",onSelectMaxBalance:()=>{me!=="0"&&l(Ne.split(",").join(""))}}),Y.createElement(Ps,null)),Y.createElement($s,{sharpBottomStyle:!!h?.result||o,label:Yo.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:U?.lt(0)?k(U,2,2):null,warningLevel:It(U?.toNumber()??0),price:{value:k(d,6,6),usdValue:ne?void 0:k(m,4,4),error:ne?z.unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:T==="failed",loading:T==="loading"})),o&&Y.createElement(Os,null,Y.createElement(Qu,{type:"basic"})),X&&!o&&Te?.result?.swaps?.length?Y.createElement(Os,null,Y.createElement(Ru,{type:"basic",recommended:!0,tooltipContainer:ae(),input:{value:k(u,6,6),usdValue:k(c,4,4)},output:{value:k(d,6,6),usdValue:k(m,4,4)},steps:j(Te.result.swaps),percentageChange:k(U,2,2),totalFee:k(Ie,2,2),totalTime:Bt(Wt(h?.result?.swaps))})):X&&!o?Y.createElement(Y.Fragment,null,Y.createElement(nr,{size:20}),Y.createElement(Kt,{diagnosisMessage:Te?.diagnosisMessages?.[0],fetch:e,error:!!n})):null),Y.createElement(tr,{openModal:b,onToggle:x,totalFeeInUsd:Ie,outputUsdValue:m,inputUsdValue:c,percentageChange:U,highValueLoss:J,priceImpactCanNotBeComputed:H||ne,loading:o||T==="loading",extraSpace:!!h?.result||!h}))}i(Ro,"Home");import{useEffect as ir,useRef as sr}from"react";import{createSearchParams as pc,useLocation as uc,useSearchParams as cc}from"react-router-dom";import{useEffect as Qo,useRef as Zo}from"react";function Us(t){let{setInputAmount:e,setToToken:o,setToBlockchain:n,setFromBlockchain:r,setFromToken:s}=P(),{meta:{tokens:a,blockchains:p},loadingStatus:l}=v(),{setAffiliateRef:u,setAffiliatePercent:c,setAffiliateWallets:d}=O(),m=Zo(void 0),h=Zo(void 0),C=Zo(void 0),y=Zo(void 0);Qo(()=>{e(t?.amount?.toString()||"")},[t?.amount]),Qo(()=>{if(l==="success"){let S=p.find(f=>f.name===t?.from?.blockchain),T=a.find(f=>Xe(f,t?.from?.token||null));(S||!S&&C.current)&&r(S??null),(T||!T&&m.current)&&s(T??null),C.current=t?.from?.blockchain,m.current=t?.from?.token}},[t?.from?.token?.symbol,t?.from?.token?.address,t?.from?.token?.blockchain,t?.from?.blockchain,l]),Qo(()=>{if(l==="success"){let S=p.find(f=>f.name===t?.to?.blockchain),T=a.find(f=>Xe(f,t?.to?.token||null));(S||!S&&y.current)&&n(S??null),(T||!T&&h.current)&&o(T??null),y.current=t?.to?.blockchain,h.current=t?.to?.token}},[t?.to?.token?.symbol,t?.to?.token?.address,t?.to?.token?.blockchain,t?.to?.blockchain,l]),Qo(()=>{u(t?.affiliate?.ref??null),c(t?.affiliate?.percent??null),d(t?.affiliate?.wallets??null)},[t?.affiliate?.ref,t?.affiliate?.percent,t?.affiliate?.wallets])}i(Us,"useSyncStoresWithConfig");function zs(t){let e=sr(!0),[o,n]=cc(),r=uc(),s=sr(r.search),a=sr({}),p=P.use.fromBlockchain(),l=P.use.toBlockchain(),u=P.use.fromToken(),c=P.use.toToken(),d=P.use.setFromBlockchain(),m=P.use.setFromToken(),h=P.use.setToBlockchain(),C=P.use.setToToken(),y=P.use.inputAmount(),S=P.use.setInputAmount(),T=v.use.loadingStatus(),{blockchains:f,tokens:w}=v.use.meta(),b=ve.use.setSelectedSwap();return Us(t.config),ir(()=>{let x={};pc(s.current).forEach((F,E)=>{x[E]=F}),a.current=x;let W=r.pathname.split(g.swaps+"/")[1]||null;W&&b(W)},[]),ir(()=>{if(!e.current){let x="",W="",F="",E="",$="";if(T!=="success")x=a.current["fromBlockchain"],W=a.current["fromToken"],F=a.current["toBlockchain"],E=a.current["toToken"],$=a.current["fromAmount"]||y;else{if(r.state==="redirect")return;x=p?.name||"",W=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),F=l?.name||"",E=(c?.symbol||"")+(c?.address?`--${c?.address}`:""),$=y}n({...x&&{["fromBlockchain"]:x},...W&&{["fromToken"]:W},...F&&{["toBlockchain"]:F},...E&&{["toToken"]:E},...$&&{["fromAmount"]:$.toString()}},{replace:!0})}e.current=!1},[r.pathname,y,p,u,l,c]),ir(()=>{if(T==="success"){let x=o.get("fromBlockchain"),W=o.get("fromToken"),F=o.get("toBlockchain"),E=o.get("toToken"),$=o.get("fromAmount"),X=f.find(H=>H.name===x),oe=jn(w,W,X||null),B=f.find(H=>H.name===F),J=jn(w,E,B||null);X&&(d(X),oe&&m(oe)),B&&(h(B),J&&C(J)),$&&S($)}},[T]),null}i(zs,"UpdateUrl");function Tc(t){let e=Cc(),o=kc(),n=hc(!0),r=e.pathname.split("/"),a=r[r.length-1]===g.confirmSwap&&n.current;return gc(()=>{a&&o("."),n.current=!1},[]),a?yt.createElement(Ro,null):yt.createElement(yt.Fragment,null," ",t.children)}i(Tc,"Route");function qs({children:t,...e}){let o=Sc(),n=o?Tc:yc,{blockchains:r}=v.use.meta(),{canSwitchNetworkTo:s}=dc(),a=r.filter(fc);return mc({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),yt.createElement(yt.Fragment,null,yt.createElement(n,null,t),o&&yt.createElement(zs,{config:e.config}))}i(qs,"AppRouter");import We from"react";import{useRoutes as Kf}from"react-router-dom";import{i18n as je}from"@lingui/core";import{useManager as gm}from"@rango-dev/queue-manager-react";import{Alert as gr,BestRoute as hm,BestRouteSkeleton as ym,Button as an,Divider as $t,IconButton as Ba,MessageBox as Sm,Modal as Cm,RefreshIcon as km,SettingsIcon as Tm,styled as Wa,Tooltip as wm,Typography as Ea,WalletIcon as vm}from"@rango-dev/ui";import I,{useEffect as ln,useState as pn}from"react";import{flushSync as bm}from"react-dom";import{useNavigate as xm}from"react-router-dom";import{i18n as rt}from"@lingui/core";import{Alert as fr,BalanceErrors as Jc,Button as va,ChevronDownIcon as em,ChevronLeftIcon as tm,Divider as Ft,MessageBox as om,Modal as ba,Typography as sn,WalletIcon as nm}from"@rango-dev/ui";import A,{useEffect as rm,useLayoutEffect as im,useRef as sm,useState as kt}from"react";import{useNavigate as am}from"react-router-dom";import{i18n as Jo}from"@lingui/core";function en(t){switch(t.type){case 0:return Jo.t("Route has been updated.");case 3:return Jo.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Jo.t("Route swappers has been updated.");case 2:return Jo.t("Route internal coins has been updated.");default:return""}}i(en,"getRouteWarningMessage");import*as Dt from"@radix-ui/react-collapsible";import{Button as wc,darkTheme as Pt,IconButton as vc,keyframes as Hs,styled as Ce,TextField as bc}from"@rango-dev/ui";var Yt=300,xc=Hs({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Ac=Hs({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Gs=Ce("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Vs=Ce("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),Ks=Ce("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Pt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Xs=Ce(Dt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),js=Ce("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Ys=Ce(vc,{position:"absolute",left:"$20"}),Rs=Ce("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),Qs=Ce(Dt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Zs=Ce(wc,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Pt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Pt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),Js=Ce("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),ea=Ce("div",{transition:`all ${Yt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),ta=Ce("div",{display:"flex"}),oa=Ce(bc,{padding:"$0 $15 $15 $15"}),na=Ce(Dt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${xc} ${Yt}ms ease-out`},false:{animation:`${Ac} ${Yt}ms ease-out`}}}}),ra=Ce("div",{overflow:"visible",width:"100%"});import{i18n as nt}from"@lingui/core";import{Button as Rc,Divider as cr,Image as Qc,MessageBox as mr,Modal as Sa,SelectableWallet as Zc,Typography as Ca,WalletState as ka}from"@rango-dev/ui";import ie,{useEffect as Ta,useState as Qt}from"react";import{WalletState as sa}from"@rango-dev/ui";import{useWallets as Bc}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Wc,WalletTypes as Nc}from"@rango-dev/wallets-shared";import{useEffect as Ic,useState as Mc}from"react";import{allProviders as Ec}from"@rango-dev/provider-all";function tn(t,e){let o=Ec({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(tn,"matchAndGenerateProviders");function ia(t,e){return tn(t,e).map(r=>r.config.type)}i(ia,"configWalletsToWalletName");var Lc=Object.values(Nc);function on(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:p,connect:l}=Bc(),{connectedWallets:u}=G(),{blockchains:c}=v().meta,d=typeof e?.multiWallets>"u"?!0:e.multiWallets,m=ia(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Lc,h=Ei(s,p,m,o),C=Li(h),[y,S]=Mc(""),T=i(x=>!u.find(W=>W.walletType===x&&W.chain===o),"isExperimentalChainNotAdded"),f=i(async x=>{let W=s(x);try{if(y&&S(""),W.connected)await a(x);else{let F=!!h.find(E=>E.state===sa.CONNECTED);if(!d&&F)return;n?.(x),await l(x),r?.(x)}}catch(F){S("Error: "+F?.message)}},"handleClick"),w=i(()=>{let x=h?.filter(W=>W.state===sa.CONNECTING)||[];for(let W of x)a(W.type)},"disconnectConnectingWallets");Ic(()=>()=>{w()},[]);let b=i((x,W,F)=>Ao(F,W)&&T(x)&&!Wc.includes(x),"shouldExcludeWallet");return{list:C.filter(x=>!b(x.type,o??"",c)),error:y,handleClick:f}}i(on,"useWalletList");import{i18n as ca}from"@lingui/core";import{styled as da,Typography as qc,Wallet as Hc,WalletState as Gc}from"@rango-dev/ui";import Ct,{Fragment as Vc,useState as ma}from"react";import{Divider as $c,Modal as Oc}from"@rango-dev/ui";import lr from"react";import{i18n as _t}from"@lingui/core";import{Image as _c,MessageBox as ar,WalletState as Fc}from"@rango-dev/ui";import St from"react";import{keyframes as Pc,styled as nn}from"@rango-dev/ui";var KT=nn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),aa=nn("div",{position:"relative"}),Dc=Pc({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),la=nn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Dc} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),pa=nn("div",{"& img":{borderRadius:"50%"}});function ua(t){let{state:e,image:o,error:n}=t;return e===Fc.CONNECTED?St.createElement(ar,{type:"success",title:_t.t("Wallet Connected"),description:_t.t("Your wallet is connected, you can use it to swap.")}):n?St.createElement(ar,{type:"error",title:_t.t("Failed to Connect"),description:n||_t.t("Your wallet is not connected. Please try again.")}):St.createElement(ar,{type:"loading",title:_t.t("Connecting to your wallet"),description:_t.t("Click connect in your wallet popup."),icon:St.createElement(aa,null,St.createElement(pa,null,St.createElement(_c,{src:o,size:45})),St.createElement(la,null))})}i(ua,"ModalContent");function Rt(t){let{open:e,onClose:o,...n}=t;return lr.createElement(Oc,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},lr.createElement(ua,{...n}),lr.createElement($c,{direction:"vertical",size:32}))}i(Rt,"WalletModal");import{useInRouterContext as Uc,useNavigate as zc}from"react-router-dom";function re(){let t=Uc(),e=zc(),o=P.use.routeWalletsConfirmed();return g,{navigateBackFrom:i(r=>{if(r===g.swapDetails)return e("/"+g.swaps,{replace:!0});if(!t||window.history.state&&window.history.state.idx>0)e(-1);else{if([g.settings,g.wallets].includes(r)&&o)return e("/"+g.confirmSwap,{replace:!0});[g.fromSwap,g.toSwap,g.settings,g.wallets,g.swaps,g.confirmSwap].includes(r)?e(g.home,{replace:!0}):r===g.fromBlockchain?e("/"+g.fromSwap,{replace:!0}):r===g.toBlockchain?e("/"+g.fromSwap,{replace:!0}):r===g.liquiditySources&&e("/"+g.settings,{replace:!0})}},"navigateBackFrom")}}i(re,"useNavigateBack");var Kc=da("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),Xc=da("div",{textAlign:"center"}),rn=3e3,pr=300;function fa({config:t}){let{navigateBackFrom:e}=re(),[o,n]=ma(!1),[r,s]=ma(""),a=null,{list:p,handleClick:l,error:u}=on({config:t,onBeforeConnect:C=>{a=setTimeout(()=>{n(!0),s(C)},pr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},rn)}}),c=v.use.loadingStatus(),d=p.find(C=>C.type===r),m=d?.image||"",h=d?.state||Gc.NOT_INSTALLED;return Ct.createElement(Q,{header:{title:ca.t("Connect Wallets"),onBack:e.bind(null,g.wallets)}},Ct.createElement(Xc,null,Ct.createElement(qc,{variant:"title",size:"xmedium",align:"center"},ca.t("Choose a wallet to connect.")),Ct.createElement(Kc,null,p.map((C,y)=>{let S=`wallet-${y}-${C.type}`;return Ct.createElement(Vc,{key:S},Ct.createElement(Hc,{...C,container:ae(),onClick:T=>{l(T)},isLoading:c==="loading"}))}),Ct.createElement(Rt,{open:!!o,onClose:()=>n(!1),image:m,state:h,error:u}))))}i(fa,"WalletsPage");import{keyframes as jc,styled as ur}from"@rango-dev/ui";var ga=ur("div",{position:"relative"}),Yc=jc({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ha=ur("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Yc} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ya=ur("div",{"& img":{borderRadius:"50%"}});function dr(t){let{config:e,chain:o,isSelected:n,selectWallet:r,limit:s,onShowMore:a}=t,p=G.use.connectedWallets(),{blockchains:l}=v.use.meta(),[u,c]=Qt(""),[d,m]=Qt(null),[h,C]=Qt(!1),[y,S]=Qt(null),{connect:T}=wa(),f=null,{list:w,error:b,handleClick:x}=on({config:e,chain:o,onBeforeConnect:B=>{f=setTimeout(()=>{c(B)},pr)},onConnect:()=>{f&&clearTimeout(f),setTimeout(()=>{c("")},rn)}}),[W,F]=Qt(w),E=w.length,$=s&&E-s>0,X=i(async B=>{C(!1),S("in-progress"),await T(B.walletType,B.chain),S("completed")},"addExperimentalChain");Ta(()=>{F(B=>{let J=w.findIndex(H=>n(H.type,o));return $&&J>1?[w[J]].concat(w.filter((H,ne)=>ne!==J)):B.map(H=>w.find(ne=>ne.type===H.type)??H)})},[JSON.stringify(w)]);let oe=document.querySelector("#swap-box");return Ta(()=>{let B=null;return y==="completed"&&(B=setTimeout(()=>S(null),rn)),()=>{B&&clearTimeout(B)}},[y]),ie.createElement(ie.Fragment,null,W.slice(0,s).map(B=>{let J=Pi({connectedWallets:p,walletType:B.type,chain:o}),H=J?Eo(J):"",ne=Ao(l,o),L=!p.find(Ie=>Ie.walletType===B.type&&Ie.chain===o),me=ne&&L&&B.state===ka.CONNECTED,Ne=me?nt.t({id:"addChain",message:"Add {chain} chain",values:{chain:o}}):H,U=i(()=>{B.state===ka.DISCONNECTED?x(B.type):me?(m({walletType:B.type,chain:o,address:J??""}),C(!0)):r({walletType:B.type,chain:o,address:J??""})},"onClick"),j=d?.chain?ss(d.chain,l):void 0;return ie.createElement(ie.Fragment,null,ie.createElement(Rt,{open:u===B.type,onClose:()=>c(""),image:B.image,state:B.state,error:b}),!!d&&ie.createElement(Sa,{open:!!d&&h,container:oe,onClose:()=>{m(null)}},ie.createElement(mr,{title:nt.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:j}}),type:"warning",description:nt.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:j}})},ie.createElement(cr,{size:18}),ie.createElement(cr,{size:32}),ie.createElement(Rc,{onClick:X.bind(null,d),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},nt.t("Confirm")))),y&&ie.createElement(Sa,{open:!!y,onClose:S.bind(null,null),container:oe},y==="in-progress"?ie.createElement(mr,{type:"loading",title:nt.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:j}}),description:nt.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:j}}),icon:ie.createElement(ga,null,ie.createElement(ya,null,ie.createElement(Qc,{src:B.image,size:45})),ie.createElement(ha,null))}):ie.createElement(mr,{type:"success",title:nt.t({id:"blockchainAdded",message:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:j}}),description:nt.t({id:"blockchainAddedDescription",message:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:j}})}),ie.createElement(cr,{direction:"vertical",size:32})),ie.createElement(Zc,{key:B.type,description:Ne,onClick:U,selected:n(B.type,o),...B}))}),$&&ie.createElement(Ks,{selected:!1,onClick:a.bind(null)},ie.createElement(Ca,{variant:"label",size:"medium"},nt.t("Show more wallets"),ie.createElement(Ca,{variant:"label",size:"medium",color:"$primary"},"\xA0+",E-(s??0)))))}i(dr,"WalletList");var lm=2;function xa(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,config:s,loading:a}=t,{blockchains:p}=v.use.meta(),{bestRoute:l,setSelectedWallets:u,routeWalletsConfirmed:c,setRouteWalletConfirmed:d,customDestination:m,setCustomDestination:h}=P(),{connectedWallets:C,selectWallets:y}=G(),[S,T]=kt(""),[f,w]=kt([]),[b,x]=kt(""),[W,F]=kt(null),[E,$]=kt(m),[X,oe]=kt(!!m),B=sm(null),J=Po(l),H=typeof s?.customDestination>"u"?!0:s.customDestination,ne=p.find(D=>D.name===l?.result?.swaps[l?.result?.swaps.length-1].to.blockchain),L=i(D=>!!l?.result?.swaps.find(N=>N.from.blockchain===D),"isWalletRequiredFor"),[me,Ne]=kt(C.filter(D=>D.selected&&J.includes(D.chain))),U=p.find(D=>D.name===ne?.name),j=i((D,N)=>!!me.find(_=>_.walletType===D&&_.chain===N&&_.selected&&(L(N)||!L(N)&&!E)),"isSelected"),Ie=!!E&&X&&U&&!Do(U,E),Te=i(()=>{oe(!1),$(""),Ne(D=>{let N=!1;return D.map(_=>!N&&_.chain===ne?.name?(N=!0,{..._,selected:!0}):_)})},"resetCustomDestination"),_e=i(D=>{if(S&&T(""),j(D.walletType,D.chain))return;let _=C.find(R=>R.walletType===D.walletType&&R.chain===D.chain);_&&(n(),D.chain===ne?.name&&X&&(oe(!1),$("")),Ne(R=>R.filter(le=>le.chain!==D.chain).concat({..._,selected:!0})))},"onChange"),se=i(()=>{let D=me.filter(N=>N.selected);y(D),u(D),h(E),d(!0),o()},"onConfirmBalance"),ft=i(async()=>{w([]),x(""),F(null);let D=C.filter(R=>me.find(le=>le.chain===R.chain&&le.walletType===R.walletType)),N=await r?.({selectedWallets:D,customDestination:E}),_=N.warnings;_?.balance?.messages&&w(_.balance.messages),_?.route&&F(_.route),N.error&&x(Mo(N.error)),!N.error&&(!_?.balance?.messages.length||0>0)?se():w(_?.balance?.messages??[])},"onConfirmWallets");rm(()=>{Ne(D=>D.concat(C.filter(N=>!!!D.find(R=>R.chain===N.chain)&&N.selected&&J.includes(N.chain))))},[C.length]),im(()=>{X&&B.current&&setTimeout(()=>{B?.current?.scrollIntoView({behavior:"smooth"})},Yt)},[X]);let Ze=document.querySelector("#swap-box"),bt=am();return A.createElement(ba,{open:e,onClose:()=>{c||bt(g.home,{replace:!0}),o()},dismissible:!S,container:Ze,...!S&&{footer:A.createElement(ta,null,A.createElement(va,{loading:a,disabled:vs(a,X,E,l,me,ne),onClick:ft,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...S&&{containerStyle:{padding:"$0"},header:A.createElement(js,null,A.createElement(Ys,{variant:"ghost",onClick:T.bind(null,"")},A.createElement(tm,{size:16})),A.createElement(sn,{variant:"headline",size:"small"},rt.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:S}})))},anchor:"center"},A.createElement(ba,{open:f.length>0,onClose:w.bind(null,[]),container:Ze},A.createElement(om,{title:rt.t("Insufficient account balance"),type:"error",description:A.createElement(Jc,{messages:f??[]})},A.createElement(va,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:se},rt.t("Proceed anyway")))),S&&A.createElement(Rs,null,A.createElement("div",{className:"wallets-list"},A.createElement(dr,{chain:S,isSelected:j,selectWallet:_e,multiWallets:s?.multiWallets??!0,supportedWallets:s?.wallets??[],config:s,onShowMore:T.bind(null,S)}))),!S&&A.createElement(A.Fragment,null,b&&A.createElement(A.Fragment,null,A.createElement(fr,{variant:"alarm",type:"error",title:rt.t(b)}),A.createElement(Ft,{size:12})),W&&A.createElement(A.Fragment,null,A.createElement(fr,{variant:"alarm",type:"warning",title:en(W)}),A.createElement(Ft,{size:12})),A.createElement(ra,null,J.map((D,N)=>{let _=p.find(ue=>ue.name===D),R=`wallet-${N}`,le=N===J.length-1;return A.createElement("div",{key:R},A.createElement(Gs,null,A.createElement(sn,{variant:"title",size:"xmedium"},rt.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:_?.displayName}})),A.createElement(sn,{variant:"label",color:"$neutral900",size:"medium"},rt.t({id:"needConnect",message:"You need to connect a {blockchainName} wallet.",values:{blockchainName:_?.displayName}}))),A.createElement(Ft,{size:24}),A.createElement(Vs,null,A.createElement(dr,{chain:D,isSelected:j,selectWallet:_e,multiWallets:s?.multiWallets??!0,supportedWallets:s?.wallets??[],config:s,limit:lm,onShowMore:()=>T(_?.name??"")})),!le&&A.createElement(Ft,{size:32}),le&&H&&A.createElement(Js,null,A.createElement(Qs,{ref:B,selected:X,open:X,onOpenChange:ue=>{ue?L(ne?.name??"")||Ne(ho=>ho.map(yo=>yo.chain===ne?.name?{...yo,selected:!1}:yo)):Te()}},A.createElement(Xs,{onClick:()=>oe(ue=>!ue)},A.createElement(Zs,{fullWidth:!0,variant:"default",suffix:A.createElement(ea,{orientation:X?"up":"down"},A.createElement(em,{size:10,color:"gray"}))},A.createElement("div",{className:"button__content"},A.createElement(nm,{size:18,color:"info"}),A.createElement(Ft,{size:4,direction:"horizontal"}),A.createElement(sn,{variant:"label",size:"medium"},rt.t("Send to a different address"))))),A.createElement(na,{open:X},A.createElement(A.Fragment,null,A.createElement(Ft,{size:4}),A.createElement(oa,{autoFocus:!0,placeholder:rt.t("Your destination address"),value:E,onChange:ue=>{$(ue.target.value)}})))),Ie&&A.createElement("div",{className:"alarms"},A.createElement(fr,{variant:"alarm",type:"error",title:rt.t({id:"addressMatch",values:{destination:E},message:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(xa,"ConfirmWalletsModal");import{calculatePendingSwap as um}from"@rango-dev/queue-manager-rango-preset";import cm from"bignumber.js";import{useEffect as mm}from"react";function dm(t,e){if(!t.result)throw new Error(z.noRoutesError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let o=new cm(t.result?.outputAmount||"0").multipliedBy(e.outputUsdValue||0),n=Uo(e.inputUsdValue,o);if(zo(e.inputUsdValue,n))throw new Error("High value loss for route",{cause:{type:1}});return t}i(dm,"throwErrorIfResponseIsNotValid");function fm(t,e,o){let n=ls(t,e),r={balance:null,route:null,slippage:null};n&&(ys(t,e)?r.route={type:3,newOutputAmount:k(Mt(e)),percentageChange:k(et(Mt(t),Mt(e)),null,2)}:Yn(t,e)?r.route={type:0}:Rn(t,e)?r.route={type:1}:Qn(t,e)&&(r.route={type:2}));let s=Ss(e,o.selectedWallets);s.length===0||(r.balance={messages:s});let p=fs(t),l=o.userSlippage>Ri;return gs(o.userSlippage.toString(),p)?l&&(r.slippage={type:1,slippage:o.userSlippage.toString()}):r.slippage={type:0,slippage:p},r}i(fm,"generateWarnings");function Aa(){let{fromToken:t,toToken:e,inputAmount:o,inputUsdValue:n,setRoute:r,bestRoute:s,customDestination:a}=P(),{slippage:p,customSlippage:l,affiliatePercent:u,affiliateRef:c,affiliateWallets:d,disabledLiquiditySources:m}=O(),{connectedWallets:h}=G(),{meta:C}=v(),y=l||p,{fetch:S,cancelFetch:T,loading:f}=jo();return mm(()=>T,[]),{loading:f,fetch:i(async b=>{let x=b.selectedWallets,W=b?.customDestination??a;if(!t||!e||!o||!s)return{route:null,swap:null,error:null,warnings:null};let F=Vo({fromToken:t,toToken:e,inputAmount:o,wallets:h,selectedWallets:x,disabledLiquiditySources:m,slippage:y,affiliateRef:c,affiliatePercent:u,affiliateWallets:d,initialRoute:s,destination:W}),E;try{E=await S(F).then(oe=>dm(oe,{outputUsdValue:e.usdPrice,inputUsdValue:n})),r(E)}catch(oe){return oe?.code==="ERR_CANCELED"?{swap:null,error:{type:3},warnings:null}:oe.cause?{swap:null,error:oe.cause,warnings:null}:{swap:null,error:{type:2},warnings:null}}let $={slippage:y.toString(),disabledSwappersGroups:m},X=um(o.toString(),E,hs(x),$,!1,C);return{route:E,swap:X,error:null,warnings:fm(s,E,{selectedWallets:x,userSlippage:y})}},"fetch"),cancelFetch:T}}i(Aa,"useConfirmSwap");var Am=Wa("div",{position:"relative",width:"100%","& .description":{display:"flex",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10"},"& .icon":{width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}}),Em=Wa("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Ba}`]:{width:"$48",height:"$48"}});function Na(t){let{config:e}=t,{bestRoute:o,inputAmount:n,outputAmount:r,inputUsdValue:s,outputUsdValue:a,setInputAmount:p,selectedWallets:l,routeWalletsConfirmed:u,setRouteWalletConfirmed:c,customDestination:d}=P(),m=xm(),[h,C]=pn(""),[y,S]=pn(!1),{connectedWallets:T}=G(),f=!u,[w,b]=pn(!1),x=ve.use.setSelectedSwap(),{meta:{tokens:W,blockchains:F},loadingStatus:E}=v(),$=O.use.slippage(),X=O.use.customSlippage(),{manager:oe}=gm(),B=X||$,{fetch:J,loading:H,cancelFetch:ne}=Aa(),[L,me]=pn({swap:null,error:null,warnings:null}),Ne=H||E==="loading",U=!H&&L.error&&[0,2].includes(L.error.type),j=!U&&!H&&o&&o.result,Ie=Go(o,W),Te=k(et(s?.toNumber()??0,a?.toNumber()??0),2,2),_e=It(parseFloat(Te)),se=i(async({selectedWallets:N,customDestination:_})=>{let R=await J?.({selectedWallets:N,customDestination:_});return me(R),R},"onConfirmSwap"),ft=i(async()=>{if(L.swap&&u)try{await oe?.create("swap",{swapDetails:L.swap},{id:L.swap.requestId}),x(L.swap.requestId),m("/"+g.swaps+`/${L.swap.requestId}`,{replace:!0}),setTimeout(()=>{p("")},0)}catch(N){C("Error: "+N?.message)}},"addNewSwap"),Ze=i(async()=>{await ft()},"onConfirm"),bt=i(async()=>{L?.warnings?.slippage?S(!0):await Ze()},"onStartConfirmSwap"),D=i(async()=>{me({error:null,swap:null,warnings:null}),J({selectedWallets:l}).then(N=>{me(N)}).catch(N=>console.error(N))},"onRefresh");return ln(()=>{f&&ne()},[f]),ln(()=>{f&&b(f)},[f]),ln(()=>{f||J({selectedWallets:l,customDestination:d}).then(N=>me(N)).catch(N=>console.error(N))},[]),ln(()=>{let N=L.warnings?.route?.type&&Object.values(Vt).includes(L.warnings?.route?.type),_=l.length<1||!l.every(le=>T.find(ue=>le.address===ue.address&&le.walletType===ue.walletType&&le.chain===ue.chain)),R=!1;if(N){let le=Po(o),ue=o?.result?.swaps[o.result.swaps.length-1].to.blockchain;!!o?.result?.swaps.find(Pn=>Pn.from.blockchain===ue)||(le=le.slice(-le.length,le.length-1)),le.every(Pn=>l.find(kp=>kp.chain===Pn))||(R=!0)}o&&(_||R)&&(queueMicrotask(()=>bm(b.bind(null,!0))),c(!1))},[L.warnings?.route,l.length,T.length]),I.createElement(Q,{header:{title:je.t("Confirm Swap"),onBack:m.bind(null,-1),hasConnectWallet:!0,suffix:I.createElement(wm,{container:ae(),side:"bottom",content:je.t("Settings")},I.createElement(Fe,{size:"small",variant:"ghost",onClick:()=>m("/"+g.settings)},I.createElement(Tm,{size:18,color:"black"})))},footer:I.createElement(Em,null,I.createElement("div",{className:"confirm-button"},I.createElement(an,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:H,disabled:!!L.error,onClick:bt},je.t("Start Swap"))),I.createElement(Ba,{variant:"contained",type:"primary",size:"large",loading:H,onClick:b.bind(null,!0)},I.createElement(vm,{size:24})))},I.createElement(Cm,{anchor:"bottom",open:y,prefix:I.createElement(an,{size:"small",variant:"ghost",onClick:()=>m("/"+g.settings)},I.createElement(Ea,{variant:"label",size:"medium",color:"$neutral900"},je.t("Change settings"))),container:document.querySelector("#swap-box"),onClose:S.bind(null,N=>!N)},L.warnings?.slippage&&I.createElement(Sm,{type:"warning",title:L.warnings.slippage.type===1?je.t("High slippage"):je.t("Low slippage"),description:L.warnings.slippage.type===1?je.t("highSlippage",{selectedSlippage:B},{message:" Caution, your slippage is high (={selectedSlippage}). Your trade may be front run."}):je.t("increaseSlippage",{minRequiredSlippage:L.warnings.slippage.slippage},{message:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route."})},I.createElement($t,{size:18}),I.createElement($t,{size:32}),I.createElement(an,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:Ze},je.t("Confirm anyway")))),w&&I.createElement(xa,{open:w,onClose:()=>b(!1),onCancel:ne,loading:H,onCheckBalance:se,config:e}),I.createElement(Am,null,I.createElement("div",{className:"description"},I.createElement(Ea,{variant:"title",size:"small"},je.t("You get")),I.createElement(an,{style:{padding:"0"},variant:"ghost",disabled:H,onClick:D},I.createElement("div",{className:"icon"},I.createElement(km,{size:16})))),h&&I.createElement(I.Fragment,null,I.createElement(gr,{type:"error",variant:"alarm",title:h}),I.createElement($t,{size:12})),L.warnings?.route&&I.createElement(I.Fragment,null,I.createElement(gr,{variant:"alarm",type:"warning",title:en(L.warnings.route)}),I.createElement($t,{size:12})),Ne&&I.createElement(ym,{type:"swap-preview",expanded:!0}),j&&I.createElement(hm,{expanded:!0,tooltipContainer:ae(),steps:ms(o,F)??[],input:{value:k(n,6,6),usdValue:k(s,4,4)},output:{value:k(r,6,6),usdValue:k(a,4,4)},totalFee:k(Ie,2,2),totalTime:Bt(Wt(o.result?.swaps)),recommended:!0,type:"swap-preview",percentageChange:Te,warningLevel:_e}),U&&I.createElement(I.Fragment,null,I.createElement($t,{size:12}),I.createElement(Kt,{diagnosisMessage:L.error?.type===0?L.error.diagnosisMessage:void 0,error:L.error?.type===2,fetch:D})),L.error?.type===1&&I.createElement(I.Fragment,null,I.createElement(gr,{variant:"alarm",type:"error",title:Mo(L.error)}),I.createElement($t,{size:12}))))}i(Na,"ConfirmSwapPage");import{i18n as mn}from"@lingui/core";import{useManager as Lm}from"@rango-dev/queue-manager-react";import{Divider as Pm,NotFound as Dm,styled as Oa}from"@rango-dev/ui";import mt,{useState as _m}from"react";import{useNavigate as Fm}from"react-router-dom";import{CloseIcon as Wm,IconButton as Nm,SearchIcon as Im,TextField as Mm}from"@rango-dev/ui";import Zt from"react";import{styled as Bm}from"@rango-dev/ui";var Ia=Bm("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function it(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:p,...l}=t;return Zt.createElement(Mm,{prefix:Zt.createElement(Ia,null,Zt.createElement(Im,{color:"black"})),suffix:!!a.length&&Zt.createElement(Nm,{variant:"ghost",onClick:()=>p?.(""),size:"small"},Zt.createElement(Wm,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...l})}i(it,"SearchInput");import{i18n as La}from"@lingui/core";import{Divider as Pa,SwapListItem as Da,Typography as _a}from"@rango-dev/ui";import te from"react";import{styled as un}from"@rango-dev/ui";var hr=un("div",{width:"100%",display:"flex",flexDirection:"column"}),yr=un("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Sr=un("div",{gap:"$10",display:"flex",flexDirection:"column"}),Ma=un("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function Cr(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,s=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return te.createElement(te.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(l=>te.createElement(te.Fragment,{key:l.title},te.createElement(hr,null,te.createElement(yr,null,te.createElement(_a,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},La.t(l.title))),te.createElement(Pa,{size:4}),te.createElement(Sr,null,l.swaps.map((u,c)=>{let d=c+l.title;return te.createElement(te.Fragment,{key:d},te.createElement(Da,{isLoading:!0}))}))))))}return te.createElement(te.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>te.createElement(te.Fragment,{key:a.title},te.createElement(hr,null,te.createElement(yr,null,te.createElement(_a,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},La.t(a.title))),te.createElement(Pa,{size:4}),te.createElement(Sr,null,a.swaps.map(p=>{let l=p.steps[0],u=p.steps[p.steps.length-1];return te.createElement(te.Fragment,{key:p.requestId},te.createElement(Da,{requestId:p.requestId,creationTime:p.creationTime,status:p.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:l.fromLogo,displayName:l.fromSymbol},blockchain:{image:l.fromBlockchainLogo||""},amount:wo(p.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:wo(u.outputAmount||""),estimatedAmount:wo(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}i(Cr,"SwapsGroup");import Fa from"dayjs";var $a=i(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=Fa();return t.forEach(n=>{let r=Fa(Number(n.creationTime));o.isSame(r,"day")?e.get("today")?.swaps.push(n):o.isSame(r,"month")?e.get("month")?.swaps.push(n):o.isSame(r,"year")?e.get("year")?.swaps.push(n):e.get("history")?.swaps.push(n)}),Array.from(e.values())},"groupSwapsByDate");var cn=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");var $m=Oa("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Om=Oa("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Um=i((t,e)=>t?.length?t.filter(o=>Ve(o.fromBlockchain,e)||Ve(o.toBlockchain,e)||Ve(o.toSymbol,e)||Ve(o.fromSymbol,e)).length:!1,"isStepContainsText");function Ua(){let t=ve.use.setSelectedSwap(),e=Fm(),{navigateBackFrom:o}=re(),{manager:n,state:r}=Lm(),s=cn(n).map(({swap:m})=>m),[a,p]=_m(""),l=!r.loadedFromPersistor,u=i(m=>{let h=m.target.value;p(h)},"searchHandler"),c=s;a&&(c=s.filter(m=>Ve(m.inputAmount,a)||Ve(m.status,a)||Um(m.steps,a)||Ve(m.requestId,a)));let d=!c?.length&&!l;return mt.createElement(Q,{header:{onBack:o.bind(null,g.swaps),title:mn.t("History")}},mt.createElement($m,null,mt.createElement(it,{setValue:p,fullWidth:!0,variant:"contained",placeholder:mn.t("Search Transaction"),autoFocus:!0,onChange:u,value:a}),mt.createElement(Om,null,d&&mt.createElement(Ma,null,mt.createElement(Pm,{size:32}),mt.createElement(Dm,{title:mn.t("No results found"),description:a?mn.t("Try using different keywords"):""})),!d&&mt.createElement(Cr,{list:c,onSwapClick:m=>{t(m),e(`${m}`,{replace:!0})},groupBy:$a,isLoading:l}))))}i(Ua,"HistoryPage");import{i18n as eo}from"@lingui/core";import{List as zm,ListItemButton as qm,Radio as wr,RadioRoot as Hm,Typography as vr}from"@rango-dev/ui";import He,{useState as Gm}from"react";import{styled as dn}from"@rango-dev/ui";var st=dn("div",{height:"100%",overflow:"hidden"}),Jt=dn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),kr=dn("div",{width:80,display:"flex",justifyContent:"flex-end"}),Tr=dn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function za(){let{navigateBackFrom:t}=re(),[e,o]=Gm("english"),n=[{id:"english",value:"english",title:He.createElement(vr,{variant:"title",size:"xmedium"},eo.t("English")),onClick:()=>o("english"),end:He.createElement(wr,{value:"english"})},{id:"french",value:"french",title:He.createElement(vr,{variant:"title",size:"xmedium"},eo.t("French")),onClick:()=>o("french"),end:He.createElement(wr,{value:"french"})},{id:"spanish",value:"spanish",title:He.createElement(vr,{variant:"title",size:"xmedium"},eo.t("Spanish")),onClick:()=>o("spanish"),end:He.createElement(wr,{value:"spanish"})}];return He.createElement(Q,{header:{onBack:t.bind(null,g.settings),title:eo.t("Language")}},He.createElement(st,null,He.createElement(Hm,{value:e},He.createElement(zm,{type:He.createElement(qm,{title:eo.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(za,"LanguagePage");import{i18n as Ot}from"@lingui/core";import{Button as Ym,Checkbox as Rm,Image as Qm,ListItemButton as Zm,NotFound as Jm,Typography as ed}from"@rango-dev/ui";import ke,{useState as td}from"react";import{Checkbox as Xm,Skeleton as Ha}from"@rango-dev/ui";import to from"react";import{ListItem as Vm,styled as Km}from"@rango-dev/ui";var qa=Km(Vm,{height:61});var jm=30;function br(){return to.createElement(Jt,null,Array.from(Array(jm),t=>to.createElement(qa,{hasDivider:!0,key:t,start:to.createElement(Ha,{variant:"circular",width:35,height:35}),title:to.createElement(Ha,{variant:"text",size:"large",width:90}),end:to.createElement(Xm,{checked:!1})})))}i(br,"LoadingLiquiditySourceList");function fn(t){let e=v.use.meta().swappers,o=O.use.disabledLiquiditySources(),n=[];return At(e.map(s=>s.swapperGroup)).map(s=>{let a=e.find(p=>p.swapperGroup===s);if(a){let p=!0;t&&(p=t.some(l=>l===a.title)),p&&a.types.map(l=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:l,selected:!o.includes(a.swapperGroup)})})}}),n}i(fn,"getUniqueSwappersGroups");function Ga(t,e){return t.groupTitle<e.groupTitle?-1:t.groupTitle>e.groupTitle?1:0}i(Ga,"sortLiquiditySourcesByGroupTitle");function xr({supportedSwappers:t,sourceType:e}){let[o,n]=td(""),r=O.use.toggleLiquiditySource(),{navigateBackFrom:s}=re(),a=v.use.loadingStatus(),p=fn(t),l=[];e==="Exchanges"&&l.push("DEX"),e==="Bridges"&&(l.push("BRIDGE"),l.push("AGGREGATOR"));let u=p.filter(y=>l.includes(y.type)),c=u.length===u.filter(y=>y.selected).length,d=i(()=>{u.forEach(y=>{c?r(y.groupTitle):y.selected||r(y.groupTitle)})},"toggleAllSources"),m=u.sort(Ga).map(y=>{let{selected:S,groupTitle:T,logo:f}=y;return{start:ke.createElement(Qm,{src:f,size:22,type:"circular"}),onClick:()=>r(T),end:ke.createElement(Rm,{checked:S}),title:ke.createElement(ed,{variant:"title",size:"xmedium"},Ot.t(T)),...y}}),h=i(y=>{let S=y.target.value;n(S)},"searchHandler"),C=m;return o&&(C=m.filter(y=>Ve(y.groupTitle,o))),ke.createElement(Q,{header:{onBack:s.bind(null,g.settings),title:Ot.t(e),suffix:ke.createElement(kr,null,ke.createElement(Ym,{variant:"ghost",size:"xsmall",onClick:d},Ot.t(c?"Deselect all":"Select all")))}},ke.createElement(st,null,ke.createElement(it,{value:o,setValue:n,fullWidth:!0,color:"light",variant:"contained",placeholder:Ot.t("Search {sourceType}",{sourceType:e}),onChange:h}),a==="loading"&&ke.createElement(br,null),!C.length&&o?ke.createElement(Tr,null,ke.createElement(Jm,{title:Ot.t("No results found"),description:Ot.t("Try using different keywords")})):a==="success"&&ke.createElement(Jt,null,C.map(y=>ke.createElement(ke.Fragment,{key:y.id},ke.createElement(Zm,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}i(xr,"LiquiditySourcePage");import{i18n as Za}from"@lingui/core";import{Divider as Wr,SelectableCategoryList as ud}from"@rango-dev/ui";import Tt,{useState as Ja}from"react";import{i18n as Er}from"@lingui/core";import{Divider as Ra,Image as id,ListItemButton as sd,NotFound as ad,Typography as Qa}from"@rango-dev/ui";import De,{useEffect as ld,useState as pd}from"react";import{BlockchainCategories as Ar}from"@rango-dev/ui";import{TransactionType as gn}from"rango-sdk";var od=i((t,e)=>{switch(e){case Ar.ALL:return!0;case Ar.UTXO:return t.type===gn.TRANSFER;case Ar.OTHER:return t.type!==gn.TRANSFER&&t.type!==gn.COSMOS&&t.type!==gn.EVM;default:return t.type===e}},"filterByType"),Va=i((t,e,o)=>t.filter(n=>od(n,o)).filter(n=>gt(n.name,e)||gt(n.displayName,e)),"filterBlockchains");import{styled as Ka}from"@rango-dev/ui";var Xa=Ka("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),hn=Ka("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as nd,Skeleton as ja}from"@rango-dev/ui";import yn from"react";var rd=20;function Ya(){return yn.createElement(hn,null,Array.from(Array(rd),t=>yn.createElement(nd,{key:t,hasDivider:!0,start:yn.createElement(ja,{variant:"circular",width:35,height:35}),title:yn.createElement(ja,{variant:"text",size:"large",width:90})})))}i(Ya,"LoadingBlockchainList");function Br(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=pd(e),p=v.use.loadingStatus();ld(()=>{a([...Va(e,o,r)])},[e,o,r]);let l=i(()=>!s.length&&o?De.createElement(De.Fragment,null,De.createElement(Ra,{size:32}),De.createElement(ad,{title:Er.t("No results found"),description:Er.t("Try using different keywords")})):De.createElement(hn,{key:`${r}-${o}`},s.map(u=>De.createElement(sd,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:De.createElement(id,{src:u.logo,size:30}),title:De.createElement(Qa,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return De.createElement(Xa,null,De.createElement(Qa,{variant:"label",size:"large"},Er.t("Select Blockchain")),De.createElement(Ra,{size:4}),p==="loading"&&De.createElement(Ya,null),p==="success"&&l())}i(Br,"BlockchainList");function Nr(t){let{type:e}=t,{navigateBackFrom:o}=re(),[n,r]=Ja(""),[s,a]=Ja("ALL"),p=P.use.setToBlockchain(),l=P.use.setFromBlockchain(),{loadingStatus:u}=v(),c=Le().blockchains({type:e}),d=e==="source"?"fromBlockchain":"toBlockchain";return Tt.createElement(Q,{header:{onBack:()=>{o(g[d])},title:Za.t("Select Blockchain")}},Tt.createElement(Wr,{size:12}),Tt.createElement(ud,{setCategory:a,category:s,blockchains:c,isLoading:u==="loading"}),Tt.createElement(Wr,{size:24}),Tt.createElement(it,{value:n,autoFocus:!0,placeholder:Za.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:m=>r(m.target.value)}),Tt.createElement(Wr,{size:16}),Tt.createElement(Br,{list:c,searchedFor:n,blockchainCategory:s,onChange:m=>{e==="source"?l(m):p(m),o(g[d])}}))}i(Nr,"SelectBlockchainPage");import{i18n as gl}from"@lingui/core";import{Divider as hl}from"@rango-dev/ui";import Ut,{useState as Wd}from"react";import{useNavigate as Nd}from"react-router-dom";import{i18n as Ir}from"@lingui/core";import{BlockchainsChip as Mr,Divider as ol,Image as hd,Skeleton as yd,Typography as Lr}from"@rango-dev/ui";import xe from"react";import{useMemo as cd,useRef as md}from"react";function el(t,e){let o=md({index:-1,name:""});t.sort(fd);let n=t.map(r=>r.name).join("-");return cd(()=>{let r=t,s=[];if(e?.limit&&t.length>e.limit){let a=e.limit,p=e.selected?t.findIndex(u=>u.name===e.selected):-1,l=o.current.index>e.limit-1&&!!t.find(u=>u.name===o.current.name);e.selected&&(l&&p<e.limit-1||p>e.limit-1)&&t.sort(dd(l?o.current.name:e.selected)),s=r.splice(a),o.current={index:p,name:e.selected??""}}return{list:r,more:s}},[n])}i(el,"usePrepareBlockchainList");function dd(t){return i(function(o,n){return o.name===t?-1:n.name===t?1:0},"sortBySelected")}i(dd,"generateSortBySelectedFor");function fd(t,e){let o=["ETH","COSMOS","OSMOSIS"],n=o.findIndex(p=>p===t.name),r=o.findIndex(p=>p===e.name),s=n>-1,a=r>-1;return s&&a?n>r?1:-1:s?-1:a?1:0}i(fd,"sortByMostUsedBlockchains");import{styled as gd}from"@rango-dev/ui";var tl=gd("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var nl=10,Pr=nl+1,Sd=12;function Dr(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=el(e,{limit:e.length===Pr?Pr:nl,selected:n?.name}),p=v.use.loadingStatus(),l=P.use.resetToBlockchain(),u=P.use.resetFromBlockchain(),c=e.length!==Pr&&a.more.length;return xe.createElement("div",null,xe.createElement(ol,{size:12}),xe.createElement(Lr,{variant:"label",size:"large"},Ir.t("Select Blockchain")),xe.createElement(ol,{size:12}),xe.createElement(tl,null,p==="loading"&&Array.from(Array(Sd),d=>xe.createElement(yd,{key:d,variant:"rounded",height:50})),p==="success"&&xe.createElement(xe.Fragment,null,xe.createElement(Mr,{selected:!n,onClick:()=>{o==="from"?u():l()}},xe.createElement(Lr,{variant:"body",size:"xsmall",color:"secondary500"},Ir.t("All"))),a.list.map(d=>xe.createElement(Mr,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},xe.createElement(hd,{src:d.logo,size:30}))),c?xe.createElement(Mr,{onClick:s},xe.createElement(Lr,{variant:"body",size:"xsmall",color:"secondary500"},Ir._("More +{count}",{count:a.more.length}))):null)))}i(Dr,"BlockchainsSection");import{i18n as Or}from"@lingui/core";import{darkTheme as ul,Divider as no,ExternalLinkIcon as Td,Image as wd,ListItemButton as vd,NotFound as bd,PinIcon as xd,Skeleton as cl,Typography as ro,VirtualizedList as Ad}from"@rango-dev/ui";import M,{forwardRef as Ed,useEffect as ml,useState as dl}from"react";import{Divider as ll,ListItem as kd,Skeleton as oo}from"@rango-dev/ui";import Ge from"react";import{styled as Ye,Typography as Cd}from"@rango-dev/ui";var rl=Ye("div",{display:"flex",flexDirection:"column",flexGrow:1}),_r=Ye("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Sn=Ye("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none",".description":{position:"relative",height:12,width:150,".token-title":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"},".token-address":{transform:"translateY(12px)",visibility:"hidden","& a":{fontSize:"$12",lineHeight:"$16",color:"$neutral800",textDecoration:"none"}},".token-name":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}},"&:hover":{".description":{".token-address":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},".token-address-without-name":{bottom:"-15px"},".token-name":{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},".token-title":{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Fr=Ye("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),$r=Ye(Cd,{}),il=Ye("div",{textAlign:"right"}),Cn=Ye("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),vA=Ye("div",{display:"flex",alignItems:"center"}),sl=Ye("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),al=Ye("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function pl(t){return Ge.createElement(Sn,null,Array.from(Array(t.size),e=>Ge.createElement(kd,{key:e,hasDivider:!0,start:Ge.createElement(oo,{variant:"circular",width:35,height:35}),end:Ge.createElement(Cn,null,Ge.createElement(oo,{variant:"text",size:"large",width:70}),Ge.createElement(ll,{size:4}),Ge.createElement(oo,{variant:"text",size:"medium",width:50})),title:Ge.createElement("div",null,Ge.createElement(oo,{variant:"text",size:"large",width:90}),Ge.createElement(ll,{size:4}),Ge.createElement(oo,{variant:"text",size:"medium",width:90}))})))}i(pl,"LoadingTokenList");var Ur=20,Bd=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,p=e.length;return M.createElement("div",{className:"description"},o?M.createElement("div",{className:"token-name"},o):M.createElement(_r,{className:"token-title"},M.createElement(ro,{variant:"title",size:"xmedium"},r.symbol),M.createElement(no,{direction:"horizontal",size:4}),M.createElement(Fr,{css:s},M.createElement($r,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&M.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},M.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:l=>l.stopPropagation()},p>10?`${e.slice(0,5)}...${e.slice(p-6,p)}`:e," ",M.createElement(Td,{color:"gray",size:12}))))},"renderDesc");function fl(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=dl(e),p=v.use.loadingStatus(),[l,u]=dl(!0),c=G.use.loading(),{blockchains:d}=v.use.meta(),{isTokenPinned:m}=Le(),h=Ed((S,T)=>M.createElement("div",{...S,ref:T,style:{...S.style,height:`${parseFloat(S.style?.height)+8*2}px`}})),C=i(()=>{a(e.slice(0,s.length+Ur))},"loadNextPage");ml(()=>{u(e.length>s.length)},[s.length]),ml(()=>{a(e.slice(0,Ur))},[e]);let y=i(()=>!s.length&&o?M.createElement(M.Fragment,null,M.createElement(no,{size:32}),M.createElement(bd,{title:Or.t("No results found"),description:Or.t("Try using different keywords")})):M.createElement(Ad,{Item:({index:S,style:T})=>{let f=s[S],w=f.address||"",b=d.find(E=>E.name===f.blockchain),x=Si(f.symbol,b?.color||""),W={$$color:x[`${f.symbol}100`],[`.${ul} &`]:{$$color:x[`${f.symbol}900`]},backgroundColor:"$$color"},F={$$color:x[`${f.symbol}700`],[`.${ul} &`]:{$$color:x[`${f.symbol}100`]},color:"$$color"};return M.createElement("div",{style:{...T,paddingRight:5}},M.createElement(vd,{style:{height:T?.height},"tab-index":S,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(s[S]),start:M.createElement(sl,null,M.createElement(wd,{src:f.image,size:30}),m(f)&&M.createElement(al,null,M.createElement(xd,{size:12,color:"gray"}))),title:b?.type==="COSMOS"||f.name||!f.name&&!w?M.createElement(_r,null,M.createElement(ro,{variant:"title",size:"xmedium"},f.symbol),M.createElement(no,{direction:"horizontal",size:4}),M.createElement(Fr,{css:W},M.createElement($r,{variant:"body",size:"xsmall",css:F},f.blockchain))):void 0,description:b?.info&&w&&b.type!=="COSMOS"?Bd({address:w,token:s[S],customCssForTag:W,customCssForTagTitle:F,name:f.name,url:b.info.addressUrl.split("{wallet}").join(w)}):f.name||void 0,end:c?M.createElement(Cn,null,M.createElement(cl,{variant:"text",size:"large",width:70}),M.createElement(no,{size:4}),M.createElement(cl,{variant:"text",size:"medium",width:50})):s[S]?.balance&&M.createElement(il,null,M.createElement(ro,{variant:"title",size:"small"},f.balance?.amount),M.createElement("div",null),f.balance?.usdValue&&M.createElement(ro,{variant:"body",color:"neutral800",size:"xsmall"},`$${f.balance?.usdValue}`))}))},hasNextPage:l,itemCount:s.length,loadNextPage:C,innerElementType:h,size:60,key:`${r}-${o}`}),"renderList");return M.createElement(rl,null,M.createElement(ro,{variant:"label",size:"large"},Or.t("Select Token")),M.createElement(no,{size:4}),p==="loading"&&M.createElement(pl,{size:Ur}),p==="success"&&M.createElement(Sn,null,y()))}i(fl,"TokenList");function zr(t){let{type:e}=t,o=Nd(),{navigateBackFrom:n}=re(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:p,setFromBlockchain:l,setToBlockchain:u}=P(),{connectedWallets:c}=G(),[d,m]=Wd(""),C=(e==="source"?r:s)?.name??"",y=Le().blockchains({type:e}),S=Le().tokens({type:e,blockchain:C,searchFor:d}),T=Mi(S,c),f=i(b=>{e==="source"?l(b):u(b)},"updateBlockchain"),w=i(b=>{e==="source"?a(b):p(b)},"updateToken");return Ut.createElement(Q,{header:{onBack:()=>n(e==="source"?g.fromSwap:g.toSwap),title:gl.t("Swap {type}",{type:e==="source"?"from":"to"})}},Ut.createElement(Dr,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(e==="source"?g.fromBlockchain:g.toBlockchain),onChange:b=>{f(b)}}),Ut.createElement(hl,{size:24}),Ut.createElement(it,{value:d,autoFocus:!0,placeholder:gl.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:b=>m(b.target.value)}),Ut.createElement(hl,{size:16}),Ut.createElement(fl,{list:T,selectedBlockchain:C,searchedFor:d,onChange:b=>{w(b);let x=y.find(W=>b.blockchain===W.name);x&&f(x),n(g.fromSwap)}}))}i(zr,"SelectSwapItemsPage");import{i18n as wt}from"@lingui/core";import{ChevronRightIcon as Gr,Divider as Vr,InfoIcon as _d,List as Fd,ListItemButton as $d,Skeleton as Od,Switch as Ud,Tooltip as zd,Typography as vt}from"@rango-dev/ui";import q from"react";import{useNavigate as qd}from"react-router-dom";import{i18n as Tl}from"@lingui/core";import{Chip as Md,Divider as wl,InfoIcon as Ld,TextField as Pd,Tooltip as Dd,Typography as vl}from"@rango-dev/ui";import Ae from"react";import{styled as kn}from"@rango-dev/ui";var yl=kn("div",{paddingTop:"$5",paddingBottom:"30px"}),Sl=kn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),Cl=kn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Tn=kn("div",{maxWidth:"300px",padding:"$10"});import{i18n as qr}from"@lingui/core";import{Typography as Id}from"@rango-dev/ui";import io from"react";function kl(){return io.createElement(Tn,null,io.createElement(Id,{variant:"label",size:"medium",color:"neutral900"},qr.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),io.createElement("br",null),io.createElement("br",null),io.createElement("b",null,qr.t("Warning")),":",qr.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}i(kl,"SlippageTooltipContent");function Hr(){let t=O.use.slippage(),e=O.use.setSlippage(),o=O.use.customSlippage(),n=O.use.setCustomSlippage();return Ae.createElement(yl,null,Ae.createElement(Cl,null,Ae.createElement(vl,{variant:"title",size:"xmedium"},Tl.t("Slippage tolerance per swap")),Ae.createElement(wl,{direction:"horizontal",size:4}),Ae.createElement(Dd,{container:ae(),side:"top",content:Ae.createElement(kl,null)},Ae.createElement(Ld,{color:"gray"}))),Ae.createElement(Sl,null,ji.map((r,s)=>{let a=`slippage-${s}`;return Ae.createElement(Ae.Fragment,null,Ae.createElement(Md,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),Ae.createElement(wl,{direction:"horizontal",size:8}))}),Ae.createElement(Pd,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=parseFloat(r.target.value);(!s||s>=Zi&&s<=Qi)&&n(s)},suffix:o&&Ae.createElement(vl,{variant:"body",size:"small"},"%"),placeholder:Tl.t("Custom")})))}i(Hr,"Slippage");function bl({supportedSwappers:t,singleTheme:e}){let o=qd(),{navigateBackFrom:n}=re(),r=O.use.infiniteApprove(),s=O.use.toggleInfiniteApprove(),a=v.use.loadingStatus(),p=fn(t),l=p.filter(b=>b.type==="BRIDGE"||b.type==="AGGREGATOR"),u=l.length,c=l.filter(b=>b.selected).length,d=p.filter(b=>b.type==="DEX"),m=d.length,h=d.filter(b=>b.selected).length,C=i((b,x)=>{switch(a){case"loading":return q.createElement(Od,{variant:"text",size:"medium",width:50});case"failed":return q.createElement(vt,{variant:"body",size:"medium",color:"$error500"},wt.t("Loading failed"));default:return q.createElement(vt,{variant:"body",size:"medium"},`${b} / ${x}`)}},"handleEndItem"),y={id:"bridge-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Enabled bridges")),end:q.createElement(q.Fragment,null,C(c,u),q.createElement(Vr,{direction:"horizontal",size:8}),q.createElement(Gr,{color:"black"})),onClick:()=>o(g.bridges)},S={id:"exchange-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Enabled exchanges")),end:q.createElement(q.Fragment,null,C(h,m),q.createElement(Vr,{direction:"horizontal",size:8}),q.createElement(Gr,{color:"gray"})),onClick:()=>o(g.exchanges)},T={id:"theme-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Theme")),end:q.createElement(Gr,{color:"gray"}),onClick:()=>o(g.themes)},f={id:"infinite-approval-item",title:q.createElement(q.Fragment,null,q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Infinite Approval")),q.createElement(Vr,{direction:"horizontal",size:4}),q.createElement(zd,{side:"top",container:ae(),content:q.createElement(Tn,null,q.createElement(vt,{variant:"label",size:"medium",color:"neutral900"},wt.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.")))},q.createElement(_d,{color:"gray"}))),end:q.createElement(Ud,{checked:r}),onClick:s},w=[y,S];return e||w.push(T),w.push(f),q.createElement(Q,{header:{onBack:n.bind(null,g.settings),title:wt.t("Setting")}},q.createElement(st,null,q.createElement(Hr,null),q.createElement(Fd,{type:q.createElement($d,{title:"_",id:"_",onClick:()=>console.log()}),items:w})))}i(bl,"SettingsPage");import{cancelSwap as $f}from"@rango-dev/queue-manager-rango-preset";import{useManager as Of}from"@rango-dev/queue-manager-react";import op from"react";import{i18n as at}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Sf,getCurrentStep as Cf,getRelatedWalletOrNull as kf,PendingSwapNetworkStatus as In}from"@rango-dev/queue-manager-rango-preset";import{Button as jl,CopyIcon as Tf,Divider as wf,IconButton as vf,RouteCost as bf,RouteSummary as xf,StepDetails as Af,Typography as qt,useCopyToClipboard as Ef}from"@rango-dev/ui";import{useWallets as Bf}from"@rango-dev/wallets-react";import Z,{useEffect as Yl,useRef as Wf,useState as Rl}from"react";import{useNavigate as Nf}from"react-router-dom";import{i18n as Ee}from"@lingui/core";var Hd=1e3,Gd=31536e3,Vd=2592e3,Kd=86400,Xd=3600,jd=60;function xl(t){let e=Math.floor((Date.now()-t)/Hd),n=[{turningPoint:Gd,label:Ee.t("year"),pluralLabel:Ee.t("years")},{turningPoint:Vd,label:Ee.t("month"),pluralLabel:Ee.t("months")},{turningPoint:Kd,label:Ee.t("day"),pluralLabel:Ee.t("days")},{turningPoint:Xd,label:Ee.t("hour"),pluralLabel:Ee.t("hours")},{turningPoint:jd,label:Ee.t("minute"),pluralLabel:Ee.t("minutes")}].sort((r,s)=>s.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:s,label:a,pluralLabel:p}=r,l=Math.floor(e/s);if(l>1)return`${l} ${p}`;if(l===1)return`${l} ${a}`}return e>1?`${e} ${Ee.t("seconds")}`:`${e} ${Ee.t("second")}`}i(xl,"timeSince");function Al(t){return t.finishTime?Ee.t({id:"timeAgo",message:"{time} ago",values:{time:xl(parseInt(t.finishTime))}}):Ee.t({id:"timeAgo",message:"{time} ago",values:{time:xl(parseInt(t.creationTime))}})}i(Al,"getSwapDate");import{PendingSwapNetworkStatus as bn}from"@rango-dev/queue-manager-rango-preset";import{Modal as tf}from"@rango-dev/ui";import xn from"react";import{i18n as wn}from"@lingui/core";import{Button as El,Divider as Kr,MessageBox as Yd,Typography as Bl}from"@rango-dev/ui";import Re from"react";var Wl=i(({onCancel:t,onClose:e})=>Re.createElement(Re.Fragment,null,Re.createElement(Kr,{size:20}),Re.createElement(Yd,{type:"error",title:wn.t("Transaction Cancel"),description:wn.t("Are you sure you want to Cancel this swap?")}),Re.createElement(Kr,{size:32}),Re.createElement(El,{variant:"contained",type:"primary",size:"large",onClick:t},Re.createElement(Bl,{variant:"title",size:"medium",color:"neutral100"},wn.t("Yes, Cancel it"))),Re.createElement(Kr,{size:12}),Re.createElement(El,{variant:"outlined",type:"primary",size:"large",onClick:e},Re.createElement(Bl,{variant:"title",size:"medium",color:"primary"},wn.t("No, Continue")))),"CancelContent");import{i18n as vn}from"@lingui/core";import{Button as Nl,Divider as Xr,MessageBox as Rd,Typography as Il}from"@rango-dev/ui";import Qe from"react";var Ml=i(({onDelete:t,onClose:e})=>Qe.createElement(Qe.Fragment,null,Qe.createElement(Xr,{size:20}),Qe.createElement(Rd,{type:"error",title:vn.t("Delete Transaction"),description:vn.t("Are you sure you want to delete this swap?")}),Qe.createElement(Xr,{size:32}),Qe.createElement(Nl,{variant:"contained",type:"primary",size:"large",onClick:t},Qe.createElement(Il,{variant:"title",size:"medium",color:"neutral100"},vn.t("Yes, Delete it"))),Qe.createElement(Xr,{size:12}),Qe.createElement(Nl,{variant:"outlined",type:"primary",size:"large",onClick:e},Qe.createElement(Il,{variant:"title",size:"medium",color:"primary"},vn.t("No, Cancel")))),"DeleteContent");import{i18n as jr}from"@lingui/core";import{PendingSwapNetworkStatus as Yr}from"@rango-dev/queue-manager-rango-preset";var Rr={[Yr.WaitingForNetworkChange]:{type:"loading",title:jr.t("Change Network")},[Yr.WaitingForConnectingWallet]:{type:"warning",title:jr.t("Connect Wallet")},[Yr.NetworkChanged]:{type:"success",title:jr.t("Network Changed")}};import{MessageBox as Zd,Wallet as Jd,WalletState as Pl}from"@rango-dev/ui";import{useWallets as ef}from"@rango-dev/wallets-react";import so from"react";import{styled as Qd}from"@rango-dev/ui";var Ll=Qd("div",{display:"flex",justifyContent:"center"});var Dl=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:p,state:l}=ef(),u=n?.walletType,d=u&&l(u).connected?Pl.CONNECTED:Pl.DISCONNECTED;return so.createElement(so.Fragment,null,so.createElement(Zd,{type:e,title:o,description:r}),s&&u&&so.createElement(Ll,null,so.createElement(Jd,{container:ae(),title:p(u).name,image:p(u).img,type:u,state:d,onClick:async()=>a(u)})))},"WalletStateContent");function Qr(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,p=e===bn.WaitingForNetworkChange||e===bn.WaitingForConnectingWallet||e===bn.NetworkChanged;return xn.createElement(tf,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},p&&xn.createElement(Dl,{type:Rr[e].type,title:Rr[e].title,currentStepWallet:s,message:a,showWalletButton:e!==bn.WaitingForNetworkChange}),e==="delete"&&xn.createElement(Ml,{onClose:o,onDelete:n}),e==="cancel"&&xn.createElement(Wl,{onClose:o,onCancel:r}))}i(Qr,"SwapDetailsModal");import{i18n as ao}from"@lingui/core";import{Button as Zr,Divider as An,MessageBox as _l,Modal as of,TokenAmount as nf,Typography as En}from"@rango-dev/ui";import fe from"react";import{useNavigate as rf}from"react-router-dom";function Jr(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,token:a,chain:p,percentageChange:l,description:u,diagnosisUrl:c}=t,d=rf();return fe.createElement(of,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?fe.createElement(_l,{type:"success",title:ao.t("Swap Successful")},fe.createElement(nf,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:s},token:a,chain:p,percentageChange:l}),fe.createElement(An,{size:12}),fe.createElement(En,{variant:"body",size:"medium",color:"neutral900",align:"center"},u)):fe.createElement(_l,{type:"error",title:ao.t("Transaction Failed"),description:u}),fe.createElement(An,{size:32}),n==="success"&&fe.createElement(Zr,{variant:"contained",type:"primary",size:"large",onClick:()=>d(g.home)},fe.createElement(En,{variant:"title",size:"medium",color:"neutral100"},ao.t("Done"))),fe.createElement(An,{size:12}),c&&fe.createElement(fe.Fragment,null,fe.createElement(Zr,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(c,"_blank")},fe.createElement(En,{variant:"title",size:"medium",color:"primary"},ao.t("Diagnosis"))),fe.createElement(An,{size:12})),fe.createElement(Zr,{variant:"outlined",type:"primary",size:"large",onClick:o},fe.createElement(En,{variant:"title",size:"medium",color:"primary"},ao.t("See Details"))))}i(Jr,"SwapDetailsCompleteModal");import hf from"react";import{i18n as mf}from"@lingui/core";import{Alert as ql,IconButton as df,LinkIcon as ff}from"@rango-dev/ui";import dt,{Fragment as gf}from"react";import{Alert as sf,ChevronDownIcon as af,ChevronUpIcon as lf,IconButton as pf}from"@rango-dev/ui";import Bn,{useState as uf}from"react";function Fl(t){let{message:e}=t,[o,n]=uf(!1);return Bn.createElement(sf,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Bn.createElement(pf,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Bn.createElement(lf,{size:12,color:"gray"}):Bn.createElement(af,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(Fl,"FailedAlert");import{styled as cf}from"@rango-dev/ui";var $l=cf("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Ol}from"@lingui/core";import{PendingSwapNetworkStatus as ei}from"@rango-dev/queue-manager-rango-preset";import{Alert as ti,Button as Ul}from"@rango-dev/ui";import lo from"react";function zl(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?lo.createElement(ti,{type:"warning",title:n.shortMessage,action:lo.createElement(Ul,{size:"xxsmall",type:"warning",onClick:()=>{o(ei.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},Ol.t("Change"))}):r===ei.WaitingForConnectingWallet?lo.createElement(ti,{type:"warning",title:n.shortMessage,action:lo.createElement(Ul,{size:"xxsmall",type:"warning",onClick:()=>{o(ei.WaitingForConnectingWallet)}},Ol.t("Connect"))}):lo.createElement(ti,{type:"warning",title:n.shortMessage})}i(zl,"WarningAlert");function oi(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,p=Xt(s),l=s.status==="waitingForApproval"&&!p,u=s.status==="running"&&!p;return dt.createElement($l,null,s.explorerUrl?.map((c,d,m)=>{let h=d+c.url,C=d===m.length-1,y=C&&u||l,S=C&&s.status==="failed";return dt.createElement(gf,{key:h},dt.createElement(ql,{type:y&&"loading"||S&&"error"||"success",title:c.description?`${c.description} Tx`:mf.t("View transaction"),action:c.url&&dt.createElement(df,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},dt.createElement(ff,{size:16}))}))}),(u&&!a||l&&!s.explorerUrl?.length)&&dt.createElement(ql,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&p&&dt.createElement(zl,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&dt.createElement(Fl,{message:r}))}i(oi,"SwapDetailsAlerts");var Hl=2e3;var Gl=i(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,s)=>{let a=s===0?t.inputAmount:t.steps[s-1].outputAmount;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:Je(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:k(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:Je(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:k(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:hf.createElement(oi,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function Vl(t){if(Xt(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(Vl,"getStepState");import{darkTheme as yf,styled as zt}from"@rango-dev/ui";var Wn=zt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1,"& .row":{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${yf} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"},"& .request-id":{display:"flex",justifyContent:"center",alignItems:"center",height:"$24"},"& .output":{display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"},"& .title-steps":{textAlign:"left",width:"100%",padding:"0 $20 $10"}}),Nn=zt("div",{width:"100%"}),Kl=zt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),aB=zt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Xl=zt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),lB=zt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function ni(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:p}=Bf(),l=P.use.retry(),u=Nf(),{navigateBackFrom:c}=re(),[d,m]=Ef(Hl),h=Wf(null),[C,y]=Rl(null),[S,T]=Rl(null),{meta:{tokens:f,blockchains:w}}=v(),b=i(()=>{r(),y(null)},"onCancel"),x=Pe.use.getUnreadNotifications(),W=Pe.use.setAsRead(),F=x(),E=Cf(e),$=E?.networkStatus;Yl(()=>{F.find(R=>R.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(T(e.status),W(e.requestId))},[e.status]),Yl(()=>{L?y(In.WaitingForNetworkChange):$===In.WaitingForConnectingWallet||$===In.NetworkChanged?y($):y(null)},[$]);let X=Ts(e),oe=E?Sf(e,E):null,B=E?kf(e,E):null,J=Al(e),H=ws(e),ne=i(_=>!!p(_)?.mobileWallet,"isMobileWallet"),L=$===In.WaitingForNetworkChange&&!!oe&&!!B?.walletType&&(ne(B.walletType)||s(B.walletType,oe)),me=L?a.bind(null,B.walletType,oe):void 0,Ne=ks(e,E),U=Gl({swap:e,switchNetwork:me,showNetworkModal:$,setNetworkModal:y,message:Ne,blockchains:w}),j=U.length,[Ie,Te]=[e.steps[0],e.steps[j-1]],_e=Te.outputAmount||Te.expectedOutputAmountHumanReadable,se=e.steps.reduce((_,R)=>_+parseFloat(R.feeInUsd||""),0),ft=e.steps.find(_=>_.diagnosisUrl)?.diagnosisUrl,Ze=k(String(parseFloat(k(_e,6,6))*(xo(Te.toBlockchain,Te.toSymbol,Te.toSymbolAddress,f)||0)),4,4),bt=k(String(parseFloat(e.inputAmount)*(xo(Ie.fromBlockchain,Ie.fromSymbol,Ie.fromSymbolAddress,f)||0)),4,4),D=et(bt,Ze),N=e.status==="success"?at.t({id:"receivedMessage",message:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:k(_e,6,6),token:U[j-1].to.token.displayName,conciseAddress:Eo(e.wallets[U[j-1].to.chain.displayName]?.address||""),chain:U[j-1].to.chain.displayName}}):`${at.t("Transaction was not sent.")} ${X?at.t({id:"remainSymbol",message:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:X.outputAmount,symbol:X.symbol,blockchain:X.blockchain}}):""}`;return Z.createElement(Q,{noPadding:!0,header:{title:at.t("Swap and Bridge"),onBack:c.bind(null,g.swapDetails),onCancel:e.status==="running"?()=>y("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(xt,null,Z.createElement(jl,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>y("delete")},Z.createElement(qt,{size:"medium",variant:"label",color:"error"},at.t("Delete"))))},footer:H&&!S&&Z.createElement(jl,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{l(e),setTimeout(()=>{u(g.home)},0)}},at.t("Try again"))},Z.createElement(Wn,null,Z.createElement(Nn,null,Z.createElement("div",{className:"row"},Z.createElement(qt,{variant:"label",size:"large",color:"neutral900"},`${at.t("Request ID")}:`),Z.createElement("div",{className:"request-id"},Z.createElement(qt,{variant:"label",size:"small",color:"neutral900"},o),Z.createElement(vf,{variant:"ghost",onClick:m.bind(null,o||"")},Z.createElement(Tf,{size:16,color:"gray"})))),Z.createElement("div",{className:"row"},Z.createElement(qt,{variant:"label",size:"large",color:"neutral900"},`${at.t("Created at")}:`),Z.createElement(qt,{variant:"label",size:"small",color:"neutral900"},J))),Z.createElement("div",{className:"output"},Z.createElement(bf,{fee:k(String(se),2,2),time:Bt(Wt(e.steps)),steps:j}),Z.createElement(xf,{from:{price:{value:k(e.inputAmount,6,6),usdValue:bt},token:{displayName:U[0].from.token.displayName,image:U[0].from.token.image},chain:{image:U[0].from.chain.image,displayName:U[0].from.chain.displayName}},to:{price:{value:k(_e,6,6),usdValue:Ze},token:{displayName:U[j-1].to.token.displayName,image:U[j-1].to.token.image},chain:{image:U[j-1].to.chain.image,displayName:U[j-1].to.chain.displayName}},percentageChange:k(D,2,2),warningLevel:It(D?.toNumber()??0)})),Z.createElement("div",{className:"title-steps"},Z.createElement(qt,{variant:"title",size:"small"},at.t("Swaps steps"))),Z.createElement(wf,{size:8}),Z.createElement(Kl,{ref:h},U.map((_,R)=>{let le=R,ue=Vl(e.steps[R]),ho=ue==="error"||ue==="in-progress"||ue==="warning"||ue==="completed"&&R===U.length-1;return Z.createElement(Af,{key:le,step:_,type:"route-progress",ref:h,state:ue,hasSeparator:R!==0,tabIndex:le,isFocused:ho})}))),Z.createElement(Qr,{state:C,onClose:()=>y(null),onCancel:b,onDelete:n,message:Ne.detailedMessage.content,currentStepWallet:B}),Z.createElement(Jr,{open:!!S,diagnosisUrl:ft,onClose:()=>T(null),status:e.status==="success"?"success":"failed",priceValue:k(_e,6,6),usdValue:Ze,percentageChange:k(D,2,2),token:{displayName:U[j-1].to.token.displayName,image:U[j-1].to.token.image},chain:{image:U[j-1].to.chain.image},description:N}))}i(ni,"SwapDetails");import{i18n as fo}from"@lingui/core";import{CopyIcon as Df,IconButton as _f,NotFound as Ff,Skeleton as ep,Typography as Ln}from"@rango-dev/ui";import ce from"react";import{i18n as Mf}from"@lingui/core";import{ChainToken as Lf,Divider as ii,Skeleton as mo,Typography as Pf}from"@rango-dev/ui";import ee from"react";import{styled as ri}from"@rango-dev/ui";var Ql=ri("div",{width:"100%",height:"100%",padding:"$0 $20",".cost":{paddingTop:"$15",display:"flex"},".route-summary":{padding:"$15 $0"},".route-summary-item":{display:"flex",justifyContent:"space-between",alignItems:"center"},".token-amount":{display:"flex",justifyContent:"space-between",alignItems:"center"},".route-summary-separator":{width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"},".swaps-steps":{paddingBottom:"$10"}}),Zl=ri("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15",".step-title":{display:"flex",justifyContent:"start",alignItems:"center"},".step-tokens":{paddingTop:"$5",display:"flex",alignItems:"center"},".step-token-info":{display:"flex",alignItems:"center"},".step-icon-container":{padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"},".extra-info":{display:"flex",paddingTop:"$10",paddingBottom:"$5"}}),Mn=ri("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral900",marginLeft:"25px"});import{ChainToken as Jl,Divider as po,NextIcon as If,Skeleton as uo}from"@rango-dev/ui";import pe from"react";function co(t){let{extraInfo:e}=t;return pe.createElement(Zl,null,pe.createElement("div",{className:"step-title"},pe.createElement(uo,{height:28,width:28,variant:"circular"}),pe.createElement(po,{direction:"horizontal",size:8}),pe.createElement(uo,{height:15,width:148,variant:"rounded"})),pe.createElement("div",{className:"step-tokens"},pe.createElement(po,{direction:"horizontal",size:20}),pe.createElement("div",{className:"step-token-info"},pe.createElement(Jl,{size:"small",loading:!0,chainImage:"",tokenImage:""}),pe.createElement(po,{direction:"horizontal",size:8}),pe.createElement(uo,{height:12,width:76,variant:"rounded"})),pe.createElement("div",{className:"step-icon-container"},pe.createElement(If,{color:"gray",size:16})),pe.createElement("div",{className:"step-token-info"},pe.createElement(Jl,{size:"small",loading:!0,chainImage:"",tokenImage:""}),pe.createElement(po,{direction:"horizontal",size:8}),pe.createElement(uo,{height:12,width:76,variant:"rounded"}))),e&&pe.createElement("div",{className:"extra-info"},pe.createElement(po,{direction:"horizontal",size:20}),pe.createElement(uo,{height:22,width:297,variant:"rectangular"})))}i(co,"LoadingSwapDetailStep");function si(){let t=ee.createElement("div",{className:"route-summary-item"},ee.createElement("div",{className:"token-amount"},ee.createElement(Lf,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),ee.createElement(ii,{size:8,direction:"horizontal"}),ee.createElement(mo,{height:15,width:148,variant:"rounded"})),ee.createElement(mo,{height:12,width:64,variant:"rounded"}));return ee.createElement(Ql,null,ee.createElement("div",{className:"cost"},ee.createElement(mo,{width:60,height:10,variant:"rounded"}),ee.createElement(ii,{size:4,direction:"horizontal"}),ee.createElement(mo,{width:60,height:10,variant:"rounded"}),ee.createElement(ii,{size:4,direction:"horizontal"}),ee.createElement(mo,{width:60,height:10,variant:"rounded"})),ee.createElement("div",{className:"route-summary"},t,ee.createElement("div",{className:"route-summary-separator"}),t),ee.createElement("div",{className:"swaps-steps"},ee.createElement(Pf,{variant:"title",size:"small"},Mf.t("Swaps steps"))),ee.createElement("div",{className:"step-container"},ee.createElement(co,{extraInfo:!0}),ee.createElement(Mn,null),ee.createElement(co,null),ee.createElement(Mn,null),ee.createElement(co,null),ee.createElement(Mn,null),ee.createElement(co,null)))}i(si,"LoadingSwapDetails");function tp(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=re();return ce.createElement(Q,{noPadding:!0,header:{title:fo.t("Swap and Bridge"),onBack:n.bind(null,g.swapDetails),suffix:ce.createElement(xt,null)}},o&&ce.createElement(Wn,null,ce.createElement(Nn,null,ce.createElement("div",{className:"row"},ce.createElement(Ln,{variant:"label",size:"large",color:"neutral900"},`${fo.t("Request ID")}:`),ce.createElement("div",{className:"request-id"},ce.createElement(Ln,{variant:"label",size:"small",color:"neutral900"},ce.createElement(ep,{width:60,height:10,variant:"rounded"})),ce.createElement(_f,{variant:"ghost"},ce.createElement(Df,{size:16,color:"gray"})))),ce.createElement("div",{className:"row"},ce.createElement(Ln,{variant:"label",size:"large",color:"neutral900"},`${fo.t("Created at")}:`),ce.createElement(Ln,{variant:"label",size:"small",color:"neutral900"},ce.createElement(ep,{width:60,height:10,variant:"rounded"})))),ce.createElement(si,null)),!o&&ce.createElement(Xl,null,ce.createElement(Ff,{title:fo.t("Not found"),description:fo.t({id:"swapNotFound",values:{requestId:e},message:"Swap with request ID = {requestId} not found."})})))}i(tp,"SwapDetailsPlaceholder");function np(){let{manager:t,state:e}=Of(),o=!e.loadedFromPersistor,n=cn(t),r=ve.use.selectedSwapRequestId(),{navigateBackFrom:s}=re(),{loadingStatus:a}=v(),p=o||a==="loading",l=n.find(({swap:m})=>m.requestId===r),u=i(()=>{if(l?.id){let m=t?.get(l.id);m&&$f(m)}},"onCancel"),c=i(async()=>{if(l?.id)try{await t?.deleteQueue(l.id),s(g.swapDetails)}catch(m){console.log(m)}},"onDelete"),d=l?.swap;return!d||p?op.createElement(tp,{requestId:r||"",showSkeleton:p}):op.createElement(ni,{swap:d,requestId:r||"",onCancel:u,onDelete:c})}i(np,"SwapDetailsPage");import{i18n as go}from"@lingui/core";import{AutoThemeIcon as Uf,DarkModeIcon as zf,LightModeIcon as qf,List as Hf,ListItemButton as Gf,Radio as ai,RadioRoot as Vf,Typography as li}from"@rango-dev/ui";import Be from"react";function rp(){let{navigateBackFrom:t}=re(),e=O.use.theme(),o=O.use.setTheme(),n=[{id:"light",value:"light",title:Be.createElement(li,{variant:"title",size:"xmedium"},go.t("Light")),onClick:()=>o("light"),start:Be.createElement(qf,{color:"gray"}),end:Be.createElement(ai,{value:"light"})},{id:"dark",value:"dark",title:Be.createElement(li,{variant:"title",size:"xmedium"},go.t("Dark")),onClick:()=>o("dark"),start:Be.createElement(zf,{color:"gray"}),end:Be.createElement(ai,{value:"dark"})},{id:"auto",value:"auto",title:Be.createElement(li,{variant:"title",size:"xmedium"},go.t("Auto")),onClick:()=>o("auto"),start:Be.createElement(Uf,{color:"gray"}),end:Be.createElement(ai,{value:"auto"})}];return Be.createElement(Q,{header:{onBack:t.bind(null,g.settings),title:go.t("Theme")}},Be.createElement(st,null,Be.createElement(Vf,{onValueChange:r=>o(r),value:e},Be.createElement(Hf,{type:Be.createElement(Gf,{title:go.t("Theme"),id:"_",onClick:()=>console.log()}),items:n}))))}i(rp,"ThemePage");var Xf=i(t=>t.replace("/",""),"getAbsolutePath");function ip(t){let{config:e}=t;return Kf([{path:g.home,element:We.createElement(Ro,null)},{path:g.fromSwap,element:We.createElement(zr,{type:"source"})},{path:g.toSwap,element:We.createElement(zr,{type:"destination"})},{path:g.fromBlockchain,element:We.createElement(Nr,{type:"source"})},{path:g.toBlockchain,element:We.createElement(Nr,{type:"destination"})},{path:g.settings,element:We.createElement(bl,{singleTheme:e?.theme?.singleTheme,supportedSwappers:e?.liquiditySources})},{path:g.themes,element:We.createElement(rp,null)},{path:g.languages,element:We.createElement(za,null)},{path:g.exchanges,element:We.createElement(xr,{sourceType:"Exchanges",supportedSwappers:e?.liquiditySources})},{path:g.bridges,element:We.createElement(xr,{sourceType:"Bridges",supportedSwappers:e?.liquiditySources})},{path:g.swaps,element:We.createElement(Ua,null)},{path:g.swapDetails,element:We.createElement(np,null)},{path:g.wallets,element:We.createElement(fa,{supportedWallets:e?.wallets,multiWallets:typeof e?.multiWallets>"u"?!0:e.multiWallets,config:e})},{path:Xf(g.confirmSwap),element:We.createElement(Na,{config:e})}])}i(ip,"AppRoutes");import{isApprovalTX as jf,MainEvents as ap,RouteEventType as lp,StepEventType as Ht,StepExecutionEventStatus as Yf,useEvents as Rf}from"@rango-dev/queue-manager-rango-preset";import{useEffect as pp}from"react";import{StepExecutionBlockedEventStatus as pi}from"@rango-dev/queue-manager-rango-preset";var sp=[pi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,pi.WAITING_FOR_NETWORK_CHANGE,pi.WAITING_FOR_WALLET_CONNECT];function up(){let t=G.use.connectedWallets(),e=G.use.getWalletsDetails(),o=Pe.use.setNotification(),n=Pe.use.setAsRead(),r=Rf();return pp(()=>(r.on(ap.StepEvent,s=>{let{event:a,step:p,route:l}=s;if(a.type===Ht.TX_EXECUTION&&a.status===Yf.TX_SENT&&!jf(p)||a.type===Ht.SUCCEEDED){let c=t.find(m=>m.chain===p?.fromBlockchain),d=p?.fromBlockchain!==p?.toBlockchain&&t.find(m=>m.chain===p?.toBlockchain);c&&e([c]),d&&e([d])}a.type===Ht.TX_EXECUTION_BLOCKED&&sp.includes(a.status)||a.type===Ht.FAILED?o(a,l):(a.type===Ht.TX_EXECUTION||a.type===Ht.CHECK_STATUS)&&n(l.requestId)}),()=>r.all.clear()),[r,t.length]),pp(()=>(r.on(ap.RouteEvent,s=>{let{event:a,route:p}=s;(a.type===lp.FAILED||a.type===lp.SUCCEEDED)&&o(a,p)}),()=>r.all.clear()),[r,t.length]),null}i(up,"WidgetEvents");import{globalCss as Qf}from"@rango-dev/ui";var cp=i(()=>Qf({"@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{createTheme as Zf,darkTheme as Jf,lightTheme as eg}from"@rango-dev/ui";import{useEffect as mp,useState as tg}from"react";function dp({fontFamily:t="Roboto",borderRadius:e=wi,secondaryBorderRadius:o=vi,mode:n="auto"}){let r=O.use.theme(),s=v.use.fetchMeta(),a=O.use.setTheme(),p=Zf({radii:{primary:`${e}px`,secondary:`${o}px`},fonts:{widget:t}}),l=`${p.className} ${eg.className}`,u=`${p.className} ${Jf.className}`,[c,d]=tg("light");return mp(()=>{i(async()=>{await s()},"fetchData")();let C=i(y=>{y.matches?d("dark"):d("light")},"switchTheme");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&d("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",C),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",C)}},[]),mp(()=>{n!=="auto"&&a(n)},[n]),{activeTheme:i(()=>r==="auto"?c==="dark"?u:l:r==="dark"?u:l,"getActiveTheme")()}}i(dp,"useTheme");import og,{useMemo as ng}from"react";import{Provider as rg}from"@rango-dev/queue-manager-react";import{makeQueueDefinition as ig,checkWaitingForNetworkChange as sg}from"@rango-dev/queue-manager-rango-preset";import{useWallets as ag}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as lg}from"@rango-dev/wallets-shared";import{isEvmBlockchain as pg}from"rango-types";function ug(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=ag(),p=ng(()=>ig({API_KEY:ko("API_KEY")}),[]),{blockchains:l}=v.use.meta(),c={blockchains:G.use.connectedWallets().map(f=>({accounts:[f],name:f.chain}))},d=i((f,w)=>{if(s(f,w))return r(f,w)},"switchNetwork"),m=i(f=>!!a(f).mobileWallet,"isMobileWallet"),h=l.filter(f=>f.enabled).reduce((f,w)=>(f[w.name]=w,f),{}),C=l.filter(pg),y=i(f=>{let{supportedChains:w}=a(f);return vo(w)},"getSupportedChainNames"),S=e(),T={meta:{blockchains:h,evmBasedChains:C,evmNetworkChainInfo:lg(C),getSupportedChainNames:y},getSigners:o,wallets:c,providers:S,switchNetwork:d,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m};return og.createElement(rg,{queuesDefs:[p],context:T,onPersistedDataLoaded:f=>{sg(f)},isPaused:!1},t.children)}i(ug,"QueueManager");var fp=ug;import{Events as ui,Provider as mg}from"@rango-dev/wallets-react";import{isEvmBlockchain as dg}from"rango-sdk";import hp,{createContext as fg,useRef as gg}from"react";import{useEffect as cg}from"react";function gp(t,e){let o=G.use.clearConnectedWallet(),n=tn(void 0,e);return cg(()=>{o(),n=tn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(gp,"useWalletProviders");var ci=fg({onConnectWallet:()=>{}});function mi(t){let{blockchains:e}=v.use.meta(),{providers:o}=gp(t.providers,t?.options),n=G.use.disconnectWallet(),r=G.use.connectWallet(),s=gg(),a=e.filter(dg).map(l=>l.name),p=i((l,u,c,d,m)=>{if(u===ui.ACCOUNTS)if(c){let h=vo(m),C=Bi(l,c,a,h);r(C)}else n(l);if(u===ui.ACCOUNTS&&d.connected){let h=`${l}-${d.network}-${c}`;d.connected&&(s.current?s.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(u===ui.NETWORK&&d.network){let h=`${l}-${d.network}`;s.current?s.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(l,u,c,d,m)},"onUpdateState");return hp.createElement(ci.Provider,{value:{onConnectWallet:l=>{s.current=l}}},hp.createElement(mg,{allBlockChains:e,providers:o,onUpdateState:p,autoConnect:!0},t.children))}i(mi,"WidgetWallets");var kg=yg("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit",listStyleType:"none"},"& *:focus-visible":{outline:"1px $info500 solid",transition:"none"}});function Sp(t){let{config:e}=t;cp();let{activeTheme:o}=dp(e?.theme||{}),[n,r]=yp(""),[s,a]=yp(),p=Sg(ci);return Cg(()=>{e?.apiKey&&Ti({API_KEY:e?.apiKey})},[e]),Cp(()=>{O.persist.rehydrate(),Pe.persist.rehydrate(),p.onConnectWallet(r)},[]),lt.createElement(hg,{language:e?.language},lt.createElement(kg,{id:"swap-container",className:o},lt.createElement(fp,null,lt.createElement(up,null),lt.createElement(qs,{config:e,lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},lt.createElement(ip,{config:e})))))}i(Sp,"Main");function Tg(t){let{updateConfig:e,config:o}=Le();return Cp(()=>{t.config&&e(t.config)},[t.config]),t.config?.externalWallets?lt.createElement(Sp,{...t}):lt.createElement(mi,{providers:o?.wallets,options:{walletConnectProjectId:o?.walletConnectProjectId||t.config?.walletConnectProjectId}},lt.createElement(Sp,{...t}))}i(Tg,"Widget");import{useWallets as wa}from"@rango-dev/wallets-react";import{useEvents as uI,MainEvents as cI,RouteEventType as CI,StepEventType as BI,StepExecutionEventStatus as WI,StepExecutionBlockedEventStatus as NI}from"@rango-dev/queue-manager-rango-preset";export{cI as MainEvents,CI as RouteEventType,BI as StepEventType,NI as StepExecutionBlockedEventStatus,WI as StepExecutionEventStatus,Tg as Widget,mi as WidgetWallets,wa as useWallets,uI as useWidgetEvents};
 //# sourceMappingURL=index.js.map