@rango-dev/widget-embedded 0.17.1-next.2 → 0.17.1-next.21

package/dist/index.js

@@ -1,2 +1,2 @@
-var Mp=Object.defineProperty;var s=(t,e)=>Mp(t,"name",{value:e,configurable:!0});import{MainEvents as eM,RouteEventType as tM,StepEventType as oM,StepExecutionBlockedEventStatus as nM,StepExecutionEventStatus as rM,useEvents as iM}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Ia}from"@rango-dev/wallets-react";import{Events as Hn,Provider as Jp}from"@rango-dev/wallets-react";import{isEvmBlockchain as Zp}from"rango-sdk";import zi,{createContext as eu,useRef as tu}from"react";import{useEffect as Qp}from"react";import{create as jp}from"zustand";import{subscribeWithSelector as Kp}from"zustand/middleware";import{RangoClient as Lp}from"rango-sdk";var ki="c6381a79-2817-4602-83bf-6a641a409e32";var Un={API_KEY:ki};function So(t){return Un[t]}s(So,"getConfig");function Ti(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Un=e,Un}s(Ti,"initConfig");var wi=20,vi=25,bi="Roboto",zn="theme-widget";var Co,xt=s(()=>Co||(Co=new Lp(So("API_KEY")),Co),"httpService");import{WalletState as Xe}from"@rango-dev/ui";import{readAccountAddress as Dp}from"@rango-dev/wallets-react";import{detectInstallLink as Fp,getCosmosExperimentalChainInfo as Op,isEvmAddress as $p,KEPLR_COMPATIBLE_WALLETS as ih,Networks as Ei}from"@rango-dev/wallets-shared";import qn from"bignumber.js";import{isCosmosBlockchain as Up}from"rango-types";import Pp from"bignumber.js";var Me=new Pp(0);import{WalletTypes as _p}from"@rango-dev/wallets-shared";var xi=[_p.LEAP];import{BigNumber as Ai}from"bignumber.js";var At=s(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),T=s((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new Ai(t),r=1,i=1e3;for(let a=0;a<60;a++)if(new Ai(n.toFixed(a,r)).eq(n)){i=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(i,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(i,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Et=s(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Re=s((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Vt=s(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function ko(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()}s(ko,"limitDecimalPlaces");function zp(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}}s(zp,"mapStatusToWalletState");function Bi(t,e,o,n){return o.filter(r=>!xi.includes(r)).filter(r=>{let{supportedChains:i,hideWhenNotInstalled:a}=e(r);return a&&!t(r).installed?!1:n?!!i.find(l=>l.name===n):!0}).map(r=>{let{name:i,img:a,installLink:l}=e(r),p=zp(t(r));return{title:i,image:a,link:Fp(l),state:p,type:r}})}s(Bi,"mapWalletTypesToWalletInfo");function To(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}s(To,"walletAndSupportedChainsNames");function Wi(t,e,o,n){let r=[];function i(l,p){if(!!!r.find(c=>c.chain===l)){let c={address:p,chain:l,walletType:t};r.push(c)}}s(i,"addAccount");let a=n||[];return e.forEach(l=>{let{address:p,network:u}=Dp(l),c=a.length>0,d=a.includes(u),m=u===Ei.Unknown;if(c&&!d&&!m)return;let C=u===Ei.Unknown&&$p(p);if(m&&!C)return;o.includes(u)||C?a.filter(w=>o.includes(w)).forEach(w=>{i(w,p.toLowerCase())}):i(u,p)}),r}s(Wi,"prepareAccountsForWalletStore");function Ni(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(i=>{let a=i.from.blockchain,l=i.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}s(Ni,"getRequiredChains");function Bt(t,e,o,n){if(t.length===0)return null;let r=t.filter(i=>i.chain===e);return r.length===0?null:r.map(i=>i.balances?.find(a=>n!==null&&a.address===n||n===null&&a.address===n&&a.symbol===o)||null).filter(i=>i!==null).sort((i,a)=>parseFloat(a?.amount||"0")-parseFloat(i?.amount||"1")).find(()=>!0)||null}s(Bt,"getBalanceFromWallet");function wo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}s(wo,"isAccountAndWalletMatched");function Ii(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 qn(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:vo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}s(Ii,"makeBalanceFor");function Mi(t){return{...t,loading:!1,error:!0}}s(Mi,"resetConnectedWalletState");var vo=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice"),bo=s((t,e)=>{let o=Op(Object.entries(t).map(([,n])=>n).filter(Up));return o&&o[e]?.experimental},"isExperimentalChain");function qp(t,e){return t.map(({balance:o,...n})=>{let r=T(new qn(Bt(e,n.blockchain,n.symbol,n.address)?.amount||Me)),i="";return n.usdPrice&&(i=T(new qn(Bt(e,n.blockchain,n.symbol,n.address)?.amount||Me).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:i}}}})}s(qp,"getTokensWithBalance");function Li(t,e){let o=e.length>0?qp(t,e):t;return o.sort((n,r)=>n.balance?.usdValue&&r.balance?.usdValue?parseFloat(r.balance.usdValue)-parseFloat(n.balance.usdValue):!n.balance?.usdValue&&r.balance?.usdValue?1:n.balance?.usdValue&&!r.balance?.usdValue?-1:!n.balance?.usdValue&&!r.balance?.usdValue?parseFloat(r.balance?.amount||"0")-parseFloat(n.balance?.amount||"0"):0),o}s(Li,"getTokensBalanceFromWalletAndSort");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}s(Le,"tokensAreEqual");function Pi(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))}s(Pi,"sortWalletsBasedOnConnectionState");function xo(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}`}s(xo,"getConciseAddress");function _i({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(_i,"getAddress");import{create as Xp}from"zustand";import{create as Vp}from"zustand";var Gp=s(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),ve=Gp;var Hp={apiKey:""},Di=s((t,e)=>({config:Hp,updateConfig:o=>{let n=e().config;t({config:{...n,...o}})}}),"createConfigSlice");function Wt(t){return Array.from(new Set(t))}s(Wt,"removeDuplicateFrom");function Gn(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}s(Gn,"areEqual");function Fi(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}s(Fi,"debounce");function gt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}s(gt,"containsText");var ae=s(()=>document.getElementById("swap-box"),"getContainer");var Oi=s((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(i.length>0&&!i.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.tokens:r.to?.tokens)??[],a=e().blockchains({type:o.type});return n.filter(p=>i.length>0&&!i.some(u=>Le(u,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(gt(p.symbol,o.searchFor)||gt(p.address||"",o.searchFor)||gt(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p)?-1:e().isTokenPinned(u)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>Le(r,o)),fetch:async()=>{let o=await xt().getAllMetadata(),n=[],r=[],i=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:i,_swappers:a})}}),"createDataSlice");var Rp=Vp()((...t)=>({...Oi(...t),...Di(...t)})),Pe=ve(Rp);var x=ve(Xp()(t=>({meta:{blockchains:[],popularTokens:[],swappers:[],tokens:[]},loadingStatus:"loading",fetchMeta:async()=>{try{await Pe.getState().fetch();let e=Pe.getState(),o={blockchains:e.blockchains(),tokens:e.tokens(),popularTokens:e._popularTokens,swappers:e._swappers};t({meta:o,loadingStatus:"success"})}catch{t({loadingStatus:"failed"})}}})));var R=ve(jp()(Kp((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:o=>{let n=e().getWalletsDetails;t(r=>({loading:!0,connectedWallets:r.connectedWallets.filter(i=>i.walletType!==o[0].walletType).concat(o.map(i=>{let a=!r.connectedWallets.find(l=>l.chain===i.chain&&l.selected);return{balances:[],address:i.address,chain:i.chain,explorerUrl:null,walletType:i.walletType,selected:a,loading:!0,error:!1}}))})),n(o)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(i=>i.selected&&i.walletType!==o).map(i=>i.chain);return{connectedWallets:n.connectedWallets.filter(i=>i.walletType!==o).map(i=>r.includes(i.chain)?i:(r.push(i.chain),{...i,selected:!0}))}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let i=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return i?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n=!0)=>{let r=e().getWalletsDetails,{tokens:i}=x.getState().meta;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>wo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await xt().getWalletsDetails(a)).wallets;if(p)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(c=>{let d=o.find(g=>wo(g,c)),m=p.find(g=>g.address===c.address&&g.blockChain===c.chain);return m?.failed&&d&&n&&r([d],!1),d&&m?{...c,explorerUrl:m.explorerUrl,balances:Ii(m,i)}:c})}));else throw new Error("Wallet not found")}catch{t(l=>({loading:!1,connectedWallets:l.connectedWallets.map(p=>o.find(u=>wo(u,p))?Mi(p):p)}))}}}))));import{allProviders as Yp}from"@rango-dev/provider-all";function Ao(t,e){let o=Yp({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let i=o.find(a=>a.config.type===r);i?n.push(i):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}s(Ao,"matchAndGenerateProviders");function $i(t,e){return Ao(t,e).map(r=>r.config.type)}s($i,"configWalletsToWalletName");function Ui(t,e){let o=R.use.clearConnectedWallet(),n=Ao(void 0,e);return Qp(()=>{o(),n=Ao(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}s(Ui,"useWalletProviders");var Vn=eu({onConnectWallet:()=>{}});function Rn(t){let{blockchains:e}=x.use.meta(),{providers:o}=Ui(t.providers,t?.options),n=R.use.disconnectWallet(),r=R.use.connectWallet(),i=tu(),a=e.filter(Zp).map(p=>p.name),l=s((p,u,c,d,m)=>{if(u===Hn.ACCOUNTS)if(c){let g=To(m),C=Wi(p,c,a,g);r(C)}else n(p);if(u===Hn.ACCOUNTS&&d.connected){let g=`${p}-${d.network}-${c}`;d.connected&&(i.current?i.current(g):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(u===Hn.NETWORK&&d.network){let g=`${p}-${d.network}`;i.current?i.current(g):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(p,u,c,d,m)},"onUpdateState");return zi.createElement(Vn.Provider,{value:{onConnectWallet:p=>{i.current=p}}},zi.createElement(Jp,{allBlockChains:e,providers:o,onUpdateState:l,autoConnect:!0},t.children))}s(Rn,"WidgetWallets");import{I18nManager as Pg,styled as _g}from"@rango-dev/ui";import at,{useContext as Dg,useEffect as Ci,useMemo as Fg,useState as Wp}from"react";import{useQueueManager as Pc}from"@rango-dev/queue-manager-rango-preset";import{useWallets as _c}from"@rango-dev/wallets-react";import{isEvmBlockchain as Dc}from"rango-types";import yt,{useEffect as Fc,useRef as Oc}from"react";import{MemoryRouter as $c,useInRouterContext as Uc}from"react-router";import{useLocation as zc,useNavigate as qc}from"react-router-dom";var h={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 Qo}from"@lingui/core";import{Alert as yc,BestRoute as Sc,BestRouteSkeleton as Cc,Button as kc,Divider as dr,styled as Lt,SwapInput as js,Typography as fr,WarningIcon as Tc}from"@rango-dev/ui";import K,{useEffect as wc,useRef as vc,useState as bc}from"react";import{useNavigate as xc}from"react-router-dom";import{ChevronLeftIcon as ru}from"@rango-dev/ui";import Hi from"react";import{darkTheme as ou,IconButton as nu,styled as Eo}from"@rango-dev/ui";var Oe=Eo(nu,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),qi=Eo("div",{position:"absolute",background:"$secondary500",[`.${ou} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Nt=Eo("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),Gi=Eo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function Xn(t){return Hi.createElement(Oe,{variant:"ghost",size:"small",onClick:t.onClick},Hi.createElement(ru,{color:"black",size:16}))}s(Xn,"BackButton");import{i18n as iu}from"@lingui/core";import{Button as su,Typography as au}from"@rango-dev/ui";import jn from"react";function Kn(t){return jn.createElement(Nt,null,jn.createElement(su,{variant:"ghost",onClick:t.onClick,size:"xsmall"},jn.createElement(au,{variant:"label",size:"medium",color:"error500"},iu.t("Cancel"))))}s(Kn,"CancelButton");import{i18n as lu}from"@lingui/core";import{Tooltip as pu,WalletIcon as uu}from"@rango-dev/ui";import Bo from"react";function Yn(t){return Bo.createElement(pu,{container:t.container,side:"top",content:lu.t("Connect Wallet")},Bo.createElement(Oe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Bo.createElement(qi,null),Bo.createElement(uu,{size:18,color:"black"})))}s(Yn,"WalletButton");import{i18n as Io}from"@lingui/core";import{NotificationsIcon as Au,Popover as Eu,RefreshIcon as Bu,SettingsIcon as Wu,Tooltip as Mo,TransactionIcon as Nu}from"@rango-dev/ui";import de from"react";import{i18n as Cu}from"@lingui/core";import{ChainToken as Yi,ChevronRightIcon as ku,ListItemButton as Tu,Typography as wu}from"@rango-dev/ui";import $e from"react";import{useNavigate as vu}from"react-router-dom";import{create as cu}from"zustand";import{persist as mu,subscribeWithSelector as du}from"zustand/middleware";var _e=ve(cu()(mu(du((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],i=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:i.toBlockchain,tokenSymbol:i.toSymbol,tokenAddress:i.toSymbolAddress}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{create as fu}from"zustand";var be=ve(fu()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as Wo}from"@rango-dev/ui";var Vi=Wo("div",{padding:"$10",width:"350px",minHeight:"150px"}),Ri=Wo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Xi=Wo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),ji=Wo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as gu}from"@lingui/core";import{Divider as hu,NoNotificationIcon as yu,Typography as Su}from"@rango-dev/ui";import No from"react";function Ki(){return No.createElement(ji,null,No.createElement(yu,{color:"secondary",size:26}),No.createElement(hu,{size:12}),No.createElement(Su,{variant:"body",size:"medium",color:"neutral700"},gu.t("You have no notification")))}s(Ki,"NotificationNotFound");var bu=4;function Qn(){let t=vu(),e=be.use.setSelectedSwap(),{getUnreadNotifications:o}=_e(),n=o(),{tokens:r,blockchains:i}=x.use.meta(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,bu),l=s(p=>{e(p),t(`/swaps/${p}`)},"handleOnClick");return $e.createElement(Vi,null,a.length?$e.createElement(Ri,null,a.map(p=>{let u=r.find(g=>g.address===p.route.from.tokenAddress&&g.blockchain===p.route.from.blockchain&&g.symbol===p.route.from.tokenSymbol),c=i.find(g=>g.name===p.route.from.blockchain),d=r.find(g=>g.address===p.route.to.tokenAddress&&g.blockchain===p.route.to.blockchain&&g.symbol===p.route.to.tokenSymbol),m=i.find(g=>g.name===p.route.to.blockchain);return $e.createElement(Tu,{key:p.requestId,onClick:()=>l(p.requestId),title:$e.createElement(wu,{variant:"body",size:"small",color:"$neutral700"},Cu.t(p.event.message)),id:p.requestId,start:$e.createElement(Xi,null,$e.createElement("div",{className:"from-chain-token"},$e.createElement(Yi,{tokenImage:u?u.image:"",chainImage:c?c.logo:"",size:"small"})),$e.createElement("div",{className:"to-chain-token"},$e.createElement(Yi,{tokenImage:d?d.image:"",chainImage:m?m.logo:"",size:"small"}))),end:$e.createElement(ku,{size:12,color:"gray"})})})):$e.createElement(Ki,null))}s(Qn,"NotificationContent");import{Typography as xu}from"@rango-dev/ui";import Qi from"react";function Ji(){let{getUnreadNotifications:t}=_e(),e=t().length;return e?Qi.createElement(Gi,null,Qi.createElement(xu,{variant:"body",size:"xsmall",color:"$background"},e)):null}s(Ji,"UnreadNotificationsBadge");function Jn(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:i}=t;return de.createElement(de.Fragment,null,de.createElement(Mo,{container:ae(),side:"top",content:Io.t("Refresh")},de.createElement(Oe,{variant:"ghost",size:"small",onClick:o,disabled:!o},de.createElement(Bu,{size:16,color:o?"black":"gray"}))),de.createElement(Mo,{container:ae(),side:"top",content:Io.t("Notifications")},de.createElement(Eu,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:ae(),content:de.createElement(Qn,null)},de.createElement(Oe,{size:"small",variant:"ghost",onClick:i},de.createElement(Au,{size:18,color:"black"}),de.createElement(Ji,null)))),de.createElement(Mo,{container:ae(),side:"top",content:Io.t("Settings")},de.createElement(Oe,{size:"small",variant:"ghost",onClick:r},de.createElement(Wu,{size:18,color:"black"}))),de.createElement(Mo,{container:ae(),side:"top",content:Io.t("Transactions History")},de.createElement(Oe,{size:"small",variant:"ghost",onClick:n},de.createElement(Nu,{size:18,color:"black"}))))}s(Jn,"HomeButtons");import{BottomLogo as Mu,Divider as Lu,Header as Pu}from"@rango-dev/ui";import ge from"react";import{useNavigate as _u}from"react-router-dom";import{darkTheme as Iu,styled as Zn}from"@rango-dev/ui";var Zi=Zn("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",$$color:"$colors$neutral100",[`.${Iu} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),es=Zn("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"}}}}),ts=Zn("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Du(t,e){let{children:o,header:n,footer:r,noPadding:i,hasLogo:a=!0,fixedHeight:l=!0}=t,p=R.use.connectedWallets(),u=be.use.connectWalletsButtonDisabled(),c=_u(),d=s(()=>{u||c("/"+h.wallets)},"onConnectWallet");return ge.createElement(Zi,{ref:e,fixedHeight:l,id:"swap-box"},ge.createElement(Pu,{prefix:ge.createElement(ge.Fragment,null,n.onBack&&ge.createElement(Xn,{onClick:n.onBack})),title:n.title,suffix:ge.createElement(ge.Fragment,null,n.suffix,n.hasConnectWallet&&ge.createElement(Yn,{container:ae(),onClick:d,isConnected:!!p?.length}),n.onCancel&&ge.createElement(Kn,{onClick:n.onCancel}))}),ge.createElement(es,{noPadding:i},o),(a||r)&&ge.createElement(ts,null,ge.createElement("div",{className:"footer__content"},r),a&&ge.createElement("div",{className:"footer__logo"},ge.createElement(Lu,{size:12}),ge.createElement(Mu,null))))}s(Du,"LayoutComponent");var J=ge.forwardRef(Du);J.displayName="Layout";import{Alert as Hu,Button as Vu,Divider as fs,NoRouteIcon as Ru,RefreshIcon as Xu,Typography as gs}from"@rango-dev/ui";import Ue from"react";import{i18n as he}from"@lingui/core";var Rt=(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))(Rt||{});var q=s(()=>({genericServerError:he.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:he.t("Please reset your liquidity sources."),description:he.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noRoutesError:{title:he.t("No Routes Found"),description:he.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:he.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:he.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:he.t("High Price Impact"),title:he.t("Price impact is too high!"),description:he.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:he.t("Confirm High price impact")},routeUpdatedWithHighValueLoss:{title:he.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:he.t("USD Price Unknown"),title:he.t("USD Price Unknown, Cannot calculate Price Impact."),description:he.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:he.t("Confirm USD Price Unknown")}}),"errorMessages");function Lo(t){switch(t.type){case 0:return t.diagnosisMessage??q().noRoutesError.title;case 2:return q().genericServerError;case 1:return q().routeUpdatedWithHighValueLoss.title;default:return""}}s(Lo,"getConfirmSwapErrorMessage");import{create as zu}from"zustand";import{persist as qu,subscribeWithSelector as Gu}from"zustand/middleware";import{English as Fu,French as Ou,Japanese as $u,Spanish as Uu}from"@rango-dev/ui";var ns=[{title:"English",label:"English",local:"en",SVGFlag:Fu},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Uu},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Ou},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:$u}],Po="en";var rs=[.5,1,3],is=1,ss=5,as=100,ls=0;var F=ve(zu()(qu(Gu((t,e)=>({preferredBlockchains:[],slippage:is,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",language:Po,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=10-1;return p&&u}))return;let i=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...i]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:o=>t(n=>{if(o)return{disabledLiquiditySources:[]};let{swappers:r}=x.getState().meta,i=Wt(r.map(a=>a.swapperGroup));return i.length===n.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:i}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o}))})),{name:"user-settings",skipHydration:!0})));import{i18n as ps}from"@lingui/core";function us(t,e,o,n,r){return o?{alert:{type:"warning",text:q().genericServerError,action:{onClick:r,title:ps.t("Retry")}},description:""}:t?{alert:{type:"error",text:t,action:null},description:""}:e.length?{alert:{type:"warning",text:q().liquiditySourcesError.title,action:{onClick:()=>n(!0),title:ps.t("Reset")}},description:q().liquiditySourcesError.description}:{alert:null,description:q().noRoutesError.description}}s(us,"makeInfo");import{styled as tr}from"@rango-dev/ui";var cs=tr("div",{display:"flex",flexDirection:"column",alignItems:"center"}),ms=tr("div",{width:"100%"}),ds=tr("div",{padding:"$6 $0"});function Xt(t){let{diagnosisMessage:e,fetch:o,error:n}=t,r=F.use.disabledLiquiditySources(),i=x.use.loadingStatus(),a=F.use.toggleAllLiquiditySources(),p=us(e??null,r,n||i==="failed",a,o);return Ue.createElement(cs,null,Ue.createElement(Ru,{size:24,color:"gray"}),Ue.createElement(fs,{size:4}),Ue.createElement(gs,{variant:"title",size:"small"},q().noRoutesError.title),!!p.description&&Ue.createElement(gs,{variant:"body",size:"small",align:"center",color:"neutral700"},p.description),Ue.createElement(fs,{size:4}),!!p.alert&&Ue.createElement(ms,null,Ue.createElement(Hu,{type:p.alert.type,title:p.alert.text,action:p.alert.action&&Ue.createElement(Vu,{size:"xsmall",type:p.alert.type,prefix:Ue.createElement(ds,null,Ue.createElement(Xu,{size:8})),onClick:p.alert.action.onClick},p.alert.action.title),variant:"alarm"})))}s(Xt,"NoRoutes");import{Alert as qs,Divider as ac,InfoIcon as lc}from"@rango-dev/ui";import Ge from"react";import ut from"bignumber.js";import{create as ec}from"zustand";import{subscribeWithSelector as tc}from"zustand/middleware";import{getLastSuccessfulStep as Ku}from"@rango-dev/queue-manager-rango-preset";import AC from"bignumber.js";function hs(t,e){return e.find(o=>o.name===t)?.displayName}s(hs,"getBlockchainDisplayNameFor");function Ze(t,e){return e.find(o=>o.name===t)?.shortName}s(Ze,"getBlockchainShortNameFor");function or(t,e){return e.find(o=>Le(o,t))??null}s(or,"findToken");function nr(t,e){return e.find(o=>o.name===t)??null}s(nr,"findBlockchain");function rr(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}s(rr,"searchParamsToToken");function ys(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}s(ys,"getBestRouteToTokenUsdPrice");function ir(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}s(ir,"isNumberOfSwapsChanged");function sr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!Gn(o,n)}s(sr,"isRouteSwappersUpdated");function ar(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!Gn(o,n)}s(ar,"isRouteInternalCoinsUpdated");function Ss(t,e){return ir(t,e)||sr(t,e)||ar(t,e)}s(Ss,"isRouteChanged");function Cs(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}s(Cs,"getRequiredBalanceOfWallet");function ks(t){if(!t)return null;let e=(t.result?.swaps||[]).map(o=>({...o,fromAmount:T(o.fromAmount,6,6),toAmount:T(o.toAmount,6,6)}));return{...t,...t.result&&{result:{...t.result,swaps:e}}}}s(ks,"getFormattedBestRoute");function It(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}s(It,"getPriceImpactLevel");function Ts(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],i=Ku(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=nr(i?i.toBlockchain:n.fromBlockchain,e),p=nr(r.toBlockchain,e),u=or(i?{blockchain:l?.name??"",symbol:i.toSymbol,address:i.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=or(a,o),d=i?i.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:d}}s(Ts,"createRetryRoute");import{i18n as ze}from"@lingui/core";import{PendingSwapNetworkStatus as $o}from"@rango-dev/queue-manager-rango-preset";import xe from"bignumber.js";function ws(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:Ze(o.from.blockchain,e)??"",image:o.from.blockchainLogo},price:{value:T(o.fromAmount,6,6),usdValue:T(o.from.usdPrice?.toString(),4,4)}},to:{token:{displayName:o.to.symbol,image:o.to.logo},chain:{displayName:Ze(o.to.blockchain,e)??"",image:o.to.blockchainLogo},price:{value:T(o.toAmount,6,6),usdValue:T(o.to.usdPrice?.toString(),4,4)}}}))}s(ws,"formatBestRoute");function Do(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(Do,"getRequiredWallets");function Fo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}s(Fo,"isValidAddress");import{i18n as Oo}from"@lingui/core";var ht=s(()=>({connectWallet:Oo.t("Connect Wallet"),swap:Oo.t("Swap"),swapAnyway:Oo.t("Swap anyway"),ethRouteWarning:Oo.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function qo(t,e){return!t||!e||t.lte(Me)||e.lte(Me)?0:e.div(t).minus(1).multipliedBy(100)}s(qo,"getOutputRatio");function Go(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new xe(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new xe(1e3)))??!1}s(Go,"outputRatioHasWarning");function Ho(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new xe(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new xe(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}s(Ho,"hasLimitError");function Vo(t){if(!t)return{swap:null,fromAmountRangeError:"",recommendation:""};let e=(t?.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new xe(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new xe(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0];if(!e)return{swap:null,fromAmountRangeError:"",recommendation:""};let o=e.fromAmountMinValue?new xe(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new xe(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",i="",a="";return!r&&o&&o.gt(e.fromAmount)?(i=ze.t({id:"Required: >= {min} {symbol}",values:{min:T(o,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(i=ze.t({id:"Required: > {min} {symbol}",values:{min:T(o,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(i=ze.t({id:"Required: <= {max} {symbol}",values:{max:T(n,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(i=ze.t({id:"Required: < {max} {symbol}",values:{max:T(n,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:i,recommendation:a}}s(Vo,"LimitErrorMessage");function vs(t,e,o,n,r,i,a,l,p){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||!p||p==="0"?{title:ht().swap,disabled:!0,state:"swap"}:i||a?{title:ht().swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:l?{title:ht().ethRouteWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:ht().swap,disabled:!1,state:"swap"}}s(vs,"getSwapButtonState");function lr(t,e,o){return!((!o||o.lte(Me))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}s(lr,"canComputePriceImpact");function Qu(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(Qu,"requiredWallets");var Ju=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice");function Zu(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 i=Ju(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new xe(r.amount).multipliedBy(i||0))}return o}s(Zu,"getUsdFeeOfStep");function Ro(t,e){return t?.result?.swaps.reduce((o,n)=>o.plus(Zu(n,e)),Me)||null}s(Ro,"getTotalFeeInUsd");function bs(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}s(bs,"getMinRequiredSlippage");function xs(t,e){return e?parseFloat(t)>=parseFloat(e):!0}s(xs,"hasProperSlippage");function Xo(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:i,disabledLiquiditySources:a,slippage:l,affiliateRef:p,affiliatePercent:u,affiliateWallets:c,initialRoute:d,destination:m}=t,g=i?.reduce((f,k)=>(f[k.chain]=k.address,f),{}),C=[];r?.forEach(f=>{let k=C.find(v=>v.blockchain===f.chain);k?k.addresses.push(f.address):C.push({blockchain:f.chain,addresses:[f.address]})});let y=!!d,S=Wt((d?.result?.swaps||[]).reduce((f,k)=>(f.push(k.from.blockchain,k.to.blockchain),k.internalSwaps&&Array.isArray(k.internalSwaps)&&k.internalSwaps.map(v=>{f.push(v.from.blockchain,v.to.blockchain)}),f),[]));return{amount:n.toString(),affiliateRef:p??void 0,affiliatePercent:u??void 0,affiliateWallets:c??void 0,checkPrerequisites:y,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:C,selectedWallets:g??{},slippage:l.toString(),...m&&{destination:m},...a.length>0&&{swapperGroups:a,swappersGroupsExclude:!0},...y&&{blockchains:S}}}s(Xo,"createBestRouteRequestBody");function As(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}s(As,"getWalletsForNewSwap");function Mt(t){return t?.result?.outputAmount||null}s(Mt,"getRouteOutputAmount");function et(t,e){return!t||!e?null:new xe(e).div(new xe(t)).minus(1).multipliedBy(100)}s(et,"getPercentageChange");function Es(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}s(Es,"isOutputAmountChangedALot");function Bs(t,e){let o=t.validationStatus,n=Ni(t);return e.sort((i,a)=>n.indexOf(i.chain)-n.indexOf(a.chain)).flatMap(i=>Cs(i,o)||[]).filter(i=>!i.ok).map(i=>{let a=i.asset.symbol,l=T(new xe(i.currentAmount.amount).shiftedBy(-i.currentAmount.decimals),8,8),p=T(new xe(i.requiredAmount.amount).shiftedBy(-i.requiredAmount.decimals),8,8),u="";return i.reason==="FEE"&&(u=ze.t(" for network fee")),i.reason==="INPUT_ASSET"&&(u=ze.t(" for swap")),i.reason==="FEE_AND_INPUT_ASSET"&&(u=ze.t(" for input and network fee")),ze.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:p,symbol:a,reason:u,currentAmount:l,blockchain:i.asset.blockchain}})})}s(Bs,"getBalanceWarnings");function Ws(t,e){return(t?new xe(t):Me).multipliedBy(e||0)}s(Ws,"calcOutputUsdValue");function jt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==$o.NetworkChanged}s(jt,"isNetworkStatusInWarningState");function Ns(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),jt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case $o.WaitingForConnectingWallet:n=n||ze.t("Waiting for connecting wallet");break;case $o.WaitingForQueue:n=n||ze.t("Waiting for other running tasks to be finished");break;case $o.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}}}s(Ns,"getSwapMessages");function Is(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}s(Is,"getLastConvertedTokenInFailedSwap");function Ms(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}s(Ms,"shouldRetrySwap");function Ls(t,e,o,n,r,i){return t||!e&&!Qu(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&i&&!Fo(i,o)}s(Ls,"confirmSwapDisabled");var jo=s((t,e)=>t?.usdPrice?new ut(e||Me).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),_=ve(ec()(tc(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new ut(0),outputUsdValue:new ut(0),toBlockchain:null,toToken:null,bestRoute:null,routeWalletsConfirmed:!1,selectedWallets:[],customDestination:"",setRoute:e=>t(o=>{let n=null,r=Me;return Vt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new ut(e.result?.outputAmount):null,r=Ws(e.result?.outputAmount,ys(e)||o.toToken?.usdPrice)),{bestRoute:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetRoute:()=>t(()=>({bestRoute:null,outputAmount:null,outputUsdValue:new ut(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}=x.getState().meta;return t(n=>({fromToken:e,...e&&{fromBlockchain:o.find(r=>r.name===e.blockchain)??null},...!!n.inputAmount&&{inputUsdValue:jo(e,n.inputAmount)}}))},setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{bestRoute:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>{let{blockchains:o}=x.getState().meta;return t(()=>({toToken:e,...e&&{toBlockchain:o.find(n=>n.name===e.blockchain)??null}}))},setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new ut(0),outputUsdValue:new ut(0),bestRoute:null},...!!o.fromToken&&{inputUsdValue:jo(o.fromToken,e)}}))},retry:e=>{let{tokens:o,blockchains:n}=x.getState().meta,{fromBlockchain:r,fromToken:i,toBlockchain:a,toToken:l,inputAmount:p}=Ts(e,n,o);t({fromBlockchain:r,fromToken:i,inputAmount:p,outputAmount:null,inputUsdValue:jo(i??null,p),outputUsdValue:new ut(0),toBlockchain:a,toToken:l,bestRoute:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:jo(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 Ko}from"@rango-dev/ui";var Ps=Ko("div",{width:"100%",paddingTop:"$10"}),pr=Ko("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),_s=Ko("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),Ds=Ko("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});import{i18n as Kt}from"@lingui/core";import{Button as oc,Divider as $s,MessageBox as Us,Modal as nc,Typography as rc,WarningIcon as ic}from"@rango-dev/ui";import qe from"react";import{useNavigate as sc}from"react-router-dom";import{Typography as Fs}from"@rango-dev/ui";import ur from"react";function Os(t){let{title:e,value:o,valueColor:n}=t;return ur.createElement(_s,null,ur.createElement(Fs,{size:"medium",variant:"label",color:"neutral600"},e),ur.createElement(Fs,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}s(Os,"RouteErrorsModalItem");function zs(t){let{highValueLoss:e,open:o,onToggle:n,percentageChange:r,inputUsdValue:i,outputUsdValue:a,totalFeeInUsd:l}=t,p=sc(),u=e&&r?.lt(-10)?"error":"warning",c=[{title:Kt.t("Swapping"),value:T(i,4,4)},{title:Kt.t("Gas cost"),value:T(l,2,2)},{title:Kt.t("Receiving"),value:T(a,4,4)},{title:Kt.t("Price impact"),value:T(r,2,2),valueColor:`${u}500`}];return qe.createElement(nc,{open:o,onClose:()=>n(!1),container:document.getElementById("swap-box")||document.body},e?qe.createElement(Us,{type:u,title:q().highValueLossError.impactTitle,description:q().highValueLossError.description}):qe.createElement(Us,{type:u,title:q().unknownPriceError.impactTitle,description:q().unknownPriceError.description}),e&&qe.createElement(pr,null,qe.createElement($s,{size:20}),qe.createElement(rc,{size:"small",variant:"title"},Kt.t("Details")),qe.createElement(pr,null,c.map((d,m)=>qe.createElement(Os,{key:m,...d})))),qe.createElement($s,{size:32}),qe.createElement(oc,{type:"primary",size:"large",prefix:qe.createElement(ic,null),fullWidth:!0,onClick:()=>{p(h.confirmSwap)}},e?q().highValueLossError.confirmMessage:q().unknownPriceError.confirmMessage))}s(zs,"RouteErrorsModal");var pc=-10;function cr(t){let{bestRoute:e}=_(),{highValueLoss:o,percentageChange:n,priceImpactCanNotBeComputed:r,openModal:i,onToggle:a,totalFeeInUsd:l,outputUsdValue:p,inputUsdValue:u,loading:c,extraSpace:d}=t,m=Ho(e),{recommendation:g}=Vo(e),C=!m&&(o||r),y=C||m;return Ge.createElement(Ge.Fragment,null,(c||d&&!y)&&Ge.createElement(ac,{size:20}),y&&Ge.createElement(Ps,null,C&&Ge.createElement(Ge.Fragment,null,Ge.createElement(qs,{title:o?q().highValueLossError.title:q().unknownPriceError.title,type:o&&n?.lt(pc)?"error":"warning",variant:"alarm",action:Ge.createElement(Ds,{onClick:()=>a(!0)},Ge.createElement(lc,{size:12,color:"gray"}))})),m&&Ge.createElement(qs,{type:"error",variant:"alarm",title:g})),Ge.createElement(zs,{highValueLoss:o,open:i,onToggle:a,percentageChange:n,inputUsdValue:u,outputUsdValue:p,totalFeeInUsd:l}))}s(cr,"RouteErrors");import{ReverseIcon as uc,styled as Gs}from"@rango-dev/ui";import mr from"react";var cc=Gs("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),mc=Gs("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 Hs(){let t=_.use.switchFromAndTo();return mr.createElement(cc,null,mr.createElement(mc,{onClick:()=>{t()}},mr.createElement(uc,{size:12})))}s(Hs,"SwitchFromAndToButton");import{useEffect as Vs,useRef as gc,useState as Rs}from"react";import{useRef as dc,useState as fc}from"react";function Yo(){let[t,e]=fc(!1),o=dc(null),n=s(()=>o.current?.abort(),"cancel");return{fetch:s(async i=>{n(),o.current=new AbortController,e(!0);try{let a=await xt().getBestRoute(i,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}s(Yo,"useFetchBestRoute");var hc=600;function Xs(){let{fetch:t,cancelFetch:e}=Yo(),[o,n]=Rs(!1),{fromToken:r,toToken:i,inputAmount:a,inputUsdValue:l,resetRoute:p,setRoute:u}=_(),{slippage:c,customSlippage:d,affiliatePercent:m,affiliateRef:g,affiliateWallets:C,disabledLiquiditySources:y}=F(),[S,w]=Rs(""),f=gc(y),k=d??c,b=!r||!i||Le(r,i)||!Vt(a),B=s(()=>{if(o||n(!0),!b){p();let A=Xo({fromToken:r,toToken:i,inputAmount:a,disabledLiquiditySources:y,slippage:k,affiliateRef:g,affiliatePercent:m,affiliateWallets:C});t(A).then(N=>{n(!1),u(N)}).catch(N=>{p(),N?.code!=="ERR_CANCELED"&&(w(N.message),n(!1))})}},"fetch"),O=Fi(()=>{b||B()},hc);return Vs(()=>{if(!Vt(a)||l?.eq(0)){n(!1),e();return}if(!b)return p(),n(!0),O(),e},[a,b]),Vs(()=>{let A=!!f.current.length&&!y.length;return!b&&A&&B(),f.current=y,e},[y.length]),{fetch:B,loading:o,error:S}}s(Xs,"useSwapInput");var Ac=Lt("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),Ec=Lt("div",{position:"relative"}),Bc=Lt("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"}),Ks=Lt("div",{width:"100%",paddingTop:"$2"}),Wc=Lt("div",{paddingBottom:"$15"}),Nc=Lt("div",{width:"100%",display:"flex"});function Jo(){let t=xc(),{fetch:e,loading:o,error:n}=Xs(),{fromToken:r,fromBlockchain:i,toToken:a,toBlockchain:l,setInputAmount:p,inputAmount:u,inputUsdValue:c,outputAmount:d,outputUsdValue:m,bestRoute:g,resetRouteWallets:C}=_(),{meta:{tokens:y,blockchains:S},loadingStatus:w}=x(),f=R.use.connectedWallets(),k=be.use.setCurrentPage(),[v,b]=bc(!1),{fromAmountRangeError:B,swap:O,recommendation:A}=Vo(g),N=vc(null),$=!!Number(u)&&(!!g||o||!!n),oe=!1,W=qo(c,m),Y=Go(c,W),H=!lr(g,u,c),re=!lr(g,u,m),P=vs(w,f,o,g,Ho(g),Y,H||re,oe,u),me=i&&r?T(Bt(f,i?.name,r?.symbol,r?.address)?.amount||"0",8,8):"0",Ne=i&&r?T(Bt(f,i?.name,r?.symbol,r?.address)?.amount||"0",Bt(f,i?.name,r?.symbol,r?.address)?.decimal):"0";wc(()=>(k(h.home),C(),k.bind(null,"")),[]);let z=!c||!m||!m.gt(0)?null:et(c.toNumber(),m.toNumber()),V=s(Fe=>Fe.map((se,ft)=>({swapper:{displayName:se.swapperId,image:se.swapperLogo},from:{token:{displayName:se.from.symbol,image:se.from.logo},chain:{displayName:Ze(se.from.blockchain,S)??"",image:se.from.blockchainLogo},price:{value:ft===0?T(u,6,6):se.fromAmount}},to:{token:{displayName:se.to.symbol,image:se.to.logo},chain:{displayName:Ze(se.to.blockchain,S)??"",image:se.to.blockchainLogo},price:{value:se.toAmount}},alerts:se.swapperId===O?.swapperId?K.createElement(Wc,null,K.createElement(yc,{type:"error",title:A,footer:K.createElement(Nc,null,K.createElement(fr,{size:"xsmall",variant:"body",color:"neutral700"},B),K.createElement(dr,{direction:"horizontal",size:8}),K.createElement(fr,{size:"xsmall",variant:"body",color:"neutral700"},"|"),K.createElement(dr,{direction:"horizontal",size:8}),K.createElement(fr,{size:"xsmall",variant:"body",color:"neutral700"},Qo.t({id:"Yours: {amount} {symbol}",values:{amount:T(O?.fromAmount||null,6,6),symbol:se?.from.symbol}})))})):void 0})),"getBestRouteSteps"),Ie=Ro(g,y),we=ks(g);return K.createElement(J,{ref:N,fixedHeight:!1,hasLogo:!0,footer:K.createElement(kc,{type:"primary",size:"large",disabled:P.disabled,prefix:!P.disabled&&P.hasWarning&&K.createElement(Tc,null),fullWidth:!0,onClick:()=>{P.state==="waitForConnecting"?t(h.wallets):P.state==="needToConfirm"?b(!0):t(h.confirmSwap)}},P.title),header:{hasConnectWallet:!0,title:Qo.t("Swap"),suffix:K.createElement(Jn,{layoutRef:N.current,onClickRefresh:g||n?e:void 0,onClickHistory:()=>t(h.swaps),onClickSettings:()=>t(h.settings)})}},K.createElement(Ac,null,K.createElement(Bc,null,K.createElement(Ec,null,K.createElement(js,{label:Qo.t("From"),mode:"From",onInputChange:p,balance:me,chain:{displayName:i?.displayName||"",image:i?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>t("from-swap"),price:{value:u,usdValue:H?void 0:T(c,4,4),error:H?q().unknownPriceError.impactTitle:void 0},disabled:w==="failed",loading:w==="loading",onSelectMaxBalance:()=>{me!=="0"&&p(Ne.split(",").join(""))}}),K.createElement(Hs,null)),K.createElement(js,{sharpBottomStyle:!!g?.result||o,label:Qo.t("To"),mode:"To",chain:{displayName:l?.displayName||"",image:l?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:z?.lt(0)?T(z,2,2):null,warningLevel:It(z?.toNumber()??0),price:{value:T(d,6,6),usdValue:re?void 0:T(m,4,4),error:re?q().unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:w==="failed",loading:w==="loading"})),o&&K.createElement(Ks,null,K.createElement(Cc,{type:"basic"})),$&&!o&&we?.result?.swaps?.length?K.createElement(Ks,null,K.createElement(Sc,{type:"basic",recommended:!0,tooltipContainer:ae(),input:{value:T(u,6,6),usdValue:T(c,4,4)},output:{value:T(d,6,6),usdValue:T(m,4,4)},steps:V(we.result.swaps),percentageChange:T(z,2,2),totalFee:T(Ie,2,2),totalTime:At(Et(g?.result?.swaps))})):$&&!o?K.createElement(K.Fragment,null,K.createElement(dr,{size:20}),K.createElement(Xt,{diagnosisMessage:we?.diagnosisMessages?.[0],fetch:e,error:!!n})):null),K.createElement(cr,{openModal:v,onToggle:b,totalFeeInUsd:Ie,outputUsdValue:m,inputUsdValue:c,percentageChange:z,highValueLoss:Y,priceImpactCanNotBeComputed:H||re,loading:o||w==="loading",extraSpace:!!g?.result||!g}))}s(Jo,"Home");import{useEffect as gr,useRef as hr}from"react";import{createSearchParams as Ic,useLocation as Mc,useSearchParams as Lc}from"react-router-dom";import{useEffect as Pt,useMemo as Zo,useRef as en}from"react";function Ys(t){let{setInputAmount:e,setToToken:o,setToBlockchain:n,setFromBlockchain:r,setFromToken:i,fromToken:a,toToken:l,fromBlockchain:p,toBlockchain:u}=_(),{meta:{tokens:c,blockchains:d},loadingStatus:m}=x(),{setAffiliateRef:g,setAffiliatePercent:C,setAffiliateWallets:y}=F(),S=Zo(()=>t?.from?.tokens,[t?.from?.tokens]),w=Zo(()=>t?.from?.blockchains,[t?.from?.blockchains]),f=Zo(()=>t?.to?.tokens,[t?.to?.tokens]),k=Zo(()=>t?.to?.blockchains,[t?.to?.blockchains]),v=en(void 0),b=en(void 0),B=en(void 0),O=en(void 0);Pt(()=>{e(t?.amount?.toString()||"")},[t?.amount]),Pt(()=>{if(m==="success"){let A=d.find($=>$.name===t?.from?.blockchain),N=c.find($=>Le($,t?.from?.token||null));(A||!A&&B.current)&&r(A??null),(N||!N&&v.current)&&i(N??null),B.current=t?.from?.blockchain,v.current=t?.from?.token}},[t?.from?.token?.symbol,t?.from?.token?.address,t?.from?.token?.blockchain,t?.from?.blockchain,m]),Pt(()=>{a&&S&&(S.some(A=>Le(A,a))||i(null)),p&&w&&(w.includes(p.name)||r(null))},[S,w]),Pt(()=>{l&&f&&(f.some(A=>Le(A,l))||o(null)),u&&k&&(k.includes(u.name)||n(null))},[f,k]),Pt(()=>{if(m==="success"){let A=d.find($=>$.name===t?.to?.blockchain),N=c.find($=>Le($,t?.to?.token||null));(A||!A&&O.current)&&n(A??null),(N||!N&&b.current)&&o(N??null),O.current=t?.to?.blockchain,b.current=t?.to?.token}},[t?.to?.token?.symbol,t?.to?.token?.address,t?.to?.token?.blockchain,t?.to?.blockchain,m]),Pt(()=>{g(t?.affiliate?.ref??null),C(t?.affiliate?.percent??null),y(t?.affiliate?.wallets??null)},[t?.affiliate?.ref,t?.affiliate?.percent,t?.affiliate?.wallets])}s(Ys,"useSyncStoresWithConfig");function Qs(t){let e=hr(!0),[o,n]=Lc(),r=Mc(),i=hr(r.search),a=hr({}),l=_.use.fromBlockchain(),p=_.use.toBlockchain(),u=_.use.fromToken(),c=_.use.toToken(),d=_.use.setFromBlockchain(),m=_.use.setFromToken(),g=_.use.setToBlockchain(),C=_.use.setToToken(),y=_.use.inputAmount(),S=_.use.setInputAmount(),w=x.use.loadingStatus(),{blockchains:f,tokens:k}=x.use.meta(),v=be.use.setSelectedSwap();return Ys(t.config),gr(()=>{let b={};Ic(i.current).forEach((O,A)=>{b[A]=O}),a.current=b;let B=r.pathname.split(h.swaps+"/")[1]||null;B&&v(B)},[]),gr(()=>{if(!e.current){let b="",B="",O="",A="",N="";if(w!=="success")b=a.current["fromBlockchain"],B=a.current["fromToken"],O=a.current["toBlockchain"],A=a.current["toToken"],N=a.current["fromAmount"]||y;else{if(r.state==="redirect")return;b=l?.name||"",B=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),O=p?.name||"",A=(c?.symbol||"")+(c?.address?`--${c?.address}`:""),N=y}n({...b&&{["fromBlockchain"]:b},...B&&{["fromToken"]:B},...O&&{["toBlockchain"]:O},...A&&{["toToken"]:A},...N&&{["fromAmount"]:N.toString()}},{replace:!0})}e.current=!1},[r.pathname,y,l,u,p,c]),gr(()=>{if(w==="success"){let b=o.get("fromBlockchain"),B=o.get("fromToken"),O=o.get("toBlockchain"),A=o.get("toToken"),N=o.get("fromAmount"),$=f.find(H=>H.name===b),oe=rr(k,B,$||null),W=f.find(H=>H.name===O),Y=rr(k,A,W||null);$&&(d($),oe&&m(oe)),W&&(g(W),Y&&C(Y)),N&&S(N)}},[w]),null}s(Qs,"UpdateUrl");function Gc(t){let e=zc(),o=qc(),n=Oc(!0),r=e.pathname.split("/"),a=r[r.length-1]===h.confirmSwap&&n.current;return Fc(()=>{a&&o("."),n.current=!1},[]),a?yt.createElement(Jo,null):yt.createElement(yt.Fragment,null," ",t.children)}s(Gc,"Route");function Js({children:t,...e}){let o=Uc(),n=o?Gc:$c,{blockchains:r}=x.use.meta(),{canSwitchNetworkTo:i}=_c(),a=r.filter(Dc);return Pc({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:i}),yt.createElement(yt.Fragment,null,yt.createElement(n,null,t),o&&yt.createElement(Qs,{config:e.config}))}s(Js,"AppRouter");import We from"react";import{useRoutes as mg}from"react-router-dom";import{i18n as je}from"@lingui/core";import{useManager as Dm}from"@rango-dev/queue-manager-react";import{Alert as br,BestRoute as Fm,BestRouteSkeleton as Om,Button as pn,Divider as $t,IconButton as Fa,MessageBox as $m,Modal as Um,RefreshIcon as zm,SettingsIcon as qm,styled as Oa,Tooltip as Gm,Typography as Da,WalletIcon as Hm}from"@rango-dev/ui";import M,{useEffect as un,useState as cn}from"react";import{flushSync as Vm}from"react-dom";import{useNavigate as Rm}from"react-router-dom";import{i18n as nt}from"@lingui/core";import{Alert as vr,BalanceErrors as km,Button as Ma,ChevronDownIcon as Tm,ChevronLeftIcon as wm,Divider as Ot,MessageBox as vm,Modal as La,Typography as ln,WalletIcon as bm}from"@rango-dev/ui";import E,{useEffect as xm,useLayoutEffect as Am,useRef as Em,useState as kt}from"react";import{useNavigate as Bm}from"react-router-dom";import{i18n as tn}from"@lingui/core";function on(t){switch(t.type){case 0:return tn.t("Route has been updated.");case 3:return tn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return tn.t("Route swappers has been updated.");case 2:return tn.t("Route internal coins has been updated.");default:return""}}s(on,"getRouteWarningMessage");import*as Dt from"@radix-ui/react-collapsible";import{Button as Hc,darkTheme as _t,IconButton as Vc,keyframes as Zs,styled as ke,TextField as Rc}from"@rango-dev/ui";var Yt=300,Xc=Zs({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),jc=Zs({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),ea=ke("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),ta=ke("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),oa=ke("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${_t} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${_t} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${_t} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),na=ke(Dt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),ra=ke("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),ia=ke(Vc,{position:"absolute",left:"$20"}),sa=ke("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),aa=ke(Dt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),la=ke(Hc,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${_t} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${_t} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${_t} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),pa=ke("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),ua=ke("div",{transition:`all ${Yt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),ca=ke("div",{display:"flex"}),ma=ke(Rc,{padding:"$0 $15 $15 $15"}),da=ke(Dt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Xc} ${Yt}ms ease-out`},false:{animation:`${jc} ${Yt}ms ease-out`}}}}),fa=ke("div",{overflow:"visible",width:"100%"});import{i18n as He}from"@lingui/core";import{Button as ym,Divider as Tr,Image as Sm,MessageBox as an,Modal as Ea,SelectableWallet as Cm,Typography as Ba,WalletState as Wa}from"@rango-dev/ui";import ne,{useEffect as Na,useState as Jt}from"react";import{WalletState as ga}from"@rango-dev/ui";import{useWallets as Kc}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Yc,WalletTypes as Qc}from"@rango-dev/wallets-shared";import{useEffect as Jc,useState as Zc}from"react";var em=Object.values(Qc);function nn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:i,disconnect:a,getWalletInfo:l,connect:p}=Kc(),{connectedWallets:u}=R(),{blockchains:c}=x().meta,d=typeof e?.multiWallets>"u"?!0:e.multiWallets,m=$i(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||em,g=Bi(i,l,m,o),C=Pi(g),[y,S]=Zc(""),w=s(b=>!u.find(B=>B.walletType===b&&B.chain===o),"isExperimentalChainNotAdded"),f=s(async b=>{let B=i(b);try{if(y&&S(""),B.connected)await a(b);else{let O=!!g.find(A=>A.state===ga.CONNECTED);if(!d&&O)return;n?.(b),await p(b),r?.(b)}}catch(O){S("Error: "+O?.message)}},"handleClick"),k=s(()=>{let b=g?.filter(B=>B.state===ga.CONNECTING)||[];for(let B of b)a(B.type)},"disconnectConnectingWallets");Jc(()=>()=>{k()},[]);let v=s((b,B,O)=>bo(O,B)&&w(b)&&!Yc.includes(b),"shouldExcludeWallet");return{list:C.filter(b=>!v(b.type,o??"",c)),error:y,handleClick:f}}s(nn,"useWalletList");import{i18n as ka}from"@lingui/core";import{styled as wa,Typography as pm,Wallet as um,WalletState as cm}from"@rango-dev/ui";import Ct,{Fragment as mm,useState as Ta}from"react";import{Divider as im,Modal as sm}from"@rango-dev/ui";import Sr from"react";import{i18n as Ft}from"@lingui/core";import{Image as nm,MessageBox as yr,WalletState as rm}from"@rango-dev/ui";import St from"react";import{keyframes as tm,styled as rn}from"@rango-dev/ui";var Nw=rn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),ha=rn("div",{position:"relative"}),om=tm({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ya=rn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${om} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Sa=rn("div",{"& img":{borderRadius:"50%"}});function Ca(t){let{state:e,image:o,error:n}=t;return e===rm.CONNECTED?St.createElement(yr,{type:"success",title:Ft.t("Wallet Connected"),description:Ft.t("Your wallet is connected, you can use it to swap.")}):n?St.createElement(yr,{type:"error",title:Ft.t("Failed to Connect"),description:n||Ft.t("Your wallet is not connected. Please try again.")}):St.createElement(yr,{type:"loading",title:Ft.t("Connecting to your wallet"),description:Ft.t("Click connect in your wallet popup."),icon:St.createElement(ha,null,St.createElement(Sa,null,St.createElement(nm,{src:o,size:45})),St.createElement(ya,null))})}s(Ca,"ModalContent");function Qt(t){let{open:e,onClose:o,...n}=t;return Sr.createElement(sm,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},Sr.createElement(Ca,{...n}),Sr.createElement(im,{direction:"vertical",size:32}))}s(Qt,"WalletModal");import{useInRouterContext as am,useNavigate as lm}from"react-router-dom";function ie(){let t=am(),e=lm(),o=_.use.routeWalletsConfirmed();return h,{navigateBackFrom:s(r=>{if(r===h.swapDetails)return e("/"+h.swaps,{replace:!0});if(!t||window.history.state&&window.history.state.idx>0)e(-1);else{if([h.settings,h.wallets].includes(r)&&o)return e("/"+h.confirmSwap,{replace:!0});[h.fromSwap,h.toSwap,h.settings,h.wallets,h.swaps,h.confirmSwap].includes(r)?e(h.home,{replace:!0}):r===h.fromBlockchain?e("/"+h.fromSwap,{replace:!0}):r===h.toBlockchain?e("/"+h.fromSwap,{replace:!0}):r===h.liquiditySources&&e("/"+h.settings,{replace:!0})}},"navigateBackFrom")}}s(ie,"useNavigateBack");var dm=wa("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),fm=wa("div",{textAlign:"center"}),sn=3e3,Cr=300;function va({config:t}){let{navigateBackFrom:e}=ie(),[o,n]=Ta(!1),[r,i]=Ta(""),a=null,{list:l,handleClick:p,error:u}=nn({config:t,onBeforeConnect:C=>{a=setTimeout(()=>{n(!0),i(C)},Cr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},sn)}}),c=x.use.loadingStatus(),d=l.find(C=>C.type===r),m=d?.image||"",g=d?.state||cm.NOT_INSTALLED;return Ct.createElement(J,{header:{title:ka.t("Connect Wallets"),onBack:e.bind(null,h.wallets)}},Ct.createElement(fm,null,Ct.createElement(pm,{variant:"title",size:"xmedium",align:"center"},ka.t("Choose a wallet to connect.")),Ct.createElement(dm,null,l.map((C,y)=>{let S=`wallet-${y}-${C.type}`;return Ct.createElement(mm,{key:S},Ct.createElement(um,{...C,container:ae(),onClick:w=>{p(w)},isLoading:c==="loading"}))}),Ct.createElement(Qt,{open:!!o,onClose:()=>n(!1),image:m,state:g,error:u}))))}s(va,"WalletsPage");import{keyframes as gm,styled as kr}from"@rango-dev/ui";var ba=kr("div",{position:"relative"}),hm=gm({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),xa=kr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${hm} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Aa=kr("div",{"& img":{borderRadius:"50%"}});function wr(t){let{config:e,chain:o,isSelected:n,selectWallet:r,limit:i,onShowMore:a}=t,l=R.use.connectedWallets(),{blockchains:p}=x.use.meta(),[u,c]=Jt(""),[d,m]=Jt(null),[g,C]=Jt(!1),[y,S]=Jt(null),{suggestAndConnect:w}=Ia(),f=null,{list:k,error:v,handleClick:b}=nn({config:e,chain:o,onBeforeConnect:W=>{f=setTimeout(()=>{c(W)},Cr)},onConnect:()=>{f&&clearTimeout(f),setTimeout(()=>{c("")},sn)}}),[B,O]=Jt(k),A=k.length,N=i&&A-i>0,$=s(async W=>{C(!1),S("in-progress");try{await w(W.walletType,W.chain),S("completed")}catch{S("rejected")}},"addExperimentalChain");Na(()=>{O(W=>{let Y=k.findIndex(H=>n(H.type,o));return N&&Y>1?[k[Y]].concat(k.filter((H,re)=>re!==Y)):W.map(H=>k.find(re=>re.type===H.type)??H)})},[JSON.stringify(k)]);let oe=document.querySelector("#swap-box");return Na(()=>{let W=null;return(y==="completed"||y==="rejected")&&(W=setTimeout(()=>S(null),sn)),()=>{W&&clearTimeout(W)}},[y]),ne.createElement(ne.Fragment,null,B.slice(0,i).map(W=>{let Y=_i({connectedWallets:l,walletType:W.type,chain:o}),H=Y?xo(Y):"",re=bo(p,o),P=!l.find(Ie=>Ie.walletType===W.type&&Ie.chain===o),me=re&&P&&W.state===Wa.CONNECTED,Ne=me?He.t({id:"Add {chain} chain",values:{chain:o}}):H,z=s(()=>{W.state===Wa.DISCONNECTED?b(W.type):me?(m({walletType:W.type,chain:o,address:Y??""}),C(!0)):r({walletType:W.type,chain:o,address:Y??""})},"onClick"),V=d?.chain?hs(d.chain,p):void 0;return ne.createElement(ne.Fragment,null,ne.createElement(Qt,{open:u===W.type,onClose:()=>c(""),image:W.image,state:W.state,error:v}),!!d&&ne.createElement(Ea,{open:!!d&&g,container:oe,onClose:()=>{m(null)}},ne.createElement(an,{title:He.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:V}}),type:"warning",description:He.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:V}})},ne.createElement(Tr,{size:18}),ne.createElement(Tr,{size:32}),ne.createElement(ym,{onClick:$.bind(null,d),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},He.t("Confirm")))),y&&ne.createElement(Ea,{open:!!y,onClose:S.bind(null,null),container:oe},y==="in-progress"&&ne.createElement(an,{type:"loading",title:He.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:V}}),description:He.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:V}}),icon:ne.createElement(ba,null,ne.createElement(Aa,null,ne.createElement(Sm,{src:W.image,size:45})),ne.createElement(xa,null))}),y==="completed"&&ne.createElement(an,{type:"success",title:He.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:V}}),description:He.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:V}})}),y==="rejected"&&ne.createElement(an,{type:"error",title:He.t("Request Rejected"),description:He.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:V}})}),ne.createElement(Tr,{direction:"vertical",size:32})),ne.createElement(Cm,{key:W.type,description:Ne,onClick:z,selected:n(W.type,o),...W}))}),N&&ne.createElement(oa,{selected:!1,onClick:a.bind(null)},ne.createElement(Ba,{variant:"label",size:"medium"},He.t("Show more wallets"),ne.createElement(Ba,{variant:"label",size:"medium",color:"$primary"},"\xA0+",A-(i??0)))))}s(wr,"WalletList");var Wm=2;function Pa(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,config:i,loading:a}=t,{blockchains:l}=x.use.meta(),{bestRoute:p,setSelectedWallets:u,routeWalletsConfirmed:c,setRouteWalletConfirmed:d,customDestination:m,setCustomDestination:g}=_(),{connectedWallets:C,selectWallets:y}=R(),[S,w]=kt(""),[f,k]=kt([]),[v,b]=kt(""),[B,O]=kt(null),[A,N]=kt(m),[$,oe]=kt(!!m),W=Em(null),Y=Do(p),H=typeof i?.customDestination>"u"?!0:i.customDestination,re=l.find(D=>D.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),P=s(D=>!!p?.result?.swaps.find(I=>I.from.blockchain===D),"isWalletRequiredFor"),[me,Ne]=kt(C.filter(D=>D.selected&&Y.includes(D.chain))),z=l.find(D=>D.name===re?.name),V=s((D,I)=>!!me.find(U=>U.walletType===D&&U.chain===I&&U.selected&&(P(I)||!P(I)&&!A)),"isSelected"),Ie=!!A&&$&&z&&!Fo(z,A),we=s(()=>{oe(!1),N(""),Ne(D=>{let I=!1;return D.map(U=>!I&&U.chain===re?.name?(I=!0,{...U,selected:!0}):U)})},"resetCustomDestination"),Fe=s(D=>{if(S&&w(""),V(D.walletType,D.chain))return;let U=C.find(Q=>Q.walletType===D.walletType&&Q.chain===D.chain);U&&(n(),D.chain===re?.name&&$&&(oe(!1),N("")),Ne(Q=>Q.filter(le=>le.chain!==D.chain).concat({...U,selected:!0})))},"onChange"),se=s(()=>{let D=me.filter(I=>I.selected);y(D),u(D),g(A),d(!0),o()},"onConfirmBalance"),ft=s(async()=>{k([]),b(""),O(null);let D=C.filter(Q=>me.find(le=>le.chain===Q.chain&&le.walletType===Q.walletType)),I=await r?.({selectedWallets:D,customDestination:A}),U=I.warnings;U?.balance?.messages&&k(U.balance.messages),U?.route&&O(U.route),I.error&&b(Lo(I.error)),!I.error&&(!U?.balance?.messages.length||0>0)?se():k(U?.balance?.messages??[])},"onConfirmWallets");xm(()=>{Ne(D=>D.concat(C.filter(I=>!!!D.find(Q=>Q.chain===I.chain)&&I.selected&&Y.includes(I.chain))))},[C.length]),Am(()=>{$&&W.current&&setTimeout(()=>{W?.current?.scrollIntoView({behavior:"smooth"})},Yt)},[$]);let Je=document.querySelector("#swap-box"),bt=Bm();return E.createElement(La,{open:e,onClose:()=>{c||bt(h.home,{replace:!0}),o()},dismissible:!S,container:Je,...!S&&{footer:E.createElement(ca,null,E.createElement(Ma,{loading:a,disabled:Ls(a,$,A,p,me,re),onClick:ft,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...S&&{containerStyle:{padding:"$0"},header:E.createElement(ra,null,E.createElement(ia,{variant:"ghost",onClick:w.bind(null,"")},E.createElement(wm,{size:16})),E.createElement(ln,{variant:"headline",size:"small"},nt.t({id:"Your {blockchainName} wallets",values:{blockchainName:S}})))},anchor:"center"},E.createElement(La,{open:f.length>0,onClose:k.bind(null,[]),container:Je},E.createElement(vm,{title:nt.t("Insufficient account balance"),type:"error",description:E.createElement(km,{messages:f??[]})},E.createElement(Ma,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:se},nt.t("Proceed anyway")))),S&&E.createElement(sa,null,E.createElement("div",{className:"wallets-list"},E.createElement(wr,{chain:S,isSelected:V,selectWallet:Fe,multiWallets:i?.multiWallets??!0,supportedWallets:i?.wallets??[],config:i,onShowMore:w.bind(null,S)}))),!S&&E.createElement(E.Fragment,null,v&&E.createElement(E.Fragment,null,E.createElement(vr,{variant:"alarm",type:"error",title:nt.t(v)}),E.createElement(Ot,{size:12})),B&&E.createElement(E.Fragment,null,E.createElement(vr,{variant:"alarm",type:"warning",title:on(B)}),E.createElement(Ot,{size:12})),E.createElement(fa,null,Y.map((D,I)=>{let U=l.find(ue=>ue.name===D),Q=`wallet-${I}`,le=I===Y.length-1;return E.createElement("div",{key:Q},E.createElement(ea,null,E.createElement(ln,{variant:"title",size:"xmedium"},nt.t({id:"Your {blockchainName} wallets",values:{blockchainName:U?.displayName}})),E.createElement(ln,{variant:"label",color:"$neutral700",size:"medium"},nt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:U?.displayName}}))),E.createElement(Ot,{size:24}),E.createElement(ta,null,E.createElement(wr,{chain:D,isSelected:V,selectWallet:Fe,multiWallets:i?.multiWallets??!0,supportedWallets:i?.wallets??[],config:i,limit:Wm,onShowMore:()=>w(U?.name??"")})),!le&&E.createElement(Ot,{size:32}),le&&H&&E.createElement(pa,null,E.createElement(aa,{ref:W,selected:$,open:$,onOpenChange:ue=>{ue?P(re?.name??"")||Ne(ho=>ho.map(yo=>yo.chain===re?.name?{...yo,selected:!1}:yo)):we()}},E.createElement(na,{onClick:()=>oe(ue=>!ue)},E.createElement(la,{fullWidth:!0,variant:"default",suffix:E.createElement(ua,{orientation:$?"up":"down"},E.createElement(Tm,{size:10,color:"gray"}))},E.createElement("div",{className:"button__content"},E.createElement(bm,{size:18,color:"info"}),E.createElement(Ot,{size:4,direction:"horizontal"}),E.createElement(ln,{variant:"label",size:"medium"},nt.t("Send to a different address"))))),E.createElement(da,{open:$},E.createElement(E.Fragment,null,E.createElement(Ot,{size:4}),E.createElement(ma,{autoFocus:!0,placeholder:nt.t("Your destination address"),value:A,onChange:ue=>{N(ue.target.value)}})))),Ie&&E.createElement("div",{className:"alarms"},E.createElement(vr,{variant:"alarm",type:"error",title:nt.t({values:{destination:A},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}s(Pa,"ConfirmWalletsModal");import{calculatePendingSwap as Im}from"@rango-dev/queue-manager-rango-preset";import Mm from"bignumber.js";import{useEffect as Lm}from"react";function Pm(t,e){if(!t.result)throw new Error(q().noRoutesError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let o=new Mm(t.result?.outputAmount||"0").multipliedBy(e.outputUsdValue||0),n=qo(e.inputUsdValue,o);if(Go(e.inputUsdValue,n))throw new Error("High value loss for route",{cause:{type:1}});return t}s(Pm,"throwErrorIfResponseIsNotValid");function _m(t,e,o){let n=Ss(t,e),r={balance:null,route:null,slippage:null};n&&(Es(t,e)?r.route={type:3,newOutputAmount:T(Mt(e)),percentageChange:T(et(Mt(t),Mt(e)),null,2)}:ir(t,e)?r.route={type:0}:sr(t,e)?r.route={type:1}:ar(t,e)&&(r.route={type:2}));let i=Bs(e,o.selectedWallets);i.length===0||(r.balance={messages:i});let l=bs(t),p=o.userSlippage>ss;return xs(o.userSlippage.toString(),l)?p&&(r.slippage={type:1,slippage:o.userSlippage.toString()}):r.slippage={type:0,slippage:l},r}s(_m,"generateWarnings");function _a(){let{fromToken:t,toToken:e,inputAmount:o,inputUsdValue:n,setRoute:r,bestRoute:i,customDestination:a}=_(),{slippage:l,customSlippage:p,affiliatePercent:u,affiliateRef:c,affiliateWallets:d,disabledLiquiditySources:m}=F(),{connectedWallets:g}=R(),{meta:C}=x(),y=p||l,{fetch:S,cancelFetch:w,loading:f}=Yo();return Lm(()=>w,[]),{loading:f,fetch:s(async v=>{let b=v.selectedWallets,B=v?.customDestination??a;if(!t||!e||!o||!i)return{route:null,swap:null,error:null,warnings:null};let O=Xo({fromToken:t,toToken:e,inputAmount:o,wallets:g,selectedWallets:b,disabledLiquiditySources:m,slippage:y,affiliateRef:c,affiliatePercent:u,affiliateWallets:d,initialRoute:i,destination:B}),A;try{A=await S(O).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 N={slippage:y.toString(),disabledSwappersGroups:m},$=Im(o.toString(),A,As(b),N,!1,C);return{route:A,swap:$,error:null,warnings:_m(i,A,{selectedWallets:b,userSlippage:y})}},"fetch"),cancelFetch:w}}s(_a,"useConfirmSwap");var Xm=Oa("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"}}),jm=Oa("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Fa}`]:{width:"$48",height:"$48"}});function $a(t){let{config:e}=t,{bestRoute:o,inputAmount:n,outputAmount:r,inputUsdValue:i,outputUsdValue:a,setInputAmount:l,selectedWallets:p,routeWalletsConfirmed:u,setRouteWalletConfirmed:c,customDestination:d}=_(),m=Rm(),[g,C]=cn(""),[y,S]=cn(!1),{connectedWallets:w}=R(),f=!u,[k,v]=cn(!1),b=be.use.setSelectedSwap(),{meta:{tokens:B,blockchains:O},loadingStatus:A}=x(),N=F.use.slippage(),$=F.use.customSlippage(),{manager:oe}=Dm(),W=$||N,{fetch:Y,loading:H,cancelFetch:re}=_a(),[P,me]=cn({swap:null,error:null,warnings:null}),Ne=H||A==="loading",z=!H&&P.error&&[0,2].includes(P.error.type),V=!z&&!H&&o&&o.result,Ie=Ro(o,B),we=T(et(i?.toNumber()??0,a?.toNumber()??0),2,2),Fe=It(parseFloat(we)),se=s(async({selectedWallets:I,customDestination:U})=>{let Q=await Y?.({selectedWallets:I,customDestination:U});return me(Q),Q},"onConfirmSwap"),ft=s(async()=>{if(P.swap&&u)try{await oe?.create("swap",{swapDetails:P.swap},{id:P.swap.requestId}),b(P.swap.requestId),m("/"+h.swaps+`/${P.swap.requestId}`,{replace:!0}),setTimeout(()=>{l("")},0)}catch(I){C("Error: "+I?.message)}},"addNewSwap"),Je=s(async()=>{await ft()},"onConfirm"),bt=s(async()=>{P?.warnings?.slippage?S(!0):await Je()},"onStartConfirmSwap"),D=s(async()=>{me({error:null,swap:null,warnings:null}),Y({selectedWallets:p}).then(I=>{me(I)}).catch(I=>console.error(I))},"onRefresh");return un(()=>{f&&re()},[f]),un(()=>{f&&v(f)},[f]),un(()=>{f||Y({selectedWallets:p,customDestination:d}).then(I=>me(I)).catch(I=>console.error(I))},[]),un(()=>{let I=P.warnings?.route?.type&&Object.values(Rt).includes(P.warnings?.route?.type),U=p.length<1||!p.every(le=>w.find(ue=>le.address===ue.address&&le.walletType===ue.walletType&&le.chain===ue.chain)),Q=!1;if(I){let le=Do(o),ue=o?.result?.swaps[o.result.swaps.length-1].to.blockchain;!!o?.result?.swaps.find($n=>$n.from.blockchain===ue)||(le=le.slice(-le.length,le.length-1)),le.every($n=>p.find(Ip=>Ip.chain===$n))||(Q=!0)}o&&(U||Q)&&(queueMicrotask(()=>Vm(v.bind(null,!0))),c(!1))},[P.warnings?.route,p.length,w.length]),M.createElement(J,{header:{title:je.t("Confirm Swap"),onBack:m.bind(null,-1),hasConnectWallet:!0,suffix:M.createElement(Gm,{container:ae(),side:"bottom",content:je.t("Settings")},M.createElement(Oe,{size:"small",variant:"ghost",onClick:()=>m("/"+h.settings)},M.createElement(qm,{size:18,color:"black"})))},footer:M.createElement(jm,null,M.createElement("div",{className:"confirm-button"},M.createElement(pn,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:H,disabled:!!P.error,onClick:bt},je.t("Start Swap"))),M.createElement(Fa,{variant:"contained",type:"primary",size:"large",loading:H,onClick:v.bind(null,!0)},M.createElement(Hm,{size:24})))},M.createElement(Um,{anchor:"bottom",open:y,prefix:M.createElement(pn,{size:"small",variant:"ghost",onClick:()=>m("/"+h.settings)},M.createElement(Da,{variant:"label",size:"medium",color:"$neutral700"},je.t("Change settings"))),container:document.querySelector("#swap-box"),onClose:S.bind(null,I=>!I)},P.warnings?.slippage&&M.createElement($m,{type:"warning",title:P.warnings.slippage.type===1?je.t("High slippage"):je.t("Low slippage"),description:P.warnings.slippage.type===1?je.t({id:" Caution, your slippage is high (={selectedSlippage}). Your trade may be front run.",values:{selectedSlippage:W}}):je.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:P.warnings.slippage.slippage}})},M.createElement($t,{size:18}),M.createElement($t,{size:32}),M.createElement(pn,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:Je},je.t("Confirm anyway")))),k&&M.createElement(Pa,{open:k,onClose:()=>v(!1),onCancel:re,loading:H,onCheckBalance:se,config:e}),M.createElement(Xm,null,M.createElement("div",{className:"description"},M.createElement(Da,{variant:"title",size:"small"},je.t("You get")),M.createElement(pn,{style:{padding:"0"},variant:"ghost",disabled:H,onClick:D},M.createElement("div",{className:"icon"},M.createElement(zm,{size:16})))),g&&M.createElement(M.Fragment,null,M.createElement(br,{type:"error",variant:"alarm",title:g}),M.createElement($t,{size:12})),P.warnings?.route&&M.createElement(M.Fragment,null,M.createElement(br,{variant:"alarm",type:"warning",title:on(P.warnings.route)}),M.createElement($t,{size:12})),Ne&&M.createElement(Om,{type:"swap-preview",expanded:!0}),V&&M.createElement(Fm,{expanded:!0,tooltipContainer:ae(),steps:ws(o,O)??[],input:{value:T(n,6,6),usdValue:T(i,4,4)},output:{value:T(r,6,6),usdValue:T(a,4,4)},totalFee:T(Ie,2,2),totalTime:At(Et(o.result?.swaps)),recommended:!0,type:"swap-preview",percentageChange:we,warningLevel:Fe}),z&&M.createElement(M.Fragment,null,M.createElement($t,{size:12}),M.createElement(Xt,{diagnosisMessage:P.error?.type===0?P.error.diagnosisMessage:void 0,error:P.error?.type===2,fetch:D})),P.error?.type===1&&M.createElement(M.Fragment,null,M.createElement(br,{variant:"alarm",type:"error",title:Lo(P.error)}),M.createElement($t,{size:12}))))}s($a,"ConfirmSwapPage");import{i18n as fn}from"@lingui/core";import{useManager as ed}from"@rango-dev/queue-manager-react";import{Divider as td,NotFound as od,styled as ja}from"@rango-dev/ui";import ct,{useState as nd}from"react";import{useNavigate as rd}from"react-router-dom";import{CloseIcon as Ym,IconButton as Qm,SearchIcon as Jm,TextField as Zm}from"@rango-dev/ui";import Zt from"react";import{styled as Km}from"@rango-dev/ui";var Ua=Km("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function rt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:i,value:a,setValue:l,...p}=t;return Zt.createElement(Zm,{prefix:Zt.createElement(Ua,null,Zt.createElement(Jm,{color:"black"})),suffix:!!a.length&&Zt.createElement(Qm,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Zt.createElement(Ym,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:i,...p})}s(rt,"SearchInput");import{i18n as qa}from"@lingui/core";import{Divider as Ga,SwapListItem as Ha,Typography as Va}from"@rango-dev/ui";import te from"react";import{styled as mn}from"@rango-dev/ui";var xr=mn("div",{width:"100%",display:"flex",flexDirection:"column"}),Ar=mn("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Er=mn("div",{gap:"$10",display:"flex",flexDirection:"column"}),za=mn("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function Br(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,i=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(p=>te.createElement(te.Fragment,{key:p.title},te.createElement(xr,null,te.createElement(Ar,null,te.createElement(Va,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},qa.t(p.title))),te.createElement(Ga,{size:4}),te.createElement(Er,null,p.swaps.map((u,c)=>{let d=c+p.title;return te.createElement(te.Fragment,{key:d},te.createElement(Ha,{isLoading:!0}))}))))))}return te.createElement(te.Fragment,null,i.filter(a=>a.swaps.length>0).map(a=>te.createElement(te.Fragment,{key:a.title},te.createElement(xr,null,te.createElement(Ar,null,te.createElement(Va,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},qa.t(a.title))),te.createElement(Ga,{size:4}),te.createElement(Er,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return te.createElement(te.Fragment,{key:l.requestId},te.createElement(Ha,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:ko(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:ko(u.outputAmount||""),estimatedAmount:ko(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}s(Br,"SwapsGroup");import Ra from"dayjs";var Xa=s(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=Ra();return t.forEach(n=>{let r=Ra(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 dn=s(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 id=ja("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),sd=ja("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),ad=s((t,e)=>t?.length?t.filter(o=>Re(o.fromBlockchain,e)||Re(o.toBlockchain,e)||Re(o.toSymbol,e)||Re(o.fromSymbol,e)).length:!1,"isStepContainsText");function Ka(){let t=be.use.setSelectedSwap(),e=rd(),{navigateBackFrom:o}=ie(),{manager:n,state:r}=ed(),i=dn(n).map(({swap:m})=>m),[a,l]=nd(""),p=!r.loadedFromPersistor,u=s(m=>{let g=m.target.value;l(g)},"searchHandler"),c=i;a&&(c=i.filter(m=>Re(m.inputAmount,a)||Re(m.status,a)||ad(m.steps,a)||Re(m.requestId,a)));let d=!c?.length&&!p;return ct.createElement(J,{header:{onBack:o.bind(null,h.swaps),title:fn.t("History")}},ct.createElement(id,null,ct.createElement(rt,{setValue:l,fullWidth:!0,variant:"contained",placeholder:fn.t("Search Transaction"),autoFocus:!0,onChange:u,value:a}),ct.createElement(sd,null,d&&ct.createElement(za,null,ct.createElement(td,{size:32}),ct.createElement(od,{title:fn.t("No results found"),description:a?fn.t("Try using different keywords"):""})),!d&&ct.createElement(Br,{list:c,onSwapClick:m=>{t(m),e(`${m}`,{replace:!0})},groupBy:Xa,isLoading:p}))))}s(Ka,"HistoryPage");import{i18n as Ya}from"@lingui/core";import{List as ld,ListItemButton as pd,Radio as ud,RadioRoot as cd,Typography as md}from"@rango-dev/ui";import mt from"react";import{styled as gn}from"@rango-dev/ui";var it=gn("div",{height:"100%",overflow:"hidden"}),eo=gn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),Wr=gn("div",{width:80,display:"flex",justifyContent:"flex-end"}),Nr=gn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function hn(){let t=F.use.language(),e=F.use.setLanguage();return{activeLanguage:t,languages:ns,defaultLanguage:Po,changeLanguage:e}}s(hn,"useLanguage");function Qa(){let{navigateBackFrom:t}=ie(),{activeLanguage:e,changeLanguage:o,languages:n}=hn(),r=n.map(i=>{let{local:a,label:l,SVGFlag:p}=i;return{id:a,value:a,title:mt.createElement(md,{variant:"title",size:"xmedium"},l),onClick:()=>o(i.local),end:mt.createElement(ud,{value:a}),start:mt.createElement(p,null)}});return mt.createElement(J,{header:{onBack:t.bind(null,h.settings),title:Ya.t("Language")}},mt.createElement(it,null,mt.createElement(cd,{value:e},mt.createElement(ld,{type:mt.createElement(pd,{title:Ya.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}s(Qa,"LanguagePage");import{i18n as Ut}from"@lingui/core";import{Button as yd,Checkbox as Sd,Image as Cd,ListItemButton as kd,NotFound as Td,Typography as wd}from"@rango-dev/ui";import Te,{useState as vd}from"react";import{Checkbox as gd,Skeleton as Za}from"@rango-dev/ui";import to from"react";import{ListItem as dd,styled as fd}from"@rango-dev/ui";var Ja=fd(dd,{height:61});var hd=30;function Ir(){return to.createElement(eo,null,Array.from(Array(hd),t=>to.createElement(Ja,{hasDivider:!0,key:t,start:to.createElement(Za,{variant:"circular",width:35,height:35}),title:to.createElement(Za,{variant:"text",size:"large",width:90}),end:to.createElement(gd,{checked:!1})})))}s(Ir,"LoadingLiquiditySourceList");function yn(t){let e=x.use.meta().swappers,o=F.use.disabledLiquiditySources(),n=[];return Wt(e.map(i=>i.swapperGroup)).map(i=>{let a=e.find(l=>l.swapperGroup===i);if(a){let l=!0;t&&(l=t.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!o.includes(a.swapperGroup)})})}}),n}s(yn,"getUniqueSwappersGroups");function el(t,e){return t.groupTitle<e.groupTitle?-1:t.groupTitle>e.groupTitle?1:0}s(el,"sortLiquiditySourcesByGroupTitle");function Mr({supportedSwappers:t,sourceType:e}){let[o,n]=vd(""),r=F.use.toggleLiquiditySource(),{navigateBackFrom:i}=ie(),a=x.use.loadingStatus(),l=yn(t),p=[];e==="Exchanges"&&p.push("DEX"),e==="Bridges"&&(p.push("BRIDGE"),p.push("AGGREGATOR"));let u=l.filter(y=>p.includes(y.type)),c=u.length===u.filter(y=>y.selected).length,d=s(()=>{u.forEach(y=>{c?r(y.groupTitle):y.selected||r(y.groupTitle)})},"toggleAllSources"),m=u.sort(el).map(y=>{let{selected:S,groupTitle:w,logo:f}=y;return{start:Te.createElement(Cd,{src:f,size:22,type:"circular"}),onClick:()=>r(w),end:Te.createElement(Sd,{checked:S}),title:Te.createElement(wd,{variant:"title",size:"xmedium"},Ut.t(w)),...y}}),g=s(y=>{let S=y.target.value;n(S)},"searchHandler"),C=m;return o&&(C=m.filter(y=>Re(y.groupTitle,o))),Te.createElement(J,{header:{onBack:i.bind(null,h.settings),title:Ut.t(e),suffix:Te.createElement(Wr,null,Te.createElement(yd,{variant:"ghost",size:"xsmall",onClick:d},Ut.t(c?"Deselect all":"Select all")))}},Te.createElement(it,null,Te.createElement(rt,{value:o,setValue:n,fullWidth:!0,color:"light",variant:"contained",placeholder:Ut.t("Search {sourceType}",{sourceType:e}),onChange:g}),a==="loading"&&Te.createElement(Ir,null),!C.length&&o?Te.createElement(Nr,null,Te.createElement(Td,{title:Ut.t("No results found"),description:Ut.t("Try using different keywords")})):a==="success"&&Te.createElement(eo,null,C.map(y=>Te.createElement(Te.Fragment,{key:y.id},Te.createElement(kd,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}s(Mr,"LiquiditySourcePage");import{i18n as ll}from"@lingui/core";import{Divider as Dr,SelectableCategoryList as Md}from"@rango-dev/ui";import Tt,{useState as pl}from"react";import{i18n as Pr}from"@lingui/core";import{Divider as sl,Image as Ed,ListItemButton as Bd,NotFound as Wd,Typography as al}from"@rango-dev/ui";import De,{useEffect as Nd,useState as Id}from"react";import{BlockchainCategories as Lr}from"@rango-dev/ui";import{TransactionType as Sn}from"rango-sdk";var bd=s((t,e)=>{switch(e){case Lr.ALL:return!0;case Lr.UTXO:return t.type===Sn.TRANSFER;case Lr.OTHER:return t.type!==Sn.TRANSFER&&t.type!==Sn.COSMOS&&t.type!==Sn.EVM;default:return t.type===e}},"filterByType"),tl=s((t,e,o)=>t.filter(n=>bd(n,o)).filter(n=>gt(n.name,e)||gt(n.displayName,e)),"filterBlockchains");import{styled as ol}from"@rango-dev/ui";var nl=ol("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Cn=ol("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as xd,Skeleton as rl}from"@rango-dev/ui";import kn from"react";var Ad=20;function il(){return kn.createElement(Cn,null,Array.from(Array(Ad),t=>kn.createElement(xd,{key:t,hasDivider:!0,start:kn.createElement(rl,{variant:"circular",width:35,height:35}),title:kn.createElement(rl,{variant:"text",size:"large",width:90})})))}s(il,"LoadingBlockchainList");function _r(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[i,a]=Id(e),l=x.use.loadingStatus();Nd(()=>{a([...tl(e,o,r)])},[e,o,r]);let p=s(()=>!i.length&&o?De.createElement(De.Fragment,null,De.createElement(sl,{size:32}),De.createElement(Wd,{title:Pr.t("No results found"),description:Pr.t("Try using different keywords")})):De.createElement(Cn,{key:`${r}-${o}`},i.map(u=>De.createElement(Bd,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:De.createElement(Ed,{src:u.logo,size:30}),title:De.createElement(al,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return De.createElement(nl,null,De.createElement(al,{variant:"label",size:"large"},Pr.t("Select Blockchain")),De.createElement(sl,{size:4}),l==="loading"&&De.createElement(il,null),l==="success"&&p())}s(_r,"BlockchainList");function Fr(t){let{type:e}=t,{navigateBackFrom:o}=ie(),[n,r]=pl(""),[i,a]=pl("ALL"),l=_.use.setToBlockchain(),p=_.use.setFromBlockchain(),{loadingStatus:u}=x(),c=Pe().blockchains({type:e}),d=e==="source"?"fromBlockchain":"toBlockchain";return Tt.createElement(J,{header:{onBack:()=>{o(h[d])},title:ll.t("Select Blockchain")}},Tt.createElement(Dr,{size:12}),Tt.createElement(Md,{setCategory:a,category:i,blockchains:c,isLoading:u==="loading"}),Tt.createElement(Dr,{size:24}),Tt.createElement(rt,{value:n,autoFocus:!0,placeholder:ll.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:m=>r(m.target.value)}),Tt.createElement(Dr,{size:16}),Tt.createElement(_r,{list:c,searchedFor:n,blockchainCategory:i,onChange:m=>{e==="source"?p(m):l(m),o(h[d])}}))}s(Fr,"SelectBlockchainPage");import{i18n as El}from"@lingui/core";import{Divider as Bl}from"@rango-dev/ui";import zt,{useState as Kd}from"react";import{useNavigate as Yd}from"react-router-dom";import{i18n as $r}from"@lingui/core";import{BlockchainsChip as Tn,Divider as dl,Image as fl,Skeleton as Fd,Typography as Ur}from"@rango-dev/ui";import Ce from"react";import{useEffect as _d}from"react";var ul=["ETH","COSMOS","OSMOSIS"];function cl(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(Ld),o?.limit&&t.length>o.limit){let i=o.limit,a=e;if(e.length<=o.limit)for(let l=0;l<o.limit;l++){let p=n[l];a=a.filter(u=>p.name!==u)}n.sort(Pd(a)),r=n.splice(i)}return{list:n,more:r}}s(cl,"prepare");function Ld(t,e){let o=ul,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),i=n>-1,a=r>-1;return i&&a?n>r?1:-1:i?-1:a?1:0}s(Ld,"sortByMostUsedBlockchains");function Pd(t){return s(function(o,n){let r=t.findIndex(p=>p===o.name),i=t.findIndex(p=>p===n.name),a=r>-1,l=i>-1;return a&&l?r>i?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}s(Pd,"generateSortByPreferredBlockchainsFor");function Or(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=F();_d(()=>{e?.selected&&n(e?.selected)},[e?.selected]);let r=cl(t,o,e);return{list:r.list,more:r.more,history:[]}}s(Or,"usePrepareBlockchainList");import{styled as Dd}from"@rango-dev/ui";var ml=Dd("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var Od=12;function zr(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:i}=t,a=Or(e,{limit:10,selected:n?.name}),l=x.use.loadingStatus(),p=_.use.resetToBlockchain(),u=_.use.resetFromBlockchain(),c=a.more.length>0,d=a.more.length===1,m=!d&&c;return Ce.createElement("div",null,Ce.createElement(dl,{size:12}),Ce.createElement(Ur,{variant:"label",size:"large"},$r.t("Select Blockchain")),Ce.createElement(dl,{size:12}),Ce.createElement(ml,null,l==="loading"&&Array.from(Array(Od),g=>Ce.createElement(Fd,{key:g,variant:"rounded",height:50})),l==="success"&&Ce.createElement(Ce.Fragment,null,Ce.createElement(Tn,{selected:!n,onClick:()=>{o==="from"?u():p()}},Ce.createElement(Ur,{variant:"body",size:"xsmall",color:"secondary500"},$r.t("All"))),a.list.map(g=>Ce.createElement(Tn,{key:g.name,selected:!!n&&n.name===g.name,onClick:()=>r(g)},Ce.createElement(fl,{src:g.logo,size:30}))),d?Ce.createElement(Tn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},Ce.createElement(fl,{src:a.more[0].logo,size:30})):null,m?Ce.createElement(Tn,{onClick:i,key:"more-blockchains"},Ce.createElement(Ur,{variant:"body",size:"xsmall",color:"secondary500"},$r._("More +{count}",{count:a.more.length}))):null)))}s(zr,"BlockchainsSection");import{i18n as Rr}from"@lingui/core";import{darkTheme as wl,Divider as no,ExternalLinkIcon as zd,Image as qd,ListItemButton as Gd,NotFound as Hd,PinIcon as Vd,Skeleton as vl,Typography as ro,VirtualizedList as Rd}from"@rango-dev/ui";import L,{forwardRef as Xd,useEffect as bl,useState as xl}from"react";var gl=s((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[i,a,l]=t.match(/.{2}/g);[i,a,l]=[parseInt(i,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],i=Math.max(Math.min(255,i),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(i.length<2?"0":"")+i,u=(a.length<2?"0":"")+a,c=(l.length<2?"0":"")+l;return`#${p}${u}${c}`},"colorShade"),wn=s((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:gl(e,(5-l)*32)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:gl(e,-((l-5)*32))});return a},"generateRangeColors"),qr=s((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let i in o){let a=o[i];if(a&&a!==t[i])if(n=!0,i==="background"||i==="foreground")r={...r,[i]:a};else if(i==="neutral"&&e){let l=wn(i,a);r={...r,[`${i}100`]:l[`${i}900`],[`${i}200`]:l[`${i}800`],[`${i}300`]:l[`${i}700`],[`${i}400`]:l[`${i}600`],[`${i}500`]:l[`${i}500`],[`${i}600`]:l[`${i}400`],[`${i}700`]:l[`${i}300`],[`${i}800`]:l[`${i}200`],[`${i}900`]:l[`${i}100`]}}else r={...r,...wn(i,a)}}return n?r:{}},"generateColors");import{Divider as kl,ListItem as Ud,Skeleton as oo}from"@rango-dev/ui";import Ve from"react";import{styled as Ke,Typography as $d}from"@rango-dev/ui";var hl=Ke("div",{display:"flex",flexDirection:"column",flexGrow:1}),Gr=Ke("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),vn=Ke("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:"$neutral600",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"}}}}}),Hr=Ke("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Vr=Ke($d,{}),yl=Ke("div",{textAlign:"right"}),bn=Ke("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),vE=Ke("div",{display:"flex",alignItems:"center"}),Sl=Ke("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),Cl=Ke("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function Tl(t){return Ve.createElement(vn,null,Array.from(Array(t.size),e=>Ve.createElement(Ud,{key:e,hasDivider:!0,start:Ve.createElement(oo,{variant:"circular",width:35,height:35}),end:Ve.createElement(bn,null,Ve.createElement(oo,{variant:"text",size:"large",width:70}),Ve.createElement(kl,{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(kl,{size:4}),Ve.createElement(oo,{variant:"text",size:"medium",width:90}))})))}s(Tl,"LoadingTokenList");var Xr=20,jd=s(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:i,customCssForTagTitle:a}=t,l=e.length;return L.createElement("div",{className:"description"},o?L.createElement("div",{className:"token-name"},o):L.createElement(Gr,{className:"token-title"},L.createElement(ro,{variant:"title",size:"xmedium"},r.symbol),L.createElement(no,{direction:"horizontal",size:4}),L.createElement(Hr,{css:i},L.createElement(Vr,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&L.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},L.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",L.createElement(zd,{color:"gray",size:12}))))},"renderDesc");function Al(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[i,a]=xl(e),l=x.use.loadingStatus(),[p,u]=xl(!0),c=R.use.loading(),{blockchains:d}=x.use.meta(),{isTokenPinned:m}=Pe(),g=Xd((S,w)=>L.createElement("div",{...S,ref:w,style:{...S.style,height:`${parseFloat(S.style?.height)+8*2}px`}})),C=s(()=>{a(e.slice(0,i.length+Xr))},"loadNextPage");bl(()=>{u(e.length>i.length)},[i.length]),bl(()=>{a(e.slice(0,Xr))},[e]);let y=s(()=>!i.length&&o?L.createElement(L.Fragment,null,L.createElement(no,{size:32}),L.createElement(Hd,{title:Rr.t("No results found"),description:Rr.t("Try using different keywords")})):L.createElement(Rd,{Item:({index:S,style:w})=>{let f=i[S],k=f.address||"",v=d.find(A=>A.name===f.blockchain),b=wn(f.symbol,v?.color||""),B={$$color:b[`${f.symbol}100`],[`.${wl} &`]:{$$color:b[`${f.symbol}900`]},backgroundColor:"$$color"},O={$$color:b[`${f.symbol}700`],[`.${wl} &`]:{$$color:b[`${f.symbol}100`]},color:"$$color"};return L.createElement("div",{style:{...w,paddingRight:5}},L.createElement(Gd,{style:{height:w?.height},"tab-index":S,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(i[S]),start:L.createElement(Sl,null,L.createElement(qd,{src:f.image,size:30}),m(f)&&L.createElement(Cl,null,L.createElement(Vd,{size:12,color:"gray"}))),title:v?.type==="COSMOS"||f.name||!f.name&&!k?L.createElement(Gr,null,L.createElement(ro,{variant:"title",size:"xmedium"},f.symbol),L.createElement(no,{direction:"horizontal",size:4}),L.createElement(Hr,{css:B},L.createElement(Vr,{variant:"body",size:"xsmall",css:O},f.blockchain))):void 0,description:v?.info&&k&&v.type!=="COSMOS"?jd({address:k,token:i[S],customCssForTag:B,customCssForTagTitle:O,name:f.name,url:v.info.addressUrl.split("{wallet}").join(k)}):f.name||void 0,end:c?L.createElement(bn,null,L.createElement(vl,{variant:"text",size:"large",width:70}),L.createElement(no,{size:4}),L.createElement(vl,{variant:"text",size:"medium",width:50})):i[S]?.balance&&L.createElement(yl,null,L.createElement(ro,{variant:"title",size:"small"},f.balance?.amount),L.createElement("div",null),f.balance?.usdValue&&L.createElement(ro,{variant:"body",color:"neutral600",size:"xsmall"},`$${f.balance?.usdValue}`))}))},hasNextPage:p,itemCount:i.length,loadNextPage:C,innerElementType:g,size:60,key:`${r}-${o}`}),"renderList");return L.createElement(hl,null,L.createElement(ro,{variant:"label",size:"large"},Rr.t("Select Token")),L.createElement(no,{size:4}),l==="loading"&&L.createElement(Tl,{size:Xr}),l==="success"&&L.createElement(vn,null,y()))}s(Al,"TokenList");function jr(t){let{type:e}=t,o=Yd(),{navigateBackFrom:n}=ie(),{fromBlockchain:r,toBlockchain:i,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=_(),{connectedWallets:c}=R(),[d,m]=Kd(""),C=(e==="source"?r:i)?.name??"",y=Pe().blockchains({type:e}),S=Pe().tokens({type:e,blockchain:C,searchFor:d}),w=Li(S,c),f=s(v=>{e==="source"?p(v):u(v)},"updateBlockchain"),k=s(v=>{e==="source"?a(v):l(v)},"updateToken");return zt.createElement(J,{header:{onBack:()=>n(e==="source"?h.fromSwap:h.toSwap),title:El.t("Swap {type}",{type:e==="source"?"from":"to"})}},zt.createElement(zr,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:i,onMoreClick:()=>o(e==="source"?h.fromBlockchain:h.toBlockchain),onChange:v=>{f(v)}}),zt.createElement(Bl,{size:24}),zt.createElement(rt,{value:d,autoFocus:!0,placeholder:El.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:v=>m(v.target.value)}),zt.createElement(Bl,{size:16}),zt.createElement(Al,{list:w,selectedBlockchain:C,searchedFor:d,onChange:v=>{k(v);let b=y.find(B=>v.blockchain===B.name);b&&f(b),n(h.fromSwap)}}))}s(jr,"SelectSwapItemsPage");import{i18n as wt}from"@lingui/core";import{ChevronRightIcon as Qr,Divider as Jr,InfoIcon as of,List as nf,ListItemButton as rf,Skeleton as sf,Switch as af,Tooltip as lf,Typography as vt}from"@rango-dev/ui";import G from"react";import{useNavigate as pf}from"react-router-dom";import{i18n as Ll}from"@lingui/core";import{Chip as Jd,Divider as Pl,InfoIcon as Zd,TextField as ef,Tooltip as tf,Typography as _l}from"@rango-dev/ui";import Ae from"react";import{styled as xn}from"@rango-dev/ui";var Wl=xn("div",{paddingTop:"$5",paddingBottom:"30px"}),Nl=xn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),Il=xn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),An=xn("div",{maxWidth:"300px",padding:"$10"});import{i18n as Kr}from"@lingui/core";import{Typography as Qd}from"@rango-dev/ui";import io from"react";function Ml(){return io.createElement(An,null,io.createElement(Qd,{variant:"label",size:"medium",color:"neutral700"},Kr.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,Kr.t("Warning")),":",Kr.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}s(Ml,"SlippageTooltipContent");function Yr(){let t=F.use.slippage(),e=F.use.setSlippage(),o=F.use.customSlippage(),n=F.use.setCustomSlippage();return Ae.createElement(Wl,null,Ae.createElement(Il,null,Ae.createElement(_l,{variant:"title",size:"xmedium"},Ll.t("Slippage tolerance per swap")),Ae.createElement(Pl,{direction:"horizontal",size:4}),Ae.createElement(tf,{container:ae(),side:"top",content:Ae.createElement(Ml,null)},Ae.createElement(Zd,{color:"gray"}))),Ae.createElement(Nl,null,rs.map((r,i)=>{let a=`slippage-${i}`;return Ae.createElement(Ae.Fragment,null,Ae.createElement(Jd,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),Ae.createElement(Pl,{direction:"horizontal",size:8}))}),Ae.createElement(ef,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let i=parseFloat(r.target.value);(!i||i>=ls&&i<=as)&&n(i)},suffix:o&&Ae.createElement(_l,{variant:"body",size:"small"},"%"),placeholder:Ll.t("Custom")})))}s(Yr,"Slippage");function Dl({supportedSwappers:t,singleTheme:e}){let o=pf(),{navigateBackFrom:n}=ie(),r=F.use.infiniteApprove(),i=F.use.toggleInfiniteApprove(),a=x.use.loadingStatus(),l=yn(t),p=l.filter(v=>v.type==="BRIDGE"||v.type==="AGGREGATOR"),u=p.length,c=p.filter(v=>v.selected).length,d=l.filter(v=>v.type==="DEX"),m=d.length,g=d.filter(v=>v.selected).length,C=s((v,b)=>{switch(a){case"loading":return G.createElement(sf,{variant:"text",size:"medium",width:50});case"failed":return G.createElement(vt,{variant:"body",size:"medium",color:"$error500"},wt.t("Loading failed"));default:return G.createElement(vt,{variant:"body",size:"medium"},`${v} / ${b}`)}},"handleEndItem"),y={id:"bridge-item",title:G.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Enabled bridges")),end:G.createElement(G.Fragment,null,C(c,u),G.createElement(Jr,{direction:"horizontal",size:8}),G.createElement(Qr,{color:"black"})),onClick:()=>o(h.bridges)},S={id:"exchange-item",title:G.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Enabled exchanges")),end:G.createElement(G.Fragment,null,C(g,m),G.createElement(Jr,{direction:"horizontal",size:8}),G.createElement(Qr,{color:"gray"})),onClick:()=>o(h.exchanges)},w={id:"theme-item",title:G.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Theme")),end:G.createElement(Qr,{color:"gray"}),onClick:()=>o(h.themes)},f={id:"infinite-approval-item",title:G.createElement(G.Fragment,null,G.createElement(vt,{variant:"title",size:"xmedium"},wt.t("Infinite Approval")),G.createElement(Jr,{direction:"horizontal",size:4}),G.createElement(lf,{side:"top",container:ae(),content:G.createElement(An,null,G.createElement(vt,{variant:"label",size:"medium",color:"neutral700"},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.")))},G.createElement(of,{color:"gray"}))),end:G.createElement(af,{checked:r}),onClick:i},k=[y,S];return e||k.push(w),k.push(f),G.createElement(J,{header:{onBack:n.bind(null,h.settings),title:wt.t("Setting")}},G.createElement(it,null,G.createElement(Yr,null),G.createElement(nf,{type:G.createElement(rf,{title:"_",id:"_",onClick:()=>console.log()}),items:k})))}s(Dl,"SettingsPage");import{cancelSwap as rg}from"@rango-dev/queue-manager-rango-preset";import{useManager as ig}from"@rango-dev/queue-manager-react";import fp from"react";import{i18n as st}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Of,getCurrentStep as $f,getRelatedWalletOrNull as Uf,PendingSwapNetworkStatus as Dn}from"@rango-dev/queue-manager-rango-preset";import{Button as sp,CopyIcon as zf,Divider as qf,IconButton as Gf,RouteCost as Hf,RouteSummary as Vf,StepDetails as Rf,Typography as Gt,useCopyToClipboard as Xf}from"@rango-dev/ui";import{useWallets as jf}from"@rango-dev/wallets-react";import Z,{useEffect as ap,useRef as Kf,useState as lp}from"react";import{useNavigate as Yf}from"react-router-dom";import{i18n as Ee}from"@lingui/core";var uf=1e3,cf=31536e3,mf=2592e3,df=86400,ff=3600,gf=60;function Fl(t){let e=Math.floor((Date.now()-t)/uf),n=[{turningPoint:cf,label:Ee.t("year"),pluralLabel:Ee.t("years")},{turningPoint:mf,label:Ee.t("month"),pluralLabel:Ee.t("months")},{turningPoint:df,label:Ee.t("day"),pluralLabel:Ee.t("days")},{turningPoint:ff,label:Ee.t("hour"),pluralLabel:Ee.t("hours")},{turningPoint:gf,label:Ee.t("minute"),pluralLabel:Ee.t("minutes")}].sort((r,i)=>i.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:i,label:a,pluralLabel:l}=r,p=Math.floor(e/i);if(p>1)return`${p} ${l}`;if(p===1)return`${p} ${a}`}return e>1?`${e} ${Ee.t("seconds")}`:`${e} ${Ee.t("second")}`}s(Fl,"timeSince");function Ol(t){return t.finishTime?Ee.t({id:"{time} ago",values:{time:Fl(parseInt(t.finishTime))}}):Ee.t({id:"{time} ago",values:{time:Fl(parseInt(t.creationTime))}})}s(Ol,"getSwapDate");import{PendingSwapNetworkStatus as Wn}from"@rango-dev/queue-manager-rango-preset";import{Modal as wf}from"@rango-dev/ui";import Nn from"react";import{i18n as En}from"@lingui/core";import{Button as $l,Divider as Zr,MessageBox as hf,Typography as Ul}from"@rango-dev/ui";import Ye from"react";var zl=s(({onCancel:t,onClose:e})=>Ye.createElement(Ye.Fragment,null,Ye.createElement(Zr,{size:20}),Ye.createElement(hf,{type:"error",title:En.t("Transaction Cancel"),description:En.t("Are you sure you want to Cancel this swap?")}),Ye.createElement(Zr,{size:32}),Ye.createElement($l,{variant:"contained",type:"primary",size:"large",onClick:t},Ye.createElement(Ul,{variant:"title",size:"medium",color:"neutral100"},En.t("Yes, Cancel it"))),Ye.createElement(Zr,{size:12}),Ye.createElement($l,{variant:"outlined",type:"primary",size:"large",onClick:e},Ye.createElement(Ul,{variant:"title",size:"medium",color:"primary"},En.t("No, Continue")))),"CancelContent");import{i18n as Bn}from"@lingui/core";import{Button as ql,Divider as ei,MessageBox as yf,Typography as Gl}from"@rango-dev/ui";import Qe from"react";var Hl=s(({onDelete:t,onClose:e})=>Qe.createElement(Qe.Fragment,null,Qe.createElement(ei,{size:20}),Qe.createElement(yf,{type:"error",title:Bn.t("Delete Transaction"),description:Bn.t("Are you sure you want to delete this swap?")}),Qe.createElement(ei,{size:32}),Qe.createElement(ql,{variant:"contained",type:"primary",size:"large",onClick:t},Qe.createElement(Gl,{variant:"title",size:"medium",color:"neutral100"},Bn.t("Yes, Delete it"))),Qe.createElement(ei,{size:12}),Qe.createElement(ql,{variant:"outlined",type:"primary",size:"large",onClick:e},Qe.createElement(Gl,{variant:"title",size:"medium",color:"primary"},Bn.t("No, Cancel")))),"DeleteContent");import{i18n as ti}from"@lingui/core";import{PendingSwapNetworkStatus as oi}from"@rango-dev/queue-manager-rango-preset";var ni={[oi.WaitingForNetworkChange]:{type:"loading",title:ti.t("Change Network")},[oi.WaitingForConnectingWallet]:{type:"warning",title:ti.t("Connect Wallet")},[oi.NetworkChanged]:{type:"success",title:ti.t("Network Changed")}};import{MessageBox as Cf,Wallet as kf,WalletState as Rl}from"@rango-dev/ui";import{useWallets as Tf}from"@rango-dev/wallets-react";import so from"react";import{styled as Sf}from"@rango-dev/ui";var Vl=Sf("div",{display:"flex",justifyContent:"center"});var Xl=s(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:i}=t,{connect:a,getWalletInfo:l,state:p}=Tf(),u=n?.walletType,d=u&&p(u).connected?Rl.CONNECTED:Rl.DISCONNECTED;return so.createElement(so.Fragment,null,so.createElement(Cf,{type:e,title:o,description:r}),i&&u&&so.createElement(Vl,null,so.createElement(kf,{container:ae(),title:l(u).name,image:l(u).img,type:u,state:d,onClick:async()=>a(u)})))},"WalletStateContent");function ri(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:i,message:a}=t,l=e===Wn.WaitingForNetworkChange||e===Wn.WaitingForConnectingWallet||e===Wn.NetworkChanged;return Nn.createElement(wf,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&Nn.createElement(Xl,{type:ni[e].type,title:ni[e].title,currentStepWallet:i,message:a,showWalletButton:e!==Wn.WaitingForNetworkChange}),e==="delete"&&Nn.createElement(Hl,{onClose:o,onDelete:n}),e==="cancel"&&Nn.createElement(zl,{onClose:o,onCancel:r}))}s(ri,"SwapDetailsModal");import{i18n as ao}from"@lingui/core";import{Button as ii,Divider as In,MessageBox as jl,Modal as vf,TokenAmount as bf,Typography as Mn}from"@rango-dev/ui";import fe from"react";import{useNavigate as xf}from"react-router-dom";function si(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:i,token:a,chain:l,percentageChange:p,description:u,diagnosisUrl:c}=t,d=xf();return fe.createElement(vf,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?fe.createElement(jl,{type:"success",title:ao.t("Swap Successful")},fe.createElement(bf,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:i},token:a,chain:l,percentageChange:p}),fe.createElement(In,{size:12}),fe.createElement(Mn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):fe.createElement(jl,{type:"error",title:ao.t("Transaction Failed"),description:u}),fe.createElement(In,{size:32}),n==="success"&&fe.createElement(ii,{variant:"contained",type:"primary",size:"large",onClick:()=>d(h.home)},fe.createElement(Mn,{variant:"title",size:"medium",color:"neutral100"},ao.t("Done"))),fe.createElement(In,{size:12}),c&&fe.createElement(fe.Fragment,null,fe.createElement(ii,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(c,"_blank")},fe.createElement(Mn,{variant:"title",size:"medium",color:"primary"},ao.t("Diagnosis"))),fe.createElement(In,{size:12})),fe.createElement(ii,{variant:"outlined",type:"primary",size:"large",onClick:o},fe.createElement(Mn,{variant:"title",size:"medium",color:"primary"},ao.t("See Details"))))}s(si,"SwapDetailsCompleteModal");import Df from"react";import{i18n as Mf}from"@lingui/core";import{Alert as ep,IconButton as Lf,LinkIcon as Pf}from"@rango-dev/ui";import dt,{Fragment as _f}from"react";import{Alert as Af,ChevronDownIcon as Ef,ChevronUpIcon as Bf,IconButton as Wf}from"@rango-dev/ui";import Ln,{useState as Nf}from"react";function Kl(t){let{message:e}=t,[o,n]=Nf(!1);return Ln.createElement(Af,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Ln.createElement(Wf,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Ln.createElement(Bf,{size:12,color:"gray"}):Ln.createElement(Ef,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}s(Kl,"FailedAlert");import{styled as If}from"@rango-dev/ui";var Yl=If("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Ql}from"@lingui/core";import{PendingSwapNetworkStatus as ai}from"@rango-dev/queue-manager-rango-preset";import{Alert as li,Button as Jl}from"@rango-dev/ui";import lo from"react";function Zl(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?lo.createElement(li,{type:"warning",title:n.shortMessage,action:lo.createElement(Jl,{size:"xxsmall",type:"warning",onClick:()=>{o(ai.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},Ql.t("Change"))}):r===ai.WaitingForConnectingWallet?lo.createElement(li,{type:"warning",title:n.shortMessage,action:lo.createElement(Jl,{size:"xxsmall",type:"warning",onClick:()=>{o(ai.WaitingForConnectingWallet)}},Ql.t("Connect"))}):lo.createElement(li,{type:"warning",title:n.shortMessage})}s(Zl,"WarningAlert");function pi(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:i,hasAlreadyProceededToSign:a}=t,l=jt(i),p=i.status==="waitingForApproval"&&!l,u=i.status==="running"&&!l;return dt.createElement(Yl,null,i.explorerUrl?.map((c,d,m)=>{let g=d+c.url,C=d===m.length-1,y=C&&u||p,S=C&&i.status==="failed";return dt.createElement(_f,{key:g},dt.createElement(ep,{type:y&&"loading"||S&&"error"||"success",title:c.description?`${c.description} Tx`:Mf.t("View transaction"),action:c.url&&dt.createElement(Lf,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},dt.createElement(Pf,{size:16}))}))}),(u&&!a||p&&!i.explorerUrl?.length)&&dt.createElement(ep,{type:"loading",title:r.shortMessage}),i.status!=="failed"&&l&&dt.createElement(Zl,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),i.status==="failed"&&dt.createElement(Kl,{message:r}))}s(pi,"SwapDetailsAlerts");var tp=2e3;var op=s(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,i)=>{let a=i===0?t.inputAmount:t.steps[i-1].outputAmount;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:Ze(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:T(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:Ze(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:T(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:Df.createElement(pi,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function np(t){if(jt(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"}}s(np,"getStepState");import{darkTheme as Ff,styled as qt}from"@rango-dev/ui";var Pn=qt("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",[`.${Ff} &`]:{$$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"}}),_n=qt("div",{width:"100%"}),rp=qt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),aW=qt("div",{display:"flex",flexDirection:"column",gap:"$10"}),ip=qt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),lW=qt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function ui(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:i,connect:a,getWalletInfo:l}=jf(),p=_.use.retry(),u=Yf(),{navigateBackFrom:c}=ie(),[d,m]=Xf(tp),g=Kf(null),[C,y]=lp(null),[S,w]=lp(null),{meta:{tokens:f,blockchains:k}}=x(),v=s(()=>{r(),y(null)},"onCancel"),b=_e.use.getUnreadNotifications(),B=_e.use.setAsRead(),O=b(),A=$f(e),N=A?.networkStatus;ap(()=>{O.find(Q=>Q.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(w(e.status),B(e.requestId))},[e.status]),ap(()=>{P?y(Dn.WaitingForNetworkChange):N===Dn.WaitingForConnectingWallet||N===Dn.NetworkChanged?y(N):y(null)},[N]);let $=Is(e),oe=A?Of(e,A):null,W=A?Uf(e,A):null,Y=Ol(e),H=Ms(e),re=s(U=>!!l(U)?.mobileWallet,"isMobileWallet"),P=N===Dn.WaitingForNetworkChange&&!!oe&&!!W?.walletType&&(re(W.walletType)||i(W.walletType,oe)),me=P?a.bind(null,W.walletType,oe):void 0,Ne=Ns(e,A),z=op({swap:e,switchNetwork:me,showNetworkModal:N,setNetworkModal:y,message:Ne,blockchains:k}),V=z.length,[Ie,we]=[e.steps[0],e.steps[V-1]],Fe=we.outputAmount||we.expectedOutputAmountHumanReadable,se=e.steps.reduce((U,Q)=>U+parseFloat(Q.feeInUsd||""),0),ft=e.steps.find(U=>U.diagnosisUrl)?.diagnosisUrl,Je=T(String(parseFloat(T(Fe,6,6))*(vo(we.toBlockchain,we.toSymbol,we.toSymbolAddress,f)||0)),4,4),bt=T(String(parseFloat(e.inputAmount)*(vo(Ie.fromBlockchain,Ie.fromSymbol,Ie.fromSymbolAddress,f)||0)),4,4),D=et(bt,Je),I=e.status==="success"?st.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:T(Fe,6,6),token:z[V-1].to.token.displayName,conciseAddress:xo(e.wallets[z[V-1].to.chain.displayName]?.address||""),chain:z[V-1].to.chain.displayName}}):`${st.t("Transaction was not sent.")} ${$?st.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:$.outputAmount,symbol:$.symbol,blockchain:$.blockchain}}):""}`;return Z.createElement(J,{noPadding:!0,header:{title:st.t("Swap and Bridge"),onBack:c.bind(null,h.swapDetails),onCancel:e.status==="running"?()=>y("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(Nt,null,Z.createElement(sp,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>y("delete")},Z.createElement(Gt,{size:"medium",variant:"label",color:"error"},st.t("Delete"))))},footer:H&&!S&&Z.createElement(sp,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{p(e),setTimeout(()=>{u(h.home)},0)}},st.t("Try again"))},Z.createElement(Pn,null,Z.createElement(_n,null,Z.createElement("div",{className:"row"},Z.createElement(Gt,{variant:"label",size:"large",color:"neutral700"},`${st.t("Request ID")}:`),Z.createElement("div",{className:"request-id"},Z.createElement(Gt,{variant:"label",size:"small",color:"neutral700"},o),Z.createElement(Gf,{variant:"ghost",onClick:m.bind(null,o||"")},Z.createElement(zf,{size:16,color:"gray"})))),Z.createElement("div",{className:"row"},Z.createElement(Gt,{variant:"label",size:"large",color:"neutral700"},`${st.t("Created at")}:`),Z.createElement(Gt,{variant:"label",size:"small",color:"neutral700"},Y))),Z.createElement("div",{className:"output"},Z.createElement(Hf,{fee:T(String(se),2,2),time:At(Et(e.steps)),steps:V}),Z.createElement(Vf,{from:{price:{value:T(e.inputAmount,6,6),usdValue:bt},token:{displayName:z[0].from.token.displayName,image:z[0].from.token.image},chain:{image:z[0].from.chain.image,displayName:z[0].from.chain.displayName}},to:{price:{value:T(Fe,6,6),usdValue:Je},token:{displayName:z[V-1].to.token.displayName,image:z[V-1].to.token.image},chain:{image:z[V-1].to.chain.image,displayName:z[V-1].to.chain.displayName}},percentageChange:T(D,2,2),warningLevel:It(D?.toNumber()??0)})),Z.createElement("div",{className:"title-steps"},Z.createElement(Gt,{variant:"title",size:"small"},st.t("Swaps steps"))),Z.createElement(qf,{size:8}),Z.createElement(rp,{ref:g},z.map((U,Q)=>{let le=Q,ue=np(e.steps[Q]),ho=ue==="error"||ue==="in-progress"||ue==="warning"||ue==="completed"&&Q===z.length-1;return Z.createElement(Rf,{key:le,step:U,type:"route-progress",ref:g,state:ue,hasSeparator:Q!==0,tabIndex:le,isFocused:ho})}))),Z.createElement(ri,{state:C,onClose:()=>y(null),onCancel:v,onDelete:n,message:Ne.detailedMessage.content,currentStepWallet:W}),Z.createElement(si,{open:!!S,diagnosisUrl:ft,onClose:()=>w(null),status:e.status==="success"?"success":"failed",priceValue:T(Fe,6,6),usdValue:Je,percentageChange:T(D,2,2),token:{displayName:z[V-1].to.token.displayName,image:z[V-1].to.token.image},chain:{image:z[V-1].to.chain.image},description:I}))}s(ui,"SwapDetails");import{i18n as fo}from"@lingui/core";import{CopyIcon as tg,IconButton as og,NotFound as ng,Skeleton as mp,Typography as On}from"@rango-dev/ui";import ce from"react";import{i18n as Jf}from"@lingui/core";import{ChainToken as Zf,Divider as mi,Skeleton as mo,Typography as eg}from"@rango-dev/ui";import ee from"react";import{styled as ci}from"@rango-dev/ui";var pp=ci("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"}}),up=ci("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"}}),Fn=ci("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as cp,Divider as po,NextIcon as Qf,Skeleton as uo}from"@rango-dev/ui";import pe from"react";function co(t){let{extraInfo:e}=t;return pe.createElement(up,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(cp,{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(Qf,{color:"gray",size:16})),pe.createElement("div",{className:"step-token-info"},pe.createElement(cp,{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"})))}s(co,"LoadingSwapDetailStep");function di(){let t=ee.createElement("div",{className:"route-summary-item"},ee.createElement("div",{className:"token-amount"},ee.createElement(Zf,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),ee.createElement(mi,{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(pp,null,ee.createElement("div",{className:"cost"},ee.createElement(mo,{width:60,height:10,variant:"rounded"}),ee.createElement(mi,{size:4,direction:"horizontal"}),ee.createElement(mo,{width:60,height:10,variant:"rounded"}),ee.createElement(mi,{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(eg,{variant:"title",size:"small"},Jf.t("Swaps steps"))),ee.createElement("div",{className:"step-container"},ee.createElement(co,{extraInfo:!0}),ee.createElement(Fn,null),ee.createElement(co,null),ee.createElement(Fn,null),ee.createElement(co,null),ee.createElement(Fn,null),ee.createElement(co,null)))}s(di,"LoadingSwapDetails");function dp(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=ie();return ce.createElement(J,{noPadding:!0,header:{title:fo.t("Swap and Bridge"),onBack:n.bind(null,h.swapDetails),suffix:ce.createElement(Nt,null)}},o&&ce.createElement(Pn,null,ce.createElement(_n,null,ce.createElement("div",{className:"row"},ce.createElement(On,{variant:"label",size:"large",color:"neutral700"},`${fo.t("Request ID")}:`),ce.createElement("div",{className:"request-id"},ce.createElement(On,{variant:"label",size:"small",color:"neutral700"},ce.createElement(mp,{width:60,height:10,variant:"rounded"})),ce.createElement(og,{variant:"ghost"},ce.createElement(tg,{size:16,color:"gray"})))),ce.createElement("div",{className:"row"},ce.createElement(On,{variant:"label",size:"large",color:"neutral700"},`${fo.t("Created at")}:`),ce.createElement(On,{variant:"label",size:"small",color:"neutral700"},ce.createElement(mp,{width:60,height:10,variant:"rounded"})))),ce.createElement(di,null)),!o&&ce.createElement(ip,null,ce.createElement(ng,{title:fo.t("Not found"),description:fo.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}s(dp,"SwapDetailsPlaceholder");function gp(){let{manager:t,state:e}=ig(),o=!e.loadedFromPersistor,n=dn(t),r=be.use.selectedSwapRequestId(),{navigateBackFrom:i}=ie(),{loadingStatus:a}=x(),l=o||a==="loading",p=n.find(({swap:m})=>m.requestId===r),u=s(()=>{if(p?.id){let m=t?.get(p.id);m&&rg(m)}},"onCancel"),c=s(async()=>{if(p?.id)try{await t?.deleteQueue(p.id),i(h.swapDetails)}catch(m){console.log(m)}},"onDelete"),d=p?.swap;return!d||l?fp.createElement(dp,{requestId:r||"",showSkeleton:l}):fp.createElement(ui,{swap:d,requestId:r||"",onCancel:u,onDelete:c})}s(gp,"SwapDetailsPage");import{i18n as go}from"@lingui/core";import{AutoThemeIcon as sg,DarkModeIcon as ag,LightModeIcon as lg,List as pg,ListItemButton as ug,Radio as fi,RadioRoot as cg,Typography as gi}from"@rango-dev/ui";import Be from"react";function hp(){let{navigateBackFrom:t}=ie(),e=F.use.theme(),o=F.use.setTheme(),n=[{id:"light",value:"light",title:Be.createElement(gi,{variant:"title",size:"xmedium"},go.t("Light")),onClick:()=>o("light"),start:Be.createElement(lg,{color:"gray"}),end:Be.createElement(fi,{value:"light"})},{id:"dark",value:"dark",title:Be.createElement(gi,{variant:"title",size:"xmedium"},go.t("Dark")),onClick:()=>o("dark"),start:Be.createElement(ag,{color:"gray"}),end:Be.createElement(fi,{value:"dark"})},{id:"auto",value:"auto",title:Be.createElement(gi,{variant:"title",size:"xmedium"},go.t("Auto")),onClick:()=>o("auto"),start:Be.createElement(sg,{color:"gray"}),end:Be.createElement(fi,{value:"auto"})}];return Be.createElement(J,{header:{onBack:t.bind(null,h.settings),title:go.t("Theme")}},Be.createElement(it,null,Be.createElement(cg,{onValueChange:r=>o(r),value:e},Be.createElement(pg,{type:Be.createElement(ug,{title:go.t("Theme"),id:"_",onClick:()=>console.log()}),items:n}))))}s(hp,"ThemePage");var dg=s(t=>t.replace("/",""),"getAbsolutePath");function yp(t){let{config:e}=t;return mg([{path:h.home,element:We.createElement(Jo,null)},{path:h.fromSwap,element:We.createElement(jr,{type:"source"})},{path:h.toSwap,element:We.createElement(jr,{type:"destination"})},{path:h.fromBlockchain,element:We.createElement(Fr,{type:"source"})},{path:h.toBlockchain,element:We.createElement(Fr,{type:"destination"})},{path:h.settings,element:We.createElement(Dl,{singleTheme:e?.theme?.singleTheme,supportedSwappers:e?.liquiditySources})},{path:h.themes,element:We.createElement(hp,null)},{path:h.languages,element:We.createElement(Qa,null)},{path:h.exchanges,element:We.createElement(Mr,{sourceType:"Exchanges",supportedSwappers:e?.liquiditySources})},{path:h.bridges,element:We.createElement(Mr,{sourceType:"Bridges",supportedSwappers:e?.liquiditySources})},{path:h.swaps,element:We.createElement(Ka,null)},{path:h.swapDetails,element:We.createElement(gp,null)},{path:h.wallets,element:We.createElement(va,{supportedWallets:e?.wallets,multiWallets:typeof e?.multiWallets>"u"?!0:e.multiWallets,config:e})},{path:dg(h.confirmSwap),element:We.createElement($a,{config:e})}])}s(yp,"AppRoutes");import{isApprovalTX as fg,MainEvents as Cp,RouteEventType as kp,StepEventType as Ht,StepExecutionEventStatus as gg,useEvents as hg}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Tp}from"react";import{StepExecutionBlockedEventStatus as hi}from"@rango-dev/queue-manager-rango-preset";var Sp=[hi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,hi.WAITING_FOR_NETWORK_CHANGE,hi.WAITING_FOR_WALLET_CONNECT];function wp(){let t=R.use.connectedWallets(),e=R.use.getWalletsDetails(),o=_e.use.setNotification(),n=_e.use.setAsRead(),r=hg();return Tp(()=>(r.on(Cp.StepEvent,i=>{let{event:a,step:l,route:p}=i;if(a.type===Ht.TX_EXECUTION&&a.status===gg.TX_SENT&&!fg(l)||a.type===Ht.SUCCEEDED){let c=t.find(m=>m.chain===l?.fromBlockchain),d=l?.fromBlockchain!==l?.toBlockchain&&t.find(m=>m.chain===l?.toBlockchain);c&&e([c]),d&&e([d])}a.type===Ht.TX_EXECUTION_BLOCKED&&Sp.includes(a.status)||a.type===Ht.FAILED?o(a,p):(a.type===Ht.TX_EXECUTION||a.type===Ht.CHECK_STATUS)&&n(p.requestId)}),()=>r.all.clear()),[r,t.length]),Tp(()=>(r.on(Cp.RouteEvent,i=>{let{event:a,route:l}=i;(a.type===kp.FAILED||a.type===kp.SUCCEEDED)&&o(a,l)}),()=>r.all.clear()),[r,t.length]),null}s(wp,"WidgetEvents");import{globalCss as yg}from"@rango-dev/ui";var vp=s(()=>yg({"@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 Si,darkTheme as wg,lightTheme as vg}from"@rango-dev/ui";import{useEffect as Ap,useState as bg}from"react";import{theme as kg,darkColors as Tg}from"@rango-dev/ui";var bp=s(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Sg=s(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=bp(o%52)+e;return bp(o%52)+e},"toAlphabeticName"),Cg=s((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),yi=s(t=>Sg(Cg(5381,JSON.stringify(t))>>>0),"toHash");function xp(t){let e=kg.colors,o=qr({...e,...Tg},!0,t?.dark),n=qr(e,!1,t?.light),r=Object.keys(o).length>0,i=Object.keys(n).length>0,a,l;if(i){let p={colors:n};a={id:`${zn}-light-${yi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${zn}-dark-${yi(p)}`,tokens:p}}return{light:a,dark:l}}s(xp,"customizedThemeTokens");function Ep(t){let{colors:e,fontFamily:o=bi,borderRadius:n=wi,secondaryBorderRadius:r=vi,mode:i="auto"}=t,[a,l]=bg("light"),p=F.use.theme(),u=F.use.setTheme(),{dark:c,light:d}=xp(e),m=Si({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),g=[m.className,vg.className],C=[m.className,wg.className];if(d){let S=Si(d.id,d.tokens);g.push(S.className)}if(c){let S=Si(c.id,c.tokens);C.push(S.className)}return Ap(()=>{let S=s(w=>{w.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",S),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",S)}},[]),Ap(()=>{i!=="auto"&&u(i)},[i]),{activeTheme:s(()=>{let S=g.join(" "),w=C.join(" ");return p==="auto"?a==="dark"?w:S:p==="dark"?w:S},"getActiveTheme")}}s(Ep,"useTheme");import xg,{useMemo as Ag}from"react";import{Provider as Eg}from"@rango-dev/queue-manager-react";import{makeQueueDefinition as Bg,checkWaitingForNetworkChange as Wg}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Ng}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as Ig}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Mg}from"rango-types";function Lg(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:i,getWalletInfo:a}=Ng(),l=Ag(()=>Bg({API_KEY:So("API_KEY")}),[]),{blockchains:p}=x.use.meta(),c={blockchains:R.use.connectedWallets().map(f=>({accounts:[f],name:f.chain}))},d=s((f,k)=>{if(i(f,k))return r(f,k)},"switchNetwork"),m=s(f=>!!a(f).mobileWallet,"isMobileWallet"),g=p.filter(f=>f.enabled).reduce((f,k)=>(f[k.name]=k,f),{}),C=p.filter(Mg),y=s(f=>{let{supportedChains:k}=a(f);return To(k)},"getSupportedChainNames"),S=e(),w={meta:{blockchains:g,evmBasedChains:C,evmNetworkChainInfo:Ig(C),getSupportedChainNames:y},getSigners:o,wallets:c,providers:S,switchNetwork:d,canSwitchNetworkTo:i,connect:r,state:n,isMobileWallet:m};return xg.createElement(Eg,{queuesDefs:[l],context:w,onPersistedDataLoaded:f=>{Wg(f)},isPaused:!1},t.children)}s(Lg,"QueueManager");var Bp=Lg;var Og=_g("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit",listStyleType:"none"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"}});function Np(t){let{config:e}=t;vp();let{activeTheme:o}=Ep(e?.theme||{}),{activeLanguage:n,changeLanguage:r}=hn(),[i,a]=Wp(""),[l,p]=Wp(),u=Dg(Vn),c=x.use.fetchMeta();return Fg(()=>{e?.apiKey&&Ti({API_KEY:e?.apiKey})},[e]),Ci(()=>{c(),F.persist.rehydrate(),_e.persist.rehydrate(),u.onConnectWallet(a)},[]),Ci(()=>{e?.language&&r(e.language)},[e?.language]),at.createElement(Pg,{language:n},at.createElement(Og,{id:"swap-container",className:o()},at.createElement(Bp,null,at.createElement(wp,null),at.createElement(Js,{config:e,lastConnectedWallet:i,disconnectedWallet:l,clearDisconnectedWallet:()=>{p(void 0)}},at.createElement(yp,{config:e})))))}s(Np,"Main");function $g(t){let{updateConfig:e,config:o}=Pe();return Ci(()=>{t.config&&e(t.config)},[t.config]),t.config?.externalWallets?at.createElement(Np,{...t}):at.createElement(Rn,{providers:o?.wallets,options:{walletConnectProjectId:o?.walletConnectProjectId||t.config?.walletConnectProjectId}},at.createElement(Np,{...t}))}s($g,"Widget");export{eM as MainEvents,tM as RouteEventType,oM as StepEventType,nM as StepExecutionBlockedEventStatus,rM as StepExecutionEventStatus,$g as Widget,Rn as WidgetWallets,Ia as useWallets,iM as useWidgetEvents};
+var Uu=Object.defineProperty;var s=(t,e)=>Uu(t,"name",{value:e,configurable:!0});import{MainEvents as Z$,RouteEventType as R$,StepEventType as eP,StepExecutionBlockedEventStatus as tP,StepExecutionEventStatus as oP,useEvents as nP}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Va}from"@rango-dev/wallets-react";import{Events as sr,Provider as fc}from"@rango-dev/wallets-react";import{isEvmBlockchain as gc}from"rango-sdk";import Oo,{createContext as hc,useEffect as yc,useRef as Sc}from"react";import{useEffect as tc}from"react";import{create as Zu}from"zustand";import{subscribeWithSelector as Ru}from"zustand/middleware";import{RangoClient as Ou}from"rango-sdk";var Ao="c6381a79-2817-4602-83bf-6a641a409e32",Zi="https://api.rango.exchange";var tr={API_KEY:Ao};function Wt(t){return tr[t]||""}s(Wt,"getConfig");function Ri(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),tr=e,tr}s(Ri,"initConfig");var es=20,ts=25,os="Roboto",or="theme-widget";var Io,Nt=s(()=>Io||(Io=new Ou(Wt("API_KEY"),Wt("BASE_URL")),Io),"httpService");import{WalletState as Ke}from"@rango-dev/ui";import{readAccountAddress as Gu}from"@rango-dev/wallets-react";import{detectInstallLink as Qu,getCosmosExperimentalChainInfo as Hu,isEvmAddress as Vu,KEPLR_COMPATIBLE_WALLETS as By,Networks as is}from"@rango-dev/wallets-shared";import Bo from"bignumber.js";import{isCosmosBlockchain as ju}from"rango-types";import zu from"bignumber.js";var ke=new zu(0);import{WalletTypes as qu}from"@rango-dev/wallets-shared";var ns=[qu.LEAP];import{BigNumber as rs}from"bignumber.js";var Wo=s(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),A=s((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new rs(t),r=1,i=1e3;for(let a=0;a<60;a++)if(new rs(n.toFixed(a,r)).eq(n)){i=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(i,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(i,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var No=s(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var je=s((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Xt=s(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function Lo(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()}s(Lo,"limitDecimalPlaces");function Ku(t){switch(!0){case t.connected:return Ke.CONNECTED;case t.connecting:return Ke.CONNECTING;case!t.installed:return Ke.NOT_INSTALLED;default:return Ke.DISCONNECTED}}s(Ku,"mapStatusToWalletState");function ss(t,e,o,n){return o.filter(r=>!ns.includes(r)).filter(r=>{let{supportedChains:i,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!i.find(m=>m.name===n):!0}).map(r=>{let{name:i,img:a,installLink:l}=e(r),p=Ku(t(r));return{title:i,image:a,link:Qu(l),state:p,type:r}})}s(ss,"mapWalletTypesToWalletInfo");function Mo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}s(Mo,"walletAndSupportedChainsNames");function as(t,e,o,n,r){let i=[];function a(p,u){if(!!!i.find(c=>c.chain===p)){let c={address:u,chain:p,walletType:t};i.push(c)}}s(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:m}=Gu(p),c=l.length>0,h=l.includes(m),d=m===is.Unknown;if(c&&!h&&!d)return;let x=m===is.Unknown&&Vu(u);if(d&&!x)return;o.includes(m)||x?r?a(m,u.toLowerCase()):l.filter(g=>o.includes(g)).forEach(g=>{a(g,u.toLowerCase())}):a(m,u)}),i}s(as,"prepareAccountsForWalletStore");function ls(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(i=>{let a=i.from.blockchain,l=i.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}s(ls,"getRequiredChains");function Lt(t,e,o,n){if(t.length===0)return null;let r=t.filter(i=>i.chain===e);return r.length===0?null:r.map(i=>i.balances?.find(a=>n!==null&&a.address===n||n===null&&a.address===n&&a.symbol===o)||null).filter(i=>i!==null).sort((i,a)=>parseFloat(a?.amount||"0")-parseFloat(i?.amount||"1")).find(()=>!0)||null}s(Lt,"getBalanceFromWallet");function $o(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}s($o,"isAccountAndWalletMatched");function ps(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 Bo(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Po(o,r.asset.symbol,r.asset.address,e)||null}))||[]}s(ps,"makeBalanceFor");function us(t){return{...t,loading:!1,error:!0}}s(us,"resetConnectedWalletState");var cs=s(t=>{let e=new Set,n=t?.reduce((i,a)=>i.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...i,a]:i,[])?.map(i=>{let a={name:i.chain,accounts:[]};return e.has(i.address)||e.add(i.address),e.forEach(l=>{i.address===l&&a.accounts.push(i)}),a}),r=A(n?.flatMap(i=>i.accounts)?.flatMap(i=>i?.balances)?.map(i=>new Bo(i?.amount||ke).multipliedBy(i?.usdPrice||0))?.reduce((i,a)=>i.plus(a),ke)||ke).toString();return Xu(r)},"calculateWalletUsdValue");function Xu(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}s(Xu,"numberWithThousandSeparator");var Po=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice"),_o=s((t,e)=>{let o=Hu(Object.entries(t).map(([,n])=>n).filter(ju));return o&&o[e]?.experimental},"isExperimentalChain");function Yu(t,e){return t.map(({balance:o,...n})=>{let r=A(new Bo(Lt(e,n.blockchain,n.symbol,n.address)?.amount||ke)),i="";return n.usdPrice&&(i=A(new Bo(Lt(e,n.blockchain,n.symbol,n.address)?.amount||ke).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:i}}}})}s(Yu,"getTokensWithBalance");function ms(t,e){let o=e.length>0?Yu(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}s(ms,"getTokensBalanceFromWalletAndSort");function We(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}s(We,"tokensAreEqual");function ds(t){return t.sort((e,o)=>+(o.state===Ke.CONNECTED)-+(e.state===Ke.CONNECTED)||+(o.state===Ke.DISCONNECTED||o.state===Ke.CONNECTING)-+(e.state===Ke.DISCONNECTED||e.state===Ke.CONNECTING))}s(ds,"sortWalletsBasedOnConnectionState");function Do(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}`}s(Do,"getConciseAddress");function fs({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(fs,"getAddress");var Ju=s(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),Xe=Ju;var G=Xe(Zu()(Ru((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(i=>({loading:!0,connectedWallets:i.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!i.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(i=>i.selected&&i.walletType!==o).map(i=>i.chain);return{connectedWallets:n.connectedWallets.filter(i=>i.walletType!==o).map(i=>r.includes(i.chain)?i:(r.push(i.chain),{...i,selected:!0}))}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let i=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return i?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let i=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>$o(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:m})=>({address:u,blockchain:m})),p=(await Nt().getWalletsDetails(a)).wallets;if(p)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(m=>{let c=o.find(d=>$o(d,m)),h=p.find(d=>d.address===m.address&&d.blockChain===m.chain);return h?.failed&&c&&r&&i([c],n,!1),c&&h?{...m,explorerUrl:h.explorerUrl,balances:ps(h,n),loading:!1}:m})}));else throw new Error("Wallet not found")}catch{t(l=>({loading:!1,connectedWallets:l.connectedWallets.map(p=>o.find(u=>$o(u,p))?us(p):p)}))}}}))));import{allProviders as ec}from"@rango-dev/provider-all";function Fo(t,e){let o=ec({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let i=o.find(a=>a.config.type===r);i?n.push(i):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}s(Fo,"matchAndGenerateProviders");function gs(t,e){return Fo(t,e).map(r=>r.config.type)}s(gs,"configWalletsToWalletName");function hs(t,e){let o=G.use.clearConnectedWallet(),n=Fo(void 0,e);return tc(()=>{o(),n=Fo(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}s(hs,"useWalletProviders");import uc,{createContext as cc,useContext as mc,useRef as dc}from"react";import{create as pc}from"zustand";var nr={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0},ys=s((t,e,o)=>({config:{...nr,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");function Bt(t){return Array.from(new Set(t))}s(Bt,"removeDuplicateFrom");function rr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}s(rr,"areEqual");function Ss(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}s(Ss,"debounce");function Ct(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}s(Ct,"containsText");var K=s(()=>document.getElementById("swap-box"),"getContainer");import{create as sc}from"zustand";import{persist as ac,subscribeWithSelector as lc}from"zustand/middleware";import{English as oc,French as nc,Japanese as rc,Spanish as ic}from"@rango-dev/ui";var Cs=[{title:"English",label:"English",local:"en",SVGFlag:oc},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:ic},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:nc},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:rc}],Yt="en";var ks=[.5,1,3],Ts=1,ws=5,vs=100,xs=0;var O=Xe(sc()(ac(lc((t,e)=>({preferredBlockchains:[],slippage:Ts,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",language:Yt,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=10-1;return p&&u}))return;let i=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...i]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let i=Bt(o.map(a=>a.swapperGroup));return i.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:i}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o}))})),{name:"user-settings",skipHydration:!0})));function Uo(t){let e=O.use.disabledLiquiditySources(),o=t.map(i=>i.swapperGroup),n=[];return Bt(t.map(i=>i.swapperGroup)).map(i=>{let a=t.find(l=>l.swapperGroup===i);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}s(Uo,"getUniqueSwappersGroups");function bs(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}s(bs,"sortLiquiditySourcesByGroupTitle");var Es=s((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(i.length>0&&!i.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.tokens:r.to?.tokens)??[],a=e().blockchains({type:o.type});return n.filter(p=>i.length>0&&!i.some(u=>We(u,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(Ct(p.symbol,o.searchFor)||Ct(p.address||"",o.searchFor)||Ct(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p)?-1:e().isTokenPinned(u)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>We(r,o)),swappers:()=>{let{config:{enableNewLiquiditySources:o,liquiditySources:n}}=e();return e()._swappers.filter(a=>{let l=n?.includes(a.swapperGroup);return o||!n||n.length===0?!l:l}).sort(bs)},fetch:async()=>{try{let o=await Nt().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],i=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:i,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");function As(t){return pc()((...e)=>({...Es(...e),...ys(t,...e)}))}s(As,"createAppStore");var Is=cc(null);function k(){let t=mc(Is);if(!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}s(k,"useAppStore");function Ws(t){let e=dc();return e.current||(e.current=As(t.config)),uc.createElement(Is.Provider,{value:e.current},t.children)}s(Ws,"AppStoreProvider");var zo=hc({onConnectWallet:()=>{}});function Cc(t){let e=k().updateConfig,o=k().blockchains(),n=k().tokens(),r={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:i}=hs(t.config.wallets,r),a=G.use.disconnectWallet(),l=G.use.connectWallet(),p=Sc();yc(()=>{t.config&&e(t.config)},[t.config]);let u=o.filter(gc).map(c=>c.name),m=s((c,h,d,y,x)=>{if(h===sr.ACCOUNTS)if(d){let f=Mo(x.supportedBlockchains),b=as(c,d,u,f,x.isContractWallet);l(b,n)}else a(c);if(h===sr.ACCOUNTS&&y.connected){let f=`${c}-${y.network}-${d}`;y.connected&&(p.current?p.current(f):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(h===sr.NETWORK&&y.network){let f=`${c}-${y.network}`;p.current?p.current(f):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(c,h,d,y,x)},"onUpdateState");return Oo.createElement(zo.Provider,{value:{onConnectWallet:c=>{p.current=c}}},Oo.createElement(fc,{allBlockChains:o,providers:i,onUpdateState:m,autoConnect:!0},t.children))}s(Cc,"Main");function qo(t){let{config:e,...o}=t;return Oo.createElement(Ws,{config:e},Oo.createElement(Cc,{...o,config:e}))}s(qo,"WidgetWallets");import Ji from"react";import{I18nManager as Jh}from"@rango-dev/ui";import Eo,{useContext as Zh,useEffect as Mu,useState as $u}from"react";import{useQueueManager as Pc}from"@rango-dev/queue-manager-rango-preset";import{useWallets as _c}from"@rango-dev/wallets-react";import{isEvmBlockchain as Dc}from"rango-types";import tn,{Fragment as Fc}from"react";import{MemoryRouter as Uc,useInRouterContext as Oc}from"react-router";import{useWallets as Tc}from"@rango-dev/wallets-react";import{useEffect as wc,useRef as vc}from"react";function Ns(){let{connect:t,state:e}=Tc(),o=vc({}),{fetchStatus:n}=k(),r=new URLSearchParams(location.search).get("autoConnect")||"",i=e(r);wc(()=>{n==="success"&&r&&i.installed&&!i.connecting&&!i.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[i,n])}s(Ns,"useForceAutoConnect");import{useEffect as yr,useRef as Sr}from"react";import{createSearchParams as Bc,useLocation as Mc,useSearchParams as $c}from"react-router-dom";var $={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{useEffect as $t,useMemo as Ro,useRef as en}from"react";import mt from"bignumber.js";import{create as Wc}from"zustand";import{subscribeWithSelector as Nc}from"zustand/middleware";import{getLastSuccessfulStep as Ic}from"@rango-dev/queue-manager-rango-preset";import UC from"bignumber.js";var ut=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(ut||{});function Ls(t,e){return e.find(o=>o.name===t)?.displayName}s(Ls,"getBlockchainDisplayNameFor");function Ye(t,e){return e.find(o=>o.name===t)?.shortName}s(Ye,"getBlockchainShortNameFor");function Bs(t,e){return e.find(o=>o.id===t)?.swapperGroup}s(Bs,"getSwapperDisplayName");function ar(t,e){return e.find(o=>We(o,t))??null}s(ar,"findToken");function lr(t,e){return e.find(o=>o.name===t)??null}s(lr,"findBlockchain");import{i18n as Fe}from"@lingui/core";import{PendingSwapNetworkStatus as Vo}from"@rango-dev/queue-manager-rango-preset";import Te from"bignumber.js";function Go(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(Go,"getRequiredWallets");function Qo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}s(Qo,"isValidAddress");import{i18n as fe}from"@lingui/core";var H=s(()=>({genericServerError:fe.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:fe.t("Please reset your liquidity sources."),description:fe.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:fe.t("No Routes Found."),description:fe.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:fe.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:fe.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:fe.t("High Price Impact"),title:fe.t("Price impact is too high!"),description:fe.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:fe.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:fe.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:fe.t("USD Price Unknown"),title:fe.t("USD Price Unknown, Cannot calculate Price Impact."),description:fe.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:fe.t("Confirm USD Price Unknown")}}),"errorMessages");function Ms(t){switch(t.type){case 0:return t.diagnosisMessage??H().noResultError.title;case 1:return H().genericServerError;default:return""}}s(Ms,"getQuoteErrorMessage");import{i18n as Ho}from"@lingui/core";var kt=s(()=>({connectWallet:Ho.t("Connect Wallet"),swap:Ho.t("Swap"),swapAnyway:Ho.t("Swap anyway"),ethWarning:Ho.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function $s(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Te(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Te(1e3)))??!1}s($s,"hasHighValueLoss");function pr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new Te(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Te(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}s(pr,"hasLimitError");function ur(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new Te(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new Te(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Te(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Te(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",i="",a="";return!r&&o&&o.gt(e.fromAmount)?(i=Fe.t({id:"Required: >= {min} {symbol}",values:{min:A(o,6,6),symbol:e.from.symbol}}),a=H().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(i=Fe.t({id:"Required: > {min} {symbol}",values:{min:A(o,6,6),symbol:e.from.symbol}}),a=H().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(i=Fe.t({id:"Required: <= {max} {symbol}",values:{max:A(n,6,6),symbol:e.from.symbol}}),a=H().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(i=Fe.t({id:"Required: < {max} {symbol}",values:{max:A(n,6,6),symbol:e.from.symbol}}),a=H().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:i,recommendation:a}}s(ur,"getLimitErrorMessage");function Ps(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:i,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:kt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!i||!i.result||l||!r||r==="0"?{title:kt().swap,action:"confirm-swap",disabled:!0}:a?{title:kt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:kt().ethWarning,action:"confirm-warning",disabled:!1}:{title:kt().swap,action:"confirm-swap",disabled:!1}:{title:kt().connectWallet,action:"connect-wallet",disabled:!1}}s(Ps,"getSwapButtonState");function cr(t,e,o){return!((!o||o.lte(ke))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}s(cr,"canComputePriceImpact");function xc(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(xc,"requiredWallets");var bc=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice");function Ec(t,e){let o=ke;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let i=bc(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Te(r.amount).multipliedBy(i||0))}return o}s(Ec,"getUsdFeeOfStep");function Xo(t,e){return t.reduce((o,n)=>o.plus(Ec(n,e)),ke)}s(Xo,"getTotalFeeInUsd");function mr(t){let e=new Map;return t.result?.swaps.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}s(mr,"checkSlippageErrors");function _s(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}s(_s,"checkSlippageWarnings");function Yo(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}s(Yo,"getMinRequiredSlippage");function Ds(t,e){return e?parseFloat(t)>=parseFloat(e):!0}s(Ds,"hasProperSlippage");function Jo(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:i,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:m,affiliatePercent:c,affiliateWallets:h,initialQuote:d,destination:y}=t,x=i?.reduce((S,C)=>(S[C.chain]=C.address,S),{}),f=[];r?.forEach(S=>{let C=f.find(B=>B.blockchain===S.chain);C?C.addresses.push(S.address):f.push({blockchain:S.chain,addresses:[S.address]})});let b=!!d,g=Bt((d?.result?.swaps||[]).reduce((S,C)=>(S.push(C.from.blockchain,C.to.blockchain),C.internalSwaps&&Array.isArray(C.internalSwaps)&&C.internalSwaps.map(B=>{S.push(B.from.blockchain,B.to.blockchain)}),S),[]));return{amount:n.toString(),affiliateRef:m??void 0,affiliatePercent:c??void 0,affiliateWallets:h??void 0,checkPrerequisites:b,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:f,selectedWallets:x??{},slippage:u.toString(),...y&&{destination:y},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(S=>!a.includes(S)),swappersGroupsExclude:!1},...b&&{blockchains:g}}}s(Jo,"createQuoteRequestBody");function Fs(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}s(Fs,"getWalletsForNewSwap");function Mt(t){return t.result?.outputAmount||null}s(Mt,"getQuoteOutputAmount");function Us(t,e){return new Te(e).div(new Te(t)).minus(1).multipliedBy(100).toNumber()}s(Us,"getPercentageChange");function Os(t,e){let o=Mt(t),n=Mt(e);if(!o||!n)return!1;let r=Ne(o,n);return r?r<=-1:!0}s(Os,"isOutputAmountChangedALot");function zs(t,e,o){let n=t.validationStatus,r=ls(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>js(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=A(new Te(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=A(new Te(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),m="";return a.reason==="FEE"&&(m=Fe.t(" for network fee")),a.reason==="INPUT_ASSET"&&(m=Fe.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(m=Fe.t(" for input and network fee")),Fe.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:u,symbol:l,reason:m,currentAmount:p,blockchain:Ye(a.asset.blockchain,o)}})})}s(zs,"generateBalanceWarnings");function qs(t,e){return(t?new Te(t):ke).multipliedBy(e||0)}s(qs,"calcOutputUsdValue");function Jt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Vo.NetworkChanged}s(Jt,"isNetworkStatusInWarningState");function Gs(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Jt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Vo.WaitingForConnectingWallet:n=n||Fe.t("Waiting for connecting wallet");break;case Vo.WaitingForQueue:n=n||Fe.t("Waiting for other running tasks to be finished");break;case Vo.WaitingForNetworkChange:n=n||Fe.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}}}s(Gs,"getSwapMessages");function Qs(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}s(Qs,"getLastConvertedTokenInFailedSwap");function Hs(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}s(Hs,"shouldRetrySwap");function Vs(t,e,o,n,r,i){return t||!e&&!xc(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&i&&!Qo(i,o)}s(Vs,"confirmSwapDisabled");function dr(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}s(dr,"searchParamsToToken");function Xs(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}s(Xs,"getQuoteToTokenUsdPrice");function fr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}s(fr,"isNumberOfSwapsChanged");function gr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!rr(o,n)}s(gr,"isQuoteSwappersUpdated");function hr(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!rr(o,n)}s(hr,"isQuoteInternalCoinsUpdated");function Ys(t,e){return fr(t,e)||gr(t,e)||hr(t,e)}s(Ys,"isQuoteChanged");function js(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}s(js,"getRequiredBalanceOfWallet");function nt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}s(nt,"getPriceImpactLevel");function Js(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],i=Ic(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=lr(i?i.toBlockchain:n.fromBlockchain,e),p=lr(r.toBlockchain,e),u=ar(i?{blockchain:l?.name??"",symbol:i.toSymbol,address:i.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),m=ar(a,o),c=i?i.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:m,inputAmount:c}}s(Js,"createRetryQuote");function Zo(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:i}=e,a=Tt(o,t.requestAmount),l=Tt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let m=Ne(a.toString(),l.toString());if(!!m&&$s(a,m)){let h=Xo(t.result.swaps,r),d=nt(m);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:m,totalFee:h,warningLevel:d}}}else if(t.result&&(!a||!l))return{type:1};let p=Yo(t),u=i>ws;if(Ds(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<i)return{type:3,slippage:i.toString()}}else return{type:2,recommendedSlippages:_s(t,i),minRequiredSlippage:p};return null}s(Zo,"generateQuoteWarnings");function Ne(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:Us(t.toString(),e.toString());return n&&n<0?n:null}s(Ne,"getPriceImpact");var Tt=s((t,e)=>t?.usdPrice?new mt(e||ke).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),z=Xe(Wc()(Nc(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new mt(0),outputUsdValue:new mt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=ke;return Xt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new mt(e.result?.outputAmount):null,r=qs(e.result?.outputAmount,Xs(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new mt(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{quote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:Tt(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{quote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new mt(0),outputUsdValue:new mt(0),quote:null},...!!o.fromToken&&{inputUsdValue:Tt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:i,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=Js(e,r,n);t({fromBlockchain:i,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:Tt(a??null,u),outputUsdValue:new mt(0),toBlockchain:l,toToken:p,quote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Tt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:""}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function Zs(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:i,toToken:a,fromBlockchain:l,toBlockchain:p}=z(),u=k().config,m=k().fetchStatus,c=k().blockchains(),h=k().tokens(),{setAffiliateRef:d,setAffiliatePercent:y,setAffiliateWallets:x}=O(),f=Ro(()=>u?.from?.tokens,[u?.from?.tokens]),b=Ro(()=>u?.from?.blockchains,[u?.from?.blockchains]),g=Ro(()=>u?.to?.tokens,[u?.to?.tokens]),v=Ro(()=>u?.to?.blockchains,[u?.to?.blockchains]),S=en(void 0),C=en(void 0),B=en(void 0),U=en(void 0);$t(()=>{t(u?.amount?.toString()||"")},[u?.amount]),$t(()=>{if(m==="success"){let T=c.find(M=>M.name===u?.from?.blockchain),P=h.find(M=>We(M,u?.from?.token||null));(T||!T&&B.current)&&n(T??null),P?r({token:P,meta:{blockchains:c,tokens:h}}):!P&&S.current&&r({token:null}),B.current=u?.from?.blockchain,S.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,m]),$t(()=>{i&&f&&(f.some(T=>We(T,i))||r({token:null})),l&&b&&(b.includes(l.name)||n(null))},[f,b]),$t(()=>{a&&g&&(g.some(T=>We(T,a))||e({token:null})),p&&v&&(v.includes(p.name)||o(null))},[g,v]),$t(()=>{if(m==="success"){let T=c.find(M=>M.name===u?.to?.blockchain),P=h.find(M=>We(M,u?.to?.token||null));(T||!T&&U.current)&&o(T??null),P?e({token:P,meta:{blockchains:c,tokens:h}}):!P&&C.current&&e({token:null}),U.current=u?.to?.blockchain,C.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,m]),$t(()=>{d(u?.affiliate?.ref??null),y(u?.affiliate?.percent??null),x(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}s(Zs,"useSyncStoresWithConfig");import{create as Lc}from"zustand";var we=Xe(Lc()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));function Rs(){let t=Sr(!0),[e,o]=$c(),n=Mc(),r=Sr(n.search),i=Sr({}),a=z.use.fromBlockchain(),l=z.use.toBlockchain(),p=z.use.fromToken(),u=z.use.toToken(),m=z.use.setFromBlockchain(),c=z.use.setFromToken(),h=z.use.setToBlockchain(),d=z.use.setToToken(),y=z.use.inputAmount(),x=z.use.setInputAmount(),f=k().fetchStatus,b=k().blockchains(),g=k().tokens(),v=we.use.setSelectedSwap();return Zs(),yr(()=>{let S={};Bc(r.current).forEach((B,U)=>{S[U]=B}),i.current=S;let C=n.pathname.split($.swaps+"/")[1]||null;C&&v(C)},[]),yr(()=>{if(!t.current){let S="",C="",B="",U="",T="",P=i.current["autoConnect"];f!=="success"?(S=i.current["fromBlockchain"],C=i.current["fromToken"],B=i.current["toBlockchain"],U=i.current["toToken"],T=i.current["fromAmount"]||y):(S=a?.name||"",C=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),B=l?.name||"",U=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),T=y),o({...S&&{["fromBlockchain"]:S},...C&&{["fromToken"]:C},...B&&{["toBlockchain"]:B},...U&&{["toToken"]:U},...T&&{["fromAmount"]:T.toString()},...P&&{["autoConnect"]:P}},{replace:!0})}t.current=!1},[n.pathname,y,a,p,l,u]),yr(()=>{if(f==="success"){let S=e.get("fromBlockchain"),C=e.get("fromToken"),B=e.get("toBlockchain"),U=e.get("toToken"),T=e.get("fromAmount"),P=b.find(D=>D.name===S),M=dr(g,C,P||null),N=b.find(D=>D.name===B),w=dr(g,U,N||null);P&&(m(P),M&&c({token:M,meta:{blockchains:b,tokens:g}})),N&&(h(N),w&&d({token:w,meta:{blockchains:b,tokens:g}})),T&&x(T)}},[f]),null}s(Rs,"UpdateUrl");function ea({children:t,...e}){let o=Oc(),n=o?Fc:Uc,r=k().blockchains(),{canSwitchNetworkTo:i}=_c();Ns();let a=r.filter(Dc);return Pc({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:i}),tn.createElement(tn.Fragment,null,tn.createElement(n,null,t),o&&tn.createElement(Rs,null))}s(ea,"AppRouter");import Ee from"react";import{useRoutes as Fh}from"react-router-dom";import{i18n as xn}from"@lingui/core";import{useManager as Vd}from"@rango-dev/queue-manager-react";import{Alert as Pl,Button as _l,Divider as jd,IconButton as Dl,RefreshIcon as Kd,SettingsIcon as Xd,styled as Fl,Tooltip as Yd,Typography as Jd,WalletIcon as Zd}from"@rango-dev/ui";import te,{useEffect as lo,useLayoutEffect as Rd,useRef as ef,useState as bn}from"react";import{flushSync as tf}from"react-dom";import{useNavigate as of}from"react-router-dom";import{i18n as rt}from"@lingui/core";import{Alert as Br,BalanceErrors as Ym,Button as ja,ChevronDownIcon as Jm,ChevronLeftIcon as Zm,Divider as Ut,MessageBox as Rm,Modal as Ka,Typography as hn,WalletIcon as ed}from"@rango-dev/ui";import W,{useEffect as td,useLayoutEffect as od,useRef as nd,useState as xt}from"react";import{useNavigate as rd}from"react-router-dom";import{i18n as on}from"@lingui/core";function nn(t){switch(t.type){case 0:return on.t("Route has been updated.");case 3:return on.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return on.t("Route swappers has been updated.");case 2:return on.t("Route internal coins has been updated.");default:return""}}s(nn,"getQuoteUpdateWarningMessage");import*as _t from"@radix-ui/react-collapsible";import{Button as qc,darkTheme as Pt,IconButton as Gc,keyframes as ta,styled as ye,TextField as Qc}from"@rango-dev/ui";var Zt=300,Hc=ta({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Vc=ta({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),oa=ye("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),na=ye("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),ra=ye("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"}}}}),ia=ye(_t.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),sa=ye("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),aa=ye(Gc,{position:"absolute",left:"$20"}),la=ye("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),pa=ye(_t.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ua=ye(qc,{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}}),ca=ye("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),ma=ye("div",{transition:`all ${Zt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),da=ye("div",{display:"flex"}),fa=ye(Qc,{padding:"$0 $15 $15 $15"}),rn=ye(_t.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Hc} ${Zt}ms ease-out`},false:{animation:`${Vc} ${Zt}ms ease-out`}}}}),ga=ye("div",{overflow:"visible",width:"100%"});import{i18n as ze}from"@lingui/core";import{Button as jm,Divider as Nr,Image as Km,MessageBox as gn,Modal as qa,SelectableWallet as Xm,Typography as Ga,WalletState as Qa}from"@rango-dev/ui";import ee,{useEffect as Ha,useState as eo}from"react";import{WalletState as ha}from"@rango-dev/ui";import{useWallets as jc}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Kc,WalletTypes as Xc}from"@rango-dev/wallets-shared";import{useEffect as Yc,useState as Jc}from"react";var Zc=Object.values(Xc);function sn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:i,disconnect:a,getWalletInfo:l,connect:p}=jc(),{connectedWallets:u}=G(),m=k().blockchains(),c=gs(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Zc,h=ss(i,l,c,o),d=ds(h),[y,x]=Jc(""),f=s(S=>!u.find(C=>C.walletType===S&&C.chain===o),"isExperimentalChainNotAdded"),b=s(async S=>{let C=i(S);try{if(y&&x(""),C.connected)await a(S);else{let B=!!h.find(U=>U.state===ha.CONNECTED);if(!e?.multiWallets&&B)return;n?.(S),await p(S),r?.(S)}}catch(B){x("Error: "+B?.message)}},"handleClick"),g=s(()=>{let S=h?.filter(C=>C.state===ha.CONNECTING)||[];for(let C of S)a(C.type)},"disconnectConnectingWallets");Yc(()=>()=>{g()},[]);let v=s((S,C,B)=>_o(B,C)&&f(S)&&!Kc.includes(S),"shouldExcludeWallet");return{list:d.filter(S=>!v(S.type,o??"",m)),error:y,handleClick:b}}s(sn,"useWalletList");import{i18n as Pa}from"@lingui/core";import{styled as Da,Typography as Um,Wallet as Om,WalletState as zm}from"@rango-dev/ui";import vt,{Fragment as qm,useState as _a}from"react";import{BottomLogo as Wm,Divider as Nm,Header as Lm}from"@rango-dev/ui";import ge from"react";import{useNavigate as Rc}from"react-router-dom";function dt(){let t=Rc();return()=>t(-1)}s(dt,"useNavigateBack");import{ChevronLeftIcon as om}from"@rango-dev/ui";import Ca from"react";import{darkTheme as em,IconButton as tm,styled as an}from"@rango-dev/ui";var Ue=an(tm,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),ya=an("div",{position:"absolute",background:"$secondary500",[`.${em} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Dt=an("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),Sa=an("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function Cr(t){return Ca.createElement(Ue,{variant:"ghost",size:"small",onClick:t.onClick},Ca.createElement(om,{color:"black",size:16}))}s(Cr,"BackButton");import{i18n as nm}from"@lingui/core";import{Button as rm,Typography as im}from"@rango-dev/ui";import kr from"react";function Tr(t){return kr.createElement(Dt,null,kr.createElement(rm,{variant:"ghost",onClick:t.onClick,size:"xsmall"},kr.createElement(im,{variant:"label",size:"medium",color:"error500"},nm.t("Cancel"))))}s(Tr,"CancelButton");import{i18n as sm}from"@lingui/core";import{Tooltip as am,WalletIcon as lm}from"@rango-dev/ui";import ln from"react";function wr(t){return ln.createElement(am,{container:t.container,side:"top",content:sm.t("Connect Wallet")},ln.createElement(Ue,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&ln.createElement(ya,null),ln.createElement(lm,{size:18,color:"black"})))}s(wr,"WalletButton");import{i18n as cn}from"@lingui/core";import{NotificationsIcon as vm,Popover as xm,RefreshIcon as bm,SettingsIcon as Em,Tooltip as mn,TransactionIcon as Am}from"@rango-dev/ui";import ue from"react";import{i18n as hm}from"@lingui/core";import{ChainToken as ba,ChevronRightIcon as ym,ListItemButton as Sm,Typography as Cm}from"@rango-dev/ui";import Oe from"react";import{useNavigate as km}from"react-router-dom";import{create as pm}from"zustand";import{persist as um,subscribeWithSelector as cm}from"zustand/middleware";var Le=Xe(pm()(um(cm((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],i=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:i.toBlockchain,tokenSymbol:i.toSymbol,tokenAddress:i.toSymbolAddress}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{styled as pn}from"@rango-dev/ui";var ka=pn("div",{padding:"$10",width:"350px",minHeight:"150px"}),Ta=pn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),wa=pn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),va=pn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as mm}from"@lingui/core";import{Divider as dm,NoNotificationIcon as fm,Typography as gm}from"@rango-dev/ui";import un from"react";function xa(){return un.createElement(va,null,un.createElement(fm,{color:"secondary",size:26}),un.createElement(dm,{size:12}),un.createElement(gm,{variant:"body",size:"medium",color:"neutral700"},mm.t("You have no notification")))}s(xa,"NotificationNotFound");var Tm=4;function vr(){let t=km(),e=we.use.setSelectedSwap(),{getUnreadNotifications:o}=Le(),n=o(),r=k().blockchains(),i=k().tokens(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,Tm),l=s(p=>{e(p),t(`${$.swaps}/${p}`)},"handleOnClick");return Oe.createElement(ka,null,a.length?Oe.createElement(Ta,null,a.map(p=>{let u=i.find(d=>d.address===p.route.from.tokenAddress&&d.blockchain===p.route.from.blockchain&&d.symbol===p.route.from.tokenSymbol),m=r.find(d=>d.name===p.route.from.blockchain),c=i.find(d=>d.address===p.route.to.tokenAddress&&d.blockchain===p.route.to.blockchain&&d.symbol===p.route.to.tokenSymbol),h=r.find(d=>d.name===p.route.to.blockchain);return Oe.createElement(Sm,{key:p.requestId,onClick:()=>l(p.requestId),title:Oe.createElement(Cm,{variant:"body",size:"small",color:"$neutral700"},hm.t(p.event.message)),id:p.requestId,start:Oe.createElement(wa,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(ba,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(ba,{tokenImage:c?c.image:"",chainImage:h?h.logo:"",size:"small"}))),end:Oe.createElement(ym,{size:12,color:"gray"})})})):Oe.createElement(xa,null))}s(vr,"NotificationContent");import{Typography as wm}from"@rango-dev/ui";import Ea from"react";function Aa(){let{getUnreadNotifications:t}=Le(),e=t().length;return e?Ea.createElement(Sa,null,Ea.createElement(wm,{variant:"body",size:"xsmall",color:"$background"},e)):null}s(Aa,"UnreadNotificationsBadge");function xr(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:i}=t;return ue.createElement(ue.Fragment,null,ue.createElement(mn,{container:K(),side:"top",content:cn.t("Refresh")},ue.createElement(Ue,{variant:"ghost",size:"small",onClick:o,disabled:!o},ue.createElement(bm,{size:16,color:o?"black":"gray"}))),ue.createElement(mn,{container:K(),side:"top",content:cn.t("Notifications")},ue.createElement(xm,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:K(),content:ue.createElement(vr,null)},ue.createElement(Ue,{size:"small",variant:"ghost",onClick:i},ue.createElement(vm,{size:18,color:"black"}),ue.createElement(Aa,null)))),ue.createElement(mn,{container:K(),side:"top",content:cn.t("Settings")},ue.createElement(Ue,{size:"small",variant:"ghost",onClick:r},ue.createElement(Em,{size:18,color:"black"}))),ue.createElement(mn,{container:K(),side:"top",content:cn.t("Transactions History")},ue.createElement(Ue,{size:"small",variant:"ghost",onClick:n},ue.createElement(Am,{size:18,color:"black"}))))}s(xr,"HomeButtons");import{darkTheme as Im,styled as br}from"@rango-dev/ui";var Ia=br("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",$$color:"$colors$neutral100",[`.${Im} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),Wa=br("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"}}}}),Na=br("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Bm(t,e){let{children:o,header:n,footer:r,noPadding:i,hasLogo:a=!0,fixedHeight:l=!0}=t,p=G.use.connectedWallets(),u=we.use.connectWalletsButtonDisabled(),m=dt(),c=s(()=>{!u&&n.onWallet&&n.onWallet()},"onConnectWallet"),h=typeof n.hasBackButton>"u"||n.hasBackButton;return ge.createElement(Ia,{ref:e,fixedHeight:l,id:"swap-box"},ge.createElement(Lm,{prefix:ge.createElement(ge.Fragment,null,h&&ge.createElement(Cr,{onClick:m})),title:n.title,suffix:ge.createElement(ge.Fragment,null,n.suffix,n.onWallet&&ge.createElement(wr,{container:K(),onClick:c,isConnected:!!p?.length}),n.onCancel&&ge.createElement(Tr,{onClick:n.onCancel}))}),ge.createElement(Wa,{noPadding:i},o),(a||r)&&ge.createElement(Na,null,ge.createElement("div",{className:"footer__content"},r),a&&ge.createElement("div",{className:"footer__logo"},ge.createElement(Nm,{size:12}),ge.createElement(Wm,null))))}s(Bm,"LayoutComponent");var X=ge.forwardRef(Bm);X.displayName="Layout";import{Divider as Dm,Modal as Fm}from"@rango-dev/ui";import Ar from"react";import{i18n as Ft}from"@lingui/core";import{Image as Pm,MessageBox as Er,WalletState as _m}from"@rango-dev/ui";import wt from"react";import{keyframes as Mm,styled as dn}from"@rango-dev/ui";var Aw=dn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),La=dn("div",{position:"relative"}),$m=Mm({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Ba=dn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${$m} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Ma=dn("div",{"& img":{borderRadius:"50%"}});function $a(t){let{state:e,image:o,error:n}=t;return e===_m.CONNECTED?wt.createElement(Er,{type:"success",title:Ft.t("Wallet Connected"),description:Ft.t("Your wallet is connected, you can use it to swap.")}):n?wt.createElement(Er,{type:"error",title:Ft.t("Failed to Connect"),description:n||Ft.t("Your wallet is not connected. Please try again.")}):wt.createElement(Er,{type:"loading",title:Ft.t("Connecting to your wallet"),description:Ft.t("Click connect in your wallet popup."),icon:wt.createElement(La,null,wt.createElement(Ma,null,wt.createElement(Pm,{src:o,size:45})),wt.createElement(Ba,null))})}s($a,"ModalContent");function Rt(t){let{open:e,onClose:o,...n}=t;return Ar.createElement(Fm,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},Ar.createElement($a,{...n}),Ar.createElement(Dm,{direction:"vertical",size:32}))}s(Rt,"WalletModal");var Gm=Da("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),Qm=Da("div",{textAlign:"center"}),fn=3e3,Ir=300;function Fa(){let{config:t,fetchStatus:e}=k(),[o,n]=_a(!1),[r,i]=_a(""),a=null,{list:l,handleClick:p,error:u}=sn({config:t,onBeforeConnect:d=>{a=setTimeout(()=>{n(!0),i(d)},Ir)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},fn)}}),m=l.find(d=>d.type===r),c=m?.image||"",h=m?.state||zm.NOT_INSTALLED;return vt.createElement(X,{header:{title:Pa.t("Connect Wallets")}},vt.createElement(Qm,null,vt.createElement(Um,{variant:"title",size:"xmedium",align:"center"},Pa.t("Choose a wallet to connect.")),vt.createElement(Gm,null,l.map((d,y)=>{let x=`wallet-${y}-${d.type}`;return vt.createElement(qm,{key:x},vt.createElement(Om,{...d,container:K(),onClick:f=>{p(f)},isLoading:e==="loading"}))}),vt.createElement(Rt,{open:!!o,onClose:()=>n(!1),image:c,state:h,error:u}))))}s(Fa,"WalletsPage");import{keyframes as Hm,styled as Wr}from"@rango-dev/ui";var Ua=Wr("div",{position:"relative"}),Vm=Hm({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Oa=Wr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Vm} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),za=Wr("div",{"& img":{borderRadius:"50%"}});function Lr(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:i}=t,{config:a}=k(),l=G.use.connectedWallets(),{blockchains:p}=k(),[u,m]=eo(""),[c,h]=eo(null),[d,y]=eo(!1),[x,f]=eo(null),{suggestAndConnect:b}=Va(),g=null,{list:v,error:S,handleClick:C}=sn({config:a,chain:e,onBeforeConnect:w=>{g=setTimeout(()=>{m(w)},Ir)},onConnect:()=>{g&&clearTimeout(g),setTimeout(()=>{m("")},fn)}}),[B,U]=eo(v),T=v.length,P=r&&T-r>0,M=s(async w=>{y(!1),f("in-progress");try{await b(w.walletType,w.chain),f("completed")}catch{f("rejected")}},"addExperimentalChain");Ha(()=>{U(w=>{let D=v.findIndex(I=>o(I.type,e));return P&&D>1?[v[D]].concat(v.filter((I,j)=>j!==D)):w.map(I=>v.find(j=>j.type===I.type)??I)})},[JSON.stringify(v)]);let N=document.querySelector("#swap-box");return Ha(()=>{let w=null;return(x==="completed"||x==="rejected")&&(w=setTimeout(()=>f(null),fn)),()=>{w&&clearTimeout(w)}},[x]),ee.createElement(ee.Fragment,null,B.slice(0,r).map(w=>{let D=fs({connectedWallets:l,walletType:w.type,chain:e}),I=D?Do(D):"",j=_o(p(),e),oe=!l.find(de=>de.walletType===w.type&&de.chain===e),ne=j&&oe&&w.state===Qa.CONNECTED,Q=ne?ze.t({id:"Add {chain} chain",values:{chain:e}}):I,se=s(()=>{w.state===Qa.DISCONNECTED?C(w.type):ne?(h({walletType:w.type,chain:e,address:D??""}),y(!0)):n({walletType:w.type,chain:e,address:D??""})},"onClick"),me=c?.chain?Ls(c.chain,p()):void 0;return ee.createElement(ee.Fragment,null,ee.createElement(Rt,{open:u===w.type,onClose:()=>m(""),image:w.image,state:w.state,error:S}),!!c&&ee.createElement(qa,{open:!!c&&d,container:N,onClose:()=>{h(null)}},ee.createElement(gn,{title:ze.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:me}}),type:"warning",description:ze.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:me}})},ee.createElement(Nr,{size:18}),ee.createElement(Nr,{size:32}),ee.createElement(jm,{onClick:M.bind(null,c),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},ze.t("Confirm")))),x&&ee.createElement(qa,{open:!!x,onClose:f.bind(null,null),container:N},x==="in-progress"&&ee.createElement(gn,{type:"loading",title:ze.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:me}}),description:ze.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:me}}),icon:ee.createElement(Ua,null,ee.createElement(za,null,ee.createElement(Km,{src:w.image,size:45})),ee.createElement(Oa,null))}),x==="completed"&&ee.createElement(gn,{type:"success",title:ze.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:me}}),description:ze.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:me}})}),x==="rejected"&&ee.createElement(gn,{type:"error",title:ze.t("Request Rejected"),description:ze.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:me}})}),ee.createElement(Nr,{direction:"vertical",size:32})),ee.createElement(Xm,{key:w.type,description:Q,onClick:se,selected:o(w.type,e),...w}))}),P&&ee.createElement(ra,{selected:!1,onClick:i.bind(null)},ee.createElement(Ga,{variant:"label",size:"medium"},ze.t("Show more wallets"),ee.createElement(Ga,{variant:"label",size:"medium",color:"$primary"},"\xA0+",T-(r??0)))))}s(Lr,"WalletList");var id=2;function Xa(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:i}=t,a=k().config,l=k().blockchains(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:m,setQuoteWalletConfirmed:c,customDestination:h,setCustomDestination:d}=z(),{connectedWallets:y,selectWallets:x}=G(),[f,b]=xt(""),[g,v]=xt([]),[S,C]=xt(""),[B,U]=xt(null),[T,P]=xt(h),[M,N]=xt(!!h),w=nd(null),D=Go(p),I=l.find(_=>_.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),j=s(_=>!!p?.result?.swaps.find(J=>J.from.blockchain===_),"isWalletRequiredFor"),[oe,ne]=xt(y.filter(_=>_.selected&&D.includes(_.chain))),Q=l.find(_=>_.name===I?.name),se=s((_,J)=>!!oe.find(q=>q.walletType===_&&q.chain===J&&q.selected&&(j(J)||!j(J)&&!T)),"isSelected"),me=!!T&&M&&Q&&!Qo(Q,T),de=s(()=>{N(!1),P(""),ne(_=>{let J=!1;return _.map(q=>!J&&q.chain===I?.name?(J=!0,{...q,selected:!0}):q)})},"resetCustomDestination"),De=s(_=>{if(f&&b(""),se(_.walletType,_.chain))return;let q=y.find(ae=>ae.walletType===_.walletType&&ae.chain===_.chain);q&&(n(),_.chain===I?.name&&M&&(N(!1),P("")),ne(ae=>ae.filter(Ve=>Ve.chain!==_.chain).concat({...q,selected:!0})))},"onChange"),It=s(()=>{let _=oe.filter(J=>J.selected);x(_),u(_),d(T),c(!0),o()},"onConfirmBalance"),Kt=s(async()=>{v([]),C(""),U(null);let _=y.filter(ae=>oe.find(Ve=>Ve.chain===ae.chain&&Ve.walletType===ae.walletType)),J=await r?.({selectedWallets:_,customDestination:T}),q=J.warnings;q?.balance?.messages&&v(q.balance.messages),q?.quoteUpdate&&U(q.quoteUpdate),J.error&&C(Ms(J.error)),!J.error&&(!q?.balance?.messages.length||0>0)?It():v(q?.balance?.messages??[])},"onConfirmWallets");td(()=>{ne(_=>_.concat(y.filter(J=>!!!_.find(ae=>ae.chain===J.chain)&&J.selected&&D.includes(J.chain))))},[y.length]),od(()=>{M&&w.current&&setTimeout(()=>{w?.current?.scrollIntoView({behavior:"smooth"})},Zt)},[M]);let ot=document.querySelector("#swap-box"),He=rd();return W.createElement(Ka,{open:e,onClose:()=>{m||He("../",{replace:!0}),o()},dismissible:!f,container:ot,...!f&&{footer:W.createElement(da,null,W.createElement(ja,{loading:i,disabled:Vs(i,M,T,p,oe,I),onClick:Kt,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...f&&{containerStyle:{padding:"$0"},header:W.createElement(sa,null,W.createElement(aa,{variant:"ghost",onClick:b.bind(null,"")},W.createElement(Zm,{size:16})),W.createElement(hn,{variant:"headline",size:"small"},rt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ye(f,l)}})))},anchor:"center"},W.createElement(Ka,{open:g.length>0,onClose:v.bind(null,[]),container:ot},W.createElement(Rm,{title:rt.t("Insufficient account balance"),type:"error",description:W.createElement(Ym,{messages:g??[]})},W.createElement(ja,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:It},rt.t("Proceed anyway")))),f&&W.createElement(la,null,W.createElement("div",{className:"wallets-list"},W.createElement(Lr,{chain:f,isSelected:se,selectWallet:De,onShowMore:b.bind(null,f)}))),!f&&W.createElement(W.Fragment,null,S&&W.createElement(W.Fragment,null,W.createElement(Br,{variant:"alarm",type:"error",title:rt.t(S)}),W.createElement(Ut,{size:12})),B&&W.createElement(W.Fragment,null,W.createElement(Br,{variant:"alarm",type:"warning",title:nn(B)}),W.createElement(Ut,{size:12})),W.createElement(ga,null,D.map((_,J)=>{let q=l.find(Ae=>Ae.name===_),ae=`wallet-${J}`,Ve=J===D.length-1;return W.createElement("div",{key:ae},W.createElement(oa,null,W.createElement(hn,{variant:"title",size:"xmedium"},rt.t({id:"Your {blockchainName} wallets",values:{blockchainName:q?.shortName}})),W.createElement(hn,{variant:"label",color:"$neutral700",size:"medium"},rt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:q?.shortName}}))),W.createElement(Ut,{size:24}),W.createElement(na,null,W.createElement(Lr,{chain:_,isSelected:se,selectWallet:De,limit:id,onShowMore:()=>b(q?.name??"")})),!Ve&&W.createElement(Ut,{size:32}),Ve&&a?.customDestination&&W.createElement(ca,null,W.createElement(pa,{ref:w,selected:M,open:M,onOpenChange:Ae=>{Ae?j(I?.name??"")||ne(Rn=>Rn.map(er=>er.chain===I?.name?{...er,selected:!1}:er)):de()}},W.createElement(ia,{onClick:()=>N(Ae=>!Ae)},W.createElement(ua,{fullWidth:!0,variant:"default",suffix:W.createElement(ma,{orientation:M?"up":"down"},W.createElement(Jm,{size:10,color:"gray"}))},W.createElement("div",{className:"button__content"},W.createElement(ed,{size:18,color:"info"}),W.createElement(Ut,{size:4,direction:"horizontal"}),W.createElement(hn,{variant:"label",size:"medium"},rt.t("Send to a different address"))))),W.createElement(rn,{open:M},W.createElement(W.Fragment,null,W.createElement(Ut,{size:4}),W.createElement(fa,{autoFocus:!0,placeholder:rt.t("Your destination address"),value:T,onChange:Ae=>{P(Ae.target.value)}})))),me&&W.createElement("div",{className:"alarms"},W.createElement(Br,{variant:"alarm",type:"error",title:rt.t({values:{destination:T},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}s(Xa,"ConfirmWalletsModal");import{Divider as zd}from"@rango-dev/ui";import $e from"react";import{i18n as Dr}from"@lingui/core";import{Alert as ad,ChevronDownIcon as ld,ChevronRightIcon as pd,Divider as Fr,Image as pl,InfoIcon as ud,QuoteCost as cd,StepDetails as md,TokenAmount as dd,Tooltip as ul,Typography as Ot}from"@rango-dev/ui";import L,{useLayoutEffect as fd,useRef as cl,useState as gd}from"react";import{styled as to}from"@rango-dev/ui";var Ya=to("div",{paddingBottom:"$10"}),Mr=to("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Ja=to("div",{variants:{paddingTop:{true:{paddingTop:"$10"}}}}),Za=to("div",{paddingBottom:"$15"}),Ra=to("div",{width:"100%",display:"flex"});import*as yn from"@radix-ui/react-collapsible";import{darkTheme as Je,Image as el,styled as it}from"@rango-dev/ui";var $r=300,tl=it(yn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${Je} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Je} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& .steps-details":{padding:"$10 $15"}}),ol=it("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",cursor:"pointer",boxSizing:"border-box",position:"relative",variants:{recommended:{true:{$$color:"$colors$info100",[`.${Je} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${Je} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{},false:{}}},compoundVariants:[{listItem:!0,recommended:!0,css:{"&:hover":{$$color:"$colors$secondary200",[`.${Je} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${Je} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}],"& .summary":{width:"100%",padding:"$15 $15 $10 $15",cursor:"default"},"& .basic-info":{paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Je} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}}),nl=it(yn.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${el}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${el}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${Je} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Je} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& div:nth-child(1)":{display:"flex"}}),Pr=it("div",{width:"18px",height:"18px",borderRadius:"100%",border:"1.5px transparent solid",display:"flex",justifyContent:"center",alignItems:"center",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),rl=it(rn,{width:"100%"}),_r=it("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${$r}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Pv=it("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),il=it("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Je} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),sl=it("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"});import{TokenAmount as ll}from"@rango-dev/ui";import Sn from"react";import{styled as sd}from"@rango-dev/ui";var al=sd("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%","& .separator":{height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"}});function oo(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Sn.createElement(al,null,Sn.createElement(ll,{direction:"horizontal",label:"Swap input",type:"input",price:{value:e.price.value,usdValue:e.price.usdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),Sn.createElement("div",{className:"separator"}),Sn.createElement(ll,{direction:"horizontal",label:"Estimated output",type:"output",price:{value:o.price.value,usdValue:o.price.usdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}s(oo,"QuoteSummary");function Ur(t){let{quote:e,input:o,output:n,error:r,warning:i,type:a,recommended:l=!0}=t,p=k().tokens(),u=k().blockchains(),m=k().swappers(),[c,h]=gd(t.expanded),d=cl(null),y=cl(c),x=A(Xo(e.result?.swaps??[],p),2,2),f=Wo(No(e.result?.swaps)),b=A(o.value,6,6),g=A(n.value,6,6),v=n.usdValue?A(n.usdValue,4,4):"",S=Ne(o.usdValue,n.usdValue??null),C=A(S,2,2),B=nt(S??0),T=s(N=>N.map((w,D)=>{let I,j=r?.type===3&&r.swap.swapperId===w.swapperId||r?.type===4&&r.recommendedSlippages?.has(D),oe=i?.type===2&&i.recommendedSlippages?.has(D);return j?I="error":oe&&(I="warning"),{swapper:{displayName:Bs(w.swapperId,m),image:w.swapperLogo},from:{token:{displayName:w.from.symbol,image:w.from.logo},chain:{displayName:Ye(w.from.blockchain,u),image:w.from.blockchainLogo},price:{value:D===0?A(o.value,6,6):A(w.fromAmount,6,6),usdValue:A((w.from.usdPrice??0)*parseFloat(w.fromAmount),4,4)}},to:{token:{displayName:w.to.symbol,image:w.to.logo},chain:{displayName:Ye(w.to.blockchain,u),image:w.to.blockchainLogo},price:{value:A(w.toAmount,6,6),usdValue:A((w.to.usdPrice??0)*parseFloat(w.toAmount),4,4)}},state:I,alerts:j||oe?L.createElement(Za,null,L.createElement(ad,{type:j?"error":"warning",title:r?.type===3?r?.recommendation:Dr.t("Slippage Error:"),footer:L.createElement(Ra,null,r?.type===3&&L.createElement(L.Fragment,null,L.createElement(Ot,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),L.createElement(Fr,{direction:"horizontal",size:8}),L.createElement(Ot,{size:"xsmall",variant:"body",color:"neutral900"},"|"),L.createElement(Fr,{direction:"horizontal",size:8}),L.createElement(Ot,{size:"xsmall",variant:"body",color:"neutral900"},Dr.t({id:"Yours: {amount} {symbol}",values:{amount:A(w.fromAmount,6,6),symbol:w?.from.symbol}}))),(r?.type===4||i?.type===2)&&L.createElement(Ot,{size:"xsmall",variant:"body",color:"neutral900"},Dr.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(D)},...i?.type===2&&{minRequiredSlippage:i.recommendedSlippages?.get(D)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),P=T.length,M=K();return fd(()=>{c&&!y.current&&d.current&&setTimeout(()=>{d?.current?.scrollIntoView({behavior:"smooth"})},$r),y.current=c},[c,y]),L.createElement(L.Fragment,null,L.createElement(ol,{recommended:l,listItem:a==="list-item",basic:a==="basic"},L.createElement("div",{className:"summary"},L.createElement(cd,{fee:x,time:f,steps:P}),a==="basic"&&L.createElement("div",{className:"basic-info"},L.createElement(sl,null,L.createElement(ud,{size:12,color:"gray"})),L.createElement(Ot,{size:"small",variant:"body",style:{letterSpacing:.4}},`${b} ${T[0].from.token.displayName} = ${g} ${T[T.length-1].to.token.displayName}`),L.createElement(Ot,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${v})`)),a==="list-item"&&L.createElement(dd,{type:"output",direction:"vertical",price:{value:g,usdValue:v},token:{displayName:T[P-1].to.token.displayName,image:T[P-1].to.token.image},chain:{image:T[P-1].to.chain.image},percentageChange:C,warningLevel:B}),a==="swap-preview"&&L.createElement(L.Fragment,null,L.createElement(oo,{from:T[0].from,to:T[P-1].to,percentageChange:C,warningLevel:B}),L.createElement(Fr,{size:4}))),L.createElement(tl,{recommended:l,open:c,onOpenChange:h},L.createElement(nl,{ref:N=>d.current=N,recommended:l,onClick:()=>h(N=>!N)},L.createElement("div",null,T.map((N,w)=>{let D=`item-${w}`,I=L.createElement(_r,null,L.createElement(pd,{size:12,color:"black",...N.state&&{color:N.state==="error"?"error":"warning"}}));return L.createElement(L.Fragment,{key:D},L.createElement(ul,{container:M,side:"bottom",sideOffset:4,content:N.from.chain.displayName},L.createElement(Pr,{state:N.state||T[w-1]?.state},L.createElement(pl,{src:N.from.chain.image,size:16}))),w===P-1&&L.createElement(L.Fragment,null,I,L.createElement(ul,{container:M,side:"bottom",sideOffset:4,content:N.to.chain.displayName},L.createElement(Pr,{state:N.state},L.createElement(pl,{src:N.to.chain.image,size:16})))),w!==P-1&&L.createElement(L.Fragment,null,I))})),L.createElement(_r,{orientation:c?"up":"down"},L.createElement(ld,{size:12,color:"black"}))),L.createElement(rl,{open:c},L.createElement(il,null),L.createElement("div",{className:"steps-details"},T.map((N,w)=>{let D=`item-${w}`;return L.createElement(md,{type:"quote-details",key:D,step:N,hasSeparator:w!==T.length-1,state:N.state})}))))))}s(Ur,"Quote");import{ChainToken as Cn,Divider as qe,NextIcon as yd,Skeleton as Se}from"@rango-dev/ui";import E from"react";import{darkTheme as hd,styled as ml}from"@rango-dev/ui";var dl=ml("div",{$$color:"$colors$neutral100",[`.${hd} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ","& .cost-and-tag":{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"},variants:{rounded:{true:{borderRadius:"$xm"}}},"& .cost":{display:"flex"},"& .basic-summary":{padding:"$15 $0 14px $0"},"& .output":{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"},"& .output__token-info":{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"},"& .quote-summary":{display:"flex",justifyContent:"space-between",alignItems:"end"},"& .quote-summary__separator":{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"},"& .token-amount":{display:"flex",justifyContent:"space-between"},"& .token-amount__label":{display:"flex",flexDirection:"column",alignItems:"start"},"& .chains":{paddingTop:"$2"},"& .swap-preview":{padding:"$15 $0 $15 $0"},"& .steps":{paddingLeft:"$8"},"& .step__title":{display:"flex",alignItems:"center"},"& .step__content":{display:"flex",alignItems:"start"},"& .step__tokens":{paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"},"& .step__token-info":{display:"flex",alignItems:"center"},"& .step__icon-container":{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}}),fl=ml("div",{borderLeft:"1px dashed black",minHeight:" 64px",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});function Or(t){let{separator:e=!0}=t;return E.createElement(E.Fragment,null,E.createElement("div",{className:"step__title"},E.createElement(Se,{height:22,width:22,variant:"circular"}),E.createElement(qe,{direction:"horizontal",size:8}),E.createElement(Se,{height:15,width:148,variant:"rounded"})),E.createElement("div",{className:"step__content"},E.createElement(fl,{hideSeparator:!e}),E.createElement("div",{className:"step__tokens"},E.createElement("div",{className:"step__token-info"},E.createElement(Cn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),E.createElement(qe,{direction:"horizontal",size:8}),E.createElement(Se,{height:12,width:76,variant:"rounded"})),E.createElement("div",{className:"step__icon-container"},E.createElement(yd,{color:"gray",size:16})),E.createElement("div",{className:"step__token-info"},E.createElement(Cn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),E.createElement(qe,{direction:"horizontal",size:8}),E.createElement(Se,{height:12,width:76,variant:"rounded"})))))}s(Or,"StepSkeleton");function zr(t){let{type:e,expanded:o,tag:n=!1}=t,r=E.createElement("div",{className:"quote-summary"},E.createElement("div",{className:"token-amount"},E.createElement(Cn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),E.createElement(qe,{size:8,direction:"horizontal"}),E.createElement("div",{className:"token-amount__label"},E.createElement(Se,{height:10,width:60,variant:"rounded"}),E.createElement(qe,{size:4}),E.createElement(Se,{height:15,width:148,variant:"rounded"}))),E.createElement(Se,{height:12,width:64,variant:"rounded"}));return E.createElement(dl,{rounded:e!=="basic"},E.createElement("div",{className:"cost-and-tag"},E.createElement("div",{className:"cost"},E.createElement(Se,{width:60,height:10,variant:"rounded"}),E.createElement(qe,{size:4,direction:"horizontal"}),E.createElement(Se,{width:60,height:10,variant:"rounded"}),E.createElement(qe,{size:4,direction:"horizontal"}),E.createElement(Se,{width:60,height:10,variant:"rounded"})),n&&E.createElement(Se,{height:22,width:100,variant:"rounded"})),e==="basic"&&E.createElement("div",{className:"basic-summary"},E.createElement(Se,{height:15,width:148,variant:"rounded"})),e==="list-item"&&E.createElement("div",{className:"output"},E.createElement("div",{className:"output__token-info"},E.createElement(Cn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),E.createElement(qe,{direction:"horizontal",size:4}),E.createElement(Se,{height:15,width:150,variant:"rounded"})),E.createElement(qe,{size:4}),E.createElement(Se,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&E.createElement(E.Fragment,null,E.createElement(qe,{size:4}),E.createElement("div",{className:"swap-preview"},r,E.createElement("div",{className:"quote-summary__separator"}),r)),E.createElement("div",{className:"chains"},E.createElement(Se,{height:15,width:321,variant:"rounded"})),o&&E.createElement("div",{className:"steps"},E.createElement(qe,{size:20}),E.createElement(Or,null),E.createElement(Or,null),E.createElement(Or,{separator:!1})))}s(zr,"QuoteSkeleton");import{i18n as Dd}from"@lingui/core";import{Alert as Fd,Button as Ud,InfoIcon as Od}from"@rango-dev/ui";import Ie from"react";import{Alert as Sd,Button as Cd,Divider as kl,NoRouteIcon as kd,RefreshIcon as Td,Typography as Tl}from"@rango-dev/ui";import Ge from"react";import{i18n as gl}from"@lingui/core";function hl(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:H().genericServerError,action:{onClick:n,title:gl.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:H().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:gl.t("Reset")}},description:H().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:H().noResultError.description}}s(hl,"makeInfo");import{styled as qr}from"@rango-dev/ui";var yl=qr("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Sl=qr("div",{width:"100%"}),Cl=qr("div",{padding:"$6 $0"});function Gr(t){let{fetch:e,error:o}=t,n=O.use.disabledLiquiditySources(),r=O.use.toggleAllLiquiditySources(),i=k().swappers(),a=hl(o,n,()=>r(i,!0),e);return Ge.createElement(yl,null,Ge.createElement(kd,{size:24,color:"gray"}),Ge.createElement(kl,{size:4}),Ge.createElement(Tl,{variant:"title",size:"small"},H().noResultError.title),!!a.description&&Ge.createElement(Tl,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Ge.createElement(kl,{size:4}),!!a.alert&&Ge.createElement(Sl,null,Ge.createElement(Sd,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Ge.createElement(Cd,{size:"xsmall",type:a.alert.type,prefix:Ge.createElement(Cl,null,Ge.createElement(Td,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}s(Gr,"NoResult");import{i18n as io}from"@lingui/core";import{Button as vd,Divider as Al,MessageBox as xd,Modal as bd,Typography as Ed,WarningIcon as Ad}from"@rango-dev/ui";import Ze from"react";import{Typography as bl}from"@rango-dev/ui";import Hr from"react";import{darkTheme as wd,styled as kn}from"@rango-dev/ui";var wl=kn("div",{width:"100%",paddingTop:"$10"}),Qr=kn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),vl=kn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${wd} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),xl=kn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function El(t){let{title:e,value:o,valueColor:n}=t;return Hr.createElement(vl,null,Hr.createElement(bl,{size:"medium",variant:"label",className:"_title"},e),Hr.createElement(bl,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}s(El,"QuoteErrorsModalItem");function Il(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,i=r.warningLevel==="high"?"error":"warning",a=[{title:io.t("Swapping"),value:A(r.inputUsdValue,4,4)},{title:io.t("Gas cost"),value:A(r.totalFee,2,2)},{title:io.t("Receiving"),value:A(r.outputUsdValue,4,4)},{title:io.t("Price impact"),value:A(r.priceImpact,2,2),valueColor:`${i}500`}];return Ze.createElement(bd,{open:e,onClose:o,container:K()},Ze.createElement(xd,{type:i,title:H().highValueLossError.impactTitle,description:H().highValueLossError.description}),Ze.createElement(Qr,null,Ze.createElement(Al,{size:20}),Ze.createElement(Ed,{size:"small",variant:"title"},io.t("Details")),Ze.createElement(Qr,null,a.map((l,p)=>Ze.createElement(El,{key:p,...l})))),Ze.createElement(Al,{size:32}),Ze.createElement(vd,{type:"primary",size:"large",prefix:Ze.createElement(Ad,null),fullWidth:!0,onClick:n},H().highValueLossError.confirmMessage))}s(Il,"HighValueLossWarningModal");import{i18n as Vr}from"@lingui/core";function Wl(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(nt(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=H().highValueLossError.title),t.type===1&&(o.title=H().unknownPriceError.title),t.type===2&&(o.title=Vr.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:t.minRequiredSlippage}}),o.action="change-settings"),t.type===3&&(o.title=Vr.t("Caution, your slippage is high.")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action="show-info"),e.type===4&&(o.title=Vr.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):null}s(Wl,"makeAlerts");import{i18n as zt}from"@lingui/core";import{Button as Nl,Divider as Ll,MessageBox as Id,Modal as Wd,Typography as Nd}from"@rango-dev/ui";import bt from"react";import{useNavigate as Ld}from"react-router-dom";function Bl(t){let{customSlippage:e,slippage:o}=O(),{open:n,onClose:r,onConfirm:i,warning:a}=t,l=Ld(),p=e??o;return bt.createElement(Wd,{anchor:"bottom",open:n,prefix:bt.createElement(Nl,{size:"small",variant:"ghost",onClick:()=>l("../"+$.settings)},bt.createElement(Nd,{variant:"label",size:"medium",color:"$neutral900"},zt.t("Change settings"))),container:K(),onClose:r},bt.createElement(Id,{type:"warning",title:a.type===3?zt.t("High slippage"):zt.t("Low slippage"),description:a.type===3?zt.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):zt.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},bt.createElement(Ll,{size:18}),bt.createElement(Ll,{size:32}),bt.createElement(Nl,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:i},zt.t("Confirm anyway"))))}s(Bl,"SlippageWarningModal");import{Button as Bd,Divider as Md,MessageBox as $d,Modal as Pd,WarningIcon as _d}from"@rango-dev/ui";import so from"react";function Ml(t){let{open:e,onClose:o,onConfirm:n}=t;return so.createElement(Pd,{open:e,onClose:o,container:K()},so.createElement($d,{type:"warning",title:H().unknownPriceError.impactTitle,description:H().unknownPriceError.description}),so.createElement(Md,{size:32}),so.createElement(Bd,{type:"primary",size:"large",prefix:so.createElement(_d,null),fullWidth:!0,onClick:n},H().unknownPriceError.confirmMessage))}s(Ml,"UnknownPriceWarningModal");function jr(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:i,onCloseWarningModal:a,onConfirmWarningModal:l,onChangeSettings:p}=t,u={open:r,onClose:a,onConfirm:l},m=o?.type===0||o?.type===1,c=Wl(e,o?.type===3||o?.type===4?o:null);return Ie.createElement(Ie.Fragment,null,m&&Ie.createElement(Gr,{error:o,fetch:n}),!!c&&Ie.createElement(wl,null,Ie.createElement(Fd,{title:c.title,type:c.alertType,variant:"alarm",...c.action==="show-info"&&{action:Ie.createElement(xl,{onClick:i},Ie.createElement(Od,{size:12,color:"gray"}))},...c.action==="change-settings"&&{action:Ie.createElement(Ud,{size:"xxsmall",type:c.alertType,onClick:p},Dd.t("Change"))}})),e&&Ie.createElement(Ie.Fragment,null,e.type===0&&Ie.createElement(Il,{...u,warning:e}),(e.type===3||e.type===2)&&Ie.createElement(Bl,{...u,warning:e}),e.type===1&&Ie.createElement(Ml,{...u,warning:e})))}s(jr,"QuoteWarningsAndErrors");function ao(t){let{quote:e,type:o,loading:n,error:r,warning:i,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m,onChangeSettings:c,expanded:h=!1,alertPosition:d="bottom"}=t,{inputAmount:y,inputUsdValue:x,outputUsdValue:f,outputAmount:b}=z(),v=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n,S=(i||r)&&$e.createElement(jr,{warning:i,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m,onChangeSettings:c});return $e.createElement($e.Fragment,null,n&&$e.createElement(Mr,null,$e.createElement(Ja,{paddingTop:d==="top"},$e.createElement(zr,{type:o,expanded:h}))),d==="top"&&$e.createElement(Ya,null,S),v?$e.createElement(Mr,null,$e.createElement(Ur,{quote:e,error:r,warning:i,type:o,expanded:h,recommended:!0,input:{value:y,usdValue:x?.toString()??""},output:{value:b?.toString()??"",usdValue:f?.toString()??""}})):null,d==="bottom"&&$e.createElement($e.Fragment,null,!i&&!r&&$e.createElement(zd,{size:16}),S))}s(ao,"QuoteInfo");import{calculatePendingSwap as Qd}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Hd}from"react";import{useRef as qd,useState as Gd}from"react";function Tn(){let[t,e]=Gd(!1),o=qd(null),n=s(()=>o.current?.abort(),"cancel");return{fetch:s(async i=>{n(),o.current=new AbortController,e(!0);try{let a=await Nt().getBestRoute(i,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}s(Tn,"useFetchQuote");function wn(t){if(!t.result)throw new Error(H().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(pr(t)){let{swap:n,recommendation:r,fromAmountRangeError:i}=ur(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:i}})}let o=mr(t);if(o){let n=Yo(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}s(wn,"throwErrorIfResponseIsNotValid");function $l(t,e,o){let n=!1;t&&(n=Ys(t,e));let r={quote:null,quoteUpdate:null,balance:null},i=Zo(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});i&&(r.quote=i),t&&n&&(Os(t,e)?r.quoteUpdate={type:3,newOutputAmount:A(Mt(e)),percentageChange:A(Ne(Mt(t)??"",Mt(e)??""),null,2)}:fr(t,e)?r.quoteUpdate={type:0}:gr(t,e)?r.quoteUpdate={type:1}:hr(t,e)&&(r.quoteUpdate={type:2}));let a=zs(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}s($l,"generateWarnings");function vn(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}s(vn,"handleQuoteErrors");function Kr(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:i,setQuoteWarningsConfirmed:a}=z(),{slippage:l,customSlippage:p,affiliatePercent:u,affiliateRef:m,affiliateWallets:c,disabledLiquiditySources:h}=O(),{connectedWallets:d}=G(),y=k().blockchains(),x=k().tokens(),{experimental:f}=k().config,{enableNewLiquiditySources:b}=k().config,g=p||l,{fetch:v,cancelFetch:S,loading:C}=Tn();return Hd(()=>S,[]),{loading:C,fetch:s(async U=>{let T=U.selectedWallets,P=U?.customDestination??i;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let M=Jo({fromToken:t,toToken:e,inputAmount:o,wallets:d,selectedWallets:T,excludeLiquiditySources:b,disabledLiquiditySources:h,slippage:g,affiliateRef:m,affiliatePercent:u,affiliateWallets:c,initialQuote:r??void 0,destination:P});f?.routing&&(M.experimental=!0);let N;try{N=await v(M).then(j=>wn(j)),n(N)}catch(j){return vn(j)}let w={slippage:g.toString(),disabledSwappersGroups:h},D=Qd(o.toString(),N,Fs(T),w,!1,{blockchains:y,tokens:x}),I=$l(r??void 0,N,{fromToken:t,toToken:e,meta:{blockchains:y,tokens:x},selectedWallets:T,userSlippage:g});return I.quoteUpdate&&a(!1),{quote:N,swap:D,error:null,warnings:I}},"fetch"),cancelFetch:S}}s(Kr,"useConfirmSwap");var nf=Fl("div",{position:"relative",width:"100%","& .description":{display:"flex",justifyContent:"space-between",alignItems:"center"},"& .icon":{width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"},"& .quote-update__alert":{paddingTop:"$10"}}),rf=Fl("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Dl}`]:{width:"$48",height:"$48"}});function Ul(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:i,quoteWarningsConfirmed:a}=z(),l=of(),[p,u]=bn(""),{connectedWallets:m}=G(),c=!n,[h,d]=bn(!1),y=we.use.setSelectedSwap(),x=O.use.disabledLiquiditySources(),f=ef(x),{manager:b}=Vd(),{fetch:g,loading:v,cancelFetch:S}=Kr(),[C,B]=bn({swap:null,error:null,warnings:null}),[U,T]=bn(!1),P=s(async({selectedWallets:I,customDestination:j})=>{let oe=await g?.({selectedWallets:I,customDestination:j});return B(oe),oe},"onConfirmSwap"),M=s(async()=>{if(C.swap&&n)try{await b?.create("swap",{swapDetails:C.swap},{id:C.swap.requestId}),y(C.swap.requestId);let I=`../${$.swaps}/${C.swap.requestId}`;l(I,{replace:!0}),setTimeout(()=>{e("")},0)}catch(I){u("Error: "+I?.message)}},"addNewSwap"),N=s(async()=>{await M()},"onConfirm"),w=s(async()=>{C?.warnings?.quote&&!a?T(!0):await N()},"onStartConfirmSwap"),D=s(async()=>{B({error:null,swap:null,warnings:null}),g({selectedWallets:o,customDestination:i}).then(I=>{B(I)}).catch(I=>console.error(I))},"onRefresh");return lo(()=>{!!f.current.length&&!x.length&&D(),f.current=x},[x.length]),lo(()=>{c&&S()},[c]),lo(()=>{c&&d(c)},[c]),lo(()=>{c||g({selectedWallets:o,customDestination:i}).then(I=>B(I)).catch(I=>console.error(I))},[]),lo(()=>{let I=C.warnings?.quote?.type&&Object.values(ut).includes(C.warnings?.quote?.type),j=o.length<1||!o.every(ne=>m.find(Q=>ne.address===Q.address&&ne.walletType===Q.walletType&&ne.chain===Q.chain)),oe=!1;if(I){let ne=Go(t),Q=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(de=>de.from.blockchain===Q)||(ne=ne.slice(-ne.length,ne.length-1)),ne.every(de=>o.find(De=>De.chain===de))||(oe=!0)}t&&(j||oe)&&(queueMicrotask(()=>tf(d.bind(null,!0))),r(!1))},[C.warnings?.quote,o.length,m.length]),Rd(()=>{t||l("../")},[]),te.createElement(X,{header:{title:xn.t("Confirm Swap"),onWallet:()=>{let I=`../${$.wallets}`;l(I)},suffix:te.createElement(Yd,{container:K(),side:"bottom",content:xn.t("Settings")},te.createElement(Ue,{size:"small",variant:"ghost",onClick:()=>l("../"+$.settings)},te.createElement(Xd,{size:18,color:"black"})))},footer:te.createElement(rf,null,te.createElement("div",{className:"confirm-button"},te.createElement(_l,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:v,disabled:!!C.error,onClick:w},xn.t("Start Swap"))),te.createElement(Dl,{variant:"contained",type:"primary",size:"large",loading:v,onClick:d.bind(null,!0)},te.createElement(Zd,{size:24})))},h&&te.createElement(Xa,{open:h,onClose:()=>d(!1),onCancel:S,loading:v,onCheckBalance:P}),te.createElement(nf,null,te.createElement("div",{className:"description"},te.createElement(Jd,{variant:"title",size:"small"},xn.t("You get")),te.createElement(_l,{style:{padding:"0"},variant:"ghost",disabled:v,onClick:D},te.createElement("div",{className:"icon"},te.createElement(Kd,{size:16})))),p&&te.createElement(te.Fragment,null,te.createElement(Pl,{type:"error",variant:"alarm",title:p}),te.createElement(jd,{size:12})),C.warnings?.quoteUpdate&&te.createElement("div",{className:"quote-update__alert"},te.createElement(Pl,{variant:"alarm",type:"warning",title:C.warnings.quoteUpdate&&nn(C.warnings.quoteUpdate)})),te.createElement(ao,{quote:t,type:"swap-preview",expanded:!0,alertPosition:"top",error:C.error,loading:v,warning:C.warnings?.quote??null,refetchQuote:D,showWarningModal:U,onOpenWarningModal:()=>T(!0),onCloseWarningModal:()=>T(!1),onConfirmWarningModal:async()=>{T(!1),await M()},onChangeSettings:()=>l("../"+$.settings)})))}s(Ul,"ConfirmSwapPage");import{i18n as An}from"@lingui/core";import{useManager as mf}from"@rango-dev/queue-manager-react";import{Divider as df,NotFound as ff,styled as Kl}from"@rango-dev/ui";import ht,{useState as gf}from"react";import{useNavigate as hf}from"react-router-dom";import{CloseIcon as af,IconButton as lf,SearchIcon as pf,TextField as uf}from"@rango-dev/ui";import po from"react";import{styled as sf}from"@rango-dev/ui";var Ol=sf("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function st(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:i,value:a,setValue:l,...p}=t;return po.createElement(uf,{prefix:po.createElement(Ol,null,po.createElement(pf,{color:"black"})),suffix:!!a.length&&po.createElement(lf,{variant:"ghost",onClick:()=>l?.(""),size:"small"},po.createElement(af,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:i,...p})}s(st,"SearchInput");import{i18n as ql}from"@lingui/core";import{Divider as Gl,SwapListItem as Ql,Typography as Hl}from"@rango-dev/ui";import R from"react";import{darkTheme as cf,styled as En}from"@rango-dev/ui";var Xr=En("div",{width:"100%",display:"flex",flexDirection:"column",".group-title":{$$color:"$colors$neutral600",[`.${cf} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Yr=En("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Jr=En("div",{gap:"$10",display:"flex",flexDirection:"column"}),zl=En("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function Zr(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,i=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return R.createElement(R.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>R.createElement(R.Fragment,{key:p.title},R.createElement(Xr,null,R.createElement(Yr,null,R.createElement(Hl,{variant:"label",size:"medium",className:"group-title"},ql.t(p.title))),R.createElement(Gl,{size:4}),R.createElement(Jr,null,p.swaps.map((u,m)=>{let c=m+p.title;return R.createElement(R.Fragment,{key:c},R.createElement(Ql,{isLoading:!0}))}))))))}return R.createElement(R.Fragment,null,i.filter(a=>a.swaps.length>0).map(a=>R.createElement(R.Fragment,{key:a.title},R.createElement(Xr,null,R.createElement(Yr,null,R.createElement(Hl,{variant:"label",size:"medium",className:"group-title"},ql.t(a.title))),R.createElement(Gl,{size:4}),R.createElement(Jr,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return R.createElement(R.Fragment,{key:l.requestId},R.createElement(Ql,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:Lo(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:Lo(u.outputAmount||""),estimatedAmount:Lo(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}s(Zr,"SwapsGroup");import Vl from"dayjs";var jl=s(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=Vl();return t.forEach(n=>{let r=Vl(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 qt=s(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 yf=Kl("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Sf=Kl("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Cf=s((t,e)=>t?.length?t.filter(o=>je(o.fromBlockchain,e)||je(o.toBlockchain,e)||je(o.toSymbol,e)||je(o.fromSymbol,e)).length:!1,"isStepContainsText");function Xl(){let t=we.use.setSelectedSwap(),e=hf(),{manager:o,state:n}=mf(),r=qt(o).map(({swap:c})=>c),[i,a]=gf(""),l=!n.loadedFromPersistor,p=s(c=>{let h=c.target.value;a(h)},"searchHandler"),u=r;i&&(u=r.filter(c=>je(c.inputAmount,i)||je(c.status,i)||Cf(c.steps,i)||je(c.requestId,i)));let m=!u?.length&&!l;return ht.createElement(X,{header:{title:An.t("History")}},ht.createElement(yf,null,ht.createElement(st,{setValue:a,fullWidth:!0,variant:"contained",placeholder:An.t("Search Transaction"),autoFocus:!0,onChange:p,value:i}),ht.createElement(Sf,null,m&&ht.createElement(zl,null,ht.createElement(df,{size:32}),ht.createElement(ff,{title:An.t("No results found"),description:i?An.t("Try using different keywords"):""})),!m&&ht.createElement(Zr,{list:u,onSwapClick:c=>{t(c),e(c)},groupBy:jl,isLoading:l}))))}s(Xl,"HistoryPage");import{i18n as ti}from"@lingui/core";import{Button as Ef,styled as oi,SwapInput as Rl,WarningIcon as Af}from"@rango-dev/ui";import Pe,{useEffect as If,useRef as Wf,useState as Nf}from"react";import{useNavigate as Lf}from"react-router-dom";import{ReverseIcon as kf,styled as Yl}from"@rango-dev/ui";import Rr from"react";var Tf=Yl("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),wf=Yl("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 Jl(){let t=z.use.switchFromAndTo();return Rr.createElement(Tf,null,Rr.createElement(wf,{onClick:()=>{t()}},Rr.createElement(kf,{size:12})))}s(Jl,"SwitchFromAndToButton");import{useCallback as vf,useEffect as xf,useState as ei}from"react";var bf=600;function Zl(){let{fetch:t,cancelFetch:e}=Tn(),{liquiditySources:o,enableNewLiquiditySources:n,experimental:r}=k().config,i=k().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:u,resetQuote:m,setQuote:c}=z(),{slippage:h,customSlippage:d,affiliatePercent:y,affiliateRef:x,affiliateWallets:f,disabledLiquiditySources:b}=O(),[g,v]=ei(!1),[S,C]=ei(null),[B,U]=ei(null),T=d??h,M=!a||!l||We(a,l)||!Xt(p),N=s(I=>{v(I),C(null),U(null)},"resetState"),w=s(I=>{let{fromToken:j,toToken:oe,inputAmount:ne,liquiditySources:Q,excludeLiquiditySources:se,disabledLiquiditySources:me,slippage:de,affiliateRef:De,affiliatePercent:It,affiliateWallets:Kt}=I;if(g||N(!0),!M&&j&&oe){m();let ot=Jo({fromToken:j,toToken:oe,inputAmount:ne,liquiditySources:Q,excludeLiquiditySources:se,disabledLiquiditySources:me,slippage:de,affiliateRef:De,affiliatePercent:It,affiliateWallets:Kt});r?.routing&&(ot.experimental=!0),t(ot).then(He=>{v(!1),c(He),wn(He);let _=Zo(He,{fromToken:j,toToken:oe,userSlippage:T,tokens:i});U(_)}).catch(He=>{let{error:_}=vn(He);(_?.type===0||_?.type===1)&&m(),_?.type!==2&&(C(_),v(!1))})}},"fetch"),D=vf(Ss(I=>{M||w(I)},bf),[M]);return xf(()=>{if(!Xt(p)||u?.eq(0)){N(!1),e();return}if(!M)return m(),N(!0),D({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:b,slippage:T,affiliateRef:x,affiliatePercent:y,affiliateWallets:f}),e},[p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,M,o?.length,n,b.length,T,x,y,JSON.stringify(f)]),{fetch:()=>w({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:b,slippage:T,affiliateRef:x,affiliatePercent:y,affiliateWallets:f}),loading:g,error:S,warning:B}}s(Zl,"useSwapInput");var Bf=oi("div",{display:"flex",flexDirection:"column",overflowY:"visible","& .quote__container":{paddingTop:"$2"}}),Mf=oi("div",{position:"relative"}),$f=oi("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function ep(){let t=Lf(),{fetch:e,loading:o,error:n,warning:r}=Zl(),{fromToken:i,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:m,inputUsdValue:c,outputAmount:h,outputUsdValue:d,quote:y,resetQuoteWallets:x,setQuoteWarningsConfirmed:f}=z(),b=k().fetchStatus,g=G.use.connectedWallets(),v=we.use.setCurrentPage(),[S,C]=Nf(!1),B=Wf(null),U=!1,T=!cr(y,m,c),P=!cr(y,m,d),M=Ps({fetchMetaStatus:b,fetchingQuote:o,inputAmount:m,quote:y,anyWalletConnected:g.length>0,error:n,warning:r,needsToWarnEthOnPath:U}),N=a&&i?A(Lt(g,a?.name,i?.symbol,i?.address)?.amount||"0",8,8):"0",w=a&&i?A(Lt(g,a?.name,i?.symbol,i?.address)?.amount||"0",Lt(g,a?.name,i?.symbol,i?.address)?.decimal):"0";If(()=>(v($.home),x(),v.bind(null,"")),[]);let D=!c||!d||!d.gt(0)?null:Ne(c.toString(),d.toString());return Pe.createElement(X,{ref:B,fixedHeight:!1,hasLogo:!0,footer:Pe.createElement(Ef,{type:"primary",size:"large",disabled:M.disabled,prefix:M.action==="confirm-warning"&&Pe.createElement(Af,null),fullWidth:!0,onClick:()=>{M.action==="connect-wallet"?t($.wallets):M.action==="confirm-warning"?C(!0):t($.confirmSwap)}},M.title),header:{onWallet:()=>{t($.wallets)},hasBackButton:!1,title:ti.t("Swap"),suffix:Pe.createElement(xr,{layoutRef:B.current,onClickRefresh:y||n?e:void 0,onClickHistory:()=>t($.swaps),onClickSettings:()=>t($.settings)})}},Pe.createElement(Bf,null,Pe.createElement($f,null,Pe.createElement(Mf,null,Pe.createElement(Rl,{label:ti.t("From"),mode:"From",onInputChange:u,balance:N,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:i?.symbol||"",image:i?.image||""},onClickToken:()=>t($.fromSwap),price:{value:m,usdValue:T?void 0:A(c,4,4),error:T?H().unknownPriceError.impactTitle:void 0},disabled:b==="failed",loading:b==="loading",onSelectMaxBalance:()=>{N!=="0"&&u(w.split(",").join(""))}}),Pe.createElement(Jl,null)),Pe.createElement(Rl,{sharpBottomStyle:!!y?.result||o,label:ti.t("To"),mode:"To",fetchingQuote:o,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:A(Ne(c,d),2,2),warningLevel:nt(D??0),price:{value:A(h,6,6),usdValue:P?void 0:A(d,4,4),error:P?H().unknownPriceError.impactTitle:void 0},onClickToken:()=>t($.toSwap),disabled:b==="failed",loading:b==="loading"})),Pe.createElement("div",{className:"quote__container"},Pe.createElement(ao,{quote:y,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:S,onOpenWarningModal:()=>C(!0),onCloseWarningModal:()=>C(!1),onConfirmWarningModal:()=>{C(!1),f(!0),t($.confirmSwap)},onChangeSettings:()=>t($.settings)}))))}s(ep,"Home");import{i18n as tp}from"@lingui/core";import{List as Pf,ListItemButton as _f,Radio as Df,RadioRoot as Ff,Typography as Uf}from"@rango-dev/ui";import yt from"react";import{styled as In}from"@rango-dev/ui";var at=In("div",{height:"100%",overflow:"hidden"}),uo=In("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ni=In("div",{width:80,display:"flex",justifyContent:"flex-end"}),ri=In("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Wn(){let t=O.use.language(),e=O.use.setLanguage();return{activeLanguage:t,languages:Cs,defaultLanguage:Yt,changeLanguage:r=>e(r||Yt)}}s(Wn,"useLanguage");function op(){let{activeLanguage:t,changeLanguage:e,languages:o}=Wn(),n=o.map(r=>{let{local:i,label:a,SVGFlag:l}=r;return{id:i,value:i,title:yt.createElement(Uf,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:yt.createElement(Df,{value:i}),start:yt.createElement(l,null)}});return yt.createElement(X,{header:{title:tp.t("Language")}},yt.createElement(at,null,yt.createElement(Ff,{value:t},yt.createElement(Pf,{type:yt.createElement(_f,{title:tp.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}s(op,"LanguagePage");import{i18n as Gt}from"@lingui/core";import{Button as Qf,Checkbox as Hf,Image as Vf,ListItemButton as jf,NotFound as Kf,Typography as Xf}from"@rango-dev/ui";import Ce,{useState as Yf}from"react";import{Checkbox as qf,Skeleton as rp}from"@rango-dev/ui";import co from"react";import{ListItem as Of,styled as zf}from"@rango-dev/ui";var np=zf(Of,{height:61});var Gf=30;function ii(){return co.createElement(uo,null,Array.from(Array(Gf),t=>co.createElement(np,{hasDivider:!0,key:t,start:co.createElement(rp,{variant:"circular",width:35,height:35}),title:co.createElement(rp,{variant:"text",size:"large",width:90}),end:co.createElement(qf,{checked:!1})})))}s(ii,"LoadingLiquiditySourceList");function si({sourceType:t}){let e=k().fetchStatus,o=k().swappers(),[n,r]=Yf(""),i=O.use.toggleLiquiditySource(),a=Uo(o),l=[];t==="Exchanges"&&l.push("DEX"),t==="Bridges"&&(l.push("BRIDGE"),l.push("AGGREGATOR"));let p=a.filter(y=>l.includes(y.type)),u=p.length===p.filter(y=>y.selected).length,m=s(()=>{p.forEach(y=>{u?i(y.groupTitle):y.selected||i(y.groupTitle)})},"toggleAllSources"),c=p.map(y=>{let{selected:x,groupTitle:f,logo:b}=y;return{start:Ce.createElement(Vf,{src:b,size:22,type:"circular"}),onClick:()=>i(f),end:Ce.createElement(Hf,{checked:x}),title:Ce.createElement(Xf,{variant:"title",size:"xmedium"},Gt.t(f)),...y}}),h=s(y=>{let x=y.target.value;r(x)},"searchHandler"),d=c;return n&&(d=c.filter(y=>je(y.groupTitle,n))),Ce.createElement(X,{header:{title:Gt.t(t),suffix:Ce.createElement(ni,null,Ce.createElement(Qf,{variant:"ghost",size:"xsmall",onClick:m},Gt.t(u?"Deselect all":"Select all")))}},Ce.createElement(at,null,Ce.createElement(st,{value:n,setValue:r,fullWidth:!0,color:"light",variant:"contained",placeholder:Gt.t("Search {sourceType}",{sourceType:t}),onChange:h}),e==="loading"&&Ce.createElement(ii,null),!d.length&&n?Ce.createElement(ri,null,Ce.createElement(Kf,{title:Gt.t("No results found"),description:Gt.t("Try using different keywords")})):e==="success"&&Ce.createElement(uo,null,d.map(y=>Ce.createElement(Ce.Fragment,{key:y.id},Ce.createElement(jf,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}s(si,"LiquiditySourcePage");import{i18n as mp}from"@lingui/core";import{Divider as ui,getCountCategories as ig,SelectableCategoryList as sg}from"@rango-dev/ui";import lt,{useState as dp}from"react";import{i18n as li}from"@lingui/core";import{Divider as up,Image as eg,ListItemButton as tg,NotFound as og,Typography as cp}from"@rango-dev/ui";import _e,{useEffect as ng,useState as rg}from"react";import{BlockchainCategories as ai}from"@rango-dev/ui";import{TransactionType as Nn}from"rango-sdk";var Jf=s((t,e)=>{switch(e){case ai.ALL:return!0;case ai.UTXO:return t.type===Nn.TRANSFER;case ai.OTHER:return t.type!==Nn.TRANSFER&&t.type!==Nn.COSMOS&&t.type!==Nn.EVM;default:return t.type===e}},"filterByType"),ip=s((t,e,o)=>t.filter(n=>Jf(n,o)).filter(n=>Ct(n.name,e)||Ct(n.displayName,e)),"filterBlockchains");import{styled as sp}from"@rango-dev/ui";var ap=sp("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Ln=sp("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Zf,Skeleton as lp}from"@rango-dev/ui";import Bn from"react";var Rf=20;function pp(){return Bn.createElement(Ln,null,Array.from(Array(Rf),t=>Bn.createElement(Zf,{key:t,hasDivider:!0,start:Bn.createElement(lp,{variant:"circular",width:35,height:35}),title:Bn.createElement(lp,{variant:"text",size:"large",width:90})})))}s(pp,"LoadingBlockchainList");function pi(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[i,a]=rg(e),{fetchStatus:l}=k();ng(()=>{a([...ip(e,o,r)])},[e,o,r]);let p=s(()=>!i.length&&o?_e.createElement(_e.Fragment,null,_e.createElement(up,{size:32}),_e.createElement(og,{title:li.t("No results found"),description:li.t("Try using different keywords")})):_e.createElement(Ln,{key:`${r}-${o}`},i.map(u=>_e.createElement(tg,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:_e.createElement(eg,{src:u.logo,size:30}),title:_e.createElement(cp,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return _e.createElement(ap,null,_e.createElement(cp,{variant:"label",size:"large"},li.t("Select Blockchain")),_e.createElement(up,{size:4}),l==="loading"&&_e.createElement(pp,null),l==="success"&&p())}s(pi,"BlockchainList");function ci(t){let{type:e}=t,o=dt(),[n,r]=dp(""),[i,a]=dp("ALL"),l=z.use.setToBlockchain(),p=z.use.setFromBlockchain(),u=k().fetchStatus,m=k().blockchains({type:e}),h=ig(m)!==1;return lt.createElement(X,{header:{title:mp.t("Select Blockchain")}},lt.createElement(ui,{size:12}),h&&lt.createElement(lt.Fragment,null,lt.createElement(sg,{setCategory:a,category:i,blockchains:m,isLoading:u==="loading"}),lt.createElement(ui,{size:24})),lt.createElement(st,{value:n,autoFocus:!0,placeholder:mp.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),lt.createElement(ui,{size:16}),lt.createElement(pi,{list:m,searchedFor:n,blockchainCategory:i,onChange:d=>{e==="source"?p(d):l(d),o()}}))}s(ci,"SelectBlockchainPage");import{i18n as Bp}from"@lingui/core";import{Divider as Mp}from"@rango-dev/ui";import Qt,{useState as vg}from"react";import{useNavigate as xg}from"react-router-dom";import{i18n as fi}from"@lingui/core";import{BlockchainsChip as Mn,Divider as yp,Image as Sp,Skeleton as cg,Typography as gi}from"@rango-dev/ui";import he from"react";import{useEffect as pg}from"react";var fp=["ETH","COSMOS","OSMOSIS"];function mi(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(ag),o?.limit&&t.length>o.limit){let i=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let u=n[p];a=a.filter(m=>u.name!==m)}}n.sort(lg(a)),r=n.splice(i)}return{list:n,more:r}}s(mi,"prepare");function ag(t,e){let o=fp,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),i=n>-1,a=r>-1;return i&&a?n>r?1:-1:i?-1:a?1:0}s(ag,"sortByMostUsedBlockchains");function lg(t){return s(function(o,n){let r=t.findIndex(p=>p===o.name),i=t.findIndex(p=>p===n.name),a=r>-1,l=i>-1;return a&&l?r>i?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}s(lg,"generateSortByPreferredBlockchainsFor");function gp(t,e){return!!e.list.find(o=>o.name===t)}s(gp,"isInVisibleList");function di(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=O();pg(()=>{if(e?.selected){let i=mi(t,o,e);gp(e.selected,i)||n(e?.selected)}},[e?.selected]);let r=mi(t,o,e);return{list:r.list,more:r.more,history:[]}}s(di,"usePrepareBlockchainList");import{styled as ug}from"@rango-dev/ui";var hp=ug("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var mg=12;function hi(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:i}=t,a=di(e,{limit:10,selected:n?.name}),{fetchStatus:l}=k(),p=z.use.resetToBlockchain(),u=z.use.resetFromBlockchain(),m=a.more.length>0,c=a.more.length===1,h=!c&&m;return he.createElement("div",null,he.createElement(yp,{size:12}),he.createElement(gi,{variant:"label",size:"large"},fi.t("Select Blockchain")),he.createElement(yp,{size:12}),he.createElement(hp,null,l==="loading"&&Array.from(Array(mg),d=>he.createElement(cg,{key:d,variant:"rounded",height:50})),l==="success"&&he.createElement(he.Fragment,null,he.createElement(Mn,{selected:!n,onClick:()=>{o==="from"?u():p()}},he.createElement(gi,{variant:"body",size:"xsmall",color:"secondary500"},fi.t("All"))),a.list.map(d=>he.createElement(Mn,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},he.createElement(Sp,{src:d.logo,size:30}))),c?he.createElement(Mn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},he.createElement(Sp,{src:a.more[0].logo,size:30})):null,h?he.createElement(Mn,{onClick:i,key:"more-blockchains"},he.createElement(gi,{variant:"body",size:"xsmall",color:"secondary500"},fi._("More +{count}",{count:a.more.length}))):null)))}s(hi,"BlockchainsSection");import{i18n as Ti}from"@lingui/core";import{darkTheme as Ap,Divider as fo,ExternalLinkIcon as gg,Image as hg,ListItemButton as yg,NotFound as Sg,PinIcon as Cg,Skeleton as Ip,Typography as go,VirtualizedList as kg}from"@rango-dev/ui";import F,{forwardRef as Tg,useEffect as Wp,useState as Np}from"react";var Cp=s((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[i,a,l]=t.match(/.{2}/g);[i,a,l]=[parseInt(i,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],i=Math.max(Math.min(255,i),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(i.length<2?"0":"")+i,u=(a.length<2?"0":"")+a,m=(l.length<2?"0":"")+l;return`#${p}${u}${m}`},"colorShade"),$n=s((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:Cp(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:Cp(e,-((l-5)*25))});return a},"generateRangeColors"),yi=s((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let i in o){let a=o[i];if(a&&a!==t[i])if(n=!0,i==="background"||i==="foreground")r={...r,[i]:a};else if(i==="neutral"&&e){let l=$n(i,a);r={...r,[`${i}100`]:l[`${i}900`],[`${i}200`]:l[`${i}800`],[`${i}300`]:l[`${i}700`],[`${i}400`]:l[`${i}600`],[`${i}500`]:l[`${i}500`],[`${i}600`]:l[`${i}400`],[`${i}700`]:l[`${i}300`],[`${i}800`]:l[`${i}200`],[`${i}900`]:l[`${i}100`]}}else r={...r,...$n(i,a)}}return n?r:{}},"generateColors");import{Divider as bp,ListItem as fg,Skeleton as mo}from"@rango-dev/ui";import Qe from"react";import{darkTheme as kp,styled as Re,Typography as dg}from"@rango-dev/ui";var Tp=Re("div",{display:"flex",flexDirection:"column",flexGrow:1}),Si=Re("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Pn=Re("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:"$colors$neutral600",[`.${kp} &`]:{$$color:"$colors$neutral700"},color:"$$color",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"}}}}}),Ci=Re("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),ki=Re(dg,{}),wp=Re("div",{textAlign:"right",".usd-value":{$$color:"$colors$neutral600",[`.${kp} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),_n=Re("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),rW=Re("div",{display:"flex",alignItems:"center"}),vp=Re("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),xp=Re("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function Ep(t){return Qe.createElement(Pn,null,Array.from(Array(t.size),e=>Qe.createElement(fg,{key:e,hasDivider:!0,start:Qe.createElement(mo,{variant:"circular",width:35,height:35}),end:Qe.createElement(_n,null,Qe.createElement(mo,{variant:"text",size:"large",width:70}),Qe.createElement(bp,{size:4}),Qe.createElement(mo,{variant:"text",size:"medium",width:50})),title:Qe.createElement("div",null,Qe.createElement(mo,{variant:"text",size:"large",width:90}),Qe.createElement(bp,{size:4}),Qe.createElement(mo,{variant:"text",size:"medium",width:90}))})))}s(Ep,"LoadingTokenList");var wi=20,wg=s(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:i,customCssForTagTitle:a}=t,l=e.length;return F.createElement("div",{className:"description"},o?F.createElement("div",{className:"token-name"},o):F.createElement(Si,{className:"token-title"},F.createElement(go,{variant:"title",size:"xmedium"},r.symbol),F.createElement(fo,{direction:"horizontal",size:4}),F.createElement(Ci,{css:i},F.createElement(ki,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&F.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},F.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",F.createElement(gg,{color:"gray",size:12}))))},"renderDesc");function Lp(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[i,a]=Np(e),l=k().fetchStatus,p=k().blockchains(),[u,m]=Np(!0),c=G.use.loading(),{isTokenPinned:h}=k(),d=Tg((f,b)=>F.createElement("div",{...f,ref:b,style:{...f.style,height:`${parseFloat(f.style?.height)+8*2}px`}})),y=s(()=>{a(e.slice(0,i.length+wi))},"loadNextPage");Wp(()=>{m(e.length>i.length)},[i.length]),Wp(()=>{a(e.slice(0,wi))},[e]);let x=s(()=>!i.length&&o?F.createElement(F.Fragment,null,F.createElement(fo,{size:32}),F.createElement(Sg,{title:Ti.t("No results found"),description:Ti.t("Try using different keywords")})):F.createElement(kg,{Item:({index:f,style:b})=>{let g=i[f],v=g.address||"",S=p.find(T=>T.name===g.blockchain),C=$n(g.symbol,S?.color||""),B={$$color:C[`${g.symbol}100`],[`.${Ap} &`]:{$$color:C[`${g.symbol}900`]},backgroundColor:"$$color"},U={$$color:C[`${g.symbol}700`],[`.${Ap} &`]:{$$color:C[`${g.symbol}100`]},color:"$$color"};return F.createElement("div",{style:{...b,paddingRight:5}},F.createElement(yg,{style:{height:b?.height},"tab-index":f,key:`${g.symbol}${g.address}`,id:`${g.symbol}${g.address}`,hasDivider:!0,onClick:()=>n(i[f]),start:F.createElement(vp,null,F.createElement(hg,{src:g.image,size:30}),h(g)&&F.createElement(xp,null,F.createElement(Cg,{size:12,color:"gray"}))),title:S?.type==="COSMOS"||g.name||!g.name&&!v?F.createElement(Si,null,F.createElement(go,{variant:"title",size:"xmedium"},g.symbol),F.createElement(fo,{direction:"horizontal",size:4}),F.createElement(Ci,{css:B},F.createElement(ki,{variant:"body",size:"xsmall",css:U},g.blockchain))):void 0,description:S?.info&&v&&S.type!=="COSMOS"?wg({address:v,token:i[f],customCssForTag:B,customCssForTagTitle:U,name:g.name,url:S.info.addressUrl.split("{wallet}").join(v)}):g.name||void 0,end:c?F.createElement(_n,null,F.createElement(Ip,{variant:"text",size:"large",width:70}),F.createElement(fo,{size:4}),F.createElement(Ip,{variant:"text",size:"medium",width:50})):i[f]?.balance&&F.createElement(wp,null,F.createElement(go,{variant:"title",size:"small"},g.balance?.amount),F.createElement("div",null),g.balance?.usdValue&&F.createElement(go,{variant:"body",className:"usd-value",size:"xsmall"},`$${g.balance?.usdValue}`))}))},hasNextPage:u,itemCount:i.length,loadNextPage:y,innerElementType:d,size:60,key:`${r}-${o}`}),"renderList");return F.createElement(Tp,null,F.createElement(go,{variant:"label",size:"large"},Ti.t("Select Token")),F.createElement(fo,{size:4}),l==="loading"&&F.createElement(Ep,{size:wi}),l==="success"&&F.createElement(Pn,null,x()))}s(Lp,"TokenList");function vi(t){let{type:e}=t,o=xg(),n=dt(),{fromBlockchain:r,toBlockchain:i,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=z(),{connectedWallets:m}=G(),[c,h]=vg(""),y=(e==="source"?r:i)?.name??"",x=k().blockchains({type:e}),f=k().tokens({type:e,blockchain:y,searchFor:c}),b=ms(f,m),g=s(S=>{e==="source"?p(S):u(S)},"updateBlockchain"),v=s(S=>{e==="source"?a({token:S,meta:{blockchains:x,tokens:f}}):l({token:S,meta:{blockchains:x,tokens:f}})},"updateToken");return Qt.createElement(X,{header:{title:Bp.t("Swap {type}",{type:e})}},Qt.createElement(hi,{blockchains:x,type:e=="source"?"from":"to",blockchain:e==="source"?r:i,onMoreClick:()=>o($.blockchains),onChange:S=>{g(S)}}),Qt.createElement(Mp,{size:24}),Qt.createElement(st,{value:c,autoFocus:!0,placeholder:Bp.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>h(""),onChange:S=>h(S.target.value)}),Qt.createElement(Mp,{size:16}),Qt.createElement(Lp,{list:b,selectedBlockchain:y,searchedFor:c,onChange:S=>{v(S);let C=x.find(B=>S.blockchain===B.name);C&&g(C),n()}}))}s(vi,"SelectSwapItemsPage");import{i18n as Et}from"@lingui/core";import{ChevronRightIcon as Ei,Divider as Ai,InfoIcon as Ng,List as Lg,ListItemButton as Bg,Skeleton as Mg,Switch as $g,Tooltip as Pg,Typography as At}from"@rango-dev/ui";import V from"react";import{useNavigate as _g}from"react-router-dom";import{i18n as Fp}from"@lingui/core";import{Chip as Eg,Divider as Up,InfoIcon as Ag,TextField as Ig,Tooltip as Wg,Typography as Op}from"@rango-dev/ui";import ve from"react";import{styled as Dn}from"@rango-dev/ui";var $p=Dn("div",{paddingTop:"$5",paddingBottom:"30px"}),Pp=Dn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),_p=Dn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Fn=Dn("div",{maxWidth:"300px",padding:"$10"});import{i18n as xi}from"@lingui/core";import{Typography as bg}from"@rango-dev/ui";import ho from"react";function Dp(){return ho.createElement(Fn,null,ho.createElement(bg,{variant:"label",size:"medium",color:"neutral700"},xi.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),ho.createElement("br",null),ho.createElement("br",null),ho.createElement("b",null,xi.t("Warning")),":",xi.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}s(Dp,"SlippageTooltipContent");function bi(){let t=O.use.slippage(),e=O.use.setSlippage(),o=O.use.customSlippage(),n=O.use.setCustomSlippage();return ve.createElement($p,null,ve.createElement(_p,null,ve.createElement(Op,{variant:"title",size:"xmedium"},Fp.t("Slippage tolerance per swap")),ve.createElement(Up,{direction:"horizontal",size:4}),ve.createElement(Wg,{container:K(),side:"top",content:ve.createElement(Dp,null)},ve.createElement(Ag,{color:"gray"}))),ve.createElement(Pp,null,ks.map((r,i)=>{let a=`slippage-${i}`;return ve.createElement(ve.Fragment,null,ve.createElement(Eg,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),ve.createElement(Up,{direction:"horizontal",size:8}))}),ve.createElement(Ig,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let i=parseFloat(r.target.value);(!i||i>=xs&&i<=vs)&&n(i)},suffix:o&&ve.createElement(Op,{variant:"body",size:"small"},"%"),placeholder:Fp.t("Custom")})))}s(bi,"Slippage");function zp(){let t=_g(),{theme:e}=k().config,o=k().fetchStatus,n=k().swappers(),r=O.use.infiniteApprove(),i=O.use.toggleInfiniteApprove(),a=Uo(n),l=a.filter(v=>v.type==="BRIDGE"||v.type==="AGGREGATOR"),p=l.length,u=l.filter(v=>v.selected).length,m=a.filter(v=>v.type==="DEX"),c=m.length,h=m.filter(v=>v.selected).length,d=s((v,S)=>{switch(o){case"loading":return V.createElement(Mg,{variant:"text",size:"medium",width:50});case"failed":return V.createElement(At,{variant:"body",size:"medium",color:"$error500"},Et.t("Loading failed"));default:return V.createElement(At,{variant:"body",size:"medium"},`${v} / ${S}`)}},"handleEndItem"),y={id:"bridge-item",title:V.createElement(At,{variant:"title",size:"xmedium"},Et.t("Enabled bridges")),end:V.createElement(V.Fragment,null,d(u,p),V.createElement(Ai,{direction:"horizontal",size:8}),V.createElement(Ei,{color:"black"})),onClick:()=>t($.bridges)},x={id:"exchange-item",title:V.createElement(At,{variant:"title",size:"xmedium"},Et.t("Enabled exchanges")),end:V.createElement(V.Fragment,null,d(h,c),V.createElement(Ai,{direction:"horizontal",size:8}),V.createElement(Ei,{color:"gray"})),onClick:()=>t($.exchanges)},f={id:"theme-item",title:V.createElement(At,{variant:"title",size:"xmedium"},Et.t("Theme")),end:V.createElement(Ei,{color:"gray"}),onClick:()=>t($.themes)},b={id:"infinite-approval-item",title:V.createElement(V.Fragment,null,V.createElement(At,{variant:"title",size:"xmedium"},Et.t("Infinite Approval")),V.createElement(Ai,{direction:"horizontal",size:4}),V.createElement(Pg,{side:"top",container:K(),content:V.createElement(Fn,null,V.createElement(At,{variant:"label",size:"medium",color:"neutral700"},Et.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.")))},V.createElement(Ng,{color:"gray"}))),end:V.createElement($g,{checked:r}),onClick:i},g=[y,x];return e?.singleTheme||g.push(f),g.push(b),V.createElement(X,{header:{title:Et.t("Setting")}},V.createElement(at,null,V.createElement(bi,null),V.createElement(Lg,{type:V.createElement(Bg,{title:"_",id:"_",onClick:()=>console.log()}),items:g})))}s(zp,"SettingsPage");import{cancelSwap as Nh}from"@rango-dev/queue-manager-rango-preset";import{useManager as Lh}from"@rango-dev/queue-manager-react";import Cu from"react";import{i18n as pt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as ch,getCurrentStep as mh,getRelatedWalletOrNull as dh,PendingSwapNetworkStatus as Kn}from"@rango-dev/queue-manager-rango-preset";import{Button as cu,CopyIcon as fh,Divider as gh,IconButton as hh,QuoteCost as yh,StepDetails as Sh,Typography as Vt,useCopyToClipboard as Ch}from"@rango-dev/ui";import{useWallets as kh}from"@rango-dev/wallets-react";import Y,{useEffect as mu,useRef as Th,useState as du}from"react";import{useNavigate as wh}from"react-router-dom";import{i18n as xe}from"@lingui/core";var Dg=1e3,Fg=31536e3,Ug=2592e3,Og=86400,zg=3600,qg=60;function qp(t){let e=Math.floor((Date.now()-t)/Dg),n=[{turningPoint:Fg,label:xe.t("year"),pluralLabel:xe.t("years")},{turningPoint:Ug,label:xe.t("month"),pluralLabel:xe.t("months")},{turningPoint:Og,label:xe.t("day"),pluralLabel:xe.t("days")},{turningPoint:zg,label:xe.t("hour"),pluralLabel:xe.t("hours")},{turningPoint:qg,label:xe.t("minute"),pluralLabel:xe.t("minutes")}].sort((r,i)=>i.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:i,label:a,pluralLabel:l}=r,p=Math.floor(e/i);if(p>1)return`${p} ${l}`;if(p===1)return`${p} ${a}`}return e>1?`${e} ${xe.t("seconds")}`:`${e} ${xe.t("second")}`}s(qp,"timeSince");function Gp(t){return t.finishTime?xe.t({id:"{time} ago",values:{time:qp(parseInt(t.finishTime))}}):xe.t({id:"{time} ago",values:{time:qp(parseInt(t.creationTime))}})}s(Gp,"getSwapDate");import{PendingSwapNetworkStatus as zn}from"@rango-dev/queue-manager-rango-preset";import{Modal as Xg}from"@rango-dev/ui";import qn from"react";import{i18n as Un}from"@lingui/core";import{Button as Qp,Divider as Ii,MessageBox as Gg,Typography as Hp}from"@rango-dev/ui";import et from"react";var Vp=s(({onCancel:t,onClose:e})=>et.createElement(et.Fragment,null,et.createElement(Ii,{size:20}),et.createElement(Gg,{type:"error",title:Un.t("Cancel Swap"),description:Un.t("Are you sure you want to cancel this swap?")}),et.createElement(Ii,{size:32}),et.createElement(Qp,{variant:"contained",type:"primary",size:"large",onClick:t},et.createElement(Hp,{variant:"title",size:"medium",color:"neutral100"},Un.t("Yes, Cancel it"))),et.createElement(Ii,{size:12}),et.createElement(Qp,{variant:"outlined",type:"primary",size:"large",onClick:e},et.createElement(Hp,{variant:"title",size:"medium",color:"primary"},Un.t("No, Continue")))),"CancelContent");import{i18n as On}from"@lingui/core";import{Button as jp,Divider as Wi,MessageBox as Qg,Typography as Kp}from"@rango-dev/ui";import tt from"react";var Xp=s(({onDelete:t,onClose:e})=>tt.createElement(tt.Fragment,null,tt.createElement(Wi,{size:20}),tt.createElement(Qg,{type:"error",title:On.t("Delete Transaction"),description:On.t("Are you sure you want to delete this swap?")}),tt.createElement(Wi,{size:32}),tt.createElement(jp,{variant:"contained",type:"primary",size:"large",onClick:t},tt.createElement(Kp,{variant:"title",size:"medium",color:"neutral100"},On.t("Yes, Delete it"))),tt.createElement(Wi,{size:12}),tt.createElement(jp,{variant:"outlined",type:"primary",size:"large",onClick:e},tt.createElement(Kp,{variant:"title",size:"medium",color:"primary"},On.t("No, Cancel")))),"DeleteContent");import{i18n as Ni}from"@lingui/core";import{PendingSwapNetworkStatus as Li}from"@rango-dev/queue-manager-rango-preset";var Bi={[Li.WaitingForNetworkChange]:{type:"loading",title:Ni.t("Change Network")},[Li.WaitingForConnectingWallet]:{type:"warning",title:Ni.t("Connect Wallet")},[Li.NetworkChanged]:{type:"success",title:Ni.t("Network Changed")}};import{MessageBox as Vg,Wallet as jg,WalletState as Jp}from"@rango-dev/ui";import{useWallets as Kg}from"@rango-dev/wallets-react";import yo from"react";import{styled as Hg}from"@rango-dev/ui";var Yp=Hg("div",{display:"flex",justifyContent:"center"});var Zp=s(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:i}=t,{connect:a,getWalletInfo:l,state:p}=Kg(),u=n?.walletType,c=u&&p(u).connected?Jp.CONNECTED:Jp.DISCONNECTED;return yo.createElement(yo.Fragment,null,yo.createElement(Vg,{type:e,title:o,description:r}),i&&u&&yo.createElement(Yp,null,yo.createElement(jg,{container:K(),title:l(u).name,image:l(u).img,type:u,state:c,onClick:async()=>a(u)})))},"WalletStateContent");function Mi(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:i,message:a}=t,l=e===zn.WaitingForNetworkChange||e===zn.WaitingForConnectingWallet||e===zn.NetworkChanged;return qn.createElement(Xg,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&qn.createElement(Zp,{type:Bi[e].type,title:Bi[e].title,currentStepWallet:i,message:a,showWalletButton:e!==zn.WaitingForNetworkChange}),e==="delete"&&qn.createElement(Xp,{onClose:o,onDelete:n}),e==="cancel"&&qn.createElement(Vp,{onClose:o,onCancel:r}))}s(Mi,"SwapDetailsModal");import{i18n as So}from"@lingui/core";import{Button as $i,Divider as Gn,MessageBox as Rp,Modal as Yg,TokenAmount as Jg,Typography as Qn}from"@rango-dev/ui";import ce from"react";import{useNavigate as Zg}from"react-router-dom";function Pi(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:i,token:a,chain:l,percentageChange:p,description:u,diagnosisUrl:m}=t,c=Zg();return ce.createElement(Yg,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ce.createElement(Rp,{type:"success",title:So.t("Swap Successful")},ce.createElement(Jg,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:i},token:a,chain:l,percentageChange:p}),ce.createElement(Gn,{size:12}),ce.createElement(Qn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):ce.createElement(Rp,{type:"error",title:So.t("Transaction Failed"),description:u}),ce.createElement(Gn,{size:32}),n==="success"&&ce.createElement($i,{variant:"contained",type:"primary",size:"large",onClick:()=>{c("../../")}},ce.createElement(Qn,{variant:"title",size:"medium",color:"neutral100"},So.t("Done"))),ce.createElement(Gn,{size:12}),m&&ce.createElement(ce.Fragment,null,ce.createElement($i,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},ce.createElement(Qn,{variant:"title",size:"medium",color:"primary"},So.t("Diagnosis"))),ce.createElement(Gn,{size:12})),ce.createElement($i,{variant:"outlined",type:"primary",size:"large",onClick:o},ce.createElement(Qn,{variant:"title",size:"medium",color:"primary"},So.t("See Details"))))}s(Pi,"SwapDetailsCompleteModal");import ph from"react";import{i18n as ih}from"@lingui/core";import{Alert as iu,IconButton as sh,LinkIcon as ah}from"@rango-dev/ui";import St,{Fragment as lh}from"react";import{Alert as Rg,ChevronDownIcon as eh,ChevronUpIcon as th,IconButton as oh}from"@rango-dev/ui";import Hn,{useState as nh}from"react";function eu(t){let{message:e}=t,[o,n]=nh(!1);return Hn.createElement(Rg,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Hn.createElement(oh,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Hn.createElement(th,{size:12,color:"gray"}):Hn.createElement(eh,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}s(eu,"FailedAlert");import{styled as rh}from"@rango-dev/ui";var tu=rh("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as ou}from"@lingui/core";import{PendingSwapNetworkStatus as _i}from"@rango-dev/queue-manager-rango-preset";import{Alert as Di,Button as nu}from"@rango-dev/ui";import Co from"react";function ru(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Co.createElement(Di,{type:"warning",title:n.shortMessage,action:Co.createElement(nu,{size:"xxsmall",type:"warning",onClick:()=>{o(_i.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},ou.t("Change"))}):r===_i.WaitingForConnectingWallet?Co.createElement(Di,{type:"warning",title:n.shortMessage,action:Co.createElement(nu,{size:"xxsmall",type:"warning",onClick:()=>{o(_i.WaitingForConnectingWallet)}},ou.t("Connect"))}):Co.createElement(Di,{type:"warning",title:n.shortMessage})}s(ru,"WarningAlert");function Fi(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:i,hasAlreadyProceededToSign:a}=t,l=Jt(i),p=i.status==="waitingForApproval"&&!l,u=i.status==="running"&&!l;return St.createElement(tu,null,i.explorerUrl?.map((m,c,h)=>{let d=c+m.url,y=c===h.length-1,x=y&&u||p,f=y&&i.status==="failed";return St.createElement(lh,{key:d},St.createElement(iu,{type:x&&"loading"||f&&"error"||"success",title:m.description?`${m.description} Tx`:ih.t("View transaction"),action:m.url&&St.createElement(sh,{variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},St.createElement(ah,{size:16}))}))}),(u&&!a||p&&!i.explorerUrl?.length)&&St.createElement(iu,{type:"loading",title:r.shortMessage}),i.status!=="failed"&&l&&St.createElement(ru,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),i.status==="failed"&&St.createElement(eu,{message:r}))}s(Fi,"SwapDetailsAlerts");var su=2e3;var au=s(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,i)=>{let a=i===0?t.inputAmount:t.steps[i-1].outputAmount;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:Ye(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:A(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:Ye(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:A(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:ph.createElement(Fi,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function lu(t){if(Jt(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"}}s(lu,"getStepState");import{darkTheme as uh,styled as Ht}from"@rango-dev/ui";var Vn=Ht("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",[`.${uh} &`]:{$$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"}}),jn=Ht("div",{width:"100%"}),pu=Ht("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),UL=Ht("div",{display:"flex",flexDirection:"column",gap:"$10"}),uu=Ht("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),OL=Ht("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function Ui(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:i,connect:a,getWalletInfo:l}=kh(),p=k().blockchains(),u=k().tokens(),m=z.use.retry(),c=wh(),[h,d]=Ch(su),y=Th(null),[x,f]=du(null),[b,g]=du(null),v=s(()=>{r(),f(null)},"onCancel"),S=Le.use.getUnreadNotifications(),C=Le.use.setAsRead(),B=S(),U=mh(e),T=U?.networkStatus;mu(()=>{B.find(ae=>ae.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(g(e.status),C(e.requestId))},[e.status]),mu(()=>{j?f(Kn.WaitingForNetworkChange):T===Kn.WaitingForConnectingWallet||T===Kn.NetworkChanged?f(T):f(null)},[T]);let P=Qs(e),M=U?ch(e,U):null,N=U?dh(e,U):null,w=Gp(e),D=Hs(e),I=s(q=>!!l(q)?.mobileWallet,"isMobileWallet"),j=T===Kn.WaitingForNetworkChange&&!!M&&!!N?.walletType&&(I(N.walletType)||i(N.walletType,M)),oe=j?a.bind(null,N.walletType,M):void 0,ne=Gs(e,U),Q=au({swap:e,switchNetwork:oe,showNetworkModal:T,setNetworkModal:f,message:ne,blockchains:p}),se=Q.length,[me,de]=[e.steps[0],e.steps[se-1]],De=de.outputAmount||de.expectedOutputAmountHumanReadable,It=e.steps.reduce((q,ae)=>q+parseFloat(ae.feeInUsd||""),0),Kt=e.steps.find(q=>q.diagnosisUrl)?.diagnosisUrl,ot=A(String(parseFloat(A(De,6,6))*(Po(de.toBlockchain,de.toSymbol,de.toSymbolAddress,u)||0)),4,4),He=A(String(parseFloat(e.inputAmount)*(Po(me.fromBlockchain,me.fromSymbol,me.fromSymbolAddress,u)||0)),4,4),_=Ne(He,ot),J=e.status==="success"?pt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:A(De,6,6),token:Q[se-1].to.token.displayName,conciseAddress:Do(e.wallets[Q[se-1].to.chain.displayName]?.address||""),chain:Q[se-1].to.chain.displayName}}):`${pt.t("Transaction was not sent.")} ${P?pt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:P.outputAmount,symbol:P.symbol,blockchain:P.blockchain}}):""}`;return Y.createElement(X,{noPadding:!0,header:{title:pt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>f("cancel"):void 0,suffix:e.status!=="running"&&Y.createElement(Dt,null,Y.createElement(cu,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>f("delete")},Y.createElement(Vt,{size:"medium",variant:"label",color:"error"},pt.t("Delete"))))},footer:D&&!b&&Y.createElement(cu,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{m(e,{blockchains:p,tokens:u}),setTimeout(()=>{c("../../")},0)}},pt.t("Try again"))},Y.createElement(Vn,null,Y.createElement(jn,null,Y.createElement("div",{className:"row"},Y.createElement(Vt,{variant:"label",size:"large",color:"neutral700"},`${pt.t("Request ID")}:`),Y.createElement("div",{className:"request-id"},Y.createElement(Vt,{variant:"label",size:"small",color:"neutral700"},o),Y.createElement(hh,{variant:"ghost",onClick:d.bind(null,o||"")},Y.createElement(fh,{size:16,color:"gray"})))),Y.createElement("div",{className:"row"},Y.createElement(Vt,{variant:"label",size:"large",color:"neutral700"},`${pt.t("Created at")}:`),Y.createElement(Vt,{variant:"label",size:"small",color:"neutral700"},w))),Y.createElement("div",{className:"output"},Y.createElement(yh,{fee:A(String(It),2,2),time:Wo(No(e.steps)),steps:se}),Y.createElement(oo,{from:{price:{value:A(e.inputAmount,6,6),usdValue:He},token:{displayName:Q[0].from.token.displayName,image:Q[0].from.token.image},chain:{image:Q[0].from.chain.image,displayName:Q[0].from.chain.displayName}},to:{price:{value:A(De,6,6),usdValue:ot},token:{displayName:Q[se-1].to.token.displayName,image:Q[se-1].to.token.image},chain:{image:Q[se-1].to.chain.image,displayName:Q[se-1].to.chain.displayName}},percentageChange:A(_,2,2),warningLevel:nt(_??0)})),Y.createElement("div",{className:"title-steps"},Y.createElement(Vt,{variant:"title",size:"small"},pt.t("Swaps steps"))),Y.createElement(gh,{size:8}),Y.createElement(pu,{ref:y},Q.map((q,ae)=>{let Ve=ae,Ae=lu(e.steps[ae]),Rn=Ae==="error"||Ae==="in-progress"||Ae==="warning"||Ae==="completed"&&ae===Q.length-1;return Y.createElement(Sh,{key:Ve,step:q,type:"swap-progress",ref:y,state:Ae,hasSeparator:ae!==0,tabIndex:Ve,isFocused:Rn})}))),Y.createElement(Mi,{state:x,onClose:()=>f(null),onCancel:v,onDelete:n,message:ne.detailedMessage.content,currentStepWallet:N}),Y.createElement(Pi,{open:!!b,diagnosisUrl:Kt,onClose:()=>g(null),status:e.status==="success"?"success":"failed",priceValue:A(De,6,6),usdValue:ot,percentageChange:A(_,2,2),token:{displayName:Q[se-1].to.token.displayName,image:Q[se-1].to.token.image},chain:{image:Q[se-1].to.chain.image},description:J}))}s(Ui,"SwapDetails");import{i18n as xo}from"@lingui/core";import{CopyIcon as Ah,IconButton as Ih,NotFound as Wh,Skeleton as yu,Typography as Yn}from"@rango-dev/ui";import pe from"react";import{i18n as xh}from"@lingui/core";import{ChainToken as bh,Divider as zi,Skeleton as vo,Typography as Eh}from"@rango-dev/ui";import Z from"react";import{styled as Oi}from"@rango-dev/ui";var fu=Oi("div",{width:"100%",height:"100%",padding:"$0 $20",".cost":{paddingTop:"$15",display:"flex"},".quote-summary":{padding:"$15 $0"},".quote-summary-item":{display:"flex",justifyContent:"space-between",alignItems:"center"},".token-amount":{display:"flex",justifyContent:"space-between",alignItems:"center"},".quote-summary-separator":{width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"},".swaps-steps":{paddingBottom:"$10"}}),gu=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"}}),Xn=Oi("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as hu,Divider as ko,NextIcon as vh,Skeleton as To}from"@rango-dev/ui";import le from"react";function wo(t){let{extraInfo:e}=t;return le.createElement(gu,null,le.createElement("div",{className:"step-title"},le.createElement(To,{height:28,width:28,variant:"circular"}),le.createElement(ko,{direction:"horizontal",size:8}),le.createElement(To,{height:15,width:148,variant:"rounded"})),le.createElement("div",{className:"step-tokens"},le.createElement(ko,{direction:"horizontal",size:20}),le.createElement("div",{className:"step-token-info"},le.createElement(hu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(ko,{direction:"horizontal",size:8}),le.createElement(To,{height:12,width:76,variant:"rounded"})),le.createElement("div",{className:"step-icon-container"},le.createElement(vh,{color:"gray",size:16})),le.createElement("div",{className:"step-token-info"},le.createElement(hu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(ko,{direction:"horizontal",size:8}),le.createElement(To,{height:12,width:76,variant:"rounded"}))),e&&le.createElement("div",{className:"extra-info"},le.createElement(ko,{direction:"horizontal",size:20}),le.createElement(To,{height:22,width:297,variant:"rectangular"})))}s(wo,"LoadingSwapDetailStep");function qi(){let t=Z.createElement("div",{className:"quote-summary-item"},Z.createElement("div",{className:"token-amount"},Z.createElement(bh,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),Z.createElement(zi,{size:8,direction:"horizontal"}),Z.createElement(vo,{height:15,width:148,variant:"rounded"})),Z.createElement(vo,{height:12,width:64,variant:"rounded"}));return Z.createElement(fu,null,Z.createElement("div",{className:"cost"},Z.createElement(vo,{width:60,height:10,variant:"rounded"}),Z.createElement(zi,{size:4,direction:"horizontal"}),Z.createElement(vo,{width:60,height:10,variant:"rounded"}),Z.createElement(zi,{size:4,direction:"horizontal"}),Z.createElement(vo,{width:60,height:10,variant:"rounded"})),Z.createElement("div",{className:"quote-summary"},t,Z.createElement("div",{className:"quote-summary-separator"}),t),Z.createElement("div",{className:"swaps-steps"},Z.createElement(Eh,{variant:"title",size:"small"},xh.t("Swaps steps"))),Z.createElement("div",{className:"step-container"},Z.createElement(wo,{extraInfo:!0}),Z.createElement(Xn,null),Z.createElement(wo,null),Z.createElement(Xn,null),Z.createElement(wo,null),Z.createElement(Xn,null),Z.createElement(wo,null)))}s(qi,"LoadingSwapDetails");function Su(t){let{requestId:e,showSkeleton:o}=t;return pe.createElement(X,{noPadding:!0,header:{title:xo.t("Swap and Bridge"),suffix:pe.createElement(Dt,null)}},o&&pe.createElement(Vn,null,pe.createElement(jn,null,pe.createElement("div",{className:"row"},pe.createElement(Yn,{variant:"label",size:"large",color:"neutral700"},`${xo.t("Request ID")}:`),pe.createElement("div",{className:"request-id"},pe.createElement(Yn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(yu,{width:60,height:10,variant:"rounded"})),pe.createElement(Ih,{variant:"ghost"},pe.createElement(Ah,{size:16,color:"gray"})))),pe.createElement("div",{className:"row"},pe.createElement(Yn,{variant:"label",size:"large",color:"neutral700"},`${xo.t("Created at")}:`),pe.createElement(Yn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(yu,{width:60,height:10,variant:"rounded"})))),pe.createElement(qi,null)),!o&&pe.createElement(uu,null,pe.createElement(Wh,{title:xo.t("Not found"),description:xo.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}s(Su,"SwapDetailsPlaceholder");function ku(){let{manager:t,state:e}=Lh(),o=!e.loadedFromPersistor,n=qt(t),r=we.use.selectedSwapRequestId(),i=dt(),{fetchStatus:a}=k(),l=o||a==="loading",p=n.find(({swap:h})=>h.requestId===r),u=s(()=>{if(p?.id){let h=t?.get(p.id);h&&Nh(h)}},"onCancel"),m=s(async()=>{if(p?.id)try{t?.deleteQueue(p.id),i()}catch(h){console.log(h)}},"onDelete"),c=p?.swap;return!c||l?Cu.createElement(Su,{requestId:r||"",showSkeleton:l}):Cu.createElement(Ui,{swap:c,requestId:r||"",onCancel:u,onDelete:m})}s(ku,"SwapDetailsPage");import{i18n as bo}from"@lingui/core";import{AutoThemeIcon as Bh,DarkModeIcon as Mh,LightModeIcon as $h,List as Ph,ListItemButton as _h,Radio as Gi,RadioRoot as Dh,Typography as Qi}from"@rango-dev/ui";import be from"react";function Tu(){let t=O.use.theme(),e=O.use.setTheme(),o=[{id:"light",value:"light",title:be.createElement(Qi,{variant:"title",size:"xmedium"},bo.t("Light")),onClick:()=>e("light"),start:be.createElement($h,{color:"gray"}),end:be.createElement(Gi,{value:"light"})},{id:"dark",value:"dark",title:be.createElement(Qi,{variant:"title",size:"xmedium"},bo.t("Dark")),onClick:()=>e("dark"),start:be.createElement(Mh,{color:"gray"}),end:be.createElement(Gi,{value:"dark"})},{id:"auto",value:"auto",title:be.createElement(Qi,{variant:"title",size:"xmedium"},bo.t("Auto")),onClick:()=>e("auto"),start:be.createElement(Bh,{color:"gray"}),end:be.createElement(Gi,{value:"auto"})}];return be.createElement(X,{header:{title:bo.t("Theme")}},be.createElement(at,null,be.createElement(Dh,{onValueChange:n=>e(n),value:t},be.createElement(Ph,{type:be.createElement(_h,{title:bo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}s(Tu,"ThemePage");function wu(){return Fh([{path:$.home,element:Ee.createElement(ep,null)},{path:$.fromSwap,children:[{index:!0,element:Ee.createElement(vi,{type:"source"})},{path:$.blockchains,element:Ee.createElement(ci,{type:"source"})}]},{path:$.toSwap,children:[{index:!0,element:Ee.createElement(vi,{type:"destination"})},{path:$.blockchains,element:Ee.createElement(ci,{type:"destination"})}]},{path:$.settings,children:[{index:!0,element:Ee.createElement(zp,null)},{path:$.themes,element:Ee.createElement(Tu,null)},{path:$.languages,element:Ee.createElement(op,null)},{path:$.exchanges,element:Ee.createElement(si,{sourceType:"Exchanges"})},{path:$.bridges,element:Ee.createElement(si,{sourceType:"Bridges"})}]},{path:$.swaps,children:[{index:!0,element:Ee.createElement(Xl,null)},{path:$.swapDetails,element:Ee.createElement(ku,null)}]},{path:$.wallets,element:Ee.createElement(Fa,null)},{path:$.confirmSwap,element:Ee.createElement(Ul,null)}])}s(wu,"AppRoutes");import{isApprovalTX as Uh,MainEvents as xu,RouteEventType as bu,StepEventType as jt,StepExecutionEventStatus as Oh,useEvents as zh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Eu}from"react";import{StepExecutionBlockedEventStatus as Hi}from"@rango-dev/queue-manager-rango-preset";var vu=[Hi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,Hi.WAITING_FOR_NETWORK_CHANGE,Hi.WAITING_FOR_WALLET_CONNECT];function Au(){let t=k().tokens(),e=G.use.connectedWallets(),o=G.use.getWalletsDetails(),n=Le.use.setNotification(),r=Le.use.setAsRead(),i=zh();return Eu(()=>(i.on(xu.StepEvent,a=>{let{event:l,step:p,route:u}=a;if(l.type===jt.TX_EXECUTION&&l.status===Oh.TX_SENT&&!Uh(p)||l.type===jt.SUCCEEDED){let c=e.find(d=>d.chain===p?.fromBlockchain),h=p?.fromBlockchain!==p?.toBlockchain&&e.find(d=>d.chain===p?.toBlockchain);c&&o([c],t),h&&o([h],t)}l.type===jt.TX_EXECUTION_BLOCKED&&vu.includes(l.status)||l.type===jt.FAILED?n(l,u):(l.type===jt.TX_EXECUTION||l.type===jt.CHECK_STATUS)&&r(u.requestId)}),()=>i.all.clear()),[i,e.length]),Eu(()=>(i.on(xu.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===bu.FAILED||l.type===bu.SUCCEEDED)&&n(l,p)}),()=>i.all.clear()),[i,e.length]),null}s(Au,"WidgetEvents");import{globalCss as qh}from"@rango-dev/ui";var Iu=s(()=>qh({"@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 Ki,darkTheme as jh,lightTheme as Kh}from"@rango-dev/ui";import{useEffect as Nu,useState as Xh}from"react";import{theme as Hh,darkColors as Vh}from"@rango-dev/ui";var Wu=s(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Gh=s(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Wu(o%52)+e;return Wu(o%52)+e},"toAlphabeticName"),Qh=s((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Vi=s(t=>Gh(Qh(5381,JSON.stringify(t))>>>0),"toHash");function ji(t){let e=Hh.colors,o=yi({...e,...Vh},!0,t?.dark),n=yi(e,!1,t?.light),r=Object.keys(o).length>0,i=Object.keys(n).length>0,a,l;if(i){let p={colors:n};a={id:`${or}-light-${Vi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${or}-dark-${Vi(p)}`,tokens:p}}return{light:a,dark:l}}s(ji,"customizedThemeTokens");function Lu(t){let{colors:e,fontFamily:o=os,borderRadius:n=es,secondaryBorderRadius:r=ts,mode:i="auto"}=t,[a,l]=Xh("light"),p=O.use.theme(),u=O.use.setTheme(),{dark:m,light:c}=ji(e),h=Ki({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[h.className,Kh.className],y=[h.className,jh.className];if(c){let f=Ki(c.id,c.tokens);d.push(f.className)}if(m){let f=Ki(m.id,m.tokens);y.push(f.className)}return Nu(()=>{let f=s(b=>{b.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",f),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",f)}},[]),Nu(()=>{i!=="auto"&&u(i)},[i]),{activeTheme:s(()=>{let f=d.join(" "),b=y.join(" ");return p==="auto"?a==="dark"?b:f:p==="dark"?b:f},"getActiveTheme")}}s(Lu,"useTheme");import{styled as Yh}from"@rango-dev/ui";var Bu=Yh("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit",listStyleType:"none"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"}});function Jn(){Iu();let{fetch:t,config:e}=k(),{activeTheme:o}=Lu(e?.theme||{}),{activeLanguage:n,changeLanguage:r}=Wn(),[i,a]=$u(""),[l,p]=$u(),u=Zh(zo);return Mu(()=>{t().catch(),O.persist.rehydrate(),Le.persist.rehydrate(),u.onConnectWallet(a)},[]),Mu(()=>{r(e?.language)},[e?.language]),Eo.createElement(Jh,{language:n},Eo.createElement(Bu,{id:"swap-container",className:o()},Eo.createElement(Au,null),Eo.createElement(ea,{lastConnectedWallet:i,disconnectedWallet:l,clearDisconnectedWallet:()=>{p(void 0)}},Eo.createElement(wu,null))))}s(Jn,"Main");import Yi,{useMemo as my}from"react";import{checkWaitingForNetworkChange as Rh,makeQueueDefinition as ey}from"@rango-dev/queue-manager-rango-preset";import{Provider as ty}from"@rango-dev/queue-manager-react";import{useWallets as oy}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as ny}from"@rango-dev/wallets-shared";import{isEvmBlockchain as ry}from"rango-types";import iy,{useMemo as sy}from"react";function ay(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:i,getWalletInfo:a}=oy(),l=sy(()=>ey({API_KEY:t.apiKey||Wt("API_KEY"),BASE_URL:Wt("BASE_URL")}),[t.apiKey]),p=k().blockchains(),m={blockchains:G.use.connectedWallets().map(g=>({accounts:[g],name:g.chain}))},c=s(async(g,v)=>{if(i(g,v))return r(g,v)},"switchNetwork"),h=s(g=>!!a(g).mobileWallet,"isMobileWallet"),d=p.filter(g=>g.enabled).reduce((g,v)=>(g[v.name]=v,g),{}),y=p.filter(ry),x=s(g=>{let{supportedChains:v}=a(g);return Mo(v)},"getSupportedChainNames"),f=e(),b={meta:{blockchains:d,evmBasedChains:y,evmNetworkChainInfo:ny(y),getSupportedChainNames:x},getSigners:o,wallets:m,providers:f,switchNetwork:c,canSwitchNetworkTo:i,connect:r,state:n,isMobileWallet:h};return iy.createElement(ty,{queuesDefs:[l],context:b,onPersistedDataLoaded:g=>{Rh(g)},isPaused:!1},t.children)}s(ay,"QueueManager");var Pu=ay;import{useManager as ly}from"@rango-dev/queue-manager-react";import py,{createContext as uy,useContext as cy}from"react";var _u=uy(void 0);function Xi(t){let{manager:e}=ly(),o=qt(e),n=G.use.connectedWallets(),r=G.use.loading(),i=cs(n),a=G.use.getWalletsDetails(),l={swaps:o,wallets:{isLoading:r,details:n,totalBalance:i,refetch:a}};return py.createElement(_u.Provider,{value:l},t.children)}s(Xi,"WidgetInfo");function Du(){let t=cy(_u);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}s(Du,"useWidget");function Zn(t){let{onUpdateState:e,config:o}=t;return my(()=>{Ri({API_KEY:o?.apiKey||Ao,BASE_URL:o?.apiUrl||Zi})},[o]),Yi.createElement(qo,{config:o,onUpdateState:e},Yi.createElement(Pu,{apiKey:o.apiKey},Yi.createElement(Xi,null,t.children)))}s(Zn,"WidgetProvider");function Fu(t){return t.config?.externalWallets?Ji.createElement(Jn,null):Ji.createElement(Zn,{config:t.config??nr},Ji.createElement(Jn,null))}s(Fu,"Widget");export{Z$ as MainEvents,R$ as RouteEventType,eP as StepEventType,tP as StepExecutionBlockedEventStatus,oP as StepExecutionEventStatus,Fu as Widget,Zn as WidgetProvider,qo as WidgetWallets,ji as customizedThemeTokens,Va as useWallets,Du as useWidget,nP as useWidgetEvents};
 //# sourceMappingURL=index.js.map