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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.js +1 -1
  2. package/dist/index.js.map +2 -2
  3. package/package.json +5 -5
  4. package/src/Widget.tsx +1 -1
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- 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};
1
+ 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":{outlineColor:"$info500",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};
2
2
  //# sourceMappingURL=index.js.map