@rango-dev/widget-embedded 0.17.1-next.3 → 0.17.1-next.30

package/dist/index.js

@@ -1,2 +1,2 @@
-var wu=Object.defineProperty;var s=(t,e)=>wu(t,"name",{value:e,configurable:!0});import{MainEvents as xP,RouteEventType as bP,StepEventType as EP,StepExecutionBlockedEventStatus as IP,StepExecutionEventStatus as AP,useEvents as WP}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Tl}from"@rango-dev/wallets-react";import{Events as nr,Provider as qu}from"@rango-dev/wallets-react";import{isEvmBlockchain as Gu}from"rango-sdk";import ds,{createContext as Hu,useRef as Qu}from"react";import{useEffect as zu}from"react";import{create as Fu}from"zustand";import{subscribeWithSelector as Ou}from"zustand/middleware";import{RangoClient as vu}from"rango-sdk";var Vi="c6381a79-2817-4602-83bf-6a641a409e32";var Rn={API_KEY:Vi};function bo(t){return Rn[t]}s(bo,"getConfig");function ji(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Rn=e,Rn}s(ji,"initConfig");var Ki=20,Xi=25,Yi="Roboto",er="theme-widget";var Eo,Nt=s(()=>Eo||(Eo=new vu(bo("API_KEY")),Eo),"httpService");import{WalletState as je}from"@rango-dev/ui";import{readAccountAddress as Eu}from"@rango-dev/wallets-react";import{detectInstallLink as Iu,getCosmosExperimentalChainInfo as Au,isEvmAddress as Wu,KEPLR_COMPATIBLE_WALLETS as ay,Networks as Ri}from"@rango-dev/wallets-shared";import tr from"bignumber.js";import{isCosmosBlockchain as Nu}from"rango-types";import xu from"bignumber.js";var Ae=new xu(0);import{WalletTypes as bu}from"@rango-dev/wallets-shared";var Ji=[bu.LEAP];import{BigNumber as Zi}from"bignumber.js";var Io=s(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),N=s((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new Zi(t),r=1,i=1e3;for(let a=0;a<60;a++)if(new Zi(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 Ao=s(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Ve=s((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Kt=s(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function Wo(t,e=4){let o=parseFloat(t);if(isNaN(o))return t;let n=Math.pow(10,e);return(Math.round(o*n)/n).toString()}s(Wo,"limitDecimalPlaces");function Bu(t){switch(!0){case t.connected:return je.CONNECTED;case t.connecting:return je.CONNECTING;case!t.installed:return je.NOT_INSTALLED;default:return je.DISCONNECTED}}s(Bu,"mapStatusToWalletState");function es(t,e,o,n){return o.filter(r=>!Ji.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=Bu(t(r));return{title:i,image:a,link:Iu(l),state:p,type:r}})}s(es,"mapWalletTypesToWalletInfo");function No(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}s(No,"walletAndSupportedChainsNames");function ts(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}=Eu(l),c=a.length>0,m=a.includes(u),f=u===Ri.Unknown;if(c&&!m&&!f)return;let k=u===Ri.Unknown&&Wu(p);if(f&&!k)return;o.includes(u)||k?a.filter(E=>o.includes(E)).forEach(E=>{i(E,p.toLowerCase())}):i(u,p)}),r}s(ts,"prepareAccountsForWalletStore");function os(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(os,"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 Bo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}s(Bo,"isAccountAndWalletMatched");function ns(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 tr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Lo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}s(ns,"makeBalanceFor");function rs(t){return{...t,loading:!1,error:!0}}s(rs,"resetConnectedWalletState");var Lo=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice"),Mo=s((t,e)=>{let o=Au(Object.entries(t).map(([,n])=>n).filter(Nu));return o&&o[e]?.experimental},"isExperimentalChain");function Lu(t,e){return t.map(({balance:o,...n})=>{let r=N(new tr(Bt(e,n.blockchain,n.symbol,n.address)?.amount||Ae)),i="";return n.usdPrice&&(i=N(new tr(Bt(e,n.blockchain,n.symbol,n.address)?.amount||Ae).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:i}}}})}s(Lu,"getTokensWithBalance");function is(t,e){let o=e.length>0?Lu(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(is,"getTokensBalanceFromWalletAndSort");function Be(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}s(Be,"tokensAreEqual");function ss(t){return t.sort((e,o)=>+(o.state===je.CONNECTED)-+(e.state===je.CONNECTED)||+(o.state===je.DISCONNECTED||o.state===je.CONNECTING)-+(e.state===je.DISCONNECTED||e.state===je.CONNECTING))}s(ss,"sortWalletsBasedOnConnectionState");function Po(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(Po,"getConciseAddress");function as({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(as,"getAddress");import{create as Du}from"zustand";import{create as $u}from"zustand";var Mu=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"),ke=Mu;var Pu={apiKey:""},ls=s((t,e)=>({config:Pu,updateConfig:o=>{let n=e().config;t({config:{...n,...o}})}}),"createConfigSlice");function Lt(t){return Array.from(new Set(t))}s(Lt,"removeDuplicateFrom");function or(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}s(or,"areEqual");function ps(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}s(ps,"debounce");function St(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}s(St,"containsText");var J=s(()=>document.getElementById("swap-box"),"getContainer");var us=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=>Be(u,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(St(p.symbol,o.searchFor)||St(p.address||"",o.searchFor)||St(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=>Be(r,o)),fetch:async()=>{let o=await Nt().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 _u=$u()((...t)=>({...us(...t),...ls(...t)})),Le=ke(_u);var b=ke(Du()(t=>({meta:{blockchains:[],popularTokens:[],swappers:[],tokens:[]},loadingStatus:"loading",fetchMeta:async()=>{try{await Le.getState().fetch();let e=Le.getState(),o={blockchains:e.blockchains(),tokens:e.tokens(),popularTokens:e._popularTokens,swappers:e._swappers};t({meta:o,loadingStatus:"success"})}catch{t({loadingStatus:"failed"})}}})));var H=ke(Fu()(Ou((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}=b.getState().meta;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>Bo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await Nt().getWalletsDetails(a)).wallets;if(p)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(c=>{let m=o.find(h=>Bo(h,c)),f=p.find(h=>h.address===c.address&&h.blockChain===c.chain);return f?.failed&&m&&n&&r([m],!1),m&&f?{...c,explorerUrl:f.explorerUrl,balances:ns(f,i)}:c})}));else throw new Error("Wallet not found")}catch{t(l=>({loading:!1,connectedWallets:l.connectedWallets.map(p=>o.find(u=>Bo(u,p))?rs(p):p)}))}}}))));import{allProviders as Uu}from"@rango-dev/provider-all";function $o(t,e){let o=Uu({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($o,"matchAndGenerateProviders");function cs(t,e){return $o(t,e).map(r=>r.config.type)}s(cs,"configWalletsToWalletName");function ms(t,e){let o=H.use.clearConnectedWallet(),n=$o(void 0,e);return zu(()=>{o(),n=$o(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}s(ms,"useWalletProviders");var rr=Hu({onConnectWallet:()=>{}});function ir(t){let{blockchains:e}=b.use.meta(),{providers:o}=ms(t.providers,t?.options),n=H.use.disconnectWallet(),r=H.use.connectWallet(),i=Qu(),a=e.filter(Gu).map(p=>p.name),l=s((p,u,c,m,f)=>{if(u===nr.ACCOUNTS)if(c){let h=No(f),k=ts(p,c,a,h);r(k)}else n(p);if(u===nr.ACCOUNTS&&m.connected){let h=`${p}-${m.network}-${c}`;m.connected&&(i.current?i.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(u===nr.NETWORK&&m.network){let h=`${p}-${m.network}`;i.current?i.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(p,u,c,m,f)},"onUpdateState");return ds.createElement(rr.Provider,{value:{onConnectWallet:p=>{i.current=p}}},ds.createElement(qu,{allBlockChains:e,providers:o,onUpdateState:l,autoConnect:!0},t.children))}s(ir,"WidgetWallets");import{I18nManager as _h,styled as Dh}from"@rango-dev/ui";import it,{useContext as Fh,useEffect as Qi,useMemo as Oh,useState as ku}from"react";import{useQueueManager as Xm}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Ym}from"@rango-dev/wallets-react";import{isEvmBlockchain as Jm}from"rango-types";import wt,{useEffect as Zm,useRef as Rm}from"react";import{MemoryRouter as ed,useInRouterContext as td}from"react-router";import{useLocation as od,useNavigate as nd}from"react-router-dom";var y={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 Or}from"@lingui/core";import{Button as Dm,styled as Ur,SwapInput as tl,WarningIcon as Fm}from"@rango-dev/ui";import qe,{useEffect as Om,useRef as Um,useState as zm}from"react";import{useNavigate as qm}from"react-router-dom";import{ChevronLeftIcon as Ku}from"@rango-dev/ui";import hs from"react";import{darkTheme as Vu,IconButton as ju,styled as _o}from"@rango-dev/ui";var $e=_o(ju,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),fs=_o("div",{position:"absolute",background:"$secondary500",[`.${Vu} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Mt=_o("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),gs=_o("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function sr(t){return hs.createElement($e,{variant:"ghost",size:"small",onClick:t.onClick},hs.createElement(Ku,{color:"black",size:16}))}s(sr,"BackButton");import{i18n as Xu}from"@lingui/core";import{Button as Yu,Typography as Ju}from"@rango-dev/ui";import ar from"react";function lr(t){return ar.createElement(Mt,null,ar.createElement(Yu,{variant:"ghost",onClick:t.onClick,size:"xsmall"},ar.createElement(Ju,{variant:"label",size:"medium",color:"error500"},Xu.t("Cancel"))))}s(lr,"CancelButton");import{i18n as Zu}from"@lingui/core";import{Tooltip as Ru,WalletIcon as ec}from"@rango-dev/ui";import Do from"react";function pr(t){return Do.createElement(Ru,{container:t.container,side:"top",content:Zu.t("Connect Wallet")},Do.createElement($e,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Do.createElement(fs,null),Do.createElement(ec,{size:18,color:"black"})))}s(pr,"WalletButton");import{i18n as Uo}from"@lingui/core";import{NotificationsIcon as hc,Popover as yc,RefreshIcon as Sc,SettingsIcon as Cc,Tooltip as zo,TransactionIcon as kc}from"@rango-dev/ui";import ue from"react";import{i18n as pc}from"@lingui/core";import{ChainToken as ws,ChevronRightIcon as uc,ListItemButton as cc,Typography as mc}from"@rango-dev/ui";import _e from"react";import{useNavigate as dc}from"react-router-dom";import{create as tc}from"zustand";import{persist as oc,subscribeWithSelector as nc}from"zustand/middleware";var Me=ke(tc()(oc(nc((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 rc}from"zustand";var Te=ke(rc()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as Fo}from"@rango-dev/ui";var ys=Fo("div",{padding:"$10",width:"350px",minHeight:"150px"}),Ss=Fo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Cs=Fo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),ks=Fo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as ic}from"@lingui/core";import{Divider as sc,NoNotificationIcon as ac,Typography as lc}from"@rango-dev/ui";import Oo from"react";function Ts(){return Oo.createElement(ks,null,Oo.createElement(ac,{color:"secondary",size:26}),Oo.createElement(sc,{size:12}),Oo.createElement(lc,{variant:"body",size:"medium",color:"neutral700"},ic.t("You have no notification")))}s(Ts,"NotificationNotFound");var fc=4;function ur(){let t=dc(),e=Te.use.setSelectedSwap(),{getUnreadNotifications:o}=Me(),n=o(),{tokens:r,blockchains:i}=b.use.meta(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,fc),l=s(p=>{e(p),t(`/swaps/${p}`)},"handleOnClick");return _e.createElement(ys,null,a.length?_e.createElement(Ss,null,a.map(p=>{let u=r.find(h=>h.address===p.route.from.tokenAddress&&h.blockchain===p.route.from.blockchain&&h.symbol===p.route.from.tokenSymbol),c=i.find(h=>h.name===p.route.from.blockchain),m=r.find(h=>h.address===p.route.to.tokenAddress&&h.blockchain===p.route.to.blockchain&&h.symbol===p.route.to.tokenSymbol),f=i.find(h=>h.name===p.route.to.blockchain);return _e.createElement(cc,{key:p.requestId,onClick:()=>l(p.requestId),title:_e.createElement(mc,{variant:"body",size:"small",color:"$neutral700"},pc.t(p.event.message)),id:p.requestId,start:_e.createElement(Cs,null,_e.createElement("div",{className:"from-chain-token"},_e.createElement(ws,{tokenImage:u?u.image:"",chainImage:c?c.logo:"",size:"small"})),_e.createElement("div",{className:"to-chain-token"},_e.createElement(ws,{tokenImage:m?m.image:"",chainImage:f?f.logo:"",size:"small"}))),end:_e.createElement(uc,{size:12,color:"gray"})})})):_e.createElement(Ts,null))}s(ur,"NotificationContent");import{Typography as gc}from"@rango-dev/ui";import vs from"react";function xs(){let{getUnreadNotifications:t}=Me(),e=t().length;return e?vs.createElement(gs,null,vs.createElement(gc,{variant:"body",size:"xsmall",color:"$background"},e)):null}s(xs,"UnreadNotificationsBadge");function cr(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:i}=t;return ue.createElement(ue.Fragment,null,ue.createElement(zo,{container:J(),side:"top",content:Uo.t("Refresh")},ue.createElement($e,{variant:"ghost",size:"small",onClick:o,disabled:!o},ue.createElement(Sc,{size:16,color:o?"black":"gray"}))),ue.createElement(zo,{container:J(),side:"top",content:Uo.t("Notifications")},ue.createElement(yc,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:J(),content:ue.createElement(ur,null)},ue.createElement($e,{size:"small",variant:"ghost",onClick:i},ue.createElement(hc,{size:18,color:"black"}),ue.createElement(xs,null)))),ue.createElement(zo,{container:J(),side:"top",content:Uo.t("Settings")},ue.createElement($e,{size:"small",variant:"ghost",onClick:r},ue.createElement(Cc,{size:18,color:"black"}))),ue.createElement(zo,{container:J(),side:"top",content:Uo.t("Transactions History")},ue.createElement($e,{size:"small",variant:"ghost",onClick:n},ue.createElement(kc,{size:18,color:"black"}))))}s(cr,"HomeButtons");import{BottomLogo as wc,Divider as vc,Header as xc}from"@rango-dev/ui";import me from"react";import{useNavigate as bc}from"react-router-dom";import{darkTheme as Tc,styled as mr}from"@rango-dev/ui";var bs=mr("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",[`.${Tc} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),Es=mr("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"}}}}),Is=mr("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Ec(t,e){let{children:o,header:n,footer:r,noPadding:i,hasLogo:a=!0,fixedHeight:l=!0}=t,p=H.use.connectedWallets(),u=Te.use.connectWalletsButtonDisabled(),c=bc(),m=s(()=>{u||c("/"+y.wallets)},"onConnectWallet");return me.createElement(bs,{ref:e,fixedHeight:l,id:"swap-box"},me.createElement(xc,{prefix:me.createElement(me.Fragment,null,n.onBack&&me.createElement(sr,{onClick:n.onBack})),title:n.title,suffix:me.createElement(me.Fragment,null,n.suffix,n.hasConnectWallet&&me.createElement(pr,{container:J(),onClick:m,isConnected:!!p?.length}),n.onCancel&&me.createElement(lr,{onClick:n.onCancel}))}),me.createElement(Es,{noPadding:i},o),(a||r)&&me.createElement(Is,null,me.createElement("div",{className:"footer__content"},r),a&&me.createElement("div",{className:"footer__logo"},me.createElement(vc,{size:12}),me.createElement(wc,null))))}s(Ec,"LayoutComponent");var Q=me.forwardRef(Ec);Q.displayName="Layout";import{ReverseIcon as $c,styled as Zs}from"@rango-dev/ui";import vr from"react";import pt from"bignumber.js";import{create as Mc}from"zustand";import{subscribeWithSelector as Pc}from"zustand/middleware";import{getLastSuccessfulStep as Lc}from"@rango-dev/queue-manager-rango-preset";import kk from"bignumber.js";var As=[.5,1,3],Ws=1,Ns=5,Bs=100,Ls=0;var st=(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))(st||{});function Ms(t,e){return e.find(o=>o.name===t)?.displayName}s(Ms,"getBlockchainDisplayNameFor");function dr(t,e){return e.find(o=>o.name===t)?.shortName}s(dr,"getBlockchainShortNameFor");function fr(t,e){return e.find(o=>Be(o,t))??null}s(fr,"findToken");function gr(t,e){return e.find(o=>o.name===t)??null}s(gr,"findBlockchain");import{i18n as De}from"@lingui/core";import{PendingSwapNetworkStatus as Qo}from"@rango-dev/queue-manager-rango-preset";import we from"bignumber.js";function qo(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(qo,"getRequiredWallets");function Go(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}s(Go,"isValidAddress");import{i18n as de}from"@lingui/core";var q=s(()=>({genericServerError:de.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:de.t("Please reset your liquidity sources."),description:de.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noResultError:{title:de.t("No Routes Found"),description:de.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:de.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:de.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:de.t("High Price Impact"),title:de.t("Price impact is too high!"),description:de.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:de.t("Confirm High price impact")},quoteUpdatedWithHighValueLoss:{title:de.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:de.t("USD Price Unknown"),title:de.t("USD Price Unknown, Cannot calculate Price Impact."),description:de.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:de.t("Confirm USD Price Unknown")}}),"errorMessages");function Ps(t){switch(t.type){case 0:return t.diagnosisMessage??q().noResultError.title;case 1:return q().genericServerError;default:return""}}s(Ps,"getQuoteErrorMessage");import{i18n as Ho}from"@lingui/core";var Ct=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!t||!e||t.lte(Ae)||e.lte(Ae)?0:e.div(t).minus(1).multipliedBy(100).toNumber()}s($s,"getOutputRatio");function Ko(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new we(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new we(1e3)))??!1}s(Ko,"hasHighValueLoss");function Xt(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new we(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new we(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(Xt,"hasLimitError");function hr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new we(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new we(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 we(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new we(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",i="",a="";return!r&&o&&o.gt(e.fromAmount)?(i=De.t({id:"Required: >= {min} {symbol}",values:{min:N(o,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(i=De.t({id:"Required: > {min} {symbol}",values:{min:N(o,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(i=De.t({id:"Required: <= {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(i=De.t({id:"Required: < {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:i,recommendation:a}}s(hr,"getLimitErrorMessage");function _s(t,e,o,n,r,i,a,l,p){return t!=="success"?{title:Ct().connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:Ct().connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!p||p==="0"?{title:Ct().swap,disabled:!0,state:"swap"}:i||a?{title:Ct().swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:l?{title:Ct().ethWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:Ct().swap,disabled:!1,state:"swap"}}s(_s,"getSwapButtonState");function yr(t,e,o){return!((!o||o.lte(Ae))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}s(yr,"canComputePriceImpact");function Ac(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(Ac,"requiredWallets");var Wc=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice");function Nc(t,e){let o=Ae;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let i=Wc(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new we(r.amount).multipliedBy(i||0))}return o}s(Nc,"getUsdFeeOfStep");function Xo(t,e){return t.reduce((o,n)=>o.plus(Nc(n,e)),Ae)}s(Xo,"getTotalFeeInUsd");function Sr(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(Sr,"checkSlippageErrors");function Ds(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseInt(n.recommendedSlippage?.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}s(Ds,"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 Fs(t,e){return e?parseFloat(t)>=parseFloat(e):!0}s(Fs,"hasProperSlippage");function Jo(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:i,disabledLiquiditySources:a,slippage:l,affiliateRef:p,affiliatePercent:u,affiliateWallets:c,initialQuote:m,destination:f}=t,h=i?.reduce((d,T)=>(d[T.chain]=T.address,d),{}),k=[];r?.forEach(d=>{let T=k.find(w=>w.blockchain===d.chain);T?T.addresses.push(d.address):k.push({blockchain:d.chain,addresses:[d.address]})});let S=!!m,C=Lt((m?.result?.swaps||[]).reduce((d,T)=>(d.push(T.from.blockchain,T.to.blockchain),T.internalSwaps&&Array.isArray(T.internalSwaps)&&T.internalSwaps.map(w=>{d.push(w.from.blockchain,w.to.blockchain)}),d),[]));return{amount:n.toString(),affiliateRef:p??void 0,affiliatePercent:u??void 0,affiliateWallets:c??void 0,checkPrerequisites:S,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:k,selectedWallets:h??{},slippage:l.toString(),...f&&{destination:f},...a.length>0&&{swapperGroups:a,swappersGroupsExclude:!0},...S&&{blockchains:C}}}s(Jo,"createQuoteRequestBody");function Os(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}s(Os,"getWalletsForNewSwap");function Pt(t){return t.result?.outputAmount||null}s(Pt,"getQuoteOutputAmount");function lt(t,e){return new we(e).div(new we(t)).minus(1).multipliedBy(100).toNumber()}s(lt,"getPercentageChange");function Us(t,e){let o=Pt(t),n=Pt(e);if(!o||!n)return!1;let r=lt(o,n);return r?r<=-1:!0}s(Us,"isOutputAmountChangedALot");function zs(t,e){let o=t.validationStatus,n=os(t);return e.sort((i,a)=>n.indexOf(i.chain)-n.indexOf(a.chain)).flatMap(i=>js(i,o)||[]).filter(i=>!i.ok).map(i=>{let a=i.asset.symbol,l=N(new we(i.currentAmount.amount).shiftedBy(-i.currentAmount.decimals),8,8),p=N(new we(i.requiredAmount.amount).shiftedBy(-i.requiredAmount.decimals),8,8),u="";return i.reason==="FEE"&&(u=De.t(" for network fee")),i.reason==="INPUT_ASSET"&&(u=De.t(" for swap")),i.reason==="FEE_AND_INPUT_ASSET"&&(u=De.t(" for input and network fee")),De.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(zs,"getBalanceWarnings");function qs(t,e){return(t?new we(t):Ae).multipliedBy(e||0)}s(qs,"calcOutputUsdValue");function Yt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Qo.NetworkChanged}s(Yt,"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,"")),Yt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Qo.WaitingForConnectingWallet:n=n||De.t("Waiting for connecting wallet");break;case Qo.WaitingForQueue:n=n||De.t("Waiting for other running tasks to be finished");break;case Qo.WaitingForNetworkChange:n=n||De.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 Hs(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(Hs,"getLastConvertedTokenInFailedSwap");function Qs(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}s(Qs,"shouldRetrySwap");function Vs(t,e,o,n,r,i){return t||!e&&!Ac(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&i&&!Go(i,o)}s(Vs,"confirmSwapDisabled");function Cr(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(Cr,"searchParamsToToken");function Xs(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}s(Xs,"getQuoteToTokenUsdPrice");function kr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}s(kr,"isNumberOfSwapsChanged");function Tr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!or(o,n)}s(Tr,"isQuoteSwappersUpdated");function wr(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!or(o,n)}s(wr,"isQuoteInternalCoinsUpdated");function Ys(t,e){return kr(t,e)||Tr(t,e)||wr(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 Re(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}s(Re,"getPriceImpactLevel");function Js(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],i=Lc(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=gr(i?i.toBlockchain:n.fromBlockchain,e),p=gr(r.toBlockchain,e),u=fr(i?{blockchain:l?.name??"",symbol:i.toSymbol,address:i.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=fr(a,o),m=i?i.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:m}}s(Js,"createRetryQuote");function Zo(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:i}=e,a=kt(o,t.requestAmount),l=kt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let c=lt(a.toString(),l.toString());if(Ko(a,c)){let f=Xo(t.result.swaps,r),h=Re(c);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:c,totalFee:f,warningLevel:h}}}else if(t.result&&(!a||!l))return{type:1};let p=Yo(t),u=i>Ns;if(Fs(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<i)return{type:3,slippage:i.toString()}}else return{type:2,recommendedSlippages:Ds(t,i),minRequiredSlippage:p};return null}s(Zo,"generateQuoteWarnings");function $t(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0);return!t||!e||o?null:lt(t.toString(),e.toString())}s($t,"getPriceImpact");var kt=s((t,e)=>t?.usdPrice?new pt(e||Ae).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),_=ke(Mc()(Pc(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new pt(0),outputUsdValue:new pt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ae;return Kt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new pt(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 pt(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{quote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>{let{blockchains:o}=b.getState().meta;return t(n=>({fromToken:e,...e&&{fromBlockchain:o.find(r=>r.name===e.blockchain)??null},...!!n.inputAmount&&{inputUsdValue:kt(e,n.inputAmount)}}))},setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{quote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>{let{blockchains:o}=b.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 pt(0),outputUsdValue:new pt(0),quote:null},...!!o.fromToken&&{inputUsdValue:kt(o.fromToken,e)}}))},retry:e=>{let{tokens:o,blockchains:n}=b.getState().meta,{fromBlockchain:r,fromToken:i,toBlockchain:a,toToken:l,inputAmount:p}=Js(e,n,o);t({fromBlockchain:r,fromToken:i,inputAmount:p,outputAmount:null,inputUsdValue:kt(i??null,p),outputUsdValue:new pt(0),toBlockchain:a,toToken:l,quote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:kt(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})}))));var _c=Zs("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Dc=Zs("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 Rs(){let t=_.use.switchFromAndTo();return vr.createElement(_c,null,vr.createElement(Dc,{onClick:()=>{t()}},vr.createElement($c,{size:12})))}s(Rs,"SwitchFromAndToButton");import{Divider as Bm}from"@rango-dev/ui";import dt from"react";import{i18n as Ir}from"@lingui/core";import{Alert as Hc,ChevronDownIcon as Qc,ChevronRightIcon as ba,Divider as Ar,Image as Ea,InfoIcon as Vc,QuoteCost as jc,StepDetails as Kc,TokenAmount as Xc,Tooltip as Ia,Typography as Ft}from"@rango-dev/ui";import B,{useLayoutEffect as Yc,useRef as Jc,useState as Zc}from"react";import{styled as xr}from"@rango-dev/ui";var br=xr("div",{width:"100%",paddingTop:"$2"}),ea=xr("div",{paddingBottom:"$15"}),ta=xr("div",{width:"100%",display:"flex"});import*as en from"@radix-ui/react-collapsible";import{darkTheme as et,styled as ut}from"@rango-dev/ui";import*as Dt from"@radix-ui/react-collapsible";import{Button as Fc,darkTheme as _t,IconButton as Oc,keyframes as oa,styled as he,TextField as Uc}from"@rango-dev/ui";var Jt=300,zc=oa({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),qc=oa({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),na=he("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),ra=he("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),ia=he("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"}}}}),sa=he(Dt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),aa=he("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),la=he(Oc,{position:"absolute",left:"$20"}),pa=he("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),ua=he(Dt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ca=he(Fc,{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}}),ma=he("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),da=he("div",{transition:`all ${Jt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),fa=he("div",{display:"flex"}),ga=he(Uc,{padding:"$0 $15 $15 $15"}),Ro=he(Dt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${zc} ${Jt}ms ease-out`},false:{animation:`${qc} ${Jt}ms ease-out`}}}}),ha=he("div",{overflow:"visible",width:"100%"});var Er=300,ya=ut(en.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{recommended:{true:{$$color:"$colors$info300",[`.${et} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${et} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& .steps-details":{padding:"$10 $15"}}),Sa=ut("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",[`.${et} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${et} &`]:{$$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",[`.${et} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${et} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}],"& .summary":{width:"100%",padding:"$15 $15 $10 $15"},"& .basic-info":{paddingTop:"$10",display:"flex",alignItems:"center"}}),Ca=ut(en.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:{[`& ${Image}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Image}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${et} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${et} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& div:nth-child(1)":{display:"flex"}}),ka=ut(Ro,{width:"100%"}),tn=ut("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Er}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Zk=ut("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Ta=ut("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${et} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),wa=ut("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"});import{TokenAmount as xa}from"@rango-dev/ui";import on from"react";import{styled as Gc}from"@rango-dev/ui";var va=Gc("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%","& .separator":{height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"}});function Zt(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return on.createElement(va,null,on.createElement(xa,{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}}),on.createElement("div",{className:"separator"}),on.createElement(xa,{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(Zt,"QuoteSummary");function Wr(t){let{meta:{tokens:e}}=b(),{quote:o,input:n,output:r,error:i,warning:a,type:l,recommended:p=!0}=t,[u,c]=Zc(t.expanded),m=Jc(null),f=N(Xo(o.result?.swaps??[],e),2,2),h=Io(Ao(o.result?.swaps)),k=$t(n.usdValue,r.usdValue??null),S=N(String(k),2,2),C=Re(k??0),d=s(w=>w.map((g,x)=>{let D,v=i?.type===3&&i.swap.swapperId===g.swapperId||a?.type===2&&a.recommendedSlippages?.has(x),L=a?.type===2&&a.recommendedSlippages?.has(x);return v?D="error":L&&(D="warning"),{swapper:{displayName:g.swapperId,image:g.swapperLogo},from:{token:{displayName:g.from.symbol,image:g.from.logo},chain:{displayName:g.from.blockchain,image:g.from.blockchainLogo},price:{value:x===0?N(n.value,6,6):g.fromAmount}},to:{token:{displayName:g.to.symbol,image:g.to.logo},chain:{displayName:g.to.blockchain,image:g.to.blockchainLogo},price:{value:g.toAmount}},state:D,alerts:v||L?B.createElement(ea,null,B.createElement(Hc,{type:v?"error":"warning",title:i?.type===3?i?.recommendation:Ir.t("Slippage Error:"),footer:B.createElement(ta,null,i?.type===3&&B.createElement(B.Fragment,null,B.createElement(Ft,{size:"xsmall",variant:"body",color:"neutral900"},i.fromAmountRangeError),B.createElement(Ar,{direction:"horizontal",size:8}),B.createElement(Ft,{size:"xsmall",variant:"body",color:"neutral900"},"|"),B.createElement(Ar,{direction:"horizontal",size:8}),B.createElement(Ft,{size:"xsmall",variant:"body",color:"neutral900"},Ir.t({id:"Yours: {amount} {symbol}",values:{amount:N(g.fromAmount,6,6),symbol:g?.from.symbol}}))),(i?.type===4||a?.type===2)&&B.createElement(Ft,{size:"xsmall",variant:"body",color:"neutral900"},Ir.t({id:"min required Slippage: {minRequiredSlippage}",values:{...i?.type===4&&{minRequiredSlippage:i.recommendedSlippages?.get(x)},...a?.type===2&&{minRequiredSlippage:a.recommendedSlippages?.get(x)}}})))})):void 0}}),"getQuoteSteps")(o.result?.swaps??[]),T=d.length;return Yc(()=>{u&&m.current&&setTimeout(()=>{m?.current?.scrollIntoView({behavior:"smooth"})},Er)},[u]),B.createElement(B.Fragment,null,B.createElement(Sa,{recommended:p,listItem:l==="list-item",basic:l==="basic"},B.createElement("div",{className:"summary"},B.createElement(jc,{fee:f,time:h,steps:T}),l==="basic"&&B.createElement("div",{className:"basic-info"},B.createElement(wa,null,B.createElement(Vc,{size:12,color:"gray"})),B.createElement(Ft,{size:"small",variant:"body",style:{letterSpacing:.4}},`${n.value} ${d[0].from.token.displayName} = ${r.value} ${d[d.length-1].to.token.displayName}`),B.createElement(Ft,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${r.usdValue})`)),l==="list-item"&&B.createElement(Xc,{type:"output",direction:"vertical",price:{value:r.value,usdValue:r.usdValue},token:{displayName:d[T-1].to.token.displayName,image:d[T-1].to.token.image},chain:{image:d[T-1].to.chain.image},percentageChange:S,warningLevel:C}),l==="swap-preview"&&B.createElement(B.Fragment,null,B.createElement(Zt,{from:d[0].from,to:d[T-1].to,percentageChange:S,warningLevel:C}),B.createElement(Ar,{size:4}))),B.createElement(ya,{recommended:p,open:u,onOpenChange:c},B.createElement(Ca,{ref:w=>m.current=w,recommended:p,onClick:c.bind(null,w=>!w)},B.createElement("div",null,d.map((w,g)=>{let x=`item-${g}`;return B.createElement(B.Fragment,{key:x},B.createElement(Ia,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:w.from.chain.displayName},B.createElement(Ea,{src:w.from.chain.image,size:16})),g===T-1&&B.createElement(B.Fragment,null,B.createElement(tn,null,B.createElement(ba,{size:12,color:"black"})),B.createElement(Ia,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:w.to.chain.displayName},B.createElement(Ea,{src:w.to.chain.image,size:16}))),g!==T-1&&B.createElement(tn,null,B.createElement(ba,{size:12,color:"black"})))})),B.createElement(tn,{orientation:u?"up":"down"},B.createElement(Qc,{size:12,color:"black"}))),B.createElement(ka,{open:u},B.createElement(Ta,null),B.createElement("div",{className:"steps-details"},d.map((w,g)=>{let x=`item-${g}`;return B.createElement(Kc,{type:"quote-details",key:x,step:w,hasSeparator:g!==d.length-1,state:w.state})}))))))}s(Wr,"Quote");import{ChainToken as nn,Divider as Fe,NextIcon as em,Skeleton as ye}from"@rango-dev/ui";import I from"react";import{darkTheme as Rc,styled as Aa}from"@rango-dev/ui";var Wa=Aa("div",{$$color:"$colors$neutral100",[`.${Rc} &`]:{$$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"}}),Na=Aa("div",{borderLeft:"1px dashed black",minHeight:" 64px",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});function Nr(t){let{separator:e=!0}=t;return I.createElement(I.Fragment,null,I.createElement("div",{className:"step__title"},I.createElement(ye,{height:22,width:22,variant:"circular"}),I.createElement(Fe,{direction:"horizontal",size:8}),I.createElement(ye,{height:15,width:148,variant:"rounded"})),I.createElement("div",{className:"step__content"},I.createElement(Na,{hideSeparator:!e}),I.createElement("div",{className:"step__tokens"},I.createElement("div",{className:"step__token-info"},I.createElement(nn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),I.createElement(Fe,{direction:"horizontal",size:8}),I.createElement(ye,{height:12,width:76,variant:"rounded"})),I.createElement("div",{className:"step__icon-container"},I.createElement(em,{color:"gray",size:16})),I.createElement("div",{className:"step__token-info"},I.createElement(nn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),I.createElement(Fe,{direction:"horizontal",size:8}),I.createElement(ye,{height:12,width:76,variant:"rounded"})))))}s(Nr,"StepSkeleton");function Br(t){let{type:e,expanded:o,tag:n=!1}=t,r=I.createElement("div",{className:"quote-summary"},I.createElement("div",{className:"token-amount"},I.createElement(nn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),I.createElement(Fe,{size:8,direction:"horizontal"}),I.createElement("div",{className:"token-amount__label"},I.createElement(ye,{height:10,width:60,variant:"rounded"}),I.createElement(Fe,{size:4}),I.createElement(ye,{height:15,width:148,variant:"rounded"}))),I.createElement(ye,{height:12,width:64,variant:"rounded"}));return I.createElement(Wa,null,I.createElement("div",{className:"cost-and-tag"},I.createElement("div",{className:"cost"},I.createElement(ye,{width:60,height:10,variant:"rounded"}),I.createElement(Fe,{size:4,direction:"horizontal"}),I.createElement(ye,{width:60,height:10,variant:"rounded"}),I.createElement(Fe,{size:4,direction:"horizontal"}),I.createElement(ye,{width:60,height:10,variant:"rounded"})),n&&I.createElement(ye,{height:22,width:100,variant:"rounded"})),e==="basic"&&I.createElement("div",{className:"basic-summary"},I.createElement(ye,{height:15,width:148,variant:"rounded"})),e==="list-item"&&I.createElement("div",{className:"output"},I.createElement("div",{className:"output__token-info"},I.createElement(nn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),I.createElement(Fe,{direction:"horizontal",size:4}),I.createElement(ye,{height:15,width:150,variant:"rounded"})),I.createElement(Fe,{size:4}),I.createElement(ye,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&I.createElement(I.Fragment,null,I.createElement(Fe,{size:4}),I.createElement("div",{className:"swap-preview"},r,I.createElement("div",{className:"quote-summary__separator"}),r)),I.createElement("div",{className:"chains"},I.createElement(ye,{height:15,width:321,variant:"rounded"})),o&&I.createElement("div",{className:"steps"},I.createElement(Fe,{size:20}),I.createElement(Nr,null),I.createElement(Nr,null),I.createElement(Nr,{separator:!1})))}s(Br,"QuoteSkeleton");import{i18n as Em}from"@lingui/core";import{Alert as Im,Button as Am,InfoIcon as Wm}from"@rango-dev/ui";import We from"react";import{useNavigate as Nm}from"react-router-dom";import{Alert as lm,Button as pm,Divider as Da,NoRouteIcon as um,RefreshIcon as cm,Typography as Fa}from"@rango-dev/ui";import Oe from"react";import{create as im}from"zustand";import{persist as sm,subscribeWithSelector as am}from"zustand/middleware";import{English as tm,French as om,Japanese as nm,Spanish as rm}from"@rango-dev/ui";var Ba=[{title:"English",label:"English",local:"en",SVGFlag:tm},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:rm},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:om},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:nm}],rn="en";var F=ke(im()(sm(am((t,e)=>({preferredBlockchains:[],slippage:Ws,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",language:rn,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}=b.getState().meta,i=Lt(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 La}from"@lingui/core";function Ma(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:q().genericServerError,action:{onClick:n,title:La.t("Retry")}},description:""}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:e.length?{alert:{type:"warning",text:q().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:La.t("Reset")}},description:q().liquiditySourcesError.description}:{alert:null,description:q().noResultError.description}}s(Ma,"makeInfo");import{styled as Mr}from"@rango-dev/ui";var Pa=Mr("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),$a=Mr("div",{width:"100%"}),_a=Mr("div",{padding:"$6 $0"});function Pr(t){let{fetch:e,error:o}=t,n=F.use.disabledLiquiditySources(),r=F.use.toggleAllLiquiditySources(),i=Ma(o,n,r,e);return Oe.createElement(Pa,null,Oe.createElement(um,{size:24,color:"gray"}),Oe.createElement(Da,{size:4}),Oe.createElement(Fa,{variant:"title",size:"small"},q().noResultError.title),!!i.description&&Oe.createElement(Fa,{variant:"body",size:"small",align:"center",color:"neutral700"},i.description),Oe.createElement(Da,{size:4}),!!i.alert&&Oe.createElement($a,null,Oe.createElement(lm,{type:i.alert.type,title:i.alert.text,action:i.alert.action&&Oe.createElement(pm,{size:"xsmall",type:i.alert.type,prefix:Oe.createElement(_a,null,Oe.createElement(cm,{size:8})),onClick:i.alert.action.onClick},i.alert.action.title),variant:"alarm"})))}s(Pr,"NoResult");import{i18n as to}from"@lingui/core";import{Button as mm,Divider as Ha,MessageBox as dm,Modal as fm,Typography as gm,WarningIcon as hm}from"@rango-dev/ui";import Ke from"react";import{Typography as qa}from"@rango-dev/ui";import _r from"react";import{styled as sn}from"@rango-dev/ui";var Oa=sn("div",{width:"100%",paddingTop:"$10"}),$r=sn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Ua=sn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),za=sn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Ga(t){let{title:e,value:o,valueColor:n}=t;return _r.createElement(Ua,null,_r.createElement(qa,{size:"medium",variant:"label",color:"neutral600"},e),_r.createElement(qa,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}s(Ga,"QuoteErrorsModalItem");function Qa(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,i=r.warningLevel==="high"?"error":"warning",a=[{title:to.t("Swapping"),value:N(r.inputUsdValue,4,4)},{title:to.t("Gas cost"),value:N(r.totalFee,2,2)},{title:to.t("Receiving"),value:N(r.outputUsdValue,4,4)},{title:to.t("Price impact"),value:N(r.priceImpact,2,2),valueColor:`${i}500`}];return Ke.createElement(fm,{open:e,onClose:o,container:J()},Ke.createElement(dm,{type:i,title:q().highValueLossError.impactTitle,description:q().highValueLossError.description}),Ke.createElement($r,null,Ke.createElement(Ha,{size:20}),Ke.createElement(gm,{size:"small",variant:"title"},to.t("Details")),Ke.createElement($r,null,a.map((l,p)=>Ke.createElement(Ga,{key:p,...l})))),Ke.createElement(Ha,{size:32}),Ke.createElement(mm,{type:"primary",size:"large",prefix:Ke.createElement(hm,null),fullWidth:!0,onClick:n},q().highValueLossError.confirmMessage))}s(Qa,"HighValueLossWarningModal");import{i18n as Va}from"@lingui/core";function ja(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(Re(t.priceImpact)==="high"&&(o.alertType="error"),o.title=q().highValueLossError.title),t.type===1&&(o.title=q().unknownPriceError.title),t.type===2&&(o.title=Va.t({id:"minimum required slippage for this route: {minRequiredSlippage}",values:{minRequiredSlippage:t.minRequiredSlippage}})),t.type===3&&(o.title=Va.t("Caution, your slippage is high")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action=null),e.type===4&&(o.title="",o.action="change-settings"),o):null}s(ja,"makeAlerts");import{i18n as Ot}from"@lingui/core";import{Button as Ka,Divider as Xa,MessageBox as ym,Modal as Sm,Typography as Cm}from"@rango-dev/ui";import Tt from"react";import{useNavigate as km}from"react-router-dom";function Ya(t){let{customSlippage:e,slippage:o}=F(),{open:n,onClose:r,onConfirm:i,warning:a}=t,l=km(),p=e??o;return Tt.createElement(Sm,{anchor:"bottom",open:n,prefix:Tt.createElement(Ka,{size:"small",variant:"ghost",onClick:()=>l("/"+y.settings)},Tt.createElement(Cm,{variant:"label",size:"medium",color:"$neutral900"},Ot.t("Change settings"))),container:J(),onClose:r},Tt.createElement(ym,{type:"warning",title:a.type===3?Ot.t("High slippage"):Ot.t("Low slippage"),description:a.type===3?Ot.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):Ot.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Tt.createElement(Xa,{size:18}),Tt.createElement(Xa,{size:32}),Tt.createElement(Ka,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:i},Ot.t("Confirm anyway"))))}s(Ya,"SlippageWarningModal");import{Button as Tm,Divider as wm,MessageBox as vm,Modal as xm,WarningIcon as bm}from"@rango-dev/ui";import oo from"react";function Ja(t){let{open:e,onClose:o,onConfirm:n}=t;return oo.createElement(xm,{open:e,onClose:o,container:J()},oo.createElement(vm,{type:"warning",title:q().unknownPriceError.impactTitle,description:q().unknownPriceError.description}),oo.createElement(wm,{size:32}),oo.createElement(Tm,{type:"primary",size:"large",prefix:oo.createElement(bm,null),fullWidth:!0,onClick:n},q().unknownPriceError.confirmMessage))}s(Ja,"UnknownPriceWarningModal");function Dr(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:i,onCloseWarningModal:a,onConfirmWarningModal:l}=t,p=Nm(),u={open:r,onClose:a,onConfirm:l},c=o?.type===0||o?.type===1,m=ja(e,o?.type===3||o?.type===4?o:null);return We.createElement(We.Fragment,null,c&&We.createElement(Pr,{error:o,fetch:n}),!!m&&We.createElement(Oa,null,We.createElement(Im,{title:m.title,type:m.alertType,variant:"alarm",action:m.action==="show-info"?We.createElement(za,{onClick:i},We.createElement(Wm,{size:12,color:"gray"})):We.createElement(Am,{size:"xsmall",type:"error",onClick:()=>p(y.settings)},Em.t("Change Settings"))})),e&&We.createElement(We.Fragment,null,e.type===0&&We.createElement(Qa,{...u,warning:e}),(e.type===3||e.type===2)&&We.createElement(Ya,{...u,warning:e}),e.type===1&&We.createElement(Ja,{...u,warning:e})))}s(Dr,"QuoteWarningsAndErrors");function no(t){let{quote:e,type:o,loading:n,error:r,warning:i,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:c,expanded:m=!1}=t,{inputAmount:f,inputUsdValue:h,outputUsdValue:k,outputAmount:S}=_(),C=e&&e.result&&!n;return dt.createElement(dt.Fragment,null,n&&dt.createElement(br,null,dt.createElement(Br,{type:o,expanded:m})),C?dt.createElement(br,null,dt.createElement(Wr,{quote:e,error:r,warning:i,type:o,expanded:m,recommended:!0,input:{value:N(f,6,6),usdValue:N(h,4,4)},output:{value:N(S,6,6),usdValue:N(k,4,4)}})):null,!i&&!r&&dt.createElement(Bm,{size:16}),(i||r)&&dt.createElement(Dr,{warning:i,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:c}))}s(no,"QuoteInfo");import{useEffect as Ra,useRef as $m,useState as Fr}from"react";function an(t){if(!t.result)throw new Error(q().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Xt(t)){let{swap:n,recommendation:r,fromAmountRangeError:i}=hr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:i}})}let o=Sr(t);if(o){let n=Yo(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}s(an,"throwErrorIfResponseIsNotValid");function Za(t,e,o){let n=Ys(t,e),r={quote:null,quoteUpdate:null,balance:null},i=Zo(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.tokens,userSlippage:o.userSlippage});i&&(r.quote=i),n&&(Us(t,e)?r.quoteUpdate={type:3,newOutputAmount:N(Pt(e)),percentageChange:N(lt(Pt(t)??"",Pt(e)??""),null,2)}:kr(t,e)?r.quoteUpdate={type:0}:Tr(t,e)?r.quoteUpdate={type:1}:wr(t,e)&&(r.quoteUpdate={type:2}));let a=zs(e,o.selectedWallets);return a.length===0||(r.balance={messages:a}),r}s(Za,"generateWarnings");function ln(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(ln,"handleQuoteErrors");import{useRef as Mm,useState as Pm}from"react";function pn(){let[t,e]=Pm(!1),o=Mm(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(pn,"useFetchQuote");var _m=600;function el(){let{fetch:t,cancelFetch:e}=pn(),{fromToken:o,toToken:n,inputAmount:r,inputUsdValue:i,resetQuote:a,setQuote:l}=_(),{meta:{tokens:p}}=b(),{slippage:u,customSlippage:c,affiliatePercent:m,affiliateRef:f,affiliateWallets:h,disabledLiquiditySources:k}=F(),[S,C]=Fr(!1),[E,d]=Fr(null),[T,w]=Fr(null),g=$m(k),x=c??u,v=!o||!n||Be(o,n)||!Kt(r),L=s(A=>{C(A),d(null),w(null)},"resetState"),P=s(()=>{if(S||L(!0),!v){a();let A=Jo({fromToken:o,toToken:n,inputAmount:r,disabledLiquiditySources:k,slippage:x,affiliateRef:f,affiliatePercent:m,affiliateWallets:h});t(A).then(O=>{C(!1),l(O),an(O);let M=Zo(O,{fromToken:o,toToken:n,userSlippage:x,tokens:p});w(M)}).catch(O=>{let{error:M}=ln(O);(M?.type===0||M?.type===1)&&a(),M?.type!==2&&(d(M),C(!1))})}},"fetch"),R=ps(()=>{v||P()},_m);return Ra(()=>{if(!Kt(r)||i?.eq(0)){L(!1),e();return}if(!v)return a(),L(!0),R(),e},[r,v]),Ra(()=>{let A=!!g.current.length&&!k.length;return!v&&A&&P(),g.current=k,e},[k.length]),{fetch:P,loading:S,error:E,warning:T}}s(el,"useSwapInput");var Gm=Ur("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),Hm=Ur("div",{position:"relative"}),Qm=Ur("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function un(){let t=qm(),{fetch:e,loading:o,error:n,warning:r}=el(),{fromToken:i,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:c,inputUsdValue:m,outputAmount:f,outputUsdValue:h,quote:k,resetQuoteWallets:S,setQuoteWarningsConfirmed:C}=_(),{loadingStatus:E}=b(),d=H.use.connectedWallets(),T=Te.use.setCurrentPage(),[w,g]=zm(!1),x=Um(null),D=!1,v=$s(m,h),L=Ko(m,v),P=!yr(k,c,m),R=!yr(k,c,h),A=_s(E,d,o,k,Xt(k),L,P||R,D,c),O=a&&i?N(Bt(d,a?.name,i?.symbol,i?.address)?.amount||"0",8,8):"0",M=a&&i?N(Bt(d,a?.name,i?.symbol,i?.address)?.amount||"0",Bt(d,a?.name,i?.symbol,i?.address)?.decimal):"0";Om(()=>(T(y.home),S(),T.bind(null,"")),[]);let ie=!m||!h||!h.gt(0)?null:lt(m.toString(),h.toString());return qe.createElement(Q,{ref:x,fixedHeight:!1,hasLogo:!0,footer:qe.createElement(Dm,{type:"primary",size:"large",disabled:A.disabled,prefix:!A.disabled&&A.hasWarning&&qe.createElement(Fm,null),fullWidth:!0,onClick:()=>{A.state==="waitForConnecting"?t(y.wallets):r?g(!0):t(y.confirmSwap)}},A.title),header:{hasConnectWallet:!0,title:Or.t("Swap"),suffix:qe.createElement(cr,{layoutRef:x.current,onClickRefresh:k||n?e:void 0,onClickHistory:()=>t(y.swaps),onClickSettings:()=>t(y.settings)})}},qe.createElement(Gm,null,qe.createElement(Qm,null,qe.createElement(Hm,null,qe.createElement(tl,{label:Or.t("From"),mode:"From",onInputChange:u,balance:O,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:i?.symbol||"",image:i?.image||""},onClickToken:()=>t("from-swap"),price:{value:c,usdValue:P?void 0:N(m,4,4),error:P?q().unknownPriceError.impactTitle:void 0},disabled:E==="failed",loading:E==="loading",onSelectMaxBalance:()=>{O!=="0"&&u(M.split(",").join(""))}}),qe.createElement(Rs,null)),qe.createElement(tl,{sharpBottomStyle:!!k?.result||o,label:Or.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:N($t(m,h),2,2),warningLevel:Re(ie??0),price:{value:N(f,6,6),usdValue:R?void 0:N(h,4,4),error:R?q().unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:E==="failed",loading:E==="loading"})),qe.createElement(no,{quote:k,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:w,onOpenWarningModal:()=>g(!0),onCloseWarningModal:()=>g(!1),onConfirmWarningModal:()=>{g(!1),C(!0),t(y.confirmSwap)}})))}s(un,"Home");import{useEffect as zr,useRef as qr}from"react";import{createSearchParams as Vm,useLocation as jm,useSearchParams as Km}from"react-router-dom";import{useEffect as Ut,useMemo as cn,useRef as mn}from"react";function ol(t){let{setInputAmount:e,setToToken:o,setToBlockchain:n,setFromBlockchain:r,setFromToken:i,fromToken:a,toToken:l,fromBlockchain:p,toBlockchain:u}=_(),{meta:{tokens:c,blockchains:m},loadingStatus:f}=b(),{setAffiliateRef:h,setAffiliatePercent:k,setAffiliateWallets:S}=F(),C=cn(()=>t?.from?.tokens,[t?.from?.tokens]),E=cn(()=>t?.from?.blockchains,[t?.from?.blockchains]),d=cn(()=>t?.to?.tokens,[t?.to?.tokens]),T=cn(()=>t?.to?.blockchains,[t?.to?.blockchains]),w=mn(void 0),g=mn(void 0),x=mn(void 0),D=mn(void 0);Ut(()=>{e(t?.amount?.toString()||"")},[t?.amount]),Ut(()=>{if(f==="success"){let v=m.find(P=>P.name===t?.from?.blockchain),L=c.find(P=>Be(P,t?.from?.token||null));(v||!v&&x.current)&&r(v??null),(L||!L&&w.current)&&i(L??null),x.current=t?.from?.blockchain,w.current=t?.from?.token}},[t?.from?.token?.symbol,t?.from?.token?.address,t?.from?.token?.blockchain,t?.from?.blockchain,f]),Ut(()=>{a&&C&&(C.some(v=>Be(v,a))||i(null)),p&&E&&(E.includes(p.name)||r(null))},[C,E]),Ut(()=>{l&&d&&(d.some(v=>Be(v,l))||o(null)),u&&T&&(T.includes(u.name)||n(null))},[d,T]),Ut(()=>{if(f==="success"){let v=m.find(P=>P.name===t?.to?.blockchain),L=c.find(P=>Be(P,t?.to?.token||null));(v||!v&&D.current)&&n(v??null),(L||!L&&g.current)&&o(L??null),D.current=t?.to?.blockchain,g.current=t?.to?.token}},[t?.to?.token?.symbol,t?.to?.token?.address,t?.to?.token?.blockchain,t?.to?.blockchain,f]),Ut(()=>{h(t?.affiliate?.ref??null),k(t?.affiliate?.percent??null),S(t?.affiliate?.wallets??null)},[t?.affiliate?.ref,t?.affiliate?.percent,t?.affiliate?.wallets])}s(ol,"useSyncStoresWithConfig");function nl(t){let e=qr(!0),[o,n]=Km(),r=jm(),i=qr(r.search),a=qr({}),l=_.use.fromBlockchain(),p=_.use.toBlockchain(),u=_.use.fromToken(),c=_.use.toToken(),m=_.use.setFromBlockchain(),f=_.use.setFromToken(),h=_.use.setToBlockchain(),k=_.use.setToToken(),S=_.use.inputAmount(),C=_.use.setInputAmount(),E=b.use.loadingStatus(),{blockchains:d,tokens:T}=b.use.meta(),w=Te.use.setSelectedSwap();return ol(t.config),zr(()=>{let g={};Vm(i.current).forEach((D,v)=>{g[v]=D}),a.current=g;let x=r.pathname.split(y.swaps+"/")[1]||null;x&&w(x)},[]),zr(()=>{if(!e.current){let g="",x="",D="",v="",L="";if(E!=="success")g=a.current["fromBlockchain"],x=a.current["fromToken"],D=a.current["toBlockchain"],v=a.current["toToken"],L=a.current["fromAmount"]||S;else{if(r.state==="redirect")return;g=l?.name||"",x=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),D=p?.name||"",v=(c?.symbol||"")+(c?.address?`--${c?.address}`:""),L=S}n({...g&&{["fromBlockchain"]:g},...x&&{["fromToken"]:x},...D&&{["toBlockchain"]:D},...v&&{["toToken"]:v},...L&&{["fromAmount"]:L.toString()}},{replace:!0})}e.current=!1},[r.pathname,S,l,u,p,c]),zr(()=>{if(E==="success"){let g=o.get("fromBlockchain"),x=o.get("fromToken"),D=o.get("toBlockchain"),v=o.get("toToken"),L=o.get("fromAmount"),P=d.find(M=>M.name===g),R=Cr(T,x,P||null),A=d.find(M=>M.name===D),O=Cr(T,v,A||null);P&&(m(P),R&&f(R)),A&&(h(A),O&&k(O)),L&&C(L)}},[E]),null}s(nl,"UpdateUrl");function rd(t){let e=od(),o=nd(),n=Rm(!0),r=e.pathname.split("/"),a=r[r.length-1]===y.confirmSwap&&n.current;return Zm(()=>{a&&o("."),n.current=!1},[]),a?wt.createElement(un,null):wt.createElement(wt.Fragment,null," ",t.children)}s(rd,"Route");function rl({children:t,...e}){let o=td(),n=o?rd:ed,{blockchains:r}=b.use.meta(),{canSwitchNetworkTo:i}=Ym(),a=r.filter(Jm);return Xm({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:i}),wt.createElement(wt.Fragment,null,wt.createElement(n,null,t),o&&wt.createElement(nl,{config:e.config}))}s(rl,"AppRouter");import Ee from"react";import{useRoutes as fh}from"react-router-dom";import{i18n as kn}from"@lingui/core";import{useManager as qd}from"@rango-dev/queue-manager-react";import{Alert as bl,Button as El,Divider as Il,IconButton as Al,RefreshIcon as Gd,SettingsIcon as Hd,styled as Wl,Tooltip as Qd,Typography as Vd,WalletIcon as jd}from"@rango-dev/ui";import X,{useEffect as Tn,useState as wn}from"react";import{flushSync as Kd}from"react-dom";import{useNavigate as Xd}from"react-router-dom";import{i18n as tt}from"@lingui/core";import{Alert as Xr,BalanceErrors as Nd,Button as wl,ChevronDownIcon as Bd,ChevronLeftIcon as Ld,Divider as qt,MessageBox as Md,Modal as vl,Typography as Cn,WalletIcon as Pd}from"@rango-dev/ui";import W,{useEffect as $d,useLayoutEffect as _d,useRef as Dd,useState as bt}from"react";import{useNavigate as Fd}from"react-router-dom";import{i18n as dn}from"@lingui/core";function fn(t){switch(t.type){case 0:return dn.t("Route has been updated.");case 3:return dn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return dn.t("Route swappers has been updated.");case 2:return dn.t("Route internal coins has been updated.");default:return""}}s(fn,"getQuoteUpdateWarningMessage");import{i18n as Ge}from"@lingui/core";import{Button as Id,Divider as jr,Image as Ad,MessageBox as Sn,Modal as yl,SelectableWallet as Wd,Typography as Sl,WalletState as Cl}from"@rango-dev/ui";import te,{useEffect as kl,useState as io}from"react";import{WalletState as il}from"@rango-dev/ui";import{useWallets as id}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as sd,WalletTypes as ad}from"@rango-dev/wallets-shared";import{useEffect as ld,useState as pd}from"react";var ud=Object.values(ad);function gn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:i,disconnect:a,getWalletInfo:l,connect:p}=id(),{connectedWallets:u}=H(),{blockchains:c}=b().meta,m=typeof e?.multiWallets>"u"?!0:e.multiWallets,f=cs(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||ud,h=es(i,l,f,o),k=ss(h),[S,C]=pd(""),E=s(g=>!u.find(x=>x.walletType===g&&x.chain===o),"isExperimentalChainNotAdded"),d=s(async g=>{let x=i(g);try{if(S&&C(""),x.connected)await a(g);else{let D=!!h.find(v=>v.state===il.CONNECTED);if(!m&&D)return;n?.(g),await p(g),r?.(g)}}catch(D){C("Error: "+D?.message)}},"handleClick"),T=s(()=>{let g=h?.filter(x=>x.state===il.CONNECTING)||[];for(let x of g)a(x.type)},"disconnectConnectingWallets");ld(()=>()=>{T()},[]);let w=s((g,x,D)=>Mo(D,x)&&E(g)&&!sd.includes(g),"shouldExcludeWallet");return{list:k.filter(g=>!w(g.type,o??"",c)),error:S,handleClick:d}}s(gn,"useWalletList");import{i18n as ul}from"@lingui/core";import{styled as ml,Typography as Cd,Wallet as kd,WalletState as Td}from"@rango-dev/ui";import xt,{Fragment as wd,useState as cl}from"react";import{Divider as gd,Modal as hd}from"@rango-dev/ui";import Hr from"react";import{i18n as zt}from"@lingui/core";import{Image as dd,MessageBox as Gr,WalletState as fd}from"@rango-dev/ui";import vt from"react";import{keyframes as cd,styled as hn}from"@rango-dev/ui";var lb=hn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),sl=hn("div",{position:"relative"}),md=cd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),al=hn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${md} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ll=hn("div",{"& img":{borderRadius:"50%"}});function pl(t){let{state:e,image:o,error:n}=t;return e===fd.CONNECTED?vt.createElement(Gr,{type:"success",title:zt.t("Wallet Connected"),description:zt.t("Your wallet is connected, you can use it to swap.")}):n?vt.createElement(Gr,{type:"error",title:zt.t("Failed to Connect"),description:n||zt.t("Your wallet is not connected. Please try again.")}):vt.createElement(Gr,{type:"loading",title:zt.t("Connecting to your wallet"),description:zt.t("Click connect in your wallet popup."),icon:vt.createElement(sl,null,vt.createElement(ll,null,vt.createElement(dd,{src:o,size:45})),vt.createElement(al,null))})}s(pl,"ModalContent");function ro(t){let{open:e,onClose:o,...n}=t;return Hr.createElement(hd,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},Hr.createElement(pl,{...n}),Hr.createElement(gd,{direction:"vertical",size:32}))}s(ro,"WalletModal");import{useInRouterContext as yd,useNavigate as Sd}from"react-router-dom";function oe(){let t=yd(),e=Sd(),o=_.use.quoteWalletsConfirmed();return y,{navigateBackFrom:s(r=>{if(r===y.swapDetails)return e("/"+y.swaps,{replace:!0});if(!t||window.history.state&&window.history.state.idx>0)e(-1);else{if([y.settings,y.wallets].includes(r)&&o)return e("/"+y.confirmSwap,{replace:!0});[y.fromSwap,y.toSwap,y.settings,y.wallets,y.swaps,y.confirmSwap].includes(r)?e(y.home,{replace:!0}):r===y.fromBlockchain?e("/"+y.fromSwap,{replace:!0}):r===y.toBlockchain?e("/"+y.fromSwap,{replace:!0}):r===y.liquiditySources&&e("/"+y.settings,{replace:!0})}},"navigateBackFrom")}}s(oe,"useNavigateBack");var vd=ml("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),xd=ml("div",{textAlign:"center"}),yn=3e3,Qr=300;function dl({config:t}){let{navigateBackFrom:e}=oe(),[o,n]=cl(!1),[r,i]=cl(""),a=null,{list:l,handleClick:p,error:u}=gn({config:t,onBeforeConnect:k=>{a=setTimeout(()=>{n(!0),i(k)},Qr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},yn)}}),c=b.use.loadingStatus(),m=l.find(k=>k.type===r),f=m?.image||"",h=m?.state||Td.NOT_INSTALLED;return xt.createElement(Q,{header:{title:ul.t("Connect Wallets"),onBack:()=>e(y.wallets)}},xt.createElement(xd,null,xt.createElement(Cd,{variant:"title",size:"xmedium",align:"center"},ul.t("Choose a wallet to connect.")),xt.createElement(vd,null,l.map((k,S)=>{let C=`wallet-${S}-${k.type}`;return xt.createElement(wd,{key:C},xt.createElement(kd,{...k,container:J(),onClick:E=>{p(E)},isLoading:c==="loading"}))}),xt.createElement(ro,{open:!!o,onClose:()=>n(!1),image:f,state:h,error:u}))))}s(dl,"WalletsPage");import{keyframes as bd,styled as Vr}from"@rango-dev/ui";var fl=Vr("div",{position:"relative"}),Ed=bd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),gl=Vr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Ed} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),hl=Vr("div",{"& img":{borderRadius:"50%"}});function Kr(t){let{config:e,chain:o,isSelected:n,selectWallet:r,limit:i,onShowMore:a}=t,l=H.use.connectedWallets(),{blockchains:p}=b.use.meta(),[u,c]=io(""),[m,f]=io(null),[h,k]=io(!1),[S,C]=io(null),{suggestAndConnect:E}=Tl(),d=null,{list:T,error:w,handleClick:g}=gn({config:e,chain:o,onBeforeConnect:A=>{d=setTimeout(()=>{c(A)},Qr)},onConnect:()=>{d&&clearTimeout(d),setTimeout(()=>{c("")},yn)}}),[x,D]=io(T),v=T.length,L=i&&v-i>0,P=s(async A=>{k(!1),C("in-progress");try{await E(A.walletType,A.chain),C("completed")}catch{C("rejected")}},"addExperimentalChain");kl(()=>{D(A=>{let O=T.findIndex(M=>n(M.type,o));return L&&O>1?[T[O]].concat(T.filter((M,ie)=>ie!==O)):A.map(M=>T.find(ie=>ie.type===M.type)??M)})},[JSON.stringify(T)]);let R=document.querySelector("#swap-box");return kl(()=>{let A=null;return(S==="completed"||S==="rejected")&&(A=setTimeout(()=>C(null),yn)),()=>{A&&clearTimeout(A)}},[S]),te.createElement(te.Fragment,null,x.slice(0,i).map(A=>{let O=as({connectedWallets:l,walletType:A.type,chain:o}),M=O?Po(O):"",ie=Mo(p,o),Ce=!l.find(Ne=>Ne.walletType===A.type&&Ne.chain===o),le=ie&&Ce&&A.state===Cl.CONNECTED,ge=le?Ge.t({id:"Add {chain} chain",values:{chain:o}}):M,ee=s(()=>{A.state===Cl.DISCONNECTED?g(A.type):le?(f({walletType:A.type,chain:o,address:O??""}),k(!0)):r({walletType:A.type,chain:o,address:O??""})},"onClick"),j=m?.chain?Ms(m.chain,p):void 0;return te.createElement(te.Fragment,null,te.createElement(ro,{open:u===A.type,onClose:()=>c(""),image:A.image,state:A.state,error:w}),!!m&&te.createElement(yl,{open:!!m&&h,container:R,onClose:()=>{f(null)}},te.createElement(Sn,{title:Ge.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:j}}),type:"warning",description:Ge.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:j}})},te.createElement(jr,{size:18}),te.createElement(jr,{size:32}),te.createElement(Id,{onClick:P.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Ge.t("Confirm")))),S&&te.createElement(yl,{open:!!S,onClose:C.bind(null,null),container:R},S==="in-progress"&&te.createElement(Sn,{type:"loading",title:Ge.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:j}}),description:Ge.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:j}}),icon:te.createElement(fl,null,te.createElement(hl,null,te.createElement(Ad,{src:A.image,size:45})),te.createElement(gl,null))}),S==="completed"&&te.createElement(Sn,{type:"success",title:Ge.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:j}}),description:Ge.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:j}})}),S==="rejected"&&te.createElement(Sn,{type:"error",title:Ge.t("Request Rejected"),description:Ge.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:j}})}),te.createElement(jr,{direction:"vertical",size:32})),te.createElement(Wd,{key:A.type,description:ge,onClick:ee,selected:n(A.type,o),...A}))}),L&&te.createElement(ia,{selected:!1,onClick:a.bind(null)},te.createElement(Sl,{variant:"label",size:"medium"},Ge.t("Show more wallets"),te.createElement(Sl,{variant:"label",size:"medium",color:"$primary"},"\xA0+",v-(i??0)))))}s(Kr,"WalletList");var Od=2;function xl(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,config:i,loading:a}=t,{blockchains:l}=b.use.meta(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:c,setQuoteWalletConfirmed:m,customDestination:f,setCustomDestination:h}=_(),{connectedWallets:k,selectWallets:S}=H(),[C,E]=bt(""),[d,T]=bt([]),[w,g]=bt(""),[x,D]=bt(null),[v,L]=bt(f),[P,R]=bt(!!f),A=Dd(null),O=qo(p),M=typeof i?.customDestination>"u"?!0:i.customDestination,ie=l.find(U=>U.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),Ce=s(U=>!!p?.result?.swaps.find(K=>K.from.blockchain===U),"isWalletRequiredFor"),[le,ge]=bt(k.filter(U=>U.selected&&O.includes(U.chain))),ee=l.find(U=>U.name===ie?.name),j=s((U,K)=>!!le.find(z=>z.walletType===U&&z.chain===K&&z.selected&&(Ce(K)||!Ce(K)&&!v)),"isSelected"),Ne=!!v&&P&&ee&&!Go(ee,v),Ze=s(()=>{R(!1),L(""),ge(U=>{let K=!1;return U.map(z=>!K&&z.chain===ie?.name?(K=!0,{...z,selected:!0}):z)})},"resetCustomDestination"),yt=s(U=>{if(C&&E(""),j(U.walletType,U.chain))return;let z=k.find(se=>se.walletType===U.walletType&&se.chain===U.chain);z&&(n(),U.chain===ie?.name&&P&&(R(!1),L("")),ge(se=>se.filter(Qe=>Qe.chain!==U.chain).concat({...z,selected:!0})))},"onChange"),vo=s(()=>{let U=le.filter(K=>K.selected);S(U),u(U),h(v),m(!0),o()},"onConfirmBalance"),Yn=s(async()=>{T([]),g(""),D(null);let U=k.filter(se=>le.find(Qe=>Qe.chain===se.chain&&Qe.walletType===se.walletType)),K=await r?.({selectedWallets:U,customDestination:v}),z=K.warnings;z?.balance?.messages&&T(z.balance.messages),z?.quoteUpdate&&D(z.quoteUpdate),K.error&&g(Ps(K.error)),!K.error&&(!z?.balance?.messages.length||0>0)?vo():T(z?.balance?.messages??[])},"onConfirmWallets");$d(()=>{ge(U=>U.concat(k.filter(K=>!!!U.find(se=>se.chain===K.chain)&&K.selected&&O.includes(K.chain))))},[k.length]),_d(()=>{P&&A.current&&setTimeout(()=>{A?.current?.scrollIntoView({behavior:"smooth"})},Jt)},[P]);let Wt=document.querySelector("#swap-box"),xo=Fd();return W.createElement(vl,{open:e,onClose:()=>{c||xo(y.home,{replace:!0}),o()},dismissible:!C,container:Wt,...!C&&{footer:W.createElement(fa,null,W.createElement(wl,{loading:a,disabled:Vs(a,P,v,p,le,ie),onClick:Yn,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...C&&{containerStyle:{padding:"$0"},header:W.createElement(aa,null,W.createElement(la,{variant:"ghost",onClick:E.bind(null,"")},W.createElement(Ld,{size:16})),W.createElement(Cn,{variant:"headline",size:"small"},tt.t({id:"Your {blockchainName} wallets",values:{blockchainName:C}})))},anchor:"center"},W.createElement(vl,{open:d.length>0,onClose:T.bind(null,[]),container:Wt},W.createElement(Md,{title:tt.t("Insufficient account balance"),type:"error",description:W.createElement(Nd,{messages:d??[]})},W.createElement(wl,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:vo},tt.t("Proceed anyway")))),C&&W.createElement(pa,null,W.createElement("div",{className:"wallets-list"},W.createElement(Kr,{chain:C,isSelected:j,selectWallet:yt,multiWallets:i?.multiWallets??!0,supportedWallets:i?.wallets??[],config:i,onShowMore:E.bind(null,C)}))),!C&&W.createElement(W.Fragment,null,w&&W.createElement(W.Fragment,null,W.createElement(Xr,{variant:"alarm",type:"error",title:tt.t(w)}),W.createElement(qt,{size:12})),x&&W.createElement(W.Fragment,null,W.createElement(Xr,{variant:"alarm",type:"warning",title:fn(x)}),W.createElement(qt,{size:12})),W.createElement(ha,null,O.map((U,K)=>{let z=l.find(Ie=>Ie.name===U),se=`wallet-${K}`,Qe=K===O.length-1;return W.createElement("div",{key:se},W.createElement(na,null,W.createElement(Cn,{variant:"title",size:"xmedium"},tt.t({id:"Your {blockchainName} wallets",values:{blockchainName:z?.displayName}})),W.createElement(Cn,{variant:"label",color:"$neutral700",size:"medium"},tt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:z?.displayName}}))),W.createElement(qt,{size:24}),W.createElement(ra,null,W.createElement(Kr,{chain:U,isSelected:j,selectWallet:yt,multiWallets:i?.multiWallets??!0,supportedWallets:i?.wallets??[],config:i,limit:Od,onShowMore:()=>E(z?.name??"")})),!Qe&&W.createElement(qt,{size:32}),Qe&&M&&W.createElement(ma,null,W.createElement(ua,{ref:A,selected:P,open:P,onOpenChange:Ie=>{Ie?Ce(ie?.name??"")||ge(Jn=>Jn.map(Zn=>Zn.chain===ie?.name?{...Zn,selected:!1}:Zn)):Ze()}},W.createElement(sa,{onClick:()=>R(Ie=>!Ie)},W.createElement(ca,{fullWidth:!0,variant:"default",suffix:W.createElement(da,{orientation:P?"up":"down"},W.createElement(Bd,{size:10,color:"gray"}))},W.createElement("div",{className:"button__content"},W.createElement(Pd,{size:18,color:"info"}),W.createElement(qt,{size:4,direction:"horizontal"}),W.createElement(Cn,{variant:"label",size:"medium"},tt.t("Send to a different address"))))),W.createElement(Ro,{open:P},W.createElement(W.Fragment,null,W.createElement(qt,{size:4}),W.createElement(ga,{autoFocus:!0,placeholder:tt.t("Your destination address"),value:v,onChange:Ie=>{L(Ie.target.value)}})))),Ne&&W.createElement("div",{className:"alarms"},W.createElement(Xr,{variant:"alarm",type:"error",title:tt.t({values:{destination:v},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}s(xl,"ConfirmWalletsModal");import{calculatePendingSwap as Ud}from"@rango-dev/queue-manager-rango-preset";import{useEffect as zd}from"react";function Yr(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,resetQuote:r,quote:i,customDestination:a,setQuoteWarningsConfirmed:l}=_(),{slippage:p,customSlippage:u,affiliatePercent:c,affiliateRef:m,affiliateWallets:f,disabledLiquiditySources:h}=F(),{connectedWallets:k}=H(),{meta:S}=b(),C=u||p,{fetch:E,cancelFetch:d,loading:T}=pn();return zd(()=>d,[]),{loading:T,fetch:s(async g=>{let x=g.selectedWallets,D=g?.customDestination??a;if(!t||!e||!o||!i)return{quote:null,swap:null,error:null,warnings:null};let v=Jo({fromToken:t,toToken:e,inputAmount:o,wallets:k,selectedWallets:x,disabledLiquiditySources:h,slippage:C,affiliateRef:m,affiliatePercent:c,affiliateWallets:f,initialQuote:i,destination:D}),L;try{L=await E(v).then(O=>an(O)),n(L)}catch(O){let M=ln(O);return(M.error?.type===0||M.error?.type===1)&&r(),M}let P={slippage:C.toString(),disabledSwappersGroups:h},R=Ud(o.toString(),L,Os(x),P,!1,S),A=Za(i,L,{fromToken:t,toToken:e,tokens:S.tokens,selectedWallets:x,userSlippage:C});return A.quoteUpdate&&l(!1),{quote:L,swap:R,error:null,warnings:A}},"fetch"),cancelFetch:d}}s(Yr,"useConfirmSwap");var Yd=Wl("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"}}),Jd=Wl("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Al}`]:{width:"$48",height:"$48"}});function Nl(t){let{config:e}=t,{quote:o,setInputAmount:n,selectedWallets:r,quoteWalletsConfirmed:i,setQuoteWalletConfirmed:a,customDestination:l,quoteWarningsConfirmed:p}=_(),u=Xd(),[c,m]=wn(""),{connectedWallets:f}=H(),h=!i,[k,S]=wn(!1),C=Te.use.setSelectedSwap(),{manager:E}=qd(),{fetch:d,loading:T,cancelFetch:w}=Yr(),[g,x]=wn({swap:null,error:null,warnings:null}),[D,v]=wn(!1),L=s(async({selectedWallets:M,customDestination:ie})=>{let Ce=await d?.({selectedWallets:M,customDestination:ie});return x(Ce),Ce},"onConfirmSwap"),P=s(async()=>{if(g.swap&&i)try{await E?.create("swap",{swapDetails:g.swap},{id:g.swap.requestId}),C(g.swap.requestId),u("/"+y.swaps+`/${g.swap.requestId}`,{replace:!0}),setTimeout(()=>{n("")},0)}catch(M){m("Error: "+M?.message)}},"addNewSwap"),R=s(async()=>{await P()},"onConfirm"),A=s(async()=>{g?.warnings?.quote&&!p?v(!0):await R()},"onStartConfirmSwap"),O=s(async()=>{x({error:null,swap:null,warnings:null}),d({selectedWallets:r}).then(M=>{x(M)}).catch(M=>console.error(M))},"onRefresh");return Tn(()=>{h&&w()},[h]),Tn(()=>{h&&S(h)},[h]),Tn(()=>{h||d({selectedWallets:r,customDestination:l}).then(M=>x(M)).catch(M=>console.error(M))},[]),Tn(()=>{let M=g.warnings?.quote?.type&&Object.values(st).includes(g.warnings?.quote?.type),ie=r.length<1||!r.every(le=>f.find(ge=>le.address===ge.address&&le.walletType===ge.walletType&&le.chain===ge.chain)),Ce=!1;if(M){let le=qo(o),ge=o?.result?.swaps[o.result.swaps.length-1].to.blockchain;!!o?.result?.swaps.find(Ne=>Ne.from.blockchain===ge)||(le=le.slice(-le.length,le.length-1)),le.every(Ne=>r.find(Ze=>Ze.chain===Ne))||(Ce=!0)}o&&(ie||Ce)&&(queueMicrotask(()=>Kd(S.bind(null,!0))),a(!1))},[g.warnings?.quote,r.length,f.length]),X.createElement(Q,{header:{title:kn.t("Confirm Swap"),onBack:()=>u(-1),hasConnectWallet:!0,suffix:X.createElement(Qd,{container:J(),side:"bottom",content:kn.t("Settings")},X.createElement($e,{size:"small",variant:"ghost",onClick:()=>u("/"+y.settings)},X.createElement(Hd,{size:18,color:"black"})))},footer:X.createElement(Jd,null,X.createElement("div",{className:"confirm-button"},X.createElement(El,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:T,disabled:!!g.error,onClick:A},kn.t("Start Swap"))),X.createElement(Al,{variant:"contained",type:"primary",size:"large",loading:T,onClick:S.bind(null,!0)},X.createElement(jd,{size:24})))},k&&X.createElement(xl,{open:k,onClose:()=>S(!1),onCancel:w,loading:T,onCheckBalance:L,config:e}),X.createElement(Yd,null,X.createElement("div",{className:"description"},X.createElement(Vd,{variant:"title",size:"small"},kn.t("You get")),X.createElement(El,{style:{padding:"0"},variant:"ghost",disabled:T,onClick:O},X.createElement("div",{className:"icon"},X.createElement(Gd,{size:16})))),c&&X.createElement(X.Fragment,null,X.createElement(bl,{type:"error",variant:"alarm",title:c}),X.createElement(Il,{size:12})),g.warnings?.quoteUpdate&&X.createElement(X.Fragment,null,X.createElement(bl,{variant:"alarm",type:"warning",title:g.warnings.quoteUpdate&&fn(g.warnings.quoteUpdate)}),X.createElement(Il,{size:12})),X.createElement(no,{quote:o,type:"swap-preview",expanded:!0,error:g.error,loading:T,warning:g.warnings?.quote??null,refetchQuote:O,showWarningModal:D,onOpenWarningModal:()=>v(!0),onCloseWarningModal:()=>v(!1),onConfirmWarningModal:async()=>{v(!1),await P()}})))}s(Nl,"ConfirmSwapPage");import{i18n as bn}from"@lingui/core";import{useManager as nf}from"@rango-dev/queue-manager-react";import{Divider as rf,NotFound as sf,styled as Ol}from"@rango-dev/ui";import ft,{useState as af}from"react";import{useNavigate as lf}from"react-router-dom";import{CloseIcon as Rd,IconButton as ef,SearchIcon as tf,TextField as of}from"@rango-dev/ui";import so from"react";import{styled as Zd}from"@rango-dev/ui";var Bl=Zd("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function ot(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:i,value:a,setValue:l,...p}=t;return so.createElement(of,{prefix:so.createElement(Bl,null,so.createElement(tf,{color:"black"})),suffix:!!a.length&&so.createElement(ef,{variant:"ghost",onClick:()=>l?.(""),size:"small"},so.createElement(Rd,{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(ot,"SearchInput");import{i18n as Ml}from"@lingui/core";import{Divider as Pl,SwapListItem as $l,Typography as _l}from"@rango-dev/ui";import Z from"react";import{styled as vn}from"@rango-dev/ui";var Jr=vn("div",{width:"100%",display:"flex",flexDirection:"column"}),Zr=vn("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Rr=vn("div",{gap:"$10",display:"flex",flexDirection:"column"}),Ll=vn("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function ei(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,i=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return Z.createElement(Z.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>Z.createElement(Z.Fragment,{key:p.title},Z.createElement(Jr,null,Z.createElement(Zr,null,Z.createElement(_l,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},Ml.t(p.title))),Z.createElement(Pl,{size:4}),Z.createElement(Rr,null,p.swaps.map((u,c)=>{let m=c+p.title;return Z.createElement(Z.Fragment,{key:m},Z.createElement($l,{isLoading:!0}))}))))))}return Z.createElement(Z.Fragment,null,i.filter(a=>a.swaps.length>0).map(a=>Z.createElement(Z.Fragment,{key:a.title},Z.createElement(Jr,null,Z.createElement(Zr,null,Z.createElement(_l,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},Ml.t(a.title))),Z.createElement(Pl,{size:4}),Z.createElement(Rr,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return Z.createElement(Z.Fragment,{key:l.requestId},Z.createElement($l,{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:Wo(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:Wo(u.outputAmount||""),estimatedAmount:Wo(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}s(ei,"SwapsGroup");import Dl from"dayjs";var Fl=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=Dl();return t.forEach(n=>{let r=Dl(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 xn=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 pf=Ol("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),uf=Ol("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),cf=s((t,e)=>t?.length?t.filter(o=>Ve(o.fromBlockchain,e)||Ve(o.toBlockchain,e)||Ve(o.toSymbol,e)||Ve(o.fromSymbol,e)).length:!1,"isStepContainsText");function Ul(){let t=Te.use.setSelectedSwap(),e=lf(),{navigateBackFrom:o}=oe(),{manager:n,state:r}=nf(),i=xn(n).map(({swap:f})=>f),[a,l]=af(""),p=!r.loadedFromPersistor,u=s(f=>{let h=f.target.value;l(h)},"searchHandler"),c=i;a&&(c=i.filter(f=>Ve(f.inputAmount,a)||Ve(f.status,a)||cf(f.steps,a)||Ve(f.requestId,a)));let m=!c?.length&&!p;return ft.createElement(Q,{header:{onBack:()=>o(y.swaps),title:bn.t("History")}},ft.createElement(pf,null,ft.createElement(ot,{setValue:l,fullWidth:!0,variant:"contained",placeholder:bn.t("Search Transaction"),autoFocus:!0,onChange:u,value:a}),ft.createElement(uf,null,m&&ft.createElement(Ll,null,ft.createElement(rf,{size:32}),ft.createElement(sf,{title:bn.t("No results found"),description:a?bn.t("Try using different keywords"):""})),!m&&ft.createElement(ei,{list:c,onSwapClick:f=>{t(f),e(`${f}`,{replace:!0})},groupBy:Fl,isLoading:p}))))}s(Ul,"HistoryPage");import{i18n as zl}from"@lingui/core";import{List as mf,ListItemButton as df,Radio as ff,RadioRoot as gf,Typography as hf}from"@rango-dev/ui";import gt from"react";import{styled as En}from"@rango-dev/ui";var nt=En("div",{height:"100%",overflow:"hidden"}),ao=En("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ti=En("div",{width:80,display:"flex",justifyContent:"flex-end"}),oi=En("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function In(){let t=F.use.language(),e=F.use.setLanguage();return{activeLanguage:t,languages:Ba,defaultLanguage:rn,changeLanguage:e}}s(In,"useLanguage");function ql(){let{navigateBackFrom:t}=oe(),{activeLanguage:e,changeLanguage:o,languages:n}=In(),r=n.map(i=>{let{local:a,label:l,SVGFlag:p}=i;return{id:a,value:a,title:gt.createElement(hf,{variant:"title",size:"xmedium"},l),onClick:()=>o(i.local),end:gt.createElement(ff,{value:a}),start:gt.createElement(p,null)}});return gt.createElement(Q,{header:{onBack:()=>t(y.settings),title:zl.t("Language")}},gt.createElement(nt,null,gt.createElement(gf,{value:e},gt.createElement(mf,{type:gt.createElement(df,{title:zl.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}s(ql,"LanguagePage");import{i18n as Gt}from"@lingui/core";import{Button as Tf,Checkbox as wf,Image as vf,ListItemButton as xf,NotFound as bf,Typography as Ef}from"@rango-dev/ui";import Se,{useState as If}from"react";import{Checkbox as Cf,Skeleton as Hl}from"@rango-dev/ui";import lo from"react";import{ListItem as yf,styled as Sf}from"@rango-dev/ui";var Gl=Sf(yf,{height:61});var kf=30;function ni(){return lo.createElement(ao,null,Array.from(Array(kf),t=>lo.createElement(Gl,{hasDivider:!0,key:t,start:lo.createElement(Hl,{variant:"circular",width:35,height:35}),title:lo.createElement(Hl,{variant:"text",size:"large",width:90}),end:lo.createElement(Cf,{checked:!1})})))}s(ni,"LoadingLiquiditySourceList");function An(t){let e=b.use.meta().swappers,o=F.use.disabledLiquiditySources(),n=[];return Lt(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(An,"getUniqueSwappersGroups");function Ql(t,e){return t.groupTitle<e.groupTitle?-1:t.groupTitle>e.groupTitle?1:0}s(Ql,"sortLiquiditySourcesByGroupTitle");function ri({supportedSwappers:t,sourceType:e}){let[o,n]=If(""),r=F.use.toggleLiquiditySource(),{navigateBackFrom:i}=oe(),a=b.use.loadingStatus(),l=An(t),p=[];e==="Exchanges"&&p.push("DEX"),e==="Bridges"&&(p.push("BRIDGE"),p.push("AGGREGATOR"));let u=l.filter(S=>p.includes(S.type)),c=u.length===u.filter(S=>S.selected).length,m=s(()=>{u.forEach(S=>{c?r(S.groupTitle):S.selected||r(S.groupTitle)})},"toggleAllSources"),f=u.sort(Ql).map(S=>{let{selected:C,groupTitle:E,logo:d}=S;return{start:Se.createElement(vf,{src:d,size:22,type:"circular"}),onClick:()=>r(E),end:Se.createElement(wf,{checked:C}),title:Se.createElement(Ef,{variant:"title",size:"xmedium"},Gt.t(E)),...S}}),h=s(S=>{let C=S.target.value;n(C)},"searchHandler"),k=f;return o&&(k=f.filter(S=>Ve(S.groupTitle,o))),Se.createElement(Q,{header:{onBack:()=>i(y.settings),title:Gt.t(e),suffix:Se.createElement(ti,null,Se.createElement(Tf,{variant:"ghost",size:"xsmall",onClick:m},Gt.t(c?"Deselect all":"Select all")))}},Se.createElement(nt,null,Se.createElement(ot,{value:o,setValue:n,fullWidth:!0,color:"light",variant:"contained",placeholder:Gt.t("Search {sourceType}",{sourceType:e}),onChange:h}),a==="loading"&&Se.createElement(ni,null),!k.length&&o?Se.createElement(oi,null,Se.createElement(bf,{title:Gt.t("No results found"),description:Gt.t("Try using different keywords")})):a==="success"&&Se.createElement(ao,null,k.map(S=>Se.createElement(Se.Fragment,{key:S.id},Se.createElement(xf,{style:{height:"61px"},...S,selected:!1,hasDivider:!0}))))))}s(ri,"LiquiditySourcePage");import{i18n as Rl}from"@lingui/core";import{Divider as li,SelectableCategoryList as _f}from"@rango-dev/ui";import Et,{useState as ep}from"react";import{i18n as si}from"@lingui/core";import{Divider as Jl,Image as Bf,ListItemButton as Lf,NotFound as Mf,Typography as Zl}from"@rango-dev/ui";import Pe,{useEffect as Pf,useState as $f}from"react";import{BlockchainCategories as ii}from"@rango-dev/ui";import{TransactionType as Wn}from"rango-sdk";var Af=s((t,e)=>{switch(e){case ii.ALL:return!0;case ii.UTXO:return t.type===Wn.TRANSFER;case ii.OTHER:return t.type!==Wn.TRANSFER&&t.type!==Wn.COSMOS&&t.type!==Wn.EVM;default:return t.type===e}},"filterByType"),Vl=s((t,e,o)=>t.filter(n=>Af(n,o)).filter(n=>St(n.name,e)||St(n.displayName,e)),"filterBlockchains");import{styled as jl}from"@rango-dev/ui";var Kl=jl("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Nn=jl("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Wf,Skeleton as Xl}from"@rango-dev/ui";import Bn from"react";var Nf=20;function Yl(){return Bn.createElement(Nn,null,Array.from(Array(Nf),t=>Bn.createElement(Wf,{key:t,hasDivider:!0,start:Bn.createElement(Xl,{variant:"circular",width:35,height:35}),title:Bn.createElement(Xl,{variant:"text",size:"large",width:90})})))}s(Yl,"LoadingBlockchainList");function ai(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[i,a]=$f(e),l=b.use.loadingStatus();Pf(()=>{a([...Vl(e,o,r)])},[e,o,r]);let p=s(()=>!i.length&&o?Pe.createElement(Pe.Fragment,null,Pe.createElement(Jl,{size:32}),Pe.createElement(Mf,{title:si.t("No results found"),description:si.t("Try using different keywords")})):Pe.createElement(Nn,{key:`${r}-${o}`},i.map(u=>Pe.createElement(Lf,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Pe.createElement(Bf,{src:u.logo,size:30}),title:Pe.createElement(Zl,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Pe.createElement(Kl,null,Pe.createElement(Zl,{variant:"label",size:"large"},si.t("Select Blockchain")),Pe.createElement(Jl,{size:4}),l==="loading"&&Pe.createElement(Yl,null),l==="success"&&p())}s(ai,"BlockchainList");function pi(t){let{type:e}=t,{navigateBackFrom:o}=oe(),[n,r]=ep(""),[i,a]=ep("ALL"),l=_.use.setToBlockchain(),p=_.use.setFromBlockchain(),{loadingStatus:u}=b(),c=Le().blockchains({type:e}),m=e==="source"?"fromBlockchain":"toBlockchain";return Et.createElement(Q,{header:{onBack:()=>{o(y[m])},title:Rl.t("Select Blockchain")}},Et.createElement(li,{size:12}),Et.createElement(_f,{setCategory:a,category:i,blockchains:c,isLoading:u==="loading"}),Et.createElement(li,{size:24}),Et.createElement(ot,{value:n,autoFocus:!0,placeholder:Rl.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),Et.createElement(li,{size:16}),Et.createElement(ai,{list:c,searchedFor:n,blockchainCategory:i,onChange:f=>{e==="source"?p(f):l(f),o(y[m])}}))}s(pi,"SelectBlockchainPage");import{i18n as Sp}from"@lingui/core";import{Divider as Cp}from"@rango-dev/ui";import Ht,{useState as Rf}from"react";import{useNavigate as eg}from"react-router-dom";import{i18n as ci}from"@lingui/core";import{BlockchainsChip as Ln,Divider as rp,Image as ip,Skeleton as zf,Typography as mi}from"@rango-dev/ui";import fe from"react";import{useEffect as Of}from"react";var tp=["ETH","COSMOS","OSMOSIS"];function op(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(Df),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(Ff(a)),r=n.splice(i)}return{list:n,more:r}}s(op,"prepare");function Df(t,e){let o=tp,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(Df,"sortByMostUsedBlockchains");function Ff(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(Ff,"generateSortByPreferredBlockchainsFor");function ui(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=F();Of(()=>{e?.selected&&n(e?.selected)},[e?.selected]);let r=op(t,o,e);return{list:r.list,more:r.more,history:[]}}s(ui,"usePrepareBlockchainList");import{styled as Uf}from"@rango-dev/ui";var np=Uf("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var qf=12;function di(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:i}=t,a=ui(e,{limit:10,selected:n?.name}),l=b.use.loadingStatus(),p=_.use.resetToBlockchain(),u=_.use.resetFromBlockchain(),c=a.more.length>0,m=a.more.length===1,f=!m&&c;return fe.createElement("div",null,fe.createElement(rp,{size:12}),fe.createElement(mi,{variant:"label",size:"large"},ci.t("Select Blockchain")),fe.createElement(rp,{size:12}),fe.createElement(np,null,l==="loading"&&Array.from(Array(qf),h=>fe.createElement(zf,{key:h,variant:"rounded",height:50})),l==="success"&&fe.createElement(fe.Fragment,null,fe.createElement(Ln,{selected:!n,onClick:()=>{o==="from"?u():p()}},fe.createElement(mi,{variant:"body",size:"xsmall",color:"secondary500"},ci.t("All"))),a.list.map(h=>fe.createElement(Ln,{key:h.name,selected:!!n&&n.name===h.name,onClick:()=>r(h)},fe.createElement(ip,{src:h.logo,size:30}))),m?fe.createElement(Ln,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},fe.createElement(ip,{src:a.more[0].logo,size:30})):null,f?fe.createElement(Ln,{onClick:i,key:"more-blockchains"},fe.createElement(mi,{variant:"body",size:"xsmall",color:"secondary500"},ci._("More +{count}",{count:a.more.length}))):null)))}s(di,"BlockchainsSection");import{i18n as Si}from"@lingui/core";import{darkTheme as dp,Divider as uo,ExternalLinkIcon as Qf,Image as Vf,ListItemButton as jf,NotFound as Kf,PinIcon as Xf,Skeleton as fp,Typography as co,VirtualizedList as Yf}from"@rango-dev/ui";import $,{forwardRef as Jf,useEffect as gp,useState as hp}from"react";var sp=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"),Mn=s((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:sp(e,(5-l)*32)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:sp(e,-((l-5)*32))});return a},"generateRangeColors"),fi=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=Mn(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,...Mn(i,a)}}return n?r:{}},"generateColors");import{Divider as cp,ListItem as Hf,Skeleton as po}from"@rango-dev/ui";import He from"react";import{styled as Xe,Typography as Gf}from"@rango-dev/ui";var ap=Xe("div",{display:"flex",flexDirection:"column",flexGrow:1}),gi=Xe("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Pn=Xe("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"}}}}}),hi=Xe("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),yi=Xe(Gf,{}),lp=Xe("div",{textAlign:"right"}),$n=Xe("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),VA=Xe("div",{display:"flex",alignItems:"center"}),pp=Xe("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),up=Xe("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function mp(t){return He.createElement(Pn,null,Array.from(Array(t.size),e=>He.createElement(Hf,{key:e,hasDivider:!0,start:He.createElement(po,{variant:"circular",width:35,height:35}),end:He.createElement($n,null,He.createElement(po,{variant:"text",size:"large",width:70}),He.createElement(cp,{size:4}),He.createElement(po,{variant:"text",size:"medium",width:50})),title:He.createElement("div",null,He.createElement(po,{variant:"text",size:"large",width:90}),He.createElement(cp,{size:4}),He.createElement(po,{variant:"text",size:"medium",width:90}))})))}s(mp,"LoadingTokenList");var Ci=20,Zf=s(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:i,customCssForTagTitle:a}=t,l=e.length;return $.createElement("div",{className:"description"},o?$.createElement("div",{className:"token-name"},o):$.createElement(gi,{className:"token-title"},$.createElement(co,{variant:"title",size:"xmedium"},r.symbol),$.createElement(uo,{direction:"horizontal",size:4}),$.createElement(hi,{css:i},$.createElement(yi,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&$.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},$.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",$.createElement(Qf,{color:"gray",size:12}))))},"renderDesc");function yp(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[i,a]=hp(e),l=b.use.loadingStatus(),[p,u]=hp(!0),c=H.use.loading(),{blockchains:m}=b.use.meta(),{isTokenPinned:f}=Le(),h=Jf((C,E)=>$.createElement("div",{...C,ref:E,style:{...C.style,height:`${parseFloat(C.style?.height)+8*2}px`}})),k=s(()=>{a(e.slice(0,i.length+Ci))},"loadNextPage");gp(()=>{u(e.length>i.length)},[i.length]),gp(()=>{a(e.slice(0,Ci))},[e]);let S=s(()=>!i.length&&o?$.createElement($.Fragment,null,$.createElement(uo,{size:32}),$.createElement(Kf,{title:Si.t("No results found"),description:Si.t("Try using different keywords")})):$.createElement(Yf,{Item:({index:C,style:E})=>{let d=i[C],T=d.address||"",w=m.find(v=>v.name===d.blockchain),g=Mn(d.symbol,w?.color||""),x={$$color:g[`${d.symbol}100`],[`.${dp} &`]:{$$color:g[`${d.symbol}900`]},backgroundColor:"$$color"},D={$$color:g[`${d.symbol}700`],[`.${dp} &`]:{$$color:g[`${d.symbol}100`]},color:"$$color"};return $.createElement("div",{style:{...E,paddingRight:5}},$.createElement(jf,{style:{height:E?.height},"tab-index":C,key:`${d.symbol}${d.address}`,id:`${d.symbol}${d.address}`,hasDivider:!0,onClick:()=>n(i[C]),start:$.createElement(pp,null,$.createElement(Vf,{src:d.image,size:30}),f(d)&&$.createElement(up,null,$.createElement(Xf,{size:12,color:"gray"}))),title:w?.type==="COSMOS"||d.name||!d.name&&!T?$.createElement(gi,null,$.createElement(co,{variant:"title",size:"xmedium"},d.symbol),$.createElement(uo,{direction:"horizontal",size:4}),$.createElement(hi,{css:x},$.createElement(yi,{variant:"body",size:"xsmall",css:D},d.blockchain))):void 0,description:w?.info&&T&&w.type!=="COSMOS"?Zf({address:T,token:i[C],customCssForTag:x,customCssForTagTitle:D,name:d.name,url:w.info.addressUrl.split("{wallet}").join(T)}):d.name||void 0,end:c?$.createElement($n,null,$.createElement(fp,{variant:"text",size:"large",width:70}),$.createElement(uo,{size:4}),$.createElement(fp,{variant:"text",size:"medium",width:50})):i[C]?.balance&&$.createElement(lp,null,$.createElement(co,{variant:"title",size:"small"},d.balance?.amount),$.createElement("div",null),d.balance?.usdValue&&$.createElement(co,{variant:"body",color:"neutral600",size:"xsmall"},`$${d.balance?.usdValue}`))}))},hasNextPage:p,itemCount:i.length,loadNextPage:k,innerElementType:h,size:60,key:`${r}-${o}`}),"renderList");return $.createElement(ap,null,$.createElement(co,{variant:"label",size:"large"},Si.t("Select Token")),$.createElement(uo,{size:4}),l==="loading"&&$.createElement(mp,{size:Ci}),l==="success"&&$.createElement(Pn,null,S()))}s(yp,"TokenList");function ki(t){let{type:e}=t,o=eg(),{navigateBackFrom:n}=oe(),{fromBlockchain:r,toBlockchain:i,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=_(),{connectedWallets:c}=H(),[m,f]=Rf(""),k=(e==="source"?r:i)?.name??"",S=Le().blockchains({type:e}),C=Le().tokens({type:e,blockchain:k,searchFor:m}),E=is(C,c),d=s(w=>{e==="source"?p(w):u(w)},"updateBlockchain"),T=s(w=>{e==="source"?a(w):l(w)},"updateToken");return Ht.createElement(Q,{header:{onBack:()=>n(e==="source"?y.fromSwap:y.toSwap),title:Sp.t("Swap {type}",{type:e==="source"?"from":"to"})}},Ht.createElement(di,{blockchains:S,type:e=="source"?"from":"to",blockchain:e==="source"?r:i,onMoreClick:()=>o(e==="source"?y.fromBlockchain:y.toBlockchain),onChange:w=>{d(w)}}),Ht.createElement(Cp,{size:24}),Ht.createElement(ot,{value:m,autoFocus:!0,placeholder:Sp.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>f(""),onChange:w=>f(w.target.value)}),Ht.createElement(Cp,{size:16}),Ht.createElement(yp,{list:E,selectedBlockchain:k,searchedFor:m,onChange:w=>{T(w);let g=S.find(x=>w.blockchain===x.name);g&&d(g),n(y.fromSwap)}}))}s(ki,"SelectSwapItemsPage");import{i18n as It}from"@lingui/core";import{ChevronRightIcon as vi,Divider as xi,InfoIcon as sg,List as ag,ListItemButton as lg,Skeleton as pg,Switch as ug,Tooltip as cg,Typography as At}from"@rango-dev/ui";import G from"react";import{useNavigate as mg}from"react-router-dom";import{i18n as xp}from"@lingui/core";import{Chip as og,Divider as bp,InfoIcon as ng,TextField as rg,Tooltip as ig,Typography as Ep}from"@rango-dev/ui";import ve from"react";import{styled as _n}from"@rango-dev/ui";var kp=_n("div",{paddingTop:"$5",paddingBottom:"30px"}),Tp=_n("div",{display:"flex",alignItems:"center",justifyContent:"start"}),wp=_n("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Dn=_n("div",{maxWidth:"300px",padding:"$10"});import{i18n as Ti}from"@lingui/core";import{Typography as tg}from"@rango-dev/ui";import mo from"react";function vp(){return mo.createElement(Dn,null,mo.createElement(tg,{variant:"label",size:"medium",color:"neutral700"},Ti.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),mo.createElement("br",null),mo.createElement("br",null),mo.createElement("b",null,Ti.t("Warning")),":",Ti.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}s(vp,"SlippageTooltipContent");function wi(){let t=F.use.slippage(),e=F.use.setSlippage(),o=F.use.customSlippage(),n=F.use.setCustomSlippage();return ve.createElement(kp,null,ve.createElement(wp,null,ve.createElement(Ep,{variant:"title",size:"xmedium"},xp.t("Slippage tolerance per swap")),ve.createElement(bp,{direction:"horizontal",size:4}),ve.createElement(ig,{container:J(),side:"top",content:ve.createElement(vp,null)},ve.createElement(ng,{color:"gray"}))),ve.createElement(Tp,null,As.map((r,i)=>{let a=`slippage-${i}`;return ve.createElement(ve.Fragment,null,ve.createElement(og,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),ve.createElement(bp,{direction:"horizontal",size:8}))}),ve.createElement(rg,{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<=Bs)&&n(i)},suffix:o&&ve.createElement(Ep,{variant:"body",size:"small"},"%"),placeholder:xp.t("Custom")})))}s(wi,"Slippage");function Ip({supportedSwappers:t,singleTheme:e}){let o=mg(),{navigateBackFrom:n}=oe(),r=F.use.infiniteApprove(),i=F.use.toggleInfiniteApprove(),a=b.use.loadingStatus(),l=An(t),p=l.filter(w=>w.type==="BRIDGE"||w.type==="AGGREGATOR"),u=p.length,c=p.filter(w=>w.selected).length,m=l.filter(w=>w.type==="DEX"),f=m.length,h=m.filter(w=>w.selected).length,k=s((w,g)=>{switch(a){case"loading":return G.createElement(pg,{variant:"text",size:"medium",width:50});case"failed":return G.createElement(At,{variant:"body",size:"medium",color:"$error500"},It.t("Loading failed"));default:return G.createElement(At,{variant:"body",size:"medium"},`${w} / ${g}`)}},"handleEndItem"),S={id:"bridge-item",title:G.createElement(At,{variant:"title",size:"xmedium"},It.t("Enabled bridges")),end:G.createElement(G.Fragment,null,k(c,u),G.createElement(xi,{direction:"horizontal",size:8}),G.createElement(vi,{color:"black"})),onClick:()=>o(y.bridges)},C={id:"exchange-item",title:G.createElement(At,{variant:"title",size:"xmedium"},It.t("Enabled exchanges")),end:G.createElement(G.Fragment,null,k(h,f),G.createElement(xi,{direction:"horizontal",size:8}),G.createElement(vi,{color:"gray"})),onClick:()=>o(y.exchanges)},E={id:"theme-item",title:G.createElement(At,{variant:"title",size:"xmedium"},It.t("Theme")),end:G.createElement(vi,{color:"gray"}),onClick:()=>o(y.themes)},d={id:"infinite-approval-item",title:G.createElement(G.Fragment,null,G.createElement(At,{variant:"title",size:"xmedium"},It.t("Infinite Approval")),G.createElement(xi,{direction:"horizontal",size:4}),G.createElement(cg,{side:"top",container:J(),content:G.createElement(Dn,null,G.createElement(At,{variant:"label",size:"medium",color:"neutral700"},It.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(sg,{color:"gray"}))),end:G.createElement(ug,{checked:r}),onClick:i},T=[S,C];return e||T.push(E),T.push(d),G.createElement(Q,{header:{onBack:()=>n(y.settings),title:It.t("Setting")}},G.createElement(nt,null,G.createElement(wi,null),G.createElement(ag,{type:G.createElement(lg,{title:"_",id:"_",onClick:()=>console.log()}),items:T})))}s(Ip,"SettingsPage");import{cancelSwap as sh}from"@rango-dev/queue-manager-rango-preset";import{useManager as ah}from"@rango-dev/queue-manager-react";import iu from"react";import{i18n as rt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as zg,getCurrentStep as qg,getRelatedWalletOrNull as Gg,PendingSwapNetworkStatus as jn}from"@rango-dev/queue-manager-rango-preset";import{Button as Jp,CopyIcon as Hg,Divider as Qg,IconButton as Vg,QuoteCost as jg,StepDetails as Kg,Typography as Vt,useCopyToClipboard as Xg}from"@rango-dev/ui";import{useWallets as Yg}from"@rango-dev/wallets-react";import V,{useEffect as Zp,useRef as Jg,useState as Rp}from"react";import{useNavigate as Zg}from"react-router-dom";import{i18n as xe}from"@lingui/core";var dg=1e3,fg=31536e3,gg=2592e3,hg=86400,yg=3600,Sg=60;function Ap(t){let e=Math.floor((Date.now()-t)/dg),n=[{turningPoint:fg,label:xe.t("year"),pluralLabel:xe.t("years")},{turningPoint:gg,label:xe.t("month"),pluralLabel:xe.t("months")},{turningPoint:hg,label:xe.t("day"),pluralLabel:xe.t("days")},{turningPoint:yg,label:xe.t("hour"),pluralLabel:xe.t("hours")},{turningPoint:Sg,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(Ap,"timeSince");function Wp(t){return t.finishTime?xe.t({id:"{time} ago",values:{time:Ap(parseInt(t.finishTime))}}):xe.t({id:"{time} ago",values:{time:Ap(parseInt(t.creationTime))}})}s(Wp,"getSwapDate");import{PendingSwapNetworkStatus as Un}from"@rango-dev/queue-manager-rango-preset";import{Modal as bg}from"@rango-dev/ui";import zn from"react";import{i18n as Fn}from"@lingui/core";import{Button as Np,Divider as bi,MessageBox as Cg,Typography as Bp}from"@rango-dev/ui";import Ye from"react";var Lp=s(({onCancel:t,onClose:e})=>Ye.createElement(Ye.Fragment,null,Ye.createElement(bi,{size:20}),Ye.createElement(Cg,{type:"error",title:Fn.t("Transaction Cancel"),description:Fn.t("Are you sure you want to Cancel this swap?")}),Ye.createElement(bi,{size:32}),Ye.createElement(Np,{variant:"contained",type:"primary",size:"large",onClick:t},Ye.createElement(Bp,{variant:"title",size:"medium",color:"neutral100"},Fn.t("Yes, Cancel it"))),Ye.createElement(bi,{size:12}),Ye.createElement(Np,{variant:"outlined",type:"primary",size:"large",onClick:e},Ye.createElement(Bp,{variant:"title",size:"medium",color:"primary"},Fn.t("No, Continue")))),"CancelContent");import{i18n as On}from"@lingui/core";import{Button as Mp,Divider as Ei,MessageBox as kg,Typography as Pp}from"@rango-dev/ui";import Je from"react";var $p=s(({onDelete:t,onClose:e})=>Je.createElement(Je.Fragment,null,Je.createElement(Ei,{size:20}),Je.createElement(kg,{type:"error",title:On.t("Delete Transaction"),description:On.t("Are you sure you want to delete this swap?")}),Je.createElement(Ei,{size:32}),Je.createElement(Mp,{variant:"contained",type:"primary",size:"large",onClick:t},Je.createElement(Pp,{variant:"title",size:"medium",color:"neutral100"},On.t("Yes, Delete it"))),Je.createElement(Ei,{size:12}),Je.createElement(Mp,{variant:"outlined",type:"primary",size:"large",onClick:e},Je.createElement(Pp,{variant:"title",size:"medium",color:"primary"},On.t("No, Cancel")))),"DeleteContent");import{i18n as Ii}from"@lingui/core";import{PendingSwapNetworkStatus as Ai}from"@rango-dev/queue-manager-rango-preset";var Wi={[Ai.WaitingForNetworkChange]:{type:"loading",title:Ii.t("Change Network")},[Ai.WaitingForConnectingWallet]:{type:"warning",title:Ii.t("Connect Wallet")},[Ai.NetworkChanged]:{type:"success",title:Ii.t("Network Changed")}};import{MessageBox as wg,Wallet as vg,WalletState as Dp}from"@rango-dev/ui";import{useWallets as xg}from"@rango-dev/wallets-react";import fo from"react";import{styled as Tg}from"@rango-dev/ui";var _p=Tg("div",{display:"flex",justifyContent:"center"});var Fp=s(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:i}=t,{connect:a,getWalletInfo:l,state:p}=xg(),u=n?.walletType,m=u&&p(u).connected?Dp.CONNECTED:Dp.DISCONNECTED;return fo.createElement(fo.Fragment,null,fo.createElement(wg,{type:e,title:o,description:r}),i&&u&&fo.createElement(_p,null,fo.createElement(vg,{container:J(),title:l(u).name,image:l(u).img,type:u,state:m,onClick:async()=>a(u)})))},"WalletStateContent");function Ni(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:i,message:a}=t,l=e===Un.WaitingForNetworkChange||e===Un.WaitingForConnectingWallet||e===Un.NetworkChanged;return zn.createElement(bg,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&zn.createElement(Fp,{type:Wi[e].type,title:Wi[e].title,currentStepWallet:i,message:a,showWalletButton:e!==Un.WaitingForNetworkChange}),e==="delete"&&zn.createElement($p,{onClose:o,onDelete:n}),e==="cancel"&&zn.createElement(Lp,{onClose:o,onCancel:r}))}s(Ni,"SwapDetailsModal");import{i18n as go}from"@lingui/core";import{Button as Bi,Divider as qn,MessageBox as Op,Modal as Eg,TokenAmount as Ig,Typography as Gn}from"@rango-dev/ui";import ce from"react";import{useNavigate as Ag}from"react-router-dom";function Li(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:i,token:a,chain:l,percentageChange:p,description:u,diagnosisUrl:c}=t,m=Ag();return ce.createElement(Eg,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ce.createElement(Op,{type:"success",title:go.t("Swap Successful")},ce.createElement(Ig,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:i},token:a,chain:l,percentageChange:p}),ce.createElement(qn,{size:12}),ce.createElement(Gn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):ce.createElement(Op,{type:"error",title:go.t("Transaction Failed"),description:u}),ce.createElement(qn,{size:32}),n==="success"&&ce.createElement(Bi,{variant:"contained",type:"primary",size:"large",onClick:()=>m(y.home)},ce.createElement(Gn,{variant:"title",size:"medium",color:"neutral100"},go.t("Done"))),ce.createElement(qn,{size:12}),c&&ce.createElement(ce.Fragment,null,ce.createElement(Bi,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(c,"_blank")},ce.createElement(Gn,{variant:"title",size:"medium",color:"primary"},go.t("Diagnosis"))),ce.createElement(qn,{size:12})),ce.createElement(Bi,{variant:"outlined",type:"primary",size:"large",onClick:o},ce.createElement(Gn,{variant:"title",size:"medium",color:"primary"},go.t("See Details"))))}s(Li,"SwapDetailsCompleteModal");import Og from"react";import{i18n as $g}from"@lingui/core";import{Alert as Qp,IconButton as _g,LinkIcon as Dg}from"@rango-dev/ui";import ht,{Fragment as Fg}from"react";import{Alert as Wg,ChevronDownIcon as Ng,ChevronUpIcon as Bg,IconButton as Lg}from"@rango-dev/ui";import Hn,{useState as Mg}from"react";function Up(t){let{message:e}=t,[o,n]=Mg(!1);return Hn.createElement(Wg,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Hn.createElement(Lg,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Hn.createElement(Bg,{size:12,color:"gray"}):Hn.createElement(Ng,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}s(Up,"FailedAlert");import{styled as Pg}from"@rango-dev/ui";var zp=Pg("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as qp}from"@lingui/core";import{PendingSwapNetworkStatus as Mi}from"@rango-dev/queue-manager-rango-preset";import{Alert as Pi,Button as Gp}from"@rango-dev/ui";import ho from"react";function Hp(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?ho.createElement(Pi,{type:"warning",title:n.shortMessage,action:ho.createElement(Gp,{size:"xxsmall",type:"warning",onClick:()=>{o(Mi.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},qp.t("Change"))}):r===Mi.WaitingForConnectingWallet?ho.createElement(Pi,{type:"warning",title:n.shortMessage,action:ho.createElement(Gp,{size:"xxsmall",type:"warning",onClick:()=>{o(Mi.WaitingForConnectingWallet)}},qp.t("Connect"))}):ho.createElement(Pi,{type:"warning",title:n.shortMessage})}s(Hp,"WarningAlert");function $i(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:i,hasAlreadyProceededToSign:a}=t,l=Yt(i),p=i.status==="waitingForApproval"&&!l,u=i.status==="running"&&!l;return ht.createElement(zp,null,i.explorerUrl?.map((c,m,f)=>{let h=m+c.url,k=m===f.length-1,S=k&&u||p,C=k&&i.status==="failed";return ht.createElement(Fg,{key:h},ht.createElement(Qp,{type:S&&"loading"||C&&"error"||"success",title:c.description?`${c.description} Tx`:$g.t("View transaction"),action:c.url&&ht.createElement(_g,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},ht.createElement(Dg,{size:16}))}))}),(u&&!a||p&&!i.explorerUrl?.length)&&ht.createElement(Qp,{type:"loading",title:r.shortMessage}),i.status!=="failed"&&l&&ht.createElement(Hp,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),i.status==="failed"&&ht.createElement(Up,{message:r}))}s($i,"SwapDetailsAlerts");var Vp=2e3;var jp=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:dr(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:N(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:dr(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:N(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:Og.createElement($i,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function Kp(t){if(Yt(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(Kp,"getStepState");import{darkTheme as Ug,styled as Qt}from"@rango-dev/ui";var Qn=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",[`.${Ug} &`]:{$$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"}}),Vn=Qt("div",{width:"100%"}),Xp=Qt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),NB=Qt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Yp=Qt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),BB=Qt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function _i(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:i,connect:a,getWalletInfo:l}=Yg(),p=_.use.retry(),u=Zg(),{navigateBackFrom:c}=oe(),[m,f]=Xg(Vp),h=Jg(null),[k,S]=Rp(null),[C,E]=Rp(null),{meta:{tokens:d,blockchains:T}}=b(),w=s(()=>{r(),S(null)},"onCancel"),g=Me.use.getUnreadNotifications(),x=Me.use.setAsRead(),D=g(),v=qg(e),L=v?.networkStatus;Zp(()=>{D.find(se=>se.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(E(e.status),x(e.requestId))},[e.status]),Zp(()=>{Ce?S(jn.WaitingForNetworkChange):L===jn.WaitingForConnectingWallet||L===jn.NetworkChanged?S(L):S(null)},[L]);let P=Hs(e),R=v?zg(e,v):null,A=v?Gg(e,v):null,O=Wp(e),M=Qs(e),ie=s(z=>!!l(z)?.mobileWallet,"isMobileWallet"),Ce=L===jn.WaitingForNetworkChange&&!!R&&!!A?.walletType&&(ie(A.walletType)||i(A.walletType,R)),le=Ce?a.bind(null,A.walletType,R):void 0,ge=Gs(e,v),ee=jp({swap:e,switchNetwork:le,showNetworkModal:L,setNetworkModal:S,message:ge,blockchains:T}),j=ee.length,[Ne,Ze]=[e.steps[0],e.steps[j-1]],yt=Ze.outputAmount||Ze.expectedOutputAmountHumanReadable,vo=e.steps.reduce((z,se)=>z+parseFloat(se.feeInUsd||""),0),Yn=e.steps.find(z=>z.diagnosisUrl)?.diagnosisUrl,Wt=N(String(parseFloat(N(yt,6,6))*(Lo(Ze.toBlockchain,Ze.toSymbol,Ze.toSymbolAddress,d)||0)),4,4),xo=N(String(parseFloat(e.inputAmount)*(Lo(Ne.fromBlockchain,Ne.fromSymbol,Ne.fromSymbolAddress,d)||0)),4,4),U=$t(xo,Wt),K=e.status==="success"?rt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:N(yt,6,6),token:ee[j-1].to.token.displayName,conciseAddress:Po(e.wallets[ee[j-1].to.chain.displayName]?.address||""),chain:ee[j-1].to.chain.displayName}}):`${rt.t("Transaction was not sent.")} ${P?rt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:P.outputAmount,symbol:P.symbol,blockchain:P.blockchain}}):""}`;return V.createElement(Q,{noPadding:!0,header:{title:rt.t("Swap and Bridge"),onBack:()=>c(y.swapDetails),onCancel:e.status==="running"?()=>S("cancel"):void 0,suffix:e.status!=="running"&&V.createElement(Mt,null,V.createElement(Jp,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>S("delete")},V.createElement(Vt,{size:"medium",variant:"label",color:"error"},rt.t("Delete"))))},footer:M&&!C&&V.createElement(Jp,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{p(e),setTimeout(()=>{u(y.home)},0)}},rt.t("Try again"))},V.createElement(Qn,null,V.createElement(Vn,null,V.createElement("div",{className:"row"},V.createElement(Vt,{variant:"label",size:"large",color:"neutral700"},`${rt.t("Request ID")}:`),V.createElement("div",{className:"request-id"},V.createElement(Vt,{variant:"label",size:"small",color:"neutral700"},o),V.createElement(Vg,{variant:"ghost",onClick:f.bind(null,o||"")},V.createElement(Hg,{size:16,color:"gray"})))),V.createElement("div",{className:"row"},V.createElement(Vt,{variant:"label",size:"large",color:"neutral700"},`${rt.t("Created at")}:`),V.createElement(Vt,{variant:"label",size:"small",color:"neutral700"},O))),V.createElement("div",{className:"output"},V.createElement(jg,{fee:N(String(vo),2,2),time:Io(Ao(e.steps)),steps:j}),V.createElement(Zt,{from:{price:{value:N(e.inputAmount,6,6),usdValue:xo},token:{displayName:ee[0].from.token.displayName,image:ee[0].from.token.image},chain:{image:ee[0].from.chain.image,displayName:ee[0].from.chain.displayName}},to:{price:{value:N(yt,6,6),usdValue:Wt},token:{displayName:ee[j-1].to.token.displayName,image:ee[j-1].to.token.image},chain:{image:ee[j-1].to.chain.image,displayName:ee[j-1].to.chain.displayName}},percentageChange:N(String(U),2,2),warningLevel:Re(U??0)})),V.createElement("div",{className:"title-steps"},V.createElement(Vt,{variant:"title",size:"small"},rt.t("Swaps steps"))),V.createElement(Qg,{size:8}),V.createElement(Xp,{ref:h},ee.map((z,se)=>{let Qe=se,Ie=Kp(e.steps[se]),Jn=Ie==="error"||Ie==="in-progress"||Ie==="warning"||Ie==="completed"&&se===ee.length-1;return V.createElement(Kg,{key:Qe,step:z,type:"swap-progress",ref:h,state:Ie,hasSeparator:se!==0,tabIndex:Qe,isFocused:Jn})}))),V.createElement(Ni,{state:k,onClose:()=>S(null),onCancel:w,onDelete:n,message:ge.detailedMessage.content,currentStepWallet:A}),V.createElement(Li,{open:!!C,diagnosisUrl:Yn,onClose:()=>E(null),status:e.status==="success"?"success":"failed",priceValue:N(yt,6,6),usdValue:Wt,percentageChange:N(String(U),2,2),token:{displayName:ee[j-1].to.token.displayName,image:ee[j-1].to.token.image},chain:{image:ee[j-1].to.chain.image},description:K}))}s(_i,"SwapDetails");import{i18n as To}from"@lingui/core";import{CopyIcon as nh,IconButton as rh,NotFound as ih,Skeleton as nu,Typography as Xn}from"@rango-dev/ui";import pe from"react";import{i18n as eh}from"@lingui/core";import{ChainToken as th,Divider as Fi,Skeleton as ko,Typography as oh}from"@rango-dev/ui";import Y from"react";import{styled as Di}from"@rango-dev/ui";var eu=Di("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"}}),tu=Di("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"}}),Kn=Di("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as ou,Divider as yo,NextIcon as Rg,Skeleton as So}from"@rango-dev/ui";import ae from"react";function Co(t){let{extraInfo:e}=t;return ae.createElement(tu,null,ae.createElement("div",{className:"step-title"},ae.createElement(So,{height:28,width:28,variant:"circular"}),ae.createElement(yo,{direction:"horizontal",size:8}),ae.createElement(So,{height:15,width:148,variant:"rounded"})),ae.createElement("div",{className:"step-tokens"},ae.createElement(yo,{direction:"horizontal",size:20}),ae.createElement("div",{className:"step-token-info"},ae.createElement(ou,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(yo,{direction:"horizontal",size:8}),ae.createElement(So,{height:12,width:76,variant:"rounded"})),ae.createElement("div",{className:"step-icon-container"},ae.createElement(Rg,{color:"gray",size:16})),ae.createElement("div",{className:"step-token-info"},ae.createElement(ou,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(yo,{direction:"horizontal",size:8}),ae.createElement(So,{height:12,width:76,variant:"rounded"}))),e&&ae.createElement("div",{className:"extra-info"},ae.createElement(yo,{direction:"horizontal",size:20}),ae.createElement(So,{height:22,width:297,variant:"rectangular"})))}s(Co,"LoadingSwapDetailStep");function Oi(){let t=Y.createElement("div",{className:"quote-summary-item"},Y.createElement("div",{className:"token-amount"},Y.createElement(th,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),Y.createElement(Fi,{size:8,direction:"horizontal"}),Y.createElement(ko,{height:15,width:148,variant:"rounded"})),Y.createElement(ko,{height:12,width:64,variant:"rounded"}));return Y.createElement(eu,null,Y.createElement("div",{className:"cost"},Y.createElement(ko,{width:60,height:10,variant:"rounded"}),Y.createElement(Fi,{size:4,direction:"horizontal"}),Y.createElement(ko,{width:60,height:10,variant:"rounded"}),Y.createElement(Fi,{size:4,direction:"horizontal"}),Y.createElement(ko,{width:60,height:10,variant:"rounded"})),Y.createElement("div",{className:"quote-summary"},t,Y.createElement("div",{className:"quote-summary-separator"}),t),Y.createElement("div",{className:"swaps-steps"},Y.createElement(oh,{variant:"title",size:"small"},eh.t("Swaps steps"))),Y.createElement("div",{className:"step-container"},Y.createElement(Co,{extraInfo:!0}),Y.createElement(Kn,null),Y.createElement(Co,null),Y.createElement(Kn,null),Y.createElement(Co,null),Y.createElement(Kn,null),Y.createElement(Co,null)))}s(Oi,"LoadingSwapDetails");function ru(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=oe();return pe.createElement(Q,{noPadding:!0,header:{title:To.t("Swap and Bridge"),onBack:()=>n(y.swapDetails),suffix:pe.createElement(Mt,null)}},o&&pe.createElement(Qn,null,pe.createElement(Vn,null,pe.createElement("div",{className:"row"},pe.createElement(Xn,{variant:"label",size:"large",color:"neutral700"},`${To.t("Request ID")}:`),pe.createElement("div",{className:"request-id"},pe.createElement(Xn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(nu,{width:60,height:10,variant:"rounded"})),pe.createElement(rh,{variant:"ghost"},pe.createElement(nh,{size:16,color:"gray"})))),pe.createElement("div",{className:"row"},pe.createElement(Xn,{variant:"label",size:"large",color:"neutral700"},`${To.t("Created at")}:`),pe.createElement(Xn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(nu,{width:60,height:10,variant:"rounded"})))),pe.createElement(Oi,null)),!o&&pe.createElement(Yp,null,pe.createElement(ih,{title:To.t("Not found"),description:To.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}s(ru,"SwapDetailsPlaceholder");function su(){let{manager:t,state:e}=ah(),o=!e.loadedFromPersistor,n=xn(t),r=Te.use.selectedSwapRequestId(),{navigateBackFrom:i}=oe(),{loadingStatus:a}=b(),l=o||a==="loading",p=n.find(({swap:f})=>f.requestId===r),u=s(()=>{if(p?.id){let f=t?.get(p.id);f&&sh(f)}},"onCancel"),c=s(async()=>{if(p?.id)try{await t?.deleteQueue(p.id),i(y.swapDetails)}catch(f){console.log(f)}},"onDelete"),m=p?.swap;return!m||l?iu.createElement(ru,{requestId:r||"",showSkeleton:l}):iu.createElement(_i,{swap:m,requestId:r||"",onCancel:u,onDelete:c})}s(su,"SwapDetailsPage");import{i18n as wo}from"@lingui/core";import{AutoThemeIcon as lh,DarkModeIcon as ph,LightModeIcon as uh,List as ch,ListItemButton as mh,Radio as Ui,RadioRoot as dh,Typography as zi}from"@rango-dev/ui";import be from"react";function au(){let{navigateBackFrom:t}=oe(),e=F.use.theme(),o=F.use.setTheme(),n=[{id:"light",value:"light",title:be.createElement(zi,{variant:"title",size:"xmedium"},wo.t("Light")),onClick:()=>o("light"),start:be.createElement(uh,{color:"gray"}),end:be.createElement(Ui,{value:"light"})},{id:"dark",value:"dark",title:be.createElement(zi,{variant:"title",size:"xmedium"},wo.t("Dark")),onClick:()=>o("dark"),start:be.createElement(ph,{color:"gray"}),end:be.createElement(Ui,{value:"dark"})},{id:"auto",value:"auto",title:be.createElement(zi,{variant:"title",size:"xmedium"},wo.t("Auto")),onClick:()=>o("auto"),start:be.createElement(lh,{color:"gray"}),end:be.createElement(Ui,{value:"auto"})}];return be.createElement(Q,{header:{onBack:()=>t(y.settings),title:wo.t("Theme")}},be.createElement(nt,null,be.createElement(dh,{onValueChange:r=>o(r),value:e},be.createElement(ch,{type:be.createElement(mh,{title:wo.t("Theme"),id:"_",onClick:()=>console.log()}),items:n}))))}s(au,"ThemePage");var gh=s(t=>t.replace("/",""),"getAbsolutePath");function lu(t){let{config:e}=t;return fh([{path:y.home,element:Ee.createElement(un,null)},{path:y.fromSwap,element:Ee.createElement(ki,{type:"source"})},{path:y.toSwap,element:Ee.createElement(ki,{type:"destination"})},{path:y.fromBlockchain,element:Ee.createElement(pi,{type:"source"})},{path:y.toBlockchain,element:Ee.createElement(pi,{type:"destination"})},{path:y.settings,element:Ee.createElement(Ip,{singleTheme:e?.theme?.singleTheme,supportedSwappers:e?.liquiditySources})},{path:y.themes,element:Ee.createElement(au,null)},{path:y.languages,element:Ee.createElement(ql,null)},{path:y.exchanges,element:Ee.createElement(ri,{sourceType:"Exchanges",supportedSwappers:e?.liquiditySources})},{path:y.bridges,element:Ee.createElement(ri,{sourceType:"Bridges",supportedSwappers:e?.liquiditySources})},{path:y.swaps,element:Ee.createElement(Ul,null)},{path:y.swapDetails,element:Ee.createElement(su,null)},{path:y.wallets,element:Ee.createElement(dl,{supportedWallets:e?.wallets,multiWallets:typeof e?.multiWallets>"u"?!0:e.multiWallets,config:e})},{path:gh(y.confirmSwap),element:Ee.createElement(Nl,{config:e})}])}s(lu,"AppRoutes");import{isApprovalTX as hh,MainEvents as uu,RouteEventType as cu,StepEventType as jt,StepExecutionEventStatus as yh,useEvents as Sh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as mu}from"react";import{StepExecutionBlockedEventStatus as qi}from"@rango-dev/queue-manager-rango-preset";var pu=[qi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,qi.WAITING_FOR_NETWORK_CHANGE,qi.WAITING_FOR_WALLET_CONNECT];function du(){let t=H.use.connectedWallets(),e=H.use.getWalletsDetails(),o=Me.use.setNotification(),n=Me.use.setAsRead(),r=Sh();return mu(()=>(r.on(uu.StepEvent,i=>{let{event:a,step:l,route:p}=i;if(a.type===jt.TX_EXECUTION&&a.status===yh.TX_SENT&&!hh(l)||a.type===jt.SUCCEEDED){let c=t.find(f=>f.chain===l?.fromBlockchain),m=l?.fromBlockchain!==l?.toBlockchain&&t.find(f=>f.chain===l?.toBlockchain);c&&e([c]),m&&e([m])}a.type===jt.TX_EXECUTION_BLOCKED&&pu.includes(a.status)||a.type===jt.FAILED?o(a,p):(a.type===jt.TX_EXECUTION||a.type===jt.CHECK_STATUS)&&n(p.requestId)}),()=>r.all.clear()),[r,t.length]),mu(()=>(r.on(uu.RouteEvent,i=>{let{event:a,route:l}=i;(a.type===cu.FAILED||a.type===cu.SUCCEEDED)&&o(a,l)}),()=>r.all.clear()),[r,t.length]),null}s(du,"WidgetEvents");import{globalCss as Ch}from"@rango-dev/ui";var fu=s(()=>Ch({"@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 Hi,darkTheme as xh,lightTheme as bh}from"@rango-dev/ui";import{useEffect as yu,useState as Eh}from"react";import{theme as wh,darkColors as vh}from"@rango-dev/ui";var gu=s(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),kh=s(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=gu(o%52)+e;return gu(o%52)+e},"toAlphabeticName"),Th=s((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Gi=s(t=>kh(Th(5381,JSON.stringify(t))>>>0),"toHash");function hu(t){let e=wh.colors,o=fi({...e,...vh},!0,t?.dark),n=fi(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:`${er}-light-${Gi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${er}-dark-${Gi(p)}`,tokens:p}}return{light:a,dark:l}}s(hu,"customizedThemeTokens");function Su(t){let{colors:e,fontFamily:o=Yi,borderRadius:n=Ki,secondaryBorderRadius:r=Xi,mode:i="auto"}=t,[a,l]=Eh("light"),p=F.use.theme(),u=F.use.setTheme(),{dark:c,light:m}=hu(e),f=Hi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),h=[f.className,bh.className],k=[f.className,xh.className];if(m){let C=Hi(m.id,m.tokens);h.push(C.className)}if(c){let C=Hi(c.id,c.tokens);k.push(C.className)}return yu(()=>{let C=s(E=>{E.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",C),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",C)}},[]),yu(()=>{i!=="auto"&&u(i)},[i]),{activeTheme:s(()=>{let C=h.join(" "),E=k.join(" ");return p==="auto"?a==="dark"?E:C:p==="dark"?E:C},"getActiveTheme")}}s(Su,"useTheme");import Ih,{useMemo as Ah}from"react";import{Provider as Wh}from"@rango-dev/queue-manager-react";import{makeQueueDefinition as Nh,checkWaitingForNetworkChange as Bh}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Lh}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as Mh}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Ph}from"rango-types";function $h(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:i,getWalletInfo:a}=Lh(),l=Ah(()=>Nh({API_KEY:bo("API_KEY")}),[]),{blockchains:p}=b.use.meta(),c={blockchains:H.use.connectedWallets().map(d=>({accounts:[d],name:d.chain}))},m=s((d,T)=>{if(i(d,T))return r(d,T)},"switchNetwork"),f=s(d=>!!a(d).mobileWallet,"isMobileWallet"),h=p.filter(d=>d.enabled).reduce((d,T)=>(d[T.name]=T,d),{}),k=p.filter(Ph),S=s(d=>{let{supportedChains:T}=a(d);return No(T)},"getSupportedChainNames"),C=e(),E={meta:{blockchains:h,evmBasedChains:k,evmNetworkChainInfo:Mh(k),getSupportedChainNames:S},getSigners:o,wallets:c,providers:C,switchNetwork:m,canSwitchNetworkTo:i,connect:r,state:n,isMobileWallet:f};return Ih.createElement(Wh,{queuesDefs:[l],context:E,onPersistedDataLoaded:d=>{Bh(d)},isPaused:!1},t.children)}s($h,"QueueManager");var Cu=$h;var Uh=Dh("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 Tu(t){let{config:e}=t;fu();let{activeTheme:o}=Su(e?.theme||{}),{activeLanguage:n,changeLanguage:r}=In(),[i,a]=ku(""),[l,p]=ku(),u=Fh(rr),c=b.use.fetchMeta();return Oh(()=>{e?.apiKey&&ji({API_KEY:e?.apiKey})},[e]),Qi(()=>{c(),F.persist.rehydrate(),Me.persist.rehydrate(),u.onConnectWallet(a)},[]),Qi(()=>{e?.language&&r(e.language)},[e?.language]),it.createElement(_h,{language:n},it.createElement(Uh,{id:"swap-container",className:o()},it.createElement(Cu,null,it.createElement(du,null),it.createElement(rl,{config:e,lastConnectedWallet:i,disconnectedWallet:l,clearDisconnectedWallet:()=>{p(void 0)}},it.createElement(lu,{config:e})))))}s(Tu,"Main");function zh(t){let{updateConfig:e,config:o}=Le();return Qi(()=>{t.config&&e(t.config)},[t.config]),t.config?.externalWallets?it.createElement(Tu,{...t}):it.createElement(ir,{providers:o?.wallets,options:{walletConnectProjectId:o?.walletConnectProjectId||t.config?.walletConnectProjectId}},it.createElement(Tu,{...t}))}s(zh,"Widget");export{xP as MainEvents,bP as RouteEventType,EP as StepEventType,IP as StepExecutionBlockedEventStatus,AP as StepExecutionEventStatus,zh as Widget,ir as WidgetWallets,Tl as useWallets,WP as useWidgetEvents};
+var Qu=Object.defineProperty;var i=(t,e)=>Qu(t,"name",{value:e,configurable:!0});import{MainEvents as d$,RouteEventType as f$,StepEventType as g$,StepExecutionBlockedEventStatus as h$,StepExecutionEventStatus as y$,useEvents as S$}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as k$,useWallets as Za,Events as T$}from"@rango-dev/wallets-react";import{Networks as v$,WalletTypes as x$}from"@rango-dev/wallets-shared";import{Events as Cr,Provider as Ec}from"@rango-dev/wallets-react";import{isEvmBlockchain as Ac}from"rango-sdk";import Ro,{createContext as Ic,useEffect as na,useRef as Wc}from"react";import{useEffect as Xo,useLayoutEffect as Rs,useMemo as Yo,useRef as Jo}from"react";import pc,{createContext as uc,useContext as cc,useEffect as mc,useRef as dc}from"react";import{create as ac}from"zustand";import{persist as lc}from"zustand/middleware";var or={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0},ts=i((t,e,o)=>({config:{...or,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");import{RangoClient as Vu}from"rango-sdk";var Eo="c6381a79-2817-4602-83bf-6a641a409e32",os="https://api.rango.exchange";var nr={API_KEY:Eo};function Wt(t){return nr[t]||""}i(Wt,"getConfig");function ns(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),nr=e,nr}i(ns,"initConfig");var rs=20,is=25,ss="Roboto",rr="theme-widget";var Ao,Nt=i(()=>Ao||(Ao=new Vu(Wt("API_KEY"),Wt("BASE_URL")),Ao),"httpService");function Lt(t){return Array.from(new Set(t))}i(Lt,"removeDuplicateFrom");function ir(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(ir,"areEqual");function as(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(as,"debounce");function Ct(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Ct,"containsText");var j=i(()=>document.getElementById("swap-box"),"getContainer");function Io(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Lt(t.map(s=>s.swapperGroup)).map(s=>{let a=t.find(l=>l.swapperGroup===s);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}i(Io,"getUniqueSwappersGroups");function ls(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(ls,"sortLiquiditySourcesByGroupTitle");function Ne(t,e){return e?.[t]==="hidden"}i(Ne,"isFeatureHidden");function Wo(t,e){return e?.[t]==="enabled"}i(Wo,"isFeatureEnabled");import{WalletState as Ke}from"@rango-dev/ui";import{readAccountAddress as Xu}from"@rango-dev/wallets-react";import{detectInstallLink as Yu,getCosmosExperimentalChainInfo as Ju,isEvmAddress as Zu,KEPLR_COMPATIBLE_WALLETS as Ky,Networks as cs}from"@rango-dev/wallets-shared";import sr from"bignumber.js";import{isCosmosBlockchain as Ru}from"rango-types";import ju from"bignumber.js";var Ie=new ju(0);import{WalletTypes as Ku}from"@rango-dev/wallets-shared";var ps=[Ku.LEAP];import{BigNumber as us}from"bignumber.js";var No=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),N=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new us(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new us(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Lo=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var je=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Kt=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function Bo(t,e=4){let o=parseFloat(t);if(isNaN(o))return t;let n=Math.pow(10,e);return(Math.round(o*n)/n).toString()}i(Bo,"limitDecimalPlaces");function ec(t){switch(!0){case t.connected:return Ke.CONNECTED;case t.connecting:return Ke.CONNECTING;case!t.installed:return Ke.NOT_INSTALLED;default:return Ke.DISCONNECTED}}i(ec,"mapStatusToWalletState");function ms(t,e,o,n){return o.filter(r=>!ps.includes(r)).filter(r=>{let{supportedChains:s,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!s.find(c=>c.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=ec(t(r));return{title:s,image:a,link:Yu(l),state:p,type:r}})}i(ms,"mapWalletTypesToWalletInfo");function $o(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i($o,"walletAndSupportedChainsNames");function ds(t,e,o,n,r){let s=[];function a(p,u){if(!!!s.find(m=>m.chain===p)){let m={address:u,chain:p,walletType:t};s.push(m)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:c}=Xu(p),m=l.length>0,g=l.includes(c),f=c===cs.Unknown;if(m&&!g&&!f)return;let y=c===cs.Unknown&&Zu(u);if(f&&!y)return;o.includes(c)||y?r?a(c,u.toLowerCase()):l.filter(T=>o.includes(T)).forEach(T=>{a(T,u.toLowerCase())}):a(c,u)}),s}i(ds,"prepareAccountsForWalletStore");function fs(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(fs,"getRequiredChains");function _o(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(_o,"isAccountAndWalletMatched");function gs(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 sr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:oc(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(gs,"makeBalanceFor");function hs(t){return{...t,loading:!1,error:!0}}i(hs,"resetConnectedWalletState");var ys=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=N(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new sr(s?.amount||Ie).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ie)||Ie).toString();return tc(r)},"calculateWalletUsdValue");function tc(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(tc,"numberWithThousandSeparator");var oc=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Do=i((t,e)=>{let o=Ju(Object.entries(t).map(([,n])=>n).filter(Ru));return o&&o[e]?.experimental},"isExperimentalChain");function Fo(t){return t?{...t,amount:N(t.amount,8,8),usdValue:N(t.usdValue,4,4)}:null}i(Fo,"formatBalance");function Ss(t,e){return t.sort((o,n)=>{let r=e(o),s=e(n);return r?.usdValue&&s?.usdValue?parseFloat(s.usdValue)-parseFloat(r.usdValue):!r?.usdValue&&s?.usdValue?1:r?.usdValue&&!s?.usdValue?-1:!r?.usdValue&&!s?.usdValue?parseFloat(s?.amount||"0")-parseFloat(r?.amount||"0"):0}),t}i(Ss,"sortTokensByBalance");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Le,"tokensAreEqual");function Cs(t){return t.sort((e,o)=>+(o.state===Ke.CONNECTED)-+(e.state===Ke.CONNECTED)||+(o.state===Ke.DISCONNECTED||o.state===Ke.CONNECTING)-+(e.state===Ke.DISCONNECTED||e.state===Ke.CONNECTING))}i(Cs,"sortWalletsBasedOnConnectionState");function Uo(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}i(Uo,"getConciseAddress");function ks({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(ks,"getAddress");function ar(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(ar,"createTokenHash");function Oo(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new sr(o?.usdPrice??Ie).multipliedBy(o?.amount).toString():""},r=o?ar({symbol:o.symbol,blockchain:o.chain,address:o.address}):null,s=r?e[r]:null;return r&&(!s||s&&s.amount<n.amount)&&(e[r]=n),e},{})}i(Oo,"makeTokensBalance");var Ts=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(s.length>0&&!s.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??[],a=e().blockchains({type:o.type});return n.filter(p=>s.length>0&&!s.some(u=>Le(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=>Le(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(ls)},fetch:async()=>{try{let o=await Nt().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],s=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as nc,French as rc,Japanese as ic,Spanish as sc}from"@rango-dev/ui";var ws=[{title:"English",label:"English",local:"en",SVGFlag:nc},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:sc},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:rc},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:ic}],Bt="en";var vs=[.5,1,3],xs=1,bs=5,Es=100,As=0;var Is=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:Bt,preferredBlockchains:[],slippage:xs,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=10-1;return p&&u}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=Lt(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n}=o,r=Ne("theme",n),s=Ne("language",n),a=Ne("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:Bt},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function Ws(t){return ac()(lc((...e)=>({...Ts(...e),...Is(...e),...ts(t,...e)}),{name:"user-settings",skipHydration:!0,partialize:e=>({theme:e.theme,language:e.language,affiliatePercent:e.affiliatePercent,affiliateRef:e.affiliateRef,affiliateWallets:e.affiliateWallets,slippage:e.slippage,customSlippage:e.customSlippage,infiniteApprove:e.infiniteApprove,preferredBlockchains:e.preferredBlockchains,disabledLiquiditySources:e.disabledLiquiditySources})}))}i(Ws,"createAppStore");var Ns=uc(null);function d(){let t=cc(Ns);if(mc(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(d,"useAppStore");function Ls(t){let e=dc();return e.current||(e.current=Ws(t.config)),pc.createElement(Ns.Provider,{value:e.current},t.children)}i(Ls,"AppStoreProvider");import mt from"bignumber.js";import{create as kc}from"zustand";import{subscribeWithSelector as Tc}from"zustand/middleware";import{getLastSuccessfulStep as Sc}from"@rango-dev/queue-manager-rango-preset";import mC from"bignumber.js";var pt=(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))(pt||{});function Bs(t,e){return e.find(o=>o.name===t)?.displayName}i(Bs,"getBlockchainDisplayNameFor");function Xe(t,e){return e.find(o=>o.name===t)?.shortName}i(Xe,"getBlockchainShortNameFor");function Ps(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(Ps,"getSwapperDisplayName");function pr(t,e){return e.find(o=>Le(o,t))??null}i(pr,"findToken");function ur(t,e){return e.find(o=>o.name===t)??null}i(ur,"findBlockchain");import{i18n as Fe}from"@lingui/core";import Te from"bignumber.js";import{PendingSwapNetworkStatus as Go}from"rango-types";function qo(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(qo,"getRequiredWallets");function zo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(zo,"isValidAddress");import{i18n as ce}from"@lingui/core";var Q=i(()=>({genericServerError:ce.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:ce.t("Please reset your liquidity sources."),description:ce.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:ce.t("No Routes Found."),description:ce.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:ce.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:ce.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:ce.t("High Price Impact"),title:ce.t("Price impact is too high!"),description:ce.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:ce.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:ce.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:ce.t("USD Price Unknown"),title:ce.t("USD Price Unknown, Cannot calculate Price Impact."),description:ce.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:ce.t("Confirm USD Price Unknown")}}),"errorMessages");function Ms(t){switch(t.type){case 0:return t.diagnosisMessage??Q().noResultError.title;case 1:return Q().genericServerError;default:return""}}i(Ms,"getQuoteErrorMessage");import{i18n as Ho}from"@lingui/core";var kt=i(()=>({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}i($s,"hasHighValueLoss");function cr(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}i(cr,"hasLimitError");function mr(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",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Fe.t({id:"Required: >= {min} {symbol}",values:{min:N(o,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Fe.t({id:"Required: > {min} {symbol}",values:{min:N(o,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Fe.t({id:"Required: <= {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Fe.t({id:"Required: < {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(mr,"getLimitErrorMessage");function _s(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:kt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.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}}i(_s,"getSwapButtonState");function dr(t,e,o){return!((!o||o.lte(Ie))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(dr,"canComputePriceImpact");function fc(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(fc,"requiredWallets");var gc=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function hc(t,e){let o=Ie;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=gc(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Te(r.amount).multipliedBy(s||0))}return o}i(hc,"getUsdFeeOfStep");function Qo(t,e){return t.reduce((o,n)=>o.plus(hc(n,e)),Ie)}i(Qo,"getTotalFeeInUsd");function fr(t){let e=new Map;return t.result?.swaps.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(fr,"checkSlippageErrors");function Ds(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}i(Ds,"checkSlippageWarnings");function Vo(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(Vo,"getMinRequiredSlippage");function Fs(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Fs,"hasProperSlippage");function jo(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:c,affiliatePercent:m,affiliateWallets:g,initialQuote:f,destination:k}=t,y=s?.reduce((S,w)=>(S[w.chain]=w.address,S),{}),h=[];r?.forEach(S=>{let w=h.find(A=>A.blockchain===S.chain);w?w.addresses.push(S.address):h.push({blockchain:S.chain,addresses:[S.address]})});let b=!!f,T=Lt((f?.result?.swaps||[]).reduce((S,w)=>(S.push(w.from.blockchain,w.to.blockchain),w.internalSwaps&&Array.isArray(w.internalSwaps)&&w.internalSwaps.map(A=>{S.push(A.from.blockchain,A.to.blockchain)}),S),[]));return{amount:n.toString(),affiliateRef:c??void 0,affiliatePercent:m??void 0,affiliateWallets:g??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:h,selectedWallets:y??{},slippage:u.toString(),...k&&{destination:k},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(S=>!a.includes(S)),swappersGroupsExclude:!1},...b&&{blockchains:T}}}i(jo,"createQuoteRequestBody");function Us(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Us,"getWalletsForNewSwap");function Pt(t){return t.result?.outputAmount||null}i(Pt,"getQuoteOutputAmount");function Os(t,e){return new Te(e).div(new Te(t)).minus(1).multipliedBy(100).toNumber()}i(Os,"getPercentageChange");function qs(t,e){let o=Pt(t),n=Pt(e);if(!o||!n)return!1;let r=Be(o,n);return r?r<=-1:!0}i(qs,"isOutputAmountChangedALot");function zs(t,e,o){let n=t.validationStatus,r=fs(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>Ks(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=N(new Te(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=N(new Te(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),c="";return a.reason==="FEE"&&(c=Fe.t(" for network fee")),a.reason==="INPUT_ASSET"&&(c=Fe.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(c=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:c,currentAmount:p,blockchain:Xe(a.asset.blockchain,o)}})})}i(zs,"generateBalanceWarnings");function Hs(t,e){return(t?new Te(t):Ie).multipliedBy(e||0)}i(Hs,"calcOutputUsdValue");function Xt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Go.NetworkChanged}i(Xt,"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,"")),Xt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Go.WaitingForConnectingWallet:n=n||Fe.t("Waiting for connecting wallet");break;case Go.WaitingForQueue:n=n||Fe.t("Waiting for other running tasks to be finished");break;case Go.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}}}i(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}i(Qs,"getLastConvertedTokenInFailedSwap");function Vs(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Vs,"shouldRetrySwap");function js(t,e,o,n,r,s){return t||!e&&!fc(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!zo(s,o)}i(js,"confirmSwapDisabled");function gr(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}i(gr,"searchParamsToToken");function Ys(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(Ys,"getQuoteToTokenUsdPrice");function hr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(hr,"isNumberOfSwapsChanged");function yr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!ir(o,n)}i(yr,"isQuoteSwappersUpdated");function Sr(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!ir(o,n)}i(Sr,"isQuoteInternalCoinsUpdated");function Js(t,e){return hr(t,e)||yr(t,e)||Sr(t,e)}i(Js,"isQuoteChanged");function Ks(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}i(Ks,"getRequiredBalanceOfWallet");function ot(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(ot,"getPriceImpactLevel");function Zs(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Sc(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=ur(s?s.toBlockchain:n.fromBlockchain,e),p=ur(r.toBlockchain,e),u=pr(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=pr(a,o),m=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:m}}i(Zs,"createRetryQuote");function Ko(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Tt(o,t.requestAmount),l=Tt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let c=Be(a.toString(),l.toString());if(!!c&&$s(a,c)){let g=Qo(t.result.swaps,r),f=ot(c);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:c,totalFee:g,warningLevel:f}}}else if(t.result&&(!a||!l))return{type:1};let p=Vo(t),u=s>bs;if(Fs(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:Ds(t,s),minRequiredSlippage:p};return null}i(Ko,"generateQuoteWarnings");function Be(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:Os(t.toString(),e.toString());return n&&n<0?n:null}i(Be,"getPriceImpact");var Cc=i(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),ct=Cc;var Tt=i((t,e)=>t?.usdPrice?new mt(e||Ie).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),O=ct(kc()(Tc(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=Ie;return Kt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new mt(e.result?.outputAmount):null,r=Hs(e.result?.outputAmount,Ys(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:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=Zs(e,r,n);t({fromBlockchain:s,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 ea(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=O(),u=d().config,c=d().fetchStatus,m=d().blockchains(),g=d().tokens(),{setAffiliateRef:f,setAffiliatePercent:k,setAffiliateWallets:y}=d(),h=Yo(()=>u?.from?.tokens,[u?.from?.tokens]),b=Yo(()=>u?.from?.blockchains,[u?.from?.blockchains]),T=Yo(()=>u?.to?.tokens,[u?.to?.tokens]),v=Yo(()=>u?.to?.blockchains,[u?.to?.blockchains]),S=Jo(void 0),w=Jo(void 0),A=Jo(void 0),M=Jo(void 0);Xo(()=>{t(u?.amount?.toString()||"")},[u?.amount]),Rs(()=>{if(c==="success"){let C=m.find($=>$.name===u?.from?.blockchain),P=g.find($=>Le($,u?.from?.token||null));(C||!C&&A.current)&&n(C??null),P?r({token:P,meta:{blockchains:m,tokens:g}}):!P&&S.current&&r({token:null}),A.current=u?.from?.blockchain,S.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,c]),Xo(()=>{s&&h&&(h.some(C=>Le(C,s))||r({token:null})),l&&b&&(b.includes(l.name)||n(null))},[h,b]),Xo(()=>{a&&T&&(T.some(C=>Le(C,a))||e({token:null})),p&&v&&(v.includes(p.name)||o(null))},[T,v]),Rs(()=>{if(c==="success"){let C=m.find($=>$.name===u?.to?.blockchain),P=g.find($=>Le($,u?.to?.token||null));(C||!C&&M.current)&&o(C??null),P?e({token:P,meta:{blockchains:m,tokens:g}}):!P&&w.current&&e({token:null}),M.current=u?.to?.blockchain,w.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,c]),Xo(()=>{f(u?.affiliate?.ref??null),k(u?.affiliate?.percent??null),y(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}i(ea,"useSyncStoresWithConfig");import{useEffect as bc}from"react";import{create as wc}from"zustand";import{subscribeWithSelector as vc}from"zustand/middleware";var z=ct(wc()(vc((t,e)=>({connectedWallets:[],balances:{},customDestination:"",loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!s.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(l=>l.selected&&l.walletType!==o).map(l=>l.chain),s=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:Oo(s),connectedWallets:s}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let s=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>_o(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await Nt().getWalletsDetails(a)).wallets;if(p)t(u=>{let c=u.connectedWallets.map(g=>{let f=o.find(y=>_o(y,g)),k=p.find(y=>y.address===g.address&&y.blockChain===g.chain);return k?.failed&&f&&r&&s([f],n,!1),f&&k?{...g,explorerUrl:k.explorerUrl,balances:gs(k,n),loading:!1}:g});return{loading:!1,balances:Oo(c),connectedWallets:c}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(c=>o.find(m=>_o(m,c))?hs(c):c);return{loading:!1,balances:Oo(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=ar(o);return n[r]??null}}))));import{allProviders as xc}from"@rango-dev/provider-all";function Zo(t,e){let o=xc({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(Zo,"matchAndGenerateProviders");function ta(t,e){return Zo(t,e).map(r=>r.config.type)}i(ta,"configWalletsToWalletName");function oa(t,e){let o=z.use.clearConnectedWallet(),n=Zo(void 0,e);return bc(()=>{o(),n=Zo(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(oa,"useWalletProviders");var en=Ic({onConnectWallet:()=>{}});function Nc(t){let{updateConfig:e,updateSettings:o,fetch:n}=d(),r=d().blockchains(),s=d().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:l}=oa(t.config.wallets,a),{connectWallet:p,disconnectWallet:u}=z(),c=Wc();ea(),na(()=>{n().catch(console.log)},[]),na(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let m=r.filter(Ac).map(f=>f.name),g=i((f,k,y,h,b)=>{if(k===Cr.ACCOUNTS)if(y){let T=$o(b.supportedBlockchains),v=ds(f,y,m,T,b.isContractWallet);p(v,s)}else u(f);if(k===Cr.ACCOUNTS&&h.connected){let T=`${f}-${h.network}-${y}`;h.connected&&(c.current?c.current(T):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(k===Cr.NETWORK&&h.network){let T=`${f}-${h.network}`;c.current?c.current(T):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(f,k,y,h,b)},"onUpdateState");return Ro.createElement(en.Provider,{value:{onConnectWallet:f=>{c.current=f}}},Ro.createElement(Ec,{allBlockChains:r,providers:l,onUpdateState:g,autoConnect:!0},t.children))}i(Nc,"Main");function tn(t){let{config:e,...o}=t;return Ro.createElement(Ls,{config:e},Ro.createElement(Nc,{...o,config:e}))}i(tn,"WidgetWallets");import es from"react";import{I18nManager as ty}from"@rango-dev/ui";import xo,{useContext as oy,useEffect as Uu,useState as Ou}from"react";import{useQueueManager as Uc}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Oc}from"@rango-dev/wallets-react";import{isEvmBlockchain as qc}from"rango-types";import on,{Fragment as zc}from"react";import{MemoryRouter as Hc,useInRouterContext as Gc}from"react-router";import{useWallets as Bc}from"@rango-dev/wallets-react";import{useEffect as Pc,useRef as Mc}from"react";function ra(){let{connect:t,state:e}=Bc(),o=Mc({}),{fetchStatus:n}=d(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Pc(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(ra,"useForceAutoConnect");import{useEffect as kr,useRef as Tr}from"react";import{createSearchParams as _c,useLocation as Dc,useSearchParams as Fc}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{create as $c}from"zustand";var we=ct($c()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));function ia(){let t=Tr(!0),[e,o]=Fc(),n=Dc(),r=Tr(n.search),s=Tr({}),a=O.use.fromBlockchain(),l=O.use.toBlockchain(),p=O.use.fromToken(),u=O.use.toToken(),c=O.use.setFromBlockchain(),m=O.use.setFromToken(),g=O.use.setToBlockchain(),f=O.use.setToToken(),k=O.use.inputAmount(),y=O.use.setInputAmount(),h=d().fetchStatus,b=d().blockchains(),T=d().tokens(),v=we.use.setSelectedSwap();return kr(()=>{let S={};_c(r.current).forEach((A,M)=>{S[M]=A}),s.current=S;let w=n.pathname.split(_.swaps+"/")[1]||null;w&&v(w)},[]),kr(()=>{if(!t.current){let S="",w="",A="",M="",C="",P=s.current["autoConnect"];h!=="success"?(S=s.current["fromBlockchain"],w=s.current["fromToken"],A=s.current["toBlockchain"],M=s.current["toToken"],C=s.current["fromAmount"]||k):(S=a?.name||"",w=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),A=l?.name||"",M=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),C=k),o({...S&&{["fromBlockchain"]:S},...w&&{["fromToken"]:w},...A&&{["toBlockchain"]:A},...M&&{["toToken"]:M},...C&&{["fromAmount"]:C.toString()},...P&&{["autoConnect"]:P}},{replace:!0})}t.current=!1},[n.pathname,k,a,p,l,u]),kr(()=>{if(h==="success"){let S=e.get("fromBlockchain"),w=e.get("fromToken"),A=e.get("toBlockchain"),M=e.get("toToken"),C=e.get("fromAmount"),P=b.find(F=>F.name===S),$=gr(T,w,P||null),W=b.find(F=>F.name===A),x=gr(T,M,W||null);P&&(c(P),$&&m({token:$,meta:{blockchains:b,tokens:T}})),W&&(g(W),x&&f({token:x,meta:{blockchains:b,tokens:T}})),C&&y(C)}},[h]),null}i(ia,"UpdateUrl");function sa({children:t,...e}){let o=Gc(),n=o?zc:Hc,r=d().blockchains(),{canSwitchNetworkTo:s}=Oc();ra();let a=r.filter(qc);return Uc({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),on.createElement(on.Fragment,null,on.createElement(n,null,t),o&&on.createElement(ia,null))}i(sa,"AppRouter");import Ee from"react";import{useRoutes as zh}from"react-router-dom";import{i18n as bn}from"@lingui/core";import{useManager as Yd}from"@rango-dev/queue-manager-react";import{Alert as ql,Button as zl,Divider as Jd,IconButton as Hl,RefreshIcon as Zd,SettingsIcon as Rd,styled as Gl,Tooltip as ef,Typography as tf,WalletIcon as of}from"@rango-dev/ui";import ee,{useEffect as so,useLayoutEffect as nf,useRef as rf,useState as En}from"react";import{flushSync as sf}from"react-dom";import{useNavigate as af}from"react-router-dom";import{i18n as nt}from"@lingui/core";import{Alert as $r,BalanceErrors as ed,Button as Ra,ChevronDownIcon as td,ChevronLeftIcon as od,Divider as Ft,MessageBox as nd,Modal as el,Typography as yn,WalletIcon as rd}from"@rango-dev/ui";import L,{useEffect as id,useLayoutEffect as sd,useRef as ad,useState as xt}from"react";import{useNavigate as ld}from"react-router-dom";import{i18n as nn}from"@lingui/core";function rn(t){switch(t.type){case 0:return nn.t("Route has been updated.");case 3:return nn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return nn.t("Route swappers has been updated.");case 2:return nn.t("Route internal coins has been updated.");default:return""}}i(rn,"getQuoteUpdateWarningMessage");import*as $t from"@radix-ui/react-collapsible";import{Button as Vc,darkTheme as Mt,IconButton as jc,keyframes as aa,styled as fe,TextField as Kc}from"@rango-dev/ui";var Yt=300,Xc=aa({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Yc=aa({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),la=fe("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),pa=fe("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),ua=fe("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Mt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Mt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Mt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),ca=fe($t.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),ma=fe("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),da=fe(jc,{position:"absolute",left:"$20"}),fa=fe("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),ga=fe($t.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ha=fe(Vc,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Mt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Mt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Mt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),ya=fe("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),Sa=fe("div",{transition:`all ${Yt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Ca=fe("div",{display:"flex"}),ka=fe(Kc,{padding:"$0 $15 $15 $15"}),sn=fe($t.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Xc} ${Yt}ms ease-out`},false:{animation:`${Yc} ${Yt}ms ease-out`}}}}),Ta=fe("div",{overflow:"visible",width:"100%"});import{i18n as qe}from"@lingui/core";import{Button as Jm,Divider as Pr,Image as Zm,MessageBox as hn,Modal as Ka,SelectableWallet as Rm,Typography as Xa,WalletState as Ya}from"@rango-dev/ui";import R,{useEffect as Ja,useState as Zt}from"react";import{WalletState as wa}from"@rango-dev/ui";import{useWallets as Jc}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Zc,WalletTypes as Rc}from"@rango-dev/wallets-shared";import{useEffect as em,useState as tm}from"react";var om=Object.values(Rc);function an(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Jc(),{connectedWallets:u}=z(),c=d().blockchains(),m=ta(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||om,g=ms(s,l,m,o),f=Cs(g),[k,y]=tm(""),h=i(S=>!u.find(w=>w.walletType===S&&w.chain===o),"isExperimentalChainNotAdded"),b=i(async S=>{let w=s(S);try{if(k&&y(""),w.connected)await a(S);else{let A=!!g.find(M=>M.state===wa.CONNECTED);if(!e?.multiWallets&&A)return;n?.(S),await p(S),r?.(S)}}catch(A){y("Error: "+A?.message)}},"handleClick"),T=i(()=>{let S=g?.filter(w=>w.state===wa.CONNECTING)||[];for(let w of S)a(w.type)},"disconnectConnectingWallets");em(()=>()=>{T()},[]);let v=i((S,w,A)=>Do(A,w)&&h(S)&&!Zc.includes(S),"shouldExcludeWallet");return{list:f.filter(S=>!v(S.type,o??"",c)),error:k,handleClick:b}}i(an,"useWalletList");import{i18n as qa}from"@lingui/core";import{styled as Ha,Typography as Hm,Wallet as Gm,WalletState as Qm}from"@rango-dev/ui";import vt,{Fragment as Vm,useState as za}from"react";import{BottomLogo as Pm,Divider as Mm,Header as $m}from"@rango-dev/ui";import me from"react";import{useNavigate as nm}from"react-router-dom";function dt(){let t=nm();return()=>t(-1)}i(dt,"useNavigateBack");import{ChevronLeftIcon as sm}from"@rango-dev/ui";import ba from"react";import{darkTheme as rm,IconButton as im,styled as ln}from"@rango-dev/ui";var Ue=ln(im,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),va=ln("div",{position:"absolute",background:"$secondary500",[`.${rm} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),_t=ln("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),xa=ln("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function wr(t){return ba.createElement(Ue,{variant:"ghost",size:"small",onClick:t.onClick},ba.createElement(sm,{color:"black",size:16}))}i(wr,"BackButton");import{i18n as am}from"@lingui/core";import{Button as lm,Typography as pm}from"@rango-dev/ui";import vr from"react";function xr(t){return vr.createElement(_t,null,vr.createElement(lm,{variant:"ghost",onClick:t.onClick,size:"xsmall"},vr.createElement(pm,{variant:"label",size:"medium",color:"error500"},am.t("Cancel"))))}i(xr,"CancelButton");import{i18n as um}from"@lingui/core";import{Tooltip as cm,WalletIcon as mm}from"@rango-dev/ui";import pn from"react";function br(t){return pn.createElement(cm,{container:t.container,side:"top",content:um.t("Connect Wallet")},pn.createElement(Ue,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&pn.createElement(va,null),pn.createElement(mm,{size:18,color:"black"})))}i(br,"WalletButton");import{i18n as mn}from"@lingui/core";import{NotificationsIcon as Am,Popover as Im,RefreshIcon as Wm,SettingsIcon as Nm,Tooltip as dn,TransactionIcon as Lm}from"@rango-dev/ui";import pe from"react";import{i18n as km}from"@lingui/core";import{ChainToken as La,ChevronRightIcon as Tm,ListItemButton as wm,Typography as vm}from"@rango-dev/ui";import Oe from"react";import{useNavigate as xm}from"react-router-dom";import{create as dm}from"zustand";import{persist as fm,subscribeWithSelector as gm}from"zustand/middleware";var Pe=ct(dm()(fm(gm((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:s.toBlockchain,tokenSymbol:s.toSymbol,tokenAddress:s.toSymbolAddress}}},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 un}from"@rango-dev/ui";var Ea=un("div",{padding:"$10",width:"350px",minHeight:"150px"}),Aa=un("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Ia=un("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Wa=un("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as hm}from"@lingui/core";import{Divider as ym,NoNotificationIcon as Sm,Typography as Cm}from"@rango-dev/ui";import cn from"react";function Na(){return cn.createElement(Wa,null,cn.createElement(Sm,{color:"secondary",size:26}),cn.createElement(ym,{size:12}),cn.createElement(Cm,{variant:"body",size:"medium",color:"neutral700"},hm.t("You have no notification")))}i(Na,"NotificationNotFound");var bm=4;function Er(){let t=xm(),e=we.use.setSelectedSwap(),{getUnreadNotifications:o}=Pe(),n=o(),r=d().blockchains(),s=d().tokens(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,bm),l=i(p=>{e(p),t(`${_.swaps}/${p}`)},"handleOnClick");return Oe.createElement(Ea,null,a.length?Oe.createElement(Aa,null,a.map(p=>{let u=s.find(f=>f.address===p.route.from.tokenAddress&&f.blockchain===p.route.from.blockchain&&f.symbol===p.route.from.tokenSymbol),c=r.find(f=>f.name===p.route.from.blockchain),m=s.find(f=>f.address===p.route.to.tokenAddress&&f.blockchain===p.route.to.blockchain&&f.symbol===p.route.to.tokenSymbol),g=r.find(f=>f.name===p.route.to.blockchain);return Oe.createElement(wm,{key:p.requestId,onClick:()=>l(p.requestId),title:Oe.createElement(vm,{variant:"body",size:"small",color:"$neutral700"},km.t(p.event.message)),id:p.requestId,start:Oe.createElement(Ia,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(La,{tokenImage:u?u.image:"",chainImage:c?c.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(La,{tokenImage:m?m.image:"",chainImage:g?g.logo:"",size:"small"}))),end:Oe.createElement(Tm,{size:12,color:"gray"})})})):Oe.createElement(Na,null))}i(Er,"NotificationContent");import{Typography as Em}from"@rango-dev/ui";import Ba from"react";function Pa(){let{getUnreadNotifications:t}=Pe(),e=t().length;return e?Ba.createElement(xa,null,Ba.createElement(Em,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(Pa,"UnreadNotificationsBadge");function Ar(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:s}=t,{config:{features:a}}=d(),l=Ne("notification",a);return pe.createElement(pe.Fragment,null,pe.createElement(dn,{container:j(),side:"top",content:mn.t("Refresh")},pe.createElement(Ue,{variant:"ghost",size:"small",onClick:o,disabled:!o},pe.createElement(Wm,{size:16,color:o?"black":"gray"}))),!l&&pe.createElement(dn,{container:j(),side:"top",content:mn.t("Notifications")},pe.createElement(Im,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:j(),content:pe.createElement(Er,null)},pe.createElement(Ue,{size:"small",variant:"ghost",onClick:s},pe.createElement(Am,{size:18,color:"black"}),pe.createElement(Pa,null)))),pe.createElement(dn,{container:j(),side:"top",content:mn.t("Settings")},pe.createElement(Ue,{size:"small",variant:"ghost",onClick:r},pe.createElement(Nm,{size:18,color:"black"}))),pe.createElement(dn,{container:j(),side:"top",content:mn.t("Transactions History")},pe.createElement(Ue,{size:"small",variant:"ghost",onClick:n},pe.createElement(Lm,{size:18,color:"black"}))))}i(Ar,"HomeButtons");import{darkTheme as Bm,styled as Ir}from"@rango-dev/ui";var Ma=Ir("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",[`.${Bm} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),$a=Ir("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"}}}}),_a=Ir("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function _m(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:l=!0}=t,p=z.use.connectedWallets(),{config:{features:u}}=d(),c=Ne("connectWalletButton",u),m=we.use.connectWalletsButtonDisabled(),g=dt(),f=i(()=>{!m&&n.onWallet&&n.onWallet()},"onConnectWallet"),k=typeof n.hasBackButton>"u"||n.hasBackButton;return me.createElement(Ma,{ref:e,fixedHeight:l,id:"swap-box"},me.createElement($m,{prefix:me.createElement(me.Fragment,null,k&&me.createElement(wr,{onClick:g})),title:n.title,suffix:me.createElement(me.Fragment,null,n.suffix,n.onWallet&&!c&&me.createElement(br,{container:j(),onClick:f,isConnected:!!p?.length}),n.onCancel&&me.createElement(xr,{onClick:n.onCancel}))}),me.createElement($a,{noPadding:s},o),(a||r)&&me.createElement(_a,null,me.createElement("div",{className:"footer__content"},r),a&&me.createElement("div",{className:"footer__logo"},me.createElement(Mm,{size:12}),me.createElement(Pm,null))))}i(_m,"LayoutComponent");var K=me.forwardRef(_m);K.displayName="Layout";import{Divider as qm,Modal as zm}from"@rango-dev/ui";import Nr from"react";import{i18n as Dt}from"@lingui/core";import{Image as Um,MessageBox as Wr,WalletState as Om}from"@rango-dev/ui";import wt from"react";import{keyframes as Dm,styled as fn}from"@rango-dev/ui";var Fw=fn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Da=fn("div",{position:"relative"}),Fm=Dm({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Fa=fn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Fm} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Ua=fn("div",{"& img":{borderRadius:"50%"}});function Oa(t){let{state:e,image:o,error:n}=t;return e===Om.CONNECTED?wt.createElement(Wr,{type:"success",title:Dt.t("Wallet Connected"),description:Dt.t("Your wallet is connected, you can use it to swap.")}):n?wt.createElement(Wr,{type:"error",title:Dt.t("Failed to Connect"),description:n||Dt.t("Your wallet is not connected. Please try again.")}):wt.createElement(Wr,{type:"loading",title:Dt.t("Connecting to your wallet"),description:Dt.t("Click connect in your wallet popup."),icon:wt.createElement(Da,null,wt.createElement(Ua,null,wt.createElement(Um,{src:o,size:45})),wt.createElement(Fa,null))})}i(Oa,"ModalContent");function Jt(t){let{open:e,onClose:o,...n}=t;return Nr.createElement(zm,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},Nr.createElement(Oa,{...n}),Nr.createElement(qm,{direction:"vertical",size:32}))}i(Jt,"WalletModal");var jm=Ha("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),Km=Ha("div",{textAlign:"center"}),gn=3e3,Lr=300;function Ga(){let{config:t,fetchStatus:e}=d(),[o,n]=za(!1),[r,s]=za(""),a=null,{list:l,handleClick:p,error:u}=an({config:t,onBeforeConnect:f=>{a=setTimeout(()=>{n(!0),s(f)},Lr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},gn)}}),c=l.find(f=>f.type===r),m=c?.image||"",g=c?.state||Qm.NOT_INSTALLED;return vt.createElement(K,{header:{title:qa.t("Connect Wallets")}},vt.createElement(Km,null,vt.createElement(Hm,{variant:"title",size:"xmedium",align:"center"},qa.t("Choose a wallet to connect.")),vt.createElement(jm,null,l.map((f,k)=>{let y=`wallet-${k}-${f.type}`;return vt.createElement(Vm,{key:y},vt.createElement(Gm,{...f,container:j(),onClick:h=>{p(h)},isLoading:e==="loading"}))}),vt.createElement(Jt,{open:!!o,onClose:()=>n(!1),image:m,state:g,error:u}))))}i(Ga,"WalletsPage");import{keyframes as Xm,styled as Br}from"@rango-dev/ui";var Qa=Br("div",{position:"relative"}),Ym=Xm({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Va=Br("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Ym} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ja=Br("div",{"& img":{borderRadius:"50%"}});function Mr(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=d(),l=z.use.connectedWallets(),{blockchains:p}=d(),[u,c]=Zt(""),[m,g]=Zt(null),[f,k]=Zt(!1),[y,h]=Zt(null),{suggestAndConnect:b}=Za(),T=null,{list:v,error:S,handleClick:w}=an({config:a,chain:e,onBeforeConnect:x=>{T=setTimeout(()=>{c(x)},Lr)},onConnect:()=>{T&&clearTimeout(T),setTimeout(()=>{c("")},gn)}}),[A,M]=Zt(v),C=v.length,P=r&&C-r>0,$=i(async x=>{k(!1),h("in-progress");try{await b(x.walletType,x.chain),h("completed")}catch{h("rejected")}},"addExperimentalChain");Ja(()=>{M(x=>{let F=v.findIndex(I=>o(I.type,e));return P&&F>1?[v[F]].concat(v.filter((I,H)=>H!==F)):x.map(I=>v.find(H=>H.type===I.type)??I)})},[JSON.stringify(v)]);let W=document.querySelector("#swap-box");return Ja(()=>{let x=null;return(y==="completed"||y==="rejected")&&(x=setTimeout(()=>h(null),gn)),()=>{x&&clearTimeout(x)}},[y]),R.createElement(R.Fragment,null,A.slice(0,r).map(x=>{let F=ks({connectedWallets:l,walletType:x.type,chain:e}),I=F?Uo(F):"",H=Do(p(),e),te=!l.find(Se=>Se.walletType===x.type&&Se.chain===e),oe=H&&te&&x.state===Ya.CONNECTED,G=oe?qe.t({id:"Add {chain} chain",values:{chain:e}}):I,ie=i(()=>{x.state===Ya.DISCONNECTED?w(x.type):oe?(g({walletType:x.type,chain:e,address:F??""}),k(!0)):n({walletType:x.type,chain:e,address:F??""})},"onClick"),ye=m?.chain?Bs(m.chain,p()):void 0;return R.createElement(R.Fragment,null,R.createElement(Jt,{open:u===x.type,onClose:()=>c(""),image:x.image,state:x.state,error:S}),!!m&&R.createElement(Ka,{open:!!m&&f,container:W,onClose:()=>{g(null)}},R.createElement(hn,{title:qe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ye}}),type:"warning",description:qe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ye}})},R.createElement(Pr,{size:18}),R.createElement(Pr,{size:32}),R.createElement(Jm,{onClick:$.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},qe.t("Confirm")))),y&&R.createElement(Ka,{open:!!y,onClose:h.bind(null,null),container:W},y==="in-progress"&&R.createElement(hn,{type:"loading",title:qe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ye}}),description:qe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ye}}),icon:R.createElement(Qa,null,R.createElement(ja,null,R.createElement(Zm,{src:x.image,size:45})),R.createElement(Va,null))}),y==="completed"&&R.createElement(hn,{type:"success",title:qe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:ye}}),description:qe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:ye}})}),y==="rejected"&&R.createElement(hn,{type:"error",title:qe.t("Request Rejected"),description:qe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:ye}})}),R.createElement(Pr,{direction:"vertical",size:32})),R.createElement(Rm,{key:x.type,description:G,onClick:ie,selected:o(x.type,e),...x}))}),P&&R.createElement(ua,{selected:!1,onClick:s.bind(null)},R.createElement(Xa,{variant:"label",size:"medium"},qe.t("Show more wallets"),R.createElement(Xa,{variant:"label",size:"medium",color:"$primary"},"\xA0+",C-(r??0)))))}i(Mr,"WalletList");var pd=2;function tl(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=d().config,l=d().blockchains(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:c,setQuoteWalletConfirmed:m,customDestination:g,setCustomDestination:f}=O(),{connectedWallets:k,selectWallets:y}=z(),[h,b]=xt(""),[T,v]=xt([]),[S,w]=xt(""),[A,M]=xt(null),[C,P]=xt(g),[$,W]=xt(!!g),x=ad(null),F=qo(p),I=l.find(D=>D.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),H=i(D=>!!p?.result?.swaps.find(Y=>Y.from.blockchain===D),"isWalletRequiredFor"),[te,oe]=xt(k.filter(D=>D.selected&&F.includes(D.chain))),G=l.find(D=>D.name===I?.name),ie=i((D,Y)=>!!te.find(q=>q.walletType===D&&q.chain===Y&&q.selected&&(H(Y)||!H(Y)&&!C)),"isSelected"),ye=!!C&&$&&G&&!zo(G,C),Se=i(()=>{W(!1),P(""),oe(D=>{let Y=!1;return D.map(q=>!Y&&q.chain===I?.name?(Y=!0,{...q,selected:!0}):q)})},"resetCustomDestination"),De=i(D=>{if(h&&b(""),ie(D.walletType,D.chain))return;let q=k.find(se=>se.walletType===D.walletType&&se.chain===D.chain);q&&(n(),D.chain===I?.name&&$&&(W(!1),P("")),oe(se=>se.filter(Ve=>Ve.chain!==D.chain).concat({...q,selected:!0})))},"onChange"),It=i(()=>{let D=te.filter(Y=>Y.selected);y(D),u(D),f(C),m(!0),o()},"onConfirmBalance"),jt=i(async()=>{v([]),w(""),M(null);let D=k.filter(se=>te.find(Ve=>Ve.chain===se.chain&&Ve.walletType===se.walletType)),Y=await r?.({selectedWallets:D,customDestination:C}),q=Y.warnings;q?.balance?.messages&&v(q.balance.messages),q?.quoteUpdate&&M(q.quoteUpdate),Y.error&&w(Ms(Y.error)),!Y.error&&(!q?.balance?.messages.length||0>0)?It():v(q?.balance?.messages??[])},"onConfirmWallets");id(()=>{oe(D=>D.concat(k.filter(Y=>!!!D.find(se=>se.chain===Y.chain)&&Y.selected&&F.includes(Y.chain))))},[k.length]),sd(()=>{$&&x.current&&setTimeout(()=>{x?.current?.scrollIntoView({behavior:"smooth"})},Yt)},[$]);let tt=document.querySelector("#swap-box"),Qe=ld();return L.createElement(el,{open:e,onClose:()=>{c||Qe("../",{replace:!0}),o()},dismissible:!h,container:tt,...!h&&{footer:L.createElement(Ca,null,L.createElement(Ra,{loading:s,disabled:js(s,$,C,p,te,I),onClick:jt,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...h&&{containerStyle:{padding:"$0"},header:L.createElement(ma,null,L.createElement(da,{variant:"ghost",onClick:b.bind(null,"")},L.createElement(od,{size:16})),L.createElement(yn,{variant:"headline",size:"small"},nt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Xe(h,l)}})))},anchor:"center"},L.createElement(el,{open:T.length>0,onClose:v.bind(null,[]),container:tt},L.createElement(nd,{title:nt.t("Insufficient account balance"),type:"error",description:L.createElement(ed,{messages:T??[]})},L.createElement(Ra,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:It},nt.t("Proceed anyway")))),h&&L.createElement(fa,null,L.createElement("div",{className:"wallets-list"},L.createElement(Mr,{chain:h,isSelected:ie,selectWallet:De,onShowMore:b.bind(null,h)}))),!h&&L.createElement(L.Fragment,null,S&&L.createElement(L.Fragment,null,L.createElement($r,{variant:"alarm",type:"error",title:nt.t(S)}),L.createElement(Ft,{size:12})),A&&L.createElement(L.Fragment,null,L.createElement($r,{variant:"alarm",type:"warning",title:rn(A)}),L.createElement(Ft,{size:12})),L.createElement(Ta,null,F.map((D,Y)=>{let q=l.find(Ae=>Ae.name===D),se=`wallet-${Y}`,Ve=Y===F.length-1;return L.createElement("div",{key:se},L.createElement(la,null,L.createElement(yn,{variant:"title",size:"xmedium"},nt.t({id:"Your {blockchainName} wallets",values:{blockchainName:q?.shortName}})),L.createElement(yn,{variant:"label",color:"$neutral700",size:"medium"},nt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:q?.shortName}}))),L.createElement(Ft,{size:24}),L.createElement(pa,null,L.createElement(Mr,{chain:D,isSelected:ie,selectWallet:De,limit:pd,onShowMore:()=>b(q?.name??"")})),!Ve&&L.createElement(Ft,{size:32}),Ve&&a?.customDestination&&L.createElement(ya,null,L.createElement(ga,{ref:x,selected:$,open:$,onOpenChange:Ae=>{Ae?H(I?.name??"")||oe(er=>er.map(tr=>tr.chain===I?.name?{...tr,selected:!1}:tr)):Se()}},L.createElement(ca,{onClick:()=>W(Ae=>!Ae)},L.createElement(ha,{fullWidth:!0,variant:"default",suffix:L.createElement(Sa,{orientation:$?"up":"down"},L.createElement(td,{size:10,color:"gray"}))},L.createElement("div",{className:"button__content"},L.createElement(rd,{size:18,color:"info"}),L.createElement(Ft,{size:4,direction:"horizontal"}),L.createElement(yn,{variant:"label",size:"medium"},nt.t("Send to a different address"))))),L.createElement(sn,{open:$},L.createElement(L.Fragment,null,L.createElement(Ft,{size:4}),L.createElement(ka,{autoFocus:!0,placeholder:nt.t("Your destination address"),value:C,onChange:Ae=>{P(Ae.target.value)}})))),ye&&L.createElement("div",{className:"alarms"},L.createElement($r,{variant:"alarm",type:"error",title:nt.t({values:{destination:C},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(tl,"ConfirmWalletsModal");import{Divider as Qd}from"@rango-dev/ui";import Me from"react";import{i18n as Or}from"@lingui/core";import{Alert as cd,ChevronDownIcon as md,ChevronRightIcon as dd,Divider as qr,Image as gl,InfoIcon as fd,QuoteCost as gd,StepDetails as hd,TokenAmount as yd,Tooltip as hl,Typography as Ut}from"@rango-dev/ui";import B,{useLayoutEffect as Sd,useRef as yl,useState as Cd}from"react";import{styled as Rt}from"@rango-dev/ui";var ol=Rt("div",{paddingBottom:"$10"}),_r=Rt("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),nl=Rt("div",{variants:{paddingTop:{true:{paddingTop:"$10"}}}}),rl=Rt("div",{paddingBottom:"$15"}),il=Rt("div",{width:"100%",display:"flex"});import*as Sn from"@radix-ui/react-collapsible";import{darkTheme as Ye,Image as sl,styled as rt}from"@rango-dev/ui";var Dr=300,al=rt(Sn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${Ye} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ye} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& .steps-details":{padding:"$10 $15"}}),ll=rt("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",[`.${Ye} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${Ye} &`]:{$$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",[`.${Ye} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${Ye} &`]:{$$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",[`.${Ye} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}}),pl=rt(Sn.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:{[`& ${sl}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${sl}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${Ye} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ye} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& div:nth-child(1)":{display:"flex"}}),Fr=rt("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"}}}}),ul=rt(sn,{width:"100%"}),Ur=rt("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Dr}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Vv=rt("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),cl=rt("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ye} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),ml=rt("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"});import{TokenAmount as fl}from"@rango-dev/ui";import Cn from"react";import{styled as ud}from"@rango-dev/ui";var dl=ud("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%","& .separator":{height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"}});function eo(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Cn.createElement(dl,null,Cn.createElement(fl,{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}}),Cn.createElement("div",{className:"separator"}),Cn.createElement(fl,{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}))}i(eo,"QuoteSummary");function zr(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=d().tokens(),u=d().blockchains(),c=d().swappers(),[m,g]=Cd(t.expanded),f=yl(null),k=yl(m),y=N(Qo(e.result?.swaps??[],p),2,2),h=No(Lo(e.result?.swaps)),b=N(o.value,6,6),T=N(n.value,6,6),v=n.usdValue?N(n.usdValue,4,4):"",S=Be(o.usdValue,n.usdValue??null),w=N(S,2,2),A=ot(S??0),C=i(W=>W.map((x,F)=>{let I,H=r?.type===3&&r.swap.swapperId===x.swapperId||r?.type===4&&r.recommendedSlippages?.has(F),te=s?.type===2&&s.recommendedSlippages?.has(F);return H?I="error":te&&(I="warning"),{swapper:{displayName:Ps(x.swapperId,c),image:x.swapperLogo},from:{token:{displayName:x.from.symbol,image:x.from.logo},chain:{displayName:Xe(x.from.blockchain,u),image:x.from.blockchainLogo},price:{value:F===0?N(o.value,6,6):N(x.fromAmount,6,6),usdValue:N((x.from.usdPrice??0)*parseFloat(x.fromAmount),4,4)}},to:{token:{displayName:x.to.symbol,image:x.to.logo},chain:{displayName:Xe(x.to.blockchain,u),image:x.to.blockchainLogo},price:{value:N(x.toAmount,6,6),usdValue:N((x.to.usdPrice??0)*parseFloat(x.toAmount),4,4)}},state:I,alerts:H||te?B.createElement(rl,null,B.createElement(cd,{type:H?"error":"warning",title:r?.type===3?r?.recommendation:Or.t("Slippage Error:"),footer:B.createElement(il,null,r?.type===3&&B.createElement(B.Fragment,null,B.createElement(Ut,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),B.createElement(qr,{direction:"horizontal",size:8}),B.createElement(Ut,{size:"xsmall",variant:"body",color:"neutral900"},"|"),B.createElement(qr,{direction:"horizontal",size:8}),B.createElement(Ut,{size:"xsmall",variant:"body",color:"neutral900"},Or.t({id:"Yours: {amount} {symbol}",values:{amount:N(x.fromAmount,6,6),symbol:x?.from.symbol}}))),(r?.type===4||s?.type===2)&&B.createElement(Ut,{size:"xsmall",variant:"body",color:"neutral900"},Or.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(F)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(F)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),P=C.length,$=j();return Sd(()=>{m&&!k.current&&f.current&&setTimeout(()=>{f?.current?.scrollIntoView({behavior:"smooth"})},Dr),k.current=m},[m,k]),B.createElement(B.Fragment,null,B.createElement(ll,{recommended:l,listItem:a==="list-item",basic:a==="basic"},B.createElement("div",{className:"summary"},B.createElement(gd,{fee:y,time:h,steps:P}),a==="basic"&&B.createElement("div",{className:"basic-info"},B.createElement(ml,null,B.createElement(fd,{size:12,color:"gray"})),B.createElement(Ut,{size:"small",variant:"body",style:{letterSpacing:.4}},`${b} ${C[0].from.token.displayName} = ${T} ${C[C.length-1].to.token.displayName}`),B.createElement(Ut,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${v})`)),a==="list-item"&&B.createElement(yd,{type:"output",direction:"vertical",price:{value:T,usdValue:v},token:{displayName:C[P-1].to.token.displayName,image:C[P-1].to.token.image},chain:{image:C[P-1].to.chain.image},percentageChange:w,warningLevel:A}),a==="swap-preview"&&B.createElement(B.Fragment,null,B.createElement(eo,{from:C[0].from,to:C[P-1].to,percentageChange:w,warningLevel:A}),B.createElement(qr,{size:4}))),B.createElement(al,{recommended:l,open:m,onOpenChange:g},B.createElement(pl,{ref:W=>f.current=W,recommended:l,onClick:()=>g(W=>!W)},B.createElement("div",null,C.map((W,x)=>{let F=`item-${x}`,I=B.createElement(Ur,null,B.createElement(dd,{size:12,color:"black",...W.state&&{color:W.state==="error"?"error":"warning"}}));return B.createElement(B.Fragment,{key:F},B.createElement(hl,{container:$,side:"bottom",sideOffset:4,content:W.from.chain.displayName},B.createElement(Fr,{state:W.state||C[x-1]?.state},B.createElement(gl,{src:W.from.chain.image,size:16}))),x===P-1&&B.createElement(B.Fragment,null,I,B.createElement(hl,{container:$,side:"bottom",sideOffset:4,content:W.to.chain.displayName},B.createElement(Fr,{state:W.state},B.createElement(gl,{src:W.to.chain.image,size:16})))),x!==P-1&&B.createElement(B.Fragment,null,I))})),B.createElement(Ur,{orientation:m?"up":"down"},B.createElement(md,{size:12,color:"black"}))),B.createElement(ul,{open:m},B.createElement(cl,null),B.createElement("div",{className:"steps-details"},C.map((W,x)=>{let F=`item-${x}`;return B.createElement(hd,{type:"quote-details",key:F,step:W,hasSeparator:x!==C.length-1,state:W.state})}))))))}i(zr,"Quote");import{ChainToken as kn,Divider as ze,NextIcon as Td,Skeleton as ge}from"@rango-dev/ui";import E from"react";import{darkTheme as kd,styled as Sl}from"@rango-dev/ui";var Cl=Sl("div",{$$color:"$colors$neutral100",[`.${kd} &`]:{$$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"}}),kl=Sl("div",{borderLeft:"1px dashed black",minHeight:" 64px",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});function Hr(t){let{separator:e=!0}=t;return E.createElement(E.Fragment,null,E.createElement("div",{className:"step__title"},E.createElement(ge,{height:22,width:22,variant:"circular"}),E.createElement(ze,{direction:"horizontal",size:8}),E.createElement(ge,{height:15,width:148,variant:"rounded"})),E.createElement("div",{className:"step__content"},E.createElement(kl,{hideSeparator:!e}),E.createElement("div",{className:"step__tokens"},E.createElement("div",{className:"step__token-info"},E.createElement(kn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),E.createElement(ze,{direction:"horizontal",size:8}),E.createElement(ge,{height:12,width:76,variant:"rounded"})),E.createElement("div",{className:"step__icon-container"},E.createElement(Td,{color:"gray",size:16})),E.createElement("div",{className:"step__token-info"},E.createElement(kn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),E.createElement(ze,{direction:"horizontal",size:8}),E.createElement(ge,{height:12,width:76,variant:"rounded"})))))}i(Hr,"StepSkeleton");function Gr(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(kn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),E.createElement(ze,{size:8,direction:"horizontal"}),E.createElement("div",{className:"token-amount__label"},E.createElement(ge,{height:10,width:60,variant:"rounded"}),E.createElement(ze,{size:4}),E.createElement(ge,{height:15,width:148,variant:"rounded"}))),E.createElement(ge,{height:12,width:64,variant:"rounded"}));return E.createElement(Cl,{rounded:e!=="basic"},E.createElement("div",{className:"cost-and-tag"},E.createElement("div",{className:"cost"},E.createElement(ge,{width:60,height:10,variant:"rounded"}),E.createElement(ze,{size:4,direction:"horizontal"}),E.createElement(ge,{width:60,height:10,variant:"rounded"}),E.createElement(ze,{size:4,direction:"horizontal"}),E.createElement(ge,{width:60,height:10,variant:"rounded"})),n&&E.createElement(ge,{height:22,width:100,variant:"rounded"})),e==="basic"&&E.createElement("div",{className:"basic-summary"},E.createElement(ge,{height:15,width:148,variant:"rounded"})),e==="list-item"&&E.createElement("div",{className:"output"},E.createElement("div",{className:"output__token-info"},E.createElement(kn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),E.createElement(ze,{direction:"horizontal",size:4}),E.createElement(ge,{height:15,width:150,variant:"rounded"})),E.createElement(ze,{size:4}),E.createElement(ge,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&E.createElement(E.Fragment,null,E.createElement(ze,{size:4}),E.createElement("div",{className:"swap-preview"},r,E.createElement("div",{className:"quote-summary__separator"}),r)),E.createElement("div",{className:"chains"},E.createElement(ge,{height:15,width:321,variant:"rounded"})),o&&E.createElement("div",{className:"steps"},E.createElement(ze,{size:20}),E.createElement(Hr,null),E.createElement(Hr,null),E.createElement(Hr,{separator:!1})))}i(Gr,"QuoteSkeleton");import{i18n as qd}from"@lingui/core";import{Alert as zd,Button as Hd,InfoIcon as Gd}from"@rango-dev/ui";import We from"react";import{Alert as wd,Button as vd,Divider as El,NoRouteIcon as xd,RefreshIcon as bd,Typography as Al}from"@rango-dev/ui";import He from"react";import{i18n as Tl}from"@lingui/core";function wl(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:Q().genericServerError,action:{onClick:n,title:Tl.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:Q().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Tl.t("Reset")}},description:Q().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:Q().noResultError.description}}i(wl,"makeInfo");import{styled as Qr}from"@rango-dev/ui";var vl=Qr("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),xl=Qr("div",{width:"100%"}),bl=Qr("div",{padding:"$6 $0"});function Vr(t){let{fetch:e,error:o}=t,n=d().disabledLiquiditySources,r=d().toggleAllLiquiditySources,s=d().swappers(),a=wl(o,n,()=>r(s,!0),e);return He.createElement(vl,null,He.createElement(xd,{size:24,color:"gray"}),He.createElement(El,{size:4}),He.createElement(Al,{variant:"title",size:"small"},Q().noResultError.title),!!a.description&&He.createElement(Al,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),He.createElement(El,{size:4}),!!a.alert&&He.createElement(xl,null,He.createElement(wd,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&He.createElement(vd,{size:"xsmall",type:a.alert.type,prefix:He.createElement(bl,null,He.createElement(bd,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Vr,"NoResult");import{i18n as no}from"@lingui/core";import{Button as Ad,Divider as Pl,MessageBox as Id,Modal as Wd,Typography as Nd,WarningIcon as Ld}from"@rango-dev/ui";import Je from"react";import{Typography as Ll}from"@rango-dev/ui";import Kr from"react";import{darkTheme as Ed,styled as Tn}from"@rango-dev/ui";var Il=Tn("div",{width:"100%",paddingTop:"$10"}),jr=Tn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Wl=Tn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Ed} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Nl=Tn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Bl(t){let{title:e,value:o,valueColor:n}=t;return Kr.createElement(Wl,null,Kr.createElement(Ll,{size:"medium",variant:"label",className:"_title"},e),Kr.createElement(Ll,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Bl,"QuoteErrorsModalItem");function Ml(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,s=r.warningLevel==="high"?"error":"warning",a=[{title:no.t("Swapping"),value:N(r.inputUsdValue,4,4)},{title:no.t("Gas cost"),value:N(r.totalFee,2,2)},{title:no.t("Receiving"),value:N(r.outputUsdValue,4,4)},{title:no.t("Price impact"),value:N(r.priceImpact,2,2),valueColor:`${s}500`}];return Je.createElement(Wd,{open:e,onClose:o,container:j()},Je.createElement(Id,{type:s,title:Q().highValueLossError.impactTitle,description:Q().highValueLossError.description}),Je.createElement(jr,null,Je.createElement(Pl,{size:20}),Je.createElement(Nd,{size:"small",variant:"title"},no.t("Details")),Je.createElement(jr,null,a.map((l,p)=>Je.createElement(Bl,{key:p,...l})))),Je.createElement(Pl,{size:32}),Je.createElement(Ad,{type:"primary",size:"large",prefix:Je.createElement(Ld,null),fullWidth:!0,onClick:n},Q().highValueLossError.confirmMessage))}i(Ml,"HighValueLossWarningModal");import{i18n as Xr}from"@lingui/core";function $l(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(ot(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=Q().highValueLossError.title),t.type===1&&(o.title=Q().unknownPriceError.title),t.type===2&&(o.title=Xr.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=Xr.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=Xr.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):null}i($l,"makeAlerts");import{i18n as Ot}from"@lingui/core";import{Button as _l,Divider as Dl,MessageBox as Bd,Modal as Pd,Typography as Md}from"@rango-dev/ui";import bt from"react";import{useNavigate as $d}from"react-router-dom";function Fl(t){let{customSlippage:e,slippage:o}=d(),{open:n,onClose:r,onConfirm:s,warning:a}=t,l=$d(),p=e??o;return bt.createElement(Pd,{anchor:"bottom",open:n,prefix:bt.createElement(_l,{size:"small",variant:"ghost",onClick:()=>l("../"+_.settings)},bt.createElement(Md,{variant:"label",size:"medium",color:"$neutral900"},Ot.t("Change settings"))),container:j(),onClose:r},bt.createElement(Bd,{type:"warning",title:a.type===3?Ot.t("High slippage"):Ot.t("Low slippage"),description:a.type===3?Ot.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):Ot.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},bt.createElement(Dl,{size:18}),bt.createElement(Dl,{size:32}),bt.createElement(_l,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:s},Ot.t("Confirm anyway"))))}i(Fl,"SlippageWarningModal");import{Button as _d,Divider as Dd,MessageBox as Fd,Modal as Ud,WarningIcon as Od}from"@rango-dev/ui";import ro from"react";function Ul(t){let{open:e,onClose:o,onConfirm:n}=t;return ro.createElement(Ud,{open:e,onClose:o,container:j()},ro.createElement(Fd,{type:"warning",title:Q().unknownPriceError.impactTitle,description:Q().unknownPriceError.description}),ro.createElement(Dd,{size:32}),ro.createElement(_d,{type:"primary",size:"large",prefix:ro.createElement(Od,null),fullWidth:!0,onClick:n},Q().unknownPriceError.confirmMessage))}i(Ul,"UnknownPriceWarningModal");function Yr(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:s,onCloseWarningModal:a,onConfirmWarningModal:l,onChangeSettings:p}=t,u={open:r,onClose:a,onConfirm:l},c=o?.type===0||o?.type===1,m=$l(e,o?.type===3||o?.type===4?o:null);return We.createElement(We.Fragment,null,c&&We.createElement(Vr,{error:o,fetch:n}),!!m&&We.createElement(Il,null,We.createElement(zd,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:We.createElement(Nl,{onClick:s},We.createElement(Gd,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:We.createElement(Hd,{size:"xxsmall",type:m.alertType,onClick:p},qd.t("Change"))}})),e&&We.createElement(We.Fragment,null,e.type===0&&We.createElement(Ml,{...u,warning:e}),(e.type===3||e.type===2)&&We.createElement(Fl,{...u,warning:e}),e.type===1&&We.createElement(Ul,{...u,warning:e})))}i(Yr,"QuoteWarningsAndErrors");function io(t){let{quote:e,type:o,loading:n,error:r,warning:s,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:c,onChangeSettings:m,expanded:g=!1,alertPosition:f="bottom"}=t,{inputAmount:k,inputUsdValue:y,outputUsdValue:h,outputAmount:b}=O(),v=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n,S=(s||r)&&Me.createElement(Yr,{warning:s,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:c,onChangeSettings:m});return Me.createElement(Me.Fragment,null,n&&Me.createElement(_r,null,Me.createElement(nl,{paddingTop:f==="top"},Me.createElement(Gr,{type:o,expanded:g}))),f==="top"&&Me.createElement(ol,null,S),v?Me.createElement(_r,null,Me.createElement(zr,{quote:e,error:r,warning:s,type:o,expanded:g,recommended:!0,input:{value:k,usdValue:y?.toString()??""},output:{value:b?.toString()??"",usdValue:h?.toString()??""}})):null,f==="bottom"&&Me.createElement(Me.Fragment,null,!s&&!r&&Me.createElement(Qd,{size:16}),S))}i(io,"QuoteInfo");import{calculatePendingSwap as Kd}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Xd}from"react";import{useRef as Vd,useState as jd}from"react";function wn(){let[t,e]=jd(!1),o=Vd(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Nt().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(wn,"useFetchQuote");function vn(t){if(!t.result)throw new Error(Q().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(cr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=mr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=fr(t);if(o){let n=Vo(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(vn,"throwErrorIfResponseIsNotValid");function Ol(t,e,o){let n=!1;t&&(n=Js(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=Ko(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(qs(t,e)?r.quoteUpdate={type:3,newOutputAmount:N(Pt(e)),percentageChange:N(Be(Pt(t)??"",Pt(e)??""),null,2)}:hr(t,e)?r.quoteUpdate={type:0}:yr(t,e)?r.quoteUpdate={type:1}:Sr(t,e)&&(r.quoteUpdate={type:2}));let a=zs(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Ol,"generateWarnings");function xn(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}i(xn,"handleQuoteErrors");function Jr(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=O(),{slippage:l,customSlippage:p,affiliatePercent:u,affiliateRef:c,affiliateWallets:m,disabledLiquiditySources:g}=d(),{connectedWallets:f}=z(),k=d().blockchains(),y=d().tokens(),{features:h}=d().config,{enableNewLiquiditySources:b}=d().config,T=p||l,{fetch:v,cancelFetch:S,loading:w}=wn();return Xd(()=>S,[]),{loading:w,fetch:i(async M=>{let C=M.selectedWallets,P=M?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let $=jo({fromToken:t,toToken:e,inputAmount:o,wallets:f,selectedWallets:C,excludeLiquiditySources:b,disabledLiquiditySources:g,slippage:T,affiliateRef:c,affiliatePercent:u,affiliateWallets:m,initialQuote:r??void 0,destination:P});Wo("experimentalRoute",h)&&($.experimental=!0);let W;try{W=await v($).then(H=>vn(H)),n(W)}catch(H){return xn(H)}let x={slippage:T.toString(),disabledSwappersGroups:g},F=Kd(o.toString(),W,Us(C),x,!1,{blockchains:k,tokens:y}),I=Ol(r??void 0,W,{fromToken:t,toToken:e,meta:{blockchains:k,tokens:y},selectedWallets:C,userSlippage:T});return I.quoteUpdate&&a(!1),{quote:W,swap:F,error:null,warnings:I}},"fetch"),cancelFetch:S}}i(Jr,"useConfirmSwap");var lf=Gl("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"}}),pf=Gl("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Hl}`]:{width:"$48",height:"$48"}});function Ql(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=O(),l=af(),[p,u]=En(""),{connectedWallets:c}=z(),m=!n,[g,f]=En(!1),k=we.use.setSelectedSwap(),y=d().disabledLiquiditySources,h=rf(y),{manager:b}=Yd(),{fetch:T,loading:v,cancelFetch:S}=Jr(),[w,A]=En({swap:null,error:null,warnings:null}),[M,C]=En(!1),P=i(async({selectedWallets:I,customDestination:H})=>{let te=await T?.({selectedWallets:I,customDestination:H});return A(te),te},"onConfirmSwap"),$=i(async()=>{if(w.swap&&n)try{await b?.create("swap",{swapDetails:w.swap},{id:w.swap.requestId}),k(w.swap.requestId);let I=`../${_.swaps}/${w.swap.requestId}`;l(I,{replace:!0}),setTimeout(()=>{e("")},0)}catch(I){u("Error: "+I?.message)}},"addNewSwap"),W=i(async()=>{await $()},"onConfirm"),x=i(async()=>{w?.warnings?.quote&&!a?C(!0):await W()},"onStartConfirmSwap"),F=i(async()=>{A({error:null,swap:null,warnings:null}),T({selectedWallets:o,customDestination:s}).then(I=>{A(I)}).catch(I=>console.error(I))},"onRefresh");return so(()=>{!!h.current.length&&!y.length&&F(),h.current=y},[y.length]),so(()=>{m&&S()},[m]),so(()=>{m&&f(m)},[m]),so(()=>{m||T({selectedWallets:o,customDestination:s}).then(I=>A(I)).catch(I=>console.error(I))},[]),so(()=>{let I=w.warnings?.quote?.type&&Object.values(pt).includes(w.warnings?.quote?.type),H=o.length<1||!o.every(oe=>c.find(G=>oe.address===G.address&&oe.walletType===G.walletType&&oe.chain===G.chain)),te=!1;if(I){let oe=qo(t),G=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(Se=>Se.from.blockchain===G)||(oe=oe.slice(-oe.length,oe.length-1)),oe.every(Se=>o.find(De=>De.chain===Se))||(te=!0)}t&&(H||te)&&(queueMicrotask(()=>sf(f.bind(null,!0))),r(!1))},[w.warnings?.quote,o.length,c.length]),nf(()=>{t||l("../")},[]),ee.createElement(K,{header:{title:bn.t("Confirm Swap"),onWallet:()=>{let I=`../${_.wallets}`;l(I)},suffix:ee.createElement(ef,{container:j(),side:"bottom",content:bn.t("Settings")},ee.createElement(Ue,{size:"small",variant:"ghost",onClick:()=>l("../"+_.settings)},ee.createElement(Rd,{size:18,color:"black"})))},footer:ee.createElement(pf,null,ee.createElement("div",{className:"confirm-button"},ee.createElement(zl,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:v,disabled:!!w.error,onClick:x},bn.t("Start Swap"))),ee.createElement(Hl,{variant:"contained",type:"primary",size:"large",loading:v,onClick:f.bind(null,!0)},ee.createElement(of,{size:24})))},g&&ee.createElement(tl,{open:g,onClose:()=>f(!1),onCancel:S,loading:v,onCheckBalance:P}),ee.createElement(lf,null,ee.createElement("div",{className:"description"},ee.createElement(tf,{variant:"title",size:"small"},bn.t("You get")),ee.createElement(zl,{style:{padding:"0"},variant:"ghost",disabled:v,onClick:F},ee.createElement("div",{className:"icon"},ee.createElement(Zd,{size:16})))),p&&ee.createElement(ee.Fragment,null,ee.createElement(ql,{type:"error",variant:"alarm",title:p}),ee.createElement(Jd,{size:12})),w.warnings?.quoteUpdate&&ee.createElement("div",{className:"quote-update__alert"},ee.createElement(ql,{variant:"alarm",type:"warning",title:w.warnings.quoteUpdate&&rn(w.warnings.quoteUpdate)})),ee.createElement(io,{quote:t,type:"swap-preview",expanded:!0,alertPosition:"top",error:w.error,loading:v,warning:w.warnings?.quote??null,refetchQuote:F,showWarningModal:M,onOpenWarningModal:()=>C(!0),onCloseWarningModal:()=>C(!1),onConfirmWarningModal:async()=>{C(!1),await $()},onChangeSettings:()=>l("../"+_.settings)})))}i(Ql,"ConfirmSwapPage");import{i18n as In}from"@lingui/core";import{useManager as hf}from"@rango-dev/queue-manager-react";import{Divider as yf,NotFound as Sf,styled as ep}from"@rango-dev/ui";import ht,{useState as Cf}from"react";import{useNavigate as kf}from"react-router-dom";import{CloseIcon as cf,IconButton as mf,SearchIcon as df,TextField as ff}from"@rango-dev/ui";import ao from"react";import{styled as uf}from"@rango-dev/ui";var Vl=uf("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function it(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return ao.createElement(ff,{prefix:ao.createElement(Vl,null,ao.createElement(df,{color:"black"})),suffix:!!a.length&&ao.createElement(mf,{variant:"ghost",onClick:()=>l?.(""),size:"small"},ao.createElement(cf,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...p})}i(it,"SearchInput");import{i18n as Kl}from"@lingui/core";import{Divider as Xl,SwapListItem as Yl,Typography as Jl}from"@rango-dev/ui";import Z from"react";import{darkTheme as gf,styled as An}from"@rango-dev/ui";var Zr=An("div",{width:"100%",display:"flex",flexDirection:"column",".group-title":{$$color:"$colors$neutral600",[`.${gf} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Rr=An("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),ei=An("div",{gap:"$10",display:"flex",flexDirection:"column"}),jl=An("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function ti(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,s=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return Z.createElement(Z.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>Z.createElement(Z.Fragment,{key:p.title},Z.createElement(Zr,null,Z.createElement(Rr,null,Z.createElement(Jl,{variant:"label",size:"medium",className:"group-title"},Kl.t(p.title))),Z.createElement(Xl,{size:4}),Z.createElement(ei,null,p.swaps.map((u,c)=>{let m=c+p.title;return Z.createElement(Z.Fragment,{key:m},Z.createElement(Yl,{isLoading:!0}))}))))))}return Z.createElement(Z.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>Z.createElement(Z.Fragment,{key:a.title},Z.createElement(Zr,null,Z.createElement(Rr,null,Z.createElement(Jl,{variant:"label",size:"medium",className:"group-title"},Kl.t(a.title))),Z.createElement(Xl,{size:4}),Z.createElement(ei,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return Z.createElement(Z.Fragment,{key:l.requestId},Z.createElement(Yl,{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:Bo(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:Bo(u.outputAmount||""),estimatedAmount:Bo(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}i(ti,"SwapsGroup");import Zl from"dayjs";var Rl=i(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=Zl();return t.forEach(n=>{let r=Zl(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=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");var Tf=ep("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),wf=ep("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),vf=i((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 tp(){let t=we.use.setSelectedSwap(),e=kf(),{manager:o,state:n}=hf(),r=qt(o).map(({swap:m})=>m),[s,a]=Cf(""),l=!n.loadedFromPersistor,p=i(m=>{let g=m.target.value;a(g)},"searchHandler"),u=r;s&&(u=r.filter(m=>je(m.inputAmount,s)||je(m.status,s)||vf(m.steps,s)||je(m.requestId,s)));let c=!u?.length&&!l;return ht.createElement(K,{header:{title:In.t("History")}},ht.createElement(Tf,null,ht.createElement(it,{setValue:a,fullWidth:!0,variant:"contained",placeholder:In.t("Search Transaction"),autoFocus:!0,onChange:p,value:s}),ht.createElement(wf,null,c&&ht.createElement(jl,null,ht.createElement(yf,{size:32}),ht.createElement(Sf,{title:In.t("No results found"),description:s?In.t("Try using different keywords"):""})),!c&&ht.createElement(ti,{list:u,onSwapClick:m=>{t(m),e(m)},groupBy:Rl,isLoading:l}))))}i(tp,"HistoryPage");import{i18n as ri}from"@lingui/core";import{Button as Nf,styled as ii,SwapInput as ip,WarningIcon as Lf}from"@rango-dev/ui";import $e,{useEffect as Bf,useRef as Pf,useState as Mf}from"react";import{useNavigate as $f}from"react-router-dom";import{ReverseIcon as xf,styled as op}from"@rango-dev/ui";import oi from"react";var bf=op("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Ef=op("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 np(){let t=O.use.switchFromAndTo();return oi.createElement(bf,null,oi.createElement(Ef,{onClick:()=>{t()}},oi.createElement(xf,{size:12})))}i(np,"SwitchFromAndToButton");import{useCallback as Af,useEffect as If,useState as ni}from"react";var Wf=600;function rp(){let{fetch:t,cancelFetch:e}=wn(),{liquiditySources:o,enableNewLiquiditySources:n,features:r}=d().config,s=d().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:u,resetQuote:c,setQuote:m}=O(),{slippage:g,customSlippage:f,affiliatePercent:k,affiliateRef:y,affiliateWallets:h,disabledLiquiditySources:b}=d(),[T,v]=ni(!1),[S,w]=ni(null),[A,M]=ni(null),C=f??g,$=!a||!l||Le(a,l)||!Kt(p),W=i(I=>{v(I),w(null),M(null)},"resetState"),x=i(I=>{let{fromToken:H,toToken:te,inputAmount:oe,liquiditySources:G,excludeLiquiditySources:ie,disabledLiquiditySources:ye,slippage:Se,affiliateRef:De,affiliatePercent:It,affiliateWallets:jt}=I;if(T||W(!0),!$&&H&&te){c();let tt=jo({fromToken:H,toToken:te,inputAmount:oe,liquiditySources:G,excludeLiquiditySources:ie,disabledLiquiditySources:ye,slippage:Se,affiliateRef:De,affiliatePercent:It,affiliateWallets:jt});Wo("experimentalRoute",r)&&(tt.experimental=!0),t(tt).then(Qe=>{v(!1),m(Qe),vn(Qe);let D=Ko(Qe,{fromToken:H,toToken:te,userSlippage:C,tokens:s});M(D)}).catch(Qe=>{let{error:D}=xn(Qe);(D?.type===0||D?.type===1)&&c(),D?.type!==2&&(w(D),v(!1))})}},"fetch"),F=Af(as(I=>{$||x(I)},Wf),[$]);return If(()=>{if(!Kt(p)||u?.eq(0)){W(!1),e();return}if(!$)return c(),W(!0),F({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:b,slippage:C,affiliateRef:y,affiliatePercent:k,affiliateWallets:h}),e},[p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,$,o?.length,n,b.length,C,y,k,JSON.stringify(h)]),{fetch:()=>x({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:b,slippage:C,affiliateRef:y,affiliatePercent:k,affiliateWallets:h}),loading:T,error:S,warning:A}}i(rp,"useSwapInput");var _f=ii("div",{display:"flex",flexDirection:"column",overflowY:"visible","& .quote__container":{paddingTop:"$2"}}),Df=ii("div",{position:"relative"}),Ff=ii("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function sp(){let t=$f(),{fetch:e,loading:o,error:n,warning:r}=rp(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:c,inputUsdValue:m,outputAmount:g,outputUsdValue:f,quote:k,resetQuoteWallets:y,setQuoteWarningsConfirmed:h}=O(),b=d().fetchStatus,{connectedWallets:T,getBalanceFor:v}=z(),S=we.use.setCurrentPage(),[w,A]=Mf(!1),M=Pf(null),C=!1,P=!dr(k,c,m),$=!dr(k,c,f),W=_s({fetchMetaStatus:b,fetchingQuote:o,inputAmount:c,quote:k,anyWalletConnected:T.length>0,error:n,warning:r,needsToWarnEthOnPath:C}),x=s?v(s):null,F=Fo(x)?.amount??"0",I=a&&s?N(x?.amount,x?.decimals):"0";Bf(()=>(S(_.home),y(),S.bind(null,"")),[]);let H=!m||!f||!f.gt(0)?null:Be(m.toString(),f.toString());return $e.createElement(K,{ref:M,fixedHeight:!1,hasLogo:!0,footer:$e.createElement(Nf,{type:"primary",size:"large",disabled:W.disabled,prefix:W.action==="confirm-warning"&&$e.createElement(Lf,null),fullWidth:!0,onClick:()=>{W.action==="connect-wallet"?t(_.wallets):W.action==="confirm-warning"?A(!0):t(_.confirmSwap)}},W.title),header:{onWallet:()=>{t(_.wallets)},hasBackButton:!1,title:ri.t("Swap"),suffix:$e.createElement(Ar,{layoutRef:M.current,onClickRefresh:k||n?e:void 0,onClickHistory:()=>t(_.swaps),onClickSettings:()=>t(_.settings)})}},$e.createElement(_f,null,$e.createElement(Ff,null,$e.createElement(Df,null,$e.createElement(ip,{label:ri.t("From"),mode:"From",onInputChange:u,balance:F,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(_.fromSwap),price:{value:c,usdValue:P?void 0:N(m,4,4),error:P?Q().unknownPriceError.impactTitle:void 0},disabled:b==="failed",loading:b==="loading",onSelectMaxBalance:()=>{F!=="0"&&u(I.split(",").join(""))}}),$e.createElement(np,null)),$e.createElement(ip,{sharpBottomStyle:!!k?.result||o,label:ri.t("To"),mode:"To",fetchingQuote:o,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:N(Be(m,f),2,2),warningLevel:ot(H??0),price:{value:N(g,6,6),usdValue:$?void 0:N(f,4,4),error:$?Q().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(_.toSwap),disabled:b==="failed",loading:b==="loading"})),$e.createElement("div",{className:"quote__container"},$e.createElement(io,{quote:k,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:w,onOpenWarningModal:()=>A(!0),onCloseWarningModal:()=>A(!1),onConfirmWarningModal:()=>{A(!1),h(!0),t(_.confirmSwap)},onChangeSettings:()=>t(_.settings)}))))}i(sp,"Home");import{i18n as ap}from"@lingui/core";import{List as Uf,ListItemButton as Of,Radio as qf,RadioRoot as zf,Typography as Hf}from"@rango-dev/ui";import yt from"react";import{styled as Wn}from"@rango-dev/ui";var st=Wn("div",{height:"100%",overflow:"hidden"}),lo=Wn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),si=Wn("div",{width:80,display:"flex",justifyContent:"flex-end"}),ai=Wn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Nn(){let{setLanguage:t,language:e}=d();return{activeLanguage:e,languages:ws,defaultLanguage:Bt,changeLanguage:r=>t(r||Bt)}}i(Nn,"useLanguage");function lp(){let{activeLanguage:t,changeLanguage:e,languages:o}=Nn(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:yt.createElement(Hf,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:yt.createElement(qf,{value:s}),start:yt.createElement(l,null)}});return yt.createElement(K,{header:{title:ap.t("Language")}},yt.createElement(st,null,yt.createElement(zf,{value:t},yt.createElement(Uf,{type:yt.createElement(Of,{title:ap.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(lp,"LanguagePage");import{i18n as zt}from"@lingui/core";import{Button as Kf,Checkbox as Xf,Image as Yf,ListItemButton as Jf,NotFound as Zf,Typography as Rf}from"@rango-dev/ui";import he,{useState as eg}from"react";import{Checkbox as Vf,Skeleton as up}from"@rango-dev/ui";import po from"react";import{ListItem as Gf,styled as Qf}from"@rango-dev/ui";var pp=Qf(Gf,{height:61});var jf=30;function li(){return po.createElement(lo,null,Array.from(Array(jf),t=>po.createElement(pp,{hasDivider:!0,key:t,start:po.createElement(up,{variant:"circular",width:35,height:35}),title:po.createElement(up,{variant:"text",size:"large",width:90}),end:po.createElement(Vf,{checked:!1})})))}i(li,"LoadingLiquiditySourceList");function pi({sourceType:t}){let e=d().fetchStatus,o=d().swappers(),n=d().disabledLiquiditySources,[r,s]=eg(""),a=d().toggleLiquiditySource,l=Io(o,n),p=[];t==="Exchanges"&&p.push("DEX"),t==="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,m=i(()=>{u.forEach(y=>{c?a(y.groupTitle):y.selected||a(y.groupTitle)})},"toggleAllSources"),g=u.map(y=>{let{selected:h,groupTitle:b,logo:T}=y;return{start:he.createElement(Yf,{src:T,size:22,type:"circular"}),onClick:()=>a(b),end:he.createElement(Xf,{checked:h}),title:he.createElement(Rf,{variant:"title",size:"xmedium"},zt.t(b)),...y}}),f=i(y=>{let h=y.target.value;s(h)},"searchHandler"),k=g;return r&&(k=g.filter(y=>je(y.groupTitle,r))),he.createElement(K,{header:{title:zt.t(t),suffix:he.createElement(si,null,he.createElement(Kf,{variant:"ghost",size:"xsmall",onClick:m},zt.t(c?"Deselect all":"Select all")))}},he.createElement(st,null,he.createElement(it,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:zt.t("Search {sourceType}",{sourceType:t}),onChange:f}),e==="loading"&&he.createElement(li,null),!k.length&&r?he.createElement(ai,null,he.createElement(Zf,{title:zt.t("No results found"),description:zt.t("Try using different keywords")})):e==="success"&&he.createElement(lo,null,k.map(y=>he.createElement(he.Fragment,{key:y.id},he.createElement(Jf,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}i(pi,"LiquiditySourcePage");import{i18n as Sp}from"@lingui/core";import{Divider as di,getCountCategories as pg,SelectableCategoryList as ug}from"@rango-dev/ui";import at,{useState as Cp}from"react";import{i18n as ci}from"@lingui/core";import{Divider as hp,Image as rg,ListItemButton as ig,NotFound as sg,Typography as yp}from"@rango-dev/ui";import _e,{useEffect as ag,useState as lg}from"react";import{BlockchainCategories as ui}from"@rango-dev/ui";import{TransactionType as Ln}from"rango-sdk";var tg=i((t,e)=>{switch(e){case ui.ALL:return!0;case ui.UTXO:return t.type===Ln.TRANSFER;case ui.OTHER:return t.type!==Ln.TRANSFER&&t.type!==Ln.COSMOS&&t.type!==Ln.EVM;default:return t.type===e}},"filterByType"),cp=i((t,e,o)=>t.filter(n=>tg(n,o)).filter(n=>Ct(n.name,e)||Ct(n.displayName,e)),"filterBlockchains");import{styled as mp}from"@rango-dev/ui";var dp=mp("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Bn=mp("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as og,Skeleton as fp}from"@rango-dev/ui";import Pn from"react";var ng=20;function gp(){return Pn.createElement(Bn,null,Array.from(Array(ng),t=>Pn.createElement(og,{key:t,hasDivider:!0,start:Pn.createElement(fp,{variant:"circular",width:35,height:35}),title:Pn.createElement(fp,{variant:"text",size:"large",width:90})})))}i(gp,"LoadingBlockchainList");function mi(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=lg(e),{fetchStatus:l}=d();ag(()=>{a([...cp(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?_e.createElement(_e.Fragment,null,_e.createElement(hp,{size:32}),_e.createElement(sg,{title:ci.t("No results found"),description:ci.t("Try using different keywords")})):_e.createElement(Bn,{key:`${r}-${o}`},s.map(u=>_e.createElement(ig,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:_e.createElement(rg,{src:u.logo,size:30}),title:_e.createElement(yp,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return _e.createElement(dp,null,_e.createElement(yp,{variant:"label",size:"large"},ci.t("Select Blockchain")),_e.createElement(hp,{size:4}),l==="loading"&&_e.createElement(gp,null),l==="success"&&p())}i(mi,"BlockchainList");function fi(t){let{type:e}=t,o=dt(),[n,r]=Cp(""),[s,a]=Cp("ALL"),l=O.use.setToBlockchain(),p=O.use.setFromBlockchain(),u=d().fetchStatus,c=d().blockchains({type:e}),g=pg(c)!==1;return at.createElement(K,{header:{title:Sp.t("Select Blockchain")}},at.createElement(di,{size:12}),g&&at.createElement(at.Fragment,null,at.createElement(ug,{setCategory:a,category:s,blockchains:c,isLoading:u==="loading"}),at.createElement(di,{size:24})),at.createElement(it,{value:n,autoFocus:!0,placeholder:Sp.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),at.createElement(di,{size:16}),at.createElement(mi,{list:c,searchedFor:n,blockchainCategory:s,onChange:f=>{e==="source"?p(f):l(f),o()}}))}i(fi,"SelectBlockchainPage");import{i18n as Fp}from"@lingui/core";import{Divider as Up}from"@rango-dev/ui";import Ht,{useState as Ag}from"react";import{useNavigate as Ig}from"react-router-dom";import{i18n as yi}from"@lingui/core";import{BlockchainsChip as Mn,Divider as vp,Image as xp,Skeleton as gg,Typography as Si}from"@rango-dev/ui";import de from"react";import{useEffect as dg}from"react";var kp=["ETH","COSMOS","OSMOSIS"];function gi(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(cg),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let u=n[p];a=a.filter(c=>u.name!==c)}}n.sort(mg(a)),r=n.splice(s)}return{list:n,more:r}}i(gi,"prepare");function cg(t,e){let o=kp,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),s=n>-1,a=r>-1;return s&&a?n>r?1:-1:s?-1:a?1:0}i(cg,"sortByMostUsedBlockchains");function mg(t){return i(function(o,n){let r=t.findIndex(p=>p===o.name),s=t.findIndex(p=>p===n.name),a=r>-1,l=s>-1;return a&&l?r>s?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}i(mg,"generateSortByPreferredBlockchainsFor");function Tp(t,e){return!!e.list.find(o=>o.name===t)}i(Tp,"isInVisibleList");function hi(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=d();dg(()=>{if(e?.selected){let s=gi(t,o,e);Tp(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=gi(t,o,e);return{list:r.list,more:r.more,history:[]}}i(hi,"usePrepareBlockchainList");import{styled as fg}from"@rango-dev/ui";var wp=fg("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var hg=12;function Ci(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=hi(e,{limit:10,selected:n?.name}),{fetchStatus:l}=d(),p=O.use.resetToBlockchain(),u=O.use.resetFromBlockchain(),c=a.more.length>0,m=a.more.length===1,g=!m&&c;return de.createElement("div",null,de.createElement(vp,{size:12}),de.createElement(Si,{variant:"label",size:"large"},yi.t("Select Blockchain")),de.createElement(vp,{size:12}),de.createElement(wp,null,l==="loading"&&Array.from(Array(hg),f=>de.createElement(gg,{key:f,variant:"rounded",height:50})),l==="success"&&de.createElement(de.Fragment,null,de.createElement(Mn,{selected:!n,onClick:()=>{o==="from"?u():p()}},de.createElement(Si,{variant:"body",size:"xsmall",color:"secondary500"},yi.t("All"))),a.list.map(f=>de.createElement(Mn,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},de.createElement(xp,{src:f.logo,size:30}))),m?de.createElement(Mn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},de.createElement(xp,{src:a.more[0].logo,size:30})):null,g?de.createElement(Mn,{onClick:s,key:"more-blockchains"},de.createElement(Si,{variant:"body",size:"xsmall",color:"secondary500"},yi._("More +{count}",{count:a.more.length}))):null)))}i(Ci,"BlockchainsSection");import{i18n as xi}from"@lingui/core";import{darkTheme as Pp,Divider as co,ExternalLinkIcon as Cg,Image as kg,ListItemButton as Tg,NotFound as wg,PinIcon as vg,Skeleton as Mp,Typography as mo,VirtualizedList as xg}from"@rango-dev/ui";import U,{forwardRef as bg,useEffect as $p,useState as _p}from"react";var bp=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,u=(a.length<2?"0":"")+a,c=(l.length<2?"0":"")+l;return`#${p}${u}${c}`},"colorShade"),$n=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:bp(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:bp(e,-((l-5)*25))});return a},"generateRangeColors"),ki=i((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let s in o){let a=o[s];if(a&&a!==t[s])if(n=!0,s==="background"||s==="foreground")r={...r,[s]:a};else if(s==="neutral"&&e){let l=$n(s,a);r={...r,[`${s}100`]:l[`${s}900`],[`${s}200`]:l[`${s}800`],[`${s}300`]:l[`${s}700`],[`${s}400`]:l[`${s}600`],[`${s}500`]:l[`${s}500`],[`${s}600`]:l[`${s}400`],[`${s}700`]:l[`${s}300`],[`${s}800`]:l[`${s}200`],[`${s}900`]:l[`${s}100`]}}else r={...r,...$n(s,a)}}return n?r:{}},"generateColors");import{Divider as Lp,ListItem as Sg,Skeleton as uo}from"@rango-dev/ui";import Ge from"react";import{darkTheme as Ep,styled as Ze,Typography as yg}from"@rango-dev/ui";var Ap=Ze("div",{display:"flex",flexDirection:"column",flexGrow:1}),Ti=Ze("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),_n=Ze("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",[`.${Ep} &`]:{$$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"}}}}}),wi=Ze("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),vi=Ze(yg,{}),Ip=Ze("div",{textAlign:"right",".usd-value":{$$color:"$colors$neutral600",[`.${Ep} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Dn=Ze("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),dW=Ze("div",{display:"flex",alignItems:"center"}),Wp=Ze("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),Np=Ze("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function Bp(t){return Ge.createElement(_n,null,Array.from(Array(t.size),e=>Ge.createElement(Sg,{key:e,hasDivider:!0,start:Ge.createElement(uo,{variant:"circular",width:35,height:35}),end:Ge.createElement(Dn,null,Ge.createElement(uo,{variant:"text",size:"large",width:70}),Ge.createElement(Lp,{size:4}),Ge.createElement(uo,{variant:"text",size:"medium",width:50})),title:Ge.createElement("div",null,Ge.createElement(uo,{variant:"text",size:"large",width:90}),Ge.createElement(Lp,{size:4}),Ge.createElement(uo,{variant:"text",size:"medium",width:90}))})))}i(Bp,"LoadingTokenList");var bi=20,Eg=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return U.createElement("div",{className:"description"},o?U.createElement("div",{className:"token-name"},o):U.createElement(Ti,{className:"token-title"},U.createElement(mo,{variant:"title",size:"xmedium"},r.symbol),U.createElement(co,{direction:"horizontal",size:4}),U.createElement(wi,{css:s},U.createElement(vi,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&U.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},U.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," ",U.createElement(Cg,{color:"gray",size:12}))))},"renderDesc");function Dp(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=_p(e),l=d().fetchStatus,p=d().blockchains(),[u,c]=_p(!0),{getBalanceFor:m,loading:g}=z(),{isTokenPinned:f}=d(),k=bg((b,T)=>U.createElement("div",{...b,ref:T,style:{...b.style,height:`${parseFloat(b.style?.height)+8*2}px`}})),y=i(()=>{a(e.slice(0,s.length+bi))},"loadNextPage");$p(()=>{c(e.length>s.length)},[s.length]),$p(()=>{a(e.slice(0,bi))},[e]);let h=i(()=>!s.length&&o?U.createElement(U.Fragment,null,U.createElement(co,{size:32}),U.createElement(wg,{title:xi.t("No results found"),description:xi.t("Try using different keywords")})):U.createElement(xg,{Item:({index:b,style:T})=>{let v=s[b],S=Fo(m(v)),w=v.address||"",A=p.find($=>$.name===v.blockchain),M=$n(v.symbol,A?.color||""),C={$$color:M[`${v.symbol}100`],[`.${Pp} &`]:{$$color:M[`${v.symbol}900`]},backgroundColor:"$$color"},P={$$color:M[`${v.symbol}700`],[`.${Pp} &`]:{$$color:M[`${v.symbol}100`]},color:"$$color"};return U.createElement("div",{style:{...T,paddingRight:5}},U.createElement(Tg,{style:{height:T?.height},"tab-index":b,key:`${v.symbol}${v.address}`,id:`${v.symbol}${v.address}`,hasDivider:!0,onClick:()=>n(s[b]),start:U.createElement(Wp,null,U.createElement(kg,{src:v.image,size:30}),f(v)&&U.createElement(Np,null,U.createElement(vg,{size:12,color:"gray"}))),title:A?.type==="COSMOS"||v.name||!v.name&&!w?U.createElement(Ti,null,U.createElement(mo,{variant:"title",size:"xmedium"},v.symbol),U.createElement(co,{direction:"horizontal",size:4}),U.createElement(wi,{css:C},U.createElement(vi,{variant:"body",size:"xsmall",css:P},v.blockchain))):void 0,description:A?.info&&w&&A.type!=="COSMOS"?Eg({address:w,token:s[b],customCssForTag:C,customCssForTagTitle:P,name:v.name,url:A.info.addressUrl.split("{wallet}").join(w)}):v.name||void 0,end:g?U.createElement(Dn,null,U.createElement(Mp,{variant:"text",size:"large",width:70}),U.createElement(co,{size:4}),U.createElement(Mp,{variant:"text",size:"medium",width:50})):S&&U.createElement(Ip,null,U.createElement(mo,{variant:"title",size:"small"},S.amount),U.createElement("div",null),S.usdValue&&U.createElement(mo,{variant:"body",className:"usd-value",size:"xsmall"},`$${S.usdValue}`))}))},hasNextPage:u,itemCount:s.length,loadNextPage:y,innerElementType:k,size:60,key:`${r}-${o}`}),"renderList");return U.createElement(Ap,null,U.createElement(mo,{variant:"label",size:"large"},xi.t("Select Token")),U.createElement(co,{size:4}),l==="loading"&&U.createElement(Bp,{size:bi}),l==="success"&&U.createElement(_n,null,h()))}i(Dp,"TokenList");function Ei(t){let{type:e}=t,o=Ig(),n=dt(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=O(),c=z.use.getBalanceFor(),[m,g]=Ag(""),k=(e==="source"?r:s)?.name??"",y=d().blockchains({type:e}),h=d().tokens({type:e,blockchain:k,searchFor:m}),b=Ss(h,c),T=i(S=>{e==="source"?p(S):u(S)},"updateBlockchain"),v=i(S=>{e==="source"?a({token:S,meta:{blockchains:y,tokens:h}}):l({token:S,meta:{blockchains:y,tokens:h}})},"updateToken");return Ht.createElement(K,{header:{title:Fp.t("Swap {type}",{type:e})}},Ht.createElement(Ci,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(_.blockchains),onChange:S=>{T(S)}}),Ht.createElement(Up,{size:24}),Ht.createElement(it,{value:m,autoFocus:!0,placeholder:Fp.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>g(""),onChange:S=>g(S.target.value)}),Ht.createElement(Up,{size:16}),Ht.createElement(Dp,{list:b,selectedBlockchain:k,searchedFor:m,onChange:S=>{v(S);let w=y.find(A=>S.blockchain===A.name);w&&T(w),n()}}))}i(Ei,"SelectSwapItemsPage");import{i18n as Et}from"@lingui/core";import{ChevronRightIcon as Wi,Divider as Ni,InfoIcon as Mg,List as $g,ListItemButton as _g,Skeleton as Dg,Switch as Fg,Tooltip as Ug,Typography as At}from"@rango-dev/ui";import V from"react";import{useNavigate as Og}from"react-router-dom";import{i18n as Gp}from"@lingui/core";import{Chip as Ng,Divider as Qp,InfoIcon as Lg,TextField as Bg,Tooltip as Pg,Typography as Vp}from"@rango-dev/ui";import ve from"react";import{styled as Fn}from"@rango-dev/ui";var Op=Fn("div",{paddingTop:"$5",paddingBottom:"30px"}),qp=Fn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),zp=Fn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Un=Fn("div",{maxWidth:"300px",padding:"$10"});import{i18n as Ai}from"@lingui/core";import{Typography as Wg}from"@rango-dev/ui";import fo from"react";function Hp(){return fo.createElement(Un,null,fo.createElement(Wg,{variant:"label",size:"medium",color:"neutral700"},Ai.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),fo.createElement("br",null),fo.createElement("br",null),fo.createElement("b",null,Ai.t("Warning")),":",Ai.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}i(Hp,"SlippageTooltipContent");function Ii(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=d();return ve.createElement(Op,null,ve.createElement(zp,null,ve.createElement(Vp,{variant:"title",size:"xmedium"},Gp.t("Slippage tolerance per swap")),ve.createElement(Qp,{direction:"horizontal",size:4}),ve.createElement(Pg,{container:j(),side:"top",content:ve.createElement(Hp,null)},ve.createElement(Lg,{color:"gray"}))),ve.createElement(qp,null,vs.map((r,s)=>{let a=`slippage-${s}`;return ve.createElement(ve.Fragment,null,ve.createElement(Ng,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),ve.createElement(Qp,{direction:"horizontal",size:8}))}),ve.createElement(Bg,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=parseFloat(r.target.value);(!s||s>=As&&s<=Es)&&n(s)},suffix:o&&ve.createElement(Vp,{variant:"body",size:"small"},"%"),placeholder:Gp.t("Custom")})))}i(Ii,"Slippage");function jp(){let t=Og(),{theme:e}=d().config,o=d().fetchStatus,n=d().swappers(),r=d().disabledLiquiditySources,{config:{features:s}}=d(),a=Ne("theme",s),l=Ne("liquiditySource",s),p=Ne("language",s),u=d().infiniteApprove,c=d().toggleInfiniteApprove,m=Io(n,r),g=m.filter(C=>C.type==="BRIDGE"||C.type==="AGGREGATOR"),f=g.length,k=g.filter(C=>C.selected).length,y=m.filter(C=>C.type==="DEX"),h=y.length,b=y.filter(C=>C.selected).length,T=i((C,P)=>{switch(o){case"loading":return V.createElement(Dg,{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"},`${C} / ${P}`)}},"handleEndItem"),v={id:"bridge-item",title:V.createElement(At,{variant:"title",size:"xmedium"},Et.t("Enabled bridges")),end:V.createElement(V.Fragment,null,T(k,f),V.createElement(Ni,{direction:"horizontal",size:8}),V.createElement(Wi,{color:"black"})),onClick:()=>t(_.bridges)},S={id:"exchange-item",title:V.createElement(At,{variant:"title",size:"xmedium"},Et.t("Enabled exchanges")),end:V.createElement(V.Fragment,null,T(b,h),V.createElement(Ni,{direction:"horizontal",size:8}),V.createElement(Wi,{color:"gray"})),onClick:()=>t(_.exchanges)},w={id:"theme-item",title:V.createElement(At,{variant:"title",size:"xmedium"},Et.t("Theme")),end:V.createElement(Wi,{color:"gray"}),onClick:()=>t(_.themes)},A={id:"infinite-approval-item",title:V.createElement(V.Fragment,null,V.createElement(At,{variant:"title",size:"xmedium"},Et.t("Infinite Approval")),V.createElement(Ni,{direction:"horizontal",size:4}),V.createElement(Ug,{side:"top",container:j(),content:V.createElement(Un,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(Mg,{color:"gray"}))),end:V.createElement(Fg,{checked:u}),onClick:c},M=l?[]:[v,S];return!e?.singleTheme&&!a&&M.push(w),M.push(A),V.createElement(K,{header:{title:Et.t("Setting")}},V.createElement(st,null,V.createElement(Ii,null),V.createElement($g,{type:V.createElement(_g,{title:"_",id:"_",onClick:()=>console.log()}),items:M})))}i(jp,"SettingsPage");import{cancelSwap as Mh}from"@rango-dev/queue-manager-rango-preset";import{useManager as $h}from"@rango-dev/queue-manager-react";import bu from"react";import{i18n as lt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as gh,getCurrentStep as hh,getRelatedWalletOrNull as yh}from"@rango-dev/queue-manager-rango-preset";import{Button as yu,CopyIcon as Sh,Divider as Ch,IconButton as kh,QuoteCost as Th,StepDetails as wh,Typography as Qt,useCopyToClipboard as vh}from"@rango-dev/ui";import{useWallets as xh}from"@rango-dev/wallets-react";import{PendingSwapNetworkStatus as Xn}from"rango-types";import X,{useEffect as Su,useRef as bh,useState as Cu}from"react";import{useNavigate as Eh}from"react-router-dom";import{i18n as xe}from"@lingui/core";var qg=1e3,zg=31536e3,Hg=2592e3,Gg=86400,Qg=3600,Vg=60;function Kp(t){let e=Math.floor((Date.now()-t)/qg),n=[{turningPoint:zg,label:xe.t("year"),pluralLabel:xe.t("years")},{turningPoint:Hg,label:xe.t("month"),pluralLabel:xe.t("months")},{turningPoint:Gg,label:xe.t("day"),pluralLabel:xe.t("days")},{turningPoint:Qg,label:xe.t("hour"),pluralLabel:xe.t("hours")},{turningPoint:Vg,label:xe.t("minute"),pluralLabel:xe.t("minutes")}].sort((r,s)=>s.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:s,label:a,pluralLabel:l}=r,p=Math.floor(e/s);if(p>1)return`${p} ${l}`;if(p===1)return`${p} ${a}`}return e>1?`${e} ${xe.t("seconds")}`:`${e} ${xe.t("second")}`}i(Kp,"timeSince");function Xp(t){return t.finishTime?xe.t({id:"{time} ago",values:{time:Kp(parseInt(t.finishTime))}}):xe.t({id:"{time} ago",values:{time:Kp(parseInt(t.creationTime))}})}i(Xp,"getSwapDate");import{Modal as Rg}from"@rango-dev/ui";import{PendingSwapNetworkStatus as zn}from"rango-types";import Hn from"react";import{i18n as On}from"@lingui/core";import{Button as Yp,Divider as Li,MessageBox as jg,Typography as Jp}from"@rango-dev/ui";import Re from"react";var Zp=i(({onCancel:t,onClose:e})=>Re.createElement(Re.Fragment,null,Re.createElement(Li,{size:20}),Re.createElement(jg,{type:"error",title:On.t("Cancel Swap"),description:On.t("Are you sure you want to cancel this swap?")}),Re.createElement(Li,{size:32}),Re.createElement(Yp,{variant:"contained",type:"primary",size:"large",onClick:t},Re.createElement(Jp,{variant:"title",size:"medium",color:"neutral100"},On.t("Yes, Cancel it"))),Re.createElement(Li,{size:12}),Re.createElement(Yp,{variant:"outlined",type:"primary",size:"large",onClick:e},Re.createElement(Jp,{variant:"title",size:"medium",color:"primary"},On.t("No, Continue")))),"CancelContent");import{i18n as qn}from"@lingui/core";import{Button as Rp,Divider as Bi,MessageBox as Kg,Typography as eu}from"@rango-dev/ui";import et from"react";var tu=i(({onDelete:t,onClose:e})=>et.createElement(et.Fragment,null,et.createElement(Bi,{size:20}),et.createElement(Kg,{type:"error",title:qn.t("Delete Transaction"),description:qn.t("Are you sure you want to delete this swap?")}),et.createElement(Bi,{size:32}),et.createElement(Rp,{variant:"contained",type:"primary",size:"large",onClick:t},et.createElement(eu,{variant:"title",size:"medium",color:"neutral100"},qn.t("Yes, Delete it"))),et.createElement(Bi,{size:12}),et.createElement(Rp,{variant:"outlined",type:"primary",size:"large",onClick:e},et.createElement(eu,{variant:"title",size:"medium",color:"primary"},qn.t("No, Cancel")))),"DeleteContent");import{i18n as Pi}from"@lingui/core";import{PendingSwapNetworkStatus as Mi}from"rango-types";var $i={[Mi.WaitingForNetworkChange]:{type:"loading",title:Pi.t("Change Network")},[Mi.WaitingForConnectingWallet]:{type:"warning",title:Pi.t("Connect Wallet")},[Mi.NetworkChanged]:{type:"success",title:Pi.t("Network Changed")}};import{MessageBox as Yg,Wallet as Jg,WalletState as nu}from"@rango-dev/ui";import{useWallets as Zg}from"@rango-dev/wallets-react";import go from"react";import{styled as Xg}from"@rango-dev/ui";var ou=Xg("div",{display:"flex",justifyContent:"center"});var ru=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:l,state:p}=Zg(),u=n?.walletType,m=u&&p(u).connected?nu.CONNECTED:nu.DISCONNECTED;return go.createElement(go.Fragment,null,go.createElement(Yg,{type:e,title:o,description:r}),s&&u&&go.createElement(ou,null,go.createElement(Jg,{container:j(),title:l(u).name,image:l(u).img,type:u,state:m,onClick:async()=>a(u)})))},"WalletStateContent");function _i(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,l=e===zn.WaitingForNetworkChange||e===zn.WaitingForConnectingWallet||e===zn.NetworkChanged;return Hn.createElement(Rg,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&Hn.createElement(ru,{type:$i[e].type,title:$i[e].title,currentStepWallet:s,message:a,showWalletButton:e!==zn.WaitingForNetworkChange}),e==="delete"&&Hn.createElement(tu,{onClose:o,onDelete:n}),e==="cancel"&&Hn.createElement(Zp,{onClose:o,onCancel:r}))}i(_i,"SwapDetailsModal");import{i18n as ho}from"@lingui/core";import{Button as Di,Divider as Gn,MessageBox as iu,Modal as eh,TokenAmount as th,Typography as Qn}from"@rango-dev/ui";import ue from"react";import{useNavigate as oh}from"react-router-dom";function Fi(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,token:a,chain:l,percentageChange:p,description:u,diagnosisUrl:c}=t,m=oh();return ue.createElement(eh,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ue.createElement(iu,{type:"success",title:ho.t("Swap Successful")},ue.createElement(th,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:s},token:a,chain:l,percentageChange:p}),ue.createElement(Gn,{size:12}),ue.createElement(Qn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):ue.createElement(iu,{type:"error",title:ho.t("Transaction Failed"),description:u}),ue.createElement(Gn,{size:32}),n==="success"&&ue.createElement(Di,{variant:"contained",type:"primary",size:"large",onClick:()=>{m("../../")}},ue.createElement(Qn,{variant:"title",size:"medium",color:"neutral100"},ho.t("Done"))),ue.createElement(Gn,{size:12}),c&&ue.createElement(ue.Fragment,null,ue.createElement(Di,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(c,"_blank")},ue.createElement(Qn,{variant:"title",size:"medium",color:"primary"},ho.t("Diagnosis"))),ue.createElement(Gn,{size:12})),ue.createElement(Di,{variant:"outlined",type:"primary",size:"large",onClick:o},ue.createElement(Qn,{variant:"title",size:"medium",color:"primary"},ho.t("See Details"))))}i(Fi,"SwapDetailsCompleteModal");import dh from"react";import{i18n as ph}from"@lingui/core";import{Alert as cu,IconButton as uh,LinkIcon as ch}from"@rango-dev/ui";import St,{Fragment as mh}from"react";import{Alert as nh,ChevronDownIcon as rh,ChevronUpIcon as ih,IconButton as sh}from"@rango-dev/ui";import Vn,{useState as ah}from"react";function su(t){let{message:e}=t,[o,n]=ah(!1);return Vn.createElement(nh,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Vn.createElement(sh,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Vn.createElement(ih,{size:12,color:"gray"}):Vn.createElement(rh,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(su,"FailedAlert");import{styled as lh}from"@rango-dev/ui";var au=lh("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as lu}from"@lingui/core";import{Alert as Ui,Button as pu}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Oi}from"rango-types";import yo from"react";function uu(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?yo.createElement(Ui,{type:"warning",title:n.shortMessage,action:yo.createElement(pu,{size:"xxsmall",type:"warning",onClick:()=>{o(Oi.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},lu.t("Change"))}):r===Oi.WaitingForConnectingWallet?yo.createElement(Ui,{type:"warning",title:n.shortMessage,action:yo.createElement(pu,{size:"xxsmall",type:"warning",onClick:()=>{o(Oi.WaitingForConnectingWallet)}},lu.t("Connect"))}):yo.createElement(Ui,{type:"warning",title:n.shortMessage})}i(uu,"WarningAlert");function qi(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=Xt(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l;return St.createElement(au,null,s.explorerUrl?.map((c,m,g)=>{let f=m+c.url,k=m===g.length-1,y=k&&u||p,h=k&&s.status==="failed";return St.createElement(mh,{key:f},St.createElement(cu,{type:y&&"loading"||h&&"error"||"success",title:c.description?`${c.description} Tx`:ph.t("View transaction"),action:c.url&&St.createElement(uh,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},St.createElement(ch,{size:16}))}))}),(u&&!a||p&&!s.explorerUrl?.length)&&St.createElement(cu,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&St.createElement(uu,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&St.createElement(su,{message:r}))}i(qi,"SwapDetailsAlerts");var mu=2e3;var du=i(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,s)=>{let a=s===0?t.inputAmount:t.steps[s-1].outputAmount;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:Xe(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:N(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:Xe(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:N(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:dh.createElement(qi,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function fu(t){if(Xt(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i(fu,"getStepState");import{darkTheme as fh,styled as Gt}from"@rango-dev/ui";var jn=Gt("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",[`.${fh} &`]:{$$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"}}),Kn=Gt("div",{width:"100%"}),gu=Gt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),KL=Gt("div",{display:"flex",flexDirection:"column",gap:"$10"}),hu=Gt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),XL=Gt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function zi(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=xh(),p=d().blockchains(),u=d().tokens(),c=O.use.retry(),m=Eh(),[g,f]=vh(mu),k=bh(null),[y,h]=Cu(null),[b,T]=Cu(null),v=i(()=>{r(),h(null)},"onCancel"),S=Pe.use.getUnreadNotifications(),w=Pe.use.setAsRead(),A=S(),M=hh(e),C=M?.networkStatus;Su(()=>{A.find(se=>se.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(T(e.status),w(e.requestId))},[e.status]),Su(()=>{H?h(Xn.WaitingForNetworkChange):C===Xn.WaitingForConnectingWallet||C===Xn.NetworkChanged?h(C):h(null)},[C]);let P=Qs(e),$=M?gh(e,M):null,W=M?yh(e,M):null,x=Xp(e),F=Vs(e),I=i(q=>!!l(q)?.mobileWallet,"isMobileWallet"),H=C===Xn.WaitingForNetworkChange&&!!$&&!!W?.walletType&&(I(W.walletType)||s(W.walletType,$)),te=H?a.bind(null,W.walletType,$):void 0,oe=Gs(e,M),G=du({swap:e,switchNetwork:te,showNetworkModal:C,setNetworkModal:h,message:oe,blockchains:p}),ie=G.length,[ye,Se]=[e.steps[0],e.steps[ie-1]],De=Se.outputAmount||Se.expectedOutputAmountHumanReadable,It=e.steps.reduce((q,se)=>q+parseFloat(se.feeInUsd||""),0),jt=e.steps.find(q=>q.diagnosisUrl)?.diagnosisUrl,tt=N(parseFloat(N(De,6,6))*(Se.toUsdPrice||0),4,4),Qe=N(parseFloat(e.inputAmount)*(ye.fromUsdPrice||0),4,4),D=Be(Qe,tt),Y=e.status==="success"?lt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:N(De,6,6),token:G[ie-1].to.token.displayName,conciseAddress:Uo(e.wallets[G[ie-1].to.chain.displayName]?.address||""),chain:G[ie-1].to.chain.displayName}}):`${lt.t("Transaction was not sent.")} ${P?lt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:P.outputAmount,symbol:P.symbol,blockchain:P.blockchain}}):""}`;return X.createElement(K,{noPadding:!0,header:{title:lt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>h("cancel"):void 0,suffix:e.status!=="running"&&X.createElement(_t,null,X.createElement(yu,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>h("delete")},X.createElement(Qt,{size:"medium",variant:"label",color:"error"},lt.t("Delete"))))},footer:F&&!b&&X.createElement(yu,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{c(e,{blockchains:p,tokens:u}),setTimeout(()=>{m("../../")},0)}},lt.t("Try again"))},X.createElement(jn,null,X.createElement(Kn,null,X.createElement("div",{className:"row"},X.createElement(Qt,{variant:"label",size:"large",color:"neutral700"},`${lt.t("Request ID")}:`),X.createElement("div",{className:"request-id"},X.createElement(Qt,{variant:"label",size:"small",color:"neutral700"},o),X.createElement(kh,{variant:"ghost",onClick:f.bind(null,o||"")},X.createElement(Sh,{size:16,color:"gray"})))),X.createElement("div",{className:"row"},X.createElement(Qt,{variant:"label",size:"large",color:"neutral700"},`${lt.t("Created at")}:`),X.createElement(Qt,{variant:"label",size:"small",color:"neutral700"},x))),X.createElement("div",{className:"output"},X.createElement(Th,{fee:N(String(It),2,2),time:No(Lo(e.steps)),steps:ie}),X.createElement(eo,{from:{price:{value:N(e.inputAmount,6,6),usdValue:Qe},token:{displayName:G[0].from.token.displayName,image:G[0].from.token.image},chain:{image:G[0].from.chain.image,displayName:G[0].from.chain.displayName}},to:{price:{value:N(De,6,6),usdValue:tt},token:{displayName:G[ie-1].to.token.displayName,image:G[ie-1].to.token.image},chain:{image:G[ie-1].to.chain.image,displayName:G[ie-1].to.chain.displayName}},percentageChange:N(D,2,2),warningLevel:ot(D??0)})),X.createElement("div",{className:"title-steps"},X.createElement(Qt,{variant:"title",size:"small"},lt.t("Swaps steps"))),X.createElement(Ch,{size:8}),X.createElement(gu,{ref:k},G.map((q,se)=>{let Ve=se,Ae=fu(e.steps[se]),er=Ae==="error"||Ae==="in-progress"||Ae==="warning"||Ae==="completed"&&se===G.length-1;return X.createElement(wh,{key:Ve,step:q,type:"swap-progress",ref:k,state:Ae,hasSeparator:se!==0,tabIndex:Ve,isFocused:er})}))),X.createElement(_i,{state:y,onClose:()=>h(null),onCancel:v,onDelete:n,message:oe.detailedMessage.content,currentStepWallet:W}),X.createElement(Fi,{open:!!b,diagnosisUrl:jt,onClose:()=>T(null),status:e.status==="success"?"success":"failed",priceValue:N(De,6,6),usdValue:tt,percentageChange:N(D,2,2),token:{displayName:G[ie-1].to.token.displayName,image:G[ie-1].to.token.image},chain:{image:G[ie-1].to.chain.image},description:Y}))}i(zi,"SwapDetails");import{i18n as wo}from"@lingui/core";import{CopyIcon as Lh,IconButton as Bh,NotFound as Ph,Skeleton as vu,Typography as Jn}from"@rango-dev/ui";import le from"react";import{i18n as Ih}from"@lingui/core";import{ChainToken as Wh,Divider as Gi,Skeleton as To,Typography as Nh}from"@rango-dev/ui";import J from"react";import{styled as Hi}from"@rango-dev/ui";var ku=Hi("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"}}),Tu=Hi("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"}}),Yn=Hi("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as wu,Divider as So,NextIcon as Ah,Skeleton as Co}from"@rango-dev/ui";import ae from"react";function ko(t){let{extraInfo:e}=t;return ae.createElement(Tu,null,ae.createElement("div",{className:"step-title"},ae.createElement(Co,{height:28,width:28,variant:"circular"}),ae.createElement(So,{direction:"horizontal",size:8}),ae.createElement(Co,{height:15,width:148,variant:"rounded"})),ae.createElement("div",{className:"step-tokens"},ae.createElement(So,{direction:"horizontal",size:20}),ae.createElement("div",{className:"step-token-info"},ae.createElement(wu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(So,{direction:"horizontal",size:8}),ae.createElement(Co,{height:12,width:76,variant:"rounded"})),ae.createElement("div",{className:"step-icon-container"},ae.createElement(Ah,{color:"gray",size:16})),ae.createElement("div",{className:"step-token-info"},ae.createElement(wu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(So,{direction:"horizontal",size:8}),ae.createElement(Co,{height:12,width:76,variant:"rounded"}))),e&&ae.createElement("div",{className:"extra-info"},ae.createElement(So,{direction:"horizontal",size:20}),ae.createElement(Co,{height:22,width:297,variant:"rectangular"})))}i(ko,"LoadingSwapDetailStep");function Qi(){let t=J.createElement("div",{className:"quote-summary-item"},J.createElement("div",{className:"token-amount"},J.createElement(Wh,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),J.createElement(Gi,{size:8,direction:"horizontal"}),J.createElement(To,{height:15,width:148,variant:"rounded"})),J.createElement(To,{height:12,width:64,variant:"rounded"}));return J.createElement(ku,null,J.createElement("div",{className:"cost"},J.createElement(To,{width:60,height:10,variant:"rounded"}),J.createElement(Gi,{size:4,direction:"horizontal"}),J.createElement(To,{width:60,height:10,variant:"rounded"}),J.createElement(Gi,{size:4,direction:"horizontal"}),J.createElement(To,{width:60,height:10,variant:"rounded"})),J.createElement("div",{className:"quote-summary"},t,J.createElement("div",{className:"quote-summary-separator"}),t),J.createElement("div",{className:"swaps-steps"},J.createElement(Nh,{variant:"title",size:"small"},Ih.t("Swaps steps"))),J.createElement("div",{className:"step-container"},J.createElement(ko,{extraInfo:!0}),J.createElement(Yn,null),J.createElement(ko,null),J.createElement(Yn,null),J.createElement(ko,null),J.createElement(Yn,null),J.createElement(ko,null)))}i(Qi,"LoadingSwapDetails");function xu(t){let{requestId:e,showSkeleton:o}=t;return le.createElement(K,{noPadding:!0,header:{title:wo.t("Swap and Bridge"),suffix:le.createElement(_t,null)}},o&&le.createElement(jn,null,le.createElement(Kn,null,le.createElement("div",{className:"row"},le.createElement(Jn,{variant:"label",size:"large",color:"neutral700"},`${wo.t("Request ID")}:`),le.createElement("div",{className:"request-id"},le.createElement(Jn,{variant:"label",size:"small",color:"neutral700"},le.createElement(vu,{width:60,height:10,variant:"rounded"})),le.createElement(Bh,{variant:"ghost"},le.createElement(Lh,{size:16,color:"gray"})))),le.createElement("div",{className:"row"},le.createElement(Jn,{variant:"label",size:"large",color:"neutral700"},`${wo.t("Created at")}:`),le.createElement(Jn,{variant:"label",size:"small",color:"neutral700"},le.createElement(vu,{width:60,height:10,variant:"rounded"})))),le.createElement(Qi,null)),!o&&le.createElement(hu,null,le.createElement(Ph,{title:wo.t("Not found"),description:wo.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(xu,"SwapDetailsPlaceholder");function Eu(){let{manager:t,state:e}=$h(),o=!e.loadedFromPersistor,n=qt(t),r=we.use.selectedSwapRequestId(),s=dt(),{fetchStatus:a}=d(),l=o||a==="loading",p=n.find(({swap:g})=>g.requestId===r),u=i(()=>{if(p?.id){let g=t?.get(p.id);g&&Mh(g)}},"onCancel"),c=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(g){console.log(g)}},"onDelete"),m=p?.swap;return!m||l?bu.createElement(xu,{requestId:r||"",showSkeleton:l}):bu.createElement(zi,{swap:m,requestId:r||"",onCancel:u,onDelete:c})}i(Eu,"SwapDetailsPage");import{i18n as vo}from"@lingui/core";import{AutoThemeIcon as _h,DarkModeIcon as Dh,LightModeIcon as Fh,List as Uh,ListItemButton as Oh,Radio as Vi,RadioRoot as qh,Typography as ji}from"@rango-dev/ui";import be from"react";function Au(){let{setTheme:t,theme:e}=d(),o=[{id:"light",value:"light",title:be.createElement(ji,{variant:"title",size:"xmedium"},vo.t("Light")),onClick:()=>t("light"),start:be.createElement(Fh,{color:"gray"}),end:be.createElement(Vi,{value:"light"})},{id:"dark",value:"dark",title:be.createElement(ji,{variant:"title",size:"xmedium"},vo.t("Dark")),onClick:()=>t("dark"),start:be.createElement(Dh,{color:"gray"}),end:be.createElement(Vi,{value:"dark"})},{id:"auto",value:"auto",title:be.createElement(ji,{variant:"title",size:"xmedium"},vo.t("Auto")),onClick:()=>t("auto"),start:be.createElement(_h,{color:"gray"}),end:be.createElement(Vi,{value:"auto"})}];return be.createElement(K,{header:{title:vo.t("Theme")}},be.createElement(st,null,be.createElement(qh,{onValueChange:n=>t(n),value:e},be.createElement(Uh,{type:be.createElement(Oh,{title:vo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Au,"ThemePage");function Iu(){return zh([{path:_.home,element:Ee.createElement(sp,null)},{path:_.fromSwap,children:[{index:!0,element:Ee.createElement(Ei,{type:"source"})},{path:_.blockchains,element:Ee.createElement(fi,{type:"source"})}]},{path:_.toSwap,children:[{index:!0,element:Ee.createElement(Ei,{type:"destination"})},{path:_.blockchains,element:Ee.createElement(fi,{type:"destination"})}]},{path:_.settings,children:[{index:!0,element:Ee.createElement(jp,null)},{path:_.themes,element:Ee.createElement(Au,null)},{path:_.languages,element:Ee.createElement(lp,null)},{path:_.exchanges,element:Ee.createElement(pi,{sourceType:"Exchanges"})},{path:_.bridges,element:Ee.createElement(pi,{sourceType:"Bridges"})}]},{path:_.swaps,children:[{index:!0,element:Ee.createElement(tp,null)},{path:_.swapDetails,element:Ee.createElement(Eu,null)}]},{path:_.wallets,element:Ee.createElement(Ga,null)},{path:_.confirmSwap,element:Ee.createElement(Ql,null)}])}i(Iu,"AppRoutes");import{isApprovalTX as Hh,MainEvents as Nu,RouteEventType as Lu,StepEventType as Vt,StepExecutionEventStatus as Gh,useEvents as Qh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Bu}from"react";import{StepExecutionBlockedEventStatus as Ki}from"@rango-dev/queue-manager-rango-preset";var Wu=[Ki.WAITING_FOR_CHANGE_WALLET_ACCOUNT,Ki.WAITING_FOR_NETWORK_CHANGE,Ki.WAITING_FOR_WALLET_CONNECT];function Pu(){let t=d().tokens(),e=z.use.connectedWallets(),o=z.use.getWalletsDetails(),n=Pe.use.setNotification(),r=Pe.use.setAsRead(),s=Qh();return Bu(()=>(s.on(Nu.StepEvent,a=>{let{event:l,step:p,route:u}=a;if(l.type===Vt.TX_EXECUTION&&l.status===Gh.TX_SENT&&!Hh(p)||l.type===Vt.SUCCEEDED){let m=e.find(f=>f.chain===p?.fromBlockchain),g=p?.fromBlockchain!==p?.toBlockchain&&e.find(f=>f.chain===p?.toBlockchain);m&&o([m],t),g&&o([g],t)}l.type===Vt.TX_EXECUTION_BLOCKED&&Wu.includes(l.status)||l.type===Vt.FAILED?n(l,u):(l.type===Vt.TX_EXECUTION||l.type===Vt.CHECK_STATUS)&&r(u.requestId)}),()=>s.all.clear()),[s,e.length]),Bu(()=>(s.on(Nu.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===Lu.FAILED||l.type===Lu.SUCCEEDED)&&n(l,p)}),()=>s.all.clear()),[s,e.length]),null}i(Pu,"WidgetEvents");import{globalCss as Vh}from"@rango-dev/ui";var Mu=i(()=>Vh({"@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 Ji,darkTheme as Jh,lightTheme as Zh}from"@rango-dev/ui";import{useEffect as _u,useState as Rh}from"react";import{theme as Xh,darkColors as Yh}from"@rango-dev/ui";var $u=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),jh=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=$u(o%52)+e;return $u(o%52)+e},"toAlphabeticName"),Kh=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Xi=i(t=>jh(Kh(5381,JSON.stringify(t))>>>0),"toHash");function Yi(t){let e=Xh.colors,o=ki({...e,...Yh},!0,t?.dark),n=ki(e,!1,t?.light),r=Object.keys(o).length>0,s=Object.keys(n).length>0,a,l;if(s){let p={colors:n};a={id:`${rr}-light-${Xi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${rr}-dark-${Xi(p)}`,tokens:p}}return{light:a,dark:l}}i(Yi,"customizedThemeTokens");function Du(t){let{colors:e,fontFamily:o=ss,borderRadius:n=rs,secondaryBorderRadius:r=is,mode:s="auto"}=t,[a,l]=Rh("light"),{setTheme:p,theme:u}=d(),{dark:c,light:m}=Yi(e),g=Ji({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[g.className,Zh.className],k=[g.className,Jh.className];if(m){let h=Ji(m.id,m.tokens);f.push(h.className)}if(c){let h=Ji(c.id,c.tokens);k.push(h.className)}return _u(()=>{let h=i(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",h),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",h)}},[]),_u(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let h=f.join(" "),b=k.join(" ");return u==="auto"?a==="dark"?b:h:u==="dark"?b:h},"getActiveTheme")}}i(Du,"useTheme");import{styled as ey}from"@rango-dev/ui";var Fu=ey("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 Zn(){Mu();let{config:t}=d(),{activeTheme:e}=Du(t?.theme||{}),{activeLanguage:o,changeLanguage:n}=Nn(),[r,s]=Ou(""),[a,l]=Ou(),p=oy(en);return Uu(()=>{Pe.persist.rehydrate(),p.onConnectWallet(s)},[]),Uu(()=>{n(t?.language)},[t?.language]),xo.createElement(ty,{language:o},xo.createElement(Fu,{id:"swap-container",className:e()},xo.createElement(Pu,null),xo.createElement(sa,{lastConnectedWallet:r,disconnectedWallet:a,clearDisconnectedWallet:()=>{l(void 0)}},xo.createElement(Iu,null))))}i(Zn,"Main");import Ri,{useMemo as ky}from"react";import{checkWaitingForNetworkChange as ny,makeQueueDefinition as ry}from"@rango-dev/queue-manager-rango-preset";import{Provider as iy}from"@rango-dev/queue-manager-react";import{useWallets as sy}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as ay}from"@rango-dev/wallets-shared";import{isEvmBlockchain as ly}from"rango-types";import py,{useMemo as uy}from"react";function cy(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=sy(),l=uy(()=>ry({API_KEY:t.apiKey||Wt("API_KEY"),BASE_URL:Wt("BASE_URL")}),[t.apiKey]),p=d().blockchains(),c={blockchains:z.use.connectedWallets().map(T=>({accounts:[T],name:T.chain}))},m=i(async(T,v)=>{if(s(T,v))return r(T,v)},"switchNetwork"),g=i(T=>!!a(T).mobileWallet,"isMobileWallet"),f=p.filter(T=>T.enabled).reduce((T,v)=>(T[v.name]=v,T),{}),k=p.filter(ly),y=i(T=>{let{supportedChains:v}=a(T);return $o(v)},"getSupportedChainNames"),h=e(),b={meta:{blockchains:f,evmBasedChains:k,evmNetworkChainInfo:ay(k),getSupportedChainNames:y},getSigners:o,wallets:c,providers:h,switchNetwork:m,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:g};return py.createElement(iy,{queuesDefs:[l],context:b,onPersistedDataLoaded:T=>{ny(T)},isPaused:!1},t.children)}i(cy,"QueueManager");var qu=cy;import{useManager as hy}from"@rango-dev/queue-manager-react";import yy,{createContext as Sy,useContext as Cy}from"react";import{cancelSwap as my,getCurrentBlockchainOfOrNull as dy,getCurrentStep as fy,getRelatedWalletOrNull as gy}from"@rango-dev/queue-manager-rango-preset";var bo=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return qt(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){return this.actions.retrySwap(e,o)}cancel(e){let o=this.manager?.get(e);o&&my(o)}getCurrentStepInfo(e){let o=fy(e);return{step:o,wallet:o?gy(e,o):null,network:o?dy(e,o):null}}};i(bo,"WidgetHistory");var zu=Sy(void 0);function Zi(t){let{manager:e}=hy(),o=O.use.retry(),n=new bo(e,{retrySwap:o}),r=z.use.connectedWallets(),s=z.use.loading(),a=ys(r),l=z.use.getWalletsDetails(),p=d().blockchains(),u=d().tokens(),c=d().swappers(),m=d().fetchStatus,g={history:n,wallets:{isLoading:s,details:r,totalBalance:a,refetch:l},meta:{blockchains:p,tokens:u,swappers:c,loadingStatus:m}};return yy.createElement(zu.Provider,{value:g},t.children)}i(Zi,"WidgetInfo");function Hu(){let t=Cy(zu);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Hu,"useWidget");function Rn(t){let{onUpdateState:e,config:o}=t;return ky(()=>{ns({API_KEY:o?.apiKey||Eo,BASE_URL:o?.apiUrl||os})},[o]),Ri.createElement(tn,{config:o,onUpdateState:e},Ri.createElement(qu,{apiKey:o.apiKey},Ri.createElement(Zi,null,t.children)))}i(Rn,"WidgetProvider");function Gu(t){return t.config?.externalWallets?es.createElement(Zn,null):es.createElement(Rn,{config:t.config??or},es.createElement(Zn,null))}i(Gu,"Widget");export{d$ as MainEvents,v$ as Networks,f$ as RouteEventType,g$ as StepEventType,h$ as StepExecutionBlockedEventStatus,y$ as StepExecutionEventStatus,T$ as WalletEvents,x$ as WalletTypes,Gu as Widget,Rn as WidgetProvider,tn as WidgetWallets,Yi as customizedThemeTokens,k$ as readAccountAddress,Za as useWallets,Hu as useWidget,S$ as useWidgetEvents};
 //# sourceMappingURL=index.js.map