@rango-dev/widget-embedded 0.13.0 → 0.14.1-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/CHANGELOG.md +0 -55
  2. package/dist/Widget.d.ts.map +1 -1
  3. package/dist/index.js +1 -1
  4. package/dist/index.js.map +2 -2
  5. package/package.json +8 -8
  6. package/src/Widget.tsx +3 -1
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- var Sp=Object.defineProperty;var i=(t,e)=>Sp(t,"name",{value:e,configurable:!0});import{I18nManager as mg,styled as dg}from"@rango-dev/ui";import lt,{useContext as fg,useEffect as hp,useMemo as gg,useState as fp}from"react";import{useQueueManager as lc}from"@rango-dev/queue-manager-rango-preset";import{useWallets as pc}from"@rango-dev/wallets-react";import{isEvmBlockchain as uc}from"rango-types";import yt,{useEffect as cc,useRef as mc}from"react";import{MemoryRouter as dc,useInRouterContext as fc}from"react-router";import{useLocation as gc,useNavigate as hc}from"react-router-dom";var g={home:"/",fromSwap:"from-swap",fromBlockchain:"/from-swap/blockchains",toBlockchain:"/to-swap/blockchains",toSwap:"to-swap",settings:"settings",liquiditySources:"/settings/liquidity-sources",themes:"/settings/themes",bridges:"/settings/bridges",exchanges:"/settings/exchanges",languages:"/settings/languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:"swaps/:requestId"};import{i18n as Yo}from"@lingui/core";import{Alert as Vu,BestRoute as Ku,BestRouteSkeleton as Xu,Button as ju,Divider as tr,styled as Lt,SwapInput as Ds,Typography as or,WarningIcon as Yu}from"@rango-dev/ui";import Y,{useEffect as Ru,useRef as Qu,useState as Zu}from"react";import{useNavigate as Ju}from"react-router-dom";import{ChevronLeftIcon as Tp}from"@rango-dev/ui";import di from"react";import{darkTheme as Cp,IconButton as kp,styled as So}from"@rango-dev/ui";var Fe=So(kp,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),ci=So("div",{position:"absolute",background:"$secondary500",[`.${Cp} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),xt=So("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),mi=So("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function Dn(t){return di.createElement(Fe,{variant:"ghost",size:"small",onClick:t.onClick},di.createElement(Tp,{color:"black",size:16}))}i(Dn,"BackButton");import{i18n as wp}from"@lingui/core";import{Button as vp,Typography as bp}from"@rango-dev/ui";import _n from"react";function Fn(t){return _n.createElement(xt,null,_n.createElement(vp,{variant:"ghost",onClick:t.onClick,size:"xsmall"},_n.createElement(bp,{variant:"label",size:"medium",color:"error500"},wp.t("Cancel"))))}i(Fn,"CancelButton");import{i18n as xp}from"@lingui/core";import{Tooltip as Ep,WalletIcon as Ap}from"@rango-dev/ui";import Co from"react";function $n(t){return Co.createElement(Ep,{container:t.container,side:"top",content:xp.t("Connect Wallet")},Co.createElement(Fe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Co.createElement(ci,null),Co.createElement(Ap,{size:18,color:"black"})))}i($n,"WalletButton");import{i18n as No}from"@lingui/core";import{NotificationsIcon as ru,Popover as iu,RefreshIcon as su,SettingsIcon as au,Tooltip as Io,TransactionIcon as lu}from"@rango-dev/ui";import de from"react";function Et(t){return Array.from(new Set(t))}i(Et,"removeDuplicateFrom");function On(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(On,"areEqual");function gi(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(gi,"debounce");function gt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(gt,"containsText");var fi=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[o,n,r]=t.match(/.{2}/g);[o,n,r]=[parseInt(o,16)+e,parseInt(n,16)+e,parseInt(r,16)+e],o=Math.max(Math.min(255,o),0).toString(16),n=Math.max(Math.min(255,n),0).toString(16),r=Math.max(Math.min(255,r),0).toString(16);let s=(o.length<2?"0":"")+o,a=(n.length<2?"0":"")+n,p=(r.length<2?"0":"")+r;return`#${s}${a}${p}`},"colorShade"),hi=i((t,e)=>{let o={[t]:e};for(let n=1;n<10;n++)n<5&&(o={...o,[t+n*100]:fi(e,(5-n)*32)}),n===5&&(o={...o,[t+n*100]:e}),n>5&&(o={...o,[t+n*100]:fi(e,-((n-5)*32))});return o},"generateRangeColors"),ae=i(()=>document.getElementById("swap-box"),"getContainer");import{i18n as Qp}from"@lingui/core";import{ChainToken as Oi,ChevronRightIcon as Zp,ListItemButton as Jp,Typography as eu}from"@rango-dev/ui";import Oe from"react";import{useNavigate as tu}from"react-router-dom";import{create as qp}from"zustand";import{create as Up}from"zustand";var Bp=i(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),we=Bp;var Wp={apiKey:""},yi=i((t,e)=>({config:Wp,updateConfig:o=>{let n=e().config;t({config:{...n,...o}})}}),"createConfigSlice");import{RangoClient as Np}from"rango-sdk";var Si="c6381a79-2817-4602-83bf-6a641a409e32";var Un={API_KEY:Si};function ko(t){return Un[t]}i(ko,"getConfig");function Ci(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Un=e,Un}i(Ci,"initConfig");var ki=20,Ti=25;var To,At=i(()=>To||(To=new Np(ko("API_KEY")),To),"httpService");import{WalletState as Xe}from"@rango-dev/ui";import{readAccountAddress as Lp}from"@rango-dev/wallets-react";import{detectInstallLink as Pp,getCosmosExperimentalChainInfo as Dp,isEvmAddress as _p,KEPLR_COMPATIBLE_WALLETS as ph,Networks as bi}from"@rango-dev/wallets-shared";import zn from"bignumber.js";import{isCosmosBlockchain as Fp}from"rango-types";import Ip from"bignumber.js";var Me=new Ip(0);import{WalletTypes as Mp}from"@rango-dev/wallets-shared";var wi=[Mp.LEAP];import{BigNumber as vi}from"bignumber.js";var Bt=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),k=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new vi(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new vi(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Wt=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Ke=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Gt=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function wo(t,e=4){let o=parseFloat(t);if(isNaN(o))return t;let n=Math.pow(10,e);return(Math.round(o*n)/n).toString()}i(wo,"limitDecimalPlaces");function $p(t){switch(!0){case t.connected:return Xe.CONNECTED;case t.connecting:return Xe.CONNECTING;case!t.installed:return Xe.NOT_INSTALLED;default:return Xe.DISCONNECTED}}i($p,"mapStatusToWalletState");function xi(t,e,o,n){return o.filter(r=>!wi.includes(r)).filter(r=>{if(n){let{supportedChains:s}=e(r);return!!s.find(a=>a.name===n)}return!0}).map(r=>{let{name:s,img:a,installLink:p}=e(r),l=$p(t(r));return{title:s,image:a,link:Pp(p),state:l,type:r}})}i(xi,"mapWalletTypesToWalletInfo");function vo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(vo,"walletAndSupportedChainsNames");function Ei(t,e,o,n){let r=[];function s(p,l){if(!!!r.find(m=>m.chain===p)){let m={address:l,chain:p,walletType:t};r.push(m)}}i(s,"addAccount");let a=n||[];return e.forEach(p=>{let{address:l,network:u}=Lp(p),m=a.length>0,d=a.includes(u),c=u===bi.Unknown;if(m&&!d&&!c)return;let C=u===bi.Unknown&&_p(l);if(c&&!C)return;o.includes(u)||C?a.filter(T=>o.includes(T)).forEach(T=>{s(T,l.toLowerCase())}):s(u,l)}),r}i(Ei,"prepareAccountsForWalletStore");function Ai(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,p=s.to.blockchain;e.includes(a)||e.push(a),e.includes(p)||e.push(p)})}),e}i(Ai,"getRequiredChains");function Nt(t,e,o,n){if(t.length===0)return null;let r=t.filter(s=>s.chain===e);return r.length===0?null:r.map(s=>s.balances?.find(a=>n!==null&&a.address===n||n===null&&a.address===n&&a.symbol===o)||null).filter(s=>s!==null).sort((s,a)=>parseFloat(a?.amount||"0")-parseFloat(s?.amount||"1")).find(()=>!0)||null}i(Nt,"getBalanceFromWallet");function bo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(bo,"isAccountAndWalletMatched");function Bi(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new zn(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:xo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Bi,"makeBalanceFor");function Wi(t){return{...t,loading:!1,error:!0}}i(Wi,"resetConnectedWalletState");var xo=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Eo=i((t,e)=>{let o=Dp(Object.entries(t).map(([,n])=>n).filter(Fp));return o&&o[e]?.experimental},"isExperimentalChain");function Op(t,e){return t.map(({balance:o,...n})=>{let r=k(new zn(Nt(e,n.blockchain,n.symbol,n.address)?.amount||Me)),s="";return n.usdPrice&&(s=k(new zn(Nt(e,n.blockchain,n.symbol,n.address)?.amount||Me).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:s}}}})}i(Op,"getTokensWithBalance");function Ni(t,e){let o=e.length>0?Op(t,e):t;return o.sort((n,r)=>n.balance?.usdValue&&r.balance?.usdValue?parseFloat(r.balance.usdValue)-parseFloat(n.balance.usdValue):!n.balance?.usdValue&&r.balance?.usdValue?1:n.balance?.usdValue&&!r.balance?.usdValue?-1:!n.balance?.usdValue&&!r.balance?.usdValue?parseFloat(r.balance?.amount||"0")-parseFloat(n.balance?.amount||"0"):0),o}i(Ni,"getTokensBalanceFromWalletAndSort");function $e(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i($e,"tokensAreEqual");function Ii(t){return t.sort((e,o)=>+(o.state===Xe.CONNECTED)-+(e.state===Xe.CONNECTED)||+(o.state===Xe.DISCONNECTED||o.state===Xe.CONNECTING)-+(e.state===Xe.DISCONNECTED||e.state===Xe.CONNECTING))}i(Ii,"sortWalletsBasedOnConnectionState");function Ao(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}i(Ao,"getConciseAddress");function Mi({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Mi,"getAddress");var Li=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(p=>!(s.length>0&&!s.includes(p.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??[],a=e().blockchains({type:o.type});return n.filter(l=>s.length>0&&!s.some(u=>$e(u,l))||o.blockchain&&l.blockchain!==o.blockchain||!a.some(u=>u.name===l.blockchain)?!1:o.searchFor?!!(gt(l.symbol,o.searchFor)||gt(l.address||"",o.searchFor)||gt(l.name||"",o.searchFor)):!0).sort((l,u)=>e().isTokenPinned(l)?-1:e().isTokenPinned(u)||l.isSecondaryCoin?1:u.isSecondaryCoin||!l.address&&u.address?-1:l.address&&!u.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>$e(r,o)),fetch:async()=>{let o=await At().getAllMetadata(),n=[],r=[],s=o.popularTokens,a=o.swappers,p=new Set;o.tokens.forEach(l=>{p.add(l.blockchain),r.push(l)}),o.blockchains.forEach(l=>{l.enabled&&p.has(l.name)&&n.push(l)}),n.sort((l,u)=>l.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}}),"createDataSlice");var zp=Up()((...t)=>({...Li(...t),...yi(...t)})),Le=we(zp);var v=we(qp()(t=>({meta:{blockchains:[],popularTokens:[],swappers:[],tokens:[]},loadingStatus:"loading",fetchMeta:async()=>{try{await Le.getState().fetch();let e=Le.getState(),o={blockchains:e.blockchains(),tokens:e.tokens(),popularTokens:e._popularTokens,swappers:e._swappers};t({meta:o,loadingStatus:"success"})}catch{t({loadingStatus:"failed"})}}})));import{create as Hp}from"zustand";import{persist as Gp,subscribeWithSelector as Vp}from"zustand/middleware";var Pe=we(Hp()(Gp(Vp((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:s.toBlockchain,tokenSymbol:s.toSymbol,tokenAddress:s.toSymbolAddress}}},p=e().notifications.filter(l=>l.requestId!==n.requestId);t(()=>({notifications:[...p,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{create as Kp}from"zustand";var ve=we(Kp()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as Bo}from"@rango-dev/ui";var Pi=Bo("div",{padding:"$10",width:"350px",minHeight:"150px"}),Di=Bo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),_i=Bo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Fi=Bo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Xp}from"@lingui/core";import{Divider as jp,NoNotificationIcon as Yp,Typography as Rp}from"@rango-dev/ui";import Wo from"react";function $i(){return Wo.createElement(Fi,null,Wo.createElement(Yp,{color:"secondary",size:26}),Wo.createElement(jp,{size:12}),Wo.createElement(Rp,{variant:"body",size:"medium",color:"neutral900"},Xp.t("You have no notification")))}i($i,"NotificationNotFound");var ou=4;function qn(){let t=tu(),e=ve.use.setSelectedSwap(),{getUnreadNotifications:o}=Pe(),n=o(),{tokens:r,blockchains:s}=v.use.meta(),a=n.sort((l,u)=>u.creationTime-l.creationTime).slice(0,ou),p=i(l=>{e(l),t(`/swaps/${l}`)},"handleOnClick");return Oe.createElement(Pi,null,a.length?Oe.createElement(Di,null,a.map(l=>{let u=r.find(h=>h.address===l.route.from.tokenAddress&&h.blockchain===l.route.from.blockchain&&h.symbol===l.route.from.tokenSymbol),m=s.find(h=>h.name===l.route.from.blockchain),d=r.find(h=>h.address===l.route.to.tokenAddress&&h.blockchain===l.route.to.blockchain&&h.symbol===l.route.to.tokenSymbol),c=s.find(h=>h.name===l.route.to.blockchain);return Oe.createElement(Jp,{key:l.requestId,onClick:()=>p(l.requestId),title:Oe.createElement(eu,{variant:"body",size:"small",color:"$neutral900"},Qp.t(l.event.message)),id:l.requestId,start:Oe.createElement(_i,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(Oi,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(Oi,{tokenImage:d?d.image:"",chainImage:c?c.logo:"",size:"small"}))),end:Oe.createElement(Zp,{size:12,color:"gray"})})})):Oe.createElement($i,null))}i(qn,"NotificationContent");import{Typography as nu}from"@rango-dev/ui";import Ui from"react";function zi(){let{getUnreadNotifications:t}=Pe(),e=t().length;return e?Ui.createElement(mi,null,Ui.createElement(nu,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(zi,"UnreadNotificationsBadge");function Hn(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:s}=t;return de.createElement(de.Fragment,null,de.createElement(Io,{container:ae(),side:"top",content:No.t("Refresh")},de.createElement(Fe,{variant:"ghost",size:"small",onClick:o,disabled:!o},de.createElement(su,{size:16,color:o?"black":"gray"}))),de.createElement(Io,{container:ae(),side:"top",content:No.t("Notifications")},de.createElement(iu,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:ae(),content:de.createElement(qn,null)},de.createElement(Fe,{size:"small",variant:"ghost",onClick:s},de.createElement(ru,{size:18,color:"black"}),de.createElement(zi,null)))),de.createElement(Io,{container:ae(),side:"top",content:No.t("Settings")},de.createElement(Fe,{size:"small",variant:"ghost",onClick:r},de.createElement(au,{size:18,color:"black"}))),de.createElement(Io,{container:ae(),side:"top",content:No.t("Transactions History")},de.createElement(Fe,{size:"small",variant:"ghost",onClick:n},de.createElement(lu,{size:18,color:"black"}))))}i(Hn,"HomeButtons");import{BottomLogo as cu,Divider as mu,Header as du}from"@rango-dev/ui";import ge from"react";import{useNavigate as fu}from"react-router-dom";import{create as pu}from"zustand";import{subscribeWithSelector as uu}from"zustand/middleware";var G=we(pu()(uu((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:o=>{let n=e().getWalletsDetails;t(r=>({loading:!0,connectedWallets:r.connectedWallets.filter(s=>s.walletType!==o[0].walletType).concat(o.map(s=>{let a=!r.connectedWallets.find(p=>p.chain===s.chain&&p.selected);return{balances:[],address:s.address,chain:s.chain,explorerUrl:null,walletType:s.walletType,selected:a,loading:!0,error:!1}}))})),n(o)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(s=>s.selected&&s.walletType!==o).map(s=>s.chain);return{connectedWallets:n.connectedWallets.filter(s=>s.walletType!==o).map(s=>r.includes(s.chain)?s:(r.push(s.chain),{...s,selected:!0}))}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(p=>p.chain===r.chain&&p.walletType!==r.walletType&&r.selected),a=!!o.find(p=>p.chain===r.chain&&p.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n=!0)=>{let r=e().getWalletsDetails,{tokens:s}=v.getState().meta;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(p=>o.find(l=>bo(l,p))?{...p,loading:!0}:p)}));try{let a=o.map(({address:u,chain:m})=>({address:u,blockchain:m})),l=(await At().getWalletsDetails(a)).wallets;if(l)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(m=>{let d=o.find(h=>bo(h,m)),c=l.find(h=>h.address===m.address&&h.blockChain===m.chain);return c?.failed&&d&&n&&r([d],!1),d&&c?{...m,explorerUrl:c.explorerUrl,balances:Bi(c,s)}:m})}));else throw new Error("Wallet not found")}catch{t(p=>({loading:!1,connectedWallets:p.connectedWallets.map(l=>o.find(u=>bo(u,l))?Wi(l):l)}))}}}))));import{styled as Gn}from"@rango-dev/ui";var qi=Gn("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",overflow:"hidden !important",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",width:"95vw",maxWidth:"390px",maxHeight:"700px",backgroundColor:"$neutral100",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),Hi=Gn("div",{borderTopLeftRadius:"20px",borderTopRightRadius:"20px",display:"flex",flexDirection:"column",flex:1,padding:"$20 $20 $10 $20",backgroundColor:"$background",position:"relative",overflowY:"auto",overflowX:"hidden",variants:{noPadding:{true:{padding:"0"}}}}),Gi=Gn("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function gu(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:p=!0}=t,l=G.use.connectedWallets(),u=ve.use.connectWalletsButtonDisabled(),m=fu(),d=i(()=>{u||m("/"+g.wallets)},"onConnectWallet");return ge.createElement(qi,{ref:e,fixedHeight:p,id:"swap-box"},ge.createElement(du,{prefix:ge.createElement(ge.Fragment,null,n.onBack&&ge.createElement(Dn,{onClick:n.onBack})),title:n.title,suffix:ge.createElement(ge.Fragment,null,n.suffix,n.hasConnectWallet&&ge.createElement($n,{container:ae(),onClick:d,isConnected:!!l?.length}),n.onCancel&&ge.createElement(Fn,{onClick:n.onCancel}))}),ge.createElement(Hi,{noPadding:s},o),(a||r)&&ge.createElement(Gi,null,ge.createElement("div",{className:"footer__content"},r),a&&ge.createElement("div",{className:"footer__logo"},ge.createElement(mu,{size:12}),ge.createElement(cu,null))))}i(gu,"LayoutComponent");var Q=ge.forwardRef(gu);Q.displayName="Layout";import{Alert as Cu,Button as ku,Divider as os,NoRouteIcon as Tu,RefreshIcon as wu,Typography as ns}from"@rango-dev/ui";import Ue from"react";import{i18n as Se}from"@lingui/core";var Vt=(r=>(r[r.ROUTE_UPDATED=0]="ROUTE_UPDATED",r[r.ROUTE_SWAPPERS_UPDATED=1]="ROUTE_SWAPPERS_UPDATED",r[r.ROUTE_COINS_UPDATED=2]="ROUTE_COINS_UPDATED",r[r.ROUTE_AND_OUTPUT_AMOUNT_UPDATED=3]="ROUTE_AND_OUTPUT_AMOUNT_UPDATED",r))(Vt||{});var z={genericServerError:Se.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Se.t("Please reset your liquidity sources."),description:Se.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noRoutesError:{title:Se.t("No Routes Found"),description:"Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination."},bridgeLimitErrors:{increaseAmount:Se.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:Se.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:Se.t("High Price Impact"),title:Se.t("Price impact is too high!"),description:Se.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:Se.t("Confirm High price impact")},routeUpdatedWithHighValueLoss:{title:Se.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Se.t("USD Price Unknown"),title:Se.t("USD Price Unknown, Cannot calculate Price Impact."),description:Se.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Se.t("Confirm USD Price Unknown")}};function Mo(t){switch(t.type){case 0:return t.diagnosisMessage??z.noRoutesError.title;case 2:return z.genericServerError;case 1:return z.routeUpdatedWithHighValueLoss.title;default:return""}}i(Mo,"getConfirmSwapErrorMessage");import{create as hu}from"zustand";import{persist as yu,subscribeWithSelector as Su}from"zustand/middleware";var Ki=[.5,1,3],Xi=1,ji=5,Yi=100,Ri=0;var O=we(hu()(yu(Su(t=>({slippage:Xi,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",setSlippage:e=>t(()=>({slippage:e})),setCustomSlippage:e=>t(()=>({customSlippage:e})),setAffiliateRef:e=>t(()=>({affiliateRef:e})),setAffiliatePercent:e=>t(()=>({affiliatePercent:e})),setAffiliateWallets:e=>t(()=>({affiliateWallets:e})),toggleAllLiquiditySources:e=>t(o=>{if(e)return{disabledLiquiditySources:[]};let{swappers:n}=v.getState().meta,r=Et(n.map(s=>s.swapperGroup));return r.length===o.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:r}}),toggleInfiniteApprove:()=>t(e=>({infiniteApprove:!e.infiniteApprove})),toggleLiquiditySource:e=>t(o=>o.disabledLiquiditySources.includes(e)?{disabledLiquiditySources:o.disabledLiquiditySources.filter(n=>n!=e)}:{disabledLiquiditySources:o.disabledLiquiditySources.concat(e)}),setTheme:e=>t(()=>({theme:e}))})),{name:"user-settings",skipHydration:!0})));import{i18n as Qi}from"@lingui/core";function Zi(t,e,o,n,r){return o?{alert:{type:"warning",text:z.genericServerError,action:{onClick:r,title:Qi.t("Retry")}},description:""}:t?{alert:{type:"error",text:t,action:null},description:""}:e.length?{alert:{type:"warning",text:z.liquiditySourcesError.title,action:{onClick:()=>n(!0),title:Qi.t("Reset")}},description:z.liquiditySourcesError.description}:{alert:null,description:z.noRoutesError.description}}i(Zi,"makeInfo");import{styled as Vn}from"@rango-dev/ui";var Ji=Vn("div",{display:"flex",flexDirection:"column",alignItems:"center"}),es=Vn("div",{width:"100%"}),ts=Vn("div",{padding:"$6 $0"});function Kt(t){let{diagnosisMessage:e,fetch:o,error:n}=t,r=O.use.disabledLiquiditySources(),s=v.use.loadingStatus(),a=O.use.toggleAllLiquiditySources(),l=Zi(e??null,r,n||s==="failed",a,o);return Ue.createElement(Ji,null,Ue.createElement(Tu,{size:24,color:"gray"}),Ue.createElement(os,{size:4}),Ue.createElement(ns,{variant:"title",size:"small"},z.noRoutesError.title),!!l.description&&Ue.createElement(ns,{variant:"body",size:"small",align:"center",color:"neutral900"},l.description),Ue.createElement(os,{size:4}),!!l.alert&&Ue.createElement(es,null,Ue.createElement(Cu,{type:l.alert.type,title:l.alert.text,action:l.alert.action&&Ue.createElement(ku,{size:"xsmall",type:l.alert.type,prefix:Ue.createElement(ts,null,Ue.createElement(wu,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i(Kt,"NoRoutes");import{Alert as Ws,Divider as Du,InfoIcon as _u}from"@rango-dev/ui";import He from"react";import ct from"bignumber.js";import{create as Bu}from"zustand";import{subscribeWithSelector as Wu}from"zustand/middleware";import MS from"bignumber.js";function Kn(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}i(Kn,"searchParamsToToken");function rs(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(rs,"getBestRouteToTokenUsdPrice");function Xn(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(Xn,"isNumberOfSwapsChanged");function jn(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!On(o,n)}i(jn,"isRouteSwappersUpdated");function Yn(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!On(o,n)}i(Yn,"isRouteInternalCoinsUpdated");function is(t,e){return Xn(t,e)||jn(t,e)||Yn(t,e)}i(is,"isRouteChanged");function ss(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}i(ss,"getRequiredBalanceOfWallet");function as(t){if(!t)return null;let e=(t.result?.swaps||[]).map(o=>({...o,fromAmount:k(o.fromAmount,6,6),toAmount:k(o.toAmount,6,6)}));return{...t,...t.result&&{result:{...t.result,swaps:e}}}}i(as,"getFormattedBestRoute");function It(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(It,"getPriceImpactLevel");import{i18n as ze}from"@lingui/core";import{PendingSwapNetworkStatus as Fo}from"@rango-dev/queue-manager-rango-preset";import be from"bignumber.js";function ls(t,e){return e.find(o=>o.name===t)?.displayName}i(ls,"getBlockchainDisplayNameFor");function Je(t,e){return e.find(o=>o.name===t)?.shortName}i(Je,"getBlockchainShortNameFor");function ps(t,e){return t.result?.swaps.map(o=>({swapper:{displayName:o.swapperId,image:o.swapperLogo},from:{token:{displayName:o.from.symbol,image:o.from.logo},chain:{displayName:Je(o.from.blockchain,e)??"",image:o.from.blockchainLogo},price:{value:k(o.fromAmount,6,6),usdValue:k(o.from.usdPrice?.toString(),4,4)}},to:{token:{displayName:o.to.symbol,image:o.to.logo},chain:{displayName:Je(o.to.blockchain,e)??"",image:o.to.blockchainLogo},price:{value:k(o.toAmount,6,6),usdValue:k(o.to.usdPrice?.toString(),4,4)}}}))}i(ps,"formatBestRoute");function Po(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(Po,"getRequiredWallets");function Do(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(Do,"isValidAddress");import{i18n as _o}from"@lingui/core";var ht={connectWallet:_o.t("Connect Wallet"),swap:_o.t("Swap"),swapAnyway:_o.t("Swap anyway"),ethRouteWarning:_o.t("The route goes through Ethereum. Continue?")};function Uo(t,e){return!t||!e||t.lte(Me)||e.lte(Me)?0:e.div(t).minus(1).multipliedBy(100)}i(Uo,"getOutputRatio");function zo(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new be(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new be(1e3)))??!1}i(zo,"outputRatioHasWarning");function qo(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new be(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(qo,"hasLimitError");function Ho(t){if(!t)return{swap:null,fromAmountRangeError:"",recommendation:""};let e=(t?.result?.swaps||[]).filter(p=>{let l=p.fromAmountMinValue?new be(p.fromAmountMinValue):null,u=p.fromAmountMaxValue?new be(p.fromAmountMaxValue):null;return p.fromAmountRestrictionType==="EXCLUSIVE"?l?.gte(p.fromAmount)||u?.lte(p.fromAmount):l?.gt(p.fromAmount)||u?.lt(p.fromAmount)})[0];if(!e)return{swap:null,fromAmountRangeError:"",recommendation:""};let o=e.fromAmountMinValue?new be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new be(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=ze.t({id:"requiredEqualMin",message:"Required: >= {min} {symbol}",values:{min:k(o,6,6),symbol:e.from.symbol}}),a=z.bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=ze.t({id:"requiredMin",message:"Required: > {min} {symbol}",values:{min:k(o,6,6),symbol:e.from.symbol}}),a=z.bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=ze.t({id:"requiredEqualMax",message:"Required: <= {max} {symbol}",values:{max:k(n,6,6),symbol:e.from.symbol}}),a=z.bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=ze.t({id:"requiredMax",message:"Required: < {max} {symbol}",values:{max:k(n,6,6),symbol:e.from.symbol}}),a=z.bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Ho,"LimitErrorMessage");function us(t,e,o,n,r,s,a,p,l){return t!=="success"?{title:ht.connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:ht.connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!l||l==="0"?{title:ht.swap,disabled:!0,state:"swap"}:s||a?{title:ht.swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:p?{title:ht.ethRouteWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:ht.swap,disabled:!1,state:"swap"}}i(us,"getSwapButtonState");function Rn(t,e,o){return!((!o||o.lte(Me))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Rn,"canComputePriceImpact");function xu(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(xu,"requiredWallets");var Eu=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Au(t,e){let o=Me;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Eu(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new be(r.amount).multipliedBy(s||0))}return o}i(Au,"getUsdFeeOfStep");function Go(t,e){return t?.result?.swaps.reduce((o,n)=>o.plus(Au(n,e)),Me)||null}i(Go,"getTotalFeeInUsd");function cs(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(cs,"getMinRequiredSlippage");function ms(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(ms,"hasProperSlippage");function Vo(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,slippage:p,affiliateRef:l,affiliatePercent:u,affiliateWallets:m,initialRoute:d,destination:c}=t,h=s?.reduce((f,w)=>(f[w.chain]=w.address,f),{}),C=[];r?.forEach(f=>{let w=C.find(b=>b.blockchain===f.chain);w?w.addresses.push(f.address):C.push({blockchain:f.chain,addresses:[f.address]})});let y=!!d,S=Et((d?.result?.swaps||[]).reduce((f,w)=>(f.push(w.from.blockchain,w.to.blockchain),w.internalSwaps&&Array.isArray(w.internalSwaps)&&w.internalSwaps.map(b=>{f.push(b.from.blockchain,b.to.blockchain)}),f),[]));return{amount:n.toString(),affiliateRef:l??void 0,affiliatePercent:u??void 0,affiliateWallets:m??void 0,checkPrerequisites:y,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:C,selectedWallets:h??{},slippage:p.toString(),...c&&{destination:c},...a.length>0&&{swapperGroups:a,swappersGroupsExclude:!0},...y&&{blockchains:S}}}i(Vo,"createBestRouteRequestBody");function ds(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(ds,"getWalletsForNewSwap");function Mt(t){return t?.result?.outputAmount||null}i(Mt,"getRouteOutputAmount");function et(t,e){return!t||!e?null:new be(e).div(new be(t)).minus(1).multipliedBy(100)}i(et,"getPercentageChange");function fs(t,e){let o=Mt(t),n=Mt(e);if(!o||!n)return!1;let r=et(o,n);return r?r.toNumber()<=-1:!0}i(fs,"isOutputAmountChangedALot");function gs(t,e){let o=t.validationStatus,n=Ai(t);return e.sort((s,a)=>n.indexOf(s.chain)-n.indexOf(a.chain)).flatMap(s=>ss(s,o)||[]).filter(s=>!s.ok).map(s=>{let a=s.asset.symbol,p=k(new be(s.currentAmount.amount).shiftedBy(-s.currentAmount.decimals),8,8),l=k(new be(s.requiredAmount.amount).shiftedBy(-s.requiredAmount.decimals),8,8),u="";return s.reason==="FEE"&&(u=ze.t(" for network fee")),s.reason==="INPUT_ASSET"&&(u=ze.t(" for swap")),s.reason==="FEE_AND_INPUT_ASSET"&&(u=ze.t(" for input and network fee")),ze.t({id:"balanceWarningMessage",message:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:l,symbol:a,reason:u,currentAmount:p,blockchain:s.asset.blockchain}})})}i(gs,"getBalanceWarnings");function hs(t,e){return(t?new be(t):Me).multipliedBy(e||0)}i(hs,"calcOutputUsdValue");function Xt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Fo.NetworkChanged}i(Xt,"isNetworkStatusInWarningState");function ys(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Xt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Fo.WaitingForConnectingWallet:n=n||ze.t("Waiting for connecting wallet");break;case Fo.WaitingForQueue:n=n||ze.t("Waiting for other running tasks to be finished");break;case Fo.WaitingForNetworkChange:n=n||ze.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(ys,"getSwapMessages");function Ss(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}i(Ss,"getLastConvertedTokenInFailedSwap");function Cs(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Cs,"shouldRetrySwap");function ks(t,e,o,n,r,s){return t||!e&&!xu(n).every(a=>r.map(p=>p.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!Do(s,o)}i(ks,"confirmSwapDisabled");var Ko=i((t,e)=>t?.usdPrice?new ct(e||Me).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),P=we(Bu()(Wu(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new ct(0),outputUsdValue:new ct(0),toBlockchain:null,toToken:null,bestRoute:null,routeWalletsConfirmed:!1,selectedWallets:[],customDestination:"",setRoute:e=>t(o=>{let n=null,r=Me;return Gt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new ct(e.result?.outputAmount):null,r=hs(e.result?.outputAmount,rs(e)||o.toToken?.usdPrice)),{bestRoute:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetRoute:()=>t(()=>({bestRoute:null,outputAmount:null,outputUsdValue:new ct(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{bestRoute:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>{let{blockchains:o}=v.getState().meta,n=o.find(r=>r.name===e?.blockchain)??null;return t(r=>({fromToken:e,fromBlockchain:n,...!!r.inputAmount&&{inputUsdValue:Ko(e,r.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,n=o.find(r=>r.name===e?.blockchain)??null;return t(()=>({toToken:e,toBlockchain:n}))},setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new ct(0),outputUsdValue:new ct(0),bestRoute:null},...!!o.fromToken&&{inputUsdValue:Ko(o.fromToken,e)}}))},retry:e=>{let{tokens:o,blockchains:n}=v.getState().meta,r=e.status==="failed"?e.steps.findIndex(c=>c.status==="failed"):null;if(r===null||r<0)return;let s=e.steps[0],a=e.steps[e.steps.length-1],p=n.find(c=>c.name===s.fromBlockchain)||null,l=n.find(c=>c.name===a.toBlockchain)||null,u=o.find(c=>$e(c,{blockchain:s.fromBlockchain,symbol:s.fromSymbol,address:s.fromSymbolAddress})),m=o.find(c=>$e(c,{blockchain:a.toBlockchain,symbol:a.toSymbol,address:a.toSymbolAddress})),d=e.inputAmount;t({fromBlockchain:p,fromToken:u,inputAmount:d,outputAmount:null,inputUsdValue:Ko(u||null,d),outputUsdValue:new ct(0),toBlockchain:l,toToken:m,bestRoute:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Ko(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,bestRoute:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,bestRoute:null})),setRouteWalletConfirmed:e=>t({routeWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetRouteWallets:()=>t({routeWalletsConfirmed:!1,selectedWallets:[],customDestination:""})}))));import{styled as Xo}from"@rango-dev/ui";var Ts=Xo("div",{width:"100%",paddingTop:"$10"}),Qn=Xo("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),ws=Xo("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),vs=Xo("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});import{i18n as jt}from"@lingui/core";import{Button as Nu,Divider as Es,MessageBox as As,Modal as Iu,Typography as Mu,WarningIcon as Lu}from"@rango-dev/ui";import qe from"react";import{useNavigate as Pu}from"react-router-dom";import{Typography as bs}from"@rango-dev/ui";import Zn from"react";function xs(t){let{title:e,value:o,valueColor:n}=t;return Zn.createElement(ws,null,Zn.createElement(bs,{size:"medium",variant:"label",color:"neutral800"},e),Zn.createElement(bs,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(xs,"RouteErrorsModalItem");function Bs(t){let{highValueLoss:e,open:o,onToggle:n,percentageChange:r,inputUsdValue:s,outputUsdValue:a,totalFeeInUsd:p}=t,l=Pu(),u=e&&r?.lt(-10)?"error":"warning",m=[{title:jt.t("Swapping"),value:k(s,4,4)},{title:jt.t("Gas cost"),value:k(p,2,2)},{title:jt.t("Receiving"),value:k(a,4,4)},{title:jt.t("Price impact"),value:k(r,2,2),valueColor:`${u}500`}];return qe.createElement(Iu,{open:o,onClose:()=>n(!1),container:document.getElementById("swap-box")||document.body},e?qe.createElement(As,{type:u,title:z.highValueLossError.impactTitle,description:z.highValueLossError.description}):qe.createElement(As,{type:u,title:z.unknownPriceError.impactTitle,description:z.unknownPriceError.description}),e&&qe.createElement(Qn,null,qe.createElement(Es,{size:20}),qe.createElement(Mu,{size:"small",variant:"title"},jt.t("Details")),qe.createElement(Qn,null,m.map((d,c)=>qe.createElement(xs,{key:c,...d})))),qe.createElement(Es,{size:32}),qe.createElement(Nu,{type:"primary",size:"large",prefix:qe.createElement(Lu,null),fullWidth:!0,onClick:()=>{l(g.confirmSwap)}},e?z.highValueLossError.confirmMessage:z.unknownPriceError.confirmMessage))}i(Bs,"RouteErrorsModal");var Fu=-10;function Jn(t){let{bestRoute:e}=P(),{highValueLoss:o,percentageChange:n,priceImpactCanNotBeComputed:r,openModal:s,onToggle:a,totalFeeInUsd:p,outputUsdValue:l,inputUsdValue:u,loading:m,extraSpace:d}=t,c=qo(e),{recommendation:h}=Ho(e),C=!c&&(o||r),y=C||c;return He.createElement(He.Fragment,null,(m||d&&!y)&&He.createElement(Du,{size:20}),y&&He.createElement(Ts,null,C&&He.createElement(He.Fragment,null,He.createElement(Ws,{title:o?z.highValueLossError.title:z.unknownPriceError.title,type:o&&n?.lt(Fu)?"error":"warning",variant:"alarm",action:He.createElement(vs,{onClick:()=>a(!0)},He.createElement(_u,{size:12,color:"gray"}))})),c&&He.createElement(Ws,{type:"error",variant:"alarm",title:h})),He.createElement(Bs,{highValueLoss:o,open:s,onToggle:a,percentageChange:n,inputUsdValue:u,outputUsdValue:l,totalFeeInUsd:p}))}i(Jn,"RouteErrors");import{ReverseIcon as $u,styled as Ns}from"@rango-dev/ui";import er from"react";var Ou=Ns("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Uu=Ns("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&:hover":{color:"$secondary500"}});function Is(){let t=P.use.switchFromAndTo();return er.createElement(Ou,null,er.createElement(Uu,{onClick:()=>{t()}},er.createElement($u,{size:12})))}i(Is,"SwitchFromAndToButton");import{useEffect as Ms,useRef as Hu,useState as Ls}from"react";import{useRef as zu,useState as qu}from"react";function jo(){let[t,e]=qu(!1),o=zu(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await At().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(jo,"useFetchBestRoute");var Gu=600;function Ps(){let{fetch:t,cancelFetch:e}=jo(),[o,n]=Ls(!1),{fromToken:r,toToken:s,inputAmount:a,inputUsdValue:p,resetRoute:l,setRoute:u}=P(),{slippage:m,customSlippage:d,affiliatePercent:c,affiliateRef:h,affiliateWallets:C,disabledLiquiditySources:y}=O(),[S,T]=Ls(""),f=Hu(y),w=d??m,x=!r||!s||$e(r,s)||!Gt(a),W=i(()=>{if(o||n(!0),!x){l();let A=Vo({fromToken:r,toToken:s,inputAmount:a,disabledLiquiditySources:y,slippage:w,affiliateRef:h,affiliatePercent:c,affiliateWallets:C});t(A).then($=>{n(!1),u($)}).catch($=>{l(),$?.code!=="ERR_CANCELED"&&(T($.message),n(!1))})}},"fetch"),F=gi(()=>{x||W()},Gu);return Ms(()=>{if(!Gt(a)||p?.eq(0)){n(!1),e();return}if(!x)return l(),n(!0),F(),e},[a,x]),Ms(()=>{let A=!!f.current.length&&!y.length;return!x&&A&&W(),f.current=y,e},[y.length]),{fetch:W,loading:o,error:S}}i(Ps,"useSwapInput");var ec=Lt("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),tc=Lt("div",{position:"relative"}),oc=Lt("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"}),_s=Lt("div",{width:"100%",paddingTop:"$2"}),nc=Lt("div",{paddingBottom:"$15"}),rc=Lt("div",{width:"100%",display:"flex"});function Ro(){let t=Ju(),{fetch:e,loading:o,error:n}=Ps(),{fromToken:r,fromBlockchain:s,toToken:a,toBlockchain:p,setInputAmount:l,inputAmount:u,inputUsdValue:m,outputAmount:d,outputUsdValue:c,bestRoute:h,resetRouteWallets:C}=P(),{meta:{tokens:y,blockchains:S},loadingStatus:T}=v(),f=G.use.connectedWallets(),w=ve.use.setCurrentPage(),[b,x]=Zu(!1),{fromAmountRangeError:W,swap:F,recommendation:A}=Ho(h),$=Qu(null),X=!!Number(u)&&(!!h||o||!!n),oe=!1,B=Uo(m,c),J=zo(m,B),H=!Rn(h,u,m),ne=!Rn(h,u,c),L=us(T,f,o,h,qo(h),J,H||ne,oe,u),me=s&&r?k(Nt(f,s?.name,r?.symbol,r?.address)?.amount||"0",8,8):"0",Ne=s&&r?k(Nt(f,s?.name,r?.symbol,r?.address)?.amount||"0",Nt(f,s?.name,r?.symbol,r?.address)?.decimal):"0";Ru(()=>(w(g.home),C(),w.bind(null,"")),[]);let U=!m||!c||!c.gt(0)?null:et(m.toNumber(),c.toNumber()),j=i(_e=>_e.map((se,ft)=>({swapper:{displayName:se.swapperId,image:se.swapperLogo},from:{token:{displayName:se.from.symbol,image:se.from.logo},chain:{displayName:Je(se.from.blockchain,S)??"",image:se.from.blockchainLogo},price:{value:ft===0?k(u,6,6):se.fromAmount}},to:{token:{displayName:se.to.symbol,image:se.to.logo},chain:{displayName:Je(se.to.blockchain,S)??"",image:se.to.blockchainLogo},price:{value:se.toAmount}},alerts:se.swapperId===F?.swapperId?Y.createElement(nc,null,Y.createElement(Vu,{type:"error",title:A,footer:Y.createElement(rc,null,Y.createElement(or,{size:"xsmall",variant:"body",color:"neutral900"},W),Y.createElement(tr,{direction:"horizontal",size:8}),Y.createElement(or,{size:"xsmall",variant:"body",color:"neutral900"},"|"),Y.createElement(tr,{direction:"horizontal",size:8}),Y.createElement(or,{size:"xsmall",variant:"body",color:"neutral900"},Yo.t({id:"yourSymbol",message:"Yours: {amount} {symbol}",values:{amount:k(F?.fromAmount||null,6,6),symbol:se?.from.symbol}})))})):void 0})),"getBestRouteSteps"),Ie=Go(h,y),Te=as(h);return Y.createElement(Q,{ref:$,fixedHeight:!1,hasLogo:!0,footer:Y.createElement(ju,{type:"primary",size:"large",disabled:L.disabled,prefix:!L.disabled&&L.hasWarning&&Y.createElement(Yu,null),fullWidth:!0,onClick:()=>{L.state==="waitForConnecting"?t(g.wallets):L.state==="needToConfirm"?x(!0):t(g.confirmSwap)}},L.title),header:{hasConnectWallet:!0,title:Yo.t("Swap"),suffix:Y.createElement(Hn,{layoutRef:$.current,onClickRefresh:h||n?e:void 0,onClickHistory:()=>t(g.swaps),onClickSettings:()=>t(g.settings)})}},Y.createElement(ec,null,Y.createElement(oc,null,Y.createElement(tc,null,Y.createElement(Ds,{label:Yo.t("From"),mode:"From",onInputChange:l,balance:me,chain:{displayName:s?.displayName||"",image:s?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>t("from-swap"),price:{value:u,usdValue:H?void 0:k(m,4,4),error:H?z.unknownPriceError.impactTitle:void 0},disabled:T==="failed",loading:T==="loading",onSelectMaxBalance:()=>{me!=="0"&&l(Ne.split(",").join(""))}}),Y.createElement(Is,null)),Y.createElement(Ds,{sharpBottomStyle:!!h?.result||o,label:Yo.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:U?.lt(0)?k(U,2,2):null,warningLevel:It(U?.toNumber()??0),price:{value:k(d,6,6),usdValue:ne?void 0:k(c,4,4),error:ne?z.unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:T==="failed",loading:T==="loading"})),o&&Y.createElement(_s,null,Y.createElement(Xu,{type:"basic"})),X&&!o&&Te?.result?.swaps?.length?Y.createElement(_s,null,Y.createElement(Ku,{type:"basic",recommended:!0,tooltipContainer:ae(),input:{value:k(u,6,6),usdValue:k(m,4,4)},output:{value:k(d,6,6),usdValue:k(c,4,4)},steps:j(Te.result.swaps),percentageChange:k(U,2,2),totalFee:k(Ie,2,2),totalTime:Bt(Wt(h?.result?.swaps))})):X&&!o?Y.createElement(Y.Fragment,null,Y.createElement(tr,{size:20}),Y.createElement(Kt,{diagnosisMessage:Te?.diagnosisMessages?.[0],fetch:e,error:!!n})):null),Y.createElement(Jn,{openModal:b,onToggle:x,totalFeeInUsd:Ie,outputUsdValue:c,inputUsdValue:m,percentageChange:U,highValueLoss:J,priceImpactCanNotBeComputed:H||ne,loading:o||T==="loading",extraSpace:!!h?.result||!h}))}i(Ro,"Home");import{useEffect as nr,useRef as rr}from"react";import{createSearchParams as ic,useLocation as sc,useSearchParams as ac}from"react-router-dom";import{useEffect as Qo,useRef as Zo}from"react";function Fs(t){let{setInputAmount:e,setToToken:o,setToBlockchain:n,setFromBlockchain:r,setFromToken:s}=P(),{meta:{tokens:a,blockchains:p},loadingStatus:l}=v(),{setAffiliateRef:u,setAffiliatePercent:m,setAffiliateWallets:d}=O(),c=Zo(void 0),h=Zo(void 0),C=Zo(void 0),y=Zo(void 0);Qo(()=>{e(t?.amount?.toString()||"")},[t?.amount]),Qo(()=>{if(l==="success"){let S=p.find(f=>f.name===t?.from?.blockchain),T=a.find(f=>$e(f,t?.from?.token||null));(S||!S&&C.current)&&r(S??null),(T||!T&&c.current)&&s(T??null),C.current=t?.from?.blockchain,c.current=t?.from?.token}},[t?.from?.token?.symbol,t?.from?.token?.address,t?.from?.blockchain,t?.from?.blockchain,l]),Qo(()=>{if(l==="success"){let S=p.find(f=>f.name===t?.to?.blockchain),T=a.find(f=>$e(f,t?.to?.token||null));(S||!S&&y.current)&&n(S??null),(T||!T&&h.current)&&o(T??null),y.current=t?.to?.blockchain,h.current=t?.to?.token}},[t?.to?.token?.symbol,t?.to?.token?.address,t?.to?.token?.blockchain,t?.to?.blockchain,l]),Qo(()=>{u(t?.affiliate?.ref??null),m(t?.affiliate?.percent??null),d(t?.affiliate?.wallets??null)},[t?.affiliate?.ref,t?.affiliate?.percent,t?.affiliate?.wallets])}i(Fs,"useSyncStoresWithConfig");function $s(t){let e=rr(!0),[o,n]=ac(),r=sc(),s=rr(r.search),a=rr({}),p=P.use.fromBlockchain(),l=P.use.toBlockchain(),u=P.use.fromToken(),m=P.use.toToken(),d=P.use.setFromBlockchain(),c=P.use.setFromToken(),h=P.use.setToBlockchain(),C=P.use.setToToken(),y=P.use.inputAmount(),S=P.use.setInputAmount(),T=v.use.loadingStatus(),{blockchains:f,tokens:w}=v.use.meta(),b=ve.use.setSelectedSwap();return Fs(t.config),nr(()=>{let x={};ic(s.current).forEach((F,A)=>{x[A]=F}),a.current=x;let W=r.pathname.split(g.swaps+"/")[1]||null;W&&b(W)},[]),nr(()=>{if(!e.current){let x="",W="",F="",A="",$="";if(T!=="success")x=a.current["fromBlockchain"],W=a.current["fromToken"],F=a.current["toBlockchain"],A=a.current["toToken"],$=a.current["fromAmount"]||y;else{if(r.state==="redirect")return;x=p?.name||"",W=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),F=l?.name||"",A=(m?.symbol||"")+(m?.address?`--${m?.address}`:""),$=y}n({...x&&{["fromBlockchain"]:x},...W&&{["fromToken"]:W},...F&&{["toBlockchain"]:F},...A&&{["toToken"]:A},...$&&{["fromAmount"]:$.toString()}},{replace:!0})}e.current=!1},[r.pathname,y,p,u,l,m]),nr(()=>{if(T==="success"){let x=o.get("fromBlockchain"),W=o.get("fromToken"),F=o.get("toBlockchain"),A=o.get("toToken"),$=o.get("fromAmount"),X=f.find(H=>H.name===x),oe=Kn(w,W,X||null),B=f.find(H=>H.name===F),J=Kn(w,A,B||null);X&&(d(X),oe&&c(oe)),B&&(h(B),J&&C(J)),$&&S($)}},[T]),null}i($s,"UpdateUrl");function yc(t){let e=gc(),o=hc(),n=mc(!0),r=e.pathname.split("/"),a=r[r.length-1]===g.confirmSwap&&n.current;return cc(()=>{a&&o("."),n.current=!1},[]),a?yt.createElement(Ro,null):yt.createElement(yt.Fragment,null," ",t.children)}i(yc,"Route");function Os({children:t,...e}){let o=fc(),n=o?yc:dc,{blockchains:r}=v.use.meta(),{canSwitchNetworkTo:s}=pc(),a=r.filter(uc);return lc({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),yt.createElement(yt.Fragment,null,yt.createElement(n,null,t),o&&yt.createElement($s,{config:e.config}))}i(Os,"AppRouter");import We from"react";import{useRoutes as qf}from"react-router-dom";import{i18n as je}from"@lingui/core";import{useManager as cm}from"@rango-dev/queue-manager-react";import{Alert as dr,BestRoute as mm,BestRouteSkeleton as dm,Button as an,Divider as $t,IconButton as xa,MessageBox as fm,Modal as gm,RefreshIcon as hm,SettingsIcon as ym,styled as Ea,Tooltip as Sm,Typography as ba,WalletIcon as Cm}from"@rango-dev/ui";import I,{useEffect as ln,useState as pn}from"react";import{flushSync as km}from"react-dom";import{useNavigate as Tm}from"react-router-dom";import{i18n as rt}from"@lingui/core";import{Alert as mr,BalanceErrors as Yc,Button as ka,ChevronDownIcon as Rc,ChevronLeftIcon as Qc,Divider as Ft,MessageBox as Zc,Modal as Ta,Typography as sn,WalletIcon as Jc}from"@rango-dev/ui";import E,{useEffect as em,useLayoutEffect as tm,useRef as om,useState as kt}from"react";import{useNavigate as nm}from"react-router-dom";import{i18n as Jo}from"@lingui/core";function en(t){switch(t.type){case 0:return Jo.t("Route has been updated.");case 3:return Jo.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Jo.t("Route swappers has been updated.");case 2:return Jo.t("Route internal coins has been updated.");default:return""}}i(en,"getRouteWarningMessage");import*as Dt from"@radix-ui/react-collapsible";import{Button as Sc,darkTheme as Pt,IconButton as Cc,keyframes as Us,styled as Ce,TextField as kc}from"@rango-dev/ui";var Yt=300,Tc=Us({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),wc=Us({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),zs=Ce("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),qs=Ce("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),Hs=Ce("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Pt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Gs=Ce(Dt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),Vs=Ce("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Ks=Ce(Cc,{position:"absolute",left:"$20"}),Xs=Ce("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),js=Ce(Dt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Ys=Ce(Sc,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Pt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Pt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),Rs=Ce("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),Qs=Ce("div",{transition:`all ${Yt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Zs=Ce("div",{display:"flex"}),Js=Ce(kc,{padding:"$0 $15 $15 $15"}),ea=Ce(Dt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Tc} ${Yt}ms ease-out`},false:{animation:`${wc} ${Yt}ms ease-out`}}}}),ta=Ce("div",{overflow:"visible",width:"100%"});import{i18n as nt}from"@lingui/core";import{Button as Kc,Divider as pr,Image as Xc,MessageBox as ur,Modal as ga,SelectableWallet as jc,Typography as ha,WalletState as ya}from"@rango-dev/ui";import ie,{useEffect as Sa,useState as Qt}from"react";import{WalletState as na}from"@rango-dev/ui";import{useWallets as bc}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as xc,WalletTypes as Ec}from"@rango-dev/wallets-shared";import{useEffect as Ac,useState as Bc}from"react";import{allProviders as vc}from"@rango-dev/provider-all";function tn(t,e){let o=vc({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(tn,"matchAndGenerateProviders");function oa(t,e){return tn(t,e).map(r=>r.config.type)}i(oa,"configWalletsToWalletName");var Wc=Object.values(Ec);function on(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:p,connect:l}=bc(),{connectedWallets:u}=G(),{blockchains:m}=v().meta,d=typeof e?.multiWallets>"u"?!0:e.multiWallets,c=oa(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Wc,h=xi(s,p,c,o),C=Ii(h),[y,S]=Bc(""),T=i(x=>!u.find(W=>W.walletType===x&&W.chain===o),"isExperimentalChainNotAdded"),f=i(async x=>{let W=s(x);try{if(y&&S(""),W.connected)await a(x);else{let F=!!h.find(A=>A.state===na.CONNECTED);if(!d&&F)return;n?.(x),await l(x),r?.(x)}}catch(F){S("Error: "+F?.message)}},"handleClick"),w=i(()=>{let x=h?.filter(W=>W.state===na.CONNECTING)||[];for(let W of x)a(W.type)},"disconnectConnectingWallets");Ac(()=>()=>{w()},[]);let b=i((x,W,F)=>Eo(F,W)&&T(x)&&!xc.includes(x),"shouldExcludeWallet");return{list:C.filter(x=>!b(x.type,o??"",m)),error:y,handleClick:f}}i(on,"useWalletList");import{i18n as la}from"@lingui/core";import{styled as ua,Typography as $c,Wallet as Oc,WalletState as Uc}from"@rango-dev/ui";import Ct,{Fragment as zc,useState as pa}from"react";import{Divider as Pc,Modal as Dc}from"@rango-dev/ui";import sr from"react";import{i18n as _t}from"@lingui/core";import{Image as Mc,MessageBox as ir,WalletState as Lc}from"@rango-dev/ui";import St from"react";import{keyframes as Nc,styled as nn}from"@rango-dev/ui";var UT=nn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),ra=nn("div",{position:"relative"}),Ic=Nc({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ia=nn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Ic} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),sa=nn("div",{"& img":{borderRadius:"50%"}});function aa(t){let{state:e,image:o,error:n}=t;return e===Lc.CONNECTED?St.createElement(ir,{type:"success",title:_t.t("Wallet Connected"),description:_t.t("Your wallet is connected, you can use it to swap.")}):n?St.createElement(ir,{type:"error",title:_t.t("Failed to Connect"),description:n||_t.t("Your wallet is not connected. Please try again.")}):St.createElement(ir,{type:"loading",title:_t.t("Connecting to your wallet"),description:_t.t("Click connect in your wallet popup."),icon:St.createElement(ra,null,St.createElement(sa,null,St.createElement(Mc,{src:o,size:45})),St.createElement(ia,null))})}i(aa,"ModalContent");function Rt(t){let{open:e,onClose:o,...n}=t;return sr.createElement(Dc,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},sr.createElement(aa,{...n}),sr.createElement(Pc,{direction:"vertical",size:32}))}i(Rt,"WalletModal");import{useInRouterContext as _c,useNavigate as Fc}from"react-router-dom";function re(){let t=_c(),e=Fc(),o=P.use.routeWalletsConfirmed();return g,{navigateBackFrom:i(r=>{if(r===g.swapDetails)return e("/"+g.swaps,{replace:!0});if(!t||window.history.state&&window.history.state.idx>0)e(-1);else{if([g.settings,g.wallets].includes(r)&&o)return e("/"+g.confirmSwap,{replace:!0});[g.fromSwap,g.toSwap,g.settings,g.wallets,g.swaps,g.confirmSwap].includes(r)?e(g.home,{replace:!0}):r===g.fromBlockchain?e("/"+g.fromSwap,{replace:!0}):r===g.toBlockchain?e("/"+g.fromSwap,{replace:!0}):r===g.liquiditySources&&e("/"+g.settings,{replace:!0})}},"navigateBackFrom")}}i(re,"useNavigateBack");var qc=ua("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),Hc=ua("div",{textAlign:"center"}),rn=3e3,ar=300;function ca({config:t}){let{navigateBackFrom:e}=re(),[o,n]=pa(!1),[r,s]=pa(""),a=null,{list:p,handleClick:l,error:u}=on({config:t,onBeforeConnect:C=>{a=setTimeout(()=>{n(!0),s(C)},ar)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},rn)}}),m=v.use.loadingStatus(),d=p.find(C=>C.type===r),c=d?.image||"",h=d?.state||Uc.NOT_INSTALLED;return Ct.createElement(Q,{header:{title:la.t("Connect Wallets"),onBack:e.bind(null,g.wallets)}},Ct.createElement(Hc,null,Ct.createElement($c,{variant:"title",size:"xmedium",align:"center"},la.t("Choose a wallet to connect.")),Ct.createElement(qc,null,p.map((C,y)=>{let S=`wallet-${y}-${C.type}`;return Ct.createElement(zc,{key:S},Ct.createElement(Oc,{...C,container:ae(),onClick:T=>{l(T)},isLoading:m==="loading"}))}),Ct.createElement(Rt,{open:!!o,onClose:()=>n(!1),image:c,state:h,error:u}))))}i(ca,"WalletsPage");import{keyframes as Gc,styled as lr}from"@rango-dev/ui";var ma=lr("div",{position:"relative"}),Vc=Gc({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),da=lr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Vc} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),fa=lr("div",{"& img":{borderRadius:"50%"}});function cr(t){let{config:e,chain:o,isSelected:n,selectWallet:r,limit:s,onShowMore:a}=t,p=G.use.connectedWallets(),{blockchains:l}=v.use.meta(),[u,m]=Qt(""),[d,c]=Qt(null),[h,C]=Qt(!1),[y,S]=Qt(null),{connect:T}=Ca(),f=null,{list:w,error:b,handleClick:x}=on({config:e,chain:o,onBeforeConnect:B=>{f=setTimeout(()=>{m(B)},ar)},onConnect:()=>{f&&clearTimeout(f),setTimeout(()=>{m("")},rn)}}),[W,F]=Qt(w),A=w.length,$=s&&A-s>0,X=i(async B=>{C(!1),S("in-progress"),await T(B.walletType,B.chain),S("completed")},"addExperimentalChain");Sa(()=>{F(B=>{let J=w.findIndex(H=>n(H.type,o));return $&&J>1?[w[J]].concat(w.filter((H,ne)=>ne!==J)):B.map(H=>w.find(ne=>ne.type===H.type)??H)})},[JSON.stringify(w)]);let oe=document.querySelector("#swap-box");return Sa(()=>{let B=null;return y==="completed"&&(B=setTimeout(()=>S(null),rn)),()=>{B&&clearTimeout(B)}},[y]),ie.createElement(ie.Fragment,null,W.slice(0,s).map(B=>{let J=Mi({connectedWallets:p,walletType:B.type,chain:o}),H=J?Ao(J):"",ne=Eo(l,o),L=!p.find(Ie=>Ie.walletType===B.type&&Ie.chain===o),me=ne&&L&&B.state===ya.CONNECTED,Ne=me?nt.t({id:"addChain",message:"Add {chain} chain",values:{chain:o}}):H,U=i(()=>{B.state===ya.DISCONNECTED?x(B.type):me?(c({walletType:B.type,chain:o,address:J??""}),C(!0)):r({walletType:B.type,chain:o,address:J??""})},"onClick"),j=d?.chain?ls(d.chain,l):void 0;return ie.createElement(ie.Fragment,null,ie.createElement(Rt,{open:u===B.type,onClose:()=>m(""),image:B.image,state:B.state,error:b}),!!d&&ie.createElement(ga,{open:!!d&&h,container:oe,onClose:()=>{c(null)}},ie.createElement(ur,{title:nt.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:j}}),type:"warning",description:nt.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:j}})},ie.createElement(pr,{size:18}),ie.createElement(pr,{size:32}),ie.createElement(Kc,{onClick:X.bind(null,d),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},nt.t("Confirm")))),y&&ie.createElement(ga,{open:!!y,onClose:S.bind(null,null),container:oe},y==="in-progress"?ie.createElement(ur,{type:"loading",title:nt.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:j}}),description:nt.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:j}}),icon:ie.createElement(ma,null,ie.createElement(fa,null,ie.createElement(Xc,{src:B.image,size:45})),ie.createElement(da,null))}):ie.createElement(ur,{type:"success",title:nt.t({id:"blockchainAdded",message:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:j}}),description:nt.t({id:"blockchainAddedDescription",message:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:j}})}),ie.createElement(pr,{direction:"vertical",size:32})),ie.createElement(jc,{key:B.type,description:Ne,onClick:U,selected:n(B.type,o),...B}))}),$&&ie.createElement(Hs,{selected:!1,onClick:a.bind(null)},ie.createElement(ha,{variant:"label",size:"medium"},nt.t("Show more wallets"),ie.createElement(ha,{variant:"label",size:"medium",color:"$primary"},"\xA0+",A-(s??0)))))}i(cr,"WalletList");var rm=2;function wa(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,config:s,loading:a}=t,{blockchains:p}=v.use.meta(),{bestRoute:l,setSelectedWallets:u,routeWalletsConfirmed:m,setRouteWalletConfirmed:d,customDestination:c,setCustomDestination:h}=P(),{connectedWallets:C,selectWallets:y}=G(),[S,T]=kt(""),[f,w]=kt([]),[b,x]=kt(""),[W,F]=kt(null),[A,$]=kt(c),[X,oe]=kt(!!c),B=om(null),J=Po(l),H=typeof s?.customDestination>"u"?!0:s.customDestination,ne=p.find(D=>D.name===l?.result?.swaps[l?.result?.swaps.length-1].to.blockchain),L=i(D=>!!l?.result?.swaps.find(N=>N.from.blockchain===D),"isWalletRequiredFor"),[me,Ne]=kt(C.filter(D=>D.selected&&J.includes(D.chain))),U=p.find(D=>D.name===ne?.name),j=i((D,N)=>!!me.find(_=>_.walletType===D&&_.chain===N&&_.selected&&(L(N)||!L(N)&&!A)),"isSelected"),Ie=!!A&&X&&U&&!Do(U,A),Te=i(()=>{oe(!1),$(""),Ne(D=>{let N=!1;return D.map(_=>!N&&_.chain===ne?.name?(N=!0,{..._,selected:!0}):_)})},"resetCustomDestination"),_e=i(D=>{if(S&&T(""),j(D.walletType,D.chain))return;let _=C.find(R=>R.walletType===D.walletType&&R.chain===D.chain);_&&(n(),D.chain===ne?.name&&X&&(oe(!1),$("")),Ne(R=>R.filter(le=>le.chain!==D.chain).concat({..._,selected:!0})))},"onChange"),se=i(()=>{let D=me.filter(N=>N.selected);y(D),u(D),h(A),d(!0),o()},"onConfirmBalance"),ft=i(async()=>{w([]),x(""),F(null);let D=C.filter(R=>me.find(le=>le.chain===R.chain&&le.walletType===R.walletType)),N=await r?.({selectedWallets:D,customDestination:A}),_=N.warnings;_?.balance?.messages&&w(_.balance.messages),_?.route&&F(_.route),N.error&&x(Mo(N.error)),!N.error&&(!_?.balance?.messages.length||0>0)?se():w(_?.balance?.messages??[])},"onConfirmWallets");em(()=>{Ne(D=>D.concat(C.filter(N=>!!!D.find(R=>R.chain===N.chain)&&N.selected&&J.includes(N.chain))))},[C.length]),tm(()=>{X&&B.current&&setTimeout(()=>{B?.current?.scrollIntoView({behavior:"smooth"})},Yt)},[X]);let Ze=document.querySelector("#swap-box"),bt=nm();return E.createElement(Ta,{open:e,onClose:()=>{m||bt(g.home,{replace:!0}),o()},dismissible:!S,container:Ze,...!S&&{footer:E.createElement(Zs,null,E.createElement(ka,{loading:a,disabled:ks(a,X,A,l,me,ne),onClick:ft,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...S&&{containerStyle:{padding:"$0"},header:E.createElement(Vs,null,E.createElement(Ks,{variant:"ghost",onClick:T.bind(null,"")},E.createElement(Qc,{size:16})),E.createElement(sn,{variant:"headline",size:"small"},rt.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:S}})))},anchor:"center"},E.createElement(Ta,{open:f.length>0,onClose:w.bind(null,[]),container:Ze},E.createElement(Zc,{title:rt.t("Insufficient account balance"),type:"error",description:E.createElement(Yc,{messages:f??[]})},E.createElement(ka,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:se},rt.t("Proceed anyway")))),S&&E.createElement(Xs,null,E.createElement("div",{className:"wallets-list"},E.createElement(cr,{chain:S,isSelected:j,selectWallet:_e,multiWallets:s?.multiWallets??!0,supportedWallets:s?.wallets??[],config:s,onShowMore:T.bind(null,S)}))),!S&&E.createElement(E.Fragment,null,b&&E.createElement(E.Fragment,null,E.createElement(mr,{variant:"alarm",type:"error",title:rt.t(b)}),E.createElement(Ft,{size:12})),W&&E.createElement(E.Fragment,null,E.createElement(mr,{variant:"alarm",type:"warning",title:en(W)}),E.createElement(Ft,{size:12})),E.createElement(ta,null,J.map((D,N)=>{let _=p.find(ue=>ue.name===D),R=`wallet-${N}`,le=N===J.length-1;return E.createElement("div",{key:R},E.createElement(zs,null,E.createElement(sn,{variant:"title",size:"xmedium"},rt.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:_?.displayName}})),E.createElement(sn,{variant:"label",color:"$neutral900",size:"medium"},rt.t({id:"needConnect",message:"You need to connect a {blockchainName} wallet.",values:{blockchainName:_?.displayName}}))),E.createElement(Ft,{size:24}),E.createElement(qs,null,E.createElement(cr,{chain:D,isSelected:j,selectWallet:_e,multiWallets:s?.multiWallets??!0,supportedWallets:s?.wallets??[],config:s,limit:rm,onShowMore:()=>T(_?.name??"")})),!le&&E.createElement(Ft,{size:32}),le&&H&&E.createElement(Rs,null,E.createElement(js,{ref:B,selected:X,open:X,onOpenChange:ue=>{ue?L(ne?.name??"")||Ne(ho=>ho.map(yo=>yo.chain===ne?.name?{...yo,selected:!1}:yo)):Te()}},E.createElement(Gs,{onClick:()=>oe(ue=>!ue)},E.createElement(Ys,{fullWidth:!0,variant:"default",suffix:E.createElement(Qs,{orientation:X?"up":"down"},E.createElement(Rc,{size:10,color:"gray"}))},E.createElement("div",{className:"button__content"},E.createElement(Jc,{size:18,color:"info"}),E.createElement(Ft,{size:4,direction:"horizontal"}),E.createElement(sn,{variant:"label",size:"medium"},rt.t("Send to a different address"))))),E.createElement(ea,{open:X},E.createElement(E.Fragment,null,E.createElement(Ft,{size:4}),E.createElement(Js,{autoFocus:!0,placeholder:rt.t("Your destination address"),value:A,onChange:ue=>{$(ue.target.value)}})))),Ie&&E.createElement("div",{className:"alarms"},E.createElement(mr,{variant:"alarm",type:"error",title:rt.t({id:"addressMatch",values:{destination:A},message:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(wa,"ConfirmWalletsModal");import{calculatePendingSwap as sm}from"@rango-dev/queue-manager-rango-preset";import am from"bignumber.js";import{useEffect as lm}from"react";function pm(t,e){if(!t.result)throw new Error(z.noRoutesError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let o=new am(t.result?.outputAmount||"0").multipliedBy(e.outputUsdValue||0),n=Uo(e.inputUsdValue,o);if(zo(e.inputUsdValue,n))throw new Error("High value loss for route",{cause:{type:1}});return t}i(pm,"throwErrorIfResponseIsNotValid");function um(t,e,o){let n=is(t,e),r={balance:null,route:null,slippage:null};n&&(fs(t,e)?r.route={type:3,newOutputAmount:k(Mt(e)),percentageChange:k(et(Mt(t),Mt(e)),null,2)}:Xn(t,e)?r.route={type:0}:jn(t,e)?r.route={type:1}:Yn(t,e)&&(r.route={type:2}));let s=gs(e,o.selectedWallets);s.length===0||(r.balance={messages:s});let p=cs(t),l=o.userSlippage>ji;return ms(o.userSlippage.toString(),p)?l&&(r.slippage={type:1,slippage:o.userSlippage.toString()}):r.slippage={type:0,slippage:p},r}i(um,"generateWarnings");function va(){let{fromToken:t,toToken:e,inputAmount:o,inputUsdValue:n,setRoute:r,bestRoute:s,customDestination:a}=P(),{slippage:p,customSlippage:l,affiliatePercent:u,affiliateRef:m,affiliateWallets:d,disabledLiquiditySources:c}=O(),{connectedWallets:h}=G(),{meta:C}=v(),y=l||p,{fetch:S,cancelFetch:T,loading:f}=jo();return lm(()=>T,[]),{loading:f,fetch:i(async b=>{let x=b.selectedWallets,W=b?.customDestination??a;if(!t||!e||!o||!s)return{route:null,swap:null,error:null,warnings:null};let F=Vo({fromToken:t,toToken:e,inputAmount:o,wallets:h,selectedWallets:x,disabledLiquiditySources:c,slippage:y,affiliateRef:m,affiliatePercent:u,affiliateWallets:d,initialRoute:s,destination:W}),A;try{A=await S(F).then(oe=>pm(oe,{outputUsdValue:e.usdPrice,inputUsdValue:n})),r(A)}catch(oe){return oe?.code==="ERR_CANCELED"?{swap:null,error:{type:3},warnings:null}:oe.cause?{swap:null,error:oe.cause,warnings:null}:{swap:null,error:{type:2},warnings:null}}let $={slippage:y.toString(),disabledSwappersGroups:c},X=sm(o.toString(),A,ds(x),$,!1,C);return{route:A,swap:X,error:null,warnings:um(s,A,{selectedWallets:x,userSlippage:y})}},"fetch"),cancelFetch:T}}i(va,"useConfirmSwap");var wm=Ea("div",{position:"relative",width:"100%","& .description":{display:"flex",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10"},"& .icon":{width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}}),vm=Ea("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${xa}`]:{width:"$48",height:"$48"}});function Aa(t){let{config:e}=t,{bestRoute:o,inputAmount:n,outputAmount:r,inputUsdValue:s,outputUsdValue:a,setInputAmount:p,selectedWallets:l,routeWalletsConfirmed:u,setRouteWalletConfirmed:m,customDestination:d}=P(),c=Tm(),[h,C]=pn(""),[y,S]=pn(!1),{connectedWallets:T}=G(),f=!u,[w,b]=pn(!1),x=ve.use.setSelectedSwap(),{meta:{tokens:W,blockchains:F},loadingStatus:A}=v(),$=O.use.slippage(),X=O.use.customSlippage(),{manager:oe}=cm(),B=X||$,{fetch:J,loading:H,cancelFetch:ne}=va(),[L,me]=pn({swap:null,error:null,warnings:null}),Ne=H||A==="loading",U=!H&&L.error&&[0,2].includes(L.error.type),j=!U&&!H&&o&&o.result,Ie=Go(o,W),Te=k(et(s?.toNumber()??0,a?.toNumber()??0),2,2),_e=It(parseFloat(Te)),se=i(async({selectedWallets:N,customDestination:_})=>{let R=await J?.({selectedWallets:N,customDestination:_});return me(R),R},"onConfirmSwap"),ft=i(async()=>{if(L.swap&&u)try{await oe?.create("swap",{swapDetails:L.swap},{id:L.swap.requestId}),x(L.swap.requestId),c("/"+g.swaps+`/${L.swap.requestId}`,{replace:!0}),setTimeout(()=>{p("")},0)}catch(N){C("Error: "+N?.message)}},"addNewSwap"),Ze=i(async()=>{await ft()},"onConfirm"),bt=i(async()=>{L?.warnings?.slippage?S(!0):await Ze()},"onStartConfirmSwap"),D=i(async()=>{me({error:null,swap:null,warnings:null}),J({selectedWallets:l}).then(N=>{me(N)}).catch(N=>console.error(N))},"onRefresh");return ln(()=>{f&&ne()},[f]),ln(()=>{f&&b(f)},[f]),ln(()=>{f||J({selectedWallets:l,customDestination:d}).then(N=>me(N)).catch(N=>console.error(N))},[]),ln(()=>{let N=L.warnings?.route?.type&&Object.values(Vt).includes(L.warnings?.route?.type),_=l.length<1||!l.every(le=>T.find(ue=>le.address===ue.address&&le.walletType===ue.walletType&&le.chain===ue.chain)),R=!1;if(N){let le=Po(o),ue=o?.result?.swaps[o.result.swaps.length-1].to.blockchain;!!o?.result?.swaps.find(Pn=>Pn.from.blockchain===ue)||(le=le.slice(-le.length,le.length-1)),le.every(Pn=>l.find(yp=>yp.chain===Pn))||(R=!0)}o&&(_||R)&&(queueMicrotask(()=>km(b.bind(null,!0))),m(!1))},[L.warnings?.route,l.length,T.length]),I.createElement(Q,{header:{title:je.t("Confirm Swap"),onBack:c.bind(null,-1),hasConnectWallet:!0,suffix:I.createElement(Sm,{container:ae(),side:"bottom",content:je.t("Settings")},I.createElement(Fe,{size:"small",variant:"ghost",onClick:()=>c("/"+g.settings)},I.createElement(ym,{size:18,color:"black"})))},footer:I.createElement(vm,null,I.createElement("div",{className:"confirm-button"},I.createElement(an,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:H,disabled:!!L.error,onClick:bt},je.t("Start Swap"))),I.createElement(xa,{variant:"contained",type:"primary",size:"large",loading:H,onClick:b.bind(null,!0)},I.createElement(Cm,{size:24})))},I.createElement(gm,{anchor:"bottom",open:y,prefix:I.createElement(an,{size:"small",variant:"ghost",onClick:()=>c("/"+g.settings)},I.createElement(ba,{variant:"label",size:"medium",color:"$neutral900"},je.t("Change settings"))),container:document.querySelector("#swap-box"),onClose:S.bind(null,N=>!N)},L.warnings?.slippage&&I.createElement(fm,{type:"warning",title:L.warnings.slippage.type===1?je.t("High slippage"):je.t("Low slippage"),description:L.warnings.slippage.type===1?je.t("highSlippage",{selectedSlippage:B},{message:" Caution, your slippage is high (={selectedSlippage}). Your trade may be front run."}):je.t("increaseSlippage",{minRequiredSlippage:L.warnings.slippage.slippage},{message:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route."})},I.createElement($t,{size:18}),I.createElement($t,{size:32}),I.createElement(an,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:Ze},je.t("Confirm anyway")))),w&&I.createElement(wa,{open:w,onClose:()=>b(!1),onCancel:ne,loading:H,onCheckBalance:se,config:e}),I.createElement(wm,null,I.createElement("div",{className:"description"},I.createElement(ba,{variant:"title",size:"small"},je.t("You get")),I.createElement(an,{style:{padding:"0"},variant:"ghost",disabled:H,onClick:D},I.createElement("div",{className:"icon"},I.createElement(hm,{size:16})))),h&&I.createElement(I.Fragment,null,I.createElement(dr,{type:"error",variant:"alarm",title:h}),I.createElement($t,{size:12})),L.warnings?.route&&I.createElement(I.Fragment,null,I.createElement(dr,{variant:"alarm",type:"warning",title:en(L.warnings.route)}),I.createElement($t,{size:12})),Ne&&I.createElement(dm,{type:"swap-preview",expanded:!0}),j&&I.createElement(mm,{expanded:!0,tooltipContainer:ae(),steps:ps(o,F)??[],input:{value:k(n,6,6),usdValue:k(s,4,4)},output:{value:k(r,6,6),usdValue:k(a,4,4)},totalFee:k(Ie,2,2),totalTime:Bt(Wt(o.result?.swaps)),recommended:!0,type:"swap-preview",percentageChange:Te,warningLevel:_e}),U&&I.createElement(I.Fragment,null,I.createElement($t,{size:12}),I.createElement(Kt,{diagnosisMessage:L.error?.type===0?L.error.diagnosisMessage:void 0,error:L.error?.type===2,fetch:D})),L.error?.type===1&&I.createElement(I.Fragment,null,I.createElement(dr,{variant:"alarm",type:"error",title:Mo(L.error)}),I.createElement($t,{size:12}))))}i(Aa,"ConfirmSwapPage");import{i18n as mn}from"@lingui/core";import{useManager as Wm}from"@rango-dev/queue-manager-react";import{Divider as Nm,NotFound as Im,styled as _a}from"@rango-dev/ui";import mt,{useState as Mm}from"react";import{useNavigate as Lm}from"react-router-dom";import{CloseIcon as xm,IconButton as Em,SearchIcon as Am,TextField as Bm}from"@rango-dev/ui";import Zt from"react";import{styled as bm}from"@rango-dev/ui";var Ba=bm("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function it(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:p,...l}=t;return Zt.createElement(Bm,{prefix:Zt.createElement(Ba,null,Zt.createElement(Am,{color:"black"})),suffix:!!a.length&&Zt.createElement(Em,{variant:"ghost",onClick:()=>p?.(""),size:"small"},Zt.createElement(xm,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...l})}i(it,"SearchInput");import{i18n as Na}from"@lingui/core";import{Divider as Ia,SwapListItem as Ma,Typography as La}from"@rango-dev/ui";import te from"react";import{styled as un}from"@rango-dev/ui";var fr=un("div",{width:"100%",display:"flex",flexDirection:"column"}),gr=un("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),hr=un("div",{gap:"$10",display:"flex",flexDirection:"column"}),Wa=un("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function yr(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,s=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return te.createElement(te.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(l=>te.createElement(te.Fragment,{key:l.title},te.createElement(fr,null,te.createElement(gr,null,te.createElement(La,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},Na.t(l.title))),te.createElement(Ia,{size:4}),te.createElement(hr,null,l.swaps.map((u,m)=>{let d=m+l.title;return te.createElement(te.Fragment,{key:d},te.createElement(Ma,{isLoading:!0}))}))))))}return te.createElement(te.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>te.createElement(te.Fragment,{key:a.title},te.createElement(fr,null,te.createElement(gr,null,te.createElement(La,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},Na.t(a.title))),te.createElement(Ia,{size:4}),te.createElement(hr,null,a.swaps.map(p=>{let l=p.steps[0],u=p.steps[p.steps.length-1];return te.createElement(te.Fragment,{key:p.requestId},te.createElement(Ma,{requestId:p.requestId,creationTime:p.creationTime,status:p.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:l.fromLogo,displayName:l.fromSymbol},blockchain:{image:l.fromBlockchainLogo||""},amount:wo(p.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:wo(u.outputAmount||""),estimatedAmount:wo(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}i(yr,"SwapsGroup");import Pa from"dayjs";var Da=i(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=Pa();return t.forEach(n=>{let r=Pa(Number(n.creationTime));o.isSame(r,"day")?e.get("today")?.swaps.push(n):o.isSame(r,"month")?e.get("month")?.swaps.push(n):o.isSame(r,"year")?e.get("year")?.swaps.push(n):e.get("history")?.swaps.push(n)}),Array.from(e.values())},"groupSwapsByDate");var cn=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");var Pm=_a("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Dm=_a("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),_m=i((t,e)=>t?.length?t.filter(o=>Ke(o.fromBlockchain,e)||Ke(o.toBlockchain,e)||Ke(o.toSymbol,e)||Ke(o.fromSymbol,e)).length:!1,"isStepContainsText");function Fa(){let t=ve.use.setSelectedSwap(),e=Lm(),{navigateBackFrom:o}=re(),{manager:n,state:r}=Wm(),s=cn(n).map(({swap:c})=>c),[a,p]=Mm(""),l=!r.loadedFromPersistor,u=i(c=>{let h=c.target.value;p(h)},"searchHandler"),m=s;a&&(m=s.filter(c=>Ke(c.inputAmount,a)||Ke(c.status,a)||_m(c.steps,a)||Ke(c.requestId,a)));let d=!m?.length&&!l;return mt.createElement(Q,{header:{onBack:o.bind(null,g.swaps),title:mn.t("History")}},mt.createElement(Pm,null,mt.createElement(it,{setValue:p,fullWidth:!0,variant:"contained",placeholder:mn.t("Search Transaction"),autoFocus:!0,onChange:u,value:a}),mt.createElement(Dm,null,d&&mt.createElement(Wa,null,mt.createElement(Nm,{size:32}),mt.createElement(Im,{title:mn.t("No results found"),description:a?mn.t("Try using different keywords"):""})),!d&&mt.createElement(yr,{list:m,onSwapClick:c=>{t(c),e(`${c}`,{replace:!0})},groupBy:Da,isLoading:l}))))}i(Fa,"HistoryPage");import{i18n as eo}from"@lingui/core";import{List as Fm,ListItemButton as $m,Radio as kr,RadioRoot as Om,Typography as Tr}from"@rango-dev/ui";import Ge,{useState as Um}from"react";import{styled as dn}from"@rango-dev/ui";var st=dn("div",{height:"100%",overflow:"hidden"}),Jt=dn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),Sr=dn("div",{width:80,display:"flex",justifyContent:"flex-end"}),Cr=dn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function $a(){let{navigateBackFrom:t}=re(),[e,o]=Um("english"),n=[{id:"english",value:"english",title:Ge.createElement(Tr,{variant:"title",size:"xmedium"},eo.t("English")),onClick:()=>o("english"),end:Ge.createElement(kr,{value:"english"})},{id:"french",value:"french",title:Ge.createElement(Tr,{variant:"title",size:"xmedium"},eo.t("French")),onClick:()=>o("french"),end:Ge.createElement(kr,{value:"french"})},{id:"spanish",value:"spanish",title:Ge.createElement(Tr,{variant:"title",size:"xmedium"},eo.t("Spanish")),onClick:()=>o("spanish"),end:Ge.createElement(kr,{value:"spanish"})}];return Ge.createElement(Q,{header:{onBack:t.bind(null,g.settings),title:eo.t("Language")}},Ge.createElement(st,null,Ge.createElement(Om,{value:e},Ge.createElement(Fm,{type:Ge.createElement($m,{title:eo.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i($a,"LanguagePage");import{i18n as Ot}from"@lingui/core";import{Button as Vm,Checkbox as Km,Image as Xm,ListItemButton as jm,NotFound as Ym,Typography as Rm}from"@rango-dev/ui";import ke,{useState as Qm}from"react";import{Checkbox as Hm,Skeleton as Ua}from"@rango-dev/ui";import to from"react";import{ListItem as zm,styled as qm}from"@rango-dev/ui";var Oa=qm(zm,{height:61});var Gm=30;function wr(){return to.createElement(Jt,null,Array.from(Array(Gm),t=>to.createElement(Oa,{hasDivider:!0,key:t,start:to.createElement(Ua,{variant:"circular",width:35,height:35}),title:to.createElement(Ua,{variant:"text",size:"large",width:90}),end:to.createElement(Hm,{checked:!1})})))}i(wr,"LoadingLiquiditySourceList");function fn(t){let e=v.use.meta().swappers,o=O.use.disabledLiquiditySources(),n=[];return Et(e.map(s=>s.swapperGroup)).map(s=>{let a=e.find(p=>p.swapperGroup===s);if(a){let p=!0;t&&(p=t.some(l=>l===a.title)),p&&a.types.map(l=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:l,selected:!o.includes(a.swapperGroup)})})}}),n}i(fn,"getUniqueSwappersGroups");function za(t,e){return t.groupTitle<e.groupTitle?-1:t.groupTitle>e.groupTitle?1:0}i(za,"sortLiquiditySourcesByGroupTitle");function vr({supportedSwappers:t,sourceType:e}){let[o,n]=Qm(""),r=O.use.toggleLiquiditySource(),{navigateBackFrom:s}=re(),a=v.use.loadingStatus(),p=fn(t),l=[];e==="Exchanges"&&l.push("DEX"),e==="Bridges"&&(l.push("BRIDGE"),l.push("AGGREGATOR"));let u=p.filter(y=>l.includes(y.type)),m=u.length===u.filter(y=>y.selected).length,d=i(()=>{u.forEach(y=>{m?r(y.groupTitle):y.selected||r(y.groupTitle)})},"toggleAllSources"),c=u.sort(za).map(y=>{let{selected:S,groupTitle:T,logo:f}=y;return{start:ke.createElement(Xm,{src:f,size:22,type:"circular"}),onClick:()=>r(T),end:ke.createElement(Km,{checked:S}),title:ke.createElement(Rm,{variant:"title",size:"xmedium"},Ot.t(T)),...y}}),h=i(y=>{let S=y.target.value;n(S)},"searchHandler"),C=c;return o&&(C=c.filter(y=>Ke(y.groupTitle,o))),ke.createElement(Q,{header:{onBack:s.bind(null,g.settings),title:Ot.t(e),suffix:ke.createElement(Sr,null,ke.createElement(Vm,{variant:"ghost",size:"xsmall",onClick:d},Ot.t(m?"Deselect all":"Select all")))}},ke.createElement(st,null,ke.createElement(it,{value:o,setValue:n,fullWidth:!0,color:"light",variant:"contained",placeholder:Ot.t("Search {sourceType}",{sourceType:e}),onChange:h}),a==="loading"&&ke.createElement(wr,null),!C.length&&o?ke.createElement(Cr,null,ke.createElement(Ym,{title:Ot.t("No results found"),description:Ot.t("Try using different keywords")})):a==="success"&&ke.createElement(Jt,null,C.map(y=>ke.createElement(ke.Fragment,{key:y.id},ke.createElement(jm,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}i(vr,"LiquiditySourcePage");import{i18n as Ya}from"@lingui/core";import{Divider as Ar,SelectableCategoryList as sd}from"@rango-dev/ui";import Tt,{useState as Ra}from"react";import{i18n as xr}from"@lingui/core";import{Divider as Xa,Image as td,ListItemButton as od,NotFound as nd,Typography as ja}from"@rango-dev/ui";import De,{useEffect as rd,useState as id}from"react";import{BlockchainCategories as br}from"@rango-dev/ui";import{TransactionType as gn}from"rango-sdk";var Zm=i((t,e)=>{switch(e){case br.ALL:return!0;case br.UTXO:return t.type===gn.TRANSFER;case br.OTHER:return t.type!==gn.TRANSFER&&t.type!==gn.COSMOS&&t.type!==gn.EVM;default:return t.type===e}},"filterByType"),qa=i((t,e,o)=>t.filter(n=>Zm(n,o)).filter(n=>gt(n.name,e)||gt(n.displayName,e)),"filterBlockchains");import{styled as Ha}from"@rango-dev/ui";var Ga=Ha("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),hn=Ha("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Jm,Skeleton as Va}from"@rango-dev/ui";import yn from"react";var ed=20;function Ka(){return yn.createElement(hn,null,Array.from(Array(ed),t=>yn.createElement(Jm,{key:t,hasDivider:!0,start:yn.createElement(Va,{variant:"circular",width:35,height:35}),title:yn.createElement(Va,{variant:"text",size:"large",width:90})})))}i(Ka,"LoadingBlockchainList");function Er(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=id(e),p=v.use.loadingStatus();rd(()=>{a([...qa(e,o,r)])},[e,o,r]);let l=i(()=>!s.length&&o?De.createElement(De.Fragment,null,De.createElement(Xa,{size:32}),De.createElement(nd,{title:xr.t("No results found"),description:xr.t("Try using different keywords")})):De.createElement(hn,{key:`${r}-${o}`},s.map(u=>De.createElement(od,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:De.createElement(td,{src:u.logo,size:30}),title:De.createElement(ja,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return De.createElement(Ga,null,De.createElement(ja,{variant:"label",size:"large"},xr.t("Select Blockchain")),De.createElement(Xa,{size:4}),p==="loading"&&De.createElement(Ka,null),p==="success"&&l())}i(Er,"BlockchainList");function Br(t){let{type:e}=t,{navigateBackFrom:o}=re(),[n,r]=Ra(""),[s,a]=Ra("ALL"),p=P.use.setToBlockchain(),l=P.use.setFromBlockchain(),{loadingStatus:u}=v(),m=Le().blockchains({type:e}),d=e==="source"?"fromBlockchain":"toBlockchain";return Tt.createElement(Q,{header:{onBack:()=>{o(g[d])},title:Ya.t("Select Blockchain")}},Tt.createElement(Ar,{size:12}),Tt.createElement(sd,{setCategory:a,category:s,blockchains:m,isLoading:u==="loading"}),Tt.createElement(Ar,{size:24}),Tt.createElement(it,{value:n,autoFocus:!0,placeholder:Ya.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:c=>r(c.target.value)}),Tt.createElement(Ar,{size:16}),Tt.createElement(Er,{list:m,searchedFor:n,blockchainCategory:s,onChange:c=>{e==="source"?l(c):p(c),o(g[d])}}))}i(Br,"SelectBlockchainPage");import{i18n as ml}from"@lingui/core";import{Divider as dl}from"@rango-dev/ui";import Ut,{useState as xd}from"react";import{useNavigate as Ed}from"react-router-dom";import{i18n as Wr}from"@lingui/core";import{BlockchainsChip as Nr,Divider as Ja,Image as md,Skeleton as dd,Typography as Ir}from"@rango-dev/ui";import xe from"react";import{useMemo as ad,useRef as ld}from"react";function Qa(t,e){let o=ld({index:-1,name:""});t.sort(ud);let n=t.map(r=>r.name).join("-");return ad(()=>{let r=t,s=[];if(e?.limit&&t.length>e.limit){let a=e.limit,p=e.selected?t.findIndex(u=>u.name===e.selected):-1,l=o.current.index>e.limit-1&&!!t.find(u=>u.name===o.current.name);e.selected&&(l&&p<e.limit-1||p>e.limit-1)&&t.sort(pd(l?o.current.name:e.selected)),s=r.splice(a),o.current={index:p,name:e.selected??""}}return{list:r,more:s}},[n])}i(Qa,"usePrepareBlockchainList");function pd(t){return i(function(o,n){return o.name===t?-1:n.name===t?1:0},"sortBySelected")}i(pd,"generateSortBySelectedFor");function ud(t,e){let o=["ETH","COSMOS","OSMOSIS"],n=o.findIndex(p=>p===t.name),r=o.findIndex(p=>p===e.name),s=n>-1,a=r>-1;return s&&a?n>r?1:-1:s?-1:a?1:0}i(ud,"sortByMostUsedBlockchains");import{styled as cd}from"@rango-dev/ui";var Za=cd("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var el=10,Mr=el+1,fd=12;function Lr(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Qa(e,{limit:e.length===Mr?Mr:el,selected:n?.name}),p=v.use.loadingStatus(),l=P.use.resetToBlockchain(),u=P.use.resetFromBlockchain(),m=e.length!==Mr&&a.more.length;return xe.createElement("div",null,xe.createElement(Ja,{size:12}),xe.createElement(Ir,{variant:"label",size:"large"},Wr.t("Select Blockchain")),xe.createElement(Ja,{size:12}),xe.createElement(Za,null,p==="loading"&&Array.from(Array(fd),d=>xe.createElement(dd,{key:d,variant:"rounded",height:50})),p==="success"&&xe.createElement(xe.Fragment,null,xe.createElement(Nr,{selected:!n,onClick:()=>{o==="from"?u():l()}},xe.createElement(Ir,{variant:"body",size:"xsmall",color:"secondary500"},Wr.t("All"))),a.list.map(d=>xe.createElement(Nr,{key:d.chainId,selected:!!n&&n.chainId===d.chainId,onClick:()=>r(d)},xe.createElement(md,{src:d.logo,size:30}))),m?xe.createElement(Nr,{onClick:s},xe.createElement(Ir,{variant:"body",size:"xsmall",color:"secondary500"},Wr._("More +{count}",{count:a.more.length}))):null)))}i(Lr,"BlockchainsSection");import{i18n as Fr}from"@lingui/core";import{darkTheme as al,Divider as no,ExternalLinkIcon as yd,Image as Sd,ListItemButton as Cd,NotFound as kd,PinIcon as Td,Skeleton as ll,Typography as ro,VirtualizedList as wd}from"@rango-dev/ui";import M,{forwardRef as vd,useEffect as pl,useState as ul}from"react";import{Divider as il,ListItem as hd,Skeleton as oo}from"@rango-dev/ui";import Ve from"react";import{styled as Ye,Typography as gd}from"@rango-dev/ui";var tl=Ye("div",{display:"flex",flexDirection:"column",flexGrow:1}),Pr=Ye("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Sn=Ye("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none",".description":{position:"relative",height:12,width:150,".token-title":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"},".token-address":{transform:"translateY(12px)",visibility:"hidden","& a":{fontSize:"$12",lineHeight:"$16",color:"$neutral800",textDecoration:"none"}},".token-name":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}},"&:hover":{".description":{".token-address":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},".token-address-without-name":{bottom:"-15px"},".token-name":{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},".token-title":{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Dr=Ye("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),_r=Ye(gd,{}),ol=Ye("div",{textAlign:"right"}),Cn=Ye("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),yE=Ye("div",{display:"flex",alignItems:"center"}),nl=Ye("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),rl=Ye("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function sl(t){return Ve.createElement(Sn,null,Array.from(Array(t.size),e=>Ve.createElement(hd,{key:e,hasDivider:!0,start:Ve.createElement(oo,{variant:"circular",width:35,height:35}),end:Ve.createElement(Cn,null,Ve.createElement(oo,{variant:"text",size:"large",width:70}),Ve.createElement(il,{size:4}),Ve.createElement(oo,{variant:"text",size:"medium",width:50})),title:Ve.createElement("div",null,Ve.createElement(oo,{variant:"text",size:"large",width:90}),Ve.createElement(il,{size:4}),Ve.createElement(oo,{variant:"text",size:"medium",width:90}))})))}i(sl,"LoadingTokenList");var $r=20,bd=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,p=e.length;return M.createElement("div",{className:"description"},o?M.createElement("div",{className:"token-name"},o):M.createElement(Pr,{className:"token-title"},M.createElement(ro,{variant:"title",size:"xmedium"},r.symbol),M.createElement(no,{direction:"horizontal",size:4}),M.createElement(Dr,{css:s},M.createElement(_r,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&M.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},M.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:l=>l.stopPropagation()},p>10?`${e.slice(0,5)}...${e.slice(p-6,p)}`:e," ",M.createElement(yd,{color:"gray",size:12}))))},"renderDesc");function cl(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=ul(e),p=v.use.loadingStatus(),[l,u]=ul(!0),m=G.use.loading(),{blockchains:d}=v.use.meta(),{isTokenPinned:c}=Le(),h=vd((S,T)=>M.createElement("div",{...S,ref:T,style:{...S.style,height:`${parseFloat(S.style?.height)+8*2}px`}})),C=i(()=>{a(e.slice(0,s.length+$r))},"loadNextPage");pl(()=>{u(e.length>s.length)},[s.length]),pl(()=>{a(e.slice(0,$r))},[e]);let y=i(()=>!s.length&&o?M.createElement(M.Fragment,null,M.createElement(no,{size:32}),M.createElement(kd,{title:Fr.t("No results found"),description:Fr.t("Try using different keywords")})):M.createElement(wd,{Item:({index:S,style:T})=>{let f=s[S],w=f.address||"",b=d.find(A=>A.name===f.blockchain),x=hi(f.symbol,b?.color||""),W={$$color:x[`${f.symbol}100`],[`.${al} &`]:{$$color:x[`${f.symbol}900`]},backgroundColor:"$$color"},F={$$color:x[`${f.symbol}700`],[`.${al} &`]:{$$color:x[`${f.symbol}100`]},color:"$$color"};return M.createElement("div",{style:{...T,paddingRight:5}},M.createElement(Cd,{style:{height:T?.height},"tab-index":S,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(s[S]),start:M.createElement(nl,null,M.createElement(Sd,{src:f.image,size:30}),c(f)&&M.createElement(rl,null,M.createElement(Td,{size:12,color:"gray"}))),title:b?.type==="COSMOS"||f.name||!f.name&&!w?M.createElement(Pr,null,M.createElement(ro,{variant:"title",size:"xmedium"},f.symbol),M.createElement(no,{direction:"horizontal",size:4}),M.createElement(Dr,{css:W},M.createElement(_r,{variant:"body",size:"xsmall",css:F},f.blockchain))):void 0,description:b?.info&&w&&b.type!=="COSMOS"?bd({address:w,token:s[S],customCssForTag:W,customCssForTagTitle:F,name:f.name,url:b.info.addressUrl.split("{wallet}").join(w)}):f.name||void 0,end:m?M.createElement(Cn,null,M.createElement(ll,{variant:"text",size:"large",width:70}),M.createElement(no,{size:4}),M.createElement(ll,{variant:"text",size:"medium",width:50})):s[S]?.balance&&M.createElement(ol,null,M.createElement(ro,{variant:"title",size:"small"},f.balance?.amount),M.createElement("div",null),f.balance?.usdValue&&M.createElement(ro,{variant:"body",color:"neutral800",size:"xsmall"},`$${f.balance?.usdValue}`))}))},hasNextPage:l,itemCount:s.length,loadNextPage:C,innerElementType:h,size:60,key:`${r}-${o}`}),"renderList");return M.createElement(tl,null,M.createElement(ro,{variant:"label",size:"large"},Fr.t("Select Token")),M.createElement(no,{size:4}),p==="loading"&&M.createElement(sl,{size:$r}),p==="success"&&M.createElement(Sn,null,y()))}i(cl,"TokenList");function Or(t){let{type:e}=t,o=Ed(),{navigateBackFrom:n}=re(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:p,setFromBlockchain:l,setToBlockchain:u}=P(),{connectedWallets:m}=G(),[d,c]=xd(""),C=(e==="source"?r:s)?.name??"",y=Le().blockchains({type:e}),S=Le().tokens({type:e,blockchain:C,searchFor:d}),T=Ni(S,m),f=i(b=>{e==="source"?l(b):u(b)},"updateBlockchain"),w=i(b=>{e==="source"?a(b):p(b)},"updateToken");return Ut.createElement(Q,{header:{onBack:()=>n(e==="source"?g.fromSwap:g.toSwap),title:ml.t("Swap {type}",{type:e==="source"?"from":"to"})}},Ut.createElement(Lr,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(e==="source"?g.fromBlockchain:g.toBlockchain),onChange:b=>{f(b)}}),Ut.createElement(dl,{size:24}),Ut.createElement(it,{value:d,autoFocus:!0,placeholder:ml.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>c(""),onChange:b=>c(b.target.value)}),Ut.createElement(dl,{size:16}),Ut.createElement(cl,{list:T,selectedBlockchain:C,searchedFor:d,onChange:b=>{w(b);let x=y.find(W=>b.blockchain===W.name);x&&f(x),n(g.fromSwap)}}))}i(Or,"SelectSwapItemsPage");import{i18n as wt}from"@lingui/core";import{ChevronRightIcon as qr,Divider as Hr,InfoIcon as Md,List as Ld,ListItemButton as Pd,Skeleton as Dd,Switch as _d,Tooltip as Fd,Typography as vt}from"@rango-dev/ui";import q from"react";import{useNavigate as $d}from"react-router-dom";import{i18n as Sl}from"@lingui/core";import{Chip as Bd,Divider as Cl,InfoIcon as Wd,TextField as Nd,Tooltip as Id,Typography as kl}from"@rango-dev/ui";import Ee from"react";import{styled as kn}from"@rango-dev/ui";var fl=kn("div",{paddingTop:"$5",paddingBottom:"30px"}),gl=kn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),hl=kn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Tn=kn("div",{maxWidth:"300px",padding:"$10"});import{i18n as Ur}from"@lingui/core";import{Typography as Ad}from"@rango-dev/ui";import io from"react";function yl(){return io.createElement(Tn,null,io.createElement(Ad,{variant:"label",size:"medium",color:"neutral900"},Ur.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),io.createElement("br",null),io.createElement("br",null),io.createElement("b",null,Ur.t("Warning")),":",Ur.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}i(yl,"SlippageTooltipContent");function zr(){let t=O.use.slippage(),e=O.use.setSlippage(),o=O.use.customSlippage(),n=O.use.setCustomSlippage();return Ee.createElement(fl,null,Ee.createElement(hl,null,Ee.createElement(kl,{variant:"title",size:"xmedium"},Sl.t("Slippage tolerance per swap")),Ee.createElement(Cl,{direction:"horizontal",size:4}),Ee.createElement(Id,{container:ae(),side:"top",content:Ee.createElement(yl,null)},Ee.createElement(Wd,{color:"gray"}))),Ee.createElement(gl,null,Ki.map((r,s)=>{let a=`slippage-${s}`;return Ee.createElement(Ee.Fragment,null,Ee.createElement(Bd,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),Ee.createElement(Cl,{direction:"horizontal",size:8}))}),Ee.createElement(Nd,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=parseFloat(r.target.value);(!s||s>=Ri&&s<=Yi)&&n(s)},suffix:o&&Ee.createElement(kl,{variant:"body",size:"small"},"%"),placeholder:Sl.t("Custom")})))}i(zr,"Slippage");function Tl({supportedSwappers:t,singleTheme:e}){let o=$d(),{navigateBackFrom:n}=re(),r=O.use.infiniteApprove(),s=O.use.toggleInfiniteApprove(),a=v.use.loadingStatus(),p=fn(t),l=p.filter(b=>b.type==="BRIDGE"||b.type==="AGGREGATOR"),u=l.length,m=l.filter(b=>b.selected).length,d=p.filter(b=>b.type==="DEX"),c=d.length,h=d.filter(b=>b.selected).length,C=i((b,x)=>{switch(a){case"loading":return q.createElement(Dd,{variant:"text",size:"medium",width:50});case"failed":return q.createElement(vt,{variant:"body",size:"medium",color:"$error500"},wt.t("Loading failed"));default:return q.createElement(vt,{variant:"body",size:"medium"},`${b} / ${x}`)}},"handleEndItem"),y={id:"bridge-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Enabled bridges")),end:q.createElement(q.Fragment,null,C(m,u),q.createElement(Hr,{direction:"horizontal",size:8}),q.createElement(qr,{color:"black"})),onClick:()=>o(g.bridges)},S={id:"exchange-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Enabled exchanges")),end:q.createElement(q.Fragment,null,C(h,c),q.createElement(Hr,{direction:"horizontal",size:8}),q.createElement(qr,{color:"gray"})),onClick:()=>o(g.exchanges)},T={id:"theme-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Theme")),end:q.createElement(qr,{color:"gray"}),onClick:()=>o(g.themes)},f={id:"infinite-approval-item",title:q.createElement(q.Fragment,null,q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Infinite Approval")),q.createElement(Hr,{direction:"horizontal",size:4}),q.createElement(Fd,{side:"top",container:ae(),content:q.createElement(Tn,null,q.createElement(vt,{variant:"label",size:"medium",color:"neutral900"},wt.t("Enabling the 'Infinite Approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},q.createElement(Md,{color:"gray"}))),end:q.createElement(_d,{checked:r}),onClick:s},w=[y,S];return e||w.push(T),w.push(f),q.createElement(Q,{header:{onBack:n.bind(null,g.settings),title:wt.t("Setting")}},q.createElement(st,null,q.createElement(zr,null),q.createElement(Ld,{type:q.createElement(Pd,{title:"_",id:"_",onClick:()=>console.log()}),items:w})))}i(Tl,"SettingsPage");import{cancelSwap as Pf}from"@rango-dev/queue-manager-rango-preset";import{useManager as Df}from"@rango-dev/queue-manager-react";import Jl from"react";import{i18n as at}from"@lingui/core";import{getCurrentBlockchainOfOrNull as ff,getCurrentStep as gf,getRelatedWalletOrNull as hf,PendingSwapNetworkStatus as In}from"@rango-dev/queue-manager-rango-preset";import{Button as Vl,CopyIcon as yf,Divider as Sf,IconButton as Cf,RouteCost as kf,RouteSummary as Tf,StepDetails as wf,Typography as qt,useCopyToClipboard as vf}from"@rango-dev/ui";import{useWallets as bf}from"@rango-dev/wallets-react";import Z,{useEffect as Kl,useRef as xf,useState as Xl}from"react";import{useNavigate as Ef}from"react-router-dom";import{i18n as Ae}from"@lingui/core";var Od=1e3,Ud=31536e3,zd=2592e3,qd=86400,Hd=3600,Gd=60;function wl(t){let e=Math.floor((Date.now()-t)/Od),n=[{turningPoint:Ud,label:Ae.t("year"),pluralLabel:Ae.t("years")},{turningPoint:zd,label:Ae.t("month"),pluralLabel:Ae.t("months")},{turningPoint:qd,label:Ae.t("day"),pluralLabel:Ae.t("days")},{turningPoint:Hd,label:Ae.t("hour"),pluralLabel:Ae.t("hours")},{turningPoint:Gd,label:Ae.t("minute"),pluralLabel:Ae.t("minutes")}].sort((r,s)=>s.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:s,label:a,pluralLabel:p}=r,l=Math.floor(e/s);if(l>1)return`${l} ${p}`;if(l===1)return`${l} ${a}`}return e>1?`${e} ${Ae.t("seconds")}`:`${e} ${Ae.t("second")}`}i(wl,"timeSince");function vl(t){return t.finishTime?Ae.t({id:"timeAgo",message:"{time} ago",values:{time:wl(parseInt(t.finishTime))}}):Ae.t({id:"timeAgo",message:"{time} ago",values:{time:wl(parseInt(t.creationTime))}})}i(vl,"getSwapDate");import{PendingSwapNetworkStatus as bn}from"@rango-dev/queue-manager-rango-preset";import{Modal as Qd}from"@rango-dev/ui";import xn from"react";import{i18n as wn}from"@lingui/core";import{Button as bl,Divider as Gr,MessageBox as Vd,Typography as xl}from"@rango-dev/ui";import Re from"react";var El=i(({onCancel:t,onClose:e})=>Re.createElement(Re.Fragment,null,Re.createElement(Gr,{size:20}),Re.createElement(Vd,{type:"error",title:wn.t("Transaction Cancel"),description:wn.t("Are you sure you want to Cancel this swap?")}),Re.createElement(Gr,{size:32}),Re.createElement(bl,{variant:"contained",type:"primary",size:"large",onClick:t},Re.createElement(xl,{variant:"title",size:"medium",color:"neutral100"},wn.t("Yes, Cancel it"))),Re.createElement(Gr,{size:12}),Re.createElement(bl,{variant:"outlined",type:"primary",size:"large",onClick:e},Re.createElement(xl,{variant:"title",size:"medium",color:"primary"},wn.t("No, Continue")))),"CancelContent");import{i18n as vn}from"@lingui/core";import{Button as Al,Divider as Vr,MessageBox as Kd,Typography as Bl}from"@rango-dev/ui";import Qe from"react";var Wl=i(({onDelete:t,onClose:e})=>Qe.createElement(Qe.Fragment,null,Qe.createElement(Vr,{size:20}),Qe.createElement(Kd,{type:"error",title:vn.t("Delete Transaction"),description:vn.t("Are you sure you want to delete this swap?")}),Qe.createElement(Vr,{size:32}),Qe.createElement(Al,{variant:"contained",type:"primary",size:"large",onClick:t},Qe.createElement(Bl,{variant:"title",size:"medium",color:"neutral100"},vn.t("Yes, Delete it"))),Qe.createElement(Vr,{size:12}),Qe.createElement(Al,{variant:"outlined",type:"primary",size:"large",onClick:e},Qe.createElement(Bl,{variant:"title",size:"medium",color:"primary"},vn.t("No, Cancel")))),"DeleteContent");import{i18n as Kr}from"@lingui/core";import{PendingSwapNetworkStatus as Xr}from"@rango-dev/queue-manager-rango-preset";var jr={[Xr.WaitingForNetworkChange]:{type:"loading",title:Kr.t("Change Network")},[Xr.WaitingForConnectingWallet]:{type:"warning",title:Kr.t("Connect Wallet")},[Xr.NetworkChanged]:{type:"success",title:Kr.t("Network Changed")}};import{MessageBox as jd,Wallet as Yd,WalletState as Il}from"@rango-dev/ui";import{useWallets as Rd}from"@rango-dev/wallets-react";import so from"react";import{styled as Xd}from"@rango-dev/ui";var Nl=Xd("div",{display:"flex",justifyContent:"center"});var Ml=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:p,state:l}=Rd(),u=n?.walletType,d=u&&l(u).connected?Il.CONNECTED:Il.DISCONNECTED;return so.createElement(so.Fragment,null,so.createElement(jd,{type:e,title:o,description:r}),s&&u&&so.createElement(Nl,null,so.createElement(Yd,{container:ae(),title:p(u).name,image:p(u).img,type:u,state:d,onClick:async()=>a(u)})))},"WalletStateContent");function Yr(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,p=e===bn.WaitingForNetworkChange||e===bn.WaitingForConnectingWallet||e===bn.NetworkChanged;return xn.createElement(Qd,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},p&&xn.createElement(Ml,{type:jr[e].type,title:jr[e].title,currentStepWallet:s,message:a,showWalletButton:e!==bn.WaitingForNetworkChange}),e==="delete"&&xn.createElement(Wl,{onClose:o,onDelete:n}),e==="cancel"&&xn.createElement(El,{onClose:o,onCancel:r}))}i(Yr,"SwapDetailsModal");import{i18n as ao}from"@lingui/core";import{Button as Rr,Divider as En,MessageBox as Ll,Modal as Zd,TokenAmount as Jd,Typography as An}from"@rango-dev/ui";import fe from"react";import{useNavigate as ef}from"react-router-dom";function Qr(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,token:a,chain:p,percentageChange:l,description:u,diagnosisUrl:m}=t,d=ef();return fe.createElement(Zd,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?fe.createElement(Ll,{type:"success",title:ao.t("Swap Successful")},fe.createElement(Jd,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:s},token:a,chain:p,percentageChange:l}),fe.createElement(En,{size:12}),fe.createElement(An,{variant:"body",size:"medium",color:"neutral900",align:"center"},u)):fe.createElement(Ll,{type:"error",title:ao.t("Transaction Failed"),description:u}),fe.createElement(En,{size:32}),n==="success"&&fe.createElement(Rr,{variant:"contained",type:"primary",size:"large",onClick:()=>d(g.home)},fe.createElement(An,{variant:"title",size:"medium",color:"neutral100"},ao.t("Done"))),fe.createElement(En,{size:12}),m&&fe.createElement(fe.Fragment,null,fe.createElement(Rr,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},fe.createElement(An,{variant:"title",size:"medium",color:"primary"},ao.t("Diagnosis"))),fe.createElement(En,{size:12})),fe.createElement(Rr,{variant:"outlined",type:"primary",size:"large",onClick:o},fe.createElement(An,{variant:"title",size:"medium",color:"primary"},ao.t("See Details"))))}i(Qr,"SwapDetailsCompleteModal");import mf from"react";import{i18n as lf}from"@lingui/core";import{Alert as Ol,IconButton as pf,LinkIcon as uf}from"@rango-dev/ui";import dt,{Fragment as cf}from"react";import{Alert as tf,ChevronDownIcon as of,ChevronUpIcon as nf,IconButton as rf}from"@rango-dev/ui";import Bn,{useState as sf}from"react";function Pl(t){let{message:e}=t,[o,n]=sf(!1);return Bn.createElement(tf,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Bn.createElement(rf,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Bn.createElement(nf,{size:12,color:"gray"}):Bn.createElement(of,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(Pl,"FailedAlert");import{styled as af}from"@rango-dev/ui";var Dl=af("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as _l}from"@lingui/core";import{PendingSwapNetworkStatus as Zr}from"@rango-dev/queue-manager-rango-preset";import{Alert as Jr,Button as Fl}from"@rango-dev/ui";import lo from"react";function $l(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?lo.createElement(Jr,{type:"warning",title:n.shortMessage,action:lo.createElement(Fl,{size:"xxsmall",type:"warning",onClick:()=>{o(Zr.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},_l.t("Change"))}):r===Zr.WaitingForConnectingWallet?lo.createElement(Jr,{type:"warning",title:n.shortMessage,action:lo.createElement(Fl,{size:"xxsmall",type:"warning",onClick:()=>{o(Zr.WaitingForConnectingWallet)}},_l.t("Connect"))}):lo.createElement(Jr,{type:"warning",title:n.shortMessage})}i($l,"WarningAlert");function ei(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,p=Xt(s),l=s.status==="waitingForApproval"&&!p,u=s.status==="running"&&!p;return dt.createElement(Dl,null,s.explorerUrl?.map((m,d,c)=>{let h=d+m.url,C=d===c.length-1,y=C&&u||l,S=C&&s.status==="failed";return dt.createElement(cf,{key:h},dt.createElement(Ol,{type:y&&"loading"||S&&"error"||"success",title:m.description?`${m.description} Tx`:lf.t("View transaction"),action:m.url&&dt.createElement(pf,{variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},dt.createElement(uf,{size:16}))}))}),(u&&!a||l&&!s.explorerUrl?.length)&&dt.createElement(Ol,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&p&&dt.createElement($l,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&dt.createElement(Pl,{message:r}))}i(ei,"SwapDetailsAlerts");var Ul=2e3;var zl=i(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,s)=>{let a=s===0?t.inputAmount:t.steps[s-1].outputAmount;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:Je(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:k(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:Je(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:k(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:mf.createElement(ei,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function ql(t){if(Xt(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i(ql,"getStepState");import{darkTheme as df,styled as zt}from"@rango-dev/ui";var Wn=zt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1,"& .row":{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${df} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"},"& .request-id":{display:"flex",justifyContent:"center",alignItems:"center",height:"$24"},"& .output":{display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"},"& .title-steps":{textAlign:"left",width:"100%",padding:"0 $20 $10"}}),Nn=zt("div",{width:"100%"}),Hl=zt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),tB=zt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Gl=zt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),oB=zt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function ti(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:p}=bf(),l=P.use.retry(),u=Ef(),{navigateBackFrom:m}=re(),[d,c]=vf(Ul),h=xf(null),[C,y]=Xl(null),[S,T]=Xl(null),{meta:{tokens:f,blockchains:w}}=v(),b=i(()=>{r(),y(null)},"onCancel"),x=Pe.use.getUnreadNotifications(),W=Pe.use.setAsRead(),F=x(),A=gf(e),$=A?.networkStatus;Kl(()=>{F.find(R=>R.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(T(e.status),W(e.requestId))},[e.status]),Kl(()=>{L?y(In.WaitingForNetworkChange):$===In.WaitingForConnectingWallet||$===In.NetworkChanged?y($):y(null)},[$]);let X=Ss(e),oe=A?ff(e,A):null,B=A?hf(e,A):null,J=vl(e),H=Cs(e),ne=i(_=>!!p(_)?.mobileWallet,"isMobileWallet"),L=$===In.WaitingForNetworkChange&&!!oe&&!!B?.walletType&&(ne(B.walletType)||s(B.walletType,oe)),me=L?a.bind(null,B.walletType,oe):void 0,Ne=ys(e,A),U=zl({swap:e,switchNetwork:me,showNetworkModal:$,setNetworkModal:y,message:Ne,blockchains:w}),j=U.length,[Ie,Te]=[e.steps[0],e.steps[j-1]],_e=Te.outputAmount||Te.expectedOutputAmountHumanReadable,se=e.steps.reduce((_,R)=>_+parseFloat(R.feeInUsd||""),0),ft=e.steps.find(_=>_.diagnosisUrl)?.diagnosisUrl,Ze=k(String(parseFloat(k(_e,6,6))*(xo(Te.toBlockchain,Te.toSymbol,Te.toSymbolAddress,f)||0)),4,4),bt=k(String(parseFloat(e.inputAmount)*(xo(Ie.fromBlockchain,Ie.fromSymbol,Ie.fromSymbolAddress,f)||0)),4,4),D=et(bt,Ze),N=e.status==="success"?at.t({id:"receivedMessage",message:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:k(_e,6,6),token:U[j-1].to.token.displayName,conciseAddress:Ao(e.wallets[U[j-1].to.chain.displayName]?.address||""),chain:U[j-1].to.chain.displayName}}):`${at.t("Transaction was not sent.")} ${X?at.t({id:"remainSymbol",message:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:X.outputAmount,symbol:X.symbol,blockchain:X.blockchain}}):""}`;return Z.createElement(Q,{noPadding:!0,header:{title:at.t("Swap and Bridge"),onBack:m.bind(null,g.swapDetails),onCancel:e.status==="running"?()=>y("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(xt,null,Z.createElement(Vl,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>y("delete")},Z.createElement(qt,{size:"medium",variant:"label",color:"error"},at.t("Delete"))))},footer:H&&!S&&Z.createElement(Vl,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{l(e),setTimeout(()=>{u(g.home)},0)}},at.t("Try again"))},Z.createElement(Wn,null,Z.createElement(Nn,null,Z.createElement("div",{className:"row"},Z.createElement(qt,{variant:"label",size:"large",color:"neutral900"},`${at.t("Request ID")}:`),Z.createElement("div",{className:"request-id"},Z.createElement(qt,{variant:"label",size:"small",color:"neutral900"},o),Z.createElement(Cf,{variant:"ghost",onClick:c.bind(null,o||"")},Z.createElement(yf,{size:16,color:"gray"})))),Z.createElement("div",{className:"row"},Z.createElement(qt,{variant:"label",size:"large",color:"neutral900"},`${at.t("Created at")}:`),Z.createElement(qt,{variant:"label",size:"small",color:"neutral900"},J))),Z.createElement("div",{className:"output"},Z.createElement(kf,{fee:k(String(se),2,2),time:Bt(Wt(e.steps)),steps:j}),Z.createElement(Tf,{from:{price:{value:k(e.inputAmount,6,6),usdValue:bt},token:{displayName:U[0].from.token.displayName,image:U[0].from.token.image},chain:{image:U[0].from.chain.image,displayName:U[0].from.chain.displayName}},to:{price:{value:k(_e,6,6),usdValue:Ze},token:{displayName:U[j-1].to.token.displayName,image:U[j-1].to.token.image},chain:{image:U[j-1].to.chain.image,displayName:U[j-1].to.chain.displayName}},percentageChange:k(D,2,2),warningLevel:It(D?.toNumber()??0)})),Z.createElement("div",{className:"title-steps"},Z.createElement(qt,{variant:"title",size:"small"},at.t("Swaps steps"))),Z.createElement(Sf,{size:8}),Z.createElement(Hl,{ref:h},U.map((_,R)=>{let le=R,ue=ql(e.steps[R]),ho=ue==="error"||ue==="in-progress"||ue==="warning"||ue==="completed"&&R===U.length-1;return Z.createElement(wf,{key:le,step:_,type:"route-progress",ref:h,state:ue,hasSeparator:R!==0,tabIndex:le,isFocused:ho})}))),Z.createElement(Yr,{state:C,onClose:()=>y(null),onCancel:b,onDelete:n,message:Ne.detailedMessage.content,currentStepWallet:B}),Z.createElement(Qr,{open:!!S,diagnosisUrl:ft,onClose:()=>T(null),status:e.status==="success"?"success":"failed",priceValue:k(_e,6,6),usdValue:Ze,percentageChange:k(D,2,2),token:{displayName:U[j-1].to.token.displayName,image:U[j-1].to.token.image},chain:{image:U[j-1].to.chain.image},description:N}))}i(ti,"SwapDetails");import{i18n as fo}from"@lingui/core";import{CopyIcon as If,IconButton as Mf,NotFound as Lf,Skeleton as Ql,Typography as Ln}from"@rango-dev/ui";import ce from"react";import{i18n as Bf}from"@lingui/core";import{ChainToken as Wf,Divider as ni,Skeleton as mo,Typography as Nf}from"@rango-dev/ui";import ee from"react";import{styled as oi}from"@rango-dev/ui";var jl=oi("div",{width:"100%",height:"100%",padding:"$0 $20",".cost":{paddingTop:"$15",display:"flex"},".route-summary":{padding:"$15 $0"},".route-summary-item":{display:"flex",justifyContent:"space-between",alignItems:"center"},".token-amount":{display:"flex",justifyContent:"space-between",alignItems:"center"},".route-summary-separator":{width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"},".swaps-steps":{paddingBottom:"$10"}}),Yl=oi("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15",".step-title":{display:"flex",justifyContent:"start",alignItems:"center"},".step-tokens":{paddingTop:"$5",display:"flex",alignItems:"center"},".step-token-info":{display:"flex",alignItems:"center"},".step-icon-container":{padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"},".extra-info":{display:"flex",paddingTop:"$10",paddingBottom:"$5"}}),Mn=oi("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral900",marginLeft:"25px"});import{ChainToken as Rl,Divider as po,NextIcon as Af,Skeleton as uo}from"@rango-dev/ui";import pe from"react";function co(t){let{extraInfo:e}=t;return pe.createElement(Yl,null,pe.createElement("div",{className:"step-title"},pe.createElement(uo,{height:28,width:28,variant:"circular"}),pe.createElement(po,{direction:"horizontal",size:8}),pe.createElement(uo,{height:15,width:148,variant:"rounded"})),pe.createElement("div",{className:"step-tokens"},pe.createElement(po,{direction:"horizontal",size:20}),pe.createElement("div",{className:"step-token-info"},pe.createElement(Rl,{size:"small",loading:!0,chainImage:"",tokenImage:""}),pe.createElement(po,{direction:"horizontal",size:8}),pe.createElement(uo,{height:12,width:76,variant:"rounded"})),pe.createElement("div",{className:"step-icon-container"},pe.createElement(Af,{color:"gray",size:16})),pe.createElement("div",{className:"step-token-info"},pe.createElement(Rl,{size:"small",loading:!0,chainImage:"",tokenImage:""}),pe.createElement(po,{direction:"horizontal",size:8}),pe.createElement(uo,{height:12,width:76,variant:"rounded"}))),e&&pe.createElement("div",{className:"extra-info"},pe.createElement(po,{direction:"horizontal",size:20}),pe.createElement(uo,{height:22,width:297,variant:"rectangular"})))}i(co,"LoadingSwapDetailStep");function ri(){let t=ee.createElement("div",{className:"route-summary-item"},ee.createElement("div",{className:"token-amount"},ee.createElement(Wf,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),ee.createElement(ni,{size:8,direction:"horizontal"}),ee.createElement(mo,{height:15,width:148,variant:"rounded"})),ee.createElement(mo,{height:12,width:64,variant:"rounded"}));return ee.createElement(jl,null,ee.createElement("div",{className:"cost"},ee.createElement(mo,{width:60,height:10,variant:"rounded"}),ee.createElement(ni,{size:4,direction:"horizontal"}),ee.createElement(mo,{width:60,height:10,variant:"rounded"}),ee.createElement(ni,{size:4,direction:"horizontal"}),ee.createElement(mo,{width:60,height:10,variant:"rounded"})),ee.createElement("div",{className:"route-summary"},t,ee.createElement("div",{className:"route-summary-separator"}),t),ee.createElement("div",{className:"swaps-steps"},ee.createElement(Nf,{variant:"title",size:"small"},Bf.t("Swaps steps"))),ee.createElement("div",{className:"step-container"},ee.createElement(co,{extraInfo:!0}),ee.createElement(Mn,null),ee.createElement(co,null),ee.createElement(Mn,null),ee.createElement(co,null),ee.createElement(Mn,null),ee.createElement(co,null)))}i(ri,"LoadingSwapDetails");function Zl(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=re();return ce.createElement(Q,{noPadding:!0,header:{title:fo.t("Swap and Bridge"),onBack:n.bind(null,g.swapDetails),suffix:ce.createElement(xt,null)}},o&&ce.createElement(Wn,null,ce.createElement(Nn,null,ce.createElement("div",{className:"row"},ce.createElement(Ln,{variant:"label",size:"large",color:"neutral900"},`${fo.t("Request ID")}:`),ce.createElement("div",{className:"request-id"},ce.createElement(Ln,{variant:"label",size:"small",color:"neutral900"},ce.createElement(Ql,{width:60,height:10,variant:"rounded"})),ce.createElement(Mf,{variant:"ghost"},ce.createElement(If,{size:16,color:"gray"})))),ce.createElement("div",{className:"row"},ce.createElement(Ln,{variant:"label",size:"large",color:"neutral900"},`${fo.t("Created at")}:`),ce.createElement(Ln,{variant:"label",size:"small",color:"neutral900"},ce.createElement(Ql,{width:60,height:10,variant:"rounded"})))),ce.createElement(ri,null)),!o&&ce.createElement(Gl,null,ce.createElement(Lf,{title:fo.t("Not found"),description:fo.t({id:"swapNotFound",values:{requestId:e},message:"Swap with request ID = {requestId} not found."})})))}i(Zl,"SwapDetailsPlaceholder");function ep(){let{manager:t,state:e}=Df(),o=!e.loadedFromPersistor,n=cn(t),r=ve.use.selectedSwapRequestId(),{navigateBackFrom:s}=re(),{loadingStatus:a}=v(),p=o||a==="loading",l=n.find(({swap:c})=>c.requestId===r),u=i(()=>{if(l?.id){let c=t?.get(l.id);c&&Pf(c)}},"onCancel"),m=i(async()=>{if(l?.id)try{await t?.deleteQueue(l.id),s(g.swapDetails)}catch(c){console.log(c)}},"onDelete"),d=l?.swap;return!d||p?Jl.createElement(Zl,{requestId:r||"",showSkeleton:p}):Jl.createElement(ti,{swap:d,requestId:r||"",onCancel:u,onDelete:m})}i(ep,"SwapDetailsPage");import{i18n as go}from"@lingui/core";import{AutoThemeIcon as _f,DarkModeIcon as Ff,LightModeIcon as $f,List as Of,ListItemButton as Uf,Radio as ii,RadioRoot as zf,Typography as si}from"@rango-dev/ui";import Be from"react";function tp(){let{navigateBackFrom:t}=re(),e=O.use.theme(),o=O.use.setTheme(),n=[{id:"light",value:"light",title:Be.createElement(si,{variant:"title",size:"xmedium"},go.t("Light")),onClick:()=>o("light"),start:Be.createElement($f,{color:"gray"}),end:Be.createElement(ii,{value:"light"})},{id:"dark",value:"dark",title:Be.createElement(si,{variant:"title",size:"xmedium"},go.t("Dark")),onClick:()=>o("dark"),start:Be.createElement(Ff,{color:"gray"}),end:Be.createElement(ii,{value:"dark"})},{id:"auto",value:"auto",title:Be.createElement(si,{variant:"title",size:"xmedium"},go.t("Auto")),onClick:()=>o("auto"),start:Be.createElement(_f,{color:"gray"}),end:Be.createElement(ii,{value:"auto"})}];return Be.createElement(Q,{header:{onBack:t.bind(null,g.settings),title:go.t("Theme")}},Be.createElement(st,null,Be.createElement(zf,{onValueChange:r=>o(r),value:e},Be.createElement(Of,{type:Be.createElement(Uf,{title:go.t("Theme"),id:"_",onClick:()=>console.log()}),items:n}))))}i(tp,"ThemePage");var Hf=i(t=>t.replace("/",""),"getAbsolutePath");function op(t){let{config:e}=t;return qf([{path:g.home,element:We.createElement(Ro,null)},{path:g.fromSwap,element:We.createElement(Or,{type:"source"})},{path:g.toSwap,element:We.createElement(Or,{type:"destination"})},{path:g.fromBlockchain,element:We.createElement(Br,{type:"source"})},{path:g.toBlockchain,element:We.createElement(Br,{type:"destination"})},{path:g.settings,element:We.createElement(Tl,{singleTheme:e?.theme?.singleTheme,supportedSwappers:e?.liquiditySources})},{path:g.themes,element:We.createElement(tp,null)},{path:g.languages,element:We.createElement($a,null)},{path:g.exchanges,element:We.createElement(vr,{sourceType:"Exchanges",supportedSwappers:e?.liquiditySources})},{path:g.bridges,element:We.createElement(vr,{sourceType:"Bridges",supportedSwappers:e?.liquiditySources})},{path:g.swaps,element:We.createElement(Fa,null)},{path:g.swapDetails,element:We.createElement(ep,null)},{path:g.wallets,element:We.createElement(ca,{supportedWallets:e?.wallets,multiWallets:typeof e?.multiWallets>"u"?!0:e.multiWallets,config:e})},{path:Hf(g.confirmSwap),element:We.createElement(Aa,{config:e})}])}i(op,"AppRoutes");import{isApprovalTX as Gf,MainEvents as rp,RouteEventType as ip,StepEventType as Ht,StepExecutionEventStatus as Vf,useEvents as Kf}from"@rango-dev/queue-manager-rango-preset";import{useEffect as sp}from"react";import{StepExecutionBlockedEventStatus as ai}from"@rango-dev/queue-manager-rango-preset";var np=[ai.WAITING_FOR_CHANGE_WALLET_ACCOUNT,ai.WAITING_FOR_NETWORK_CHANGE,ai.WAITING_FOR_WALLET_CONNECT];function ap(){let t=G.use.connectedWallets(),e=G.use.getWalletsDetails(),o=Pe.use.setNotification(),n=Pe.use.setAsRead(),r=Kf();return sp(()=>(r.on(rp.StepEvent,s=>{let{event:a,step:p,route:l}=s;if(a.type===Ht.TX_EXECUTION&&a.status===Vf.TX_SENT&&!Gf(p)||a.type===Ht.SUCCEEDED){let m=t.find(c=>c.chain===p?.fromBlockchain),d=p?.fromBlockchain!==p?.toBlockchain&&t.find(c=>c.chain===p?.toBlockchain);m&&e([m]),d&&e([d])}a.type===Ht.TX_EXECUTION_BLOCKED&&np.includes(a.status)||a.type===Ht.FAILED?o(a,l):(a.type===Ht.TX_EXECUTION||a.type===Ht.CHECK_STATUS)&&n(l.requestId)}),()=>r.all.clear()),[r,t.length]),sp(()=>(r.on(rp.RouteEvent,s=>{let{event:a,route:p}=s;(a.type===ip.FAILED||a.type===ip.SUCCEEDED)&&o(a,p)}),()=>r.all.clear()),[r,t.length]),null}i(ap,"WidgetEvents");import{globalCss as Xf}from"@rango-dev/ui";var lp=i(()=>Xf({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");import{createTheme as jf,darkTheme as Yf,lightTheme as Rf}from"@rango-dev/ui";import{useEffect as pp,useState as Qf}from"react";function up({fontFamily:t="Roboto",borderRadius:e=ki,secondaryBorderRadius:o=Ti,mode:n="auto"}){let r=O.use.theme(),s=v.use.fetchMeta(),a=O.use.setTheme(),p=jf({radii:{primary:`${e}px`,secondary:`${o}px`},fonts:{widget:t}}),l=`${p.className} ${Rf.className}`,u=`${p.className} ${Yf.className}`,[m,d]=Qf("light");return pp(()=>{i(async()=>{await s()},"fetchData")();let C=i(y=>{y.matches?d("dark"):d("light")},"switchTheme");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&d("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",C),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",C)}},[]),pp(()=>{n!=="auto"&&a(n)},[n]),{activeTheme:i(()=>r==="auto"?m==="dark"?u:l:r==="dark"?u:l,"getActiveTheme")()}}i(up,"useTheme");import Zf,{useMemo as Jf}from"react";import{Provider as eg}from"@rango-dev/queue-manager-react";import{makeQueueDefinition as tg,checkWaitingForNetworkChange as og}from"@rango-dev/queue-manager-rango-preset";import{useWallets as ng}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as rg}from"@rango-dev/wallets-shared";import{isEvmBlockchain as ig}from"rango-types";function sg(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=ng(),p=Jf(()=>tg({API_KEY:ko("API_KEY")}),[]),{blockchains:l}=v.use.meta(),m={blockchains:G.use.connectedWallets().map(f=>({accounts:[f],name:f.chain}))},d=i((f,w)=>{if(s(f,w))return r(f,w)},"switchNetwork"),c=i(f=>!!a(f).mobileWallet,"isMobileWallet"),h=l.filter(f=>f.enabled).reduce((f,w)=>(f[w.name]=w,f),{}),C=l.filter(ig),y=i(f=>{let{supportedChains:w}=a(f);return vo(w)},"getSupportedChainNames"),S=e(),T={meta:{blockchains:h,evmBasedChains:C,evmNetworkChainInfo:rg(C),getSupportedChainNames:y},getSigners:o,wallets:m,providers:S,switchNetwork:d,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:c};return Zf.createElement(eg,{queuesDefs:[p],context:T,onPersistedDataLoaded:f=>{og(f)},isPaused:!1},t.children)}i(sg,"QueueManager");var cp=sg;import{Events as li,Provider as lg}from"@rango-dev/wallets-react";import{isEvmBlockchain as pg}from"rango-sdk";import dp,{createContext as ug,useRef as cg}from"react";import{useEffect as ag}from"react";function mp(t,e){let o=G.use.clearConnectedWallet(),n=tn(void 0,e);return ag(()=>{o(),n=tn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(mp,"useWalletProviders");var pi=ug({onConnectWallet:()=>{}});function ui(t){let{blockchains:e}=v.use.meta(),{providers:o}=mp(t.providers,t?.options),n=G.use.disconnectWallet(),r=G.use.connectWallet(),s=cg(),a=e.filter(pg).map(l=>l.name),p=i((l,u,m,d,c)=>{if(u===li.ACCOUNTS)if(m){let h=vo(c),C=Ei(l,m,a,h);r(C)}else n(l);if(u===li.ACCOUNTS&&d.connected){let h=`${l}-${d.network}-${m}`;d.connected&&(s.current?s.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(u===li.NETWORK&&d.network){let h=`${l}-${d.network}`;s.current?s.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(l,u,m,d,c)},"onUpdateState");return dp.createElement(pi.Provider,{value:{onConnectWallet:l=>{s.current=l}}},dp.createElement(lg,{allBlockChains:e,providers:o,onUpdateState:p,autoConnect:!0},t.children))}i(ui,"WidgetWallets");var hg=dg("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit",listStyleType:"none"},"& *:focus-visible":{outline:"1px $info500 solid",transition:"none"}});function gp(t){let{config:e}=t;lp();let{activeTheme:o}=up(e?.theme||{}),[n,r]=fp(""),[s,a]=fp(),p=fg(pi);return gg(()=>{e?.apiKey&&Ci({API_KEY:e?.apiKey})},[e]),hp(()=>{O.persist.rehydrate(),Pe.persist.rehydrate(),p.onConnectWallet(r)},[]),lt.createElement(mg,{language:e?.language},lt.createElement(hg,{id:"swap-container",className:o},lt.createElement(cp,null,lt.createElement(ap,null),lt.createElement(Os,{config:e,lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},lt.createElement(op,{config:e})))))}i(gp,"Main");function yg(t){let{updateConfig:e,config:o}=Le();return hp(()=>{t.config&&e(t.config)},[t.config]),t.config?.externalWallets?lt.createElement(gp,{...t}):lt.createElement(ui,{providers:o?.wallets,options:{walletConnectProjectId:o?.walletConnectProjectId}},lt.createElement(gp,{...t}))}i(yg,"Widget");import{useWallets as Ca}from"@rango-dev/wallets-react";import{useEvents as rI,MainEvents as iI,RouteEventType as dI,StepEventType as wI,StepExecutionEventStatus as vI,StepExecutionBlockedEventStatus as bI}from"@rango-dev/queue-manager-rango-preset";export{iI as MainEvents,dI as RouteEventType,wI as StepEventType,bI as StepExecutionBlockedEventStatus,vI as StepExecutionEventStatus,yg as Widget,ui as WidgetWallets,Ca as useWallets,rI as useWidgetEvents};
1
+ var Sp=Object.defineProperty;var i=(t,e)=>Sp(t,"name",{value:e,configurable:!0});import{I18nManager as mg,styled as dg}from"@rango-dev/ui";import lt,{useContext as fg,useEffect as hp,useMemo as gg,useState as fp}from"react";import{useQueueManager as lc}from"@rango-dev/queue-manager-rango-preset";import{useWallets as pc}from"@rango-dev/wallets-react";import{isEvmBlockchain as uc}from"rango-types";import yt,{useEffect as cc,useRef as mc}from"react";import{MemoryRouter as dc,useInRouterContext as fc}from"react-router";import{useLocation as gc,useNavigate as hc}from"react-router-dom";var g={home:"/",fromSwap:"from-swap",fromBlockchain:"/from-swap/blockchains",toBlockchain:"/to-swap/blockchains",toSwap:"to-swap",settings:"settings",liquiditySources:"/settings/liquidity-sources",themes:"/settings/themes",bridges:"/settings/bridges",exchanges:"/settings/exchanges",languages:"/settings/languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:"swaps/:requestId"};import{i18n as Yo}from"@lingui/core";import{Alert as Vu,BestRoute as Ku,BestRouteSkeleton as Xu,Button as ju,Divider as tr,styled as Lt,SwapInput as Ds,Typography as or,WarningIcon as Yu}from"@rango-dev/ui";import Y,{useEffect as Ru,useRef as Qu,useState as Zu}from"react";import{useNavigate as Ju}from"react-router-dom";import{ChevronLeftIcon as Tp}from"@rango-dev/ui";import di from"react";import{darkTheme as Cp,IconButton as kp,styled as So}from"@rango-dev/ui";var Fe=So(kp,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),ci=So("div",{position:"absolute",background:"$secondary500",[`.${Cp} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),xt=So("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),mi=So("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function Dn(t){return di.createElement(Fe,{variant:"ghost",size:"small",onClick:t.onClick},di.createElement(Tp,{color:"black",size:16}))}i(Dn,"BackButton");import{i18n as wp}from"@lingui/core";import{Button as vp,Typography as bp}from"@rango-dev/ui";import _n from"react";function Fn(t){return _n.createElement(xt,null,_n.createElement(vp,{variant:"ghost",onClick:t.onClick,size:"xsmall"},_n.createElement(bp,{variant:"label",size:"medium",color:"error500"},wp.t("Cancel"))))}i(Fn,"CancelButton");import{i18n as xp}from"@lingui/core";import{Tooltip as Ep,WalletIcon as Ap}from"@rango-dev/ui";import Co from"react";function $n(t){return Co.createElement(Ep,{container:t.container,side:"top",content:xp.t("Connect Wallet")},Co.createElement(Fe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Co.createElement(ci,null),Co.createElement(Ap,{size:18,color:"black"})))}i($n,"WalletButton");import{i18n as No}from"@lingui/core";import{NotificationsIcon as ru,Popover as iu,RefreshIcon as su,SettingsIcon as au,Tooltip as Io,TransactionIcon as lu}from"@rango-dev/ui";import de from"react";function Et(t){return Array.from(new Set(t))}i(Et,"removeDuplicateFrom");function On(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(On,"areEqual");function gi(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(gi,"debounce");function gt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(gt,"containsText");var fi=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[o,n,r]=t.match(/.{2}/g);[o,n,r]=[parseInt(o,16)+e,parseInt(n,16)+e,parseInt(r,16)+e],o=Math.max(Math.min(255,o),0).toString(16),n=Math.max(Math.min(255,n),0).toString(16),r=Math.max(Math.min(255,r),0).toString(16);let s=(o.length<2?"0":"")+o,a=(n.length<2?"0":"")+n,p=(r.length<2?"0":"")+r;return`#${s}${a}${p}`},"colorShade"),hi=i((t,e)=>{let o={[t]:e};for(let n=1;n<10;n++)n<5&&(o={...o,[t+n*100]:fi(e,(5-n)*32)}),n===5&&(o={...o,[t+n*100]:e}),n>5&&(o={...o,[t+n*100]:fi(e,-((n-5)*32))});return o},"generateRangeColors"),ae=i(()=>document.getElementById("swap-box"),"getContainer");import{i18n as Qp}from"@lingui/core";import{ChainToken as Oi,ChevronRightIcon as Zp,ListItemButton as Jp,Typography as eu}from"@rango-dev/ui";import Oe from"react";import{useNavigate as tu}from"react-router-dom";import{create as qp}from"zustand";import{create as Up}from"zustand";var Bp=i(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),we=Bp;var Wp={apiKey:""},yi=i((t,e)=>({config:Wp,updateConfig:o=>{let n=e().config;t({config:{...n,...o}})}}),"createConfigSlice");import{RangoClient as Np}from"rango-sdk";var Si="c6381a79-2817-4602-83bf-6a641a409e32";var Un={API_KEY:Si};function ko(t){return Un[t]}i(ko,"getConfig");function Ci(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Un=e,Un}i(Ci,"initConfig");var ki=20,Ti=25;var To,At=i(()=>To||(To=new Np(ko("API_KEY")),To),"httpService");import{WalletState as Xe}from"@rango-dev/ui";import{readAccountAddress as Lp}from"@rango-dev/wallets-react";import{detectInstallLink as Pp,getCosmosExperimentalChainInfo as Dp,isEvmAddress as _p,KEPLR_COMPATIBLE_WALLETS as ph,Networks as bi}from"@rango-dev/wallets-shared";import zn from"bignumber.js";import{isCosmosBlockchain as Fp}from"rango-types";import Ip from"bignumber.js";var Me=new Ip(0);import{WalletTypes as Mp}from"@rango-dev/wallets-shared";var wi=[Mp.LEAP];import{BigNumber as vi}from"bignumber.js";var Bt=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),k=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new vi(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new vi(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Wt=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Ke=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Gt=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function wo(t,e=4){let o=parseFloat(t);if(isNaN(o))return t;let n=Math.pow(10,e);return(Math.round(o*n)/n).toString()}i(wo,"limitDecimalPlaces");function $p(t){switch(!0){case t.connected:return Xe.CONNECTED;case t.connecting:return Xe.CONNECTING;case!t.installed:return Xe.NOT_INSTALLED;default:return Xe.DISCONNECTED}}i($p,"mapStatusToWalletState");function xi(t,e,o,n){return o.filter(r=>!wi.includes(r)).filter(r=>{if(n){let{supportedChains:s}=e(r);return!!s.find(a=>a.name===n)}return!0}).map(r=>{let{name:s,img:a,installLink:p}=e(r),l=$p(t(r));return{title:s,image:a,link:Pp(p),state:l,type:r}})}i(xi,"mapWalletTypesToWalletInfo");function vo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(vo,"walletAndSupportedChainsNames");function Ei(t,e,o,n){let r=[];function s(p,l){if(!!!r.find(m=>m.chain===p)){let m={address:l,chain:p,walletType:t};r.push(m)}}i(s,"addAccount");let a=n||[];return e.forEach(p=>{let{address:l,network:u}=Lp(p),m=a.length>0,d=a.includes(u),c=u===bi.Unknown;if(m&&!d&&!c)return;let C=u===bi.Unknown&&_p(l);if(c&&!C)return;o.includes(u)||C?a.filter(T=>o.includes(T)).forEach(T=>{s(T,l.toLowerCase())}):s(u,l)}),r}i(Ei,"prepareAccountsForWalletStore");function Ai(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,p=s.to.blockchain;e.includes(a)||e.push(a),e.includes(p)||e.push(p)})}),e}i(Ai,"getRequiredChains");function Nt(t,e,o,n){if(t.length===0)return null;let r=t.filter(s=>s.chain===e);return r.length===0?null:r.map(s=>s.balances?.find(a=>n!==null&&a.address===n||n===null&&a.address===n&&a.symbol===o)||null).filter(s=>s!==null).sort((s,a)=>parseFloat(a?.amount||"0")-parseFloat(s?.amount||"1")).find(()=>!0)||null}i(Nt,"getBalanceFromWallet");function bo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(bo,"isAccountAndWalletMatched");function Bi(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new zn(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:xo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Bi,"makeBalanceFor");function Wi(t){return{...t,loading:!1,error:!0}}i(Wi,"resetConnectedWalletState");var xo=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Eo=i((t,e)=>{let o=Dp(Object.entries(t).map(([,n])=>n).filter(Fp));return o&&o[e]?.experimental},"isExperimentalChain");function Op(t,e){return t.map(({balance:o,...n})=>{let r=k(new zn(Nt(e,n.blockchain,n.symbol,n.address)?.amount||Me)),s="";return n.usdPrice&&(s=k(new zn(Nt(e,n.blockchain,n.symbol,n.address)?.amount||Me).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:s}}}})}i(Op,"getTokensWithBalance");function Ni(t,e){let o=e.length>0?Op(t,e):t;return o.sort((n,r)=>n.balance?.usdValue&&r.balance?.usdValue?parseFloat(r.balance.usdValue)-parseFloat(n.balance.usdValue):!n.balance?.usdValue&&r.balance?.usdValue?1:n.balance?.usdValue&&!r.balance?.usdValue?-1:!n.balance?.usdValue&&!r.balance?.usdValue?parseFloat(r.balance?.amount||"0")-parseFloat(n.balance?.amount||"0"):0),o}i(Ni,"getTokensBalanceFromWalletAndSort");function $e(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i($e,"tokensAreEqual");function Ii(t){return t.sort((e,o)=>+(o.state===Xe.CONNECTED)-+(e.state===Xe.CONNECTED)||+(o.state===Xe.DISCONNECTED||o.state===Xe.CONNECTING)-+(e.state===Xe.DISCONNECTED||e.state===Xe.CONNECTING))}i(Ii,"sortWalletsBasedOnConnectionState");function Ao(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}i(Ao,"getConciseAddress");function Mi({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Mi,"getAddress");var Li=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(p=>!(s.length>0&&!s.includes(p.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??[],a=e().blockchains({type:o.type});return n.filter(l=>s.length>0&&!s.some(u=>$e(u,l))||o.blockchain&&l.blockchain!==o.blockchain||!a.some(u=>u.name===l.blockchain)?!1:o.searchFor?!!(gt(l.symbol,o.searchFor)||gt(l.address||"",o.searchFor)||gt(l.name||"",o.searchFor)):!0).sort((l,u)=>e().isTokenPinned(l)?-1:e().isTokenPinned(u)||l.isSecondaryCoin?1:u.isSecondaryCoin||!l.address&&u.address?-1:l.address&&!u.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>$e(r,o)),fetch:async()=>{let o=await At().getAllMetadata(),n=[],r=[],s=o.popularTokens,a=o.swappers,p=new Set;o.tokens.forEach(l=>{p.add(l.blockchain),r.push(l)}),o.blockchains.forEach(l=>{l.enabled&&p.has(l.name)&&n.push(l)}),n.sort((l,u)=>l.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}}),"createDataSlice");var zp=Up()((...t)=>({...Li(...t),...yi(...t)})),Le=we(zp);var v=we(qp()(t=>({meta:{blockchains:[],popularTokens:[],swappers:[],tokens:[]},loadingStatus:"loading",fetchMeta:async()=>{try{await Le.getState().fetch();let e=Le.getState(),o={blockchains:e.blockchains(),tokens:e.tokens(),popularTokens:e._popularTokens,swappers:e._swappers};t({meta:o,loadingStatus:"success"})}catch{t({loadingStatus:"failed"})}}})));import{create as Hp}from"zustand";import{persist as Gp,subscribeWithSelector as Vp}from"zustand/middleware";var Pe=we(Hp()(Gp(Vp((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:s.toBlockchain,tokenSymbol:s.toSymbol,tokenAddress:s.toSymbolAddress}}},p=e().notifications.filter(l=>l.requestId!==n.requestId);t(()=>({notifications:[...p,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{create as Kp}from"zustand";var ve=we(Kp()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as Bo}from"@rango-dev/ui";var Pi=Bo("div",{padding:"$10",width:"350px",minHeight:"150px"}),Di=Bo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),_i=Bo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Fi=Bo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Xp}from"@lingui/core";import{Divider as jp,NoNotificationIcon as Yp,Typography as Rp}from"@rango-dev/ui";import Wo from"react";function $i(){return Wo.createElement(Fi,null,Wo.createElement(Yp,{color:"secondary",size:26}),Wo.createElement(jp,{size:12}),Wo.createElement(Rp,{variant:"body",size:"medium",color:"neutral900"},Xp.t("You have no notification")))}i($i,"NotificationNotFound");var ou=4;function qn(){let t=tu(),e=ve.use.setSelectedSwap(),{getUnreadNotifications:o}=Pe(),n=o(),{tokens:r,blockchains:s}=v.use.meta(),a=n.sort((l,u)=>u.creationTime-l.creationTime).slice(0,ou),p=i(l=>{e(l),t(`/swaps/${l}`)},"handleOnClick");return Oe.createElement(Pi,null,a.length?Oe.createElement(Di,null,a.map(l=>{let u=r.find(h=>h.address===l.route.from.tokenAddress&&h.blockchain===l.route.from.blockchain&&h.symbol===l.route.from.tokenSymbol),m=s.find(h=>h.name===l.route.from.blockchain),d=r.find(h=>h.address===l.route.to.tokenAddress&&h.blockchain===l.route.to.blockchain&&h.symbol===l.route.to.tokenSymbol),c=s.find(h=>h.name===l.route.to.blockchain);return Oe.createElement(Jp,{key:l.requestId,onClick:()=>p(l.requestId),title:Oe.createElement(eu,{variant:"body",size:"small",color:"$neutral900"},Qp.t(l.event.message)),id:l.requestId,start:Oe.createElement(_i,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(Oi,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(Oi,{tokenImage:d?d.image:"",chainImage:c?c.logo:"",size:"small"}))),end:Oe.createElement(Zp,{size:12,color:"gray"})})})):Oe.createElement($i,null))}i(qn,"NotificationContent");import{Typography as nu}from"@rango-dev/ui";import Ui from"react";function zi(){let{getUnreadNotifications:t}=Pe(),e=t().length;return e?Ui.createElement(mi,null,Ui.createElement(nu,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(zi,"UnreadNotificationsBadge");function Hn(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:s}=t;return de.createElement(de.Fragment,null,de.createElement(Io,{container:ae(),side:"top",content:No.t("Refresh")},de.createElement(Fe,{variant:"ghost",size:"small",onClick:o,disabled:!o},de.createElement(su,{size:16,color:o?"black":"gray"}))),de.createElement(Io,{container:ae(),side:"top",content:No.t("Notifications")},de.createElement(iu,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:ae(),content:de.createElement(qn,null)},de.createElement(Fe,{size:"small",variant:"ghost",onClick:s},de.createElement(ru,{size:18,color:"black"}),de.createElement(zi,null)))),de.createElement(Io,{container:ae(),side:"top",content:No.t("Settings")},de.createElement(Fe,{size:"small",variant:"ghost",onClick:r},de.createElement(au,{size:18,color:"black"}))),de.createElement(Io,{container:ae(),side:"top",content:No.t("Transactions History")},de.createElement(Fe,{size:"small",variant:"ghost",onClick:n},de.createElement(lu,{size:18,color:"black"}))))}i(Hn,"HomeButtons");import{BottomLogo as cu,Divider as mu,Header as du}from"@rango-dev/ui";import ge from"react";import{useNavigate as fu}from"react-router-dom";import{create as pu}from"zustand";import{subscribeWithSelector as uu}from"zustand/middleware";var G=we(pu()(uu((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:o=>{let n=e().getWalletsDetails;t(r=>({loading:!0,connectedWallets:r.connectedWallets.filter(s=>s.walletType!==o[0].walletType).concat(o.map(s=>{let a=!r.connectedWallets.find(p=>p.chain===s.chain&&p.selected);return{balances:[],address:s.address,chain:s.chain,explorerUrl:null,walletType:s.walletType,selected:a,loading:!0,error:!1}}))})),n(o)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(s=>s.selected&&s.walletType!==o).map(s=>s.chain);return{connectedWallets:n.connectedWallets.filter(s=>s.walletType!==o).map(s=>r.includes(s.chain)?s:(r.push(s.chain),{...s,selected:!0}))}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(p=>p.chain===r.chain&&p.walletType!==r.walletType&&r.selected),a=!!o.find(p=>p.chain===r.chain&&p.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n=!0)=>{let r=e().getWalletsDetails,{tokens:s}=v.getState().meta;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(p=>o.find(l=>bo(l,p))?{...p,loading:!0}:p)}));try{let a=o.map(({address:u,chain:m})=>({address:u,blockchain:m})),l=(await At().getWalletsDetails(a)).wallets;if(l)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(m=>{let d=o.find(h=>bo(h,m)),c=l.find(h=>h.address===m.address&&h.blockChain===m.chain);return c?.failed&&d&&n&&r([d],!1),d&&c?{...m,explorerUrl:c.explorerUrl,balances:Bi(c,s)}:m})}));else throw new Error("Wallet not found")}catch{t(p=>({loading:!1,connectedWallets:p.connectedWallets.map(l=>o.find(u=>bo(u,l))?Wi(l):l)}))}}}))));import{styled as Gn}from"@rango-dev/ui";var qi=Gn("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",overflow:"hidden !important",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",width:"95vw",maxWidth:"390px",maxHeight:"700px",backgroundColor:"$neutral100",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),Hi=Gn("div",{borderTopLeftRadius:"20px",borderTopRightRadius:"20px",display:"flex",flexDirection:"column",flex:1,padding:"$20 $20 $10 $20",backgroundColor:"$background",position:"relative",overflowY:"auto",overflowX:"hidden",variants:{noPadding:{true:{padding:"0"}}}}),Gi=Gn("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function gu(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:p=!0}=t,l=G.use.connectedWallets(),u=ve.use.connectWalletsButtonDisabled(),m=fu(),d=i(()=>{u||m("/"+g.wallets)},"onConnectWallet");return ge.createElement(qi,{ref:e,fixedHeight:p,id:"swap-box"},ge.createElement(du,{prefix:ge.createElement(ge.Fragment,null,n.onBack&&ge.createElement(Dn,{onClick:n.onBack})),title:n.title,suffix:ge.createElement(ge.Fragment,null,n.suffix,n.hasConnectWallet&&ge.createElement($n,{container:ae(),onClick:d,isConnected:!!l?.length}),n.onCancel&&ge.createElement(Fn,{onClick:n.onCancel}))}),ge.createElement(Hi,{noPadding:s},o),(a||r)&&ge.createElement(Gi,null,ge.createElement("div",{className:"footer__content"},r),a&&ge.createElement("div",{className:"footer__logo"},ge.createElement(mu,{size:12}),ge.createElement(cu,null))))}i(gu,"LayoutComponent");var Q=ge.forwardRef(gu);Q.displayName="Layout";import{Alert as Cu,Button as ku,Divider as os,NoRouteIcon as Tu,RefreshIcon as wu,Typography as ns}from"@rango-dev/ui";import Ue from"react";import{i18n as Se}from"@lingui/core";var Vt=(r=>(r[r.ROUTE_UPDATED=0]="ROUTE_UPDATED",r[r.ROUTE_SWAPPERS_UPDATED=1]="ROUTE_SWAPPERS_UPDATED",r[r.ROUTE_COINS_UPDATED=2]="ROUTE_COINS_UPDATED",r[r.ROUTE_AND_OUTPUT_AMOUNT_UPDATED=3]="ROUTE_AND_OUTPUT_AMOUNT_UPDATED",r))(Vt||{});var z={genericServerError:Se.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Se.t("Please reset your liquidity sources."),description:Se.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noRoutesError:{title:Se.t("No Routes Found"),description:"Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination."},bridgeLimitErrors:{increaseAmount:Se.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:Se.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:Se.t("High Price Impact"),title:Se.t("Price impact is too high!"),description:Se.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:Se.t("Confirm High price impact")},routeUpdatedWithHighValueLoss:{title:Se.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Se.t("USD Price Unknown"),title:Se.t("USD Price Unknown, Cannot calculate Price Impact."),description:Se.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Se.t("Confirm USD Price Unknown")}};function Mo(t){switch(t.type){case 0:return t.diagnosisMessage??z.noRoutesError.title;case 2:return z.genericServerError;case 1:return z.routeUpdatedWithHighValueLoss.title;default:return""}}i(Mo,"getConfirmSwapErrorMessage");import{create as hu}from"zustand";import{persist as yu,subscribeWithSelector as Su}from"zustand/middleware";var Ki=[.5,1,3],Xi=1,ji=5,Yi=100,Ri=0;var O=we(hu()(yu(Su(t=>({slippage:Xi,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",setSlippage:e=>t(()=>({slippage:e})),setCustomSlippage:e=>t(()=>({customSlippage:e})),setAffiliateRef:e=>t(()=>({affiliateRef:e})),setAffiliatePercent:e=>t(()=>({affiliatePercent:e})),setAffiliateWallets:e=>t(()=>({affiliateWallets:e})),toggleAllLiquiditySources:e=>t(o=>{if(e)return{disabledLiquiditySources:[]};let{swappers:n}=v.getState().meta,r=Et(n.map(s=>s.swapperGroup));return r.length===o.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:r}}),toggleInfiniteApprove:()=>t(e=>({infiniteApprove:!e.infiniteApprove})),toggleLiquiditySource:e=>t(o=>o.disabledLiquiditySources.includes(e)?{disabledLiquiditySources:o.disabledLiquiditySources.filter(n=>n!=e)}:{disabledLiquiditySources:o.disabledLiquiditySources.concat(e)}),setTheme:e=>t(()=>({theme:e}))})),{name:"user-settings",skipHydration:!0})));import{i18n as Qi}from"@lingui/core";function Zi(t,e,o,n,r){return o?{alert:{type:"warning",text:z.genericServerError,action:{onClick:r,title:Qi.t("Retry")}},description:""}:t?{alert:{type:"error",text:t,action:null},description:""}:e.length?{alert:{type:"warning",text:z.liquiditySourcesError.title,action:{onClick:()=>n(!0),title:Qi.t("Reset")}},description:z.liquiditySourcesError.description}:{alert:null,description:z.noRoutesError.description}}i(Zi,"makeInfo");import{styled as Vn}from"@rango-dev/ui";var Ji=Vn("div",{display:"flex",flexDirection:"column",alignItems:"center"}),es=Vn("div",{width:"100%"}),ts=Vn("div",{padding:"$6 $0"});function Kt(t){let{diagnosisMessage:e,fetch:o,error:n}=t,r=O.use.disabledLiquiditySources(),s=v.use.loadingStatus(),a=O.use.toggleAllLiquiditySources(),l=Zi(e??null,r,n||s==="failed",a,o);return Ue.createElement(Ji,null,Ue.createElement(Tu,{size:24,color:"gray"}),Ue.createElement(os,{size:4}),Ue.createElement(ns,{variant:"title",size:"small"},z.noRoutesError.title),!!l.description&&Ue.createElement(ns,{variant:"body",size:"small",align:"center",color:"neutral900"},l.description),Ue.createElement(os,{size:4}),!!l.alert&&Ue.createElement(es,null,Ue.createElement(Cu,{type:l.alert.type,title:l.alert.text,action:l.alert.action&&Ue.createElement(ku,{size:"xsmall",type:l.alert.type,prefix:Ue.createElement(ts,null,Ue.createElement(wu,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i(Kt,"NoRoutes");import{Alert as Ws,Divider as Du,InfoIcon as _u}from"@rango-dev/ui";import He from"react";import ct from"bignumber.js";import{create as Bu}from"zustand";import{subscribeWithSelector as Wu}from"zustand/middleware";import MS from"bignumber.js";function Kn(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}i(Kn,"searchParamsToToken");function rs(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(rs,"getBestRouteToTokenUsdPrice");function Xn(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(Xn,"isNumberOfSwapsChanged");function jn(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!On(o,n)}i(jn,"isRouteSwappersUpdated");function Yn(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!On(o,n)}i(Yn,"isRouteInternalCoinsUpdated");function is(t,e){return Xn(t,e)||jn(t,e)||Yn(t,e)}i(is,"isRouteChanged");function ss(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}i(ss,"getRequiredBalanceOfWallet");function as(t){if(!t)return null;let e=(t.result?.swaps||[]).map(o=>({...o,fromAmount:k(o.fromAmount,6,6),toAmount:k(o.toAmount,6,6)}));return{...t,...t.result&&{result:{...t.result,swaps:e}}}}i(as,"getFormattedBestRoute");function It(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(It,"getPriceImpactLevel");import{i18n as ze}from"@lingui/core";import{PendingSwapNetworkStatus as Fo}from"@rango-dev/queue-manager-rango-preset";import be from"bignumber.js";function ls(t,e){return e.find(o=>o.name===t)?.displayName}i(ls,"getBlockchainDisplayNameFor");function Je(t,e){return e.find(o=>o.name===t)?.shortName}i(Je,"getBlockchainShortNameFor");function ps(t,e){return t.result?.swaps.map(o=>({swapper:{displayName:o.swapperId,image:o.swapperLogo},from:{token:{displayName:o.from.symbol,image:o.from.logo},chain:{displayName:Je(o.from.blockchain,e)??"",image:o.from.blockchainLogo},price:{value:k(o.fromAmount,6,6),usdValue:k(o.from.usdPrice?.toString(),4,4)}},to:{token:{displayName:o.to.symbol,image:o.to.logo},chain:{displayName:Je(o.to.blockchain,e)??"",image:o.to.blockchainLogo},price:{value:k(o.toAmount,6,6),usdValue:k(o.to.usdPrice?.toString(),4,4)}}}))}i(ps,"formatBestRoute");function Po(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(Po,"getRequiredWallets");function Do(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(Do,"isValidAddress");import{i18n as _o}from"@lingui/core";var ht={connectWallet:_o.t("Connect Wallet"),swap:_o.t("Swap"),swapAnyway:_o.t("Swap anyway"),ethRouteWarning:_o.t("The route goes through Ethereum. Continue?")};function Uo(t,e){return!t||!e||t.lte(Me)||e.lte(Me)?0:e.div(t).minus(1).multipliedBy(100)}i(Uo,"getOutputRatio");function zo(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new be(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new be(1e3)))??!1}i(zo,"outputRatioHasWarning");function qo(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new be(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(qo,"hasLimitError");function Ho(t){if(!t)return{swap:null,fromAmountRangeError:"",recommendation:""};let e=(t?.result?.swaps||[]).filter(p=>{let l=p.fromAmountMinValue?new be(p.fromAmountMinValue):null,u=p.fromAmountMaxValue?new be(p.fromAmountMaxValue):null;return p.fromAmountRestrictionType==="EXCLUSIVE"?l?.gte(p.fromAmount)||u?.lte(p.fromAmount):l?.gt(p.fromAmount)||u?.lt(p.fromAmount)})[0];if(!e)return{swap:null,fromAmountRangeError:"",recommendation:""};let o=e.fromAmountMinValue?new be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new be(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=ze.t({id:"requiredEqualMin",message:"Required: >= {min} {symbol}",values:{min:k(o,6,6),symbol:e.from.symbol}}),a=z.bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=ze.t({id:"requiredMin",message:"Required: > {min} {symbol}",values:{min:k(o,6,6),symbol:e.from.symbol}}),a=z.bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=ze.t({id:"requiredEqualMax",message:"Required: <= {max} {symbol}",values:{max:k(n,6,6),symbol:e.from.symbol}}),a=z.bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=ze.t({id:"requiredMax",message:"Required: < {max} {symbol}",values:{max:k(n,6,6),symbol:e.from.symbol}}),a=z.bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Ho,"LimitErrorMessage");function us(t,e,o,n,r,s,a,p,l){return t!=="success"?{title:ht.connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:ht.connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!l||l==="0"?{title:ht.swap,disabled:!0,state:"swap"}:s||a?{title:ht.swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:p?{title:ht.ethRouteWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:ht.swap,disabled:!1,state:"swap"}}i(us,"getSwapButtonState");function Rn(t,e,o){return!((!o||o.lte(Me))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Rn,"canComputePriceImpact");function xu(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(xu,"requiredWallets");var Eu=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Au(t,e){let o=Me;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Eu(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new be(r.amount).multipliedBy(s||0))}return o}i(Au,"getUsdFeeOfStep");function Go(t,e){return t?.result?.swaps.reduce((o,n)=>o.plus(Au(n,e)),Me)||null}i(Go,"getTotalFeeInUsd");function cs(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(cs,"getMinRequiredSlippage");function ms(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(ms,"hasProperSlippage");function Vo(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,slippage:p,affiliateRef:l,affiliatePercent:u,affiliateWallets:m,initialRoute:d,destination:c}=t,h=s?.reduce((f,w)=>(f[w.chain]=w.address,f),{}),C=[];r?.forEach(f=>{let w=C.find(b=>b.blockchain===f.chain);w?w.addresses.push(f.address):C.push({blockchain:f.chain,addresses:[f.address]})});let y=!!d,S=Et((d?.result?.swaps||[]).reduce((f,w)=>(f.push(w.from.blockchain,w.to.blockchain),w.internalSwaps&&Array.isArray(w.internalSwaps)&&w.internalSwaps.map(b=>{f.push(b.from.blockchain,b.to.blockchain)}),f),[]));return{amount:n.toString(),affiliateRef:l??void 0,affiliatePercent:u??void 0,affiliateWallets:m??void 0,checkPrerequisites:y,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:C,selectedWallets:h??{},slippage:p.toString(),...c&&{destination:c},...a.length>0&&{swapperGroups:a,swappersGroupsExclude:!0},...y&&{blockchains:S}}}i(Vo,"createBestRouteRequestBody");function ds(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(ds,"getWalletsForNewSwap");function Mt(t){return t?.result?.outputAmount||null}i(Mt,"getRouteOutputAmount");function et(t,e){return!t||!e?null:new be(e).div(new be(t)).minus(1).multipliedBy(100)}i(et,"getPercentageChange");function fs(t,e){let o=Mt(t),n=Mt(e);if(!o||!n)return!1;let r=et(o,n);return r?r.toNumber()<=-1:!0}i(fs,"isOutputAmountChangedALot");function gs(t,e){let o=t.validationStatus,n=Ai(t);return e.sort((s,a)=>n.indexOf(s.chain)-n.indexOf(a.chain)).flatMap(s=>ss(s,o)||[]).filter(s=>!s.ok).map(s=>{let a=s.asset.symbol,p=k(new be(s.currentAmount.amount).shiftedBy(-s.currentAmount.decimals),8,8),l=k(new be(s.requiredAmount.amount).shiftedBy(-s.requiredAmount.decimals),8,8),u="";return s.reason==="FEE"&&(u=ze.t(" for network fee")),s.reason==="INPUT_ASSET"&&(u=ze.t(" for swap")),s.reason==="FEE_AND_INPUT_ASSET"&&(u=ze.t(" for input and network fee")),ze.t({id:"balanceWarningMessage",message:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:l,symbol:a,reason:u,currentAmount:p,blockchain:s.asset.blockchain}})})}i(gs,"getBalanceWarnings");function hs(t,e){return(t?new be(t):Me).multipliedBy(e||0)}i(hs,"calcOutputUsdValue");function Xt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Fo.NetworkChanged}i(Xt,"isNetworkStatusInWarningState");function ys(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Xt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Fo.WaitingForConnectingWallet:n=n||ze.t("Waiting for connecting wallet");break;case Fo.WaitingForQueue:n=n||ze.t("Waiting for other running tasks to be finished");break;case Fo.WaitingForNetworkChange:n=n||ze.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(ys,"getSwapMessages");function Ss(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}i(Ss,"getLastConvertedTokenInFailedSwap");function Cs(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Cs,"shouldRetrySwap");function ks(t,e,o,n,r,s){return t||!e&&!xu(n).every(a=>r.map(p=>p.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!Do(s,o)}i(ks,"confirmSwapDisabled");var Ko=i((t,e)=>t?.usdPrice?new ct(e||Me).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),P=we(Bu()(Wu(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new ct(0),outputUsdValue:new ct(0),toBlockchain:null,toToken:null,bestRoute:null,routeWalletsConfirmed:!1,selectedWallets:[],customDestination:"",setRoute:e=>t(o=>{let n=null,r=Me;return Gt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new ct(e.result?.outputAmount):null,r=hs(e.result?.outputAmount,rs(e)||o.toToken?.usdPrice)),{bestRoute:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetRoute:()=>t(()=>({bestRoute:null,outputAmount:null,outputUsdValue:new ct(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{bestRoute:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>{let{blockchains:o}=v.getState().meta,n=o.find(r=>r.name===e?.blockchain)??null;return t(r=>({fromToken:e,fromBlockchain:n,...!!r.inputAmount&&{inputUsdValue:Ko(e,r.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,n=o.find(r=>r.name===e?.blockchain)??null;return t(()=>({toToken:e,toBlockchain:n}))},setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new ct(0),outputUsdValue:new ct(0),bestRoute:null},...!!o.fromToken&&{inputUsdValue:Ko(o.fromToken,e)}}))},retry:e=>{let{tokens:o,blockchains:n}=v.getState().meta,r=e.status==="failed"?e.steps.findIndex(c=>c.status==="failed"):null;if(r===null||r<0)return;let s=e.steps[0],a=e.steps[e.steps.length-1],p=n.find(c=>c.name===s.fromBlockchain)||null,l=n.find(c=>c.name===a.toBlockchain)||null,u=o.find(c=>$e(c,{blockchain:s.fromBlockchain,symbol:s.fromSymbol,address:s.fromSymbolAddress})),m=o.find(c=>$e(c,{blockchain:a.toBlockchain,symbol:a.toSymbol,address:a.toSymbolAddress})),d=e.inputAmount;t({fromBlockchain:p,fromToken:u,inputAmount:d,outputAmount:null,inputUsdValue:Ko(u||null,d),outputUsdValue:new ct(0),toBlockchain:l,toToken:m,bestRoute:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Ko(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,bestRoute:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,bestRoute:null})),setRouteWalletConfirmed:e=>t({routeWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetRouteWallets:()=>t({routeWalletsConfirmed:!1,selectedWallets:[],customDestination:""})}))));import{styled as Xo}from"@rango-dev/ui";var Ts=Xo("div",{width:"100%",paddingTop:"$10"}),Qn=Xo("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),ws=Xo("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),vs=Xo("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});import{i18n as jt}from"@lingui/core";import{Button as Nu,Divider as Es,MessageBox as As,Modal as Iu,Typography as Mu,WarningIcon as Lu}from"@rango-dev/ui";import qe from"react";import{useNavigate as Pu}from"react-router-dom";import{Typography as bs}from"@rango-dev/ui";import Zn from"react";function xs(t){let{title:e,value:o,valueColor:n}=t;return Zn.createElement(ws,null,Zn.createElement(bs,{size:"medium",variant:"label",color:"neutral800"},e),Zn.createElement(bs,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(xs,"RouteErrorsModalItem");function Bs(t){let{highValueLoss:e,open:o,onToggle:n,percentageChange:r,inputUsdValue:s,outputUsdValue:a,totalFeeInUsd:p}=t,l=Pu(),u=e&&r?.lt(-10)?"error":"warning",m=[{title:jt.t("Swapping"),value:k(s,4,4)},{title:jt.t("Gas cost"),value:k(p,2,2)},{title:jt.t("Receiving"),value:k(a,4,4)},{title:jt.t("Price impact"),value:k(r,2,2),valueColor:`${u}500`}];return qe.createElement(Iu,{open:o,onClose:()=>n(!1),container:document.getElementById("swap-box")||document.body},e?qe.createElement(As,{type:u,title:z.highValueLossError.impactTitle,description:z.highValueLossError.description}):qe.createElement(As,{type:u,title:z.unknownPriceError.impactTitle,description:z.unknownPriceError.description}),e&&qe.createElement(Qn,null,qe.createElement(Es,{size:20}),qe.createElement(Mu,{size:"small",variant:"title"},jt.t("Details")),qe.createElement(Qn,null,m.map((d,c)=>qe.createElement(xs,{key:c,...d})))),qe.createElement(Es,{size:32}),qe.createElement(Nu,{type:"primary",size:"large",prefix:qe.createElement(Lu,null),fullWidth:!0,onClick:()=>{l(g.confirmSwap)}},e?z.highValueLossError.confirmMessage:z.unknownPriceError.confirmMessage))}i(Bs,"RouteErrorsModal");var Fu=-10;function Jn(t){let{bestRoute:e}=P(),{highValueLoss:o,percentageChange:n,priceImpactCanNotBeComputed:r,openModal:s,onToggle:a,totalFeeInUsd:p,outputUsdValue:l,inputUsdValue:u,loading:m,extraSpace:d}=t,c=qo(e),{recommendation:h}=Ho(e),C=!c&&(o||r),y=C||c;return He.createElement(He.Fragment,null,(m||d&&!y)&&He.createElement(Du,{size:20}),y&&He.createElement(Ts,null,C&&He.createElement(He.Fragment,null,He.createElement(Ws,{title:o?z.highValueLossError.title:z.unknownPriceError.title,type:o&&n?.lt(Fu)?"error":"warning",variant:"alarm",action:He.createElement(vs,{onClick:()=>a(!0)},He.createElement(_u,{size:12,color:"gray"}))})),c&&He.createElement(Ws,{type:"error",variant:"alarm",title:h})),He.createElement(Bs,{highValueLoss:o,open:s,onToggle:a,percentageChange:n,inputUsdValue:u,outputUsdValue:l,totalFeeInUsd:p}))}i(Jn,"RouteErrors");import{ReverseIcon as $u,styled as Ns}from"@rango-dev/ui";import er from"react";var Ou=Ns("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Uu=Ns("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&:hover":{color:"$secondary500"}});function Is(){let t=P.use.switchFromAndTo();return er.createElement(Ou,null,er.createElement(Uu,{onClick:()=>{t()}},er.createElement($u,{size:12})))}i(Is,"SwitchFromAndToButton");import{useEffect as Ms,useRef as Hu,useState as Ls}from"react";import{useRef as zu,useState as qu}from"react";function jo(){let[t,e]=qu(!1),o=zu(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await At().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(jo,"useFetchBestRoute");var Gu=600;function Ps(){let{fetch:t,cancelFetch:e}=jo(),[o,n]=Ls(!1),{fromToken:r,toToken:s,inputAmount:a,inputUsdValue:p,resetRoute:l,setRoute:u}=P(),{slippage:m,customSlippage:d,affiliatePercent:c,affiliateRef:h,affiliateWallets:C,disabledLiquiditySources:y}=O(),[S,T]=Ls(""),f=Hu(y),w=d??m,x=!r||!s||$e(r,s)||!Gt(a),W=i(()=>{if(o||n(!0),!x){l();let A=Vo({fromToken:r,toToken:s,inputAmount:a,disabledLiquiditySources:y,slippage:w,affiliateRef:h,affiliatePercent:c,affiliateWallets:C});t(A).then($=>{n(!1),u($)}).catch($=>{l(),$?.code!=="ERR_CANCELED"&&(T($.message),n(!1))})}},"fetch"),F=gi(()=>{x||W()},Gu);return Ms(()=>{if(!Gt(a)||p?.eq(0)){n(!1),e();return}if(!x)return l(),n(!0),F(),e},[a,x]),Ms(()=>{let A=!!f.current.length&&!y.length;return!x&&A&&W(),f.current=y,e},[y.length]),{fetch:W,loading:o,error:S}}i(Ps,"useSwapInput");var ec=Lt("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),tc=Lt("div",{position:"relative"}),oc=Lt("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"}),_s=Lt("div",{width:"100%",paddingTop:"$2"}),nc=Lt("div",{paddingBottom:"$15"}),rc=Lt("div",{width:"100%",display:"flex"});function Ro(){let t=Ju(),{fetch:e,loading:o,error:n}=Ps(),{fromToken:r,fromBlockchain:s,toToken:a,toBlockchain:p,setInputAmount:l,inputAmount:u,inputUsdValue:m,outputAmount:d,outputUsdValue:c,bestRoute:h,resetRouteWallets:C}=P(),{meta:{tokens:y,blockchains:S},loadingStatus:T}=v(),f=G.use.connectedWallets(),w=ve.use.setCurrentPage(),[b,x]=Zu(!1),{fromAmountRangeError:W,swap:F,recommendation:A}=Ho(h),$=Qu(null),X=!!Number(u)&&(!!h||o||!!n),oe=!1,B=Uo(m,c),J=zo(m,B),H=!Rn(h,u,m),ne=!Rn(h,u,c),L=us(T,f,o,h,qo(h),J,H||ne,oe,u),me=s&&r?k(Nt(f,s?.name,r?.symbol,r?.address)?.amount||"0",8,8):"0",Ne=s&&r?k(Nt(f,s?.name,r?.symbol,r?.address)?.amount||"0",Nt(f,s?.name,r?.symbol,r?.address)?.decimal):"0";Ru(()=>(w(g.home),C(),w.bind(null,"")),[]);let U=!m||!c||!c.gt(0)?null:et(m.toNumber(),c.toNumber()),j=i(_e=>_e.map((se,ft)=>({swapper:{displayName:se.swapperId,image:se.swapperLogo},from:{token:{displayName:se.from.symbol,image:se.from.logo},chain:{displayName:Je(se.from.blockchain,S)??"",image:se.from.blockchainLogo},price:{value:ft===0?k(u,6,6):se.fromAmount}},to:{token:{displayName:se.to.symbol,image:se.to.logo},chain:{displayName:Je(se.to.blockchain,S)??"",image:se.to.blockchainLogo},price:{value:se.toAmount}},alerts:se.swapperId===F?.swapperId?Y.createElement(nc,null,Y.createElement(Vu,{type:"error",title:A,footer:Y.createElement(rc,null,Y.createElement(or,{size:"xsmall",variant:"body",color:"neutral900"},W),Y.createElement(tr,{direction:"horizontal",size:8}),Y.createElement(or,{size:"xsmall",variant:"body",color:"neutral900"},"|"),Y.createElement(tr,{direction:"horizontal",size:8}),Y.createElement(or,{size:"xsmall",variant:"body",color:"neutral900"},Yo.t({id:"yourSymbol",message:"Yours: {amount} {symbol}",values:{amount:k(F?.fromAmount||null,6,6),symbol:se?.from.symbol}})))})):void 0})),"getBestRouteSteps"),Ie=Go(h,y),Te=as(h);return Y.createElement(Q,{ref:$,fixedHeight:!1,hasLogo:!0,footer:Y.createElement(ju,{type:"primary",size:"large",disabled:L.disabled,prefix:!L.disabled&&L.hasWarning&&Y.createElement(Yu,null),fullWidth:!0,onClick:()=>{L.state==="waitForConnecting"?t(g.wallets):L.state==="needToConfirm"?x(!0):t(g.confirmSwap)}},L.title),header:{hasConnectWallet:!0,title:Yo.t("Swap"),suffix:Y.createElement(Hn,{layoutRef:$.current,onClickRefresh:h||n?e:void 0,onClickHistory:()=>t(g.swaps),onClickSettings:()=>t(g.settings)})}},Y.createElement(ec,null,Y.createElement(oc,null,Y.createElement(tc,null,Y.createElement(Ds,{label:Yo.t("From"),mode:"From",onInputChange:l,balance:me,chain:{displayName:s?.displayName||"",image:s?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>t("from-swap"),price:{value:u,usdValue:H?void 0:k(m,4,4),error:H?z.unknownPriceError.impactTitle:void 0},disabled:T==="failed",loading:T==="loading",onSelectMaxBalance:()=>{me!=="0"&&l(Ne.split(",").join(""))}}),Y.createElement(Is,null)),Y.createElement(Ds,{sharpBottomStyle:!!h?.result||o,label:Yo.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:U?.lt(0)?k(U,2,2):null,warningLevel:It(U?.toNumber()??0),price:{value:k(d,6,6),usdValue:ne?void 0:k(c,4,4),error:ne?z.unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:T==="failed",loading:T==="loading"})),o&&Y.createElement(_s,null,Y.createElement(Xu,{type:"basic"})),X&&!o&&Te?.result?.swaps?.length?Y.createElement(_s,null,Y.createElement(Ku,{type:"basic",recommended:!0,tooltipContainer:ae(),input:{value:k(u,6,6),usdValue:k(m,4,4)},output:{value:k(d,6,6),usdValue:k(c,4,4)},steps:j(Te.result.swaps),percentageChange:k(U,2,2),totalFee:k(Ie,2,2),totalTime:Bt(Wt(h?.result?.swaps))})):X&&!o?Y.createElement(Y.Fragment,null,Y.createElement(tr,{size:20}),Y.createElement(Kt,{diagnosisMessage:Te?.diagnosisMessages?.[0],fetch:e,error:!!n})):null),Y.createElement(Jn,{openModal:b,onToggle:x,totalFeeInUsd:Ie,outputUsdValue:c,inputUsdValue:m,percentageChange:U,highValueLoss:J,priceImpactCanNotBeComputed:H||ne,loading:o||T==="loading",extraSpace:!!h?.result||!h}))}i(Ro,"Home");import{useEffect as nr,useRef as rr}from"react";import{createSearchParams as ic,useLocation as sc,useSearchParams as ac}from"react-router-dom";import{useEffect as Qo,useRef as Zo}from"react";function Fs(t){let{setInputAmount:e,setToToken:o,setToBlockchain:n,setFromBlockchain:r,setFromToken:s}=P(),{meta:{tokens:a,blockchains:p},loadingStatus:l}=v(),{setAffiliateRef:u,setAffiliatePercent:m,setAffiliateWallets:d}=O(),c=Zo(void 0),h=Zo(void 0),C=Zo(void 0),y=Zo(void 0);Qo(()=>{e(t?.amount?.toString()||"")},[t?.amount]),Qo(()=>{if(l==="success"){let S=p.find(f=>f.name===t?.from?.blockchain),T=a.find(f=>$e(f,t?.from?.token||null));(S||!S&&C.current)&&r(S??null),(T||!T&&c.current)&&s(T??null),C.current=t?.from?.blockchain,c.current=t?.from?.token}},[t?.from?.token?.symbol,t?.from?.token?.address,t?.from?.blockchain,t?.from?.blockchain,l]),Qo(()=>{if(l==="success"){let S=p.find(f=>f.name===t?.to?.blockchain),T=a.find(f=>$e(f,t?.to?.token||null));(S||!S&&y.current)&&n(S??null),(T||!T&&h.current)&&o(T??null),y.current=t?.to?.blockchain,h.current=t?.to?.token}},[t?.to?.token?.symbol,t?.to?.token?.address,t?.to?.token?.blockchain,t?.to?.blockchain,l]),Qo(()=>{u(t?.affiliate?.ref??null),m(t?.affiliate?.percent??null),d(t?.affiliate?.wallets??null)},[t?.affiliate?.ref,t?.affiliate?.percent,t?.affiliate?.wallets])}i(Fs,"useSyncStoresWithConfig");function $s(t){let e=rr(!0),[o,n]=ac(),r=sc(),s=rr(r.search),a=rr({}),p=P.use.fromBlockchain(),l=P.use.toBlockchain(),u=P.use.fromToken(),m=P.use.toToken(),d=P.use.setFromBlockchain(),c=P.use.setFromToken(),h=P.use.setToBlockchain(),C=P.use.setToToken(),y=P.use.inputAmount(),S=P.use.setInputAmount(),T=v.use.loadingStatus(),{blockchains:f,tokens:w}=v.use.meta(),b=ve.use.setSelectedSwap();return Fs(t.config),nr(()=>{let x={};ic(s.current).forEach((F,A)=>{x[A]=F}),a.current=x;let W=r.pathname.split(g.swaps+"/")[1]||null;W&&b(W)},[]),nr(()=>{if(!e.current){let x="",W="",F="",A="",$="";if(T!=="success")x=a.current["fromBlockchain"],W=a.current["fromToken"],F=a.current["toBlockchain"],A=a.current["toToken"],$=a.current["fromAmount"]||y;else{if(r.state==="redirect")return;x=p?.name||"",W=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),F=l?.name||"",A=(m?.symbol||"")+(m?.address?`--${m?.address}`:""),$=y}n({...x&&{["fromBlockchain"]:x},...W&&{["fromToken"]:W},...F&&{["toBlockchain"]:F},...A&&{["toToken"]:A},...$&&{["fromAmount"]:$.toString()}},{replace:!0})}e.current=!1},[r.pathname,y,p,u,l,m]),nr(()=>{if(T==="success"){let x=o.get("fromBlockchain"),W=o.get("fromToken"),F=o.get("toBlockchain"),A=o.get("toToken"),$=o.get("fromAmount"),X=f.find(H=>H.name===x),oe=Kn(w,W,X||null),B=f.find(H=>H.name===F),J=Kn(w,A,B||null);X&&(d(X),oe&&c(oe)),B&&(h(B),J&&C(J)),$&&S($)}},[T]),null}i($s,"UpdateUrl");function yc(t){let e=gc(),o=hc(),n=mc(!0),r=e.pathname.split("/"),a=r[r.length-1]===g.confirmSwap&&n.current;return cc(()=>{a&&o("."),n.current=!1},[]),a?yt.createElement(Ro,null):yt.createElement(yt.Fragment,null," ",t.children)}i(yc,"Route");function Os({children:t,...e}){let o=fc(),n=o?yc:dc,{blockchains:r}=v.use.meta(),{canSwitchNetworkTo:s}=pc(),a=r.filter(uc);return lc({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),yt.createElement(yt.Fragment,null,yt.createElement(n,null,t),o&&yt.createElement($s,{config:e.config}))}i(Os,"AppRouter");import We from"react";import{useRoutes as qf}from"react-router-dom";import{i18n as je}from"@lingui/core";import{useManager as cm}from"@rango-dev/queue-manager-react";import{Alert as dr,BestRoute as mm,BestRouteSkeleton as dm,Button as an,Divider as $t,IconButton as xa,MessageBox as fm,Modal as gm,RefreshIcon as hm,SettingsIcon as ym,styled as Ea,Tooltip as Sm,Typography as ba,WalletIcon as Cm}from"@rango-dev/ui";import I,{useEffect as ln,useState as pn}from"react";import{flushSync as km}from"react-dom";import{useNavigate as Tm}from"react-router-dom";import{i18n as rt}from"@lingui/core";import{Alert as mr,BalanceErrors as Yc,Button as ka,ChevronDownIcon as Rc,ChevronLeftIcon as Qc,Divider as Ft,MessageBox as Zc,Modal as Ta,Typography as sn,WalletIcon as Jc}from"@rango-dev/ui";import E,{useEffect as em,useLayoutEffect as tm,useRef as om,useState as kt}from"react";import{useNavigate as nm}from"react-router-dom";import{i18n as Jo}from"@lingui/core";function en(t){switch(t.type){case 0:return Jo.t("Route has been updated.");case 3:return Jo.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Jo.t("Route swappers has been updated.");case 2:return Jo.t("Route internal coins has been updated.");default:return""}}i(en,"getRouteWarningMessage");import*as Dt from"@radix-ui/react-collapsible";import{Button as Sc,darkTheme as Pt,IconButton as Cc,keyframes as Us,styled as Ce,TextField as kc}from"@rango-dev/ui";var Yt=300,Tc=Us({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),wc=Us({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),zs=Ce("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),qs=Ce("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),Hs=Ce("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Pt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Gs=Ce(Dt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),Vs=Ce("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Ks=Ce(Cc,{position:"absolute",left:"$20"}),Xs=Ce("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),js=Ce(Dt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Ys=Ce(Sc,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Pt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Pt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),Rs=Ce("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),Qs=Ce("div",{transition:`all ${Yt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Zs=Ce("div",{display:"flex"}),Js=Ce(kc,{padding:"$0 $15 $15 $15"}),ea=Ce(Dt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Tc} ${Yt}ms ease-out`},false:{animation:`${wc} ${Yt}ms ease-out`}}}}),ta=Ce("div",{overflow:"visible",width:"100%"});import{i18n as nt}from"@lingui/core";import{Button as Kc,Divider as pr,Image as Xc,MessageBox as ur,Modal as ga,SelectableWallet as jc,Typography as ha,WalletState as ya}from"@rango-dev/ui";import ie,{useEffect as Sa,useState as Qt}from"react";import{WalletState as na}from"@rango-dev/ui";import{useWallets as bc}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as xc,WalletTypes as Ec}from"@rango-dev/wallets-shared";import{useEffect as Ac,useState as Bc}from"react";import{allProviders as vc}from"@rango-dev/provider-all";function tn(t,e){let o=vc({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(tn,"matchAndGenerateProviders");function oa(t,e){return tn(t,e).map(r=>r.config.type)}i(oa,"configWalletsToWalletName");var Wc=Object.values(Ec);function on(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:p,connect:l}=bc(),{connectedWallets:u}=G(),{blockchains:m}=v().meta,d=typeof e?.multiWallets>"u"?!0:e.multiWallets,c=oa(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Wc,h=xi(s,p,c,o),C=Ii(h),[y,S]=Bc(""),T=i(x=>!u.find(W=>W.walletType===x&&W.chain===o),"isExperimentalChainNotAdded"),f=i(async x=>{let W=s(x);try{if(y&&S(""),W.connected)await a(x);else{let F=!!h.find(A=>A.state===na.CONNECTED);if(!d&&F)return;n?.(x),await l(x),r?.(x)}}catch(F){S("Error: "+F?.message)}},"handleClick"),w=i(()=>{let x=h?.filter(W=>W.state===na.CONNECTING)||[];for(let W of x)a(W.type)},"disconnectConnectingWallets");Ac(()=>()=>{w()},[]);let b=i((x,W,F)=>Eo(F,W)&&T(x)&&!xc.includes(x),"shouldExcludeWallet");return{list:C.filter(x=>!b(x.type,o??"",m)),error:y,handleClick:f}}i(on,"useWalletList");import{i18n as la}from"@lingui/core";import{styled as ua,Typography as $c,Wallet as Oc,WalletState as Uc}from"@rango-dev/ui";import Ct,{Fragment as zc,useState as pa}from"react";import{Divider as Pc,Modal as Dc}from"@rango-dev/ui";import sr from"react";import{i18n as _t}from"@lingui/core";import{Image as Mc,MessageBox as ir,WalletState as Lc}from"@rango-dev/ui";import St from"react";import{keyframes as Nc,styled as nn}from"@rango-dev/ui";var UT=nn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),ra=nn("div",{position:"relative"}),Ic=Nc({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ia=nn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Ic} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),sa=nn("div",{"& img":{borderRadius:"50%"}});function aa(t){let{state:e,image:o,error:n}=t;return e===Lc.CONNECTED?St.createElement(ir,{type:"success",title:_t.t("Wallet Connected"),description:_t.t("Your wallet is connected, you can use it to swap.")}):n?St.createElement(ir,{type:"error",title:_t.t("Failed to Connect"),description:n||_t.t("Your wallet is not connected. Please try again.")}):St.createElement(ir,{type:"loading",title:_t.t("Connecting to your wallet"),description:_t.t("Click connect in your wallet popup."),icon:St.createElement(ra,null,St.createElement(sa,null,St.createElement(Mc,{src:o,size:45})),St.createElement(ia,null))})}i(aa,"ModalContent");function Rt(t){let{open:e,onClose:o,...n}=t;return sr.createElement(Dc,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},sr.createElement(aa,{...n}),sr.createElement(Pc,{direction:"vertical",size:32}))}i(Rt,"WalletModal");import{useInRouterContext as _c,useNavigate as Fc}from"react-router-dom";function re(){let t=_c(),e=Fc(),o=P.use.routeWalletsConfirmed();return g,{navigateBackFrom:i(r=>{if(r===g.swapDetails)return e("/"+g.swaps,{replace:!0});if(!t||window.history.state&&window.history.state.idx>0)e(-1);else{if([g.settings,g.wallets].includes(r)&&o)return e("/"+g.confirmSwap,{replace:!0});[g.fromSwap,g.toSwap,g.settings,g.wallets,g.swaps,g.confirmSwap].includes(r)?e(g.home,{replace:!0}):r===g.fromBlockchain?e("/"+g.fromSwap,{replace:!0}):r===g.toBlockchain?e("/"+g.fromSwap,{replace:!0}):r===g.liquiditySources&&e("/"+g.settings,{replace:!0})}},"navigateBackFrom")}}i(re,"useNavigateBack");var qc=ua("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),Hc=ua("div",{textAlign:"center"}),rn=3e3,ar=300;function ca({config:t}){let{navigateBackFrom:e}=re(),[o,n]=pa(!1),[r,s]=pa(""),a=null,{list:p,handleClick:l,error:u}=on({config:t,onBeforeConnect:C=>{a=setTimeout(()=>{n(!0),s(C)},ar)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},rn)}}),m=v.use.loadingStatus(),d=p.find(C=>C.type===r),c=d?.image||"",h=d?.state||Uc.NOT_INSTALLED;return Ct.createElement(Q,{header:{title:la.t("Connect Wallets"),onBack:e.bind(null,g.wallets)}},Ct.createElement(Hc,null,Ct.createElement($c,{variant:"title",size:"xmedium",align:"center"},la.t("Choose a wallet to connect.")),Ct.createElement(qc,null,p.map((C,y)=>{let S=`wallet-${y}-${C.type}`;return Ct.createElement(zc,{key:S},Ct.createElement(Oc,{...C,container:ae(),onClick:T=>{l(T)},isLoading:m==="loading"}))}),Ct.createElement(Rt,{open:!!o,onClose:()=>n(!1),image:c,state:h,error:u}))))}i(ca,"WalletsPage");import{keyframes as Gc,styled as lr}from"@rango-dev/ui";var ma=lr("div",{position:"relative"}),Vc=Gc({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),da=lr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Vc} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),fa=lr("div",{"& img":{borderRadius:"50%"}});function cr(t){let{config:e,chain:o,isSelected:n,selectWallet:r,limit:s,onShowMore:a}=t,p=G.use.connectedWallets(),{blockchains:l}=v.use.meta(),[u,m]=Qt(""),[d,c]=Qt(null),[h,C]=Qt(!1),[y,S]=Qt(null),{connect:T}=Ca(),f=null,{list:w,error:b,handleClick:x}=on({config:e,chain:o,onBeforeConnect:B=>{f=setTimeout(()=>{m(B)},ar)},onConnect:()=>{f&&clearTimeout(f),setTimeout(()=>{m("")},rn)}}),[W,F]=Qt(w),A=w.length,$=s&&A-s>0,X=i(async B=>{C(!1),S("in-progress"),await T(B.walletType,B.chain),S("completed")},"addExperimentalChain");Sa(()=>{F(B=>{let J=w.findIndex(H=>n(H.type,o));return $&&J>1?[w[J]].concat(w.filter((H,ne)=>ne!==J)):B.map(H=>w.find(ne=>ne.type===H.type)??H)})},[JSON.stringify(w)]);let oe=document.querySelector("#swap-box");return Sa(()=>{let B=null;return y==="completed"&&(B=setTimeout(()=>S(null),rn)),()=>{B&&clearTimeout(B)}},[y]),ie.createElement(ie.Fragment,null,W.slice(0,s).map(B=>{let J=Mi({connectedWallets:p,walletType:B.type,chain:o}),H=J?Ao(J):"",ne=Eo(l,o),L=!p.find(Ie=>Ie.walletType===B.type&&Ie.chain===o),me=ne&&L&&B.state===ya.CONNECTED,Ne=me?nt.t({id:"addChain",message:"Add {chain} chain",values:{chain:o}}):H,U=i(()=>{B.state===ya.DISCONNECTED?x(B.type):me?(c({walletType:B.type,chain:o,address:J??""}),C(!0)):r({walletType:B.type,chain:o,address:J??""})},"onClick"),j=d?.chain?ls(d.chain,l):void 0;return ie.createElement(ie.Fragment,null,ie.createElement(Rt,{open:u===B.type,onClose:()=>m(""),image:B.image,state:B.state,error:b}),!!d&&ie.createElement(ga,{open:!!d&&h,container:oe,onClose:()=>{c(null)}},ie.createElement(ur,{title:nt.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:j}}),type:"warning",description:nt.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:j}})},ie.createElement(pr,{size:18}),ie.createElement(pr,{size:32}),ie.createElement(Kc,{onClick:X.bind(null,d),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},nt.t("Confirm")))),y&&ie.createElement(ga,{open:!!y,onClose:S.bind(null,null),container:oe},y==="in-progress"?ie.createElement(ur,{type:"loading",title:nt.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:j}}),description:nt.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:j}}),icon:ie.createElement(ma,null,ie.createElement(fa,null,ie.createElement(Xc,{src:B.image,size:45})),ie.createElement(da,null))}):ie.createElement(ur,{type:"success",title:nt.t({id:"blockchainAdded",message:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:j}}),description:nt.t({id:"blockchainAddedDescription",message:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:j}})}),ie.createElement(pr,{direction:"vertical",size:32})),ie.createElement(jc,{key:B.type,description:Ne,onClick:U,selected:n(B.type,o),...B}))}),$&&ie.createElement(Hs,{selected:!1,onClick:a.bind(null)},ie.createElement(ha,{variant:"label",size:"medium"},nt.t("Show more wallets"),ie.createElement(ha,{variant:"label",size:"medium",color:"$primary"},"\xA0+",A-(s??0)))))}i(cr,"WalletList");var rm=2;function wa(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,config:s,loading:a}=t,{blockchains:p}=v.use.meta(),{bestRoute:l,setSelectedWallets:u,routeWalletsConfirmed:m,setRouteWalletConfirmed:d,customDestination:c,setCustomDestination:h}=P(),{connectedWallets:C,selectWallets:y}=G(),[S,T]=kt(""),[f,w]=kt([]),[b,x]=kt(""),[W,F]=kt(null),[A,$]=kt(c),[X,oe]=kt(!!c),B=om(null),J=Po(l),H=typeof s?.customDestination>"u"?!0:s.customDestination,ne=p.find(D=>D.name===l?.result?.swaps[l?.result?.swaps.length-1].to.blockchain),L=i(D=>!!l?.result?.swaps.find(N=>N.from.blockchain===D),"isWalletRequiredFor"),[me,Ne]=kt(C.filter(D=>D.selected&&J.includes(D.chain))),U=p.find(D=>D.name===ne?.name),j=i((D,N)=>!!me.find(_=>_.walletType===D&&_.chain===N&&_.selected&&(L(N)||!L(N)&&!A)),"isSelected"),Ie=!!A&&X&&U&&!Do(U,A),Te=i(()=>{oe(!1),$(""),Ne(D=>{let N=!1;return D.map(_=>!N&&_.chain===ne?.name?(N=!0,{..._,selected:!0}):_)})},"resetCustomDestination"),_e=i(D=>{if(S&&T(""),j(D.walletType,D.chain))return;let _=C.find(R=>R.walletType===D.walletType&&R.chain===D.chain);_&&(n(),D.chain===ne?.name&&X&&(oe(!1),$("")),Ne(R=>R.filter(le=>le.chain!==D.chain).concat({..._,selected:!0})))},"onChange"),se=i(()=>{let D=me.filter(N=>N.selected);y(D),u(D),h(A),d(!0),o()},"onConfirmBalance"),ft=i(async()=>{w([]),x(""),F(null);let D=C.filter(R=>me.find(le=>le.chain===R.chain&&le.walletType===R.walletType)),N=await r?.({selectedWallets:D,customDestination:A}),_=N.warnings;_?.balance?.messages&&w(_.balance.messages),_?.route&&F(_.route),N.error&&x(Mo(N.error)),!N.error&&(!_?.balance?.messages.length||0>0)?se():w(_?.balance?.messages??[])},"onConfirmWallets");em(()=>{Ne(D=>D.concat(C.filter(N=>!!!D.find(R=>R.chain===N.chain)&&N.selected&&J.includes(N.chain))))},[C.length]),tm(()=>{X&&B.current&&setTimeout(()=>{B?.current?.scrollIntoView({behavior:"smooth"})},Yt)},[X]);let Ze=document.querySelector("#swap-box"),bt=nm();return E.createElement(Ta,{open:e,onClose:()=>{m||bt(g.home,{replace:!0}),o()},dismissible:!S,container:Ze,...!S&&{footer:E.createElement(Zs,null,E.createElement(ka,{loading:a,disabled:ks(a,X,A,l,me,ne),onClick:ft,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...S&&{containerStyle:{padding:"$0"},header:E.createElement(Vs,null,E.createElement(Ks,{variant:"ghost",onClick:T.bind(null,"")},E.createElement(Qc,{size:16})),E.createElement(sn,{variant:"headline",size:"small"},rt.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:S}})))},anchor:"center"},E.createElement(Ta,{open:f.length>0,onClose:w.bind(null,[]),container:Ze},E.createElement(Zc,{title:rt.t("Insufficient account balance"),type:"error",description:E.createElement(Yc,{messages:f??[]})},E.createElement(ka,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:se},rt.t("Proceed anyway")))),S&&E.createElement(Xs,null,E.createElement("div",{className:"wallets-list"},E.createElement(cr,{chain:S,isSelected:j,selectWallet:_e,multiWallets:s?.multiWallets??!0,supportedWallets:s?.wallets??[],config:s,onShowMore:T.bind(null,S)}))),!S&&E.createElement(E.Fragment,null,b&&E.createElement(E.Fragment,null,E.createElement(mr,{variant:"alarm",type:"error",title:rt.t(b)}),E.createElement(Ft,{size:12})),W&&E.createElement(E.Fragment,null,E.createElement(mr,{variant:"alarm",type:"warning",title:en(W)}),E.createElement(Ft,{size:12})),E.createElement(ta,null,J.map((D,N)=>{let _=p.find(ue=>ue.name===D),R=`wallet-${N}`,le=N===J.length-1;return E.createElement("div",{key:R},E.createElement(zs,null,E.createElement(sn,{variant:"title",size:"xmedium"},rt.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:_?.displayName}})),E.createElement(sn,{variant:"label",color:"$neutral900",size:"medium"},rt.t({id:"needConnect",message:"You need to connect a {blockchainName} wallet.",values:{blockchainName:_?.displayName}}))),E.createElement(Ft,{size:24}),E.createElement(qs,null,E.createElement(cr,{chain:D,isSelected:j,selectWallet:_e,multiWallets:s?.multiWallets??!0,supportedWallets:s?.wallets??[],config:s,limit:rm,onShowMore:()=>T(_?.name??"")})),!le&&E.createElement(Ft,{size:32}),le&&H&&E.createElement(Rs,null,E.createElement(js,{ref:B,selected:X,open:X,onOpenChange:ue=>{ue?L(ne?.name??"")||Ne(ho=>ho.map(yo=>yo.chain===ne?.name?{...yo,selected:!1}:yo)):Te()}},E.createElement(Gs,{onClick:()=>oe(ue=>!ue)},E.createElement(Ys,{fullWidth:!0,variant:"default",suffix:E.createElement(Qs,{orientation:X?"up":"down"},E.createElement(Rc,{size:10,color:"gray"}))},E.createElement("div",{className:"button__content"},E.createElement(Jc,{size:18,color:"info"}),E.createElement(Ft,{size:4,direction:"horizontal"}),E.createElement(sn,{variant:"label",size:"medium"},rt.t("Send to a different address"))))),E.createElement(ea,{open:X},E.createElement(E.Fragment,null,E.createElement(Ft,{size:4}),E.createElement(Js,{autoFocus:!0,placeholder:rt.t("Your destination address"),value:A,onChange:ue=>{$(ue.target.value)}})))),Ie&&E.createElement("div",{className:"alarms"},E.createElement(mr,{variant:"alarm",type:"error",title:rt.t({id:"addressMatch",values:{destination:A},message:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(wa,"ConfirmWalletsModal");import{calculatePendingSwap as sm}from"@rango-dev/queue-manager-rango-preset";import am from"bignumber.js";import{useEffect as lm}from"react";function pm(t,e){if(!t.result)throw new Error(z.noRoutesError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let o=new am(t.result?.outputAmount||"0").multipliedBy(e.outputUsdValue||0),n=Uo(e.inputUsdValue,o);if(zo(e.inputUsdValue,n))throw new Error("High value loss for route",{cause:{type:1}});return t}i(pm,"throwErrorIfResponseIsNotValid");function um(t,e,o){let n=is(t,e),r={balance:null,route:null,slippage:null};n&&(fs(t,e)?r.route={type:3,newOutputAmount:k(Mt(e)),percentageChange:k(et(Mt(t),Mt(e)),null,2)}:Xn(t,e)?r.route={type:0}:jn(t,e)?r.route={type:1}:Yn(t,e)&&(r.route={type:2}));let s=gs(e,o.selectedWallets);s.length===0||(r.balance={messages:s});let p=cs(t),l=o.userSlippage>ji;return ms(o.userSlippage.toString(),p)?l&&(r.slippage={type:1,slippage:o.userSlippage.toString()}):r.slippage={type:0,slippage:p},r}i(um,"generateWarnings");function va(){let{fromToken:t,toToken:e,inputAmount:o,inputUsdValue:n,setRoute:r,bestRoute:s,customDestination:a}=P(),{slippage:p,customSlippage:l,affiliatePercent:u,affiliateRef:m,affiliateWallets:d,disabledLiquiditySources:c}=O(),{connectedWallets:h}=G(),{meta:C}=v(),y=l||p,{fetch:S,cancelFetch:T,loading:f}=jo();return lm(()=>T,[]),{loading:f,fetch:i(async b=>{let x=b.selectedWallets,W=b?.customDestination??a;if(!t||!e||!o||!s)return{route:null,swap:null,error:null,warnings:null};let F=Vo({fromToken:t,toToken:e,inputAmount:o,wallets:h,selectedWallets:x,disabledLiquiditySources:c,slippage:y,affiliateRef:m,affiliatePercent:u,affiliateWallets:d,initialRoute:s,destination:W}),A;try{A=await S(F).then(oe=>pm(oe,{outputUsdValue:e.usdPrice,inputUsdValue:n})),r(A)}catch(oe){return oe?.code==="ERR_CANCELED"?{swap:null,error:{type:3},warnings:null}:oe.cause?{swap:null,error:oe.cause,warnings:null}:{swap:null,error:{type:2},warnings:null}}let $={slippage:y.toString(),disabledSwappersGroups:c},X=sm(o.toString(),A,ds(x),$,!1,C);return{route:A,swap:X,error:null,warnings:um(s,A,{selectedWallets:x,userSlippage:y})}},"fetch"),cancelFetch:T}}i(va,"useConfirmSwap");var wm=Ea("div",{position:"relative",width:"100%","& .description":{display:"flex",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10"},"& .icon":{width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}}),vm=Ea("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${xa}`]:{width:"$48",height:"$48"}});function Aa(t){let{config:e}=t,{bestRoute:o,inputAmount:n,outputAmount:r,inputUsdValue:s,outputUsdValue:a,setInputAmount:p,selectedWallets:l,routeWalletsConfirmed:u,setRouteWalletConfirmed:m,customDestination:d}=P(),c=Tm(),[h,C]=pn(""),[y,S]=pn(!1),{connectedWallets:T}=G(),f=!u,[w,b]=pn(!1),x=ve.use.setSelectedSwap(),{meta:{tokens:W,blockchains:F},loadingStatus:A}=v(),$=O.use.slippage(),X=O.use.customSlippage(),{manager:oe}=cm(),B=X||$,{fetch:J,loading:H,cancelFetch:ne}=va(),[L,me]=pn({swap:null,error:null,warnings:null}),Ne=H||A==="loading",U=!H&&L.error&&[0,2].includes(L.error.type),j=!U&&!H&&o&&o.result,Ie=Go(o,W),Te=k(et(s?.toNumber()??0,a?.toNumber()??0),2,2),_e=It(parseFloat(Te)),se=i(async({selectedWallets:N,customDestination:_})=>{let R=await J?.({selectedWallets:N,customDestination:_});return me(R),R},"onConfirmSwap"),ft=i(async()=>{if(L.swap&&u)try{await oe?.create("swap",{swapDetails:L.swap},{id:L.swap.requestId}),x(L.swap.requestId),c("/"+g.swaps+`/${L.swap.requestId}`,{replace:!0}),setTimeout(()=>{p("")},0)}catch(N){C("Error: "+N?.message)}},"addNewSwap"),Ze=i(async()=>{await ft()},"onConfirm"),bt=i(async()=>{L?.warnings?.slippage?S(!0):await Ze()},"onStartConfirmSwap"),D=i(async()=>{me({error:null,swap:null,warnings:null}),J({selectedWallets:l}).then(N=>{me(N)}).catch(N=>console.error(N))},"onRefresh");return ln(()=>{f&&ne()},[f]),ln(()=>{f&&b(f)},[f]),ln(()=>{f||J({selectedWallets:l,customDestination:d}).then(N=>me(N)).catch(N=>console.error(N))},[]),ln(()=>{let N=L.warnings?.route?.type&&Object.values(Vt).includes(L.warnings?.route?.type),_=l.length<1||!l.every(le=>T.find(ue=>le.address===ue.address&&le.walletType===ue.walletType&&le.chain===ue.chain)),R=!1;if(N){let le=Po(o),ue=o?.result?.swaps[o.result.swaps.length-1].to.blockchain;!!o?.result?.swaps.find(Pn=>Pn.from.blockchain===ue)||(le=le.slice(-le.length,le.length-1)),le.every(Pn=>l.find(yp=>yp.chain===Pn))||(R=!0)}o&&(_||R)&&(queueMicrotask(()=>km(b.bind(null,!0))),m(!1))},[L.warnings?.route,l.length,T.length]),I.createElement(Q,{header:{title:je.t("Confirm Swap"),onBack:c.bind(null,-1),hasConnectWallet:!0,suffix:I.createElement(Sm,{container:ae(),side:"bottom",content:je.t("Settings")},I.createElement(Fe,{size:"small",variant:"ghost",onClick:()=>c("/"+g.settings)},I.createElement(ym,{size:18,color:"black"})))},footer:I.createElement(vm,null,I.createElement("div",{className:"confirm-button"},I.createElement(an,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:H,disabled:!!L.error,onClick:bt},je.t("Start Swap"))),I.createElement(xa,{variant:"contained",type:"primary",size:"large",loading:H,onClick:b.bind(null,!0)},I.createElement(Cm,{size:24})))},I.createElement(gm,{anchor:"bottom",open:y,prefix:I.createElement(an,{size:"small",variant:"ghost",onClick:()=>c("/"+g.settings)},I.createElement(ba,{variant:"label",size:"medium",color:"$neutral900"},je.t("Change settings"))),container:document.querySelector("#swap-box"),onClose:S.bind(null,N=>!N)},L.warnings?.slippage&&I.createElement(fm,{type:"warning",title:L.warnings.slippage.type===1?je.t("High slippage"):je.t("Low slippage"),description:L.warnings.slippage.type===1?je.t("highSlippage",{selectedSlippage:B},{message:" Caution, your slippage is high (={selectedSlippage}). Your trade may be front run."}):je.t("increaseSlippage",{minRequiredSlippage:L.warnings.slippage.slippage},{message:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route."})},I.createElement($t,{size:18}),I.createElement($t,{size:32}),I.createElement(an,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:Ze},je.t("Confirm anyway")))),w&&I.createElement(wa,{open:w,onClose:()=>b(!1),onCancel:ne,loading:H,onCheckBalance:se,config:e}),I.createElement(wm,null,I.createElement("div",{className:"description"},I.createElement(ba,{variant:"title",size:"small"},je.t("You get")),I.createElement(an,{style:{padding:"0"},variant:"ghost",disabled:H,onClick:D},I.createElement("div",{className:"icon"},I.createElement(hm,{size:16})))),h&&I.createElement(I.Fragment,null,I.createElement(dr,{type:"error",variant:"alarm",title:h}),I.createElement($t,{size:12})),L.warnings?.route&&I.createElement(I.Fragment,null,I.createElement(dr,{variant:"alarm",type:"warning",title:en(L.warnings.route)}),I.createElement($t,{size:12})),Ne&&I.createElement(dm,{type:"swap-preview",expanded:!0}),j&&I.createElement(mm,{expanded:!0,tooltipContainer:ae(),steps:ps(o,F)??[],input:{value:k(n,6,6),usdValue:k(s,4,4)},output:{value:k(r,6,6),usdValue:k(a,4,4)},totalFee:k(Ie,2,2),totalTime:Bt(Wt(o.result?.swaps)),recommended:!0,type:"swap-preview",percentageChange:Te,warningLevel:_e}),U&&I.createElement(I.Fragment,null,I.createElement($t,{size:12}),I.createElement(Kt,{diagnosisMessage:L.error?.type===0?L.error.diagnosisMessage:void 0,error:L.error?.type===2,fetch:D})),L.error?.type===1&&I.createElement(I.Fragment,null,I.createElement(dr,{variant:"alarm",type:"error",title:Mo(L.error)}),I.createElement($t,{size:12}))))}i(Aa,"ConfirmSwapPage");import{i18n as mn}from"@lingui/core";import{useManager as Wm}from"@rango-dev/queue-manager-react";import{Divider as Nm,NotFound as Im,styled as _a}from"@rango-dev/ui";import mt,{useState as Mm}from"react";import{useNavigate as Lm}from"react-router-dom";import{CloseIcon as xm,IconButton as Em,SearchIcon as Am,TextField as Bm}from"@rango-dev/ui";import Zt from"react";import{styled as bm}from"@rango-dev/ui";var Ba=bm("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function it(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:p,...l}=t;return Zt.createElement(Bm,{prefix:Zt.createElement(Ba,null,Zt.createElement(Am,{color:"black"})),suffix:!!a.length&&Zt.createElement(Em,{variant:"ghost",onClick:()=>p?.(""),size:"small"},Zt.createElement(xm,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...l})}i(it,"SearchInput");import{i18n as Na}from"@lingui/core";import{Divider as Ia,SwapListItem as Ma,Typography as La}from"@rango-dev/ui";import te from"react";import{styled as un}from"@rango-dev/ui";var fr=un("div",{width:"100%",display:"flex",flexDirection:"column"}),gr=un("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),hr=un("div",{gap:"$10",display:"flex",flexDirection:"column"}),Wa=un("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function yr(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,s=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return te.createElement(te.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(l=>te.createElement(te.Fragment,{key:l.title},te.createElement(fr,null,te.createElement(gr,null,te.createElement(La,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},Na.t(l.title))),te.createElement(Ia,{size:4}),te.createElement(hr,null,l.swaps.map((u,m)=>{let d=m+l.title;return te.createElement(te.Fragment,{key:d},te.createElement(Ma,{isLoading:!0}))}))))))}return te.createElement(te.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>te.createElement(te.Fragment,{key:a.title},te.createElement(fr,null,te.createElement(gr,null,te.createElement(La,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},Na.t(a.title))),te.createElement(Ia,{size:4}),te.createElement(hr,null,a.swaps.map(p=>{let l=p.steps[0],u=p.steps[p.steps.length-1];return te.createElement(te.Fragment,{key:p.requestId},te.createElement(Ma,{requestId:p.requestId,creationTime:p.creationTime,status:p.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:l.fromLogo,displayName:l.fromSymbol},blockchain:{image:l.fromBlockchainLogo||""},amount:wo(p.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:wo(u.outputAmount||""),estimatedAmount:wo(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}i(yr,"SwapsGroup");import Pa from"dayjs";var Da=i(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=Pa();return t.forEach(n=>{let r=Pa(Number(n.creationTime));o.isSame(r,"day")?e.get("today")?.swaps.push(n):o.isSame(r,"month")?e.get("month")?.swaps.push(n):o.isSame(r,"year")?e.get("year")?.swaps.push(n):e.get("history")?.swaps.push(n)}),Array.from(e.values())},"groupSwapsByDate");var cn=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");var Pm=_a("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Dm=_a("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),_m=i((t,e)=>t?.length?t.filter(o=>Ke(o.fromBlockchain,e)||Ke(o.toBlockchain,e)||Ke(o.toSymbol,e)||Ke(o.fromSymbol,e)).length:!1,"isStepContainsText");function Fa(){let t=ve.use.setSelectedSwap(),e=Lm(),{navigateBackFrom:o}=re(),{manager:n,state:r}=Wm(),s=cn(n).map(({swap:c})=>c),[a,p]=Mm(""),l=!r.loadedFromPersistor,u=i(c=>{let h=c.target.value;p(h)},"searchHandler"),m=s;a&&(m=s.filter(c=>Ke(c.inputAmount,a)||Ke(c.status,a)||_m(c.steps,a)||Ke(c.requestId,a)));let d=!m?.length&&!l;return mt.createElement(Q,{header:{onBack:o.bind(null,g.swaps),title:mn.t("History")}},mt.createElement(Pm,null,mt.createElement(it,{setValue:p,fullWidth:!0,variant:"contained",placeholder:mn.t("Search Transaction"),autoFocus:!0,onChange:u,value:a}),mt.createElement(Dm,null,d&&mt.createElement(Wa,null,mt.createElement(Nm,{size:32}),mt.createElement(Im,{title:mn.t("No results found"),description:a?mn.t("Try using different keywords"):""})),!d&&mt.createElement(yr,{list:m,onSwapClick:c=>{t(c),e(`${c}`,{replace:!0})},groupBy:Da,isLoading:l}))))}i(Fa,"HistoryPage");import{i18n as eo}from"@lingui/core";import{List as Fm,ListItemButton as $m,Radio as kr,RadioRoot as Om,Typography as Tr}from"@rango-dev/ui";import Ge,{useState as Um}from"react";import{styled as dn}from"@rango-dev/ui";var st=dn("div",{height:"100%",overflow:"hidden"}),Jt=dn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),Sr=dn("div",{width:80,display:"flex",justifyContent:"flex-end"}),Cr=dn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function $a(){let{navigateBackFrom:t}=re(),[e,o]=Um("english"),n=[{id:"english",value:"english",title:Ge.createElement(Tr,{variant:"title",size:"xmedium"},eo.t("English")),onClick:()=>o("english"),end:Ge.createElement(kr,{value:"english"})},{id:"french",value:"french",title:Ge.createElement(Tr,{variant:"title",size:"xmedium"},eo.t("French")),onClick:()=>o("french"),end:Ge.createElement(kr,{value:"french"})},{id:"spanish",value:"spanish",title:Ge.createElement(Tr,{variant:"title",size:"xmedium"},eo.t("Spanish")),onClick:()=>o("spanish"),end:Ge.createElement(kr,{value:"spanish"})}];return Ge.createElement(Q,{header:{onBack:t.bind(null,g.settings),title:eo.t("Language")}},Ge.createElement(st,null,Ge.createElement(Om,{value:e},Ge.createElement(Fm,{type:Ge.createElement($m,{title:eo.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i($a,"LanguagePage");import{i18n as Ot}from"@lingui/core";import{Button as Vm,Checkbox as Km,Image as Xm,ListItemButton as jm,NotFound as Ym,Typography as Rm}from"@rango-dev/ui";import ke,{useState as Qm}from"react";import{Checkbox as Hm,Skeleton as Ua}from"@rango-dev/ui";import to from"react";import{ListItem as zm,styled as qm}from"@rango-dev/ui";var Oa=qm(zm,{height:61});var Gm=30;function wr(){return to.createElement(Jt,null,Array.from(Array(Gm),t=>to.createElement(Oa,{hasDivider:!0,key:t,start:to.createElement(Ua,{variant:"circular",width:35,height:35}),title:to.createElement(Ua,{variant:"text",size:"large",width:90}),end:to.createElement(Hm,{checked:!1})})))}i(wr,"LoadingLiquiditySourceList");function fn(t){let e=v.use.meta().swappers,o=O.use.disabledLiquiditySources(),n=[];return Et(e.map(s=>s.swapperGroup)).map(s=>{let a=e.find(p=>p.swapperGroup===s);if(a){let p=!0;t&&(p=t.some(l=>l===a.title)),p&&a.types.map(l=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:l,selected:!o.includes(a.swapperGroup)})})}}),n}i(fn,"getUniqueSwappersGroups");function za(t,e){return t.groupTitle<e.groupTitle?-1:t.groupTitle>e.groupTitle?1:0}i(za,"sortLiquiditySourcesByGroupTitle");function vr({supportedSwappers:t,sourceType:e}){let[o,n]=Qm(""),r=O.use.toggleLiquiditySource(),{navigateBackFrom:s}=re(),a=v.use.loadingStatus(),p=fn(t),l=[];e==="Exchanges"&&l.push("DEX"),e==="Bridges"&&(l.push("BRIDGE"),l.push("AGGREGATOR"));let u=p.filter(y=>l.includes(y.type)),m=u.length===u.filter(y=>y.selected).length,d=i(()=>{u.forEach(y=>{m?r(y.groupTitle):y.selected||r(y.groupTitle)})},"toggleAllSources"),c=u.sort(za).map(y=>{let{selected:S,groupTitle:T,logo:f}=y;return{start:ke.createElement(Xm,{src:f,size:22,type:"circular"}),onClick:()=>r(T),end:ke.createElement(Km,{checked:S}),title:ke.createElement(Rm,{variant:"title",size:"xmedium"},Ot.t(T)),...y}}),h=i(y=>{let S=y.target.value;n(S)},"searchHandler"),C=c;return o&&(C=c.filter(y=>Ke(y.groupTitle,o))),ke.createElement(Q,{header:{onBack:s.bind(null,g.settings),title:Ot.t(e),suffix:ke.createElement(Sr,null,ke.createElement(Vm,{variant:"ghost",size:"xsmall",onClick:d},Ot.t(m?"Deselect all":"Select all")))}},ke.createElement(st,null,ke.createElement(it,{value:o,setValue:n,fullWidth:!0,color:"light",variant:"contained",placeholder:Ot.t("Search {sourceType}",{sourceType:e}),onChange:h}),a==="loading"&&ke.createElement(wr,null),!C.length&&o?ke.createElement(Cr,null,ke.createElement(Ym,{title:Ot.t("No results found"),description:Ot.t("Try using different keywords")})):a==="success"&&ke.createElement(Jt,null,C.map(y=>ke.createElement(ke.Fragment,{key:y.id},ke.createElement(jm,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}i(vr,"LiquiditySourcePage");import{i18n as Ya}from"@lingui/core";import{Divider as Ar,SelectableCategoryList as sd}from"@rango-dev/ui";import Tt,{useState as Ra}from"react";import{i18n as xr}from"@lingui/core";import{Divider as Xa,Image as td,ListItemButton as od,NotFound as nd,Typography as ja}from"@rango-dev/ui";import De,{useEffect as rd,useState as id}from"react";import{BlockchainCategories as br}from"@rango-dev/ui";import{TransactionType as gn}from"rango-sdk";var Zm=i((t,e)=>{switch(e){case br.ALL:return!0;case br.UTXO:return t.type===gn.TRANSFER;case br.OTHER:return t.type!==gn.TRANSFER&&t.type!==gn.COSMOS&&t.type!==gn.EVM;default:return t.type===e}},"filterByType"),qa=i((t,e,o)=>t.filter(n=>Zm(n,o)).filter(n=>gt(n.name,e)||gt(n.displayName,e)),"filterBlockchains");import{styled as Ha}from"@rango-dev/ui";var Ga=Ha("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),hn=Ha("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Jm,Skeleton as Va}from"@rango-dev/ui";import yn from"react";var ed=20;function Ka(){return yn.createElement(hn,null,Array.from(Array(ed),t=>yn.createElement(Jm,{key:t,hasDivider:!0,start:yn.createElement(Va,{variant:"circular",width:35,height:35}),title:yn.createElement(Va,{variant:"text",size:"large",width:90})})))}i(Ka,"LoadingBlockchainList");function Er(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=id(e),p=v.use.loadingStatus();rd(()=>{a([...qa(e,o,r)])},[e,o,r]);let l=i(()=>!s.length&&o?De.createElement(De.Fragment,null,De.createElement(Xa,{size:32}),De.createElement(nd,{title:xr.t("No results found"),description:xr.t("Try using different keywords")})):De.createElement(hn,{key:`${r}-${o}`},s.map(u=>De.createElement(od,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:De.createElement(td,{src:u.logo,size:30}),title:De.createElement(ja,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return De.createElement(Ga,null,De.createElement(ja,{variant:"label",size:"large"},xr.t("Select Blockchain")),De.createElement(Xa,{size:4}),p==="loading"&&De.createElement(Ka,null),p==="success"&&l())}i(Er,"BlockchainList");function Br(t){let{type:e}=t,{navigateBackFrom:o}=re(),[n,r]=Ra(""),[s,a]=Ra("ALL"),p=P.use.setToBlockchain(),l=P.use.setFromBlockchain(),{loadingStatus:u}=v(),m=Le().blockchains({type:e}),d=e==="source"?"fromBlockchain":"toBlockchain";return Tt.createElement(Q,{header:{onBack:()=>{o(g[d])},title:Ya.t("Select Blockchain")}},Tt.createElement(Ar,{size:12}),Tt.createElement(sd,{setCategory:a,category:s,blockchains:m,isLoading:u==="loading"}),Tt.createElement(Ar,{size:24}),Tt.createElement(it,{value:n,autoFocus:!0,placeholder:Ya.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:c=>r(c.target.value)}),Tt.createElement(Ar,{size:16}),Tt.createElement(Er,{list:m,searchedFor:n,blockchainCategory:s,onChange:c=>{e==="source"?l(c):p(c),o(g[d])}}))}i(Br,"SelectBlockchainPage");import{i18n as ml}from"@lingui/core";import{Divider as dl}from"@rango-dev/ui";import Ut,{useState as xd}from"react";import{useNavigate as Ed}from"react-router-dom";import{i18n as Wr}from"@lingui/core";import{BlockchainsChip as Nr,Divider as Ja,Image as md,Skeleton as dd,Typography as Ir}from"@rango-dev/ui";import xe from"react";import{useMemo as ad,useRef as ld}from"react";function Qa(t,e){let o=ld({index:-1,name:""});t.sort(ud);let n=t.map(r=>r.name).join("-");return ad(()=>{let r=t,s=[];if(e?.limit&&t.length>e.limit){let a=e.limit,p=e.selected?t.findIndex(u=>u.name===e.selected):-1,l=o.current.index>e.limit-1&&!!t.find(u=>u.name===o.current.name);e.selected&&(l&&p<e.limit-1||p>e.limit-1)&&t.sort(pd(l?o.current.name:e.selected)),s=r.splice(a),o.current={index:p,name:e.selected??""}}return{list:r,more:s}},[n])}i(Qa,"usePrepareBlockchainList");function pd(t){return i(function(o,n){return o.name===t?-1:n.name===t?1:0},"sortBySelected")}i(pd,"generateSortBySelectedFor");function ud(t,e){let o=["ETH","COSMOS","OSMOSIS"],n=o.findIndex(p=>p===t.name),r=o.findIndex(p=>p===e.name),s=n>-1,a=r>-1;return s&&a?n>r?1:-1:s?-1:a?1:0}i(ud,"sortByMostUsedBlockchains");import{styled as cd}from"@rango-dev/ui";var Za=cd("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var el=10,Mr=el+1,fd=12;function Lr(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Qa(e,{limit:e.length===Mr?Mr:el,selected:n?.name}),p=v.use.loadingStatus(),l=P.use.resetToBlockchain(),u=P.use.resetFromBlockchain(),m=e.length!==Mr&&a.more.length;return xe.createElement("div",null,xe.createElement(Ja,{size:12}),xe.createElement(Ir,{variant:"label",size:"large"},Wr.t("Select Blockchain")),xe.createElement(Ja,{size:12}),xe.createElement(Za,null,p==="loading"&&Array.from(Array(fd),d=>xe.createElement(dd,{key:d,variant:"rounded",height:50})),p==="success"&&xe.createElement(xe.Fragment,null,xe.createElement(Nr,{selected:!n,onClick:()=>{o==="from"?u():l()}},xe.createElement(Ir,{variant:"body",size:"xsmall",color:"secondary500"},Wr.t("All"))),a.list.map(d=>xe.createElement(Nr,{key:d.chainId,selected:!!n&&n.chainId===d.chainId,onClick:()=>r(d)},xe.createElement(md,{src:d.logo,size:30}))),m?xe.createElement(Nr,{onClick:s},xe.createElement(Ir,{variant:"body",size:"xsmall",color:"secondary500"},Wr._("More +{count}",{count:a.more.length}))):null)))}i(Lr,"BlockchainsSection");import{i18n as Fr}from"@lingui/core";import{darkTheme as al,Divider as no,ExternalLinkIcon as yd,Image as Sd,ListItemButton as Cd,NotFound as kd,PinIcon as Td,Skeleton as ll,Typography as ro,VirtualizedList as wd}from"@rango-dev/ui";import M,{forwardRef as vd,useEffect as pl,useState as ul}from"react";import{Divider as il,ListItem as hd,Skeleton as oo}from"@rango-dev/ui";import Ve from"react";import{styled as Ye,Typography as gd}from"@rango-dev/ui";var tl=Ye("div",{display:"flex",flexDirection:"column",flexGrow:1}),Pr=Ye("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Sn=Ye("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none",".description":{position:"relative",height:12,width:150,".token-title":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"},".token-address":{transform:"translateY(12px)",visibility:"hidden","& a":{fontSize:"$12",lineHeight:"$16",color:"$neutral800",textDecoration:"none"}},".token-name":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}},"&:hover":{".description":{".token-address":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},".token-address-without-name":{bottom:"-15px"},".token-name":{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},".token-title":{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Dr=Ye("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),_r=Ye(gd,{}),ol=Ye("div",{textAlign:"right"}),Cn=Ye("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),yE=Ye("div",{display:"flex",alignItems:"center"}),nl=Ye("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),rl=Ye("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function sl(t){return Ve.createElement(Sn,null,Array.from(Array(t.size),e=>Ve.createElement(hd,{key:e,hasDivider:!0,start:Ve.createElement(oo,{variant:"circular",width:35,height:35}),end:Ve.createElement(Cn,null,Ve.createElement(oo,{variant:"text",size:"large",width:70}),Ve.createElement(il,{size:4}),Ve.createElement(oo,{variant:"text",size:"medium",width:50})),title:Ve.createElement("div",null,Ve.createElement(oo,{variant:"text",size:"large",width:90}),Ve.createElement(il,{size:4}),Ve.createElement(oo,{variant:"text",size:"medium",width:90}))})))}i(sl,"LoadingTokenList");var $r=20,bd=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,p=e.length;return M.createElement("div",{className:"description"},o?M.createElement("div",{className:"token-name"},o):M.createElement(Pr,{className:"token-title"},M.createElement(ro,{variant:"title",size:"xmedium"},r.symbol),M.createElement(no,{direction:"horizontal",size:4}),M.createElement(Dr,{css:s},M.createElement(_r,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&M.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},M.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:l=>l.stopPropagation()},p>10?`${e.slice(0,5)}...${e.slice(p-6,p)}`:e," ",M.createElement(yd,{color:"gray",size:12}))))},"renderDesc");function cl(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=ul(e),p=v.use.loadingStatus(),[l,u]=ul(!0),m=G.use.loading(),{blockchains:d}=v.use.meta(),{isTokenPinned:c}=Le(),h=vd((S,T)=>M.createElement("div",{...S,ref:T,style:{...S.style,height:`${parseFloat(S.style?.height)+8*2}px`}})),C=i(()=>{a(e.slice(0,s.length+$r))},"loadNextPage");pl(()=>{u(e.length>s.length)},[s.length]),pl(()=>{a(e.slice(0,$r))},[e]);let y=i(()=>!s.length&&o?M.createElement(M.Fragment,null,M.createElement(no,{size:32}),M.createElement(kd,{title:Fr.t("No results found"),description:Fr.t("Try using different keywords")})):M.createElement(wd,{Item:({index:S,style:T})=>{let f=s[S],w=f.address||"",b=d.find(A=>A.name===f.blockchain),x=hi(f.symbol,b?.color||""),W={$$color:x[`${f.symbol}100`],[`.${al} &`]:{$$color:x[`${f.symbol}900`]},backgroundColor:"$$color"},F={$$color:x[`${f.symbol}700`],[`.${al} &`]:{$$color:x[`${f.symbol}100`]},color:"$$color"};return M.createElement("div",{style:{...T,paddingRight:5}},M.createElement(Cd,{style:{height:T?.height},"tab-index":S,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(s[S]),start:M.createElement(nl,null,M.createElement(Sd,{src:f.image,size:30}),c(f)&&M.createElement(rl,null,M.createElement(Td,{size:12,color:"gray"}))),title:b?.type==="COSMOS"||f.name||!f.name&&!w?M.createElement(Pr,null,M.createElement(ro,{variant:"title",size:"xmedium"},f.symbol),M.createElement(no,{direction:"horizontal",size:4}),M.createElement(Dr,{css:W},M.createElement(_r,{variant:"body",size:"xsmall",css:F},f.blockchain))):void 0,description:b?.info&&w&&b.type!=="COSMOS"?bd({address:w,token:s[S],customCssForTag:W,customCssForTagTitle:F,name:f.name,url:b.info.addressUrl.split("{wallet}").join(w)}):f.name||void 0,end:m?M.createElement(Cn,null,M.createElement(ll,{variant:"text",size:"large",width:70}),M.createElement(no,{size:4}),M.createElement(ll,{variant:"text",size:"medium",width:50})):s[S]?.balance&&M.createElement(ol,null,M.createElement(ro,{variant:"title",size:"small"},f.balance?.amount),M.createElement("div",null),f.balance?.usdValue&&M.createElement(ro,{variant:"body",color:"neutral800",size:"xsmall"},`$${f.balance?.usdValue}`))}))},hasNextPage:l,itemCount:s.length,loadNextPage:C,innerElementType:h,size:60,key:`${r}-${o}`}),"renderList");return M.createElement(tl,null,M.createElement(ro,{variant:"label",size:"large"},Fr.t("Select Token")),M.createElement(no,{size:4}),p==="loading"&&M.createElement(sl,{size:$r}),p==="success"&&M.createElement(Sn,null,y()))}i(cl,"TokenList");function Or(t){let{type:e}=t,o=Ed(),{navigateBackFrom:n}=re(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:p,setFromBlockchain:l,setToBlockchain:u}=P(),{connectedWallets:m}=G(),[d,c]=xd(""),C=(e==="source"?r:s)?.name??"",y=Le().blockchains({type:e}),S=Le().tokens({type:e,blockchain:C,searchFor:d}),T=Ni(S,m),f=i(b=>{e==="source"?l(b):u(b)},"updateBlockchain"),w=i(b=>{e==="source"?a(b):p(b)},"updateToken");return Ut.createElement(Q,{header:{onBack:()=>n(e==="source"?g.fromSwap:g.toSwap),title:ml.t("Swap {type}",{type:e==="source"?"from":"to"})}},Ut.createElement(Lr,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(e==="source"?g.fromBlockchain:g.toBlockchain),onChange:b=>{f(b)}}),Ut.createElement(dl,{size:24}),Ut.createElement(it,{value:d,autoFocus:!0,placeholder:ml.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>c(""),onChange:b=>c(b.target.value)}),Ut.createElement(dl,{size:16}),Ut.createElement(cl,{list:T,selectedBlockchain:C,searchedFor:d,onChange:b=>{w(b);let x=y.find(W=>b.blockchain===W.name);x&&f(x),n(g.fromSwap)}}))}i(Or,"SelectSwapItemsPage");import{i18n as wt}from"@lingui/core";import{ChevronRightIcon as qr,Divider as Hr,InfoIcon as Md,List as Ld,ListItemButton as Pd,Skeleton as Dd,Switch as _d,Tooltip as Fd,Typography as vt}from"@rango-dev/ui";import q from"react";import{useNavigate as $d}from"react-router-dom";import{i18n as Sl}from"@lingui/core";import{Chip as Bd,Divider as Cl,InfoIcon as Wd,TextField as Nd,Tooltip as Id,Typography as kl}from"@rango-dev/ui";import Ee from"react";import{styled as kn}from"@rango-dev/ui";var fl=kn("div",{paddingTop:"$5",paddingBottom:"30px"}),gl=kn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),hl=kn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Tn=kn("div",{maxWidth:"300px",padding:"$10"});import{i18n as Ur}from"@lingui/core";import{Typography as Ad}from"@rango-dev/ui";import io from"react";function yl(){return io.createElement(Tn,null,io.createElement(Ad,{variant:"label",size:"medium",color:"neutral900"},Ur.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),io.createElement("br",null),io.createElement("br",null),io.createElement("b",null,Ur.t("Warning")),":",Ur.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}i(yl,"SlippageTooltipContent");function zr(){let t=O.use.slippage(),e=O.use.setSlippage(),o=O.use.customSlippage(),n=O.use.setCustomSlippage();return Ee.createElement(fl,null,Ee.createElement(hl,null,Ee.createElement(kl,{variant:"title",size:"xmedium"},Sl.t("Slippage tolerance per swap")),Ee.createElement(Cl,{direction:"horizontal",size:4}),Ee.createElement(Id,{container:ae(),side:"top",content:Ee.createElement(yl,null)},Ee.createElement(Wd,{color:"gray"}))),Ee.createElement(gl,null,Ki.map((r,s)=>{let a=`slippage-${s}`;return Ee.createElement(Ee.Fragment,null,Ee.createElement(Bd,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),Ee.createElement(Cl,{direction:"horizontal",size:8}))}),Ee.createElement(Nd,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=parseFloat(r.target.value);(!s||s>=Ri&&s<=Yi)&&n(s)},suffix:o&&Ee.createElement(kl,{variant:"body",size:"small"},"%"),placeholder:Sl.t("Custom")})))}i(zr,"Slippage");function Tl({supportedSwappers:t,singleTheme:e}){let o=$d(),{navigateBackFrom:n}=re(),r=O.use.infiniteApprove(),s=O.use.toggleInfiniteApprove(),a=v.use.loadingStatus(),p=fn(t),l=p.filter(b=>b.type==="BRIDGE"||b.type==="AGGREGATOR"),u=l.length,m=l.filter(b=>b.selected).length,d=p.filter(b=>b.type==="DEX"),c=d.length,h=d.filter(b=>b.selected).length,C=i((b,x)=>{switch(a){case"loading":return q.createElement(Dd,{variant:"text",size:"medium",width:50});case"failed":return q.createElement(vt,{variant:"body",size:"medium",color:"$error500"},wt.t("Loading failed"));default:return q.createElement(vt,{variant:"body",size:"medium"},`${b} / ${x}`)}},"handleEndItem"),y={id:"bridge-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Enabled bridges")),end:q.createElement(q.Fragment,null,C(m,u),q.createElement(Hr,{direction:"horizontal",size:8}),q.createElement(qr,{color:"black"})),onClick:()=>o(g.bridges)},S={id:"exchange-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Enabled exchanges")),end:q.createElement(q.Fragment,null,C(h,c),q.createElement(Hr,{direction:"horizontal",size:8}),q.createElement(qr,{color:"gray"})),onClick:()=>o(g.exchanges)},T={id:"theme-item",title:q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Theme")),end:q.createElement(qr,{color:"gray"}),onClick:()=>o(g.themes)},f={id:"infinite-approval-item",title:q.createElement(q.Fragment,null,q.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Infinite Approval")),q.createElement(Hr,{direction:"horizontal",size:4}),q.createElement(Fd,{side:"top",container:ae(),content:q.createElement(Tn,null,q.createElement(vt,{variant:"label",size:"medium",color:"neutral900"},wt.t("Enabling the 'Infinite Approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},q.createElement(Md,{color:"gray"}))),end:q.createElement(_d,{checked:r}),onClick:s},w=[y,S];return e||w.push(T),w.push(f),q.createElement(Q,{header:{onBack:n.bind(null,g.settings),title:wt.t("Setting")}},q.createElement(st,null,q.createElement(zr,null),q.createElement(Ld,{type:q.createElement(Pd,{title:"_",id:"_",onClick:()=>console.log()}),items:w})))}i(Tl,"SettingsPage");import{cancelSwap as Pf}from"@rango-dev/queue-manager-rango-preset";import{useManager as Df}from"@rango-dev/queue-manager-react";import Jl from"react";import{i18n as at}from"@lingui/core";import{getCurrentBlockchainOfOrNull as ff,getCurrentStep as gf,getRelatedWalletOrNull as hf,PendingSwapNetworkStatus as In}from"@rango-dev/queue-manager-rango-preset";import{Button as Vl,CopyIcon as yf,Divider as Sf,IconButton as Cf,RouteCost as kf,RouteSummary as Tf,StepDetails as wf,Typography as qt,useCopyToClipboard as vf}from"@rango-dev/ui";import{useWallets as bf}from"@rango-dev/wallets-react";import Z,{useEffect as Kl,useRef as xf,useState as Xl}from"react";import{useNavigate as Ef}from"react-router-dom";import{i18n as Ae}from"@lingui/core";var Od=1e3,Ud=31536e3,zd=2592e3,qd=86400,Hd=3600,Gd=60;function wl(t){let e=Math.floor((Date.now()-t)/Od),n=[{turningPoint:Ud,label:Ae.t("year"),pluralLabel:Ae.t("years")},{turningPoint:zd,label:Ae.t("month"),pluralLabel:Ae.t("months")},{turningPoint:qd,label:Ae.t("day"),pluralLabel:Ae.t("days")},{turningPoint:Hd,label:Ae.t("hour"),pluralLabel:Ae.t("hours")},{turningPoint:Gd,label:Ae.t("minute"),pluralLabel:Ae.t("minutes")}].sort((r,s)=>s.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:s,label:a,pluralLabel:p}=r,l=Math.floor(e/s);if(l>1)return`${l} ${p}`;if(l===1)return`${l} ${a}`}return e>1?`${e} ${Ae.t("seconds")}`:`${e} ${Ae.t("second")}`}i(wl,"timeSince");function vl(t){return t.finishTime?Ae.t({id:"timeAgo",message:"{time} ago",values:{time:wl(parseInt(t.finishTime))}}):Ae.t({id:"timeAgo",message:"{time} ago",values:{time:wl(parseInt(t.creationTime))}})}i(vl,"getSwapDate");import{PendingSwapNetworkStatus as bn}from"@rango-dev/queue-manager-rango-preset";import{Modal as Qd}from"@rango-dev/ui";import xn from"react";import{i18n as wn}from"@lingui/core";import{Button as bl,Divider as Gr,MessageBox as Vd,Typography as xl}from"@rango-dev/ui";import Re from"react";var El=i(({onCancel:t,onClose:e})=>Re.createElement(Re.Fragment,null,Re.createElement(Gr,{size:20}),Re.createElement(Vd,{type:"error",title:wn.t("Transaction Cancel"),description:wn.t("Are you sure you want to Cancel this swap?")}),Re.createElement(Gr,{size:32}),Re.createElement(bl,{variant:"contained",type:"primary",size:"large",onClick:t},Re.createElement(xl,{variant:"title",size:"medium",color:"neutral100"},wn.t("Yes, Cancel it"))),Re.createElement(Gr,{size:12}),Re.createElement(bl,{variant:"outlined",type:"primary",size:"large",onClick:e},Re.createElement(xl,{variant:"title",size:"medium",color:"primary"},wn.t("No, Continue")))),"CancelContent");import{i18n as vn}from"@lingui/core";import{Button as Al,Divider as Vr,MessageBox as Kd,Typography as Bl}from"@rango-dev/ui";import Qe from"react";var Wl=i(({onDelete:t,onClose:e})=>Qe.createElement(Qe.Fragment,null,Qe.createElement(Vr,{size:20}),Qe.createElement(Kd,{type:"error",title:vn.t("Delete Transaction"),description:vn.t("Are you sure you want to delete this swap?")}),Qe.createElement(Vr,{size:32}),Qe.createElement(Al,{variant:"contained",type:"primary",size:"large",onClick:t},Qe.createElement(Bl,{variant:"title",size:"medium",color:"neutral100"},vn.t("Yes, Delete it"))),Qe.createElement(Vr,{size:12}),Qe.createElement(Al,{variant:"outlined",type:"primary",size:"large",onClick:e},Qe.createElement(Bl,{variant:"title",size:"medium",color:"primary"},vn.t("No, Cancel")))),"DeleteContent");import{i18n as Kr}from"@lingui/core";import{PendingSwapNetworkStatus as Xr}from"@rango-dev/queue-manager-rango-preset";var jr={[Xr.WaitingForNetworkChange]:{type:"loading",title:Kr.t("Change Network")},[Xr.WaitingForConnectingWallet]:{type:"warning",title:Kr.t("Connect Wallet")},[Xr.NetworkChanged]:{type:"success",title:Kr.t("Network Changed")}};import{MessageBox as jd,Wallet as Yd,WalletState as Il}from"@rango-dev/ui";import{useWallets as Rd}from"@rango-dev/wallets-react";import so from"react";import{styled as Xd}from"@rango-dev/ui";var Nl=Xd("div",{display:"flex",justifyContent:"center"});var Ml=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:p,state:l}=Rd(),u=n?.walletType,d=u&&l(u).connected?Il.CONNECTED:Il.DISCONNECTED;return so.createElement(so.Fragment,null,so.createElement(jd,{type:e,title:o,description:r}),s&&u&&so.createElement(Nl,null,so.createElement(Yd,{container:ae(),title:p(u).name,image:p(u).img,type:u,state:d,onClick:async()=>a(u)})))},"WalletStateContent");function Yr(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,p=e===bn.WaitingForNetworkChange||e===bn.WaitingForConnectingWallet||e===bn.NetworkChanged;return xn.createElement(Qd,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},p&&xn.createElement(Ml,{type:jr[e].type,title:jr[e].title,currentStepWallet:s,message:a,showWalletButton:e!==bn.WaitingForNetworkChange}),e==="delete"&&xn.createElement(Wl,{onClose:o,onDelete:n}),e==="cancel"&&xn.createElement(El,{onClose:o,onCancel:r}))}i(Yr,"SwapDetailsModal");import{i18n as ao}from"@lingui/core";import{Button as Rr,Divider as En,MessageBox as Ll,Modal as Zd,TokenAmount as Jd,Typography as An}from"@rango-dev/ui";import fe from"react";import{useNavigate as ef}from"react-router-dom";function Qr(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,token:a,chain:p,percentageChange:l,description:u,diagnosisUrl:m}=t,d=ef();return fe.createElement(Zd,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?fe.createElement(Ll,{type:"success",title:ao.t("Swap Successful")},fe.createElement(Jd,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:s},token:a,chain:p,percentageChange:l}),fe.createElement(En,{size:12}),fe.createElement(An,{variant:"body",size:"medium",color:"neutral900",align:"center"},u)):fe.createElement(Ll,{type:"error",title:ao.t("Transaction Failed"),description:u}),fe.createElement(En,{size:32}),n==="success"&&fe.createElement(Rr,{variant:"contained",type:"primary",size:"large",onClick:()=>d(g.home)},fe.createElement(An,{variant:"title",size:"medium",color:"neutral100"},ao.t("Done"))),fe.createElement(En,{size:12}),m&&fe.createElement(fe.Fragment,null,fe.createElement(Rr,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},fe.createElement(An,{variant:"title",size:"medium",color:"primary"},ao.t("Diagnosis"))),fe.createElement(En,{size:12})),fe.createElement(Rr,{variant:"outlined",type:"primary",size:"large",onClick:o},fe.createElement(An,{variant:"title",size:"medium",color:"primary"},ao.t("See Details"))))}i(Qr,"SwapDetailsCompleteModal");import mf from"react";import{i18n as lf}from"@lingui/core";import{Alert as Ol,IconButton as pf,LinkIcon as uf}from"@rango-dev/ui";import dt,{Fragment as cf}from"react";import{Alert as tf,ChevronDownIcon as of,ChevronUpIcon as nf,IconButton as rf}from"@rango-dev/ui";import Bn,{useState as sf}from"react";function Pl(t){let{message:e}=t,[o,n]=sf(!1);return Bn.createElement(tf,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Bn.createElement(rf,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Bn.createElement(nf,{size:12,color:"gray"}):Bn.createElement(of,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(Pl,"FailedAlert");import{styled as af}from"@rango-dev/ui";var Dl=af("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as _l}from"@lingui/core";import{PendingSwapNetworkStatus as Zr}from"@rango-dev/queue-manager-rango-preset";import{Alert as Jr,Button as Fl}from"@rango-dev/ui";import lo from"react";function $l(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?lo.createElement(Jr,{type:"warning",title:n.shortMessage,action:lo.createElement(Fl,{size:"xxsmall",type:"warning",onClick:()=>{o(Zr.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},_l.t("Change"))}):r===Zr.WaitingForConnectingWallet?lo.createElement(Jr,{type:"warning",title:n.shortMessage,action:lo.createElement(Fl,{size:"xxsmall",type:"warning",onClick:()=>{o(Zr.WaitingForConnectingWallet)}},_l.t("Connect"))}):lo.createElement(Jr,{type:"warning",title:n.shortMessage})}i($l,"WarningAlert");function ei(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,p=Xt(s),l=s.status==="waitingForApproval"&&!p,u=s.status==="running"&&!p;return dt.createElement(Dl,null,s.explorerUrl?.map((m,d,c)=>{let h=d+m.url,C=d===c.length-1,y=C&&u||l,S=C&&s.status==="failed";return dt.createElement(cf,{key:h},dt.createElement(Ol,{type:y&&"loading"||S&&"error"||"success",title:m.description?`${m.description} Tx`:lf.t("View transaction"),action:m.url&&dt.createElement(pf,{variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},dt.createElement(uf,{size:16}))}))}),(u&&!a||l&&!s.explorerUrl?.length)&&dt.createElement(Ol,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&p&&dt.createElement($l,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&dt.createElement(Pl,{message:r}))}i(ei,"SwapDetailsAlerts");var Ul=2e3;var zl=i(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,s)=>{let a=s===0?t.inputAmount:t.steps[s-1].outputAmount;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:Je(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:k(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:Je(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:k(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:mf.createElement(ei,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function ql(t){if(Xt(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i(ql,"getStepState");import{darkTheme as df,styled as zt}from"@rango-dev/ui";var Wn=zt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1,"& .row":{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${df} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"},"& .request-id":{display:"flex",justifyContent:"center",alignItems:"center",height:"$24"},"& .output":{display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"},"& .title-steps":{textAlign:"left",width:"100%",padding:"0 $20 $10"}}),Nn=zt("div",{width:"100%"}),Hl=zt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),tB=zt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Gl=zt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),oB=zt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function ti(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:p}=bf(),l=P.use.retry(),u=Ef(),{navigateBackFrom:m}=re(),[d,c]=vf(Ul),h=xf(null),[C,y]=Xl(null),[S,T]=Xl(null),{meta:{tokens:f,blockchains:w}}=v(),b=i(()=>{r(),y(null)},"onCancel"),x=Pe.use.getUnreadNotifications(),W=Pe.use.setAsRead(),F=x(),A=gf(e),$=A?.networkStatus;Kl(()=>{F.find(R=>R.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(T(e.status),W(e.requestId))},[e.status]),Kl(()=>{L?y(In.WaitingForNetworkChange):$===In.WaitingForConnectingWallet||$===In.NetworkChanged?y($):y(null)},[$]);let X=Ss(e),oe=A?ff(e,A):null,B=A?hf(e,A):null,J=vl(e),H=Cs(e),ne=i(_=>!!p(_)?.mobileWallet,"isMobileWallet"),L=$===In.WaitingForNetworkChange&&!!oe&&!!B?.walletType&&(ne(B.walletType)||s(B.walletType,oe)),me=L?a.bind(null,B.walletType,oe):void 0,Ne=ys(e,A),U=zl({swap:e,switchNetwork:me,showNetworkModal:$,setNetworkModal:y,message:Ne,blockchains:w}),j=U.length,[Ie,Te]=[e.steps[0],e.steps[j-1]],_e=Te.outputAmount||Te.expectedOutputAmountHumanReadable,se=e.steps.reduce((_,R)=>_+parseFloat(R.feeInUsd||""),0),ft=e.steps.find(_=>_.diagnosisUrl)?.diagnosisUrl,Ze=k(String(parseFloat(k(_e,6,6))*(xo(Te.toBlockchain,Te.toSymbol,Te.toSymbolAddress,f)||0)),4,4),bt=k(String(parseFloat(e.inputAmount)*(xo(Ie.fromBlockchain,Ie.fromSymbol,Ie.fromSymbolAddress,f)||0)),4,4),D=et(bt,Ze),N=e.status==="success"?at.t({id:"receivedMessage",message:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:k(_e,6,6),token:U[j-1].to.token.displayName,conciseAddress:Ao(e.wallets[U[j-1].to.chain.displayName]?.address||""),chain:U[j-1].to.chain.displayName}}):`${at.t("Transaction was not sent.")} ${X?at.t({id:"remainSymbol",message:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:X.outputAmount,symbol:X.symbol,blockchain:X.blockchain}}):""}`;return Z.createElement(Q,{noPadding:!0,header:{title:at.t("Swap and Bridge"),onBack:m.bind(null,g.swapDetails),onCancel:e.status==="running"?()=>y("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(xt,null,Z.createElement(Vl,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>y("delete")},Z.createElement(qt,{size:"medium",variant:"label",color:"error"},at.t("Delete"))))},footer:H&&!S&&Z.createElement(Vl,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{l(e),setTimeout(()=>{u(g.home)},0)}},at.t("Try again"))},Z.createElement(Wn,null,Z.createElement(Nn,null,Z.createElement("div",{className:"row"},Z.createElement(qt,{variant:"label",size:"large",color:"neutral900"},`${at.t("Request ID")}:`),Z.createElement("div",{className:"request-id"},Z.createElement(qt,{variant:"label",size:"small",color:"neutral900"},o),Z.createElement(Cf,{variant:"ghost",onClick:c.bind(null,o||"")},Z.createElement(yf,{size:16,color:"gray"})))),Z.createElement("div",{className:"row"},Z.createElement(qt,{variant:"label",size:"large",color:"neutral900"},`${at.t("Created at")}:`),Z.createElement(qt,{variant:"label",size:"small",color:"neutral900"},J))),Z.createElement("div",{className:"output"},Z.createElement(kf,{fee:k(String(se),2,2),time:Bt(Wt(e.steps)),steps:j}),Z.createElement(Tf,{from:{price:{value:k(e.inputAmount,6,6),usdValue:bt},token:{displayName:U[0].from.token.displayName,image:U[0].from.token.image},chain:{image:U[0].from.chain.image,displayName:U[0].from.chain.displayName}},to:{price:{value:k(_e,6,6),usdValue:Ze},token:{displayName:U[j-1].to.token.displayName,image:U[j-1].to.token.image},chain:{image:U[j-1].to.chain.image,displayName:U[j-1].to.chain.displayName}},percentageChange:k(D,2,2),warningLevel:It(D?.toNumber()??0)})),Z.createElement("div",{className:"title-steps"},Z.createElement(qt,{variant:"title",size:"small"},at.t("Swaps steps"))),Z.createElement(Sf,{size:8}),Z.createElement(Hl,{ref:h},U.map((_,R)=>{let le=R,ue=ql(e.steps[R]),ho=ue==="error"||ue==="in-progress"||ue==="warning"||ue==="completed"&&R===U.length-1;return Z.createElement(wf,{key:le,step:_,type:"route-progress",ref:h,state:ue,hasSeparator:R!==0,tabIndex:le,isFocused:ho})}))),Z.createElement(Yr,{state:C,onClose:()=>y(null),onCancel:b,onDelete:n,message:Ne.detailedMessage.content,currentStepWallet:B}),Z.createElement(Qr,{open:!!S,diagnosisUrl:ft,onClose:()=>T(null),status:e.status==="success"?"success":"failed",priceValue:k(_e,6,6),usdValue:Ze,percentageChange:k(D,2,2),token:{displayName:U[j-1].to.token.displayName,image:U[j-1].to.token.image},chain:{image:U[j-1].to.chain.image},description:N}))}i(ti,"SwapDetails");import{i18n as fo}from"@lingui/core";import{CopyIcon as If,IconButton as Mf,NotFound as Lf,Skeleton as Ql,Typography as Ln}from"@rango-dev/ui";import ce from"react";import{i18n as Bf}from"@lingui/core";import{ChainToken as Wf,Divider as ni,Skeleton as mo,Typography as Nf}from"@rango-dev/ui";import ee from"react";import{styled as oi}from"@rango-dev/ui";var jl=oi("div",{width:"100%",height:"100%",padding:"$0 $20",".cost":{paddingTop:"$15",display:"flex"},".route-summary":{padding:"$15 $0"},".route-summary-item":{display:"flex",justifyContent:"space-between",alignItems:"center"},".token-amount":{display:"flex",justifyContent:"space-between",alignItems:"center"},".route-summary-separator":{width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"},".swaps-steps":{paddingBottom:"$10"}}),Yl=oi("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15",".step-title":{display:"flex",justifyContent:"start",alignItems:"center"},".step-tokens":{paddingTop:"$5",display:"flex",alignItems:"center"},".step-token-info":{display:"flex",alignItems:"center"},".step-icon-container":{padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"},".extra-info":{display:"flex",paddingTop:"$10",paddingBottom:"$5"}}),Mn=oi("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral900",marginLeft:"25px"});import{ChainToken as Rl,Divider as po,NextIcon as Af,Skeleton as uo}from"@rango-dev/ui";import pe from"react";function co(t){let{extraInfo:e}=t;return pe.createElement(Yl,null,pe.createElement("div",{className:"step-title"},pe.createElement(uo,{height:28,width:28,variant:"circular"}),pe.createElement(po,{direction:"horizontal",size:8}),pe.createElement(uo,{height:15,width:148,variant:"rounded"})),pe.createElement("div",{className:"step-tokens"},pe.createElement(po,{direction:"horizontal",size:20}),pe.createElement("div",{className:"step-token-info"},pe.createElement(Rl,{size:"small",loading:!0,chainImage:"",tokenImage:""}),pe.createElement(po,{direction:"horizontal",size:8}),pe.createElement(uo,{height:12,width:76,variant:"rounded"})),pe.createElement("div",{className:"step-icon-container"},pe.createElement(Af,{color:"gray",size:16})),pe.createElement("div",{className:"step-token-info"},pe.createElement(Rl,{size:"small",loading:!0,chainImage:"",tokenImage:""}),pe.createElement(po,{direction:"horizontal",size:8}),pe.createElement(uo,{height:12,width:76,variant:"rounded"}))),e&&pe.createElement("div",{className:"extra-info"},pe.createElement(po,{direction:"horizontal",size:20}),pe.createElement(uo,{height:22,width:297,variant:"rectangular"})))}i(co,"LoadingSwapDetailStep");function ri(){let t=ee.createElement("div",{className:"route-summary-item"},ee.createElement("div",{className:"token-amount"},ee.createElement(Wf,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),ee.createElement(ni,{size:8,direction:"horizontal"}),ee.createElement(mo,{height:15,width:148,variant:"rounded"})),ee.createElement(mo,{height:12,width:64,variant:"rounded"}));return ee.createElement(jl,null,ee.createElement("div",{className:"cost"},ee.createElement(mo,{width:60,height:10,variant:"rounded"}),ee.createElement(ni,{size:4,direction:"horizontal"}),ee.createElement(mo,{width:60,height:10,variant:"rounded"}),ee.createElement(ni,{size:4,direction:"horizontal"}),ee.createElement(mo,{width:60,height:10,variant:"rounded"})),ee.createElement("div",{className:"route-summary"},t,ee.createElement("div",{className:"route-summary-separator"}),t),ee.createElement("div",{className:"swaps-steps"},ee.createElement(Nf,{variant:"title",size:"small"},Bf.t("Swaps steps"))),ee.createElement("div",{className:"step-container"},ee.createElement(co,{extraInfo:!0}),ee.createElement(Mn,null),ee.createElement(co,null),ee.createElement(Mn,null),ee.createElement(co,null),ee.createElement(Mn,null),ee.createElement(co,null)))}i(ri,"LoadingSwapDetails");function Zl(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=re();return ce.createElement(Q,{noPadding:!0,header:{title:fo.t("Swap and Bridge"),onBack:n.bind(null,g.swapDetails),suffix:ce.createElement(xt,null)}},o&&ce.createElement(Wn,null,ce.createElement(Nn,null,ce.createElement("div",{className:"row"},ce.createElement(Ln,{variant:"label",size:"large",color:"neutral900"},`${fo.t("Request ID")}:`),ce.createElement("div",{className:"request-id"},ce.createElement(Ln,{variant:"label",size:"small",color:"neutral900"},ce.createElement(Ql,{width:60,height:10,variant:"rounded"})),ce.createElement(Mf,{variant:"ghost"},ce.createElement(If,{size:16,color:"gray"})))),ce.createElement("div",{className:"row"},ce.createElement(Ln,{variant:"label",size:"large",color:"neutral900"},`${fo.t("Created at")}:`),ce.createElement(Ln,{variant:"label",size:"small",color:"neutral900"},ce.createElement(Ql,{width:60,height:10,variant:"rounded"})))),ce.createElement(ri,null)),!o&&ce.createElement(Gl,null,ce.createElement(Lf,{title:fo.t("Not found"),description:fo.t({id:"swapNotFound",values:{requestId:e},message:"Swap with request ID = {requestId} not found."})})))}i(Zl,"SwapDetailsPlaceholder");function ep(){let{manager:t,state:e}=Df(),o=!e.loadedFromPersistor,n=cn(t),r=ve.use.selectedSwapRequestId(),{navigateBackFrom:s}=re(),{loadingStatus:a}=v(),p=o||a==="loading",l=n.find(({swap:c})=>c.requestId===r),u=i(()=>{if(l?.id){let c=t?.get(l.id);c&&Pf(c)}},"onCancel"),m=i(async()=>{if(l?.id)try{await t?.deleteQueue(l.id),s(g.swapDetails)}catch(c){console.log(c)}},"onDelete"),d=l?.swap;return!d||p?Jl.createElement(Zl,{requestId:r||"",showSkeleton:p}):Jl.createElement(ti,{swap:d,requestId:r||"",onCancel:u,onDelete:m})}i(ep,"SwapDetailsPage");import{i18n as go}from"@lingui/core";import{AutoThemeIcon as _f,DarkModeIcon as Ff,LightModeIcon as $f,List as Of,ListItemButton as Uf,Radio as ii,RadioRoot as zf,Typography as si}from"@rango-dev/ui";import Be from"react";function tp(){let{navigateBackFrom:t}=re(),e=O.use.theme(),o=O.use.setTheme(),n=[{id:"light",value:"light",title:Be.createElement(si,{variant:"title",size:"xmedium"},go.t("Light")),onClick:()=>o("light"),start:Be.createElement($f,{color:"gray"}),end:Be.createElement(ii,{value:"light"})},{id:"dark",value:"dark",title:Be.createElement(si,{variant:"title",size:"xmedium"},go.t("Dark")),onClick:()=>o("dark"),start:Be.createElement(Ff,{color:"gray"}),end:Be.createElement(ii,{value:"dark"})},{id:"auto",value:"auto",title:Be.createElement(si,{variant:"title",size:"xmedium"},go.t("Auto")),onClick:()=>o("auto"),start:Be.createElement(_f,{color:"gray"}),end:Be.createElement(ii,{value:"auto"})}];return Be.createElement(Q,{header:{onBack:t.bind(null,g.settings),title:go.t("Theme")}},Be.createElement(st,null,Be.createElement(zf,{onValueChange:r=>o(r),value:e},Be.createElement(Of,{type:Be.createElement(Uf,{title:go.t("Theme"),id:"_",onClick:()=>console.log()}),items:n}))))}i(tp,"ThemePage");var Hf=i(t=>t.replace("/",""),"getAbsolutePath");function op(t){let{config:e}=t;return qf([{path:g.home,element:We.createElement(Ro,null)},{path:g.fromSwap,element:We.createElement(Or,{type:"source"})},{path:g.toSwap,element:We.createElement(Or,{type:"destination"})},{path:g.fromBlockchain,element:We.createElement(Br,{type:"source"})},{path:g.toBlockchain,element:We.createElement(Br,{type:"destination"})},{path:g.settings,element:We.createElement(Tl,{singleTheme:e?.theme?.singleTheme,supportedSwappers:e?.liquiditySources})},{path:g.themes,element:We.createElement(tp,null)},{path:g.languages,element:We.createElement($a,null)},{path:g.exchanges,element:We.createElement(vr,{sourceType:"Exchanges",supportedSwappers:e?.liquiditySources})},{path:g.bridges,element:We.createElement(vr,{sourceType:"Bridges",supportedSwappers:e?.liquiditySources})},{path:g.swaps,element:We.createElement(Fa,null)},{path:g.swapDetails,element:We.createElement(ep,null)},{path:g.wallets,element:We.createElement(ca,{supportedWallets:e?.wallets,multiWallets:typeof e?.multiWallets>"u"?!0:e.multiWallets,config:e})},{path:Hf(g.confirmSwap),element:We.createElement(Aa,{config:e})}])}i(op,"AppRoutes");import{isApprovalTX as Gf,MainEvents as rp,RouteEventType as ip,StepEventType as Ht,StepExecutionEventStatus as Vf,useEvents as Kf}from"@rango-dev/queue-manager-rango-preset";import{useEffect as sp}from"react";import{StepExecutionBlockedEventStatus as ai}from"@rango-dev/queue-manager-rango-preset";var np=[ai.WAITING_FOR_CHANGE_WALLET_ACCOUNT,ai.WAITING_FOR_NETWORK_CHANGE,ai.WAITING_FOR_WALLET_CONNECT];function ap(){let t=G.use.connectedWallets(),e=G.use.getWalletsDetails(),o=Pe.use.setNotification(),n=Pe.use.setAsRead(),r=Kf();return sp(()=>(r.on(rp.StepEvent,s=>{let{event:a,step:p,route:l}=s;if(a.type===Ht.TX_EXECUTION&&a.status===Vf.TX_SENT&&!Gf(p)||a.type===Ht.SUCCEEDED){let m=t.find(c=>c.chain===p?.fromBlockchain),d=p?.fromBlockchain!==p?.toBlockchain&&t.find(c=>c.chain===p?.toBlockchain);m&&e([m]),d&&e([d])}a.type===Ht.TX_EXECUTION_BLOCKED&&np.includes(a.status)||a.type===Ht.FAILED?o(a,l):(a.type===Ht.TX_EXECUTION||a.type===Ht.CHECK_STATUS)&&n(l.requestId)}),()=>r.all.clear()),[r,t.length]),sp(()=>(r.on(rp.RouteEvent,s=>{let{event:a,route:p}=s;(a.type===ip.FAILED||a.type===ip.SUCCEEDED)&&o(a,p)}),()=>r.all.clear()),[r,t.length]),null}i(ap,"WidgetEvents");import{globalCss as Xf}from"@rango-dev/ui";var lp=i(()=>Xf({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");import{createTheme as jf,darkTheme as Yf,lightTheme as Rf}from"@rango-dev/ui";import{useEffect as pp,useState as Qf}from"react";function up({fontFamily:t="Roboto",borderRadius:e=ki,secondaryBorderRadius:o=Ti,mode:n="auto"}){let r=O.use.theme(),s=v.use.fetchMeta(),a=O.use.setTheme(),p=jf({radii:{primary:`${e}px`,secondary:`${o}px`},fonts:{widget:t}}),l=`${p.className} ${Rf.className}`,u=`${p.className} ${Yf.className}`,[m,d]=Qf("light");return pp(()=>{i(async()=>{await s()},"fetchData")();let C=i(y=>{y.matches?d("dark"):d("light")},"switchTheme");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&d("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",C),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",C)}},[]),pp(()=>{n!=="auto"&&a(n)},[n]),{activeTheme:i(()=>r==="auto"?m==="dark"?u:l:r==="dark"?u:l,"getActiveTheme")()}}i(up,"useTheme");import Zf,{useMemo as Jf}from"react";import{Provider as eg}from"@rango-dev/queue-manager-react";import{makeQueueDefinition as tg,checkWaitingForNetworkChange as og}from"@rango-dev/queue-manager-rango-preset";import{useWallets as ng}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as rg}from"@rango-dev/wallets-shared";import{isEvmBlockchain as ig}from"rango-types";function sg(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=ng(),p=Jf(()=>tg({API_KEY:ko("API_KEY")}),[]),{blockchains:l}=v.use.meta(),m={blockchains:G.use.connectedWallets().map(f=>({accounts:[f],name:f.chain}))},d=i((f,w)=>{if(s(f,w))return r(f,w)},"switchNetwork"),c=i(f=>!!a(f).mobileWallet,"isMobileWallet"),h=l.filter(f=>f.enabled).reduce((f,w)=>(f[w.name]=w,f),{}),C=l.filter(ig),y=i(f=>{let{supportedChains:w}=a(f);return vo(w)},"getSupportedChainNames"),S=e(),T={meta:{blockchains:h,evmBasedChains:C,evmNetworkChainInfo:rg(C),getSupportedChainNames:y},getSigners:o,wallets:m,providers:S,switchNetwork:d,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:c};return Zf.createElement(eg,{queuesDefs:[p],context:T,onPersistedDataLoaded:f=>{og(f)},isPaused:!1},t.children)}i(sg,"QueueManager");var cp=sg;import{Events as li,Provider as lg}from"@rango-dev/wallets-react";import{isEvmBlockchain as pg}from"rango-sdk";import dp,{createContext as ug,useRef as cg}from"react";import{useEffect as ag}from"react";function mp(t,e){let o=G.use.clearConnectedWallet(),n=tn(void 0,e);return ag(()=>{o(),n=tn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(mp,"useWalletProviders");var pi=ug({onConnectWallet:()=>{}});function ui(t){let{blockchains:e}=v.use.meta(),{providers:o}=mp(t.providers,t?.options),n=G.use.disconnectWallet(),r=G.use.connectWallet(),s=cg(),a=e.filter(pg).map(l=>l.name),p=i((l,u,m,d,c)=>{if(u===li.ACCOUNTS)if(m){let h=vo(c),C=Ei(l,m,a,h);r(C)}else n(l);if(u===li.ACCOUNTS&&d.connected){let h=`${l}-${d.network}-${m}`;d.connected&&(s.current?s.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(u===li.NETWORK&&d.network){let h=`${l}-${d.network}`;s.current?s.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(l,u,m,d,c)},"onUpdateState");return dp.createElement(pi.Provider,{value:{onConnectWallet:l=>{s.current=l}}},dp.createElement(lg,{allBlockChains:e,providers:o,onUpdateState:p,autoConnect:!0},t.children))}i(ui,"WidgetWallets");var hg=dg("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit",listStyleType:"none"},"& *:focus-visible":{outline:"1px $info500 solid",transition:"none"}});function gp(t){let{config:e}=t;lp();let{activeTheme:o}=up(e?.theme||{}),[n,r]=fp(""),[s,a]=fp(),p=fg(pi);return gg(()=>{e?.apiKey&&Ci({API_KEY:e?.apiKey})},[e]),hp(()=>{O.persist.rehydrate(),Pe.persist.rehydrate(),p.onConnectWallet(r)},[]),lt.createElement(mg,{language:e?.language},lt.createElement(hg,{id:"swap-container",className:o},lt.createElement(cp,null,lt.createElement(ap,null),lt.createElement(Os,{config:e,lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},lt.createElement(op,{config:e})))))}i(gp,"Main");function yg(t){let{updateConfig:e,config:o}=Le();return hp(()=>{t.config&&e(t.config)},[t.config]),t.config?.externalWallets?lt.createElement(gp,{...t}):lt.createElement(ui,{providers:o?.wallets,options:{walletConnectProjectId:o?.walletConnectProjectId||t.config?.walletConnectProjectId}},lt.createElement(gp,{...t}))}i(yg,"Widget");import{useWallets as Ca}from"@rango-dev/wallets-react";import{useEvents as rI,MainEvents as iI,RouteEventType as dI,StepEventType as wI,StepExecutionEventStatus as vI,StepExecutionBlockedEventStatus as bI}from"@rango-dev/queue-manager-rango-preset";export{iI as MainEvents,dI as RouteEventType,wI as StepEventType,bI as StepExecutionBlockedEventStatus,vI as StepExecutionEventStatus,yg as Widget,ui as WidgetWallets,Ca as useWallets,rI as useWidgetEvents};
2
2
  //# sourceMappingURL=index.js.map