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

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"),jt=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 Kt(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(Kt,"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 Xt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Qo.NetworkChanged}s(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 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 jt(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 Yt=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 ${Yt}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} ${Yt}ms ease-out`},false:{animation:`${qc} ${Yt}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 Jt(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(Jt,"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(Jt,{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 eo}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:eo.t("Swapping"),value:N(r.inputUsdValue,4,4)},{title:eo.t("Gas cost"),value:N(r.totalFee,2,2)},{title:eo.t("Receiving"),value:N(r.outputUsdValue,4,4)},{title:eo.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"},eo.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 to from"react";function Ja(t){let{open:e,onClose:o,onConfirm:n}=t;return to.createElement(xm,{open:e,onClose:o,container:J()},to.createElement(vm,{type:"warning",title:q().unknownPriceError.impactTitle,description:q().unknownPriceError.description}),to.createElement(wm,{size:32}),to.createElement(Tm,{type:"primary",size:"large",prefix:to.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 oo(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(oo,"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(Kt(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)||!jt(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(!jt(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,Kt(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(oo,{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 ro}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 no(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(no,"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(no,{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]=ro(""),[m,f]=ro(null),[h,k]=ro(!1),[S,C]=ro(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]=ro(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(no,{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"})},Yt)},[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(oo,{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 io 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 io.createElement(of,{prefix:io.createElement(Bl,null,io.createElement(tf,{color:"black"})),suffix:!!a.length&&io.createElement(ef,{variant:"ghost",onClick:()=>l?.(""),size:"small"},io.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"}),so=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 ao 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 ao.createElement(so,null,Array.from(Array(kf),t=>ao.createElement(Gl,{hasDivider:!0,key:t,start:ao.createElement(Hl,{variant:"circular",width:35,height:35}),title:ao.createElement(Hl,{variant:"text",size:"large",width:90}),end:ao.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(so,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 po,ExternalLinkIcon as Qf,Image as Vf,ListItemButton as jf,NotFound as Kf,PinIcon as Xf,Skeleton as fp,Typography as uo,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 lo}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(lo,{variant:"circular",width:35,height:35}),end:He.createElement($n,null,He.createElement(lo,{variant:"text",size:"large",width:70}),He.createElement(cp,{size:4}),He.createElement(lo,{variant:"text",size:"medium",width:50})),title:He.createElement("div",null,He.createElement(lo,{variant:"text",size:"large",width:90}),He.createElement(cp,{size:4}),He.createElement(lo,{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(uo,{variant:"title",size:"xmedium"},r.symbol),$.createElement(po,{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(po,{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(uo,{variant:"title",size:"xmedium"},d.symbol),$.createElement(po,{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(po,{size:4}),$.createElement(fp,{variant:"text",size:"medium",width:50})):i[C]?.balance&&$.createElement(lp,null,$.createElement(uo,{variant:"title",size:"small"},d.balance?.amount),$.createElement("div",null),d.balance?.usdValue&&$.createElement(uo,{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(uo,{variant:"label",size:"large"},Si.t("Select Token")),$.createElement(po,{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 co from"react";function vp(){return co.createElement(Dn,null,co.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"),co.createElement("br",null),co.createElement("br",null),co.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 mo 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 mo.createElement(mo.Fragment,null,mo.createElement(wg,{type:e,title:o,description:r}),i&&u&&mo.createElement(_p,null,mo.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 fo}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:fo.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:fo.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"},fo.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"},fo.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"},fo.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 go from"react";function Hp(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?go.createElement(Pi,{type:"warning",title:n.shortMessage,action:go.createElement(Gp,{size:"xxsmall",type:"warning",onClick:()=>{o(Mi.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},qp.t("Change"))}):r===Mi.WaitingForConnectingWallet?go.createElement(Pi,{type:"warning",title:n.shortMessage,action:go.createElement(Gp,{size:"xxsmall",type:"warning",onClick:()=>{o(Mi.WaitingForConnectingWallet)}},qp.t("Connect"))}):go.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=Xt(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(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"}}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(Jt,{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 ko}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 Co,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 ho,NextIcon as Rg,Skeleton as yo}from"@rango-dev/ui";import ae from"react";function So(t){let{extraInfo:e}=t;return ae.createElement(tu,null,ae.createElement("div",{className:"step-title"},ae.createElement(yo,{height:28,width:28,variant:"circular"}),ae.createElement(ho,{direction:"horizontal",size:8}),ae.createElement(yo,{height:15,width:148,variant:"rounded"})),ae.createElement("div",{className:"step-tokens"},ae.createElement(ho,{direction:"horizontal",size:20}),ae.createElement("div",{className:"step-token-info"},ae.createElement(ou,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(ho,{direction:"horizontal",size:8}),ae.createElement(yo,{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(ho,{direction:"horizontal",size:8}),ae.createElement(yo,{height:12,width:76,variant:"rounded"}))),e&&ae.createElement("div",{className:"extra-info"},ae.createElement(ho,{direction:"horizontal",size:20}),ae.createElement(yo,{height:22,width:297,variant:"rectangular"})))}s(So,"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(Co,{height:15,width:148,variant:"rounded"})),Y.createElement(Co,{height:12,width:64,variant:"rounded"}));return Y.createElement(eu,null,Y.createElement("div",{className:"cost"},Y.createElement(Co,{width:60,height:10,variant:"rounded"}),Y.createElement(Fi,{size:4,direction:"horizontal"}),Y.createElement(Co,{width:60,height:10,variant:"rounded"}),Y.createElement(Fi,{size:4,direction:"horizontal"}),Y.createElement(Co,{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(So,{extraInfo:!0}),Y.createElement(Kn,null),Y.createElement(So,null),Y.createElement(Kn,null),Y.createElement(So,null),Y.createElement(Kn,null),Y.createElement(So,null)))}s(Oi,"LoadingSwapDetails");function ru(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=oe();return pe.createElement(Q,{noPadding:!0,header:{title:ko.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"},`${ko.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"},`${ko.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:ko.t("Not found"),description:ko.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 To}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"},To.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"},To.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"},To.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:To.t("Theme")}},be.createElement(nt,null,be.createElement(dh,{onValueChange:r=>o(r),value:e},be.createElement(ch,{type:be.createElement(mh,{title:To.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 wo,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===wo.TX_EXECUTION&&a.status===yh.TX_SENT&&!hh(l)||a.type===wo.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===wo.TX_EXECUTION_BLOCKED&&pu.includes(a.status)?o(a,p):(a.type===wo.TX_EXECUTION||a.type===wo.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 xu=Object.defineProperty;var s=(t,e)=>xu(t,"name",{value:e,configurable:!0});import{MainEvents as wP,RouteEventType as vP,StepEventType as xP,StepExecutionBlockedEventStatus as bP,StepExecutionEventStatus as EP,useEvents as AP}from"@rango-dev/queue-manager-rango-preset";import{useWallets as vl}from"@rango-dev/wallets-react";import{Events as rr,Provider as Zu}from"@rango-dev/wallets-react";import{isEvmBlockchain as Ru}from"rango-sdk";import Fo,{createContext as ec,useEffect as tc,useRef as oc}from"react";import{useEffect as Ou}from"react";import{create as _u}from"zustand";import{subscribeWithSelector as Du}from"zustand/middleware";import{RangoClient as bu}from"rango-sdk";var Qi="c6381a79-2817-4602-83bf-6a641a409e32";var Zn={API_KEY:Qi};function bo(t){return Zn[t]}s(bo,"getConfig");function Vi(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Zn=e,Zn}s(Vi,"initConfig");var ji=20,Ki=25,Xi="Roboto",Rn="theme-widget";var Eo,Nt=s(()=>Eo||(Eo=new bu(bo("API_KEY")),Eo),"httpService");import{WalletState as He}from"@rango-dev/ui";import{readAccountAddress as Iu}from"@rango-dev/wallets-react";import{detectInstallLink as Nu,getCosmosExperimentalChainInfo as Wu,isEvmAddress as Bu,KEPLR_COMPATIBLE_WALLETS as my,Networks as Zi}from"@rango-dev/wallets-shared";import er from"bignumber.js";import{isCosmosBlockchain as Lu}from"rango-types";import Eu from"bignumber.js";var be=new Eu(0);import{WalletTypes as Au}from"@rango-dev/wallets-shared";var Yi=[Au.LEAP];import{BigNumber as Ji}from"bignumber.js";var Ao=s(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),W=s((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new Ji(t),r=1,i=1e3;for(let a=0;a<60;a++)if(new Ji(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 Io=s(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Ge=s((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Xt=s(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function No(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(No,"limitDecimalPlaces");function Mu(t){switch(!0){case t.connected:return He.CONNECTED;case t.connecting:return He.CONNECTING;case!t.installed:return He.NOT_INSTALLED;default:return He.DISCONNECTED}}s(Mu,"mapStatusToWalletState");function Ri(t,e,o,n){return o.filter(r=>!Yi.includes(r)).filter(r=>{let{supportedChains:i,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!i.find(c=>c.name===n):!0}).map(r=>{let{name:i,img:a,installLink:l}=e(r),p=Mu(t(r));return{title:i,image:a,link:Nu(l),state:p,type:r}})}s(Ri,"mapWalletTypesToWalletInfo");function Wo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}s(Wo,"walletAndSupportedChainsNames");function es(t,e,o,n,r){let i=[];function a(p,u){if(!!!i.find(m=>m.chain===p)){let m={address:u,chain:p,walletType:t};i.push(m)}}s(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:c}=Iu(p),m=l.length>0,g=l.includes(c),h=c===Zi.Unknown;if(m&&!g&&!h)return;let k=c===Zi.Unknown&&Bu(u);if(h&&!k)return;o.includes(c)||k?r?a(c,u.toLowerCase()):l.filter(f=>o.includes(f)).forEach(f=>{a(f,u.toLowerCase())}):a(c,u)}),i}s(es,"prepareAccountsForWalletStore");function ts(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(ts,"getRequiredChains");function Wt(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(Wt,"getBalanceFromWallet");function Bo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}s(Bo,"isAccountAndWalletMatched");function os(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 er(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Lo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}s(os,"makeBalanceFor");function ns(t){return{...t,loading:!1,error:!0}}s(ns,"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=Wu(Object.entries(t).map(([,n])=>n).filter(Lu));return o&&o[e]?.experimental},"isExperimentalChain");function Pu(t,e){return t.map(({balance:o,...n})=>{let r=W(new er(Wt(e,n.blockchain,n.symbol,n.address)?.amount||be)),i="";return n.usdPrice&&(i=W(new er(Wt(e,n.blockchain,n.symbol,n.address)?.amount||be).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:i}}}})}s(Pu,"getTokensWithBalance");function rs(t,e){let o=e.length>0?Pu(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(rs,"getTokensBalanceFromWalletAndSort");function Ae(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}s(Ae,"tokensAreEqual");function is(t){return t.sort((e,o)=>+(o.state===He.CONNECTED)-+(e.state===He.CONNECTED)||+(o.state===He.DISCONNECTED||o.state===He.CONNECTING)-+(e.state===He.DISCONNECTED||e.state===He.CONNECTING))}s(is,"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 ss({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(ss,"getAddress");var $u=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"),Ie=$u;var H=Ie(_u()(Du((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(i=>({loading:!0,connectedWallets:i.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!i.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(i=>i.selected&&i.walletType!==o).map(i=>i.chain);return{connectedWallets:n.connectedWallets.filter(i=>i.walletType!==o).map(i=>r.includes(i.chain)?i:(r.push(i.chain),{...i,selected:!0}))}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let i=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return i?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let i=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>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)),g=p.find(h=>h.address===c.address&&h.blockChain===c.chain);return g?.failed&&m&&r&&i([m],n,!1),m&&g?{...c,explorerUrl:g.explorerUrl,balances:os(g,n)}:c})}));else throw new Error("Wallet not found")}catch{t(l=>({loading:!1,connectedWallets:l.connectedWallets.map(p=>o.find(u=>Bo(u,p))?ns(p):p)}))}}}))));import{allProviders as Fu}from"@rango-dev/provider-all";function $o(t,e){let o=Fu({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 as(t,e){return $o(t,e).map(r=>r.config.type)}s(as,"configWalletsToWalletName");function ls(t,e){let o=H.use.clearConnectedWallet(),n=$o(void 0,e);return Ou(()=>{o(),n=$o(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}s(ls,"useWalletProviders");import Ku,{createContext as Xu,useContext as Yu,useRef as Ju}from"react";import{create as ju}from"zustand";var tr={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0},ps=s((t,e,o)=>({config:{...tr,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");function Bt(t){return Array.from(new Set(t))}s(Bt,"removeDuplicateFrom");function or(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}s(or,"areEqual");function us(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}s(us,"debounce");function St(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}s(St,"containsText");var ee=s(()=>document.getElementById("swap-box"),"getContainer");import{create as Hu}from"zustand";import{persist as Qu,subscribeWithSelector as Vu}from"zustand/middleware";import{English as Uu,French as zu,Japanese as qu,Spanish as Gu}from"@rango-dev/ui";var cs=[{title:"English",label:"English",local:"en",SVGFlag:Uu},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Gu},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:zu},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:qu}],_o="en";var ms=[.5,1,3],ds=1,fs=5,gs=100,hs=0;var _=Ie(Hu()(Qu(Vu((t,e)=>({preferredBlockchains:[],slippage:ds,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",language:_o,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=10-1;return p&&u}))return;let i=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...i]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let i=Bt(o.map(a=>a.swapperGroup));return i.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:i}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o}))})),{name:"user-settings",skipHydration:!0})));function Do(t){let e=_.use.disabledLiquiditySources(),o=t.map(i=>i.swapperGroup),n=[];return Bt(t.map(i=>i.swapperGroup)).map(i=>{let a=t.find(l=>l.swapperGroup===i);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}s(Do,"getUniqueSwappersGroups");function ys(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}s(ys,"sortLiquiditySourcesByGroupTitle");var Ss=s((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(i.length>0&&!i.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.tokens:r.to?.tokens)??[],a=e().blockchains({type:o.type});return n.filter(p=>i.length>0&&!i.some(u=>Ae(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=>Ae(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(ys)},fetch:async()=>{try{let o=await Nt().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],i=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:i,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");function Cs(t){return Ie(ju()((...e)=>({...Ss(...e),...ps(t,...e)})))}s(Cs,"createAppStore");var ks=Xu(null);function v(){let t=Yu(ks);if(!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t}s(v,"useAppStore");function Ts(t){let e=Ju();return e.current||(e.current=Cs(t.config)),Ku.createElement(ks.Provider,{value:e.current},t.children)}s(Ts,"AppStoreProvider");var ir=ec({onConnectWallet:()=>{}});function nc(t){let e=v().use.updateConfig(),o=v().use.blockchains()(),n=v().use.tokens()(),{providers:r}=ls(t.providers,t?.options),i=H.use.disconnectWallet(),a=H.use.connectWallet(),l=oc();tc(()=>{t.config&&e(t.config)},[t.config]);let p=o.filter(Ru).map(c=>c.name),u=s((c,m,g,h,w)=>{if(m===rr.ACCOUNTS)if(g){let k=Wo(w.supportedBlockchains),y=es(c,g,p,k,w.isContractWallet);a(y,n)}else i(c);if(m===rr.ACCOUNTS&&h.connected){let k=`${c}-${h.network}-${g}`;h.connected&&(l.current?l.current(k):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(m===rr.NETWORK&&h.network){let k=`${c}-${h.network}`;l.current?l.current(k):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(c,m,g,h,w)},"onUpdateState");return Fo.createElement(ir.Provider,{value:{onConnectWallet:c=>{l.current=c}}},Fo.createElement(Zu,{allBlockChains:o,providers:r,onUpdateState:u,autoConnect:!0},t.children))}s(nc,"Main");function sr(t){let{config:e,...o}=t;return Fo.createElement(Ts,{config:e},Fo.createElement(nc,{...o,config:e}))}s(sr,"WidgetWallets");import{I18nManager as zh,styled as qh}from"@rango-dev/ui";import tt,{useContext as Gh,useEffect as Tu,useMemo as Hh,useState as wu}from"react";import{useQueueManager as ed}from"@rango-dev/queue-manager-rango-preset";import{useWallets as td}from"@rango-dev/wallets-react";import{isEvmBlockchain as od}from"rango-types";import wt,{useEffect as nd,useRef as rd}from"react";import{MemoryRouter as id,useInRouterContext as sd}from"react-router";import{useLocation as ad,useNavigate as ld}from"react-router-dom";var S={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 qm,styled as Ur,SwapInput as nl,WarningIcon as Gm}from"@rango-dev/ui";import Fe,{useEffect as Hm,useRef as Qm,useState as Vm}from"react";import{useNavigate as jm}from"react-router-dom";import{ChevronLeftIcon as sc}from"@rango-dev/ui";import xs from"react";import{darkTheme as rc,IconButton as ic,styled as Oo}from"@rango-dev/ui";var Be=Oo(ic,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),ws=Oo("div",{position:"absolute",background:"$secondary500",[`.${rc} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Lt=Oo("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),vs=Oo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function ar(t){return xs.createElement(Be,{variant:"ghost",size:"small",onClick:t.onClick},xs.createElement(sc,{color:"black",size:16}))}s(ar,"BackButton");import{i18n as ac}from"@lingui/core";import{Button as lc,Typography as pc}from"@rango-dev/ui";import lr from"react";function pr(t){return lr.createElement(Lt,null,lr.createElement(lc,{variant:"ghost",onClick:t.onClick,size:"xsmall"},lr.createElement(pc,{variant:"label",size:"medium",color:"error500"},ac.t("Cancel"))))}s(pr,"CancelButton");import{i18n as uc}from"@lingui/core";import{Tooltip as cc,WalletIcon as mc}from"@rango-dev/ui";import Uo from"react";function ur(t){return Uo.createElement(cc,{container:t.container,side:"top",content:uc.t("Connect Wallet")},Uo.createElement(Be,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Uo.createElement(ws,null),Uo.createElement(mc,{size:18,color:"black"})))}s(ur,"WalletButton");import{i18n as Go}from"@lingui/core";import{NotificationsIcon as Ic,Popover as Nc,RefreshIcon as Wc,SettingsIcon as Bc,Tooltip as Ho,TransactionIcon as Lc}from"@rango-dev/ui";import ue from"react";import{i18n as Tc}from"@lingui/core";import{ChainToken as Ws,ChevronRightIcon as wc,ListItemButton as vc,Typography as xc}from"@rango-dev/ui";import Le from"react";import{useNavigate as bc}from"react-router-dom";import{create as dc}from"zustand";import{persist as fc,subscribeWithSelector as gc}from"zustand/middleware";var Ne=Ie(dc()(fc(gc((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 hc}from"zustand";var Ce=Ie(hc()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as zo}from"@rango-dev/ui";var bs=zo("div",{padding:"$10",width:"350px",minHeight:"150px"}),Es=zo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),As=zo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Is=zo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as yc}from"@lingui/core";import{Divider as Sc,NoNotificationIcon as Cc,Typography as kc}from"@rango-dev/ui";import qo from"react";function Ns(){return qo.createElement(Is,null,qo.createElement(Cc,{color:"secondary",size:26}),qo.createElement(Sc,{size:12}),qo.createElement(kc,{variant:"body",size:"medium",color:"neutral700"},yc.t("You have no notification")))}s(Ns,"NotificationNotFound");var Ec=4;function cr(){let t=bc(),e=Ce.use.setSelectedSwap(),{getUnreadNotifications:o}=Ne(),n=o(),r=v().use.blockchains()(),i=v().use.tokens()(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,Ec),l=s(p=>{e(p),t(`/swaps/${p}`)},"handleOnClick");return Le.createElement(bs,null,a.length?Le.createElement(Es,null,a.map(p=>{let u=i.find(h=>h.address===p.route.from.tokenAddress&&h.blockchain===p.route.from.blockchain&&h.symbol===p.route.from.tokenSymbol),c=r.find(h=>h.name===p.route.from.blockchain),m=i.find(h=>h.address===p.route.to.tokenAddress&&h.blockchain===p.route.to.blockchain&&h.symbol===p.route.to.tokenSymbol),g=r.find(h=>h.name===p.route.to.blockchain);return Le.createElement(vc,{key:p.requestId,onClick:()=>l(p.requestId),title:Le.createElement(xc,{variant:"body",size:"small",color:"$neutral700"},Tc.t(p.event.message)),id:p.requestId,start:Le.createElement(As,null,Le.createElement("div",{className:"from-chain-token"},Le.createElement(Ws,{tokenImage:u?u.image:"",chainImage:c?c.logo:"",size:"small"})),Le.createElement("div",{className:"to-chain-token"},Le.createElement(Ws,{tokenImage:m?m.image:"",chainImage:g?g.logo:"",size:"small"}))),end:Le.createElement(wc,{size:12,color:"gray"})})})):Le.createElement(Ns,null))}s(cr,"NotificationContent");import{Typography as Ac}from"@rango-dev/ui";import Bs from"react";function Ls(){let{getUnreadNotifications:t}=Ne(),e=t().length;return e?Bs.createElement(vs,null,Bs.createElement(Ac,{variant:"body",size:"xsmall",color:"$background"},e)):null}s(Ls,"UnreadNotificationsBadge");function mr(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:i}=t;return ue.createElement(ue.Fragment,null,ue.createElement(Ho,{container:ee(),side:"top",content:Go.t("Refresh")},ue.createElement(Be,{variant:"ghost",size:"small",onClick:o,disabled:!o},ue.createElement(Wc,{size:16,color:o?"black":"gray"}))),ue.createElement(Ho,{container:ee(),side:"top",content:Go.t("Notifications")},ue.createElement(Nc,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:ee(),content:ue.createElement(cr,null)},ue.createElement(Be,{size:"small",variant:"ghost",onClick:i},ue.createElement(Ic,{size:18,color:"black"}),ue.createElement(Ls,null)))),ue.createElement(Ho,{container:ee(),side:"top",content:Go.t("Settings")},ue.createElement(Be,{size:"small",variant:"ghost",onClick:r},ue.createElement(Bc,{size:18,color:"black"}))),ue.createElement(Ho,{container:ee(),side:"top",content:Go.t("Transactions History")},ue.createElement(Be,{size:"small",variant:"ghost",onClick:n},ue.createElement(Lc,{size:18,color:"black"}))))}s(mr,"HomeButtons");import{BottomLogo as Pc,Divider as $c,Header as _c}from"@rango-dev/ui";import de from"react";import{useNavigate as Dc}from"react-router-dom";import{darkTheme as Mc,styled as dr}from"@rango-dev/ui";var Ms=dr("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",[`.${Mc} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),Ps=dr("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"}}}}),$s=dr("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Fc(t,e){let{children:o,header:n,footer:r,noPadding:i,hasLogo:a=!0,fixedHeight:l=!0}=t,p=H.use.connectedWallets(),u=Ce.use.connectWalletsButtonDisabled(),c=Dc(),m=s(()=>{u||c("/"+S.wallets)},"onConnectWallet");return de.createElement(Ms,{ref:e,fixedHeight:l,id:"swap-box"},de.createElement(_c,{prefix:de.createElement(de.Fragment,null,n.onBack&&de.createElement(ar,{onClick:n.onBack})),title:n.title,suffix:de.createElement(de.Fragment,null,n.suffix,n.hasConnectWallet&&de.createElement(ur,{container:ee(),onClick:m,isConnected:!!p?.length}),n.onCancel&&de.createElement(pr,{onClick:n.onCancel}))}),de.createElement(Ps,{noPadding:i},o),(a||r)&&de.createElement($s,null,de.createElement("div",{className:"footer__content"},r),a&&de.createElement("div",{className:"footer__logo"},de.createElement($c,{size:12}),de.createElement(Pc,null))))}s(Fc,"LayoutComponent");var K=de.forwardRef(Fc);K.displayName="Layout";import{ReverseIcon as jc,styled as ta}from"@rango-dev/ui";import xr from"react";import lt from"bignumber.js";import{create as Qc}from"zustand";import{subscribeWithSelector as Vc}from"zustand/middleware";import{getLastSuccessfulStep as Hc}from"@rango-dev/queue-manager-rango-preset";import Uk from"bignumber.js";var it=(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))(it||{});function _s(t,e){return e.find(o=>o.name===t)?.displayName}s(_s,"getBlockchainDisplayNameFor");function fr(t,e){return e.find(o=>o.name===t)?.shortName}s(fr,"getBlockchainShortNameFor");function gr(t,e){return e.find(o=>Ae(o,t))??null}s(gr,"findToken");function hr(t,e){return e.find(o=>o.name===t)??null}s(hr,"findBlockchain");import{i18n as Me}from"@lingui/core";import{PendingSwapNetworkStatus as Ko}from"@rango-dev/queue-manager-rango-preset";import ke 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 Vo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}s(Vo,"isValidAddress");import{i18n as fe}from"@lingui/core";var q=s(()=>({genericServerError:fe.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:fe.t("Please reset your liquidity sources."),description:fe.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noResultError:{title:fe.t("No Routes Found"),description:fe.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:fe.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:fe.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:fe.t("High Price Impact"),title:fe.t("Price impact is too high!"),description:fe.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:fe.t("Confirm High price impact")},quoteUpdatedWithHighValueLoss:{title:fe.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:fe.t("USD Price Unknown"),title:fe.t("USD Price Unknown, Cannot calculate Price Impact."),description:fe.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:fe.t("Confirm USD Price Unknown")}}),"errorMessages");function Ds(t){switch(t.type){case 0:return t.diagnosisMessage??q().noResultError.title;case 1:return q().genericServerError;default:return""}}s(Ds,"getQuoteErrorMessage");import{i18n as jo}from"@lingui/core";var Ct=s(()=>({connectWallet:jo.t("Connect Wallet"),swap:jo.t("Swap"),swapAnyway:jo.t("Swap anyway"),ethWarning:jo.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Fs(t,e){return!t||!e||t.lte(be)||e.lte(be)?0:e.div(t).minus(1).multipliedBy(100).toNumber()}s(Fs,"getOutputRatio");function Jo(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new ke(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new ke(1e3)))??!1}s(Jo,"hasHighValueLoss");function Yt(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new ke(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ke(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(Yt,"hasLimitError");function yr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new ke(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new ke(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 ke(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ke(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",i="",a="";return!r&&o&&o.gt(e.fromAmount)?(i=Me.t({id:"Required: >= {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(i=Me.t({id:"Required: > {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(i=Me.t({id:"Required: <= {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(i=Me.t({id:"Required: < {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:i,recommendation:a}}s(yr,"getLimitErrorMessage");function Os(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(Os,"getSwapButtonState");function Sr(t,e,o){return!((!o||o.lte(be))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}s(Sr,"canComputePriceImpact");function Uc(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(Uc,"requiredWallets");var zc=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice");function qc(t,e){let o=be;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let i=zc(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new ke(r.amount).multipliedBy(i||0))}return o}s(qc,"getUsdFeeOfStep");function Zo(t,e){return t.reduce((o,n)=>o.plus(qc(n,e)),be)}s(Zo,"getTotalFeeInUsd");function Cr(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(Cr,"checkSlippageErrors");function Us(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(Us,"checkSlippageWarnings");function Ro(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(Ro,"getMinRequiredSlippage");function zs(t,e){return e?parseFloat(t)>=parseFloat(e):!0}s(zs,"hasProperSlippage");function en(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:i,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:c,affiliatePercent:m,affiliateWallets:g,initialQuote:h,destination:w}=t,k=i?.reduce((d,C)=>(d[C.chain]=C.address,d),{}),y=[];r?.forEach(d=>{let C=y.find(E=>E.blockchain===d.chain);C?C.addresses.push(d.address):y.push({blockchain:d.chain,addresses:[d.address]})});let x=!!h,f=Bt((h?.result?.swaps||[]).reduce((d,C)=>(d.push(C.from.blockchain,C.to.blockchain),C.internalSwaps&&Array.isArray(C.internalSwaps)&&C.internalSwaps.map(E=>{d.push(E.from.blockchain,E.to.blockchain)}),d),[]));return{amount:n.toString(),affiliateRef:c??void 0,affiliatePercent:m??void 0,affiliateWallets:g??void 0,checkPrerequisites:x,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:y,selectedWallets:k??{},slippage:u.toString(),...w&&{destination:w},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(d=>!a.includes(d)),swappersGroupsExclude:!1},...x&&{blockchains:f}}}s(en,"createQuoteRequestBody");function qs(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}s(qs,"getWalletsForNewSwap");function Mt(t){return t.result?.outputAmount||null}s(Mt,"getQuoteOutputAmount");function at(t,e){return new ke(e).div(new ke(t)).minus(1).multipliedBy(100).toNumber()}s(at,"getPercentageChange");function Gs(t,e){let o=Mt(t),n=Mt(e);if(!o||!n)return!1;let r=at(o,n);return r?r<=-1:!0}s(Gs,"isOutputAmountChangedALot");function Hs(t,e){let o=t.validationStatus,n=ts(t);return e.sort((i,a)=>n.indexOf(i.chain)-n.indexOf(a.chain)).flatMap(i=>Ys(i,o)||[]).filter(i=>!i.ok).map(i=>{let a=i.asset.symbol,l=W(new ke(i.currentAmount.amount).shiftedBy(-i.currentAmount.decimals),8,8),p=W(new ke(i.requiredAmount.amount).shiftedBy(-i.requiredAmount.decimals),8,8),u="";return i.reason==="FEE"&&(u=Me.t(" for network fee")),i.reason==="INPUT_ASSET"&&(u=Me.t(" for swap")),i.reason==="FEE_AND_INPUT_ASSET"&&(u=Me.t(" for input and network fee")),Me.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(Hs,"getBalanceWarnings");function Qs(t,e){return(t?new ke(t):be).multipliedBy(e||0)}s(Qs,"calcOutputUsdValue");function Jt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Ko.NetworkChanged}s(Jt,"isNetworkStatusInWarningState");function Vs(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Jt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Ko.WaitingForConnectingWallet:n=n||Me.t("Waiting for connecting wallet");break;case Ko.WaitingForQueue:n=n||Me.t("Waiting for other running tasks to be finished");break;case Ko.WaitingForNetworkChange:n=n||Me.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(Vs,"getSwapMessages");function js(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(js,"getLastConvertedTokenInFailedSwap");function Ks(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}s(Ks,"shouldRetrySwap");function Xs(t,e,o,n,r,i){return t||!e&&!Uc(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&i&&!Vo(i,o)}s(Xs,"confirmSwapDisabled");function kr(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(kr,"searchParamsToToken");function Zs(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}s(Zs,"getQuoteToTokenUsdPrice");function Tr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}s(Tr,"isNumberOfSwapsChanged");function wr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!or(o,n)}s(wr,"isQuoteSwappersUpdated");function vr(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(vr,"isQuoteInternalCoinsUpdated");function Rs(t,e){return Tr(t,e)||wr(t,e)||vr(t,e)}s(Rs,"isQuoteChanged");function Ys(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(Ys,"getRequiredBalanceOfWallet");function Xe(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}s(Xe,"getPriceImpactLevel");function ea(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],i=Hc(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=hr(i?i.toBlockchain:n.fromBlockchain,e),p=hr(r.toBlockchain,e),u=gr(i?{blockchain:l?.name??"",symbol:i.toSymbol,address:i.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=gr(a,o),m=i?i.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:m}}s(ea,"createRetryQuote");function tn(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=at(a.toString(),l.toString());if(Jo(a,c)){let g=Zo(t.result.swaps,r),h=Xe(c);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:c,totalFee:g,warningLevel:h}}}else if(t.result&&(!a||!l))return{type:1};let p=Ro(t),u=i>fs;if(zs(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<i)return{type:3,slippage:i.toString()}}else return{type:2,recommendedSlippages:Us(t,i),minRequiredSlippage:p};return null}s(tn,"generateQuoteWarnings");function Pt(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0);return!t||!e||o?null:at(t.toString(),e.toString())}s(Pt,"getPriceImpact");var kt=s((t,e)=>t?.usdPrice?new lt(e||be).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),P=Ie(Qc()(Vc(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new lt(0),outputUsdValue:new lt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=be;return Xt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new lt(e.result?.outputAmount):null,r=Qs(e.result?.outputAmount,Zs(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new lt(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:kt(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 lt(0),outputUsdValue:new lt(0),quote:null},...!!o.fromToken&&{inputUsdValue:kt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:i,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=ea(e,r,n);t({fromBlockchain:i,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:kt(a??null,u),outputUsdValue:new lt(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: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 Kc=ta("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Xc=ta("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 oa(){let t=P.use.switchFromAndTo();return xr.createElement(Kc,null,xr.createElement(Xc,{onClick:()=>{t()}},xr.createElement(jc,{size:12})))}s(oa,"SwitchFromAndToButton");import{Divider as _m}from"@rango-dev/ui";import mt from"react";import{i18n as Ir}from"@lingui/core";import{Alert as om,ChevronDownIcon as nm,ChevronRightIcon as Ia,Divider as Nr,Image as Na,InfoIcon as rm,QuoteCost as im,StepDetails as sm,TokenAmount as am,Tooltip as Wa,Typography as Dt}from"@rango-dev/ui";import B,{useLayoutEffect as lm,useRef as pm,useState as um}from"react";import{styled as br}from"@rango-dev/ui";var Er=br("div",{width:"100%",paddingTop:"$2"}),na=br("div",{paddingBottom:"$15"}),ra=br("div",{width:"100%",display:"flex"});import*as nn from"@radix-ui/react-collapsible";import{darkTheme as Ye,styled as pt}from"@rango-dev/ui";import*as _t from"@radix-ui/react-collapsible";import{Button as Yc,darkTheme as $t,IconButton as Jc,keyframes as ia,styled as he,TextField as Zc}from"@rango-dev/ui";var Zt=300,Rc=ia({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),em=ia({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),sa=he("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),aa=he("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),la=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"}}}}),pa=he(_t.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),ua=he("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),ca=he(Jc,{position:"absolute",left:"$20"}),ma=he("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),da=he(_t.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),fa=he(Yc,{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}}),ga=he("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),ha=he("div",{transition:`all ${Zt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),ya=he("div",{display:"flex"}),Sa=he(Zc,{padding:"$0 $15 $15 $15"}),on=he(_t.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Rc} ${Zt}ms ease-out`},false:{animation:`${em} ${Zt}ms ease-out`}}}}),Ca=he("div",{overflow:"visible",width:"100%"});var Ar=300,ka=pt(nn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",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"}}),Ta=pt("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"},"& .basic-info":{paddingTop:"$10",display:"flex",alignItems:"center"}}),wa=pt(nn.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",[`.${Ye} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ye} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& div:nth-child(1)":{display:"flex"}}),va=pt(on,{width:"100%"}),rn=pt("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Ar}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),yT=pt("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),xa=pt("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ye} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),ba=pt("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"});import{TokenAmount as Aa}from"@rango-dev/ui";import sn from"react";import{styled as tm}from"@rango-dev/ui";var Ea=tm("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%","& .separator":{height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"}});function Rt(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return sn.createElement(Ea,null,sn.createElement(Aa,{direction:"horizontal",label:"Swap input",type:"input",price:{value:e.price.value,usdValue:e.price.usdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),sn.createElement("div",{className:"separator"}),sn.createElement(Aa,{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(Rt,"QuoteSummary");function Wr(t){let{quote:e,input:o,output:n,error:r,warning:i,type:a,recommended:l=!0}=t,p=v().use.tokens()(),[u,c]=um(t.expanded),m=pm(null),g=W(Zo(e.result?.swaps??[],p),2,2),h=Ao(Io(e.result?.swaps)),w=Pt(o.usdValue,n.usdValue??null),k=W(String(w),2,2),y=Xe(w??0),f=s(d=>d.map((C,E)=>{let $,I=r?.type===3&&r.swap.swapperId===C.swapperId||i?.type===2&&i.recommendedSlippages?.has(E),D=i?.type===2&&i.recommendedSlippages?.has(E);return I?$="error":D&&($="warning"),{swapper:{displayName:C.swapperId,image:C.swapperLogo},from:{token:{displayName:C.from.symbol,image:C.from.logo},chain:{displayName:C.from.blockchain,image:C.from.blockchainLogo},price:{value:E===0?W(o.value,6,6):C.fromAmount}},to:{token:{displayName:C.to.symbol,image:C.to.logo},chain:{displayName:C.to.blockchain,image:C.to.blockchainLogo},price:{value:C.toAmount}},state:$,alerts:I||D?B.createElement(na,null,B.createElement(om,{type:I?"error":"warning",title:r?.type===3?r?.recommendation:Ir.t("Slippage Error:"),footer:B.createElement(ra,null,r?.type===3&&B.createElement(B.Fragment,null,B.createElement(Dt,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),B.createElement(Nr,{direction:"horizontal",size:8}),B.createElement(Dt,{size:"xsmall",variant:"body",color:"neutral900"},"|"),B.createElement(Nr,{direction:"horizontal",size:8}),B.createElement(Dt,{size:"xsmall",variant:"body",color:"neutral900"},Ir.t({id:"Yours: {amount} {symbol}",values:{amount:W(C.fromAmount,6,6),symbol:C?.from.symbol}}))),(r?.type===4||i?.type===2)&&B.createElement(Dt,{size:"xsmall",variant:"body",color:"neutral900"},Ir.t({id:"min required Slippage: {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(E)},...i?.type===2&&{minRequiredSlippage:i.recommendedSlippages?.get(E)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),T=f.length;return lm(()=>{u&&m.current&&setTimeout(()=>{m?.current?.scrollIntoView({behavior:"smooth"})},Ar)},[u]),B.createElement(B.Fragment,null,B.createElement(Ta,{recommended:l,listItem:a==="list-item",basic:a==="basic"},B.createElement("div",{className:"summary"},B.createElement(im,{fee:g,time:h,steps:T}),a==="basic"&&B.createElement("div",{className:"basic-info"},B.createElement(ba,null,B.createElement(rm,{size:12,color:"gray"})),B.createElement(Dt,{size:"small",variant:"body",style:{letterSpacing:.4}},`${o.value} ${f[0].from.token.displayName} = ${n.value} ${f[f.length-1].to.token.displayName}`),B.createElement(Dt,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${n.usdValue})`)),a==="list-item"&&B.createElement(am,{type:"output",direction:"vertical",price:{value:n.value,usdValue:n.usdValue},token:{displayName:f[T-1].to.token.displayName,image:f[T-1].to.token.image},chain:{image:f[T-1].to.chain.image},percentageChange:k,warningLevel:y}),a==="swap-preview"&&B.createElement(B.Fragment,null,B.createElement(Rt,{from:f[0].from,to:f[T-1].to,percentageChange:k,warningLevel:y}),B.createElement(Nr,{size:4}))),B.createElement(ka,{recommended:l,open:u,onOpenChange:c},B.createElement(wa,{ref:d=>m.current=d,recommended:l,onClick:c.bind(null,d=>!d)},B.createElement("div",null,f.map((d,C)=>{let E=`item-${C}`;return B.createElement(B.Fragment,{key:E},B.createElement(Wa,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:d.from.chain.displayName},B.createElement(Na,{src:d.from.chain.image,size:16})),C===T-1&&B.createElement(B.Fragment,null,B.createElement(rn,null,B.createElement(Ia,{size:12,color:"black"})),B.createElement(Wa,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:d.to.chain.displayName},B.createElement(Na,{src:d.to.chain.image,size:16}))),C!==T-1&&B.createElement(rn,null,B.createElement(Ia,{size:12,color:"black"})))})),B.createElement(rn,{orientation:u?"up":"down"},B.createElement(nm,{size:12,color:"black"}))),B.createElement(va,{open:u},B.createElement(xa,null),B.createElement("div",{className:"steps-details"},f.map((d,C)=>{let E=`item-${C}`;return B.createElement(sm,{type:"quote-details",key:E,step:d,hasSeparator:C!==f.length-1,state:d.state})}))))))}s(Wr,"Quote");import{ChainToken as an,Divider as Pe,NextIcon as mm,Skeleton as ye}from"@rango-dev/ui";import A from"react";import{darkTheme as cm,styled as Ba}from"@rango-dev/ui";var La=Ba("div",{$$color:"$colors$neutral100",[`.${cm} &`]:{$$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"}}),Ma=Ba("div",{borderLeft:"1px dashed black",minHeight:" 64px",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});function Br(t){let{separator:e=!0}=t;return A.createElement(A.Fragment,null,A.createElement("div",{className:"step__title"},A.createElement(ye,{height:22,width:22,variant:"circular"}),A.createElement(Pe,{direction:"horizontal",size:8}),A.createElement(ye,{height:15,width:148,variant:"rounded"})),A.createElement("div",{className:"step__content"},A.createElement(Ma,{hideSeparator:!e}),A.createElement("div",{className:"step__tokens"},A.createElement("div",{className:"step__token-info"},A.createElement(an,{size:"small",loading:!0,chainImage:"",tokenImage:""}),A.createElement(Pe,{direction:"horizontal",size:8}),A.createElement(ye,{height:12,width:76,variant:"rounded"})),A.createElement("div",{className:"step__icon-container"},A.createElement(mm,{color:"gray",size:16})),A.createElement("div",{className:"step__token-info"},A.createElement(an,{size:"small",loading:!0,chainImage:"",tokenImage:""}),A.createElement(Pe,{direction:"horizontal",size:8}),A.createElement(ye,{height:12,width:76,variant:"rounded"})))))}s(Br,"StepSkeleton");function Lr(t){let{type:e,expanded:o,tag:n=!1}=t,r=A.createElement("div",{className:"quote-summary"},A.createElement("div",{className:"token-amount"},A.createElement(an,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),A.createElement(Pe,{size:8,direction:"horizontal"}),A.createElement("div",{className:"token-amount__label"},A.createElement(ye,{height:10,width:60,variant:"rounded"}),A.createElement(Pe,{size:4}),A.createElement(ye,{height:15,width:148,variant:"rounded"}))),A.createElement(ye,{height:12,width:64,variant:"rounded"}));return A.createElement(La,null,A.createElement("div",{className:"cost-and-tag"},A.createElement("div",{className:"cost"},A.createElement(ye,{width:60,height:10,variant:"rounded"}),A.createElement(Pe,{size:4,direction:"horizontal"}),A.createElement(ye,{width:60,height:10,variant:"rounded"}),A.createElement(Pe,{size:4,direction:"horizontal"}),A.createElement(ye,{width:60,height:10,variant:"rounded"})),n&&A.createElement(ye,{height:22,width:100,variant:"rounded"})),e==="basic"&&A.createElement("div",{className:"basic-summary"},A.createElement(ye,{height:15,width:148,variant:"rounded"})),e==="list-item"&&A.createElement("div",{className:"output"},A.createElement("div",{className:"output__token-info"},A.createElement(an,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),A.createElement(Pe,{direction:"horizontal",size:4}),A.createElement(ye,{height:15,width:150,variant:"rounded"})),A.createElement(Pe,{size:4}),A.createElement(ye,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&A.createElement(A.Fragment,null,A.createElement(Pe,{size:4}),A.createElement("div",{className:"swap-preview"},r,A.createElement("div",{className:"quote-summary__separator"}),r)),A.createElement("div",{className:"chains"},A.createElement(ye,{height:15,width:321,variant:"rounded"})),o&&A.createElement("div",{className:"steps"},A.createElement(Pe,{size:20}),A.createElement(Br,null),A.createElement(Br,null),A.createElement(Br,{separator:!1})))}s(Lr,"QuoteSkeleton");import{i18n as Bm}from"@lingui/core";import{Alert as Lm,Button as Mm,InfoIcon as Pm}from"@rango-dev/ui";import Ee from"react";import{useNavigate as $m}from"react-router-dom";import{Alert as dm,Button as fm,Divider as Oa,NoRouteIcon as gm,RefreshIcon as hm,Typography as Ua}from"@rango-dev/ui";import $e from"react";import{i18n as Pa}from"@lingui/core";function $a(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:q().genericServerError,action:{onClick:n,title:Pa.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:Pa.t("Reset")}},description:q().liquiditySourcesError.description}:{alert:null,description:q().noResultError.description}}s($a,"makeInfo");import{styled as Mr}from"@rango-dev/ui";var _a=Mr("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Da=Mr("div",{width:"100%"}),Fa=Mr("div",{padding:"$6 $0"});function Pr(t){let{fetch:e,error:o}=t,n=_.use.disabledLiquiditySources(),r=_.use.toggleAllLiquiditySources(),i=v().use.swappers()(),a=$a(o,n,()=>r(i,!0),e);return $e.createElement(_a,null,$e.createElement(gm,{size:24,color:"gray"}),$e.createElement(Oa,{size:4}),$e.createElement(Ua,{variant:"title",size:"small"},q().noResultError.title),!!a.description&&$e.createElement(Ua,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),$e.createElement(Oa,{size:4}),!!a.alert&&$e.createElement(Da,null,$e.createElement(dm,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&$e.createElement(fm,{size:"xsmall",type:a.alert.type,prefix:$e.createElement(Fa,null,$e.createElement(hm,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}s(Pr,"NoResult");import{i18n as oo}from"@lingui/core";import{Button as ym,Divider as Va,MessageBox as Sm,Modal as Cm,Typography as km,WarningIcon as Tm}from"@rango-dev/ui";import Qe from"react";import{Typography as Ha}from"@rango-dev/ui";import _r from"react";import{styled as ln}from"@rango-dev/ui";var za=ln("div",{width:"100%",paddingTop:"$10"}),$r=ln("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),qa=ln("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),Ga=ln("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Qa(t){let{title:e,value:o,valueColor:n}=t;return _r.createElement(qa,null,_r.createElement(Ha,{size:"medium",variant:"label",color:"neutral600"},e),_r.createElement(Ha,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}s(Qa,"QuoteErrorsModalItem");function ja(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,i=r.warningLevel==="high"?"error":"warning",a=[{title:oo.t("Swapping"),value:W(r.inputUsdValue,4,4)},{title:oo.t("Gas cost"),value:W(r.totalFee,2,2)},{title:oo.t("Receiving"),value:W(r.outputUsdValue,4,4)},{title:oo.t("Price impact"),value:W(r.priceImpact,2,2),valueColor:`${i}500`}];return Qe.createElement(Cm,{open:e,onClose:o,container:ee()},Qe.createElement(Sm,{type:i,title:q().highValueLossError.impactTitle,description:q().highValueLossError.description}),Qe.createElement($r,null,Qe.createElement(Va,{size:20}),Qe.createElement(km,{size:"small",variant:"title"},oo.t("Details")),Qe.createElement($r,null,a.map((l,p)=>Qe.createElement(Qa,{key:p,...l})))),Qe.createElement(Va,{size:32}),Qe.createElement(ym,{type:"primary",size:"large",prefix:Qe.createElement(Tm,null),fullWidth:!0,onClick:n},q().highValueLossError.confirmMessage))}s(ja,"HighValueLossWarningModal");import{i18n as Ka}from"@lingui/core";function Xa(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(Xe(t.priceImpact)==="high"&&(o.alertType="error"),o.title=q().highValueLossError.title),t.type===1&&(o.title=q().unknownPriceError.title),t.type===2&&(o.title=Ka.t({id:"minimum required slippage for this route: {minRequiredSlippage}",values:{minRequiredSlippage:t.minRequiredSlippage}})),t.type===3&&(o.title=Ka.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(Xa,"makeAlerts");import{i18n as Ft}from"@lingui/core";import{Button as Ya,Divider as Ja,MessageBox as wm,Modal as vm,Typography as xm}from"@rango-dev/ui";import Tt from"react";import{useNavigate as bm}from"react-router-dom";function Za(t){let{customSlippage:e,slippage:o}=_(),{open:n,onClose:r,onConfirm:i,warning:a}=t,l=bm(),p=e??o;return Tt.createElement(vm,{anchor:"bottom",open:n,prefix:Tt.createElement(Ya,{size:"small",variant:"ghost",onClick:()=>l("/"+S.settings)},Tt.createElement(xm,{variant:"label",size:"medium",color:"$neutral900"},Ft.t("Change settings"))),container:ee(),onClose:r},Tt.createElement(wm,{type:"warning",title:a.type===3?Ft.t("High slippage"):Ft.t("Low slippage"),description:a.type===3?Ft.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):Ft.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Tt.createElement(Ja,{size:18}),Tt.createElement(Ja,{size:32}),Tt.createElement(Ya,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:i},Ft.t("Confirm anyway"))))}s(Za,"SlippageWarningModal");import{Button as Em,Divider as Am,MessageBox as Im,Modal as Nm,WarningIcon as Wm}from"@rango-dev/ui";import no from"react";function Ra(t){let{open:e,onClose:o,onConfirm:n}=t;return no.createElement(Nm,{open:e,onClose:o,container:ee()},no.createElement(Im,{type:"warning",title:q().unknownPriceError.impactTitle,description:q().unknownPriceError.description}),no.createElement(Am,{size:32}),no.createElement(Em,{type:"primary",size:"large",prefix:no.createElement(Wm,null),fullWidth:!0,onClick:n},q().unknownPriceError.confirmMessage))}s(Ra,"UnknownPriceWarningModal");function Dr(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:i,onCloseWarningModal:a,onConfirmWarningModal:l}=t,p=$m(),u={open:r,onClose:a,onConfirm:l},c=o?.type===0||o?.type===1,m=Xa(e,o?.type===3||o?.type===4?o:null);return Ee.createElement(Ee.Fragment,null,c&&Ee.createElement(Pr,{error:o,fetch:n}),!!m&&Ee.createElement(za,null,Ee.createElement(Lm,{title:m.title,type:m.alertType,variant:"alarm",action:m.action==="show-info"?Ee.createElement(Ga,{onClick:i},Ee.createElement(Pm,{size:12,color:"gray"})):Ee.createElement(Mm,{size:"xsmall",type:"error",onClick:()=>p(S.settings)},Bm.t("Change Settings"))})),e&&Ee.createElement(Ee.Fragment,null,e.type===0&&Ee.createElement(ja,{...u,warning:e}),(e.type===3||e.type===2)&&Ee.createElement(Za,{...u,warning:e}),e.type===1&&Ee.createElement(Ra,{...u,warning:e})))}s(Dr,"QuoteWarningsAndErrors");function ro(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:g,inputUsdValue:h,outputUsdValue:w,outputAmount:k}=P(),y=e&&e.result&&!n;return mt.createElement(mt.Fragment,null,n&&mt.createElement(Er,null,mt.createElement(Lr,{type:o,expanded:m})),y?mt.createElement(Er,null,mt.createElement(Wr,{quote:e,error:r,warning:i,type:o,expanded:m,recommended:!0,input:{value:W(g,6,6),usdValue:W(h,4,4)},output:{value:W(k,6,6),usdValue:W(w,4,4)}})):null,!i&&!r&&mt.createElement(_m,{size:16}),(i||r)&&mt.createElement(Dr,{warning:i,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:c}))}s(ro,"QuoteInfo");import{useEffect as tl,useRef as Um,useState as Fr}from"react";function pn(t){if(!t.result)throw new Error(q().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Yt(t)){let{swap:n,recommendation:r,fromAmountRangeError:i}=yr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:i}})}let o=Cr(t);if(o){let n=Ro(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}s(pn,"throwErrorIfResponseIsNotValid");function el(t,e,o){let n=Rs(t,e),r={quote:null,quoteUpdate:null,balance:null},i=tn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.tokens,userSlippage:o.userSlippage});i&&(r.quote=i),n&&(Gs(t,e)?r.quoteUpdate={type:3,newOutputAmount:W(Mt(e)),percentageChange:W(at(Mt(t)??"",Mt(e)??""),null,2)}:Tr(t,e)?r.quoteUpdate={type:0}:wr(t,e)?r.quoteUpdate={type:1}:vr(t,e)&&(r.quoteUpdate={type:2}));let a=Hs(e,o.selectedWallets);return a.length===0||(r.balance={messages:a}),r}s(el,"generateWarnings");function un(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(un,"handleQuoteErrors");import{useRef as Fm,useState as Om}from"react";function cn(){let[t,e]=Om(!1),o=Fm(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(cn,"useFetchQuote");var zm=600;function ol(){let{fetch:t,cancelFetch:e}=cn(),{liquiditySources:o,enableNewLiquiditySources:n}=v().use.config(),r=v().use.tokens()(),{fromToken:i,toToken:a,inputAmount:l,inputUsdValue:p,resetQuote:u,setQuote:c}=P(),{slippage:m,customSlippage:g,affiliatePercent:h,affiliateRef:w,affiliateWallets:k,disabledLiquiditySources:y}=_(),[x,f]=Fr(!1),[T,d]=Fr(null),[C,E]=Fr(null),$=Um(y),I=g??m,L=!i||!a||Ae(i,a)||!Xt(l),Q=s(F=>{f(F),d(null),E(null)},"resetState"),b=s(()=>{if(x||Q(!0),!L){u();let F=en({fromToken:i,toToken:a,inputAmount:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:y,slippage:I,affiliateRef:w,affiliatePercent:h,affiliateWallets:k});t(F).then(O=>{f(!1),c(O),pn(O);let ne=tn(O,{fromToken:i,toToken:a,userSlippage:I,tokens:r});E(ne)}).catch(O=>{let{error:ne}=un(O);(ne?.type===0||ne?.type===1)&&u(),ne?.type!==2&&(d(ne),f(!1))})}},"fetch"),z=us(()=>{L||b()},zm);return tl(()=>{if(!Xt(l)||p?.eq(0)){Q(!1),e();return}if(!L)return u(),Q(!0),z(),e},[l,L]),tl(()=>{let F=!!$.current.length&&!y.length;return!L&&F&&b(),$.current=y,e},[y.length]),{fetch:b,loading:x,error:T,warning:C}}s(ol,"useSwapInput");var Km=Ur("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),Xm=Ur("div",{position:"relative"}),Ym=Ur("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function mn(){let t=jm(),{fetch:e,loading:o,error:n,warning:r}=ol(),{fromToken:i,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:c,inputUsdValue:m,outputAmount:g,outputUsdValue:h,quote:w,resetQuoteWallets:k,setQuoteWarningsConfirmed:y}=P(),x=v().use.fetchStatus(),f=H.use.connectedWallets(),T=Ce.use.setCurrentPage(),[d,C]=Vm(!1),E=Qm(null),$=!1,I=Fs(m,h),D=Jo(m,I),L=!Sr(w,c,m),Q=!Sr(w,c,h),b=Os(x,f,o,w,Yt(w),D,L||Q,$,c),z=a&&i?W(Wt(f,a?.name,i?.symbol,i?.address)?.amount||"0",8,8):"0",F=a&&i?W(Wt(f,a?.name,i?.symbol,i?.address)?.amount||"0",Wt(f,a?.name,i?.symbol,i?.address)?.decimal):"0";Hm(()=>(T(S.home),k(),T.bind(null,"")),[]);let O=!m||!h||!h.gt(0)?null:at(m.toString(),h.toString());return Fe.createElement(K,{ref:E,fixedHeight:!1,hasLogo:!0,footer:Fe.createElement(qm,{type:"primary",size:"large",disabled:b.disabled,prefix:!b.disabled&&b.hasWarning&&Fe.createElement(Gm,null),fullWidth:!0,onClick:()=>{b.state==="waitForConnecting"?t(S.wallets):r?C(!0):t(S.confirmSwap)}},b.title),header:{hasConnectWallet:!0,title:Or.t("Swap"),suffix:Fe.createElement(mr,{layoutRef:E.current,onClickRefresh:w||n?e:void 0,onClickHistory:()=>t(S.swaps),onClickSettings:()=>t(S.settings)})}},Fe.createElement(Km,null,Fe.createElement(Ym,null,Fe.createElement(Xm,null,Fe.createElement(nl,{label:Or.t("From"),mode:"From",onInputChange:u,balance:z,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:i?.symbol||"",image:i?.image||""},onClickToken:()=>t("from-swap"),price:{value:c,usdValue:L?void 0:W(m,4,4),error:L?q().unknownPriceError.impactTitle:void 0},disabled:x==="failed",loading:x==="loading",onSelectMaxBalance:()=>{z!=="0"&&u(F.split(",").join(""))}}),Fe.createElement(oa,null)),Fe.createElement(nl,{sharpBottomStyle:!!w?.result||o,label:Or.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:W(Pt(m,h),2,2),warningLevel:Xe(O??0),price:{value:W(g,6,6),usdValue:Q?void 0:W(h,4,4),error:Q?q().unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:x==="failed",loading:x==="loading"})),Fe.createElement(ro,{quote:w,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:d,onOpenWarningModal:()=>C(!0),onCloseWarningModal:()=>C(!1),onConfirmWarningModal:()=>{C(!1),y(!0),t(S.confirmSwap)}})))}s(mn,"Home");import{useEffect as zr,useRef as qr}from"react";import{createSearchParams as Jm,useLocation as Zm,useSearchParams as Rm}from"react-router-dom";import{useEffect as Ot,useMemo as dn,useRef as fn}from"react";function rl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:i,toToken:a,fromBlockchain:l,toBlockchain:p}=P(),u=v().use.config(),c=v().use.fetchStatus(),m=v().use.blockchains()(),g=v().use.tokens()(),{setAffiliateRef:h,setAffiliatePercent:w,setAffiliateWallets:k}=_(),y=dn(()=>u?.from?.tokens,[u?.from?.tokens]),x=dn(()=>u?.from?.blockchains,[u?.from?.blockchains]),f=dn(()=>u?.to?.tokens,[u?.to?.tokens]),T=dn(()=>u?.to?.blockchains,[u?.to?.blockchains]),d=fn(void 0),C=fn(void 0),E=fn(void 0),$=fn(void 0);Ot(()=>{t(u?.amount?.toString()||"")},[u?.amount]),Ot(()=>{if(c==="success"){let I=m.find(L=>L.name===u?.from?.blockchain),D=g.find(L=>Ae(L,u?.from?.token||null));(I||!I&&E.current)&&n(I??null),D?r({token:D,meta:{blockchains:m,tokens:g}}):!D&&d.current&&r({token:null}),E.current=u?.from?.blockchain,d.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,c]),Ot(()=>{i&&y&&(y.some(I=>Ae(I,i))||r({token:null})),l&&x&&(x.includes(l.name)||n(null))},[y,x]),Ot(()=>{a&&f&&(f.some(I=>Ae(I,a))||e({token:null})),p&&T&&(T.includes(p.name)||o(null))},[f,T]),Ot(()=>{if(c==="success"){let I=m.find(L=>L.name===u?.to?.blockchain),D=g.find(L=>Ae(L,u?.to?.token||null));(I||!I&&$.current)&&o(I??null),D?e({token:D,meta:{blockchains:m,tokens:g}}):!D&&C.current&&e({token:null}),$.current=u?.to?.blockchain,C.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,c]),Ot(()=>{h(u?.affiliate?.ref??null),w(u?.affiliate?.percent??null),k(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}s(rl,"useSyncStoresWithConfig");function il(){let t=qr(!0),[e,o]=Rm(),n=Zm(),r=qr(n.search),i=qr({}),a=P.use.fromBlockchain(),l=P.use.toBlockchain(),p=P.use.fromToken(),u=P.use.toToken(),c=P.use.setFromBlockchain(),m=P.use.setFromToken(),g=P.use.setToBlockchain(),h=P.use.setToToken(),w=P.use.inputAmount(),k=P.use.setInputAmount(),y=v().use.fetchStatus(),x=v().use.blockchains()(),f=v().use.tokens()(),T=Ce.use.setSelectedSwap();return rl(),zr(()=>{let d={};Jm(r.current).forEach((E,$)=>{d[$]=E}),i.current=d;let C=n.pathname.split(S.swaps+"/")[1]||null;C&&T(C)},[]),zr(()=>{if(!t.current){let d="",C="",E="",$="",I="";if(y!=="success")d=i.current["fromBlockchain"],C=i.current["fromToken"],E=i.current["toBlockchain"],$=i.current["toToken"],I=i.current["fromAmount"]||w;else{if(n.state==="redirect")return;d=a?.name||"",C=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),E=l?.name||"",$=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),I=w}o({...d&&{["fromBlockchain"]:d},...C&&{["fromToken"]:C},...E&&{["toBlockchain"]:E},...$&&{["toToken"]:$},...I&&{["fromAmount"]:I.toString()}},{replace:!0})}t.current=!1},[n.pathname,w,a,p,l,u]),zr(()=>{if(y==="success"){let d=e.get("fromBlockchain"),C=e.get("fromToken"),E=e.get("toBlockchain"),$=e.get("toToken"),I=e.get("fromAmount"),D=x.find(z=>z.name===d),L=kr(f,C,D||null),Q=x.find(z=>z.name===E),b=kr(f,$,Q||null);D&&(c(D),L&&m({token:L,meta:{blockchains:x,tokens:f}})),Q&&(g(Q),b&&h({token:b,meta:{blockchains:x,tokens:f}})),I&&k(I)}},[y]),null}s(il,"UpdateUrl");function pd(t){let e=ad(),o=ld(),n=rd(!0),r=e.pathname.split("/"),a=r[r.length-1]===S.confirmSwap&&n.current;return nd(()=>{a&&o("."),n.current=!1},[]),a?wt.createElement(mn,null):wt.createElement(wt.Fragment,null," ",t.children)}s(pd,"Route");function sl({children:t,...e}){let o=sd(),n=o?pd:id,r=v().use.blockchains()(),{canSwitchNetworkTo:i}=td(),a=r.filter(od);return ed({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(il,null))}s(sl,"AppRouter");import xe from"react";import{useRoutes as Ch}from"react-router-dom";import{i18n as wn}from"@lingui/core";import{useManager as jd}from"@rango-dev/queue-manager-react";import{Alert as Al,Button as Il,Divider as Nl,IconButton as Wl,RefreshIcon as Kd,SettingsIcon as Xd,styled as Bl,Tooltip as Yd,Typography as Jd,WalletIcon as Zd}from"@rango-dev/ui";import Y,{useEffect as vn,useState as xn}from"react";import{flushSync as Rd}from"react-dom";import{useNavigate as ef}from"react-router-dom";import{i18n as Je}from"@lingui/core";import{Alert as Xr,BalanceErrors as $d,Button as xl,ChevronDownIcon as _d,ChevronLeftIcon as Dd,Divider as zt,MessageBox as Fd,Modal as bl,Typography as Tn,WalletIcon as Od}from"@rango-dev/ui";import N,{useEffect as Ud,useLayoutEffect as zd,useRef as qd,useState as bt}from"react";import{useNavigate as Gd}from"react-router-dom";import{i18n as gn}from"@lingui/core";function hn(t){switch(t.type){case 0:return gn.t("Route has been updated.");case 3:return gn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return gn.t("Route swappers has been updated.");case 2:return gn.t("Route internal coins has been updated.");default:return""}}s(hn,"getQuoteUpdateWarningMessage");import{i18n as Oe}from"@lingui/core";import{Button as Ld,Divider as jr,Image as Md,MessageBox as kn,Modal as Cl,SelectableWallet as Pd,Typography as kl,WalletState as Tl}from"@rango-dev/ui";import oe,{useEffect as wl,useState as so}from"react";import{WalletState as al}from"@rango-dev/ui";import{useWallets as ud}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as cd,WalletTypes as md}from"@rango-dev/wallets-shared";import{useEffect as dd,useState as fd}from"react";var gd=Object.values(md);function yn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:i,disconnect:a,getWalletInfo:l,connect:p}=ud(),{connectedWallets:u}=H(),c=v().use.blockchains()(),m=as(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||gd,g=Ri(i,l,m,o),h=is(g),[w,k]=fd(""),y=s(d=>!u.find(C=>C.walletType===d&&C.chain===o),"isExperimentalChainNotAdded"),x=s(async d=>{let C=i(d);try{if(w&&k(""),C.connected)await a(d);else{let E=!!g.find($=>$.state===al.CONNECTED);if(!e?.multiWallets&&E)return;n?.(d),await p(d),r?.(d)}}catch(E){k("Error: "+E?.message)}},"handleClick"),f=s(()=>{let d=g?.filter(C=>C.state===al.CONNECTING)||[];for(let C of d)a(C.type)},"disconnectConnectingWallets");dd(()=>()=>{f()},[]);let T=s((d,C,E)=>Mo(E,C)&&y(d)&&!cd.includes(d),"shouldExcludeWallet");return{list:h.filter(d=>!T(d.type,o??"",c)),error:w,handleClick:x}}s(yn,"useWalletList");import{i18n as ml}from"@lingui/core";import{styled as fl,Typography as xd,Wallet as bd,WalletState as Ed}from"@rango-dev/ui";import xt,{Fragment as Ad,useState as dl}from"react";import{Divider as kd,Modal as Td}from"@rango-dev/ui";import Hr from"react";import{i18n as Ut}from"@lingui/core";import{Image as Sd,MessageBox as Gr,WalletState as Cd}from"@rango-dev/ui";import vt from"react";import{keyframes as hd,styled as Sn}from"@rango-dev/ui";var hb=Sn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),ll=Sn("div",{position:"relative"}),yd=hd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),pl=Sn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${yd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ul=Sn("div",{"& img":{borderRadius:"50%"}});function cl(t){let{state:e,image:o,error:n}=t;return e===Cd.CONNECTED?vt.createElement(Gr,{type:"success",title:Ut.t("Wallet Connected"),description:Ut.t("Your wallet is connected, you can use it to swap.")}):n?vt.createElement(Gr,{type:"error",title:Ut.t("Failed to Connect"),description:n||Ut.t("Your wallet is not connected. Please try again.")}):vt.createElement(Gr,{type:"loading",title:Ut.t("Connecting to your wallet"),description:Ut.t("Click connect in your wallet popup."),icon:vt.createElement(ll,null,vt.createElement(ul,null,vt.createElement(Sd,{src:o,size:45})),vt.createElement(pl,null))})}s(cl,"ModalContent");function io(t){let{open:e,onClose:o,...n}=t;return Hr.createElement(Td,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},Hr.createElement(cl,{...n}),Hr.createElement(kd,{direction:"vertical",size:32}))}s(io,"WalletModal");import{useInRouterContext as wd,useNavigate as vd}from"react-router-dom";function re(){let t=wd(),e=vd(),o=P.use.quoteWalletsConfirmed();return S,{navigateBackFrom:s(r=>{if(r===S.swapDetails)return e("/"+S.swaps,{replace:!0});if(!t||window.history.state&&window.history.state.idx>0)e(-1);else{if([S.settings,S.wallets].includes(r)&&o)return e("/"+S.confirmSwap,{replace:!0});[S.fromSwap,S.toSwap,S.settings,S.wallets,S.swaps,S.confirmSwap].includes(r)?e(S.home,{replace:!0}):r===S.fromBlockchain?e("/"+S.fromSwap,{replace:!0}):r===S.toBlockchain?e("/"+S.fromSwap,{replace:!0}):r===S.liquiditySources&&e("/"+S.settings,{replace:!0})}},"navigateBackFrom")}}s(re,"useNavigateBack");var Id=fl("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),Nd=fl("div",{textAlign:"center"}),Cn=3e3,Qr=300;function gl(){let{config:t,fetchStatus:e}=v()(),{navigateBackFrom:o}=re(),[n,r]=dl(!1),[i,a]=dl(""),l=null,{list:p,handleClick:u,error:c}=yn({config:t,onBeforeConnect:w=>{l=setTimeout(()=>{r(!0),a(w)},Qr)},onConnect:()=>{l&&clearTimeout(l),setTimeout(()=>{r(!1)},Cn)}}),m=p.find(w=>w.type===i),g=m?.image||"",h=m?.state||Ed.NOT_INSTALLED;return xt.createElement(K,{header:{title:ml.t("Connect Wallets"),onBack:()=>o(S.wallets)}},xt.createElement(Nd,null,xt.createElement(xd,{variant:"title",size:"xmedium",align:"center"},ml.t("Choose a wallet to connect.")),xt.createElement(Id,null,p.map((w,k)=>{let y=`wallet-${k}-${w.type}`;return xt.createElement(Ad,{key:y},xt.createElement(bd,{...w,container:ee(),onClick:x=>{u(x)},isLoading:e==="loading"}))}),xt.createElement(io,{open:!!n,onClose:()=>r(!1),image:g,state:h,error:c}))))}s(gl,"WalletsPage");import{keyframes as Wd,styled as Vr}from"@rango-dev/ui";var hl=Vr("div",{position:"relative"}),Bd=Wd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),yl=Vr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Bd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Sl=Vr("div",{"& img":{borderRadius:"50%"}});function Kr(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:i}=t,{config:a}=v()(),l=H.use.connectedWallets(),{blockchains:p}=v()(),[u,c]=so(""),[m,g]=so(null),[h,w]=so(!1),[k,y]=so(null),{suggestAndConnect:x}=vl(),f=null,{list:T,error:d,handleClick:C}=yn({config:a,chain:e,onBeforeConnect:b=>{f=setTimeout(()=>{c(b)},Qr)},onConnect:()=>{f&&clearTimeout(f),setTimeout(()=>{c("")},Cn)}}),[E,$]=so(T),I=T.length,D=r&&I-r>0,L=s(async b=>{w(!1),y("in-progress");try{await x(b.walletType,b.chain),y("completed")}catch{y("rejected")}},"addExperimentalChain");wl(()=>{$(b=>{let z=T.findIndex(F=>o(F.type,e));return D&&z>1?[T[z]].concat(T.filter((F,O)=>O!==z)):b.map(F=>T.find(O=>O.type===F.type)??F)})},[JSON.stringify(T)]);let Q=document.querySelector("#swap-box");return wl(()=>{let b=null;return(k==="completed"||k==="rejected")&&(b=setTimeout(()=>y(null),Cn)),()=>{b&&clearTimeout(b)}},[k]),oe.createElement(oe.Fragment,null,E.slice(0,r).map(b=>{let z=ss({connectedWallets:l,walletType:b.type,chain:e}),F=z?Po(z):"",O=Mo(p(),e),ne=!l.find(nt=>nt.walletType===b.type&&nt.chain===e),ze=O&&ne&&b.state===Tl.CONNECTED,ot=ze?Oe.t({id:"Add {chain} chain",values:{chain:e}}):F,V=s(()=>{b.state===Tl.DISCONNECTED?C(b.type):ze?(g({walletType:b.type,chain:e,address:z??""}),w(!0)):n({walletType:b.type,chain:e,address:z??""})},"onClick"),Z=m?.chain?_s(m.chain,p()):void 0;return oe.createElement(oe.Fragment,null,oe.createElement(io,{open:u===b.type,onClose:()=>c(""),image:b.image,state:b.state,error:d}),!!m&&oe.createElement(Cl,{open:!!m&&h,container:Q,onClose:()=>{g(null)}},oe.createElement(kn,{title:Oe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),type:"warning",description:Oe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}})},oe.createElement(jr,{size:18}),oe.createElement(jr,{size:32}),oe.createElement(Ld,{onClick:L.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Oe.t("Confirm")))),k&&oe.createElement(Cl,{open:!!k,onClose:y.bind(null,null),container:Q},k==="in-progress"&&oe.createElement(kn,{type:"loading",title:Oe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),description:Oe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}}),icon:oe.createElement(hl,null,oe.createElement(Sl,null,oe.createElement(Md,{src:b.image,size:45})),oe.createElement(yl,null))}),k==="completed"&&oe.createElement(kn,{type:"success",title:Oe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Z}}),description:Oe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Z}})}),k==="rejected"&&oe.createElement(kn,{type:"error",title:Oe.t("Request Rejected"),description:Oe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Z}})}),oe.createElement(jr,{direction:"vertical",size:32})),oe.createElement(Pd,{key:b.type,description:ot,onClick:V,selected:o(b.type,e),...b}))}),D&&oe.createElement(la,{selected:!1,onClick:i.bind(null)},oe.createElement(kl,{variant:"label",size:"medium"},Oe.t("Show more wallets"),oe.createElement(kl,{variant:"label",size:"medium",color:"$primary"},"\xA0+",I-(r??0)))))}s(Kr,"WalletList");var Hd=2;function El(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:i}=t,a=v().use.config(),l=v().use.blockchains()(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:c,setQuoteWalletConfirmed:m,customDestination:g,setCustomDestination:h}=P(),{connectedWallets:w,selectWallets:k}=H(),[y,x]=bt(""),[f,T]=bt([]),[d,C]=bt(""),[E,$]=bt(null),[I,D]=bt(g),[L,Q]=bt(!!g),b=qd(null),z=Qo(p),F=l.find(U=>U.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),O=s(U=>!!p?.result?.swaps.find(j=>j.from.blockchain===U),"isWalletRequiredFor"),[ne,ze]=bt(w.filter(U=>U.selected&&z.includes(U.chain))),ot=l.find(U=>U.name===F?.name),V=s((U,j)=>!!ne.find(R=>R.walletType===U&&R.chain===j&&R.selected&&(O(j)||!O(j)&&!I)),"isSelected"),Z=!!I&&L&&ot&&!Vo(ot,I),nt=s(()=>{Q(!1),D(""),ze(U=>{let j=!1;return U.map(R=>!j&&R.chain===F?.name?(j=!0,{...R,selected:!0}):R)})},"resetCustomDestination"),rt=s(U=>{if(y&&x(""),V(U.walletType,U.chain))return;let R=w.find(ae=>ae.walletType===U.walletType&&ae.chain===U.chain);R&&(n(),U.chain===F?.name&&L&&(Q(!1),D("")),ze(ae=>ae.filter(me=>me.chain!==U.chain).concat({...R,selected:!0})))},"onChange"),ht=s(()=>{let U=ne.filter(j=>j.selected);k(U),u(U),h(I),m(!0),o()},"onConfirmBalance"),Jn=s(async()=>{T([]),C(""),$(null);let U=w.filter(ae=>ne.find(me=>me.chain===ae.chain&&me.walletType===ae.walletType)),j=await r?.({selectedWallets:U,customDestination:I}),R=j.warnings;R?.balance?.messages&&T(R.balance.messages),R?.quoteUpdate&&$(R.quoteUpdate),j.error&&C(Ds(j.error)),!j.error&&(!R?.balance?.messages.length||0>0)?ht():T(R?.balance?.messages??[])},"onConfirmWallets");Ud(()=>{ze(U=>U.concat(w.filter(j=>!!!U.find(ae=>ae.chain===j.chain)&&j.selected&&z.includes(j.chain))))},[w.length]),zd(()=>{L&&b.current&&setTimeout(()=>{b?.current?.scrollIntoView({behavior:"smooth"})},Zt)},[L]);let xo=document.querySelector("#swap-box"),jt=Gd();return N.createElement(bl,{open:e,onClose:()=>{c||jt(S.home,{replace:!0}),o()},dismissible:!y,container:xo,...!y&&{footer:N.createElement(ya,null,N.createElement(xl,{loading:i,disabled:Xs(i,L,I,p,ne,F),onClick:Jn,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...y&&{containerStyle:{padding:"$0"},header:N.createElement(ua,null,N.createElement(ca,{variant:"ghost",onClick:x.bind(null,"")},N.createElement(Dd,{size:16})),N.createElement(Tn,{variant:"headline",size:"small"},Je.t({id:"Your {blockchainName} wallets",values:{blockchainName:y}})))},anchor:"center"},N.createElement(bl,{open:f.length>0,onClose:T.bind(null,[]),container:xo},N.createElement(Fd,{title:Je.t("Insufficient account balance"),type:"error",description:N.createElement($d,{messages:f??[]})},N.createElement(xl,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:ht},Je.t("Proceed anyway")))),y&&N.createElement(ma,null,N.createElement("div",{className:"wallets-list"},N.createElement(Kr,{chain:y,isSelected:V,selectWallet:rt,onShowMore:x.bind(null,y)}))),!y&&N.createElement(N.Fragment,null,d&&N.createElement(N.Fragment,null,N.createElement(Xr,{variant:"alarm",type:"error",title:Je.t(d)}),N.createElement(zt,{size:12})),E&&N.createElement(N.Fragment,null,N.createElement(Xr,{variant:"alarm",type:"warning",title:hn(E)}),N.createElement(zt,{size:12})),N.createElement(Ca,null,z.map((U,j)=>{let R=l.find(qe=>qe.name===U),ae=`wallet-${j}`,me=j===z.length-1;return N.createElement("div",{key:ae},N.createElement(sa,null,N.createElement(Tn,{variant:"title",size:"xmedium"},Je.t({id:"Your {blockchainName} wallets",values:{blockchainName:R?.displayName}})),N.createElement(Tn,{variant:"label",color:"$neutral700",size:"medium"},Je.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:R?.displayName}}))),N.createElement(zt,{size:24}),N.createElement(aa,null,N.createElement(Kr,{chain:U,isSelected:V,selectWallet:rt,limit:Hd,onShowMore:()=>x(R?.name??"")})),!me&&N.createElement(zt,{size:32}),me&&a?.customDestination&&N.createElement(ga,null,N.createElement(da,{ref:b,selected:L,open:L,onOpenChange:qe=>{qe?O(F?.name??"")||ze(yt=>yt.map(Kt=>Kt.chain===F?.name?{...Kt,selected:!1}:Kt)):nt()}},N.createElement(pa,{onClick:()=>Q(qe=>!qe)},N.createElement(fa,{fullWidth:!0,variant:"default",suffix:N.createElement(ha,{orientation:L?"up":"down"},N.createElement(_d,{size:10,color:"gray"}))},N.createElement("div",{className:"button__content"},N.createElement(Od,{size:18,color:"info"}),N.createElement(zt,{size:4,direction:"horizontal"}),N.createElement(Tn,{variant:"label",size:"medium"},Je.t("Send to a different address"))))),N.createElement(on,{open:L},N.createElement(N.Fragment,null,N.createElement(zt,{size:4}),N.createElement(Sa,{autoFocus:!0,placeholder:Je.t("Your destination address"),value:I,onChange:qe=>{D(qe.target.value)}})))),Z&&N.createElement("div",{className:"alarms"},N.createElement(Xr,{variant:"alarm",type:"error",title:Je.t({values:{destination:I},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}s(El,"ConfirmWalletsModal");import{calculatePendingSwap as Qd}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Vd}from"react";function Yr(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,resetQuote:r,quote:i,customDestination:a,setQuoteWarningsConfirmed:l}=P(),{slippage:p,customSlippage:u,affiliatePercent:c,affiliateRef:m,affiliateWallets:g,disabledLiquiditySources:h}=_(),{connectedWallets:w}=H(),k=v().use.blockchains()(),y=v().use.tokens()(),x=u||p,{fetch:f,cancelFetch:T,loading:d}=cn();return Vd(()=>T,[]),{loading:d,fetch:s(async E=>{let $=E.selectedWallets,I=E?.customDestination??a;if(!t||!e||!o||!i)return{quote:null,swap:null,error:null,warnings:null};let D=en({fromToken:t,toToken:e,inputAmount:o,wallets:w,selectedWallets:$,disabledLiquiditySources:h,slippage:x,affiliateRef:m,affiliatePercent:c,affiliateWallets:g,initialQuote:i,destination:I}),L;try{L=await f(D).then(F=>pn(F)),n(L)}catch(F){let O=un(F);return(O.error?.type===0||O.error?.type===1)&&r(),O}let Q={slippage:x.toString(),disabledSwappersGroups:h},b=Qd(o.toString(),L,qs($),Q,!1,{blockchains:k,tokens:y}),z=el(i,L,{fromToken:t,toToken:e,tokens:y,selectedWallets:$,userSlippage:x});return z.quoteUpdate&&l(!1),{quote:L,swap:b,error:null,warnings:z}},"fetch"),cancelFetch:T}}s(Yr,"useConfirmSwap");var tf=Bl("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"}}),of=Bl("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Wl}`]:{width:"$48",height:"$48"}});function Ll(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:i,quoteWarningsConfirmed:a}=P(),l=ef(),[p,u]=xn(""),{connectedWallets:c}=H(),m=!n,[g,h]=xn(!1),w=Ce.use.setSelectedSwap(),{manager:k}=jd(),{fetch:y,loading:x,cancelFetch:f}=Yr(),[T,d]=xn({swap:null,error:null,warnings:null}),[C,E]=xn(!1),$=s(async({selectedWallets:b,customDestination:z})=>{let F=await y?.({selectedWallets:b,customDestination:z});return d(F),F},"onConfirmSwap"),I=s(async()=>{if(T.swap&&n)try{await k?.create("swap",{swapDetails:T.swap},{id:T.swap.requestId}),w(T.swap.requestId),l("/"+S.swaps+`/${T.swap.requestId}`,{replace:!0}),setTimeout(()=>{e("")},0)}catch(b){u("Error: "+b?.message)}},"addNewSwap"),D=s(async()=>{await I()},"onConfirm"),L=s(async()=>{T?.warnings?.quote&&!a?E(!0):await D()},"onStartConfirmSwap"),Q=s(async()=>{d({error:null,swap:null,warnings:null}),y({selectedWallets:o}).then(b=>{d(b)}).catch(b=>console.error(b))},"onRefresh");return vn(()=>{m&&f()},[m]),vn(()=>{m&&h(m)},[m]),vn(()=>{m||y({selectedWallets:o,customDestination:i}).then(b=>d(b)).catch(b=>console.error(b))},[]),vn(()=>{let b=T.warnings?.quote?.type&&Object.values(it).includes(T.warnings?.quote?.type),z=o.length<1||!o.every(O=>c.find(ne=>O.address===ne.address&&O.walletType===ne.walletType&&O.chain===ne.chain)),F=!1;if(b){let O=Qo(t),ne=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(V=>V.from.blockchain===ne)||(O=O.slice(-O.length,O.length-1)),O.every(V=>o.find(Z=>Z.chain===V))||(F=!0)}t&&(z||F)&&(queueMicrotask(()=>Rd(h.bind(null,!0))),r(!1))},[T.warnings?.quote,o.length,c.length]),Y.createElement(K,{header:{title:wn.t("Confirm Swap"),onBack:()=>l(-1),hasConnectWallet:!0,suffix:Y.createElement(Yd,{container:ee(),side:"bottom",content:wn.t("Settings")},Y.createElement(Be,{size:"small",variant:"ghost",onClick:()=>l("/"+S.settings)},Y.createElement(Xd,{size:18,color:"black"})))},footer:Y.createElement(of,null,Y.createElement("div",{className:"confirm-button"},Y.createElement(Il,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:x,disabled:!!T.error,onClick:L},wn.t("Start Swap"))),Y.createElement(Wl,{variant:"contained",type:"primary",size:"large",loading:x,onClick:h.bind(null,!0)},Y.createElement(Zd,{size:24})))},g&&Y.createElement(El,{open:g,onClose:()=>h(!1),onCancel:f,loading:x,onCheckBalance:$}),Y.createElement(tf,null,Y.createElement("div",{className:"description"},Y.createElement(Jd,{variant:"title",size:"small"},wn.t("You get")),Y.createElement(Il,{style:{padding:"0"},variant:"ghost",disabled:x,onClick:Q},Y.createElement("div",{className:"icon"},Y.createElement(Kd,{size:16})))),p&&Y.createElement(Y.Fragment,null,Y.createElement(Al,{type:"error",variant:"alarm",title:p}),Y.createElement(Nl,{size:12})),T.warnings?.quoteUpdate&&Y.createElement(Y.Fragment,null,Y.createElement(Al,{variant:"alarm",type:"warning",title:T.warnings.quoteUpdate&&hn(T.warnings.quoteUpdate)}),Y.createElement(Nl,{size:12})),Y.createElement(ro,{quote:t,type:"swap-preview",expanded:!0,error:T.error,loading:x,warning:T.warnings?.quote??null,refetchQuote:Q,showWarningModal:C,onOpenWarningModal:()=>E(!0),onCloseWarningModal:()=>E(!1),onConfirmWarningModal:async()=>{E(!1),await I()}})))}s(Ll,"ConfirmSwapPage");import{i18n as An}from"@lingui/core";import{useManager as pf}from"@rango-dev/queue-manager-react";import{Divider as uf,NotFound as cf,styled as zl}from"@rango-dev/ui";import dt,{useState as mf}from"react";import{useNavigate as df}from"react-router-dom";import{CloseIcon as rf,IconButton as sf,SearchIcon as af,TextField as lf}from"@rango-dev/ui";import ao from"react";import{styled as nf}from"@rango-dev/ui";var Ml=nf("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function Ze(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:i,value:a,setValue:l,...p}=t;return ao.createElement(lf,{prefix:ao.createElement(Ml,null,ao.createElement(af,{color:"black"})),suffix:!!a.length&&ao.createElement(sf,{variant:"ghost",onClick:()=>l?.(""),size:"small"},ao.createElement(rf,{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(Ze,"SearchInput");import{i18n as $l}from"@lingui/core";import{Divider as _l,SwapListItem as Dl,Typography as Fl}from"@rango-dev/ui";import te from"react";import{styled as bn}from"@rango-dev/ui";var Jr=bn("div",{width:"100%",display:"flex",flexDirection:"column"}),Zr=bn("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Rr=bn("div",{gap:"$10",display:"flex",flexDirection:"column"}),Pl=bn("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 te.createElement(te.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>te.createElement(te.Fragment,{key:p.title},te.createElement(Jr,null,te.createElement(Zr,null,te.createElement(Fl,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},$l.t(p.title))),te.createElement(_l,{size:4}),te.createElement(Rr,null,p.swaps.map((u,c)=>{let m=c+p.title;return te.createElement(te.Fragment,{key:m},te.createElement(Dl,{isLoading:!0}))}))))))}return te.createElement(te.Fragment,null,i.filter(a=>a.swaps.length>0).map(a=>te.createElement(te.Fragment,{key:a.title},te.createElement(Jr,null,te.createElement(Zr,null,te.createElement(Fl,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},$l.t(a.title))),te.createElement(_l,{size:4}),te.createElement(Rr,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return te.createElement(te.Fragment,{key:l.requestId},te.createElement(Dl,{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:No(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:No(u.outputAmount||""),estimatedAmount:No(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}s(ei,"SwapsGroup");import Ol from"dayjs";var Ul=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=Ol();return t.forEach(n=>{let r=Ol(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 En=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 ff=zl("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),gf=zl("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),hf=s((t,e)=>t?.length?t.filter(o=>Ge(o.fromBlockchain,e)||Ge(o.toBlockchain,e)||Ge(o.toSymbol,e)||Ge(o.fromSymbol,e)).length:!1,"isStepContainsText");function ql(){let t=Ce.use.setSelectedSwap(),e=df(),{navigateBackFrom:o}=re(),{manager:n,state:r}=pf(),i=En(n).map(({swap:g})=>g),[a,l]=mf(""),p=!r.loadedFromPersistor,u=s(g=>{let h=g.target.value;l(h)},"searchHandler"),c=i;a&&(c=i.filter(g=>Ge(g.inputAmount,a)||Ge(g.status,a)||hf(g.steps,a)||Ge(g.requestId,a)));let m=!c?.length&&!p;return dt.createElement(K,{header:{onBack:()=>o(S.swaps),title:An.t("History")}},dt.createElement(ff,null,dt.createElement(Ze,{setValue:l,fullWidth:!0,variant:"contained",placeholder:An.t("Search Transaction"),autoFocus:!0,onChange:u,value:a}),dt.createElement(gf,null,m&&dt.createElement(Pl,null,dt.createElement(uf,{size:32}),dt.createElement(cf,{title:An.t("No results found"),description:a?An.t("Try using different keywords"):""})),!m&&dt.createElement(ei,{list:c,onSwapClick:g=>{t(g),e(`${g}`,{replace:!0})},groupBy:Ul,isLoading:p}))))}s(ql,"HistoryPage");import{i18n as Gl}from"@lingui/core";import{List as yf,ListItemButton as Sf,Radio as Cf,RadioRoot as kf,Typography as Tf}from"@rango-dev/ui";import ft from"react";import{styled as In}from"@rango-dev/ui";var Re=In("div",{height:"100%",overflow:"hidden"}),lo=In("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ti=In("div",{width:80,display:"flex",justifyContent:"flex-end"}),oi=In("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Nn(){let t=_.use.language(),e=_.use.setLanguage();return{activeLanguage:t,languages:cs,defaultLanguage:_o,changeLanguage:e}}s(Nn,"useLanguage");function Hl(){let{navigateBackFrom:t}=re(),{activeLanguage:e,changeLanguage:o,languages:n}=Nn(),r=n.map(i=>{let{local:a,label:l,SVGFlag:p}=i;return{id:a,value:a,title:ft.createElement(Tf,{variant:"title",size:"xmedium"},l),onClick:()=>o(i.local),end:ft.createElement(Cf,{value:a}),start:ft.createElement(p,null)}});return ft.createElement(K,{header:{onBack:()=>t(S.settings),title:Gl.t("Language")}},ft.createElement(Re,null,ft.createElement(kf,{value:e},ft.createElement(yf,{type:ft.createElement(Sf,{title:Gl.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}s(Hl,"LanguagePage");import{i18n as qt}from"@lingui/core";import{Button as Ef,Checkbox as Af,Image as If,ListItemButton as Nf,NotFound as Wf,Typography as Bf}from"@rango-dev/ui";import Se,{useState as Lf}from"react";import{Checkbox as xf,Skeleton as Vl}from"@rango-dev/ui";import po from"react";import{ListItem as wf,styled as vf}from"@rango-dev/ui";var Ql=vf(wf,{height:61});var bf=30;function ni(){return po.createElement(lo,null,Array.from(Array(bf),t=>po.createElement(Ql,{hasDivider:!0,key:t,start:po.createElement(Vl,{variant:"circular",width:35,height:35}),title:po.createElement(Vl,{variant:"text",size:"large",width:90}),end:po.createElement(xf,{checked:!1})})))}s(ni,"LoadingLiquiditySourceList");function ri({sourceType:t}){let e=v().use.fetchStatus(),o=v().use.swappers()(),[n,r]=Lf(""),i=_.use.toggleLiquiditySource(),{navigateBackFrom:a}=re(),l=Do(o),p=[];t==="Exchanges"&&p.push("DEX"),t==="Bridges"&&(p.push("BRIDGE"),p.push("AGGREGATOR"));let u=l.filter(k=>p.includes(k.type)),c=u.length===u.filter(k=>k.selected).length,m=s(()=>{u.forEach(k=>{c?i(k.groupTitle):k.selected||i(k.groupTitle)})},"toggleAllSources"),g=u.map(k=>{let{selected:y,groupTitle:x,logo:f}=k;return{start:Se.createElement(If,{src:f,size:22,type:"circular"}),onClick:()=>i(x),end:Se.createElement(Af,{checked:y}),title:Se.createElement(Bf,{variant:"title",size:"xmedium"},qt.t(x)),...k}}),h=s(k=>{let y=k.target.value;r(y)},"searchHandler"),w=g;return n&&(w=g.filter(k=>Ge(k.groupTitle,n))),Se.createElement(K,{header:{onBack:()=>a(S.settings),title:qt.t(t),suffix:Se.createElement(ti,null,Se.createElement(Ef,{variant:"ghost",size:"xsmall",onClick:m},qt.t(c?"Deselect all":"Select all")))}},Se.createElement(Re,null,Se.createElement(Ze,{value:n,setValue:r,fullWidth:!0,color:"light",variant:"contained",placeholder:qt.t("Search {sourceType}",{sourceType:t}),onChange:h}),e==="loading"&&Se.createElement(ni,null),!w.length&&n?Se.createElement(oi,null,Se.createElement(Wf,{title:qt.t("No results found"),description:qt.t("Try using different keywords")})):e==="success"&&Se.createElement(lo,null,w.map(k=>Se.createElement(Se.Fragment,{key:k.id},Se.createElement(Nf,{style:{height:"61px"},...k,selected:!1,hasDivider:!0}))))))}s(ri,"LiquiditySourcePage");import{i18n as ep}from"@lingui/core";import{Divider as li,SelectableCategoryList as zf}from"@rango-dev/ui";import Et,{useState as tp}from"react";import{i18n as si}from"@lingui/core";import{Divider as Zl,Image as _f,ListItemButton as Df,NotFound as Ff,Typography as Rl}from"@rango-dev/ui";import We,{useEffect as Of,useState as Uf}from"react";import{BlockchainCategories as ii}from"@rango-dev/ui";import{TransactionType as Wn}from"rango-sdk";var Mf=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"),jl=s((t,e,o)=>t.filter(n=>Mf(n,o)).filter(n=>St(n.name,e)||St(n.displayName,e)),"filterBlockchains");import{styled as Kl}from"@rango-dev/ui";var Xl=Kl("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Bn=Kl("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Pf,Skeleton as Yl}from"@rango-dev/ui";import Ln from"react";var $f=20;function Jl(){return Ln.createElement(Bn,null,Array.from(Array($f),t=>Ln.createElement(Pf,{key:t,hasDivider:!0,start:Ln.createElement(Yl,{variant:"circular",width:35,height:35}),title:Ln.createElement(Yl,{variant:"text",size:"large",width:90})})))}s(Jl,"LoadingBlockchainList");function ai(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[i,a]=Uf(e),{fetchStatus:l}=v()();Of(()=>{a([...jl(e,o,r)])},[e,o,r]);let p=s(()=>!i.length&&o?We.createElement(We.Fragment,null,We.createElement(Zl,{size:32}),We.createElement(Ff,{title:si.t("No results found"),description:si.t("Try using different keywords")})):We.createElement(Bn,{key:`${r}-${o}`},i.map(u=>We.createElement(Df,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:We.createElement(_f,{src:u.logo,size:30}),title:We.createElement(Rl,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return We.createElement(Xl,null,We.createElement(Rl,{variant:"label",size:"large"},si.t("Select Blockchain")),We.createElement(Zl,{size:4}),l==="loading"&&We.createElement(Jl,null),l==="success"&&p())}s(ai,"BlockchainList");function pi(t){let{type:e}=t,{navigateBackFrom:o}=re(),[n,r]=tp(""),[i,a]=tp("ALL"),l=P.use.setToBlockchain(),p=P.use.setFromBlockchain(),u=v().use.fetchStatus(),c=v().use.blockchains()({type:e}),m=e==="source"?"fromBlockchain":"toBlockchain";return Et.createElement(K,{header:{onBack:()=>{o(S[m])},title:ep.t("Select Blockchain")}},Et.createElement(li,{size:12}),Et.createElement(zf,{setCategory:a,category:i,blockchains:c,isLoading:u==="loading"}),Et.createElement(li,{size:24}),Et.createElement(Ze,{value:n,autoFocus:!0,placeholder:ep.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:g=>r(g.target.value)}),Et.createElement(li,{size:16}),Et.createElement(ai,{list:c,searchedFor:n,blockchainCategory:i,onChange:g=>{e==="source"?p(g):l(g),o(S[m])}}))}s(pi,"SelectBlockchainPage");import{i18n as Cp}from"@lingui/core";import{Divider as kp}from"@rango-dev/ui";import Gt,{useState as rg}from"react";import{useNavigate as ig}from"react-router-dom";import{i18n as ci}from"@lingui/core";import{BlockchainsChip as Mn,Divider as ip,Image as sp,Skeleton as Vf,Typography as mi}from"@rango-dev/ui";import ge from"react";import{useEffect as Hf}from"react";var op=["ETH","COSMOS","OSMOSIS"];function np(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(qf),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(Gf(a)),r=n.splice(i)}return{list:n,more:r}}s(np,"prepare");function qf(t,e){let o=op,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(qf,"sortByMostUsedBlockchains");function Gf(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(Gf,"generateSortByPreferredBlockchainsFor");function ui(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=_();Hf(()=>{e?.selected&&n(e?.selected)},[e?.selected]);let r=np(t,o,e);return{list:r.list,more:r.more,history:[]}}s(ui,"usePrepareBlockchainList");import{styled as Qf}from"@rango-dev/ui";var rp=Qf("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var jf=12;function di(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:i}=t,a=ui(e,{limit:10,selected:n?.name}),{fetchStatus:l}=v()(),p=P.use.resetToBlockchain(),u=P.use.resetFromBlockchain(),c=a.more.length>0,m=a.more.length===1,g=!m&&c;return ge.createElement("div",null,ge.createElement(ip,{size:12}),ge.createElement(mi,{variant:"label",size:"large"},ci.t("Select Blockchain")),ge.createElement(ip,{size:12}),ge.createElement(rp,null,l==="loading"&&Array.from(Array(jf),h=>ge.createElement(Vf,{key:h,variant:"rounded",height:50})),l==="success"&&ge.createElement(ge.Fragment,null,ge.createElement(Mn,{selected:!n,onClick:()=>{o==="from"?u():p()}},ge.createElement(mi,{variant:"body",size:"xsmall",color:"secondary500"},ci.t("All"))),a.list.map(h=>ge.createElement(Mn,{key:h.name,selected:!!n&&n.name===h.name,onClick:()=>r(h)},ge.createElement(sp,{src:h.logo,size:30}))),m?ge.createElement(Mn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},ge.createElement(sp,{src:a.more[0].logo,size:30})):null,g?ge.createElement(Mn,{onClick:i,key:"more-blockchains"},ge.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 fp,Divider as co,ExternalLinkIcon as Yf,Image as Jf,ListItemButton as Zf,NotFound as Rf,PinIcon as eg,Skeleton as gp,Typography as mo,VirtualizedList as tg}from"@rango-dev/ui";import M,{forwardRef as og,useEffect as hp,useState as yp}from"react";var ap=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"),Pn=s((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:ap(e,(5-l)*32)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:ap(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=Pn(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,...Pn(i,a)}}return n?r:{}},"generateColors");import{Divider as mp,ListItem as Xf,Skeleton as uo}from"@rango-dev/ui";import Ue from"react";import{styled as Ve,Typography as Kf}from"@rango-dev/ui";var lp=Ve("div",{display:"flex",flexDirection:"column",flexGrow:1}),gi=Ve("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),$n=Ve("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=Ve("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),yi=Ve(Kf,{}),pp=Ve("div",{textAlign:"right"}),_n=Ve("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),KI=Ve("div",{display:"flex",alignItems:"center"}),up=Ve("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),cp=Ve("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function dp(t){return Ue.createElement($n,null,Array.from(Array(t.size),e=>Ue.createElement(Xf,{key:e,hasDivider:!0,start:Ue.createElement(uo,{variant:"circular",width:35,height:35}),end:Ue.createElement(_n,null,Ue.createElement(uo,{variant:"text",size:"large",width:70}),Ue.createElement(mp,{size:4}),Ue.createElement(uo,{variant:"text",size:"medium",width:50})),title:Ue.createElement("div",null,Ue.createElement(uo,{variant:"text",size:"large",width:90}),Ue.createElement(mp,{size:4}),Ue.createElement(uo,{variant:"text",size:"medium",width:90}))})))}s(dp,"LoadingTokenList");var Ci=20,ng=s(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:i,customCssForTagTitle:a}=t,l=e.length;return M.createElement("div",{className:"description"},o?M.createElement("div",{className:"token-name"},o):M.createElement(gi,{className:"token-title"},M.createElement(mo,{variant:"title",size:"xmedium"},r.symbol),M.createElement(co,{direction:"horizontal",size:4}),M.createElement(hi,{css:i},M.createElement(yi,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&M.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},M.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",M.createElement(Yf,{color:"gray",size:12}))))},"renderDesc");function Sp(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[i,a]=yp(e),l=v().use.fetchStatus(),p=v().use.blockchains()(),[u,c]=yp(!0),m=H.use.loading(),{isTokenPinned:g}=v()(),h=og((y,x)=>M.createElement("div",{...y,ref:x,style:{...y.style,height:`${parseFloat(y.style?.height)+8*2}px`}})),w=s(()=>{a(e.slice(0,i.length+Ci))},"loadNextPage");hp(()=>{c(e.length>i.length)},[i.length]),hp(()=>{a(e.slice(0,Ci))},[e]);let k=s(()=>!i.length&&o?M.createElement(M.Fragment,null,M.createElement(co,{size:32}),M.createElement(Rf,{title:Si.t("No results found"),description:Si.t("Try using different keywords")})):M.createElement(tg,{Item:({index:y,style:x})=>{let f=i[y],T=f.address||"",d=p.find(I=>I.name===f.blockchain),C=Pn(f.symbol,d?.color||""),E={$$color:C[`${f.symbol}100`],[`.${fp} &`]:{$$color:C[`${f.symbol}900`]},backgroundColor:"$$color"},$={$$color:C[`${f.symbol}700`],[`.${fp} &`]:{$$color:C[`${f.symbol}100`]},color:"$$color"};return M.createElement("div",{style:{...x,paddingRight:5}},M.createElement(Zf,{style:{height:x?.height},"tab-index":y,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(i[y]),start:M.createElement(up,null,M.createElement(Jf,{src:f.image,size:30}),g(f)&&M.createElement(cp,null,M.createElement(eg,{size:12,color:"gray"}))),title:d?.type==="COSMOS"||f.name||!f.name&&!T?M.createElement(gi,null,M.createElement(mo,{variant:"title",size:"xmedium"},f.symbol),M.createElement(co,{direction:"horizontal",size:4}),M.createElement(hi,{css:E},M.createElement(yi,{variant:"body",size:"xsmall",css:$},f.blockchain))):void 0,description:d?.info&&T&&d.type!=="COSMOS"?ng({address:T,token:i[y],customCssForTag:E,customCssForTagTitle:$,name:f.name,url:d.info.addressUrl.split("{wallet}").join(T)}):f.name||void 0,end:m?M.createElement(_n,null,M.createElement(gp,{variant:"text",size:"large",width:70}),M.createElement(co,{size:4}),M.createElement(gp,{variant:"text",size:"medium",width:50})):i[y]?.balance&&M.createElement(pp,null,M.createElement(mo,{variant:"title",size:"small"},f.balance?.amount),M.createElement("div",null),f.balance?.usdValue&&M.createElement(mo,{variant:"body",color:"neutral600",size:"xsmall"},`$${f.balance?.usdValue}`))}))},hasNextPage:u,itemCount:i.length,loadNextPage:w,innerElementType:h,size:60,key:`${r}-${o}`}),"renderList");return M.createElement(lp,null,M.createElement(mo,{variant:"label",size:"large"},Si.t("Select Token")),M.createElement(co,{size:4}),l==="loading"&&M.createElement(dp,{size:Ci}),l==="success"&&M.createElement($n,null,k()))}s(Sp,"TokenList");function ki(t){let{type:e}=t,o=ig(),{navigateBackFrom:n}=re(),{fromBlockchain:r,toBlockchain:i,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=P(),{connectedWallets:c}=H(),[m,g]=rg(""),w=(e==="source"?r:i)?.name??"",k=v().use.blockchains()({type:e}),y=v().use.tokens()({type:e,blockchain:w,searchFor:m}),x=rs(y,c),f=s(d=>{e==="source"?p(d):u(d)},"updateBlockchain"),T=s(d=>{e==="source"?a({token:d,meta:{blockchains:k,tokens:y}}):l({token:d,meta:{blockchains:k,tokens:y}})},"updateToken");return Gt.createElement(K,{header:{onBack:()=>n(e==="source"?S.fromSwap:S.toSwap),title:Cp.t("Swap {type}",{type:e==="source"?"from":"to"})}},Gt.createElement(di,{blockchains:k,type:e=="source"?"from":"to",blockchain:e==="source"?r:i,onMoreClick:()=>o(e==="source"?S.fromBlockchain:S.toBlockchain),onChange:d=>{f(d)}}),Gt.createElement(kp,{size:24}),Gt.createElement(Ze,{value:m,autoFocus:!0,placeholder:Cp.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>g(""),onChange:d=>g(d.target.value)}),Gt.createElement(kp,{size:16}),Gt.createElement(Sp,{list:x,selectedBlockchain:w,searchedFor:m,onChange:d=>{T(d);let C=k.find(E=>d.blockchain===E.name);C&&f(C),n(S.fromSwap)}}))}s(ki,"SelectSwapItemsPage");import{i18n as At}from"@lingui/core";import{ChevronRightIcon as vi,Divider as xi,InfoIcon as cg,List as mg,ListItemButton as dg,Skeleton as fg,Switch as gg,Tooltip as hg,Typography as It}from"@rango-dev/ui";import G from"react";import{useNavigate as yg}from"react-router-dom";import{i18n as bp}from"@lingui/core";import{Chip as ag,Divider as Ep,InfoIcon as lg,TextField as pg,Tooltip as ug,Typography as Ap}from"@rango-dev/ui";import Te from"react";import{styled as Dn}from"@rango-dev/ui";var Tp=Dn("div",{paddingTop:"$5",paddingBottom:"30px"}),wp=Dn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),vp=Dn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Fn=Dn("div",{maxWidth:"300px",padding:"$10"});import{i18n as Ti}from"@lingui/core";import{Typography as sg}from"@rango-dev/ui";import fo from"react";function xp(){return fo.createElement(Fn,null,fo.createElement(sg,{variant:"label",size:"medium",color:"neutral700"},Ti.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,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(xp,"SlippageTooltipContent");function wi(){let t=_.use.slippage(),e=_.use.setSlippage(),o=_.use.customSlippage(),n=_.use.setCustomSlippage();return Te.createElement(Tp,null,Te.createElement(vp,null,Te.createElement(Ap,{variant:"title",size:"xmedium"},bp.t("Slippage tolerance per swap")),Te.createElement(Ep,{direction:"horizontal",size:4}),Te.createElement(ug,{container:ee(),side:"top",content:Te.createElement(xp,null)},Te.createElement(lg,{color:"gray"}))),Te.createElement(wp,null,ms.map((r,i)=>{let a=`slippage-${i}`;return Te.createElement(Te.Fragment,null,Te.createElement(ag,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),Te.createElement(Ep,{direction:"horizontal",size:8}))}),Te.createElement(pg,{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>=hs&&i<=gs)&&n(i)},suffix:o&&Te.createElement(Ap,{variant:"body",size:"small"},"%"),placeholder:bp.t("Custom")})))}s(wi,"Slippage");function Ip(){let t=yg(),{theme:e}=v().use.config(),o=v().use.fetchStatus(),n=v().use.swappers()(),{navigateBackFrom:r}=re(),i=_.use.infiniteApprove(),a=_.use.toggleInfiniteApprove(),l=Do(n),p=l.filter(d=>d.type==="BRIDGE"||d.type==="AGGREGATOR"),u=p.length,c=p.filter(d=>d.selected).length,m=l.filter(d=>d.type==="DEX"),g=m.length,h=m.filter(d=>d.selected).length,w=s((d,C)=>{switch(o){case"loading":return G.createElement(fg,{variant:"text",size:"medium",width:50});case"failed":return G.createElement(It,{variant:"body",size:"medium",color:"$error500"},At.t("Loading failed"));default:return G.createElement(It,{variant:"body",size:"medium"},`${d} / ${C}`)}},"handleEndItem"),k={id:"bridge-item",title:G.createElement(It,{variant:"title",size:"xmedium"},At.t("Enabled bridges")),end:G.createElement(G.Fragment,null,w(c,u),G.createElement(xi,{direction:"horizontal",size:8}),G.createElement(vi,{color:"black"})),onClick:()=>t(S.bridges)},y={id:"exchange-item",title:G.createElement(It,{variant:"title",size:"xmedium"},At.t("Enabled exchanges")),end:G.createElement(G.Fragment,null,w(h,g),G.createElement(xi,{direction:"horizontal",size:8}),G.createElement(vi,{color:"gray"})),onClick:()=>t(S.exchanges)},x={id:"theme-item",title:G.createElement(It,{variant:"title",size:"xmedium"},At.t("Theme")),end:G.createElement(vi,{color:"gray"}),onClick:()=>t(S.themes)},f={id:"infinite-approval-item",title:G.createElement(G.Fragment,null,G.createElement(It,{variant:"title",size:"xmedium"},At.t("Infinite Approval")),G.createElement(xi,{direction:"horizontal",size:4}),G.createElement(hg,{side:"top",container:ee(),content:G.createElement(Fn,null,G.createElement(It,{variant:"label",size:"medium",color:"neutral700"},At.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(cg,{color:"gray"}))),end:G.createElement(gg,{checked:i}),onClick:a},T=[k,y];return e?.singleTheme||T.push(x),T.push(f),G.createElement(K,{header:{onBack:()=>r(S.settings),title:At.t("Setting")}},G.createElement(Re,null,G.createElement(wi,null),G.createElement(mg,{type:G.createElement(dg,{title:"_",id:"_",onClick:()=>console.log()}),items:T})))}s(Ip,"SettingsPage");import{cancelSwap as ch}from"@rango-dev/queue-manager-rango-preset";import{useManager as mh}from"@rango-dev/queue-manager-react";import su from"react";import{i18n as et}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Vg,getCurrentStep as jg,getRelatedWalletOrNull as Kg,PendingSwapNetworkStatus as Kn}from"@rango-dev/queue-manager-rango-preset";import{Button as Zp,CopyIcon as Xg,Divider as Yg,IconButton as Jg,QuoteCost as Zg,StepDetails as Rg,Typography as Qt,useCopyToClipboard as eh}from"@rango-dev/ui";import{useWallets as th}from"@rango-dev/wallets-react";import X,{useEffect as Rp,useRef as oh,useState as eu}from"react";import{useNavigate as nh}from"react-router-dom";import{i18n as we}from"@lingui/core";var Sg=1e3,Cg=31536e3,kg=2592e3,Tg=86400,wg=3600,vg=60;function Np(t){let e=Math.floor((Date.now()-t)/Sg),n=[{turningPoint:Cg,label:we.t("year"),pluralLabel:we.t("years")},{turningPoint:kg,label:we.t("month"),pluralLabel:we.t("months")},{turningPoint:Tg,label:we.t("day"),pluralLabel:we.t("days")},{turningPoint:wg,label:we.t("hour"),pluralLabel:we.t("hours")},{turningPoint:vg,label:we.t("minute"),pluralLabel:we.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} ${we.t("seconds")}`:`${e} ${we.t("second")}`}s(Np,"timeSince");function Wp(t){return t.finishTime?we.t({id:"{time} ago",values:{time:Np(parseInt(t.finishTime))}}):we.t({id:"{time} ago",values:{time:Np(parseInt(t.creationTime))}})}s(Wp,"getSwapDate");import{PendingSwapNetworkStatus as zn}from"@rango-dev/queue-manager-rango-preset";import{Modal as Wg}from"@rango-dev/ui";import qn from"react";import{i18n as On}from"@lingui/core";import{Button as Bp,Divider as bi,MessageBox as xg,Typography as Lp}from"@rango-dev/ui";import je from"react";var Mp=s(({onCancel:t,onClose:e})=>je.createElement(je.Fragment,null,je.createElement(bi,{size:20}),je.createElement(xg,{type:"error",title:On.t("Transaction Cancel"),description:On.t("Are you sure you want to Cancel this swap?")}),je.createElement(bi,{size:32}),je.createElement(Bp,{variant:"contained",type:"primary",size:"large",onClick:t},je.createElement(Lp,{variant:"title",size:"medium",color:"neutral100"},On.t("Yes, Cancel it"))),je.createElement(bi,{size:12}),je.createElement(Bp,{variant:"outlined",type:"primary",size:"large",onClick:e},je.createElement(Lp,{variant:"title",size:"medium",color:"primary"},On.t("No, Continue")))),"CancelContent");import{i18n as Un}from"@lingui/core";import{Button as Pp,Divider as Ei,MessageBox as bg,Typography as $p}from"@rango-dev/ui";import Ke from"react";var _p=s(({onDelete:t,onClose:e})=>Ke.createElement(Ke.Fragment,null,Ke.createElement(Ei,{size:20}),Ke.createElement(bg,{type:"error",title:Un.t("Delete Transaction"),description:Un.t("Are you sure you want to delete this swap?")}),Ke.createElement(Ei,{size:32}),Ke.createElement(Pp,{variant:"contained",type:"primary",size:"large",onClick:t},Ke.createElement($p,{variant:"title",size:"medium",color:"neutral100"},Un.t("Yes, Delete it"))),Ke.createElement(Ei,{size:12}),Ke.createElement(Pp,{variant:"outlined",type:"primary",size:"large",onClick:e},Ke.createElement($p,{variant:"title",size:"medium",color:"primary"},Un.t("No, Cancel")))),"DeleteContent");import{i18n as Ai}from"@lingui/core";import{PendingSwapNetworkStatus as Ii}from"@rango-dev/queue-manager-rango-preset";var Ni={[Ii.WaitingForNetworkChange]:{type:"loading",title:Ai.t("Change Network")},[Ii.WaitingForConnectingWallet]:{type:"warning",title:Ai.t("Connect Wallet")},[Ii.NetworkChanged]:{type:"success",title:Ai.t("Network Changed")}};import{MessageBox as Ag,Wallet as Ig,WalletState as Fp}from"@rango-dev/ui";import{useWallets as Ng}from"@rango-dev/wallets-react";import go from"react";import{styled as Eg}from"@rango-dev/ui";var Dp=Eg("div",{display:"flex",justifyContent:"center"});var Op=s(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:i}=t,{connect:a,getWalletInfo:l,state:p}=Ng(),u=n?.walletType,m=u&&p(u).connected?Fp.CONNECTED:Fp.DISCONNECTED;return go.createElement(go.Fragment,null,go.createElement(Ag,{type:e,title:o,description:r}),i&&u&&go.createElement(Dp,null,go.createElement(Ig,{container:ee(),title:l(u).name,image:l(u).img,type:u,state:m,onClick:async()=>a(u)})))},"WalletStateContent");function Wi(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:i,message:a}=t,l=e===zn.WaitingForNetworkChange||e===zn.WaitingForConnectingWallet||e===zn.NetworkChanged;return qn.createElement(Wg,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&qn.createElement(Op,{type:Ni[e].type,title:Ni[e].title,currentStepWallet:i,message:a,showWalletButton:e!==zn.WaitingForNetworkChange}),e==="delete"&&qn.createElement(_p,{onClose:o,onDelete:n}),e==="cancel"&&qn.createElement(Mp,{onClose:o,onCancel:r}))}s(Wi,"SwapDetailsModal");import{i18n as ho}from"@lingui/core";import{Button as Bi,Divider as Gn,MessageBox as Up,Modal as Bg,TokenAmount as Lg,Typography as Hn}from"@rango-dev/ui";import ce from"react";import{useNavigate as Mg}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=Mg();return ce.createElement(Bg,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ce.createElement(Up,{type:"success",title:ho.t("Swap Successful")},ce.createElement(Lg,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:i},token:a,chain:l,percentageChange:p}),ce.createElement(Gn,{size:12}),ce.createElement(Hn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):ce.createElement(Up,{type:"error",title:ho.t("Transaction Failed"),description:u}),ce.createElement(Gn,{size:32}),n==="success"&&ce.createElement(Bi,{variant:"contained",type:"primary",size:"large",onClick:()=>m(S.home)},ce.createElement(Hn,{variant:"title",size:"medium",color:"neutral100"},ho.t("Done"))),ce.createElement(Gn,{size:12}),c&&ce.createElement(ce.Fragment,null,ce.createElement(Bi,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(c,"_blank")},ce.createElement(Hn,{variant:"title",size:"medium",color:"primary"},ho.t("Diagnosis"))),ce.createElement(Gn,{size:12})),ce.createElement(Bi,{variant:"outlined",type:"primary",size:"large",onClick:o},ce.createElement(Hn,{variant:"title",size:"medium",color:"primary"},ho.t("See Details"))))}s(Li,"SwapDetailsCompleteModal");import Hg from"react";import{i18n as Ug}from"@lingui/core";import{Alert as Vp,IconButton as zg,LinkIcon as qg}from"@rango-dev/ui";import gt,{Fragment as Gg}from"react";import{Alert as Pg,ChevronDownIcon as $g,ChevronUpIcon as _g,IconButton as Dg}from"@rango-dev/ui";import Qn,{useState as Fg}from"react";function zp(t){let{message:e}=t,[o,n]=Fg(!1);return Qn.createElement(Pg,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Qn.createElement(Dg,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Qn.createElement(_g,{size:12,color:"gray"}):Qn.createElement($g,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}s(zp,"FailedAlert");import{styled as Og}from"@rango-dev/ui";var qp=Og("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Gp}from"@lingui/core";import{PendingSwapNetworkStatus as Mi}from"@rango-dev/queue-manager-rango-preset";import{Alert as Pi,Button as Hp}from"@rango-dev/ui";import yo from"react";function Qp(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?yo.createElement(Pi,{type:"warning",title:n.shortMessage,action:yo.createElement(Hp,{size:"xxsmall",type:"warning",onClick:()=>{o(Mi.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},Gp.t("Change"))}):r===Mi.WaitingForConnectingWallet?yo.createElement(Pi,{type:"warning",title:n.shortMessage,action:yo.createElement(Hp,{size:"xxsmall",type:"warning",onClick:()=>{o(Mi.WaitingForConnectingWallet)}},Gp.t("Connect"))}):yo.createElement(Pi,{type:"warning",title:n.shortMessage})}s(Qp,"WarningAlert");function $i(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:i,hasAlreadyProceededToSign:a}=t,l=Jt(i),p=i.status==="waitingForApproval"&&!l,u=i.status==="running"&&!l;return gt.createElement(qp,null,i.explorerUrl?.map((c,m,g)=>{let h=m+c.url,w=m===g.length-1,k=w&&u||p,y=w&&i.status==="failed";return gt.createElement(Gg,{key:h},gt.createElement(Vp,{type:k&&"loading"||y&&"error"||"success",title:c.description?`${c.description} Tx`:Ug.t("View transaction"),action:c.url&&gt.createElement(zg,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},gt.createElement(qg,{size:16}))}))}),(u&&!a||p&&!i.explorerUrl?.length)&&gt.createElement(Vp,{type:"loading",title:r.shortMessage}),i.status!=="failed"&&l&&gt.createElement(Qp,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),i.status==="failed"&&gt.createElement(zp,{message:r}))}s($i,"SwapDetailsAlerts");var jp=2e3;var Kp=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:fr(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:W(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:fr(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:W(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:Hg.createElement($i,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function Xp(t){if(Jt(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}s(Xp,"getStepState");import{darkTheme as Qg,styled as Ht}from"@rango-dev/ui";var Vn=Ht("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1,"& .row":{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${Qg} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"},"& .request-id":{display:"flex",justifyContent:"center",alignItems:"center",height:"$24"},"& .output":{display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"},"& .title-steps":{textAlign:"left",width:"100%",padding:"0 $20 $10"}}),jn=Ht("div",{width:"100%"}),Yp=Ht("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),BB=Ht("div",{display:"flex",flexDirection:"column",gap:"$10"}),Jp=Ht("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),LB=Ht("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}=th(),p=v().use.blockchains()(),u=v().use.tokens()(),c=P.use.retry(),m=nh(),{navigateBackFrom:g}=re(),[h,w]=eh(jp),k=oh(null),[y,x]=eu(null),[f,T]=eu(null),d=s(()=>{r(),x(null)},"onCancel"),C=Ne.use.getUnreadNotifications(),E=Ne.use.setAsRead(),$=C(),I=jg(e),D=I?.networkStatus;Rp(()=>{$.find(me=>me.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(T(e.status),E(e.requestId))},[e.status]),Rp(()=>{ne?x(Kn.WaitingForNetworkChange):D===Kn.WaitingForConnectingWallet||D===Kn.NetworkChanged?x(D):x(null)},[D]);let L=js(e),Q=I?Vg(e,I):null,b=I?Kg(e,I):null,z=Wp(e),F=Ks(e),O=s(ae=>!!l(ae)?.mobileWallet,"isMobileWallet"),ne=D===Kn.WaitingForNetworkChange&&!!Q&&!!b?.walletType&&(O(b.walletType)||i(b.walletType,Q)),ze=ne?a.bind(null,b.walletType,Q):void 0,ot=Vs(e,I),V=Kp({swap:e,switchNetwork:ze,showNetworkModal:D,setNetworkModal:x,message:ot,blockchains:p}),Z=V.length,[nt,rt]=[e.steps[0],e.steps[Z-1]],ht=rt.outputAmount||rt.expectedOutputAmountHumanReadable,Jn=e.steps.reduce((ae,me)=>ae+parseFloat(me.feeInUsd||""),0),xo=e.steps.find(ae=>ae.diagnosisUrl)?.diagnosisUrl,jt=W(String(parseFloat(W(ht,6,6))*(Lo(rt.toBlockchain,rt.toSymbol,rt.toSymbolAddress,u)||0)),4,4),U=W(String(parseFloat(e.inputAmount)*(Lo(nt.fromBlockchain,nt.fromSymbol,nt.fromSymbolAddress,u)||0)),4,4),j=Pt(U,jt),R=e.status==="success"?et.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:W(ht,6,6),token:V[Z-1].to.token.displayName,conciseAddress:Po(e.wallets[V[Z-1].to.chain.displayName]?.address||""),chain:V[Z-1].to.chain.displayName}}):`${et.t("Transaction was not sent.")} ${L?et.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:L.outputAmount,symbol:L.symbol,blockchain:L.blockchain}}):""}`;return X.createElement(K,{noPadding:!0,header:{title:et.t("Swap and Bridge"),onBack:()=>g(S.swapDetails),onCancel:e.status==="running"?()=>x("cancel"):void 0,suffix:e.status!=="running"&&X.createElement(Lt,null,X.createElement(Zp,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>x("delete")},X.createElement(Qt,{size:"medium",variant:"label",color:"error"},et.t("Delete"))))},footer:F&&!f&&X.createElement(Zp,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{c(e,{blockchains:p,tokens:u}),setTimeout(()=>{m(S.home)},0)}},et.t("Try again"))},X.createElement(Vn,null,X.createElement(jn,null,X.createElement("div",{className:"row"},X.createElement(Qt,{variant:"label",size:"large",color:"neutral700"},`${et.t("Request ID")}:`),X.createElement("div",{className:"request-id"},X.createElement(Qt,{variant:"label",size:"small",color:"neutral700"},o),X.createElement(Jg,{variant:"ghost",onClick:w.bind(null,o||"")},X.createElement(Xg,{size:16,color:"gray"})))),X.createElement("div",{className:"row"},X.createElement(Qt,{variant:"label",size:"large",color:"neutral700"},`${et.t("Created at")}:`),X.createElement(Qt,{variant:"label",size:"small",color:"neutral700"},z))),X.createElement("div",{className:"output"},X.createElement(Zg,{fee:W(String(Jn),2,2),time:Ao(Io(e.steps)),steps:Z}),X.createElement(Rt,{from:{price:{value:W(e.inputAmount,6,6),usdValue:U},token:{displayName:V[0].from.token.displayName,image:V[0].from.token.image},chain:{image:V[0].from.chain.image,displayName:V[0].from.chain.displayName}},to:{price:{value:W(ht,6,6),usdValue:jt},token:{displayName:V[Z-1].to.token.displayName,image:V[Z-1].to.token.image},chain:{image:V[Z-1].to.chain.image,displayName:V[Z-1].to.chain.displayName}},percentageChange:W(String(j),2,2),warningLevel:Xe(j??0)})),X.createElement("div",{className:"title-steps"},X.createElement(Qt,{variant:"title",size:"small"},et.t("Swaps steps"))),X.createElement(Yg,{size:8}),X.createElement(Yp,{ref:k},V.map((ae,me)=>{let qe=me,yt=Xp(e.steps[me]),Kt=yt==="error"||yt==="in-progress"||yt==="warning"||yt==="completed"&&me===V.length-1;return X.createElement(Rg,{key:qe,step:ae,type:"swap-progress",ref:k,state:yt,hasSeparator:me!==0,tabIndex:qe,isFocused:Kt})}))),X.createElement(Wi,{state:y,onClose:()=>x(null),onCancel:d,onDelete:n,message:ot.detailedMessage.content,currentStepWallet:b}),X.createElement(Li,{open:!!f,diagnosisUrl:xo,onClose:()=>T(null),status:e.status==="success"?"success":"failed",priceValue:W(ht,6,6),usdValue:jt,percentageChange:W(String(j),2,2),token:{displayName:V[Z-1].to.token.displayName,image:V[Z-1].to.token.image},chain:{image:V[Z-1].to.chain.image},description:R}))}s(_i,"SwapDetails");import{i18n as wo}from"@lingui/core";import{CopyIcon as lh,IconButton as ph,NotFound as uh,Skeleton as ru,Typography as Yn}from"@rango-dev/ui";import pe from"react";import{i18n as ih}from"@lingui/core";import{ChainToken as sh,Divider as Fi,Skeleton as To,Typography as ah}from"@rango-dev/ui";import J from"react";import{styled as Di}from"@rango-dev/ui";var tu=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"}}),ou=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"}}),Xn=Di("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as nu,Divider as So,NextIcon as rh,Skeleton as Co}from"@rango-dev/ui";import le from"react";function ko(t){let{extraInfo:e}=t;return le.createElement(ou,null,le.createElement("div",{className:"step-title"},le.createElement(Co,{height:28,width:28,variant:"circular"}),le.createElement(So,{direction:"horizontal",size:8}),le.createElement(Co,{height:15,width:148,variant:"rounded"})),le.createElement("div",{className:"step-tokens"},le.createElement(So,{direction:"horizontal",size:20}),le.createElement("div",{className:"step-token-info"},le.createElement(nu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(So,{direction:"horizontal",size:8}),le.createElement(Co,{height:12,width:76,variant:"rounded"})),le.createElement("div",{className:"step-icon-container"},le.createElement(rh,{color:"gray",size:16})),le.createElement("div",{className:"step-token-info"},le.createElement(nu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(So,{direction:"horizontal",size:8}),le.createElement(Co,{height:12,width:76,variant:"rounded"}))),e&&le.createElement("div",{className:"extra-info"},le.createElement(So,{direction:"horizontal",size:20}),le.createElement(Co,{height:22,width:297,variant:"rectangular"})))}s(ko,"LoadingSwapDetailStep");function Oi(){let t=J.createElement("div",{className:"quote-summary-item"},J.createElement("div",{className:"token-amount"},J.createElement(sh,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),J.createElement(Fi,{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(tu,null,J.createElement("div",{className:"cost"},J.createElement(To,{width:60,height:10,variant:"rounded"}),J.createElement(Fi,{size:4,direction:"horizontal"}),J.createElement(To,{width:60,height:10,variant:"rounded"}),J.createElement(Fi,{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(ah,{variant:"title",size:"small"},ih.t("Swaps steps"))),J.createElement("div",{className:"step-container"},J.createElement(ko,{extraInfo:!0}),J.createElement(Xn,null),J.createElement(ko,null),J.createElement(Xn,null),J.createElement(ko,null),J.createElement(Xn,null),J.createElement(ko,null)))}s(Oi,"LoadingSwapDetails");function iu(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=re();return pe.createElement(K,{noPadding:!0,header:{title:wo.t("Swap and Bridge"),onBack:()=>n(S.swapDetails),suffix:pe.createElement(Lt,null)}},o&&pe.createElement(Vn,null,pe.createElement(jn,null,pe.createElement("div",{className:"row"},pe.createElement(Yn,{variant:"label",size:"large",color:"neutral700"},`${wo.t("Request ID")}:`),pe.createElement("div",{className:"request-id"},pe.createElement(Yn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(ru,{width:60,height:10,variant:"rounded"})),pe.createElement(ph,{variant:"ghost"},pe.createElement(lh,{size:16,color:"gray"})))),pe.createElement("div",{className:"row"},pe.createElement(Yn,{variant:"label",size:"large",color:"neutral700"},`${wo.t("Created at")}:`),pe.createElement(Yn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(ru,{width:60,height:10,variant:"rounded"})))),pe.createElement(Oi,null)),!o&&pe.createElement(Jp,null,pe.createElement(uh,{title:wo.t("Not found"),description:wo.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}s(iu,"SwapDetailsPlaceholder");function au(){let{manager:t,state:e}=mh(),o=!e.loadedFromPersistor,n=En(t),r=Ce.use.selectedSwapRequestId(),{navigateBackFrom:i}=re(),{fetchStatus:a}=v()(),l=o||a==="loading",p=n.find(({swap:g})=>g.requestId===r),u=s(()=>{if(p?.id){let g=t?.get(p.id);g&&ch(g)}},"onCancel"),c=s(async()=>{if(p?.id)try{await t?.deleteQueue(p.id),i(S.swapDetails)}catch(g){console.log(g)}},"onDelete"),m=p?.swap;return!m||l?su.createElement(iu,{requestId:r||"",showSkeleton:l}):su.createElement(_i,{swap:m,requestId:r||"",onCancel:u,onDelete:c})}s(au,"SwapDetailsPage");import{i18n as vo}from"@lingui/core";import{AutoThemeIcon as dh,DarkModeIcon as fh,LightModeIcon as gh,List as hh,ListItemButton as yh,Radio as Ui,RadioRoot as Sh,Typography as zi}from"@rango-dev/ui";import ve from"react";function lu(){let{navigateBackFrom:t}=re(),e=_.use.theme(),o=_.use.setTheme(),n=[{id:"light",value:"light",title:ve.createElement(zi,{variant:"title",size:"xmedium"},vo.t("Light")),onClick:()=>o("light"),start:ve.createElement(gh,{color:"gray"}),end:ve.createElement(Ui,{value:"light"})},{id:"dark",value:"dark",title:ve.createElement(zi,{variant:"title",size:"xmedium"},vo.t("Dark")),onClick:()=>o("dark"),start:ve.createElement(fh,{color:"gray"}),end:ve.createElement(Ui,{value:"dark"})},{id:"auto",value:"auto",title:ve.createElement(zi,{variant:"title",size:"xmedium"},vo.t("Auto")),onClick:()=>o("auto"),start:ve.createElement(dh,{color:"gray"}),end:ve.createElement(Ui,{value:"auto"})}];return ve.createElement(K,{header:{onBack:()=>t(S.settings),title:vo.t("Theme")}},ve.createElement(Re,null,ve.createElement(Sh,{onValueChange:r=>o(r),value:e},ve.createElement(hh,{type:ve.createElement(yh,{title:vo.t("Theme"),id:"_",onClick:()=>console.log()}),items:n}))))}s(lu,"ThemePage");var kh=s(t=>t.replace("/",""),"getAbsolutePath");function pu(){return Ch([{path:S.home,element:xe.createElement(mn,null)},{path:S.fromSwap,element:xe.createElement(ki,{type:"source"})},{path:S.toSwap,element:xe.createElement(ki,{type:"destination"})},{path:S.fromBlockchain,element:xe.createElement(pi,{type:"source"})},{path:S.toBlockchain,element:xe.createElement(pi,{type:"destination"})},{path:S.settings,element:xe.createElement(Ip,null)},{path:S.themes,element:xe.createElement(lu,null)},{path:S.languages,element:xe.createElement(Hl,null)},{path:S.exchanges,element:xe.createElement(ri,{sourceType:"Exchanges"})},{path:S.bridges,element:xe.createElement(ri,{sourceType:"Bridges"})},{path:S.swaps,element:xe.createElement(ql,null)},{path:S.swapDetails,element:xe.createElement(au,null)},{path:S.wallets,element:xe.createElement(gl,null)},{path:kh(S.confirmSwap),element:xe.createElement(Ll,null)}])}s(pu,"AppRoutes");import{isApprovalTX as Th,MainEvents as cu,RouteEventType as mu,StepEventType as Vt,StepExecutionEventStatus as wh,useEvents as vh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as du}from"react";import{StepExecutionBlockedEventStatus as qi}from"@rango-dev/queue-manager-rango-preset";var uu=[qi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,qi.WAITING_FOR_NETWORK_CHANGE,qi.WAITING_FOR_WALLET_CONNECT];function fu(){let t=v().use.tokens()(),e=H.use.connectedWallets(),o=H.use.getWalletsDetails(),n=Ne.use.setNotification(),r=Ne.use.setAsRead(),i=vh();return du(()=>(i.on(cu.StepEvent,a=>{let{event:l,step:p,route:u}=a;if(l.type===Vt.TX_EXECUTION&&l.status===wh.TX_SENT&&!Th(p)||l.type===Vt.SUCCEEDED){let m=e.find(h=>h.chain===p?.fromBlockchain),g=p?.fromBlockchain!==p?.toBlockchain&&e.find(h=>h.chain===p?.toBlockchain);m&&o([m],t),g&&o([g],t)}l.type===Vt.TX_EXECUTION_BLOCKED&&uu.includes(l.status)||l.type===Vt.FAILED?n(l,u):(l.type===Vt.TX_EXECUTION||l.type===Vt.CHECK_STATUS)&&r(u.requestId)}),()=>i.all.clear()),[i,e.length]),du(()=>(i.on(cu.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===mu.FAILED||l.type===mu.SUCCEEDED)&&n(l,p)}),()=>i.all.clear()),[i,e.length]),null}s(fu,"WidgetEvents");import{globalCss as xh}from"@rango-dev/ui";var gu=s(()=>xh({"@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 Nh,lightTheme as Wh}from"@rango-dev/ui";import{useEffect as Su,useState as Bh}from"react";import{theme as Ah,darkColors as Ih}from"@rango-dev/ui";var hu=s(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),bh=s(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=hu(o%52)+e;return hu(o%52)+e},"toAlphabeticName"),Eh=s((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Gi=s(t=>bh(Eh(5381,JSON.stringify(t))>>>0),"toHash");function yu(t){let e=Ah.colors,o=fi({...e,...Ih},!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:`${Rn}-light-${Gi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${Rn}-dark-${Gi(p)}`,tokens:p}}return{light:a,dark:l}}s(yu,"customizedThemeTokens");function Cu(t){let{colors:e,fontFamily:o=Xi,borderRadius:n=ji,secondaryBorderRadius:r=Ki,mode:i="auto"}=t,[a,l]=Bh("light"),p=_.use.theme(),u=_.use.setTheme(),{dark:c,light:m}=yu(e),g=Hi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),h=[g.className,Wh.className],w=[g.className,Nh.className];if(m){let y=Hi(m.id,m.tokens);h.push(y.className)}if(c){let y=Hi(c.id,c.tokens);w.push(y.className)}return Su(()=>{let y=s(x=>{x.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",y),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",y)}},[]),Su(()=>{i!=="auto"&&u(i)},[i]),{activeTheme:s(()=>{let y=h.join(" "),x=w.join(" ");return p==="auto"?a==="dark"?x:y:p==="dark"?x:y},"getActiveTheme")}}s(Cu,"useTheme");import{checkWaitingForNetworkChange as Lh,makeQueueDefinition as Mh}from"@rango-dev/queue-manager-rango-preset";import{Provider as Ph}from"@rango-dev/queue-manager-react";import{useWallets as $h}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as _h}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Dh}from"rango-types";import Fh,{useMemo as Oh}from"react";function Uh(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:i,getWalletInfo:a}=$h(),l=Oh(()=>Mh({API_KEY:bo("API_KEY")}),[]),p=v().use.blockchains()(),c={blockchains:H.use.connectedWallets().map(f=>({accounts:[f],name:f.chain}))},m=s(async(f,T)=>{if(i(f,T))return r(f,T)},"switchNetwork"),g=s(f=>!!a(f).mobileWallet,"isMobileWallet"),h=p.filter(f=>f.enabled).reduce((f,T)=>(f[T.name]=T,f),{}),w=p.filter(Dh),k=s(f=>{let{supportedChains:T}=a(f);return Wo(T)},"getSupportedChainNames"),y=e(),x={meta:{blockchains:h,evmBasedChains:w,evmNetworkChainInfo:_h(w),getSupportedChainNames:k},getSigners:o,wallets:c,providers:y,switchNetwork:m,canSwitchNetworkTo:i,connect:r,state:n,isMobileWallet:g};return Fh.createElement(Ph,{queuesDefs:[l],context:x,onPersistedDataLoaded:f=>{Lh(f)},isPaused:!1},t.children)}s(Uh,"QueueManager");var ku=Uh;var Qh=qh("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 vu(){gu();let{fetch:t,config:e}=v()(),{activeTheme:o}=Cu(e?.theme||{}),{activeLanguage:n,changeLanguage:r}=Nn(),[i,a]=wu(""),[l,p]=wu(),u=Gh(ir);return Hh(()=>{e?.apiKey&&Vi({API_KEY:e?.apiKey})},[e]),Tu(()=>{t().catch(),_.persist.rehydrate(),Ne.persist.rehydrate(),u.onConnectWallet(a)},[]),Tu(()=>{e?.language&&r(e.language)},[e?.language]),tt.createElement(zh,{language:n},tt.createElement(Qh,{id:"swap-container",className:o()},tt.createElement(ku,null,tt.createElement(fu,null),tt.createElement(sl,{lastConnectedWallet:i,disconnectedWallet:l,clearDisconnectedWallet:()=>{p(void 0)}},tt.createElement(pu,null)))))}s(vu,"Main");function Vh(t){return t.config?.externalWallets?tt.createElement(vu,null):tt.createElement(sr,{config:t.config??tr,providers:t.config?.wallets,options:{walletConnectProjectId:t.config?.walletConnectProjectId}},tt.createElement(vu,null))}s(Vh,"Widget");export{wP as MainEvents,vP as RouteEventType,xP as StepEventType,bP as StepExecutionBlockedEventStatus,EP as StepExecutionEventStatus,Vh as Widget,sr as WidgetWallets,vl as useWallets,AP as useWidgetEvents};
 //# sourceMappingURL=index.js.map