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

package/dist/index.js

@@ -1,2 +1,2 @@
-var wu=Object.defineProperty;var s=(t,e)=>wu(t,"name",{value:e,configurable:!0});import{MainEvents as xP,RouteEventType as bP,StepEventType as EP,StepExecutionBlockedEventStatus as IP,StepExecutionEventStatus as AP,useEvents as WP}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Tl}from"@rango-dev/wallets-react";import{Events as nr,Provider as qu}from"@rango-dev/wallets-react";import{isEvmBlockchain as Gu}from"rango-sdk";import ds,{createContext as Hu,useRef as Qu}from"react";import{useEffect as zu}from"react";import{create as Fu}from"zustand";import{subscribeWithSelector as Ou}from"zustand/middleware";import{RangoClient as vu}from"rango-sdk";var Vi="c6381a79-2817-4602-83bf-6a641a409e32";var Rn={API_KEY:Vi};function bo(t){return Rn[t]}s(bo,"getConfig");function ji(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Rn=e,Rn}s(ji,"initConfig");var Ki=20,Xi=25,Yi="Roboto",er="theme-widget";var Eo,Nt=s(()=>Eo||(Eo=new vu(bo("API_KEY")),Eo),"httpService");import{WalletState as je}from"@rango-dev/ui";import{readAccountAddress as Eu}from"@rango-dev/wallets-react";import{detectInstallLink as Iu,getCosmosExperimentalChainInfo as Au,isEvmAddress as Wu,KEPLR_COMPATIBLE_WALLETS as ay,Networks as Ri}from"@rango-dev/wallets-shared";import tr from"bignumber.js";import{isCosmosBlockchain as Nu}from"rango-types";import xu from"bignumber.js";var Ae=new xu(0);import{WalletTypes as bu}from"@rango-dev/wallets-shared";var Ji=[bu.LEAP];import{BigNumber as Zi}from"bignumber.js";var Io=s(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),N=s((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new Zi(t),r=1,i=1e3;for(let a=0;a<60;a++)if(new Zi(n.toFixed(a,r)).eq(n)){i=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Ao=s(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Ve=s((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Kt=s(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function Wo(t,e=4){let o=parseFloat(t);if(isNaN(o))return t;let n=Math.pow(10,e);return(Math.round(o*n)/n).toString()}s(Wo,"limitDecimalPlaces");function Bu(t){switch(!0){case t.connected:return je.CONNECTED;case t.connecting:return je.CONNECTING;case!t.installed:return je.NOT_INSTALLED;default:return je.DISCONNECTED}}s(Bu,"mapStatusToWalletState");function es(t,e,o,n){return o.filter(r=>!Ji.includes(r)).filter(r=>{let{supportedChains:i,hideWhenNotInstalled:a}=e(r);return a&&!t(r).installed?!1:n?!!i.find(l=>l.name===n):!0}).map(r=>{let{name:i,img:a,installLink:l}=e(r),p=Bu(t(r));return{title:i,image:a,link:Iu(l),state:p,type:r}})}s(es,"mapWalletTypesToWalletInfo");function No(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}s(No,"walletAndSupportedChainsNames");function ts(t,e,o,n){let r=[];function i(l,p){if(!!!r.find(c=>c.chain===l)){let c={address:p,chain:l,walletType:t};r.push(c)}}s(i,"addAccount");let a=n||[];return e.forEach(l=>{let{address:p,network:u}=Eu(l),c=a.length>0,m=a.includes(u),f=u===Ri.Unknown;if(c&&!m&&!f)return;let k=u===Ri.Unknown&&Wu(p);if(f&&!k)return;o.includes(u)||k?a.filter(E=>o.includes(E)).forEach(E=>{i(E,p.toLowerCase())}):i(u,p)}),r}s(ts,"prepareAccountsForWalletStore");function os(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(i=>{let a=i.from.blockchain,l=i.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}s(os,"getRequiredChains");function Bt(t,e,o,n){if(t.length===0)return null;let r=t.filter(i=>i.chain===e);return r.length===0?null:r.map(i=>i.balances?.find(a=>n!==null&&a.address===n||n===null&&a.address===n&&a.symbol===o)||null).filter(i=>i!==null).sort((i,a)=>parseFloat(a?.amount||"0")-parseFloat(i?.amount||"1")).find(()=>!0)||null}s(Bt,"getBalanceFromWallet");function Bo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}s(Bo,"isAccountAndWalletMatched");function ns(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new tr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Lo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}s(ns,"makeBalanceFor");function rs(t){return{...t,loading:!1,error:!0}}s(rs,"resetConnectedWalletState");var Lo=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice"),Mo=s((t,e)=>{let o=Au(Object.entries(t).map(([,n])=>n).filter(Nu));return o&&o[e]?.experimental},"isExperimentalChain");function Lu(t,e){return t.map(({balance:o,...n})=>{let r=N(new tr(Bt(e,n.blockchain,n.symbol,n.address)?.amount||Ae)),i="";return n.usdPrice&&(i=N(new tr(Bt(e,n.blockchain,n.symbol,n.address)?.amount||Ae).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:i}}}})}s(Lu,"getTokensWithBalance");function is(t,e){let o=e.length>0?Lu(t,e):t;return o.sort((n,r)=>n.balance?.usdValue&&r.balance?.usdValue?parseFloat(r.balance.usdValue)-parseFloat(n.balance.usdValue):!n.balance?.usdValue&&r.balance?.usdValue?1:n.balance?.usdValue&&!r.balance?.usdValue?-1:!n.balance?.usdValue&&!r.balance?.usdValue?parseFloat(r.balance?.amount||"0")-parseFloat(n.balance?.amount||"0"):0),o}s(is,"getTokensBalanceFromWalletAndSort");function Be(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}s(Be,"tokensAreEqual");function ss(t){return t.sort((e,o)=>+(o.state===je.CONNECTED)-+(e.state===je.CONNECTED)||+(o.state===je.DISCONNECTED||o.state===je.CONNECTING)-+(e.state===je.DISCONNECTED||e.state===je.CONNECTING))}s(ss,"sortWalletsBasedOnConnectionState");function Po(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}s(Po,"getConciseAddress");function as({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(as,"getAddress");import{create as Du}from"zustand";import{create as $u}from"zustand";var Mu=s(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),ke=Mu;var Pu={apiKey:""},ls=s((t,e)=>({config:Pu,updateConfig:o=>{let n=e().config;t({config:{...n,...o}})}}),"createConfigSlice");function Lt(t){return Array.from(new Set(t))}s(Lt,"removeDuplicateFrom");function or(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}s(or,"areEqual");function ps(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}s(ps,"debounce");function St(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}s(St,"containsText");var J=s(()=>document.getElementById("swap-box"),"getContainer");var us=s((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(i.length>0&&!i.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.tokens:r.to?.tokens)??[],a=e().blockchains({type:o.type});return n.filter(p=>i.length>0&&!i.some(u=>Be(u,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(St(p.symbol,o.searchFor)||St(p.address||"",o.searchFor)||St(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p)?-1:e().isTokenPinned(u)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>Be(r,o)),fetch:async()=>{let o=await Nt().getAllMetadata(),n=[],r=[],i=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:i,_swappers:a})}}),"createDataSlice");var _u=$u()((...t)=>({...us(...t),...ls(...t)})),Le=ke(_u);var b=ke(Du()(t=>({meta:{blockchains:[],popularTokens:[],swappers:[],tokens:[]},loadingStatus:"loading",fetchMeta:async()=>{try{await Le.getState().fetch();let e=Le.getState(),o={blockchains:e.blockchains(),tokens:e.tokens(),popularTokens:e._popularTokens,swappers:e._swappers};t({meta:o,loadingStatus:"success"})}catch{t({loadingStatus:"failed"})}}})));var H=ke(Fu()(Ou((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:o=>{let n=e().getWalletsDetails;t(r=>({loading:!0,connectedWallets:r.connectedWallets.filter(i=>i.walletType!==o[0].walletType).concat(o.map(i=>{let a=!r.connectedWallets.find(l=>l.chain===i.chain&&l.selected);return{balances:[],address:i.address,chain:i.chain,explorerUrl:null,walletType:i.walletType,selected:a,loading:!0,error:!1}}))})),n(o)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(i=>i.selected&&i.walletType!==o).map(i=>i.chain);return{connectedWallets:n.connectedWallets.filter(i=>i.walletType!==o).map(i=>r.includes(i.chain)?i:(r.push(i.chain),{...i,selected:!0}))}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let i=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return i?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n=!0)=>{let r=e().getWalletsDetails,{tokens:i}=b.getState().meta;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>Bo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await Nt().getWalletsDetails(a)).wallets;if(p)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(c=>{let m=o.find(h=>Bo(h,c)),f=p.find(h=>h.address===c.address&&h.blockChain===c.chain);return f?.failed&&m&&n&&r([m],!1),m&&f?{...c,explorerUrl:f.explorerUrl,balances:ns(f,i)}:c})}));else throw new Error("Wallet not found")}catch{t(l=>({loading:!1,connectedWallets:l.connectedWallets.map(p=>o.find(u=>Bo(u,p))?rs(p):p)}))}}}))));import{allProviders as Uu}from"@rango-dev/provider-all";function $o(t,e){let o=Uu({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let i=o.find(a=>a.config.type===r);i?n.push(i):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}s($o,"matchAndGenerateProviders");function cs(t,e){return $o(t,e).map(r=>r.config.type)}s(cs,"configWalletsToWalletName");function ms(t,e){let o=H.use.clearConnectedWallet(),n=$o(void 0,e);return zu(()=>{o(),n=$o(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}s(ms,"useWalletProviders");var rr=Hu({onConnectWallet:()=>{}});function ir(t){let{blockchains:e}=b.use.meta(),{providers:o}=ms(t.providers,t?.options),n=H.use.disconnectWallet(),r=H.use.connectWallet(),i=Qu(),a=e.filter(Gu).map(p=>p.name),l=s((p,u,c,m,f)=>{if(u===nr.ACCOUNTS)if(c){let h=No(f),k=ts(p,c,a,h);r(k)}else n(p);if(u===nr.ACCOUNTS&&m.connected){let h=`${p}-${m.network}-${c}`;m.connected&&(i.current?i.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(u===nr.NETWORK&&m.network){let h=`${p}-${m.network}`;i.current?i.current(h):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(p,u,c,m,f)},"onUpdateState");return ds.createElement(rr.Provider,{value:{onConnectWallet:p=>{i.current=p}}},ds.createElement(qu,{allBlockChains:e,providers:o,onUpdateState:l,autoConnect:!0},t.children))}s(ir,"WidgetWallets");import{I18nManager as _h,styled as Dh}from"@rango-dev/ui";import it,{useContext as Fh,useEffect as Qi,useMemo as Oh,useState as ku}from"react";import{useQueueManager as Xm}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Ym}from"@rango-dev/wallets-react";import{isEvmBlockchain as Jm}from"rango-types";import wt,{useEffect as Zm,useRef as Rm}from"react";import{MemoryRouter as ed,useInRouterContext as td}from"react-router";import{useLocation as od,useNavigate as nd}from"react-router-dom";var y={home:"/",fromSwap:"from-swap",fromBlockchain:"/from-swap/blockchains",toBlockchain:"/to-swap/blockchains",toSwap:"to-swap",settings:"settings",liquiditySources:"/settings/liquidity-sources",themes:"/settings/themes",bridges:"/settings/bridges",exchanges:"/settings/exchanges",languages:"/settings/languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:"swaps/:requestId"};import{i18n as Or}from"@lingui/core";import{Button as Dm,styled as Ur,SwapInput as tl,WarningIcon as Fm}from"@rango-dev/ui";import qe,{useEffect as Om,useRef as Um,useState as zm}from"react";import{useNavigate as qm}from"react-router-dom";import{ChevronLeftIcon as Ku}from"@rango-dev/ui";import hs from"react";import{darkTheme as Vu,IconButton as ju,styled as _o}from"@rango-dev/ui";var $e=_o(ju,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),fs=_o("div",{position:"absolute",background:"$secondary500",[`.${Vu} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Mt=_o("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),gs=_o("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function sr(t){return hs.createElement($e,{variant:"ghost",size:"small",onClick:t.onClick},hs.createElement(Ku,{color:"black",size:16}))}s(sr,"BackButton");import{i18n as Xu}from"@lingui/core";import{Button as Yu,Typography as Ju}from"@rango-dev/ui";import ar from"react";function lr(t){return ar.createElement(Mt,null,ar.createElement(Yu,{variant:"ghost",onClick:t.onClick,size:"xsmall"},ar.createElement(Ju,{variant:"label",size:"medium",color:"error500"},Xu.t("Cancel"))))}s(lr,"CancelButton");import{i18n as Zu}from"@lingui/core";import{Tooltip as Ru,WalletIcon as ec}from"@rango-dev/ui";import Do from"react";function pr(t){return Do.createElement(Ru,{container:t.container,side:"top",content:Zu.t("Connect Wallet")},Do.createElement($e,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Do.createElement(fs,null),Do.createElement(ec,{size:18,color:"black"})))}s(pr,"WalletButton");import{i18n as Uo}from"@lingui/core";import{NotificationsIcon as hc,Popover as yc,RefreshIcon as Sc,SettingsIcon as Cc,Tooltip as zo,TransactionIcon as kc}from"@rango-dev/ui";import ue from"react";import{i18n as pc}from"@lingui/core";import{ChainToken as ws,ChevronRightIcon as uc,ListItemButton as cc,Typography as mc}from"@rango-dev/ui";import _e from"react";import{useNavigate as dc}from"react-router-dom";import{create as tc}from"zustand";import{persist as oc,subscribeWithSelector as nc}from"zustand/middleware";var Me=ke(tc()(oc(nc((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],i=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:i.toBlockchain,tokenSymbol:i.toSymbol,tokenAddress:i.toSymbolAddress}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{create as rc}from"zustand";var Te=ke(rc()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as Fo}from"@rango-dev/ui";var ys=Fo("div",{padding:"$10",width:"350px",minHeight:"150px"}),Ss=Fo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Cs=Fo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),ks=Fo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as ic}from"@lingui/core";import{Divider as sc,NoNotificationIcon as ac,Typography as lc}from"@rango-dev/ui";import Oo from"react";function Ts(){return Oo.createElement(ks,null,Oo.createElement(ac,{color:"secondary",size:26}),Oo.createElement(sc,{size:12}),Oo.createElement(lc,{variant:"body",size:"medium",color:"neutral700"},ic.t("You have no notification")))}s(Ts,"NotificationNotFound");var fc=4;function ur(){let t=dc(),e=Te.use.setSelectedSwap(),{getUnreadNotifications:o}=Me(),n=o(),{tokens:r,blockchains:i}=b.use.meta(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,fc),l=s(p=>{e(p),t(`/swaps/${p}`)},"handleOnClick");return _e.createElement(ys,null,a.length?_e.createElement(Ss,null,a.map(p=>{let u=r.find(h=>h.address===p.route.from.tokenAddress&&h.blockchain===p.route.from.blockchain&&h.symbol===p.route.from.tokenSymbol),c=i.find(h=>h.name===p.route.from.blockchain),m=r.find(h=>h.address===p.route.to.tokenAddress&&h.blockchain===p.route.to.blockchain&&h.symbol===p.route.to.tokenSymbol),f=i.find(h=>h.name===p.route.to.blockchain);return _e.createElement(cc,{key:p.requestId,onClick:()=>l(p.requestId),title:_e.createElement(mc,{variant:"body",size:"small",color:"$neutral700"},pc.t(p.event.message)),id:p.requestId,start:_e.createElement(Cs,null,_e.createElement("div",{className:"from-chain-token"},_e.createElement(ws,{tokenImage:u?u.image:"",chainImage:c?c.logo:"",size:"small"})),_e.createElement("div",{className:"to-chain-token"},_e.createElement(ws,{tokenImage:m?m.image:"",chainImage:f?f.logo:"",size:"small"}))),end:_e.createElement(uc,{size:12,color:"gray"})})})):_e.createElement(Ts,null))}s(ur,"NotificationContent");import{Typography as gc}from"@rango-dev/ui";import vs from"react";function xs(){let{getUnreadNotifications:t}=Me(),e=t().length;return e?vs.createElement(gs,null,vs.createElement(gc,{variant:"body",size:"xsmall",color:"$background"},e)):null}s(xs,"UnreadNotificationsBadge");function cr(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:i}=t;return ue.createElement(ue.Fragment,null,ue.createElement(zo,{container:J(),side:"top",content:Uo.t("Refresh")},ue.createElement($e,{variant:"ghost",size:"small",onClick:o,disabled:!o},ue.createElement(Sc,{size:16,color:o?"black":"gray"}))),ue.createElement(zo,{container:J(),side:"top",content:Uo.t("Notifications")},ue.createElement(yc,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:J(),content:ue.createElement(ur,null)},ue.createElement($e,{size:"small",variant:"ghost",onClick:i},ue.createElement(hc,{size:18,color:"black"}),ue.createElement(xs,null)))),ue.createElement(zo,{container:J(),side:"top",content:Uo.t("Settings")},ue.createElement($e,{size:"small",variant:"ghost",onClick:r},ue.createElement(Cc,{size:18,color:"black"}))),ue.createElement(zo,{container:J(),side:"top",content:Uo.t("Transactions History")},ue.createElement($e,{size:"small",variant:"ghost",onClick:n},ue.createElement(kc,{size:18,color:"black"}))))}s(cr,"HomeButtons");import{BottomLogo as wc,Divider as vc,Header as xc}from"@rango-dev/ui";import me from"react";import{useNavigate as bc}from"react-router-dom";import{darkTheme as Tc,styled as mr}from"@rango-dev/ui";var bs=mr("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",overflow:"hidden !important",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",width:"95vw",maxWidth:"390px",maxHeight:"700px",$$color:"$colors$neutral100",[`.${Tc} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),Es=mr("div",{borderTopLeftRadius:"20px",borderTopRightRadius:"20px",display:"flex",flexDirection:"column",flex:1,padding:"$20 $20 $10 $20",backgroundColor:"$background",position:"relative",overflowY:"auto",overflowX:"hidden",variants:{noPadding:{true:{padding:"0"}}}}),Is=mr("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Ec(t,e){let{children:o,header:n,footer:r,noPadding:i,hasLogo:a=!0,fixedHeight:l=!0}=t,p=H.use.connectedWallets(),u=Te.use.connectWalletsButtonDisabled(),c=bc(),m=s(()=>{u||c("/"+y.wallets)},"onConnectWallet");return me.createElement(bs,{ref:e,fixedHeight:l,id:"swap-box"},me.createElement(xc,{prefix:me.createElement(me.Fragment,null,n.onBack&&me.createElement(sr,{onClick:n.onBack})),title:n.title,suffix:me.createElement(me.Fragment,null,n.suffix,n.hasConnectWallet&&me.createElement(pr,{container:J(),onClick:m,isConnected:!!p?.length}),n.onCancel&&me.createElement(lr,{onClick:n.onCancel}))}),me.createElement(Es,{noPadding:i},o),(a||r)&&me.createElement(Is,null,me.createElement("div",{className:"footer__content"},r),a&&me.createElement("div",{className:"footer__logo"},me.createElement(vc,{size:12}),me.createElement(wc,null))))}s(Ec,"LayoutComponent");var Q=me.forwardRef(Ec);Q.displayName="Layout";import{ReverseIcon as $c,styled as Zs}from"@rango-dev/ui";import vr from"react";import pt from"bignumber.js";import{create as Mc}from"zustand";import{subscribeWithSelector as Pc}from"zustand/middleware";import{getLastSuccessfulStep as Lc}from"@rango-dev/queue-manager-rango-preset";import kk from"bignumber.js";var As=[.5,1,3],Ws=1,Ns=5,Bs=100,Ls=0;var st=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(st||{});function Ms(t,e){return e.find(o=>o.name===t)?.displayName}s(Ms,"getBlockchainDisplayNameFor");function dr(t,e){return e.find(o=>o.name===t)?.shortName}s(dr,"getBlockchainShortNameFor");function fr(t,e){return e.find(o=>Be(o,t))??null}s(fr,"findToken");function gr(t,e){return e.find(o=>o.name===t)??null}s(gr,"findBlockchain");import{i18n as De}from"@lingui/core";import{PendingSwapNetworkStatus as Qo}from"@rango-dev/queue-manager-rango-preset";import we from"bignumber.js";function qo(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(qo,"getRequiredWallets");function Go(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}s(Go,"isValidAddress");import{i18n as de}from"@lingui/core";var q=s(()=>({genericServerError:de.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:de.t("Please reset your liquidity sources."),description:de.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noResultError:{title:de.t("No Routes Found"),description:de.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:de.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:de.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:de.t("High Price Impact"),title:de.t("Price impact is too high!"),description:de.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:de.t("Confirm High price impact")},quoteUpdatedWithHighValueLoss:{title:de.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:de.t("USD Price Unknown"),title:de.t("USD Price Unknown, Cannot calculate Price Impact."),description:de.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:de.t("Confirm USD Price Unknown")}}),"errorMessages");function Ps(t){switch(t.type){case 0:return t.diagnosisMessage??q().noResultError.title;case 1:return q().genericServerError;default:return""}}s(Ps,"getQuoteErrorMessage");import{i18n as Ho}from"@lingui/core";var Ct=s(()=>({connectWallet:Ho.t("Connect Wallet"),swap:Ho.t("Swap"),swapAnyway:Ho.t("Swap anyway"),ethWarning:Ho.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function $s(t,e){return!t||!e||t.lte(Ae)||e.lte(Ae)?0:e.div(t).minus(1).multipliedBy(100).toNumber()}s($s,"getOutputRatio");function Ko(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new we(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new we(1e3)))??!1}s(Ko,"hasHighValueLoss");function Xt(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new we(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new we(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}s(Xt,"hasLimitError");function hr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new we(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new we(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new we(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new we(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",i="",a="";return!r&&o&&o.gt(e.fromAmount)?(i=De.t({id:"Required: >= {min} {symbol}",values:{min:N(o,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(i=De.t({id:"Required: > {min} {symbol}",values:{min:N(o,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(i=De.t({id:"Required: <= {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(i=De.t({id:"Required: < {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:i,recommendation:a}}s(hr,"getLimitErrorMessage");function _s(t,e,o,n,r,i,a,l,p){return t!=="success"?{title:Ct().connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:Ct().connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!p||p==="0"?{title:Ct().swap,disabled:!0,state:"swap"}:i||a?{title:Ct().swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:l?{title:Ct().ethWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:Ct().swap,disabled:!1,state:"swap"}}s(_s,"getSwapButtonState");function yr(t,e,o){return!((!o||o.lte(Ae))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}s(yr,"canComputePriceImpact");function Ac(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(Ac,"requiredWallets");var Wc=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice");function Nc(t,e){let o=Ae;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let i=Wc(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new we(r.amount).multipliedBy(i||0))}return o}s(Nc,"getUsdFeeOfStep");function Xo(t,e){return t.reduce((o,n)=>o.plus(Nc(n,e)),Ae)}s(Xo,"getTotalFeeInUsd");function Sr(t){let e=new Map;return t.result?.swaps.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}s(Sr,"checkSlippageErrors");function Ds(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseInt(n.recommendedSlippage?.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}s(Ds,"checkSlippageWarnings");function Yo(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}s(Yo,"getMinRequiredSlippage");function Fs(t,e){return e?parseFloat(t)>=parseFloat(e):!0}s(Fs,"hasProperSlippage");function Jo(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:i,disabledLiquiditySources:a,slippage:l,affiliateRef:p,affiliatePercent:u,affiliateWallets:c,initialQuote:m,destination:f}=t,h=i?.reduce((d,T)=>(d[T.chain]=T.address,d),{}),k=[];r?.forEach(d=>{let T=k.find(w=>w.blockchain===d.chain);T?T.addresses.push(d.address):k.push({blockchain:d.chain,addresses:[d.address]})});let S=!!m,C=Lt((m?.result?.swaps||[]).reduce((d,T)=>(d.push(T.from.blockchain,T.to.blockchain),T.internalSwaps&&Array.isArray(T.internalSwaps)&&T.internalSwaps.map(w=>{d.push(w.from.blockchain,w.to.blockchain)}),d),[]));return{amount:n.toString(),affiliateRef:p??void 0,affiliatePercent:u??void 0,affiliateWallets:c??void 0,checkPrerequisites:S,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:k,selectedWallets:h??{},slippage:l.toString(),...f&&{destination:f},...a.length>0&&{swapperGroups:a,swappersGroupsExclude:!0},...S&&{blockchains:C}}}s(Jo,"createQuoteRequestBody");function Os(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}s(Os,"getWalletsForNewSwap");function Pt(t){return t.result?.outputAmount||null}s(Pt,"getQuoteOutputAmount");function lt(t,e){return new we(e).div(new we(t)).minus(1).multipliedBy(100).toNumber()}s(lt,"getPercentageChange");function Us(t,e){let o=Pt(t),n=Pt(e);if(!o||!n)return!1;let r=lt(o,n);return r?r<=-1:!0}s(Us,"isOutputAmountChangedALot");function zs(t,e){let o=t.validationStatus,n=os(t);return e.sort((i,a)=>n.indexOf(i.chain)-n.indexOf(a.chain)).flatMap(i=>js(i,o)||[]).filter(i=>!i.ok).map(i=>{let a=i.asset.symbol,l=N(new we(i.currentAmount.amount).shiftedBy(-i.currentAmount.decimals),8,8),p=N(new we(i.requiredAmount.amount).shiftedBy(-i.requiredAmount.decimals),8,8),u="";return i.reason==="FEE"&&(u=De.t(" for network fee")),i.reason==="INPUT_ASSET"&&(u=De.t(" for swap")),i.reason==="FEE_AND_INPUT_ASSET"&&(u=De.t(" for input and network fee")),De.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:p,symbol:a,reason:u,currentAmount:l,blockchain:i.asset.blockchain}})})}s(zs,"getBalanceWarnings");function qs(t,e){return(t?new we(t):Ae).multipliedBy(e||0)}s(qs,"calcOutputUsdValue");function Yt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Qo.NetworkChanged}s(Yt,"isNetworkStatusInWarningState");function Gs(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Yt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Qo.WaitingForConnectingWallet:n=n||De.t("Waiting for connecting wallet");break;case Qo.WaitingForQueue:n=n||De.t("Waiting for other running tasks to be finished");break;case Qo.WaitingForNetworkChange:n=n||De.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}s(Gs,"getSwapMessages");function Hs(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}s(Hs,"getLastConvertedTokenInFailedSwap");function Qs(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}s(Qs,"shouldRetrySwap");function Vs(t,e,o,n,r,i){return t||!e&&!Ac(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&i&&!Go(i,o)}s(Vs,"confirmSwapDisabled");function Cr(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}s(Cr,"searchParamsToToken");function Xs(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}s(Xs,"getQuoteToTokenUsdPrice");function kr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}s(kr,"isNumberOfSwapsChanged");function Tr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!or(o,n)}s(Tr,"isQuoteSwappersUpdated");function wr(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!or(o,n)}s(wr,"isQuoteInternalCoinsUpdated");function Ys(t,e){return kr(t,e)||Tr(t,e)||wr(t,e)}s(Ys,"isQuoteChanged");function js(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}s(js,"getRequiredBalanceOfWallet");function Re(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}s(Re,"getPriceImpactLevel");function Js(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],i=Lc(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=gr(i?i.toBlockchain:n.fromBlockchain,e),p=gr(r.toBlockchain,e),u=fr(i?{blockchain:l?.name??"",symbol:i.toSymbol,address:i.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=fr(a,o),m=i?i.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:m}}s(Js,"createRetryQuote");function Zo(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:i}=e,a=kt(o,t.requestAmount),l=kt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let c=lt(a.toString(),l.toString());if(Ko(a,c)){let f=Xo(t.result.swaps,r),h=Re(c);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:c,totalFee:f,warningLevel:h}}}else if(t.result&&(!a||!l))return{type:1};let p=Yo(t),u=i>Ns;if(Fs(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<i)return{type:3,slippage:i.toString()}}else return{type:2,recommendedSlippages:Ds(t,i),minRequiredSlippage:p};return null}s(Zo,"generateQuoteWarnings");function $t(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0);return!t||!e||o?null:lt(t.toString(),e.toString())}s($t,"getPriceImpact");var kt=s((t,e)=>t?.usdPrice?new pt(e||Ae).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),_=ke(Mc()(Pc(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new pt(0),outputUsdValue:new pt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ae;return Kt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new pt(e.result?.outputAmount):null,r=qs(e.result?.outputAmount,Xs(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new pt(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{quote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>{let{blockchains:o}=b.getState().meta;return t(n=>({fromToken:e,...e&&{fromBlockchain:o.find(r=>r.name===e.blockchain)??null},...!!n.inputAmount&&{inputUsdValue:kt(e,n.inputAmount)}}))},setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{quote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>{let{blockchains:o}=b.getState().meta;return t(()=>({toToken:e,...e&&{toBlockchain:o.find(n=>n.name===e.blockchain)??null}}))},setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new pt(0),outputUsdValue:new pt(0),quote:null},...!!o.fromToken&&{inputUsdValue:kt(o.fromToken,e)}}))},retry:e=>{let{tokens:o,blockchains:n}=b.getState().meta,{fromBlockchain:r,fromToken:i,toBlockchain:a,toToken:l,inputAmount:p}=Js(e,n,o);t({fromBlockchain:r,fromToken:i,inputAmount:p,outputAmount:null,inputUsdValue:kt(i??null,p),outputUsdValue:new pt(0),toBlockchain:a,toToken:l,quote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:kt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:""}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));var _c=Zs("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Dc=Zs("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&:hover":{color:"$secondary500"}});function Rs(){let t=_.use.switchFromAndTo();return vr.createElement(_c,null,vr.createElement(Dc,{onClick:()=>{t()}},vr.createElement($c,{size:12})))}s(Rs,"SwitchFromAndToButton");import{Divider as Bm}from"@rango-dev/ui";import dt from"react";import{i18n as Ir}from"@lingui/core";import{Alert as Hc,ChevronDownIcon as Qc,ChevronRightIcon as ba,Divider as Ar,Image as Ea,InfoIcon as Vc,QuoteCost as jc,StepDetails as Kc,TokenAmount as Xc,Tooltip as Ia,Typography as Ft}from"@rango-dev/ui";import B,{useLayoutEffect as Yc,useRef as Jc,useState as Zc}from"react";import{styled as xr}from"@rango-dev/ui";var br=xr("div",{width:"100%",paddingTop:"$2"}),ea=xr("div",{paddingBottom:"$15"}),ta=xr("div",{width:"100%",display:"flex"});import*as en from"@radix-ui/react-collapsible";import{darkTheme as et,styled as ut}from"@rango-dev/ui";import*as Dt from"@radix-ui/react-collapsible";import{Button as Fc,darkTheme as _t,IconButton as Oc,keyframes as oa,styled as he,TextField as Uc}from"@rango-dev/ui";var Jt=300,zc=oa({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),qc=oa({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),na=he("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),ra=he("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),ia=he("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${_t} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${_t} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${_t} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),sa=he(Dt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),aa=he("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),la=he(Oc,{position:"absolute",left:"$20"}),pa=he("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),ua=he(Dt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ca=he(Fc,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${_t} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${_t} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${_t} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),ma=he("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),da=he("div",{transition:`all ${Jt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),fa=he("div",{display:"flex"}),ga=he(Uc,{padding:"$0 $15 $15 $15"}),Ro=he(Dt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${zc} ${Jt}ms ease-out`},false:{animation:`${qc} ${Jt}ms ease-out`}}}}),ha=he("div",{overflow:"visible",width:"100%"});var Er=300,ya=ut(en.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{recommended:{true:{$$color:"$colors$info300",[`.${et} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${et} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& .steps-details":{padding:"$10 $15"}}),Sa=ut("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",cursor:"pointer",boxSizing:"border-box",position:"relative",variants:{recommended:{true:{$$color:"$colors$info100",[`.${et} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${et} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{},false:{}}},compoundVariants:[{listItem:!0,recommended:!0,css:{"&:hover":{$$color:"$colors$secondary200",[`.${et} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${et} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}],"& .summary":{width:"100%",padding:"$15 $15 $10 $15"},"& .basic-info":{paddingTop:"$10",display:"flex",alignItems:"center"}}),Ca=ut(en.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${Image}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Image}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${et} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${et} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& div:nth-child(1)":{display:"flex"}}),ka=ut(Ro,{width:"100%"}),tn=ut("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Er}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Zk=ut("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Ta=ut("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${et} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),wa=ut("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"});import{TokenAmount as xa}from"@rango-dev/ui";import on from"react";import{styled as Gc}from"@rango-dev/ui";var va=Gc("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%","& .separator":{height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"}});function Zt(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return on.createElement(va,null,on.createElement(xa,{direction:"horizontal",label:"Swap input",type:"input",price:{value:e.price.value,usdValue:e.price.usdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),on.createElement("div",{className:"separator"}),on.createElement(xa,{direction:"horizontal",label:"Estimated output",type:"output",price:{value:o.price.value,usdValue:o.price.usdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}s(Zt,"QuoteSummary");function Wr(t){let{meta:{tokens:e}}=b(),{quote:o,input:n,output:r,error:i,warning:a,type:l,recommended:p=!0}=t,[u,c]=Zc(t.expanded),m=Jc(null),f=N(Xo(o.result?.swaps??[],e),2,2),h=Io(Ao(o.result?.swaps)),k=$t(n.usdValue,r.usdValue??null),S=N(String(k),2,2),C=Re(k??0),d=s(w=>w.map((g,x)=>{let D,v=i?.type===3&&i.swap.swapperId===g.swapperId||a?.type===2&&a.recommendedSlippages?.has(x),L=a?.type===2&&a.recommendedSlippages?.has(x);return v?D="error":L&&(D="warning"),{swapper:{displayName:g.swapperId,image:g.swapperLogo},from:{token:{displayName:g.from.symbol,image:g.from.logo},chain:{displayName:g.from.blockchain,image:g.from.blockchainLogo},price:{value:x===0?N(n.value,6,6):g.fromAmount}},to:{token:{displayName:g.to.symbol,image:g.to.logo},chain:{displayName:g.to.blockchain,image:g.to.blockchainLogo},price:{value:g.toAmount}},state:D,alerts:v||L?B.createElement(ea,null,B.createElement(Hc,{type:v?"error":"warning",title:i?.type===3?i?.recommendation:Ir.t("Slippage Error:"),footer:B.createElement(ta,null,i?.type===3&&B.createElement(B.Fragment,null,B.createElement(Ft,{size:"xsmall",variant:"body",color:"neutral900"},i.fromAmountRangeError),B.createElement(Ar,{direction:"horizontal",size:8}),B.createElement(Ft,{size:"xsmall",variant:"body",color:"neutral900"},"|"),B.createElement(Ar,{direction:"horizontal",size:8}),B.createElement(Ft,{size:"xsmall",variant:"body",color:"neutral900"},Ir.t({id:"Yours: {amount} {symbol}",values:{amount:N(g.fromAmount,6,6),symbol:g?.from.symbol}}))),(i?.type===4||a?.type===2)&&B.createElement(Ft,{size:"xsmall",variant:"body",color:"neutral900"},Ir.t({id:"min required Slippage: {minRequiredSlippage}",values:{...i?.type===4&&{minRequiredSlippage:i.recommendedSlippages?.get(x)},...a?.type===2&&{minRequiredSlippage:a.recommendedSlippages?.get(x)}}})))})):void 0}}),"getQuoteSteps")(o.result?.swaps??[]),T=d.length;return Yc(()=>{u&&m.current&&setTimeout(()=>{m?.current?.scrollIntoView({behavior:"smooth"})},Er)},[u]),B.createElement(B.Fragment,null,B.createElement(Sa,{recommended:p,listItem:l==="list-item",basic:l==="basic"},B.createElement("div",{className:"summary"},B.createElement(jc,{fee:f,time:h,steps:T}),l==="basic"&&B.createElement("div",{className:"basic-info"},B.createElement(wa,null,B.createElement(Vc,{size:12,color:"gray"})),B.createElement(Ft,{size:"small",variant:"body",style:{letterSpacing:.4}},`${n.value} ${d[0].from.token.displayName} = ${r.value} ${d[d.length-1].to.token.displayName}`),B.createElement(Ft,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${r.usdValue})`)),l==="list-item"&&B.createElement(Xc,{type:"output",direction:"vertical",price:{value:r.value,usdValue:r.usdValue},token:{displayName:d[T-1].to.token.displayName,image:d[T-1].to.token.image},chain:{image:d[T-1].to.chain.image},percentageChange:S,warningLevel:C}),l==="swap-preview"&&B.createElement(B.Fragment,null,B.createElement(Zt,{from:d[0].from,to:d[T-1].to,percentageChange:S,warningLevel:C}),B.createElement(Ar,{size:4}))),B.createElement(ya,{recommended:p,open:u,onOpenChange:c},B.createElement(Ca,{ref:w=>m.current=w,recommended:p,onClick:c.bind(null,w=>!w)},B.createElement("div",null,d.map((w,g)=>{let x=`item-${g}`;return B.createElement(B.Fragment,{key:x},B.createElement(Ia,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:w.from.chain.displayName},B.createElement(Ea,{src:w.from.chain.image,size:16})),g===T-1&&B.createElement(B.Fragment,null,B.createElement(tn,null,B.createElement(ba,{size:12,color:"black"})),B.createElement(Ia,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:w.to.chain.displayName},B.createElement(Ea,{src:w.to.chain.image,size:16}))),g!==T-1&&B.createElement(tn,null,B.createElement(ba,{size:12,color:"black"})))})),B.createElement(tn,{orientation:u?"up":"down"},B.createElement(Qc,{size:12,color:"black"}))),B.createElement(ka,{open:u},B.createElement(Ta,null),B.createElement("div",{className:"steps-details"},d.map((w,g)=>{let x=`item-${g}`;return B.createElement(Kc,{type:"quote-details",key:x,step:w,hasSeparator:g!==d.length-1,state:w.state})}))))))}s(Wr,"Quote");import{ChainToken as nn,Divider as Fe,NextIcon as em,Skeleton as ye}from"@rango-dev/ui";import I from"react";import{darkTheme as Rc,styled as Aa}from"@rango-dev/ui";var Wa=Aa("div",{$$color:"$colors$neutral100",[`.${Rc} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ","& .cost-and-tag":{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"},variants:{rounded:{true:{borderRadius:"$xm"}}},"& .cost":{display:"flex"},"& .basic-summary":{padding:"$15 $0 14px $0"},"& .output":{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"},"& .output__token-info":{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"},"& .quote-summary":{display:"flex",justifyContent:"space-between",alignItems:"end"},"& .quote-summary__separator":{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"},"& .token-amount":{display:"flex",justifyContent:"space-between"},"& .token-amount__label":{display:"flex",flexDirection:"column",alignItems:"start"},"& .chains":{paddingTop:"$2"},"& .swap-preview":{padding:"$15 $0 $15 $0"},"& .steps":{paddingLeft:"$8"},"& .step__title":{display:"flex",alignItems:"center"},"& .step__content":{display:"flex",alignItems:"start"},"& .step__tokens":{paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"},"& .step__token-info":{display:"flex",alignItems:"center"},"& .step__icon-container":{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}}),Na=Aa("div",{borderLeft:"1px dashed black",minHeight:" 64px",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});function Nr(t){let{separator:e=!0}=t;return I.createElement(I.Fragment,null,I.createElement("div",{className:"step__title"},I.createElement(ye,{height:22,width:22,variant:"circular"}),I.createElement(Fe,{direction:"horizontal",size:8}),I.createElement(ye,{height:15,width:148,variant:"rounded"})),I.createElement("div",{className:"step__content"},I.createElement(Na,{hideSeparator:!e}),I.createElement("div",{className:"step__tokens"},I.createElement("div",{className:"step__token-info"},I.createElement(nn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),I.createElement(Fe,{direction:"horizontal",size:8}),I.createElement(ye,{height:12,width:76,variant:"rounded"})),I.createElement("div",{className:"step__icon-container"},I.createElement(em,{color:"gray",size:16})),I.createElement("div",{className:"step__token-info"},I.createElement(nn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),I.createElement(Fe,{direction:"horizontal",size:8}),I.createElement(ye,{height:12,width:76,variant:"rounded"})))))}s(Nr,"StepSkeleton");function Br(t){let{type:e,expanded:o,tag:n=!1}=t,r=I.createElement("div",{className:"quote-summary"},I.createElement("div",{className:"token-amount"},I.createElement(nn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),I.createElement(Fe,{size:8,direction:"horizontal"}),I.createElement("div",{className:"token-amount__label"},I.createElement(ye,{height:10,width:60,variant:"rounded"}),I.createElement(Fe,{size:4}),I.createElement(ye,{height:15,width:148,variant:"rounded"}))),I.createElement(ye,{height:12,width:64,variant:"rounded"}));return I.createElement(Wa,null,I.createElement("div",{className:"cost-and-tag"},I.createElement("div",{className:"cost"},I.createElement(ye,{width:60,height:10,variant:"rounded"}),I.createElement(Fe,{size:4,direction:"horizontal"}),I.createElement(ye,{width:60,height:10,variant:"rounded"}),I.createElement(Fe,{size:4,direction:"horizontal"}),I.createElement(ye,{width:60,height:10,variant:"rounded"})),n&&I.createElement(ye,{height:22,width:100,variant:"rounded"})),e==="basic"&&I.createElement("div",{className:"basic-summary"},I.createElement(ye,{height:15,width:148,variant:"rounded"})),e==="list-item"&&I.createElement("div",{className:"output"},I.createElement("div",{className:"output__token-info"},I.createElement(nn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),I.createElement(Fe,{direction:"horizontal",size:4}),I.createElement(ye,{height:15,width:150,variant:"rounded"})),I.createElement(Fe,{size:4}),I.createElement(ye,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&I.createElement(I.Fragment,null,I.createElement(Fe,{size:4}),I.createElement("div",{className:"swap-preview"},r,I.createElement("div",{className:"quote-summary__separator"}),r)),I.createElement("div",{className:"chains"},I.createElement(ye,{height:15,width:321,variant:"rounded"})),o&&I.createElement("div",{className:"steps"},I.createElement(Fe,{size:20}),I.createElement(Nr,null),I.createElement(Nr,null),I.createElement(Nr,{separator:!1})))}s(Br,"QuoteSkeleton");import{i18n as Em}from"@lingui/core";import{Alert as Im,Button as Am,InfoIcon as Wm}from"@rango-dev/ui";import We from"react";import{useNavigate as Nm}from"react-router-dom";import{Alert as lm,Button as pm,Divider as Da,NoRouteIcon as um,RefreshIcon as cm,Typography as Fa}from"@rango-dev/ui";import Oe from"react";import{create as im}from"zustand";import{persist as sm,subscribeWithSelector as am}from"zustand/middleware";import{English as tm,French as om,Japanese as nm,Spanish as rm}from"@rango-dev/ui";var Ba=[{title:"English",label:"English",local:"en",SVGFlag:tm},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:rm},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:om},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:nm}],rn="en";var F=ke(im()(sm(am((t,e)=>({preferredBlockchains:[],slippage:Ws,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",language:rn,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=10-1;return p&&u}))return;let i=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...i]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:o=>t(n=>{if(o)return{disabledLiquiditySources:[]};let{swappers:r}=b.getState().meta,i=Lt(r.map(a=>a.swapperGroup));return i.length===n.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:i}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o}))})),{name:"user-settings",skipHydration:!0})));import{i18n as La}from"@lingui/core";function Ma(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:q().genericServerError,action:{onClick:n,title:La.t("Retry")}},description:""}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:e.length?{alert:{type:"warning",text:q().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:La.t("Reset")}},description:q().liquiditySourcesError.description}:{alert:null,description:q().noResultError.description}}s(Ma,"makeInfo");import{styled as Mr}from"@rango-dev/ui";var Pa=Mr("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),$a=Mr("div",{width:"100%"}),_a=Mr("div",{padding:"$6 $0"});function Pr(t){let{fetch:e,error:o}=t,n=F.use.disabledLiquiditySources(),r=F.use.toggleAllLiquiditySources(),i=Ma(o,n,r,e);return Oe.createElement(Pa,null,Oe.createElement(um,{size:24,color:"gray"}),Oe.createElement(Da,{size:4}),Oe.createElement(Fa,{variant:"title",size:"small"},q().noResultError.title),!!i.description&&Oe.createElement(Fa,{variant:"body",size:"small",align:"center",color:"neutral700"},i.description),Oe.createElement(Da,{size:4}),!!i.alert&&Oe.createElement($a,null,Oe.createElement(lm,{type:i.alert.type,title:i.alert.text,action:i.alert.action&&Oe.createElement(pm,{size:"xsmall",type:i.alert.type,prefix:Oe.createElement(_a,null,Oe.createElement(cm,{size:8})),onClick:i.alert.action.onClick},i.alert.action.title),variant:"alarm"})))}s(Pr,"NoResult");import{i18n as to}from"@lingui/core";import{Button as mm,Divider as Ha,MessageBox as dm,Modal as fm,Typography as gm,WarningIcon as hm}from"@rango-dev/ui";import Ke from"react";import{Typography as qa}from"@rango-dev/ui";import _r from"react";import{styled as sn}from"@rango-dev/ui";var Oa=sn("div",{width:"100%",paddingTop:"$10"}),$r=sn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Ua=sn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),za=sn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Ga(t){let{title:e,value:o,valueColor:n}=t;return _r.createElement(Ua,null,_r.createElement(qa,{size:"medium",variant:"label",color:"neutral600"},e),_r.createElement(qa,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}s(Ga,"QuoteErrorsModalItem");function Qa(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,i=r.warningLevel==="high"?"error":"warning",a=[{title:to.t("Swapping"),value:N(r.inputUsdValue,4,4)},{title:to.t("Gas cost"),value:N(r.totalFee,2,2)},{title:to.t("Receiving"),value:N(r.outputUsdValue,4,4)},{title:to.t("Price impact"),value:N(r.priceImpact,2,2),valueColor:`${i}500`}];return Ke.createElement(fm,{open:e,onClose:o,container:J()},Ke.createElement(dm,{type:i,title:q().highValueLossError.impactTitle,description:q().highValueLossError.description}),Ke.createElement($r,null,Ke.createElement(Ha,{size:20}),Ke.createElement(gm,{size:"small",variant:"title"},to.t("Details")),Ke.createElement($r,null,a.map((l,p)=>Ke.createElement(Ga,{key:p,...l})))),Ke.createElement(Ha,{size:32}),Ke.createElement(mm,{type:"primary",size:"large",prefix:Ke.createElement(hm,null),fullWidth:!0,onClick:n},q().highValueLossError.confirmMessage))}s(Qa,"HighValueLossWarningModal");import{i18n as Va}from"@lingui/core";function ja(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(Re(t.priceImpact)==="high"&&(o.alertType="error"),o.title=q().highValueLossError.title),t.type===1&&(o.title=q().unknownPriceError.title),t.type===2&&(o.title=Va.t({id:"minimum required slippage for this route: {minRequiredSlippage}",values:{minRequiredSlippage:t.minRequiredSlippage}})),t.type===3&&(o.title=Va.t("Caution, your slippage is high")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action=null),e.type===4&&(o.title="",o.action="change-settings"),o):null}s(ja,"makeAlerts");import{i18n as Ot}from"@lingui/core";import{Button as Ka,Divider as Xa,MessageBox as ym,Modal as Sm,Typography as Cm}from"@rango-dev/ui";import Tt from"react";import{useNavigate as km}from"react-router-dom";function Ya(t){let{customSlippage:e,slippage:o}=F(),{open:n,onClose:r,onConfirm:i,warning:a}=t,l=km(),p=e??o;return Tt.createElement(Sm,{anchor:"bottom",open:n,prefix:Tt.createElement(Ka,{size:"small",variant:"ghost",onClick:()=>l("/"+y.settings)},Tt.createElement(Cm,{variant:"label",size:"medium",color:"$neutral900"},Ot.t("Change settings"))),container:J(),onClose:r},Tt.createElement(ym,{type:"warning",title:a.type===3?Ot.t("High slippage"):Ot.t("Low slippage"),description:a.type===3?Ot.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):Ot.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Tt.createElement(Xa,{size:18}),Tt.createElement(Xa,{size:32}),Tt.createElement(Ka,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:i},Ot.t("Confirm anyway"))))}s(Ya,"SlippageWarningModal");import{Button as Tm,Divider as wm,MessageBox as vm,Modal as xm,WarningIcon as bm}from"@rango-dev/ui";import oo from"react";function Ja(t){let{open:e,onClose:o,onConfirm:n}=t;return oo.createElement(xm,{open:e,onClose:o,container:J()},oo.createElement(vm,{type:"warning",title:q().unknownPriceError.impactTitle,description:q().unknownPriceError.description}),oo.createElement(wm,{size:32}),oo.createElement(Tm,{type:"primary",size:"large",prefix:oo.createElement(bm,null),fullWidth:!0,onClick:n},q().unknownPriceError.confirmMessage))}s(Ja,"UnknownPriceWarningModal");function Dr(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:i,onCloseWarningModal:a,onConfirmWarningModal:l}=t,p=Nm(),u={open:r,onClose:a,onConfirm:l},c=o?.type===0||o?.type===1,m=ja(e,o?.type===3||o?.type===4?o:null);return We.createElement(We.Fragment,null,c&&We.createElement(Pr,{error:o,fetch:n}),!!m&&We.createElement(Oa,null,We.createElement(Im,{title:m.title,type:m.alertType,variant:"alarm",action:m.action==="show-info"?We.createElement(za,{onClick:i},We.createElement(Wm,{size:12,color:"gray"})):We.createElement(Am,{size:"xsmall",type:"error",onClick:()=>p(y.settings)},Em.t("Change Settings"))})),e&&We.createElement(We.Fragment,null,e.type===0&&We.createElement(Qa,{...u,warning:e}),(e.type===3||e.type===2)&&We.createElement(Ya,{...u,warning:e}),e.type===1&&We.createElement(Ja,{...u,warning:e})))}s(Dr,"QuoteWarningsAndErrors");function no(t){let{quote:e,type:o,loading:n,error:r,warning:i,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:c,expanded:m=!1}=t,{inputAmount:f,inputUsdValue:h,outputUsdValue:k,outputAmount:S}=_(),C=e&&e.result&&!n;return dt.createElement(dt.Fragment,null,n&&dt.createElement(br,null,dt.createElement(Br,{type:o,expanded:m})),C?dt.createElement(br,null,dt.createElement(Wr,{quote:e,error:r,warning:i,type:o,expanded:m,recommended:!0,input:{value:N(f,6,6),usdValue:N(h,4,4)},output:{value:N(S,6,6),usdValue:N(k,4,4)}})):null,!i&&!r&&dt.createElement(Bm,{size:16}),(i||r)&&dt.createElement(Dr,{warning:i,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:c}))}s(no,"QuoteInfo");import{useEffect as Ra,useRef as $m,useState as Fr}from"react";function an(t){if(!t.result)throw new Error(q().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Xt(t)){let{swap:n,recommendation:r,fromAmountRangeError:i}=hr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:i}})}let o=Sr(t);if(o){let n=Yo(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}s(an,"throwErrorIfResponseIsNotValid");function Za(t,e,o){let n=Ys(t,e),r={quote:null,quoteUpdate:null,balance:null},i=Zo(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.tokens,userSlippage:o.userSlippage});i&&(r.quote=i),n&&(Us(t,e)?r.quoteUpdate={type:3,newOutputAmount:N(Pt(e)),percentageChange:N(lt(Pt(t)??"",Pt(e)??""),null,2)}:kr(t,e)?r.quoteUpdate={type:0}:Tr(t,e)?r.quoteUpdate={type:1}:wr(t,e)&&(r.quoteUpdate={type:2}));let a=zs(e,o.selectedWallets);return a.length===0||(r.balance={messages:a}),r}s(Za,"generateWarnings");function ln(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}s(ln,"handleQuoteErrors");import{useRef as Mm,useState as Pm}from"react";function pn(){let[t,e]=Pm(!1),o=Mm(null),n=s(()=>o.current?.abort(),"cancel");return{fetch:s(async i=>{n(),o.current=new AbortController,e(!0);try{let a=await Nt().getBestRoute(i,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}s(pn,"useFetchQuote");var _m=600;function el(){let{fetch:t,cancelFetch:e}=pn(),{fromToken:o,toToken:n,inputAmount:r,inputUsdValue:i,resetQuote:a,setQuote:l}=_(),{meta:{tokens:p}}=b(),{slippage:u,customSlippage:c,affiliatePercent:m,affiliateRef:f,affiliateWallets:h,disabledLiquiditySources:k}=F(),[S,C]=Fr(!1),[E,d]=Fr(null),[T,w]=Fr(null),g=$m(k),x=c??u,v=!o||!n||Be(o,n)||!Kt(r),L=s(A=>{C(A),d(null),w(null)},"resetState"),P=s(()=>{if(S||L(!0),!v){a();let A=Jo({fromToken:o,toToken:n,inputAmount:r,disabledLiquiditySources:k,slippage:x,affiliateRef:f,affiliatePercent:m,affiliateWallets:h});t(A).then(O=>{C(!1),l(O),an(O);let M=Zo(O,{fromToken:o,toToken:n,userSlippage:x,tokens:p});w(M)}).catch(O=>{let{error:M}=ln(O);(M?.type===0||M?.type===1)&&a(),M?.type!==2&&(d(M),C(!1))})}},"fetch"),R=ps(()=>{v||P()},_m);return Ra(()=>{if(!Kt(r)||i?.eq(0)){L(!1),e();return}if(!v)return a(),L(!0),R(),e},[r,v]),Ra(()=>{let A=!!g.current.length&&!k.length;return!v&&A&&P(),g.current=k,e},[k.length]),{fetch:P,loading:S,error:E,warning:T}}s(el,"useSwapInput");var Gm=Ur("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),Hm=Ur("div",{position:"relative"}),Qm=Ur("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function un(){let t=qm(),{fetch:e,loading:o,error:n,warning:r}=el(),{fromToken:i,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:c,inputUsdValue:m,outputAmount:f,outputUsdValue:h,quote:k,resetQuoteWallets:S,setQuoteWarningsConfirmed:C}=_(),{loadingStatus:E}=b(),d=H.use.connectedWallets(),T=Te.use.setCurrentPage(),[w,g]=zm(!1),x=Um(null),D=!1,v=$s(m,h),L=Ko(m,v),P=!yr(k,c,m),R=!yr(k,c,h),A=_s(E,d,o,k,Xt(k),L,P||R,D,c),O=a&&i?N(Bt(d,a?.name,i?.symbol,i?.address)?.amount||"0",8,8):"0",M=a&&i?N(Bt(d,a?.name,i?.symbol,i?.address)?.amount||"0",Bt(d,a?.name,i?.symbol,i?.address)?.decimal):"0";Om(()=>(T(y.home),S(),T.bind(null,"")),[]);let ie=!m||!h||!h.gt(0)?null:lt(m.toString(),h.toString());return qe.createElement(Q,{ref:x,fixedHeight:!1,hasLogo:!0,footer:qe.createElement(Dm,{type:"primary",size:"large",disabled:A.disabled,prefix:!A.disabled&&A.hasWarning&&qe.createElement(Fm,null),fullWidth:!0,onClick:()=>{A.state==="waitForConnecting"?t(y.wallets):r?g(!0):t(y.confirmSwap)}},A.title),header:{hasConnectWallet:!0,title:Or.t("Swap"),suffix:qe.createElement(cr,{layoutRef:x.current,onClickRefresh:k||n?e:void 0,onClickHistory:()=>t(y.swaps),onClickSettings:()=>t(y.settings)})}},qe.createElement(Gm,null,qe.createElement(Qm,null,qe.createElement(Hm,null,qe.createElement(tl,{label:Or.t("From"),mode:"From",onInputChange:u,balance:O,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:i?.symbol||"",image:i?.image||""},onClickToken:()=>t("from-swap"),price:{value:c,usdValue:P?void 0:N(m,4,4),error:P?q().unknownPriceError.impactTitle:void 0},disabled:E==="failed",loading:E==="loading",onSelectMaxBalance:()=>{O!=="0"&&u(M.split(",").join(""))}}),qe.createElement(Rs,null)),qe.createElement(tl,{sharpBottomStyle:!!k?.result||o,label:Or.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:N($t(m,h),2,2),warningLevel:Re(ie??0),price:{value:N(f,6,6),usdValue:R?void 0:N(h,4,4),error:R?q().unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:E==="failed",loading:E==="loading"})),qe.createElement(no,{quote:k,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:w,onOpenWarningModal:()=>g(!0),onCloseWarningModal:()=>g(!1),onConfirmWarningModal:()=>{g(!1),C(!0),t(y.confirmSwap)}})))}s(un,"Home");import{useEffect as zr,useRef as qr}from"react";import{createSearchParams as Vm,useLocation as jm,useSearchParams as Km}from"react-router-dom";import{useEffect as Ut,useMemo as cn,useRef as mn}from"react";function ol(t){let{setInputAmount:e,setToToken:o,setToBlockchain:n,setFromBlockchain:r,setFromToken:i,fromToken:a,toToken:l,fromBlockchain:p,toBlockchain:u}=_(),{meta:{tokens:c,blockchains:m},loadingStatus:f}=b(),{setAffiliateRef:h,setAffiliatePercent:k,setAffiliateWallets:S}=F(),C=cn(()=>t?.from?.tokens,[t?.from?.tokens]),E=cn(()=>t?.from?.blockchains,[t?.from?.blockchains]),d=cn(()=>t?.to?.tokens,[t?.to?.tokens]),T=cn(()=>t?.to?.blockchains,[t?.to?.blockchains]),w=mn(void 0),g=mn(void 0),x=mn(void 0),D=mn(void 0);Ut(()=>{e(t?.amount?.toString()||"")},[t?.amount]),Ut(()=>{if(f==="success"){let v=m.find(P=>P.name===t?.from?.blockchain),L=c.find(P=>Be(P,t?.from?.token||null));(v||!v&&x.current)&&r(v??null),(L||!L&&w.current)&&i(L??null),x.current=t?.from?.blockchain,w.current=t?.from?.token}},[t?.from?.token?.symbol,t?.from?.token?.address,t?.from?.token?.blockchain,t?.from?.blockchain,f]),Ut(()=>{a&&C&&(C.some(v=>Be(v,a))||i(null)),p&&E&&(E.includes(p.name)||r(null))},[C,E]),Ut(()=>{l&&d&&(d.some(v=>Be(v,l))||o(null)),u&&T&&(T.includes(u.name)||n(null))},[d,T]),Ut(()=>{if(f==="success"){let v=m.find(P=>P.name===t?.to?.blockchain),L=c.find(P=>Be(P,t?.to?.token||null));(v||!v&&D.current)&&n(v??null),(L||!L&&g.current)&&o(L??null),D.current=t?.to?.blockchain,g.current=t?.to?.token}},[t?.to?.token?.symbol,t?.to?.token?.address,t?.to?.token?.blockchain,t?.to?.blockchain,f]),Ut(()=>{h(t?.affiliate?.ref??null),k(t?.affiliate?.percent??null),S(t?.affiliate?.wallets??null)},[t?.affiliate?.ref,t?.affiliate?.percent,t?.affiliate?.wallets])}s(ol,"useSyncStoresWithConfig");function nl(t){let e=qr(!0),[o,n]=Km(),r=jm(),i=qr(r.search),a=qr({}),l=_.use.fromBlockchain(),p=_.use.toBlockchain(),u=_.use.fromToken(),c=_.use.toToken(),m=_.use.setFromBlockchain(),f=_.use.setFromToken(),h=_.use.setToBlockchain(),k=_.use.setToToken(),S=_.use.inputAmount(),C=_.use.setInputAmount(),E=b.use.loadingStatus(),{blockchains:d,tokens:T}=b.use.meta(),w=Te.use.setSelectedSwap();return ol(t.config),zr(()=>{let g={};Vm(i.current).forEach((D,v)=>{g[v]=D}),a.current=g;let x=r.pathname.split(y.swaps+"/")[1]||null;x&&w(x)},[]),zr(()=>{if(!e.current){let g="",x="",D="",v="",L="";if(E!=="success")g=a.current["fromBlockchain"],x=a.current["fromToken"],D=a.current["toBlockchain"],v=a.current["toToken"],L=a.current["fromAmount"]||S;else{if(r.state==="redirect")return;g=l?.name||"",x=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),D=p?.name||"",v=(c?.symbol||"")+(c?.address?`--${c?.address}`:""),L=S}n({...g&&{["fromBlockchain"]:g},...x&&{["fromToken"]:x},...D&&{["toBlockchain"]:D},...v&&{["toToken"]:v},...L&&{["fromAmount"]:L.toString()}},{replace:!0})}e.current=!1},[r.pathname,S,l,u,p,c]),zr(()=>{if(E==="success"){let g=o.get("fromBlockchain"),x=o.get("fromToken"),D=o.get("toBlockchain"),v=o.get("toToken"),L=o.get("fromAmount"),P=d.find(M=>M.name===g),R=Cr(T,x,P||null),A=d.find(M=>M.name===D),O=Cr(T,v,A||null);P&&(m(P),R&&f(R)),A&&(h(A),O&&k(O)),L&&C(L)}},[E]),null}s(nl,"UpdateUrl");function rd(t){let e=od(),o=nd(),n=Rm(!0),r=e.pathname.split("/"),a=r[r.length-1]===y.confirmSwap&&n.current;return Zm(()=>{a&&o("."),n.current=!1},[]),a?wt.createElement(un,null):wt.createElement(wt.Fragment,null," ",t.children)}s(rd,"Route");function rl({children:t,...e}){let o=td(),n=o?rd:ed,{blockchains:r}=b.use.meta(),{canSwitchNetworkTo:i}=Ym(),a=r.filter(Jm);return Xm({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:i}),wt.createElement(wt.Fragment,null,wt.createElement(n,null,t),o&&wt.createElement(nl,{config:e.config}))}s(rl,"AppRouter");import Ee from"react";import{useRoutes as fh}from"react-router-dom";import{i18n as kn}from"@lingui/core";import{useManager as qd}from"@rango-dev/queue-manager-react";import{Alert as bl,Button as El,Divider as Il,IconButton as Al,RefreshIcon as Gd,SettingsIcon as Hd,styled as Wl,Tooltip as Qd,Typography as Vd,WalletIcon as jd}from"@rango-dev/ui";import X,{useEffect as Tn,useState as wn}from"react";import{flushSync as Kd}from"react-dom";import{useNavigate as Xd}from"react-router-dom";import{i18n as tt}from"@lingui/core";import{Alert as Xr,BalanceErrors as Nd,Button as wl,ChevronDownIcon as Bd,ChevronLeftIcon as Ld,Divider as qt,MessageBox as Md,Modal as vl,Typography as Cn,WalletIcon as Pd}from"@rango-dev/ui";import W,{useEffect as $d,useLayoutEffect as _d,useRef as Dd,useState as bt}from"react";import{useNavigate as Fd}from"react-router-dom";import{i18n as dn}from"@lingui/core";function fn(t){switch(t.type){case 0:return dn.t("Route has been updated.");case 3:return dn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return dn.t("Route swappers has been updated.");case 2:return dn.t("Route internal coins has been updated.");default:return""}}s(fn,"getQuoteUpdateWarningMessage");import{i18n as Ge}from"@lingui/core";import{Button as Id,Divider as jr,Image as Ad,MessageBox as Sn,Modal as yl,SelectableWallet as Wd,Typography as Sl,WalletState as Cl}from"@rango-dev/ui";import te,{useEffect as kl,useState as io}from"react";import{WalletState as il}from"@rango-dev/ui";import{useWallets as id}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as sd,WalletTypes as ad}from"@rango-dev/wallets-shared";import{useEffect as ld,useState as pd}from"react";var ud=Object.values(ad);function gn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:i,disconnect:a,getWalletInfo:l,connect:p}=id(),{connectedWallets:u}=H(),{blockchains:c}=b().meta,m=typeof e?.multiWallets>"u"?!0:e.multiWallets,f=cs(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||ud,h=es(i,l,f,o),k=ss(h),[S,C]=pd(""),E=s(g=>!u.find(x=>x.walletType===g&&x.chain===o),"isExperimentalChainNotAdded"),d=s(async g=>{let x=i(g);try{if(S&&C(""),x.connected)await a(g);else{let D=!!h.find(v=>v.state===il.CONNECTED);if(!m&&D)return;n?.(g),await p(g),r?.(g)}}catch(D){C("Error: "+D?.message)}},"handleClick"),T=s(()=>{let g=h?.filter(x=>x.state===il.CONNECTING)||[];for(let x of g)a(x.type)},"disconnectConnectingWallets");ld(()=>()=>{T()},[]);let w=s((g,x,D)=>Mo(D,x)&&E(g)&&!sd.includes(g),"shouldExcludeWallet");return{list:k.filter(g=>!w(g.type,o??"",c)),error:S,handleClick:d}}s(gn,"useWalletList");import{i18n as ul}from"@lingui/core";import{styled as ml,Typography as Cd,Wallet as kd,WalletState as Td}from"@rango-dev/ui";import xt,{Fragment as wd,useState as cl}from"react";import{Divider as gd,Modal as hd}from"@rango-dev/ui";import Hr from"react";import{i18n as zt}from"@lingui/core";import{Image as dd,MessageBox as Gr,WalletState as fd}from"@rango-dev/ui";import vt from"react";import{keyframes as cd,styled as hn}from"@rango-dev/ui";var lb=hn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),sl=hn("div",{position:"relative"}),md=cd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),al=hn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${md} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ll=hn("div",{"& img":{borderRadius:"50%"}});function pl(t){let{state:e,image:o,error:n}=t;return e===fd.CONNECTED?vt.createElement(Gr,{type:"success",title:zt.t("Wallet Connected"),description:zt.t("Your wallet is connected, you can use it to swap.")}):n?vt.createElement(Gr,{type:"error",title:zt.t("Failed to Connect"),description:n||zt.t("Your wallet is not connected. Please try again.")}):vt.createElement(Gr,{type:"loading",title:zt.t("Connecting to your wallet"),description:zt.t("Click connect in your wallet popup."),icon:vt.createElement(sl,null,vt.createElement(ll,null,vt.createElement(dd,{src:o,size:45})),vt.createElement(al,null))})}s(pl,"ModalContent");function ro(t){let{open:e,onClose:o,...n}=t;return Hr.createElement(hd,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},Hr.createElement(pl,{...n}),Hr.createElement(gd,{direction:"vertical",size:32}))}s(ro,"WalletModal");import{useInRouterContext as yd,useNavigate as Sd}from"react-router-dom";function oe(){let t=yd(),e=Sd(),o=_.use.quoteWalletsConfirmed();return y,{navigateBackFrom:s(r=>{if(r===y.swapDetails)return e("/"+y.swaps,{replace:!0});if(!t||window.history.state&&window.history.state.idx>0)e(-1);else{if([y.settings,y.wallets].includes(r)&&o)return e("/"+y.confirmSwap,{replace:!0});[y.fromSwap,y.toSwap,y.settings,y.wallets,y.swaps,y.confirmSwap].includes(r)?e(y.home,{replace:!0}):r===y.fromBlockchain?e("/"+y.fromSwap,{replace:!0}):r===y.toBlockchain?e("/"+y.fromSwap,{replace:!0}):r===y.liquiditySources&&e("/"+y.settings,{replace:!0})}},"navigateBackFrom")}}s(oe,"useNavigateBack");var vd=ml("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),xd=ml("div",{textAlign:"center"}),yn=3e3,Qr=300;function dl({config:t}){let{navigateBackFrom:e}=oe(),[o,n]=cl(!1),[r,i]=cl(""),a=null,{list:l,handleClick:p,error:u}=gn({config:t,onBeforeConnect:k=>{a=setTimeout(()=>{n(!0),i(k)},Qr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},yn)}}),c=b.use.loadingStatus(),m=l.find(k=>k.type===r),f=m?.image||"",h=m?.state||Td.NOT_INSTALLED;return xt.createElement(Q,{header:{title:ul.t("Connect Wallets"),onBack:()=>e(y.wallets)}},xt.createElement(xd,null,xt.createElement(Cd,{variant:"title",size:"xmedium",align:"center"},ul.t("Choose a wallet to connect.")),xt.createElement(vd,null,l.map((k,S)=>{let C=`wallet-${S}-${k.type}`;return xt.createElement(wd,{key:C},xt.createElement(kd,{...k,container:J(),onClick:E=>{p(E)},isLoading:c==="loading"}))}),xt.createElement(ro,{open:!!o,onClose:()=>n(!1),image:f,state:h,error:u}))))}s(dl,"WalletsPage");import{keyframes as bd,styled as Vr}from"@rango-dev/ui";var fl=Vr("div",{position:"relative"}),Ed=bd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),gl=Vr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Ed} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),hl=Vr("div",{"& img":{borderRadius:"50%"}});function Kr(t){let{config:e,chain:o,isSelected:n,selectWallet:r,limit:i,onShowMore:a}=t,l=H.use.connectedWallets(),{blockchains:p}=b.use.meta(),[u,c]=io(""),[m,f]=io(null),[h,k]=io(!1),[S,C]=io(null),{suggestAndConnect:E}=Tl(),d=null,{list:T,error:w,handleClick:g}=gn({config:e,chain:o,onBeforeConnect:A=>{d=setTimeout(()=>{c(A)},Qr)},onConnect:()=>{d&&clearTimeout(d),setTimeout(()=>{c("")},yn)}}),[x,D]=io(T),v=T.length,L=i&&v-i>0,P=s(async A=>{k(!1),C("in-progress");try{await E(A.walletType,A.chain),C("completed")}catch{C("rejected")}},"addExperimentalChain");kl(()=>{D(A=>{let O=T.findIndex(M=>n(M.type,o));return L&&O>1?[T[O]].concat(T.filter((M,ie)=>ie!==O)):A.map(M=>T.find(ie=>ie.type===M.type)??M)})},[JSON.stringify(T)]);let R=document.querySelector("#swap-box");return kl(()=>{let A=null;return(S==="completed"||S==="rejected")&&(A=setTimeout(()=>C(null),yn)),()=>{A&&clearTimeout(A)}},[S]),te.createElement(te.Fragment,null,x.slice(0,i).map(A=>{let O=as({connectedWallets:l,walletType:A.type,chain:o}),M=O?Po(O):"",ie=Mo(p,o),Ce=!l.find(Ne=>Ne.walletType===A.type&&Ne.chain===o),le=ie&&Ce&&A.state===Cl.CONNECTED,ge=le?Ge.t({id:"Add {chain} chain",values:{chain:o}}):M,ee=s(()=>{A.state===Cl.DISCONNECTED?g(A.type):le?(f({walletType:A.type,chain:o,address:O??""}),k(!0)):r({walletType:A.type,chain:o,address:O??""})},"onClick"),j=m?.chain?Ms(m.chain,p):void 0;return te.createElement(te.Fragment,null,te.createElement(ro,{open:u===A.type,onClose:()=>c(""),image:A.image,state:A.state,error:w}),!!m&&te.createElement(yl,{open:!!m&&h,container:R,onClose:()=>{f(null)}},te.createElement(Sn,{title:Ge.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:j}}),type:"warning",description:Ge.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:j}})},te.createElement(jr,{size:18}),te.createElement(jr,{size:32}),te.createElement(Id,{onClick:P.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Ge.t("Confirm")))),S&&te.createElement(yl,{open:!!S,onClose:C.bind(null,null),container:R},S==="in-progress"&&te.createElement(Sn,{type:"loading",title:Ge.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:j}}),description:Ge.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:j}}),icon:te.createElement(fl,null,te.createElement(hl,null,te.createElement(Ad,{src:A.image,size:45})),te.createElement(gl,null))}),S==="completed"&&te.createElement(Sn,{type:"success",title:Ge.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:j}}),description:Ge.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:j}})}),S==="rejected"&&te.createElement(Sn,{type:"error",title:Ge.t("Request Rejected"),description:Ge.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:j}})}),te.createElement(jr,{direction:"vertical",size:32})),te.createElement(Wd,{key:A.type,description:ge,onClick:ee,selected:n(A.type,o),...A}))}),L&&te.createElement(ia,{selected:!1,onClick:a.bind(null)},te.createElement(Sl,{variant:"label",size:"medium"},Ge.t("Show more wallets"),te.createElement(Sl,{variant:"label",size:"medium",color:"$primary"},"\xA0+",v-(i??0)))))}s(Kr,"WalletList");var Od=2;function xl(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,config:i,loading:a}=t,{blockchains:l}=b.use.meta(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:c,setQuoteWalletConfirmed:m,customDestination:f,setCustomDestination:h}=_(),{connectedWallets:k,selectWallets:S}=H(),[C,E]=bt(""),[d,T]=bt([]),[w,g]=bt(""),[x,D]=bt(null),[v,L]=bt(f),[P,R]=bt(!!f),A=Dd(null),O=qo(p),M=typeof i?.customDestination>"u"?!0:i.customDestination,ie=l.find(U=>U.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),Ce=s(U=>!!p?.result?.swaps.find(K=>K.from.blockchain===U),"isWalletRequiredFor"),[le,ge]=bt(k.filter(U=>U.selected&&O.includes(U.chain))),ee=l.find(U=>U.name===ie?.name),j=s((U,K)=>!!le.find(z=>z.walletType===U&&z.chain===K&&z.selected&&(Ce(K)||!Ce(K)&&!v)),"isSelected"),Ne=!!v&&P&&ee&&!Go(ee,v),Ze=s(()=>{R(!1),L(""),ge(U=>{let K=!1;return U.map(z=>!K&&z.chain===ie?.name?(K=!0,{...z,selected:!0}):z)})},"resetCustomDestination"),yt=s(U=>{if(C&&E(""),j(U.walletType,U.chain))return;let z=k.find(se=>se.walletType===U.walletType&&se.chain===U.chain);z&&(n(),U.chain===ie?.name&&P&&(R(!1),L("")),ge(se=>se.filter(Qe=>Qe.chain!==U.chain).concat({...z,selected:!0})))},"onChange"),vo=s(()=>{let U=le.filter(K=>K.selected);S(U),u(U),h(v),m(!0),o()},"onConfirmBalance"),Yn=s(async()=>{T([]),g(""),D(null);let U=k.filter(se=>le.find(Qe=>Qe.chain===se.chain&&Qe.walletType===se.walletType)),K=await r?.({selectedWallets:U,customDestination:v}),z=K.warnings;z?.balance?.messages&&T(z.balance.messages),z?.quoteUpdate&&D(z.quoteUpdate),K.error&&g(Ps(K.error)),!K.error&&(!z?.balance?.messages.length||0>0)?vo():T(z?.balance?.messages??[])},"onConfirmWallets");$d(()=>{ge(U=>U.concat(k.filter(K=>!!!U.find(se=>se.chain===K.chain)&&K.selected&&O.includes(K.chain))))},[k.length]),_d(()=>{P&&A.current&&setTimeout(()=>{A?.current?.scrollIntoView({behavior:"smooth"})},Jt)},[P]);let Wt=document.querySelector("#swap-box"),xo=Fd();return W.createElement(vl,{open:e,onClose:()=>{c||xo(y.home,{replace:!0}),o()},dismissible:!C,container:Wt,...!C&&{footer:W.createElement(fa,null,W.createElement(wl,{loading:a,disabled:Vs(a,P,v,p,le,ie),onClick:Yn,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...C&&{containerStyle:{padding:"$0"},header:W.createElement(aa,null,W.createElement(la,{variant:"ghost",onClick:E.bind(null,"")},W.createElement(Ld,{size:16})),W.createElement(Cn,{variant:"headline",size:"small"},tt.t({id:"Your {blockchainName} wallets",values:{blockchainName:C}})))},anchor:"center"},W.createElement(vl,{open:d.length>0,onClose:T.bind(null,[]),container:Wt},W.createElement(Md,{title:tt.t("Insufficient account balance"),type:"error",description:W.createElement(Nd,{messages:d??[]})},W.createElement(wl,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:vo},tt.t("Proceed anyway")))),C&&W.createElement(pa,null,W.createElement("div",{className:"wallets-list"},W.createElement(Kr,{chain:C,isSelected:j,selectWallet:yt,multiWallets:i?.multiWallets??!0,supportedWallets:i?.wallets??[],config:i,onShowMore:E.bind(null,C)}))),!C&&W.createElement(W.Fragment,null,w&&W.createElement(W.Fragment,null,W.createElement(Xr,{variant:"alarm",type:"error",title:tt.t(w)}),W.createElement(qt,{size:12})),x&&W.createElement(W.Fragment,null,W.createElement(Xr,{variant:"alarm",type:"warning",title:fn(x)}),W.createElement(qt,{size:12})),W.createElement(ha,null,O.map((U,K)=>{let z=l.find(Ie=>Ie.name===U),se=`wallet-${K}`,Qe=K===O.length-1;return W.createElement("div",{key:se},W.createElement(na,null,W.createElement(Cn,{variant:"title",size:"xmedium"},tt.t({id:"Your {blockchainName} wallets",values:{blockchainName:z?.displayName}})),W.createElement(Cn,{variant:"label",color:"$neutral700",size:"medium"},tt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:z?.displayName}}))),W.createElement(qt,{size:24}),W.createElement(ra,null,W.createElement(Kr,{chain:U,isSelected:j,selectWallet:yt,multiWallets:i?.multiWallets??!0,supportedWallets:i?.wallets??[],config:i,limit:Od,onShowMore:()=>E(z?.name??"")})),!Qe&&W.createElement(qt,{size:32}),Qe&&M&&W.createElement(ma,null,W.createElement(ua,{ref:A,selected:P,open:P,onOpenChange:Ie=>{Ie?Ce(ie?.name??"")||ge(Jn=>Jn.map(Zn=>Zn.chain===ie?.name?{...Zn,selected:!1}:Zn)):Ze()}},W.createElement(sa,{onClick:()=>R(Ie=>!Ie)},W.createElement(ca,{fullWidth:!0,variant:"default",suffix:W.createElement(da,{orientation:P?"up":"down"},W.createElement(Bd,{size:10,color:"gray"}))},W.createElement("div",{className:"button__content"},W.createElement(Pd,{size:18,color:"info"}),W.createElement(qt,{size:4,direction:"horizontal"}),W.createElement(Cn,{variant:"label",size:"medium"},tt.t("Send to a different address"))))),W.createElement(Ro,{open:P},W.createElement(W.Fragment,null,W.createElement(qt,{size:4}),W.createElement(ga,{autoFocus:!0,placeholder:tt.t("Your destination address"),value:v,onChange:Ie=>{L(Ie.target.value)}})))),Ne&&W.createElement("div",{className:"alarms"},W.createElement(Xr,{variant:"alarm",type:"error",title:tt.t({values:{destination:v},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}s(xl,"ConfirmWalletsModal");import{calculatePendingSwap as Ud}from"@rango-dev/queue-manager-rango-preset";import{useEffect as zd}from"react";function Yr(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,resetQuote:r,quote:i,customDestination:a,setQuoteWarningsConfirmed:l}=_(),{slippage:p,customSlippage:u,affiliatePercent:c,affiliateRef:m,affiliateWallets:f,disabledLiquiditySources:h}=F(),{connectedWallets:k}=H(),{meta:S}=b(),C=u||p,{fetch:E,cancelFetch:d,loading:T}=pn();return zd(()=>d,[]),{loading:T,fetch:s(async g=>{let x=g.selectedWallets,D=g?.customDestination??a;if(!t||!e||!o||!i)return{quote:null,swap:null,error:null,warnings:null};let v=Jo({fromToken:t,toToken:e,inputAmount:o,wallets:k,selectedWallets:x,disabledLiquiditySources:h,slippage:C,affiliateRef:m,affiliatePercent:c,affiliateWallets:f,initialQuote:i,destination:D}),L;try{L=await E(v).then(O=>an(O)),n(L)}catch(O){let M=ln(O);return(M.error?.type===0||M.error?.type===1)&&r(),M}let P={slippage:C.toString(),disabledSwappersGroups:h},R=Ud(o.toString(),L,Os(x),P,!1,S),A=Za(i,L,{fromToken:t,toToken:e,tokens:S.tokens,selectedWallets:x,userSlippage:C});return A.quoteUpdate&&l(!1),{quote:L,swap:R,error:null,warnings:A}},"fetch"),cancelFetch:d}}s(Yr,"useConfirmSwap");var Yd=Wl("div",{position:"relative",width:"100%","& .description":{display:"flex",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10"},"& .icon":{width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}}),Jd=Wl("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Al}`]:{width:"$48",height:"$48"}});function Nl(t){let{config:e}=t,{quote:o,setInputAmount:n,selectedWallets:r,quoteWalletsConfirmed:i,setQuoteWalletConfirmed:a,customDestination:l,quoteWarningsConfirmed:p}=_(),u=Xd(),[c,m]=wn(""),{connectedWallets:f}=H(),h=!i,[k,S]=wn(!1),C=Te.use.setSelectedSwap(),{manager:E}=qd(),{fetch:d,loading:T,cancelFetch:w}=Yr(),[g,x]=wn({swap:null,error:null,warnings:null}),[D,v]=wn(!1),L=s(async({selectedWallets:M,customDestination:ie})=>{let Ce=await d?.({selectedWallets:M,customDestination:ie});return x(Ce),Ce},"onConfirmSwap"),P=s(async()=>{if(g.swap&&i)try{await E?.create("swap",{swapDetails:g.swap},{id:g.swap.requestId}),C(g.swap.requestId),u("/"+y.swaps+`/${g.swap.requestId}`,{replace:!0}),setTimeout(()=>{n("")},0)}catch(M){m("Error: "+M?.message)}},"addNewSwap"),R=s(async()=>{await P()},"onConfirm"),A=s(async()=>{g?.warnings?.quote&&!p?v(!0):await R()},"onStartConfirmSwap"),O=s(async()=>{x({error:null,swap:null,warnings:null}),d({selectedWallets:r}).then(M=>{x(M)}).catch(M=>console.error(M))},"onRefresh");return Tn(()=>{h&&w()},[h]),Tn(()=>{h&&S(h)},[h]),Tn(()=>{h||d({selectedWallets:r,customDestination:l}).then(M=>x(M)).catch(M=>console.error(M))},[]),Tn(()=>{let M=g.warnings?.quote?.type&&Object.values(st).includes(g.warnings?.quote?.type),ie=r.length<1||!r.every(le=>f.find(ge=>le.address===ge.address&&le.walletType===ge.walletType&&le.chain===ge.chain)),Ce=!1;if(M){let le=qo(o),ge=o?.result?.swaps[o.result.swaps.length-1].to.blockchain;!!o?.result?.swaps.find(Ne=>Ne.from.blockchain===ge)||(le=le.slice(-le.length,le.length-1)),le.every(Ne=>r.find(Ze=>Ze.chain===Ne))||(Ce=!0)}o&&(ie||Ce)&&(queueMicrotask(()=>Kd(S.bind(null,!0))),a(!1))},[g.warnings?.quote,r.length,f.length]),X.createElement(Q,{header:{title:kn.t("Confirm Swap"),onBack:()=>u(-1),hasConnectWallet:!0,suffix:X.createElement(Qd,{container:J(),side:"bottom",content:kn.t("Settings")},X.createElement($e,{size:"small",variant:"ghost",onClick:()=>u("/"+y.settings)},X.createElement(Hd,{size:18,color:"black"})))},footer:X.createElement(Jd,null,X.createElement("div",{className:"confirm-button"},X.createElement(El,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:T,disabled:!!g.error,onClick:A},kn.t("Start Swap"))),X.createElement(Al,{variant:"contained",type:"primary",size:"large",loading:T,onClick:S.bind(null,!0)},X.createElement(jd,{size:24})))},k&&X.createElement(xl,{open:k,onClose:()=>S(!1),onCancel:w,loading:T,onCheckBalance:L,config:e}),X.createElement(Yd,null,X.createElement("div",{className:"description"},X.createElement(Vd,{variant:"title",size:"small"},kn.t("You get")),X.createElement(El,{style:{padding:"0"},variant:"ghost",disabled:T,onClick:O},X.createElement("div",{className:"icon"},X.createElement(Gd,{size:16})))),c&&X.createElement(X.Fragment,null,X.createElement(bl,{type:"error",variant:"alarm",title:c}),X.createElement(Il,{size:12})),g.warnings?.quoteUpdate&&X.createElement(X.Fragment,null,X.createElement(bl,{variant:"alarm",type:"warning",title:g.warnings.quoteUpdate&&fn(g.warnings.quoteUpdate)}),X.createElement(Il,{size:12})),X.createElement(no,{quote:o,type:"swap-preview",expanded:!0,error:g.error,loading:T,warning:g.warnings?.quote??null,refetchQuote:O,showWarningModal:D,onOpenWarningModal:()=>v(!0),onCloseWarningModal:()=>v(!1),onConfirmWarningModal:async()=>{v(!1),await P()}})))}s(Nl,"ConfirmSwapPage");import{i18n as bn}from"@lingui/core";import{useManager as nf}from"@rango-dev/queue-manager-react";import{Divider as rf,NotFound as sf,styled as Ol}from"@rango-dev/ui";import ft,{useState as af}from"react";import{useNavigate as lf}from"react-router-dom";import{CloseIcon as Rd,IconButton as ef,SearchIcon as tf,TextField as of}from"@rango-dev/ui";import so from"react";import{styled as Zd}from"@rango-dev/ui";var Bl=Zd("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function ot(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:i,value:a,setValue:l,...p}=t;return so.createElement(of,{prefix:so.createElement(Bl,null,so.createElement(tf,{color:"black"})),suffix:!!a.length&&so.createElement(ef,{variant:"ghost",onClick:()=>l?.(""),size:"small"},so.createElement(Rd,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:i,...p})}s(ot,"SearchInput");import{i18n as Ml}from"@lingui/core";import{Divider as Pl,SwapListItem as $l,Typography as _l}from"@rango-dev/ui";import Z from"react";import{styled as vn}from"@rango-dev/ui";var Jr=vn("div",{width:"100%",display:"flex",flexDirection:"column"}),Zr=vn("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Rr=vn("div",{gap:"$10",display:"flex",flexDirection:"column"}),Ll=vn("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function ei(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,i=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return Z.createElement(Z.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>Z.createElement(Z.Fragment,{key:p.title},Z.createElement(Jr,null,Z.createElement(Zr,null,Z.createElement(_l,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},Ml.t(p.title))),Z.createElement(Pl,{size:4}),Z.createElement(Rr,null,p.swaps.map((u,c)=>{let m=c+p.title;return Z.createElement(Z.Fragment,{key:m},Z.createElement($l,{isLoading:!0}))}))))))}return Z.createElement(Z.Fragment,null,i.filter(a=>a.swaps.length>0).map(a=>Z.createElement(Z.Fragment,{key:a.title},Z.createElement(Jr,null,Z.createElement(Zr,null,Z.createElement(_l,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},Ml.t(a.title))),Z.createElement(Pl,{size:4}),Z.createElement(Rr,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return Z.createElement(Z.Fragment,{key:l.requestId},Z.createElement($l,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:Wo(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:Wo(u.outputAmount||""),estimatedAmount:Wo(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}s(ei,"SwapsGroup");import Dl from"dayjs";var Fl=s(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=Dl();return t.forEach(n=>{let r=Dl(Number(n.creationTime));o.isSame(r,"day")?e.get("today")?.swaps.push(n):o.isSame(r,"month")?e.get("month")?.swaps.push(n):o.isSame(r,"year")?e.get("year")?.swaps.push(n):e.get("history")?.swaps.push(n)}),Array.from(e.values())},"groupSwapsByDate");var xn=s(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");var pf=Ol("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),uf=Ol("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),cf=s((t,e)=>t?.length?t.filter(o=>Ve(o.fromBlockchain,e)||Ve(o.toBlockchain,e)||Ve(o.toSymbol,e)||Ve(o.fromSymbol,e)).length:!1,"isStepContainsText");function Ul(){let t=Te.use.setSelectedSwap(),e=lf(),{navigateBackFrom:o}=oe(),{manager:n,state:r}=nf(),i=xn(n).map(({swap:f})=>f),[a,l]=af(""),p=!r.loadedFromPersistor,u=s(f=>{let h=f.target.value;l(h)},"searchHandler"),c=i;a&&(c=i.filter(f=>Ve(f.inputAmount,a)||Ve(f.status,a)||cf(f.steps,a)||Ve(f.requestId,a)));let m=!c?.length&&!p;return ft.createElement(Q,{header:{onBack:()=>o(y.swaps),title:bn.t("History")}},ft.createElement(pf,null,ft.createElement(ot,{setValue:l,fullWidth:!0,variant:"contained",placeholder:bn.t("Search Transaction"),autoFocus:!0,onChange:u,value:a}),ft.createElement(uf,null,m&&ft.createElement(Ll,null,ft.createElement(rf,{size:32}),ft.createElement(sf,{title:bn.t("No results found"),description:a?bn.t("Try using different keywords"):""})),!m&&ft.createElement(ei,{list:c,onSwapClick:f=>{t(f),e(`${f}`,{replace:!0})},groupBy:Fl,isLoading:p}))))}s(Ul,"HistoryPage");import{i18n as zl}from"@lingui/core";import{List as mf,ListItemButton as df,Radio as ff,RadioRoot as gf,Typography as hf}from"@rango-dev/ui";import gt from"react";import{styled as En}from"@rango-dev/ui";var nt=En("div",{height:"100%",overflow:"hidden"}),ao=En("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ti=En("div",{width:80,display:"flex",justifyContent:"flex-end"}),oi=En("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function In(){let t=F.use.language(),e=F.use.setLanguage();return{activeLanguage:t,languages:Ba,defaultLanguage:rn,changeLanguage:e}}s(In,"useLanguage");function ql(){let{navigateBackFrom:t}=oe(),{activeLanguage:e,changeLanguage:o,languages:n}=In(),r=n.map(i=>{let{local:a,label:l,SVGFlag:p}=i;return{id:a,value:a,title:gt.createElement(hf,{variant:"title",size:"xmedium"},l),onClick:()=>o(i.local),end:gt.createElement(ff,{value:a}),start:gt.createElement(p,null)}});return gt.createElement(Q,{header:{onBack:()=>t(y.settings),title:zl.t("Language")}},gt.createElement(nt,null,gt.createElement(gf,{value:e},gt.createElement(mf,{type:gt.createElement(df,{title:zl.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}s(ql,"LanguagePage");import{i18n as Gt}from"@lingui/core";import{Button as Tf,Checkbox as wf,Image as vf,ListItemButton as xf,NotFound as bf,Typography as Ef}from"@rango-dev/ui";import Se,{useState as If}from"react";import{Checkbox as Cf,Skeleton as Hl}from"@rango-dev/ui";import lo from"react";import{ListItem as yf,styled as Sf}from"@rango-dev/ui";var Gl=Sf(yf,{height:61});var kf=30;function ni(){return lo.createElement(ao,null,Array.from(Array(kf),t=>lo.createElement(Gl,{hasDivider:!0,key:t,start:lo.createElement(Hl,{variant:"circular",width:35,height:35}),title:lo.createElement(Hl,{variant:"text",size:"large",width:90}),end:lo.createElement(Cf,{checked:!1})})))}s(ni,"LoadingLiquiditySourceList");function An(t){let e=b.use.meta().swappers,o=F.use.disabledLiquiditySources(),n=[];return Lt(e.map(i=>i.swapperGroup)).map(i=>{let a=e.find(l=>l.swapperGroup===i);if(a){let l=!0;t&&(l=t.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!o.includes(a.swapperGroup)})})}}),n}s(An,"getUniqueSwappersGroups");function Ql(t,e){return t.groupTitle<e.groupTitle?-1:t.groupTitle>e.groupTitle?1:0}s(Ql,"sortLiquiditySourcesByGroupTitle");function ri({supportedSwappers:t,sourceType:e}){let[o,n]=If(""),r=F.use.toggleLiquiditySource(),{navigateBackFrom:i}=oe(),a=b.use.loadingStatus(),l=An(t),p=[];e==="Exchanges"&&p.push("DEX"),e==="Bridges"&&(p.push("BRIDGE"),p.push("AGGREGATOR"));let u=l.filter(S=>p.includes(S.type)),c=u.length===u.filter(S=>S.selected).length,m=s(()=>{u.forEach(S=>{c?r(S.groupTitle):S.selected||r(S.groupTitle)})},"toggleAllSources"),f=u.sort(Ql).map(S=>{let{selected:C,groupTitle:E,logo:d}=S;return{start:Se.createElement(vf,{src:d,size:22,type:"circular"}),onClick:()=>r(E),end:Se.createElement(wf,{checked:C}),title:Se.createElement(Ef,{variant:"title",size:"xmedium"},Gt.t(E)),...S}}),h=s(S=>{let C=S.target.value;n(C)},"searchHandler"),k=f;return o&&(k=f.filter(S=>Ve(S.groupTitle,o))),Se.createElement(Q,{header:{onBack:()=>i(y.settings),title:Gt.t(e),suffix:Se.createElement(ti,null,Se.createElement(Tf,{variant:"ghost",size:"xsmall",onClick:m},Gt.t(c?"Deselect all":"Select all")))}},Se.createElement(nt,null,Se.createElement(ot,{value:o,setValue:n,fullWidth:!0,color:"light",variant:"contained",placeholder:Gt.t("Search {sourceType}",{sourceType:e}),onChange:h}),a==="loading"&&Se.createElement(ni,null),!k.length&&o?Se.createElement(oi,null,Se.createElement(bf,{title:Gt.t("No results found"),description:Gt.t("Try using different keywords")})):a==="success"&&Se.createElement(ao,null,k.map(S=>Se.createElement(Se.Fragment,{key:S.id},Se.createElement(xf,{style:{height:"61px"},...S,selected:!1,hasDivider:!0}))))))}s(ri,"LiquiditySourcePage");import{i18n as Rl}from"@lingui/core";import{Divider as li,SelectableCategoryList as _f}from"@rango-dev/ui";import Et,{useState as ep}from"react";import{i18n as si}from"@lingui/core";import{Divider as Jl,Image as Bf,ListItemButton as Lf,NotFound as Mf,Typography as Zl}from"@rango-dev/ui";import Pe,{useEffect as Pf,useState as $f}from"react";import{BlockchainCategories as ii}from"@rango-dev/ui";import{TransactionType as Wn}from"rango-sdk";var Af=s((t,e)=>{switch(e){case ii.ALL:return!0;case ii.UTXO:return t.type===Wn.TRANSFER;case ii.OTHER:return t.type!==Wn.TRANSFER&&t.type!==Wn.COSMOS&&t.type!==Wn.EVM;default:return t.type===e}},"filterByType"),Vl=s((t,e,o)=>t.filter(n=>Af(n,o)).filter(n=>St(n.name,e)||St(n.displayName,e)),"filterBlockchains");import{styled as jl}from"@rango-dev/ui";var Kl=jl("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Nn=jl("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Wf,Skeleton as Xl}from"@rango-dev/ui";import Bn from"react";var Nf=20;function Yl(){return Bn.createElement(Nn,null,Array.from(Array(Nf),t=>Bn.createElement(Wf,{key:t,hasDivider:!0,start:Bn.createElement(Xl,{variant:"circular",width:35,height:35}),title:Bn.createElement(Xl,{variant:"text",size:"large",width:90})})))}s(Yl,"LoadingBlockchainList");function ai(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[i,a]=$f(e),l=b.use.loadingStatus();Pf(()=>{a([...Vl(e,o,r)])},[e,o,r]);let p=s(()=>!i.length&&o?Pe.createElement(Pe.Fragment,null,Pe.createElement(Jl,{size:32}),Pe.createElement(Mf,{title:si.t("No results found"),description:si.t("Try using different keywords")})):Pe.createElement(Nn,{key:`${r}-${o}`},i.map(u=>Pe.createElement(Lf,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Pe.createElement(Bf,{src:u.logo,size:30}),title:Pe.createElement(Zl,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Pe.createElement(Kl,null,Pe.createElement(Zl,{variant:"label",size:"large"},si.t("Select Blockchain")),Pe.createElement(Jl,{size:4}),l==="loading"&&Pe.createElement(Yl,null),l==="success"&&p())}s(ai,"BlockchainList");function pi(t){let{type:e}=t,{navigateBackFrom:o}=oe(),[n,r]=ep(""),[i,a]=ep("ALL"),l=_.use.setToBlockchain(),p=_.use.setFromBlockchain(),{loadingStatus:u}=b(),c=Le().blockchains({type:e}),m=e==="source"?"fromBlockchain":"toBlockchain";return Et.createElement(Q,{header:{onBack:()=>{o(y[m])},title:Rl.t("Select Blockchain")}},Et.createElement(li,{size:12}),Et.createElement(_f,{setCategory:a,category:i,blockchains:c,isLoading:u==="loading"}),Et.createElement(li,{size:24}),Et.createElement(ot,{value:n,autoFocus:!0,placeholder:Rl.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),Et.createElement(li,{size:16}),Et.createElement(ai,{list:c,searchedFor:n,blockchainCategory:i,onChange:f=>{e==="source"?p(f):l(f),o(y[m])}}))}s(pi,"SelectBlockchainPage");import{i18n as Sp}from"@lingui/core";import{Divider as Cp}from"@rango-dev/ui";import Ht,{useState as Rf}from"react";import{useNavigate as eg}from"react-router-dom";import{i18n as ci}from"@lingui/core";import{BlockchainsChip as Ln,Divider as rp,Image as ip,Skeleton as zf,Typography as mi}from"@rango-dev/ui";import fe from"react";import{useEffect as Of}from"react";var tp=["ETH","COSMOS","OSMOSIS"];function op(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(Df),o?.limit&&t.length>o.limit){let i=o.limit,a=e;if(e.length<=o.limit)for(let l=0;l<o.limit;l++){let p=n[l];a=a.filter(u=>p.name!==u)}n.sort(Ff(a)),r=n.splice(i)}return{list:n,more:r}}s(op,"prepare");function Df(t,e){let o=tp,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),i=n>-1,a=r>-1;return i&&a?n>r?1:-1:i?-1:a?1:0}s(Df,"sortByMostUsedBlockchains");function Ff(t){return s(function(o,n){let r=t.findIndex(p=>p===o.name),i=t.findIndex(p=>p===n.name),a=r>-1,l=i>-1;return a&&l?r>i?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}s(Ff,"generateSortByPreferredBlockchainsFor");function ui(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=F();Of(()=>{e?.selected&&n(e?.selected)},[e?.selected]);let r=op(t,o,e);return{list:r.list,more:r.more,history:[]}}s(ui,"usePrepareBlockchainList");import{styled as Uf}from"@rango-dev/ui";var np=Uf("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var qf=12;function di(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:i}=t,a=ui(e,{limit:10,selected:n?.name}),l=b.use.loadingStatus(),p=_.use.resetToBlockchain(),u=_.use.resetFromBlockchain(),c=a.more.length>0,m=a.more.length===1,f=!m&&c;return fe.createElement("div",null,fe.createElement(rp,{size:12}),fe.createElement(mi,{variant:"label",size:"large"},ci.t("Select Blockchain")),fe.createElement(rp,{size:12}),fe.createElement(np,null,l==="loading"&&Array.from(Array(qf),h=>fe.createElement(zf,{key:h,variant:"rounded",height:50})),l==="success"&&fe.createElement(fe.Fragment,null,fe.createElement(Ln,{selected:!n,onClick:()=>{o==="from"?u():p()}},fe.createElement(mi,{variant:"body",size:"xsmall",color:"secondary500"},ci.t("All"))),a.list.map(h=>fe.createElement(Ln,{key:h.name,selected:!!n&&n.name===h.name,onClick:()=>r(h)},fe.createElement(ip,{src:h.logo,size:30}))),m?fe.createElement(Ln,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},fe.createElement(ip,{src:a.more[0].logo,size:30})):null,f?fe.createElement(Ln,{onClick:i,key:"more-blockchains"},fe.createElement(mi,{variant:"body",size:"xsmall",color:"secondary500"},ci._("More +{count}",{count:a.more.length}))):null)))}s(di,"BlockchainsSection");import{i18n as Si}from"@lingui/core";import{darkTheme as dp,Divider as uo,ExternalLinkIcon as Qf,Image as Vf,ListItemButton as jf,NotFound as Kf,PinIcon as Xf,Skeleton as fp,Typography as co,VirtualizedList as Yf}from"@rango-dev/ui";import $,{forwardRef as Jf,useEffect as gp,useState as hp}from"react";var sp=s((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[i,a,l]=t.match(/.{2}/g);[i,a,l]=[parseInt(i,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],i=Math.max(Math.min(255,i),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(i.length<2?"0":"")+i,u=(a.length<2?"0":"")+a,c=(l.length<2?"0":"")+l;return`#${p}${u}${c}`},"colorShade"),Mn=s((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:sp(e,(5-l)*32)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:sp(e,-((l-5)*32))});return a},"generateRangeColors"),fi=s((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let i in o){let a=o[i];if(a&&a!==t[i])if(n=!0,i==="background"||i==="foreground")r={...r,[i]:a};else if(i==="neutral"&&e){let l=Mn(i,a);r={...r,[`${i}100`]:l[`${i}900`],[`${i}200`]:l[`${i}800`],[`${i}300`]:l[`${i}700`],[`${i}400`]:l[`${i}600`],[`${i}500`]:l[`${i}500`],[`${i}600`]:l[`${i}400`],[`${i}700`]:l[`${i}300`],[`${i}800`]:l[`${i}200`],[`${i}900`]:l[`${i}100`]}}else r={...r,...Mn(i,a)}}return n?r:{}},"generateColors");import{Divider as cp,ListItem as Hf,Skeleton as po}from"@rango-dev/ui";import He from"react";import{styled as Xe,Typography as Gf}from"@rango-dev/ui";var ap=Xe("div",{display:"flex",flexDirection:"column",flexGrow:1}),gi=Xe("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Pn=Xe("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none",".description":{position:"relative",height:12,width:150,".token-title":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"},".token-address":{transform:"translateY(12px)",visibility:"hidden","& a":{fontSize:"$12",lineHeight:"$16",color:"$neutral600",textDecoration:"none"}},".token-name":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}},"&:hover":{".description":{".token-address":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},".token-address-without-name":{bottom:"-15px"},".token-name":{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},".token-title":{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),hi=Xe("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),yi=Xe(Gf,{}),lp=Xe("div",{textAlign:"right"}),$n=Xe("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),VA=Xe("div",{display:"flex",alignItems:"center"}),pp=Xe("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),up=Xe("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function mp(t){return He.createElement(Pn,null,Array.from(Array(t.size),e=>He.createElement(Hf,{key:e,hasDivider:!0,start:He.createElement(po,{variant:"circular",width:35,height:35}),end:He.createElement($n,null,He.createElement(po,{variant:"text",size:"large",width:70}),He.createElement(cp,{size:4}),He.createElement(po,{variant:"text",size:"medium",width:50})),title:He.createElement("div",null,He.createElement(po,{variant:"text",size:"large",width:90}),He.createElement(cp,{size:4}),He.createElement(po,{variant:"text",size:"medium",width:90}))})))}s(mp,"LoadingTokenList");var Ci=20,Zf=s(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:i,customCssForTagTitle:a}=t,l=e.length;return $.createElement("div",{className:"description"},o?$.createElement("div",{className:"token-name"},o):$.createElement(gi,{className:"token-title"},$.createElement(co,{variant:"title",size:"xmedium"},r.symbol),$.createElement(uo,{direction:"horizontal",size:4}),$.createElement(hi,{css:i},$.createElement(yi,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&$.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},$.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",$.createElement(Qf,{color:"gray",size:12}))))},"renderDesc");function yp(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[i,a]=hp(e),l=b.use.loadingStatus(),[p,u]=hp(!0),c=H.use.loading(),{blockchains:m}=b.use.meta(),{isTokenPinned:f}=Le(),h=Jf((C,E)=>$.createElement("div",{...C,ref:E,style:{...C.style,height:`${parseFloat(C.style?.height)+8*2}px`}})),k=s(()=>{a(e.slice(0,i.length+Ci))},"loadNextPage");gp(()=>{u(e.length>i.length)},[i.length]),gp(()=>{a(e.slice(0,Ci))},[e]);let S=s(()=>!i.length&&o?$.createElement($.Fragment,null,$.createElement(uo,{size:32}),$.createElement(Kf,{title:Si.t("No results found"),description:Si.t("Try using different keywords")})):$.createElement(Yf,{Item:({index:C,style:E})=>{let d=i[C],T=d.address||"",w=m.find(v=>v.name===d.blockchain),g=Mn(d.symbol,w?.color||""),x={$$color:g[`${d.symbol}100`],[`.${dp} &`]:{$$color:g[`${d.symbol}900`]},backgroundColor:"$$color"},D={$$color:g[`${d.symbol}700`],[`.${dp} &`]:{$$color:g[`${d.symbol}100`]},color:"$$color"};return $.createElement("div",{style:{...E,paddingRight:5}},$.createElement(jf,{style:{height:E?.height},"tab-index":C,key:`${d.symbol}${d.address}`,id:`${d.symbol}${d.address}`,hasDivider:!0,onClick:()=>n(i[C]),start:$.createElement(pp,null,$.createElement(Vf,{src:d.image,size:30}),f(d)&&$.createElement(up,null,$.createElement(Xf,{size:12,color:"gray"}))),title:w?.type==="COSMOS"||d.name||!d.name&&!T?$.createElement(gi,null,$.createElement(co,{variant:"title",size:"xmedium"},d.symbol),$.createElement(uo,{direction:"horizontal",size:4}),$.createElement(hi,{css:x},$.createElement(yi,{variant:"body",size:"xsmall",css:D},d.blockchain))):void 0,description:w?.info&&T&&w.type!=="COSMOS"?Zf({address:T,token:i[C],customCssForTag:x,customCssForTagTitle:D,name:d.name,url:w.info.addressUrl.split("{wallet}").join(T)}):d.name||void 0,end:c?$.createElement($n,null,$.createElement(fp,{variant:"text",size:"large",width:70}),$.createElement(uo,{size:4}),$.createElement(fp,{variant:"text",size:"medium",width:50})):i[C]?.balance&&$.createElement(lp,null,$.createElement(co,{variant:"title",size:"small"},d.balance?.amount),$.createElement("div",null),d.balance?.usdValue&&$.createElement(co,{variant:"body",color:"neutral600",size:"xsmall"},`$${d.balance?.usdValue}`))}))},hasNextPage:p,itemCount:i.length,loadNextPage:k,innerElementType:h,size:60,key:`${r}-${o}`}),"renderList");return $.createElement(ap,null,$.createElement(co,{variant:"label",size:"large"},Si.t("Select Token")),$.createElement(uo,{size:4}),l==="loading"&&$.createElement(mp,{size:Ci}),l==="success"&&$.createElement(Pn,null,S()))}s(yp,"TokenList");function ki(t){let{type:e}=t,o=eg(),{navigateBackFrom:n}=oe(),{fromBlockchain:r,toBlockchain:i,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=_(),{connectedWallets:c}=H(),[m,f]=Rf(""),k=(e==="source"?r:i)?.name??"",S=Le().blockchains({type:e}),C=Le().tokens({type:e,blockchain:k,searchFor:m}),E=is(C,c),d=s(w=>{e==="source"?p(w):u(w)},"updateBlockchain"),T=s(w=>{e==="source"?a(w):l(w)},"updateToken");return Ht.createElement(Q,{header:{onBack:()=>n(e==="source"?y.fromSwap:y.toSwap),title:Sp.t("Swap {type}",{type:e==="source"?"from":"to"})}},Ht.createElement(di,{blockchains:S,type:e=="source"?"from":"to",blockchain:e==="source"?r:i,onMoreClick:()=>o(e==="source"?y.fromBlockchain:y.toBlockchain),onChange:w=>{d(w)}}),Ht.createElement(Cp,{size:24}),Ht.createElement(ot,{value:m,autoFocus:!0,placeholder:Sp.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>f(""),onChange:w=>f(w.target.value)}),Ht.createElement(Cp,{size:16}),Ht.createElement(yp,{list:E,selectedBlockchain:k,searchedFor:m,onChange:w=>{T(w);let g=S.find(x=>w.blockchain===x.name);g&&d(g),n(y.fromSwap)}}))}s(ki,"SelectSwapItemsPage");import{i18n as It}from"@lingui/core";import{ChevronRightIcon as vi,Divider as xi,InfoIcon as sg,List as ag,ListItemButton as lg,Skeleton as pg,Switch as ug,Tooltip as cg,Typography as At}from"@rango-dev/ui";import G from"react";import{useNavigate as mg}from"react-router-dom";import{i18n as xp}from"@lingui/core";import{Chip as og,Divider as bp,InfoIcon as ng,TextField as rg,Tooltip as ig,Typography as Ep}from"@rango-dev/ui";import ve from"react";import{styled as _n}from"@rango-dev/ui";var kp=_n("div",{paddingTop:"$5",paddingBottom:"30px"}),Tp=_n("div",{display:"flex",alignItems:"center",justifyContent:"start"}),wp=_n("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Dn=_n("div",{maxWidth:"300px",padding:"$10"});import{i18n as Ti}from"@lingui/core";import{Typography as tg}from"@rango-dev/ui";import mo from"react";function vp(){return mo.createElement(Dn,null,mo.createElement(tg,{variant:"label",size:"medium",color:"neutral700"},Ti.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),mo.createElement("br",null),mo.createElement("br",null),mo.createElement("b",null,Ti.t("Warning")),":",Ti.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}s(vp,"SlippageTooltipContent");function wi(){let t=F.use.slippage(),e=F.use.setSlippage(),o=F.use.customSlippage(),n=F.use.setCustomSlippage();return ve.createElement(kp,null,ve.createElement(wp,null,ve.createElement(Ep,{variant:"title",size:"xmedium"},xp.t("Slippage tolerance per swap")),ve.createElement(bp,{direction:"horizontal",size:4}),ve.createElement(ig,{container:J(),side:"top",content:ve.createElement(vp,null)},ve.createElement(ng,{color:"gray"}))),ve.createElement(Tp,null,As.map((r,i)=>{let a=`slippage-${i}`;return ve.createElement(ve.Fragment,null,ve.createElement(og,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),ve.createElement(bp,{direction:"horizontal",size:8}))}),ve.createElement(rg,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let i=parseFloat(r.target.value);(!i||i>=Ls&&i<=Bs)&&n(i)},suffix:o&&ve.createElement(Ep,{variant:"body",size:"small"},"%"),placeholder:xp.t("Custom")})))}s(wi,"Slippage");function Ip({supportedSwappers:t,singleTheme:e}){let o=mg(),{navigateBackFrom:n}=oe(),r=F.use.infiniteApprove(),i=F.use.toggleInfiniteApprove(),a=b.use.loadingStatus(),l=An(t),p=l.filter(w=>w.type==="BRIDGE"||w.type==="AGGREGATOR"),u=p.length,c=p.filter(w=>w.selected).length,m=l.filter(w=>w.type==="DEX"),f=m.length,h=m.filter(w=>w.selected).length,k=s((w,g)=>{switch(a){case"loading":return G.createElement(pg,{variant:"text",size:"medium",width:50});case"failed":return G.createElement(At,{variant:"body",size:"medium",color:"$error500"},It.t("Loading failed"));default:return G.createElement(At,{variant:"body",size:"medium"},`${w} / ${g}`)}},"handleEndItem"),S={id:"bridge-item",title:G.createElement(At,{variant:"title",size:"xmedium"},It.t("Enabled bridges")),end:G.createElement(G.Fragment,null,k(c,u),G.createElement(xi,{direction:"horizontal",size:8}),G.createElement(vi,{color:"black"})),onClick:()=>o(y.bridges)},C={id:"exchange-item",title:G.createElement(At,{variant:"title",size:"xmedium"},It.t("Enabled exchanges")),end:G.createElement(G.Fragment,null,k(h,f),G.createElement(xi,{direction:"horizontal",size:8}),G.createElement(vi,{color:"gray"})),onClick:()=>o(y.exchanges)},E={id:"theme-item",title:G.createElement(At,{variant:"title",size:"xmedium"},It.t("Theme")),end:G.createElement(vi,{color:"gray"}),onClick:()=>o(y.themes)},d={id:"infinite-approval-item",title:G.createElement(G.Fragment,null,G.createElement(At,{variant:"title",size:"xmedium"},It.t("Infinite Approval")),G.createElement(xi,{direction:"horizontal",size:4}),G.createElement(cg,{side:"top",container:J(),content:G.createElement(Dn,null,G.createElement(At,{variant:"label",size:"medium",color:"neutral700"},It.t("Enabling the 'Infinite Approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},G.createElement(sg,{color:"gray"}))),end:G.createElement(ug,{checked:r}),onClick:i},T=[S,C];return e||T.push(E),T.push(d),G.createElement(Q,{header:{onBack:()=>n(y.settings),title:It.t("Setting")}},G.createElement(nt,null,G.createElement(wi,null),G.createElement(ag,{type:G.createElement(lg,{title:"_",id:"_",onClick:()=>console.log()}),items:T})))}s(Ip,"SettingsPage");import{cancelSwap as sh}from"@rango-dev/queue-manager-rango-preset";import{useManager as ah}from"@rango-dev/queue-manager-react";import iu from"react";import{i18n as rt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as zg,getCurrentStep as qg,getRelatedWalletOrNull as Gg,PendingSwapNetworkStatus as jn}from"@rango-dev/queue-manager-rango-preset";import{Button as Jp,CopyIcon as Hg,Divider as Qg,IconButton as Vg,QuoteCost as jg,StepDetails as Kg,Typography as Vt,useCopyToClipboard as Xg}from"@rango-dev/ui";import{useWallets as Yg}from"@rango-dev/wallets-react";import V,{useEffect as Zp,useRef as Jg,useState as Rp}from"react";import{useNavigate as Zg}from"react-router-dom";import{i18n as xe}from"@lingui/core";var dg=1e3,fg=31536e3,gg=2592e3,hg=86400,yg=3600,Sg=60;function Ap(t){let e=Math.floor((Date.now()-t)/dg),n=[{turningPoint:fg,label:xe.t("year"),pluralLabel:xe.t("years")},{turningPoint:gg,label:xe.t("month"),pluralLabel:xe.t("months")},{turningPoint:hg,label:xe.t("day"),pluralLabel:xe.t("days")},{turningPoint:yg,label:xe.t("hour"),pluralLabel:xe.t("hours")},{turningPoint:Sg,label:xe.t("minute"),pluralLabel:xe.t("minutes")}].sort((r,i)=>i.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:i,label:a,pluralLabel:l}=r,p=Math.floor(e/i);if(p>1)return`${p} ${l}`;if(p===1)return`${p} ${a}`}return e>1?`${e} ${xe.t("seconds")}`:`${e} ${xe.t("second")}`}s(Ap,"timeSince");function Wp(t){return t.finishTime?xe.t({id:"{time} ago",values:{time:Ap(parseInt(t.finishTime))}}):xe.t({id:"{time} ago",values:{time:Ap(parseInt(t.creationTime))}})}s(Wp,"getSwapDate");import{PendingSwapNetworkStatus as Un}from"@rango-dev/queue-manager-rango-preset";import{Modal as bg}from"@rango-dev/ui";import zn from"react";import{i18n as Fn}from"@lingui/core";import{Button as Np,Divider as bi,MessageBox as Cg,Typography as Bp}from"@rango-dev/ui";import Ye from"react";var Lp=s(({onCancel:t,onClose:e})=>Ye.createElement(Ye.Fragment,null,Ye.createElement(bi,{size:20}),Ye.createElement(Cg,{type:"error",title:Fn.t("Transaction Cancel"),description:Fn.t("Are you sure you want to Cancel this swap?")}),Ye.createElement(bi,{size:32}),Ye.createElement(Np,{variant:"contained",type:"primary",size:"large",onClick:t},Ye.createElement(Bp,{variant:"title",size:"medium",color:"neutral100"},Fn.t("Yes, Cancel it"))),Ye.createElement(bi,{size:12}),Ye.createElement(Np,{variant:"outlined",type:"primary",size:"large",onClick:e},Ye.createElement(Bp,{variant:"title",size:"medium",color:"primary"},Fn.t("No, Continue")))),"CancelContent");import{i18n as On}from"@lingui/core";import{Button as Mp,Divider as Ei,MessageBox as kg,Typography as Pp}from"@rango-dev/ui";import Je from"react";var $p=s(({onDelete:t,onClose:e})=>Je.createElement(Je.Fragment,null,Je.createElement(Ei,{size:20}),Je.createElement(kg,{type:"error",title:On.t("Delete Transaction"),description:On.t("Are you sure you want to delete this swap?")}),Je.createElement(Ei,{size:32}),Je.createElement(Mp,{variant:"contained",type:"primary",size:"large",onClick:t},Je.createElement(Pp,{variant:"title",size:"medium",color:"neutral100"},On.t("Yes, Delete it"))),Je.createElement(Ei,{size:12}),Je.createElement(Mp,{variant:"outlined",type:"primary",size:"large",onClick:e},Je.createElement(Pp,{variant:"title",size:"medium",color:"primary"},On.t("No, Cancel")))),"DeleteContent");import{i18n as Ii}from"@lingui/core";import{PendingSwapNetworkStatus as Ai}from"@rango-dev/queue-manager-rango-preset";var Wi={[Ai.WaitingForNetworkChange]:{type:"loading",title:Ii.t("Change Network")},[Ai.WaitingForConnectingWallet]:{type:"warning",title:Ii.t("Connect Wallet")},[Ai.NetworkChanged]:{type:"success",title:Ii.t("Network Changed")}};import{MessageBox as wg,Wallet as vg,WalletState as Dp}from"@rango-dev/ui";import{useWallets as xg}from"@rango-dev/wallets-react";import fo from"react";import{styled as Tg}from"@rango-dev/ui";var _p=Tg("div",{display:"flex",justifyContent:"center"});var Fp=s(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:i}=t,{connect:a,getWalletInfo:l,state:p}=xg(),u=n?.walletType,m=u&&p(u).connected?Dp.CONNECTED:Dp.DISCONNECTED;return fo.createElement(fo.Fragment,null,fo.createElement(wg,{type:e,title:o,description:r}),i&&u&&fo.createElement(_p,null,fo.createElement(vg,{container:J(),title:l(u).name,image:l(u).img,type:u,state:m,onClick:async()=>a(u)})))},"WalletStateContent");function Ni(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:i,message:a}=t,l=e===Un.WaitingForNetworkChange||e===Un.WaitingForConnectingWallet||e===Un.NetworkChanged;return zn.createElement(bg,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&zn.createElement(Fp,{type:Wi[e].type,title:Wi[e].title,currentStepWallet:i,message:a,showWalletButton:e!==Un.WaitingForNetworkChange}),e==="delete"&&zn.createElement($p,{onClose:o,onDelete:n}),e==="cancel"&&zn.createElement(Lp,{onClose:o,onCancel:r}))}s(Ni,"SwapDetailsModal");import{i18n as go}from"@lingui/core";import{Button as Bi,Divider as qn,MessageBox as Op,Modal as Eg,TokenAmount as Ig,Typography as Gn}from"@rango-dev/ui";import ce from"react";import{useNavigate as Ag}from"react-router-dom";function Li(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:i,token:a,chain:l,percentageChange:p,description:u,diagnosisUrl:c}=t,m=Ag();return ce.createElement(Eg,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ce.createElement(Op,{type:"success",title:go.t("Swap Successful")},ce.createElement(Ig,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:i},token:a,chain:l,percentageChange:p}),ce.createElement(qn,{size:12}),ce.createElement(Gn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):ce.createElement(Op,{type:"error",title:go.t("Transaction Failed"),description:u}),ce.createElement(qn,{size:32}),n==="success"&&ce.createElement(Bi,{variant:"contained",type:"primary",size:"large",onClick:()=>m(y.home)},ce.createElement(Gn,{variant:"title",size:"medium",color:"neutral100"},go.t("Done"))),ce.createElement(qn,{size:12}),c&&ce.createElement(ce.Fragment,null,ce.createElement(Bi,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(c,"_blank")},ce.createElement(Gn,{variant:"title",size:"medium",color:"primary"},go.t("Diagnosis"))),ce.createElement(qn,{size:12})),ce.createElement(Bi,{variant:"outlined",type:"primary",size:"large",onClick:o},ce.createElement(Gn,{variant:"title",size:"medium",color:"primary"},go.t("See Details"))))}s(Li,"SwapDetailsCompleteModal");import Og from"react";import{i18n as $g}from"@lingui/core";import{Alert as Qp,IconButton as _g,LinkIcon as Dg}from"@rango-dev/ui";import ht,{Fragment as Fg}from"react";import{Alert as Wg,ChevronDownIcon as Ng,ChevronUpIcon as Bg,IconButton as Lg}from"@rango-dev/ui";import Hn,{useState as Mg}from"react";function Up(t){let{message:e}=t,[o,n]=Mg(!1);return Hn.createElement(Wg,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Hn.createElement(Lg,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Hn.createElement(Bg,{size:12,color:"gray"}):Hn.createElement(Ng,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}s(Up,"FailedAlert");import{styled as Pg}from"@rango-dev/ui";var zp=Pg("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as qp}from"@lingui/core";import{PendingSwapNetworkStatus as Mi}from"@rango-dev/queue-manager-rango-preset";import{Alert as Pi,Button as Gp}from"@rango-dev/ui";import ho from"react";function Hp(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?ho.createElement(Pi,{type:"warning",title:n.shortMessage,action:ho.createElement(Gp,{size:"xxsmall",type:"warning",onClick:()=>{o(Mi.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},qp.t("Change"))}):r===Mi.WaitingForConnectingWallet?ho.createElement(Pi,{type:"warning",title:n.shortMessage,action:ho.createElement(Gp,{size:"xxsmall",type:"warning",onClick:()=>{o(Mi.WaitingForConnectingWallet)}},qp.t("Connect"))}):ho.createElement(Pi,{type:"warning",title:n.shortMessage})}s(Hp,"WarningAlert");function $i(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:i,hasAlreadyProceededToSign:a}=t,l=Yt(i),p=i.status==="waitingForApproval"&&!l,u=i.status==="running"&&!l;return ht.createElement(zp,null,i.explorerUrl?.map((c,m,f)=>{let h=m+c.url,k=m===f.length-1,S=k&&u||p,C=k&&i.status==="failed";return ht.createElement(Fg,{key:h},ht.createElement(Qp,{type:S&&"loading"||C&&"error"||"success",title:c.description?`${c.description} Tx`:$g.t("View transaction"),action:c.url&&ht.createElement(_g,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},ht.createElement(Dg,{size:16}))}))}),(u&&!a||p&&!i.explorerUrl?.length)&&ht.createElement(Qp,{type:"loading",title:r.shortMessage}),i.status!=="failed"&&l&&ht.createElement(Hp,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),i.status==="failed"&&ht.createElement(Up,{message:r}))}s($i,"SwapDetailsAlerts");var Vp=2e3;var jp=s(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,i)=>{let a=i===0?t.inputAmount:t.steps[i-1].outputAmount;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:dr(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:N(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:dr(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:N(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:Og.createElement($i,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function Kp(t){if(Yt(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}s(Kp,"getStepState");import{darkTheme as Ug,styled as Qt}from"@rango-dev/ui";var Qn=Qt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1,"& .row":{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${Ug} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"},"& .request-id":{display:"flex",justifyContent:"center",alignItems:"center",height:"$24"},"& .output":{display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"},"& .title-steps":{textAlign:"left",width:"100%",padding:"0 $20 $10"}}),Vn=Qt("div",{width:"100%"}),Xp=Qt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),NB=Qt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Yp=Qt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),BB=Qt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function _i(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:i,connect:a,getWalletInfo:l}=Yg(),p=_.use.retry(),u=Zg(),{navigateBackFrom:c}=oe(),[m,f]=Xg(Vp),h=Jg(null),[k,S]=Rp(null),[C,E]=Rp(null),{meta:{tokens:d,blockchains:T}}=b(),w=s(()=>{r(),S(null)},"onCancel"),g=Me.use.getUnreadNotifications(),x=Me.use.setAsRead(),D=g(),v=qg(e),L=v?.networkStatus;Zp(()=>{D.find(se=>se.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(E(e.status),x(e.requestId))},[e.status]),Zp(()=>{Ce?S(jn.WaitingForNetworkChange):L===jn.WaitingForConnectingWallet||L===jn.NetworkChanged?S(L):S(null)},[L]);let P=Hs(e),R=v?zg(e,v):null,A=v?Gg(e,v):null,O=Wp(e),M=Qs(e),ie=s(z=>!!l(z)?.mobileWallet,"isMobileWallet"),Ce=L===jn.WaitingForNetworkChange&&!!R&&!!A?.walletType&&(ie(A.walletType)||i(A.walletType,R)),le=Ce?a.bind(null,A.walletType,R):void 0,ge=Gs(e,v),ee=jp({swap:e,switchNetwork:le,showNetworkModal:L,setNetworkModal:S,message:ge,blockchains:T}),j=ee.length,[Ne,Ze]=[e.steps[0],e.steps[j-1]],yt=Ze.outputAmount||Ze.expectedOutputAmountHumanReadable,vo=e.steps.reduce((z,se)=>z+parseFloat(se.feeInUsd||""),0),Yn=e.steps.find(z=>z.diagnosisUrl)?.diagnosisUrl,Wt=N(String(parseFloat(N(yt,6,6))*(Lo(Ze.toBlockchain,Ze.toSymbol,Ze.toSymbolAddress,d)||0)),4,4),xo=N(String(parseFloat(e.inputAmount)*(Lo(Ne.fromBlockchain,Ne.fromSymbol,Ne.fromSymbolAddress,d)||0)),4,4),U=$t(xo,Wt),K=e.status==="success"?rt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:N(yt,6,6),token:ee[j-1].to.token.displayName,conciseAddress:Po(e.wallets[ee[j-1].to.chain.displayName]?.address||""),chain:ee[j-1].to.chain.displayName}}):`${rt.t("Transaction was not sent.")} ${P?rt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:P.outputAmount,symbol:P.symbol,blockchain:P.blockchain}}):""}`;return V.createElement(Q,{noPadding:!0,header:{title:rt.t("Swap and Bridge"),onBack:()=>c(y.swapDetails),onCancel:e.status==="running"?()=>S("cancel"):void 0,suffix:e.status!=="running"&&V.createElement(Mt,null,V.createElement(Jp,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>S("delete")},V.createElement(Vt,{size:"medium",variant:"label",color:"error"},rt.t("Delete"))))},footer:M&&!C&&V.createElement(Jp,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{p(e),setTimeout(()=>{u(y.home)},0)}},rt.t("Try again"))},V.createElement(Qn,null,V.createElement(Vn,null,V.createElement("div",{className:"row"},V.createElement(Vt,{variant:"label",size:"large",color:"neutral700"},`${rt.t("Request ID")}:`),V.createElement("div",{className:"request-id"},V.createElement(Vt,{variant:"label",size:"small",color:"neutral700"},o),V.createElement(Vg,{variant:"ghost",onClick:f.bind(null,o||"")},V.createElement(Hg,{size:16,color:"gray"})))),V.createElement("div",{className:"row"},V.createElement(Vt,{variant:"label",size:"large",color:"neutral700"},`${rt.t("Created at")}:`),V.createElement(Vt,{variant:"label",size:"small",color:"neutral700"},O))),V.createElement("div",{className:"output"},V.createElement(jg,{fee:N(String(vo),2,2),time:Io(Ao(e.steps)),steps:j}),V.createElement(Zt,{from:{price:{value:N(e.inputAmount,6,6),usdValue:xo},token:{displayName:ee[0].from.token.displayName,image:ee[0].from.token.image},chain:{image:ee[0].from.chain.image,displayName:ee[0].from.chain.displayName}},to:{price:{value:N(yt,6,6),usdValue:Wt},token:{displayName:ee[j-1].to.token.displayName,image:ee[j-1].to.token.image},chain:{image:ee[j-1].to.chain.image,displayName:ee[j-1].to.chain.displayName}},percentageChange:N(String(U),2,2),warningLevel:Re(U??0)})),V.createElement("div",{className:"title-steps"},V.createElement(Vt,{variant:"title",size:"small"},rt.t("Swaps steps"))),V.createElement(Qg,{size:8}),V.createElement(Xp,{ref:h},ee.map((z,se)=>{let Qe=se,Ie=Kp(e.steps[se]),Jn=Ie==="error"||Ie==="in-progress"||Ie==="warning"||Ie==="completed"&&se===ee.length-1;return V.createElement(Kg,{key:Qe,step:z,type:"swap-progress",ref:h,state:Ie,hasSeparator:se!==0,tabIndex:Qe,isFocused:Jn})}))),V.createElement(Ni,{state:k,onClose:()=>S(null),onCancel:w,onDelete:n,message:ge.detailedMessage.content,currentStepWallet:A}),V.createElement(Li,{open:!!C,diagnosisUrl:Yn,onClose:()=>E(null),status:e.status==="success"?"success":"failed",priceValue:N(yt,6,6),usdValue:Wt,percentageChange:N(String(U),2,2),token:{displayName:ee[j-1].to.token.displayName,image:ee[j-1].to.token.image},chain:{image:ee[j-1].to.chain.image},description:K}))}s(_i,"SwapDetails");import{i18n as To}from"@lingui/core";import{CopyIcon as nh,IconButton as rh,NotFound as ih,Skeleton as nu,Typography as Xn}from"@rango-dev/ui";import pe from"react";import{i18n as eh}from"@lingui/core";import{ChainToken as th,Divider as Fi,Skeleton as ko,Typography as oh}from"@rango-dev/ui";import Y from"react";import{styled as Di}from"@rango-dev/ui";var eu=Di("div",{width:"100%",height:"100%",padding:"$0 $20",".cost":{paddingTop:"$15",display:"flex"},".quote-summary":{padding:"$15 $0"},".quote-summary-item":{display:"flex",justifyContent:"space-between",alignItems:"center"},".token-amount":{display:"flex",justifyContent:"space-between",alignItems:"center"},".quote-summary-separator":{width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"},".swaps-steps":{paddingBottom:"$10"}}),tu=Di("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15",".step-title":{display:"flex",justifyContent:"start",alignItems:"center"},".step-tokens":{paddingTop:"$5",display:"flex",alignItems:"center"},".step-token-info":{display:"flex",alignItems:"center"},".step-icon-container":{padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"},".extra-info":{display:"flex",paddingTop:"$10",paddingBottom:"$5"}}),Kn=Di("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as ou,Divider as yo,NextIcon as Rg,Skeleton as So}from"@rango-dev/ui";import ae from"react";function Co(t){let{extraInfo:e}=t;return ae.createElement(tu,null,ae.createElement("div",{className:"step-title"},ae.createElement(So,{height:28,width:28,variant:"circular"}),ae.createElement(yo,{direction:"horizontal",size:8}),ae.createElement(So,{height:15,width:148,variant:"rounded"})),ae.createElement("div",{className:"step-tokens"},ae.createElement(yo,{direction:"horizontal",size:20}),ae.createElement("div",{className:"step-token-info"},ae.createElement(ou,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(yo,{direction:"horizontal",size:8}),ae.createElement(So,{height:12,width:76,variant:"rounded"})),ae.createElement("div",{className:"step-icon-container"},ae.createElement(Rg,{color:"gray",size:16})),ae.createElement("div",{className:"step-token-info"},ae.createElement(ou,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(yo,{direction:"horizontal",size:8}),ae.createElement(So,{height:12,width:76,variant:"rounded"}))),e&&ae.createElement("div",{className:"extra-info"},ae.createElement(yo,{direction:"horizontal",size:20}),ae.createElement(So,{height:22,width:297,variant:"rectangular"})))}s(Co,"LoadingSwapDetailStep");function Oi(){let t=Y.createElement("div",{className:"quote-summary-item"},Y.createElement("div",{className:"token-amount"},Y.createElement(th,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),Y.createElement(Fi,{size:8,direction:"horizontal"}),Y.createElement(ko,{height:15,width:148,variant:"rounded"})),Y.createElement(ko,{height:12,width:64,variant:"rounded"}));return Y.createElement(eu,null,Y.createElement("div",{className:"cost"},Y.createElement(ko,{width:60,height:10,variant:"rounded"}),Y.createElement(Fi,{size:4,direction:"horizontal"}),Y.createElement(ko,{width:60,height:10,variant:"rounded"}),Y.createElement(Fi,{size:4,direction:"horizontal"}),Y.createElement(ko,{width:60,height:10,variant:"rounded"})),Y.createElement("div",{className:"quote-summary"},t,Y.createElement("div",{className:"quote-summary-separator"}),t),Y.createElement("div",{className:"swaps-steps"},Y.createElement(oh,{variant:"title",size:"small"},eh.t("Swaps steps"))),Y.createElement("div",{className:"step-container"},Y.createElement(Co,{extraInfo:!0}),Y.createElement(Kn,null),Y.createElement(Co,null),Y.createElement(Kn,null),Y.createElement(Co,null),Y.createElement(Kn,null),Y.createElement(Co,null)))}s(Oi,"LoadingSwapDetails");function ru(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=oe();return pe.createElement(Q,{noPadding:!0,header:{title:To.t("Swap and Bridge"),onBack:()=>n(y.swapDetails),suffix:pe.createElement(Mt,null)}},o&&pe.createElement(Qn,null,pe.createElement(Vn,null,pe.createElement("div",{className:"row"},pe.createElement(Xn,{variant:"label",size:"large",color:"neutral700"},`${To.t("Request ID")}:`),pe.createElement("div",{className:"request-id"},pe.createElement(Xn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(nu,{width:60,height:10,variant:"rounded"})),pe.createElement(rh,{variant:"ghost"},pe.createElement(nh,{size:16,color:"gray"})))),pe.createElement("div",{className:"row"},pe.createElement(Xn,{variant:"label",size:"large",color:"neutral700"},`${To.t("Created at")}:`),pe.createElement(Xn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(nu,{width:60,height:10,variant:"rounded"})))),pe.createElement(Oi,null)),!o&&pe.createElement(Yp,null,pe.createElement(ih,{title:To.t("Not found"),description:To.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}s(ru,"SwapDetailsPlaceholder");function su(){let{manager:t,state:e}=ah(),o=!e.loadedFromPersistor,n=xn(t),r=Te.use.selectedSwapRequestId(),{navigateBackFrom:i}=oe(),{loadingStatus:a}=b(),l=o||a==="loading",p=n.find(({swap:f})=>f.requestId===r),u=s(()=>{if(p?.id){let f=t?.get(p.id);f&&sh(f)}},"onCancel"),c=s(async()=>{if(p?.id)try{await t?.deleteQueue(p.id),i(y.swapDetails)}catch(f){console.log(f)}},"onDelete"),m=p?.swap;return!m||l?iu.createElement(ru,{requestId:r||"",showSkeleton:l}):iu.createElement(_i,{swap:m,requestId:r||"",onCancel:u,onDelete:c})}s(su,"SwapDetailsPage");import{i18n as wo}from"@lingui/core";import{AutoThemeIcon as lh,DarkModeIcon as ph,LightModeIcon as uh,List as ch,ListItemButton as mh,Radio as Ui,RadioRoot as dh,Typography as zi}from"@rango-dev/ui";import be from"react";function au(){let{navigateBackFrom:t}=oe(),e=F.use.theme(),o=F.use.setTheme(),n=[{id:"light",value:"light",title:be.createElement(zi,{variant:"title",size:"xmedium"},wo.t("Light")),onClick:()=>o("light"),start:be.createElement(uh,{color:"gray"}),end:be.createElement(Ui,{value:"light"})},{id:"dark",value:"dark",title:be.createElement(zi,{variant:"title",size:"xmedium"},wo.t("Dark")),onClick:()=>o("dark"),start:be.createElement(ph,{color:"gray"}),end:be.createElement(Ui,{value:"dark"})},{id:"auto",value:"auto",title:be.createElement(zi,{variant:"title",size:"xmedium"},wo.t("Auto")),onClick:()=>o("auto"),start:be.createElement(lh,{color:"gray"}),end:be.createElement(Ui,{value:"auto"})}];return be.createElement(Q,{header:{onBack:()=>t(y.settings),title:wo.t("Theme")}},be.createElement(nt,null,be.createElement(dh,{onValueChange:r=>o(r),value:e},be.createElement(ch,{type:be.createElement(mh,{title:wo.t("Theme"),id:"_",onClick:()=>console.log()}),items:n}))))}s(au,"ThemePage");var gh=s(t=>t.replace("/",""),"getAbsolutePath");function lu(t){let{config:e}=t;return fh([{path:y.home,element:Ee.createElement(un,null)},{path:y.fromSwap,element:Ee.createElement(ki,{type:"source"})},{path:y.toSwap,element:Ee.createElement(ki,{type:"destination"})},{path:y.fromBlockchain,element:Ee.createElement(pi,{type:"source"})},{path:y.toBlockchain,element:Ee.createElement(pi,{type:"destination"})},{path:y.settings,element:Ee.createElement(Ip,{singleTheme:e?.theme?.singleTheme,supportedSwappers:e?.liquiditySources})},{path:y.themes,element:Ee.createElement(au,null)},{path:y.languages,element:Ee.createElement(ql,null)},{path:y.exchanges,element:Ee.createElement(ri,{sourceType:"Exchanges",supportedSwappers:e?.liquiditySources})},{path:y.bridges,element:Ee.createElement(ri,{sourceType:"Bridges",supportedSwappers:e?.liquiditySources})},{path:y.swaps,element:Ee.createElement(Ul,null)},{path:y.swapDetails,element:Ee.createElement(su,null)},{path:y.wallets,element:Ee.createElement(dl,{supportedWallets:e?.wallets,multiWallets:typeof e?.multiWallets>"u"?!0:e.multiWallets,config:e})},{path:gh(y.confirmSwap),element:Ee.createElement(Nl,{config:e})}])}s(lu,"AppRoutes");import{isApprovalTX as hh,MainEvents as uu,RouteEventType as cu,StepEventType as jt,StepExecutionEventStatus as yh,useEvents as Sh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as mu}from"react";import{StepExecutionBlockedEventStatus as qi}from"@rango-dev/queue-manager-rango-preset";var pu=[qi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,qi.WAITING_FOR_NETWORK_CHANGE,qi.WAITING_FOR_WALLET_CONNECT];function du(){let t=H.use.connectedWallets(),e=H.use.getWalletsDetails(),o=Me.use.setNotification(),n=Me.use.setAsRead(),r=Sh();return mu(()=>(r.on(uu.StepEvent,i=>{let{event:a,step:l,route:p}=i;if(a.type===jt.TX_EXECUTION&&a.status===yh.TX_SENT&&!hh(l)||a.type===jt.SUCCEEDED){let c=t.find(f=>f.chain===l?.fromBlockchain),m=l?.fromBlockchain!==l?.toBlockchain&&t.find(f=>f.chain===l?.toBlockchain);c&&e([c]),m&&e([m])}a.type===jt.TX_EXECUTION_BLOCKED&&pu.includes(a.status)||a.type===jt.FAILED?o(a,p):(a.type===jt.TX_EXECUTION||a.type===jt.CHECK_STATUS)&&n(p.requestId)}),()=>r.all.clear()),[r,t.length]),mu(()=>(r.on(uu.RouteEvent,i=>{let{event:a,route:l}=i;(a.type===cu.FAILED||a.type===cu.SUCCEEDED)&&o(a,l)}),()=>r.all.clear()),[r,t.length]),null}s(du,"WidgetEvents");import{globalCss as Ch}from"@rango-dev/ui";var fu=s(()=>Ch({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");import{createTheme as Hi,darkTheme as xh,lightTheme as bh}from"@rango-dev/ui";import{useEffect as yu,useState as Eh}from"react";import{theme as wh,darkColors as vh}from"@rango-dev/ui";var gu=s(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),kh=s(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=gu(o%52)+e;return gu(o%52)+e},"toAlphabeticName"),Th=s((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Gi=s(t=>kh(Th(5381,JSON.stringify(t))>>>0),"toHash");function hu(t){let e=wh.colors,o=fi({...e,...vh},!0,t?.dark),n=fi(e,!1,t?.light),r=Object.keys(o).length>0,i=Object.keys(n).length>0,a,l;if(i){let p={colors:n};a={id:`${er}-light-${Gi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${er}-dark-${Gi(p)}`,tokens:p}}return{light:a,dark:l}}s(hu,"customizedThemeTokens");function Su(t){let{colors:e,fontFamily:o=Yi,borderRadius:n=Ki,secondaryBorderRadius:r=Xi,mode:i="auto"}=t,[a,l]=Eh("light"),p=F.use.theme(),u=F.use.setTheme(),{dark:c,light:m}=hu(e),f=Hi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),h=[f.className,bh.className],k=[f.className,xh.className];if(m){let C=Hi(m.id,m.tokens);h.push(C.className)}if(c){let C=Hi(c.id,c.tokens);k.push(C.className)}return yu(()=>{let C=s(E=>{E.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",C),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",C)}},[]),yu(()=>{i!=="auto"&&u(i)},[i]),{activeTheme:s(()=>{let C=h.join(" "),E=k.join(" ");return p==="auto"?a==="dark"?E:C:p==="dark"?E:C},"getActiveTheme")}}s(Su,"useTheme");import Ih,{useMemo as Ah}from"react";import{Provider as Wh}from"@rango-dev/queue-manager-react";import{makeQueueDefinition as Nh,checkWaitingForNetworkChange as Bh}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Lh}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as Mh}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Ph}from"rango-types";function $h(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:i,getWalletInfo:a}=Lh(),l=Ah(()=>Nh({API_KEY:bo("API_KEY")}),[]),{blockchains:p}=b.use.meta(),c={blockchains:H.use.connectedWallets().map(d=>({accounts:[d],name:d.chain}))},m=s((d,T)=>{if(i(d,T))return r(d,T)},"switchNetwork"),f=s(d=>!!a(d).mobileWallet,"isMobileWallet"),h=p.filter(d=>d.enabled).reduce((d,T)=>(d[T.name]=T,d),{}),k=p.filter(Ph),S=s(d=>{let{supportedChains:T}=a(d);return No(T)},"getSupportedChainNames"),C=e(),E={meta:{blockchains:h,evmBasedChains:k,evmNetworkChainInfo:Mh(k),getSupportedChainNames:S},getSigners:o,wallets:c,providers:C,switchNetwork:m,canSwitchNetworkTo:i,connect:r,state:n,isMobileWallet:f};return Ih.createElement(Wh,{queuesDefs:[l],context:E,onPersistedDataLoaded:d=>{Bh(d)},isPaused:!1},t.children)}s($h,"QueueManager");var Cu=$h;var Uh=Dh("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit",listStyleType:"none"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"}});function Tu(t){let{config:e}=t;fu();let{activeTheme:o}=Su(e?.theme||{}),{activeLanguage:n,changeLanguage:r}=In(),[i,a]=ku(""),[l,p]=ku(),u=Fh(rr),c=b.use.fetchMeta();return Oh(()=>{e?.apiKey&&ji({API_KEY:e?.apiKey})},[e]),Qi(()=>{c(),F.persist.rehydrate(),Me.persist.rehydrate(),u.onConnectWallet(a)},[]),Qi(()=>{e?.language&&r(e.language)},[e?.language]),it.createElement(_h,{language:n},it.createElement(Uh,{id:"swap-container",className:o()},it.createElement(Cu,null,it.createElement(du,null),it.createElement(rl,{config:e,lastConnectedWallet:i,disconnectedWallet:l,clearDisconnectedWallet:()=>{p(void 0)}},it.createElement(lu,{config:e})))))}s(Tu,"Main");function zh(t){let{updateConfig:e,config:o}=Le();return Qi(()=>{t.config&&e(t.config)},[t.config]),t.config?.externalWallets?it.createElement(Tu,{...t}):it.createElement(ir,{providers:o?.wallets,options:{walletConnectProjectId:o?.walletConnectProjectId||t.config?.walletConnectProjectId}},it.createElement(Tu,{...t}))}s(zh,"Widget");export{xP as MainEvents,bP as RouteEventType,EP as StepEventType,IP as StepExecutionBlockedEventStatus,AP as StepExecutionEventStatus,zh as Widget,ir as WidgetWallets,Tl as useWallets,WP as useWidgetEvents};
+var bu=Object.defineProperty;var i=(t,e)=>bu(t,"name",{value:e,configurable:!0});import{MainEvents as e_,RouteEventType as t_,StepEventType as o_,StepExecutionBlockedEventStatus as n_,StepExecutionEventStatus as r_,useEvents as i_}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as a_,useWallets as hl,Events as l_}from"@rango-dev/wallets-react";import{Networks as c_,WalletTypes as u_}from"@rango-dev/wallets-shared";import{Events as br,Provider as sm}from"@rango-dev/wallets-react";import{isEvmBlockchain as am}from"rango-sdk";import on,{createContext as lm,useEffect as Sa,useRef as pm}from"react";import{useEffect as Zo,useLayoutEffect as fa,useMemo as Ro,useRef as en}from"react";import Hu,{createContext as Gu,useContext as Qu,useEffect as Vu,useRef as ju}from"react";import{create as qu}from"zustand";import{persist as zu}from"zustand/middleware";var lr={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0},hs=i((t,e,o)=>({config:{...lr,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");import{RangoClient as Au}from"rango-sdk";var Wo="c6381a79-2817-4602-83bf-6a641a409e32",ys="https://api.rango.exchange";var pr={API_KEY:Wo};function Nt(t){return pr[t]||""}i(Nt,"getConfig");function Ss(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),pr=e,pr}i(Ss,"initConfig");var Cs=20,ks=25,Ts="Roboto",cr="theme-widget";var No,Lt=i(()=>No||(No=new Au(Nt("API_KEY"),Nt("BASE_URL")),No),"httpService");function Bt(t){return Array.from(new Set(t))}i(Bt,"removeDuplicateFrom");function ur(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(ur,"areEqual");function ws(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(ws,"debounce");function kt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(kt,"containsText");var j=i(()=>document.getElementById("swap-box"),"getContainer");function Lo(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Bt(t.map(s=>s.swapperGroup)).map(s=>{let a=t.find(l=>l.swapperGroup===s);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}i(Lo,"getUniqueSwappersGroups");function vs(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(vs,"sortLiquiditySourcesByGroupTitle");function Ne(t,e){return e?.[t]==="hidden"}i(Ne,"isFeatureHidden");function Bo(t,e){return e?.[t]==="enabled"}i(Bo,"isFeatureEnabled");import{WalletState as Xe}from"@rango-dev/ui";import{readAccountAddress as Wu}from"@rango-dev/wallets-react";import{detectInstallLink as Nu,getCosmosExperimentalChainInfo as Lu,isEvmAddress as Bu,KEPLR_COMPATIBLE_WALLETS as $S,Networks as As}from"@rango-dev/wallets-shared";import mr from"bignumber.js";import{isCosmosBlockchain as Pu}from"rango-types";import Eu from"bignumber.js";var Ie=new Eu(0);import{WalletTypes as Iu}from"@rango-dev/wallets-shared";var xs=[Iu.LEAP];import{BigNumber as bs}from"bignumber.js";var Po=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),N=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new bs(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new bs(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Mo=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Ke=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Jt=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function $o(t,e=4){let o=parseFloat(t);if(isNaN(o))return t;let n=Math.pow(10,e);return(Math.round(o*n)/n).toString()}i($o,"limitDecimalPlaces");function Mu(t){switch(!0){case t.connected:return Xe.CONNECTED;case t.connecting:return Xe.CONNECTING;case!t.installed:return Xe.NOT_INSTALLED;default:return Xe.DISCONNECTED}}i(Mu,"mapStatusToWalletState");function Es(t,e,o,n){return o.filter(r=>!xs.includes(r)).filter(r=>{let{supportedChains:s,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!s.find(u=>u.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=Mu(t(r));return{title:s,image:a,link:Nu(l),state:p,type:r}})}i(Es,"mapWalletTypesToWalletInfo");function Fo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Fo,"walletAndSupportedChainsNames");function Is(t,e,o,n,r){let s=[];function a(p,c){if(!!!s.find(m=>m.chain===p)){let m={address:c,chain:p,walletType:t};s.push(m)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:c,network:u}=Wu(p),m=l.length>0,g=l.includes(u),f=u===As.Unknown;if(m&&!g&&!f)return;let y=u===As.Unknown&&Bu(c);if(f&&!y)return;o.includes(u)||y?r?a(u,c.toLowerCase()):l.filter(T=>o.includes(T)).forEach(T=>{a(T,c.toLowerCase())}):a(u,c)}),s}i(Is,"prepareAccountsForWalletStore");function Ws(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(Ws,"getRequiredChains");function Uo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(Uo,"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 mr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:_u(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Ns,"makeBalanceFor");function Ls(t){return{...t,loading:!1,error:!0}}i(Ls,"resetConnectedWalletState");var Bs=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=N(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new mr(s?.amount||Ie).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ie)||Ie).toString();return $u(r)},"calculateWalletUsdValue");function $u(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i($u,"numberWithThousandSeparator");var _u=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Oo=i((t,e)=>{let o=Lu(Object.entries(t).map(([,n])=>n).filter(Pu));return o&&o[e]?.experimental},"isExperimentalChain");function qo(t){return t?{...t,amount:N(t.amount,8,8),usdValue:N(t.usdValue,4,4)}:null}i(qo,"formatBalance");function Ps(t,e){return t.sort((o,n)=>{let r=e(o),s=e(n);return r?.usdValue&&s?.usdValue?parseFloat(s.usdValue)-parseFloat(r.usdValue):!r?.usdValue&&s?.usdValue?1:r?.usdValue&&!s?.usdValue?-1:!r?.usdValue&&!s?.usdValue?parseFloat(s?.amount||"0")-parseFloat(r?.amount||"0"):0}),t}i(Ps,"sortTokensByBalance");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Le,"tokensAreEqual");function Ms(t){return t.sort((e,o)=>+(o.state===Xe.CONNECTED)-+(e.state===Xe.CONNECTED)||+(o.state===Xe.DISCONNECTED||o.state===Xe.CONNECTING)-+(e.state===Xe.DISCONNECTED||e.state===Xe.CONNECTING))}i(Ms,"sortWalletsBasedOnConnectionState");function zo(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}i(zo,"getConciseAddress");function $s({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i($s,"getAddress");function dr(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(dr,"createTokenHash");function Ho(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new mr(o?.usdPrice??Ie).multipliedBy(o?.amount).toString():""},r=o?dr({symbol:o.symbol,blockchain:o.chain,address:o.address}):null,s=r?e[r]:null;return r&&(!s||s&&s.amount<n.amount)&&(e[r]=n),e},{})}i(Ho,"makeTokensBalance");var _s=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(s.length>0&&!s.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??[],a=e().blockchains({type:o.type});return n.filter(p=>s.length>0&&!s.some(c=>Le(c,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(c=>c.name===p.blockchain)?!1:o.searchFor?!!(kt(p.symbol,o.searchFor)||kt(p.address||"",o.searchFor)||kt(p.name||"",o.searchFor)):!0).sort((p,c)=>e().isTokenPinned(p)?-1:e().isTokenPinned(c)||p.isSecondaryCoin?1:c.isSecondaryCoin||!p.address&&c.address?-1:p.address&&!c.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>Le(r,o)),swappers:()=>{let{config:{enableNewLiquiditySources:o,liquiditySources:n}}=e();return e()._swappers.filter(a=>{let l=n?.includes(a.swapperGroup);return o||!n||n.length===0?!l:l}).sort(vs)},fetch:async()=>{try{let o=await Lt().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],s=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,c)=>p.sort-c.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as Du,French as Fu,Japanese as Uu,Spanish as Ou}from"@rango-dev/ui";var Ds=[{title:"English",label:"English",local:"en",SVGFlag:Du},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Ou},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Fu},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Uu}],Pt="en";var Fs=[.5,1,3],Us=1,Os=5,qs=100,zs=0;var Hs=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:Pt,preferredBlockchains:[],slippage:Us,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,c=l<=10-1;return p&&c}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=Bt(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n}=o,r=Ne("theme",n),s=Ne("language",n),a=Ne("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:Pt},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function Gs(t){return qu()(zu((...e)=>({..._s(...e),...Hs(...e),...hs(t,...e)}),{name:"user-settings",skipHydration:!0,partialize:e=>({theme:e.theme,language:e.language,affiliatePercent:e.affiliatePercent,affiliateRef:e.affiliateRef,affiliateWallets:e.affiliateWallets,slippage:e.slippage,customSlippage:e.customSlippage,infiniteApprove:e.infiniteApprove,preferredBlockchains:e.preferredBlockchains,disabledLiquiditySources:e.disabledLiquiditySources})}))}i(Gs,"createAppStore");var Qs=Gu(null);function d(){let t=Qu(Qs);if(Vu(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(d,"useAppStore");function Vs(t){let e=ju();return e.current||(e.current=Gs(t.config)),Hu.createElement(Qs.Provider,{value:e.current},t.children)}i(Vs,"AppStoreProvider");import dt from"bignumber.js";import{create as em}from"zustand";import{subscribeWithSelector as tm}from"zustand/middleware";import{getLastSuccessfulStep as Zu}from"@rango-dev/queue-manager-rango-preset";import RC from"bignumber.js";var ct=(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))(ct||{});function js(t,e){return e.find(o=>o.name===t)?.displayName}i(js,"getBlockchainDisplayNameFor");function Ye(t,e){return e.find(o=>o.name===t)?.shortName}i(Ye,"getBlockchainShortNameFor");function Ks(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(Ks,"getSwapperDisplayName");function gr(t,e){return e.find(o=>Le(o,t))??null}i(gr,"findToken");function hr(t,e){return e.find(o=>o.name===t)??null}i(hr,"findBlockchain");import{i18n as Fe}from"@lingui/core";import Te from"bignumber.js";import{PendingSwapNetworkStatus as jo}from"rango-types";function Go(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(Go,"getRequiredWallets");function Qo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(Qo,"isValidAddress");import{i18n as ue}from"@lingui/core";var Q=i(()=>({genericServerError:ue.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:ue.t("Please reset your liquidity sources."),description:ue.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:ue.t("No Routes Found."),description:ue.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:ue.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:ue.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:ue.t("High Price Impact"),title:ue.t("Price impact is too high!"),description:ue.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:ue.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:ue.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:ue.t("USD Price Unknown"),title:ue.t("USD Price Unknown, Cannot calculate Price Impact."),description:ue.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:ue.t("Confirm USD Price Unknown")}}),"errorMessages");function Xs(t){switch(t.type){case 0:return t.diagnosisMessage??Q().noResultError.title;case 1:return Q().genericServerError;default:return""}}i(Xs,"getQuoteErrorMessage");import{i18n as Vo}from"@lingui/core";var Tt=i(()=>({connectWallet:Vo.t("Connect Wallet"),swap:Vo.t("Swap"),swapAnyway:Vo.t("Swap anyway"),ethWarning:Vo.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Ys(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Te(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Te(1e3)))??!1}i(Ys,"hasHighValueLoss");function yr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new Te(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Te(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(yr,"hasLimitError");function Sr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new Te(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Te(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||c?.lte(l.fromAmount):p?.gt(l.fromAmount)||c?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Te(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Te(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Fe.t({id:"Required: >= {min} {symbol}",values:{min:N(o,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Fe.t({id:"Required: > {min} {symbol}",values:{min:N(o,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Fe.t({id:"Required: <= {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Fe.t({id:"Required: < {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Sr,"getLimitErrorMessage");function Js(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Tt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:Tt().swap,action:"confirm-swap",disabled:!0}:a?{title:Tt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Tt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Tt().swap,action:"confirm-swap",disabled:!1}:{title:Tt().connectWallet,action:"connect-wallet",disabled:!1}}i(Js,"getSwapButtonState");function Cr(t,e,o){return!((!o||o.lte(Ie))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Cr,"canComputePriceImpact");function Ku(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(Ku,"requiredWallets");var Xu=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Yu(t,e){let o=Ie;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Xu(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Te(r.amount).multipliedBy(s||0))}return o}i(Yu,"getUsdFeeOfStep");function Ko(t,e){return t.reduce((o,n)=>o.plus(Yu(n,e)),Ie)}i(Ko,"getTotalFeeInUsd");function kr(t){let e=new Map;return t.result?.swaps.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(kr,"checkSlippageErrors");function Zs(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}i(Zs,"checkSlippageWarnings");function Xo(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(Xo,"getMinRequiredSlippage");function Rs(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Rs,"hasProperSlippage");function Yo(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:c,affiliateRef:u,affiliatePercent:m,affiliateWallets:g,initialQuote:f,destination:k}=t,y=s?.reduce((S,w)=>(S[w.chain]=w.address,S),{}),h=[];r?.forEach(S=>{let w=h.find(E=>E.blockchain===S.chain);w?w.addresses.push(S.address):h.push({blockchain:S.chain,addresses:[S.address]})});let b=!!f,T=Bt((f?.result?.swaps||[]).reduce((S,w)=>(S.push(w.from.blockchain,w.to.blockchain),w.internalSwaps&&Array.isArray(w.internalSwaps)&&w.internalSwaps.map(E=>{S.push(E.from.blockchain,E.to.blockchain)}),S),[]));return{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:m??void 0,affiliateWallets:g??void 0,checkPrerequisites:b,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:h,selectedWallets:y??{},slippage:c.toString(),...k&&{destination:k},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(S=>!a.includes(S)),swappersGroupsExclude:!1},...b&&{blockchains:T}}}i(Yo,"createQuoteRequestBody");function ea(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(ea,"getWalletsForNewSwap");function Mt(t){return t.result?.outputAmount||null}i(Mt,"getQuoteOutputAmount");function ta(t,e){return new Te(e).div(new Te(t)).minus(1).multipliedBy(100).toNumber()}i(ta,"getPercentageChange");function oa(t,e){let o=Mt(t),n=Mt(e);if(!o||!n)return!1;let r=Be(o,n);return r?r<=-1:!0}i(oa,"isOutputAmountChangedALot");function na(t,e,o){let n=t.validationStatus,r=Ws(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>pa(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=N(new Te(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=N(new Te(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=Fe.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=Fe.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=Fe.t(" for input and network fee")),Fe.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:c,symbol:l,reason:u,currentAmount:p,blockchain:Ye(a.asset.blockchain,o)}})})}i(na,"generateBalanceWarnings");function ra(t,e){return(t?new Te(t):Ie).multipliedBy(e||0)}i(ra,"calcOutputUsdValue");function Zt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==jo.NetworkChanged}i(Zt,"isNetworkStatusInWarningState");function ia(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Zt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case jo.WaitingForConnectingWallet:n=n||Fe.t("Waiting for connecting wallet");break;case jo.WaitingForQueue:n=n||Fe.t("Waiting for other running tasks to be finished");break;case jo.WaitingForNetworkChange:n=n||Fe.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(ia,"getSwapMessages");function sa(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}i(sa,"getLastConvertedTokenInFailedSwap");function aa(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(aa,"shouldRetrySwap");function la(t,e,o,n,r,s){return t||!e&&!Ku(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!Qo(s,o)}i(la,"confirmSwapDisabled");function Tr(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}i(Tr,"searchParamsToToken");function ua(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(ua,"getQuoteToTokenUsdPrice");function wr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(wr,"isNumberOfSwapsChanged");function vr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!ur(o,n)}i(vr,"isQuoteSwappersUpdated");function xr(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!ur(o,n)}i(xr,"isQuoteInternalCoinsUpdated");function ma(t,e){return wr(t,e)||vr(t,e)||xr(t,e)}i(ma,"isQuoteChanged");function pa(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}i(pa,"getRequiredBalanceOfWallet");function nt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(nt,"getPriceImpactLevel");function da(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Zu(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=hr(s?s.toBlockchain:n.fromBlockchain,e),p=hr(r.toBlockchain,e),c=gr(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=gr(a,o),m=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:m}}i(da,"createRetryQuote");function Jo(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=wt(o,t.requestAmount),l=wt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let u=Be(a.toString(),l.toString());if(!!u&&Ys(a,u)){let g=Ko(t.result.swaps,r),f=nt(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:g,warningLevel:f}}}else if(t.result&&(!a||!l))return{type:1};let p=Xo(t),c=s>Os;if(Rs(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:Zs(t,s),minRequiredSlippage:p};return null}i(Jo,"generateQuoteWarnings");function Be(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:ta(t.toString(),e.toString());return n&&n<0?n:null}i(Be,"getPriceImpact");var Ru=i(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),mt=Ru;var wt=i((t,e)=>t?.usdPrice?new dt(e||Ie).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),O=mt(em()(tm(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new dt(0),outputUsdValue:new dt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ie;return Jt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new dt(e.result?.outputAmount):null,r=ra(e.result?.outputAmount,ua(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new dt(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:wt(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 dt(0),outputUsdValue:new dt(0),quote:null},...!!o.fromToken&&{inputUsdValue:wt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=da(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:wt(a??null,c),outputUsdValue:new dt(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:wt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:""}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function ga(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=O(),c=d().config,u=d().fetchStatus,m=d().blockchains(),g=d().tokens(),{setAffiliateRef:f,setAffiliatePercent:k,setAffiliateWallets:y}=d(),h=Ro(()=>c?.from?.tokens,[c?.from?.tokens]),b=Ro(()=>c?.from?.blockchains,[c?.from?.blockchains]),T=Ro(()=>c?.to?.tokens,[c?.to?.tokens]),v=Ro(()=>c?.to?.blockchains,[c?.to?.blockchains]),S=en(void 0),w=en(void 0),E=en(void 0),M=en(void 0);Zo(()=>{t(c?.amount?.toString()||"")},[c?.amount]),fa(()=>{if(u==="success"){let C=m.find($=>$.name===c?.from?.blockchain),P=g.find($=>Le($,c?.from?.token||null));(C||!C&&E.current)&&n(C??null),P?r({token:P,meta:{blockchains:m,tokens:g}}):!P&&S.current&&r({token:null}),E.current=c?.from?.blockchain,S.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),Zo(()=>{s&&h&&(h.some(C=>Le(C,s))||r({token:null})),l&&b&&(b.includes(l.name)||n(null))},[h,b]),Zo(()=>{a&&T&&(T.some(C=>Le(C,a))||e({token:null})),p&&v&&(v.includes(p.name)||o(null))},[T,v]),fa(()=>{if(u==="success"){let C=m.find($=>$.name===c?.to?.blockchain),P=g.find($=>Le($,c?.to?.token||null));(C||!C&&M.current)&&o(C??null),P?e({token:P,meta:{blockchains:m,tokens:g}}):!P&&w.current&&e({token:null}),M.current=c?.to?.blockchain,w.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),Zo(()=>{f(c?.affiliate?.ref??null),k(c?.affiliate?.percent??null),y(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(ga,"useSyncStoresWithConfig");import{useEffect as im}from"react";import{create as om}from"zustand";import{subscribeWithSelector as nm}from"zustand/middleware";var z=mt(om()(nm((t,e)=>({connectedWallets:[],balances:{},customDestination:"",loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!s.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(l=>l.selected&&l.walletType!==o).map(l=>l.chain),s=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:Ho(s),connectedWallets:s}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let s=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>Uo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await Lt().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(g=>{let f=o.find(y=>Uo(y,g)),k=p.find(y=>y.address===g.address&&y.blockChain===g.chain);return k?.failed&&f&&r&&s([f],n,!1),f&&k?{...g,explorerUrl:k.explorerUrl,balances:Ns(k,n),loading:!1}:g});return{loading:!1,balances:Ho(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(m=>Uo(m,u))?Ls(u):u);return{loading:!1,balances:Ho(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=dr(o);return n[r]??null}}))));import{allProviders as rm}from"@rango-dev/provider-all";function tn(t,e){let o=rm({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(tn,"matchAndGenerateProviders");function ha(t,e){return tn(t,e).map(r=>r.config.type)}i(ha,"configWalletsToWalletName");function ya(t,e){let o=z.use.clearConnectedWallet(),n=tn(void 0,e);return im(()=>{o(),n=tn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(ya,"useWalletProviders");var nn=lm({onConnectWallet:()=>{}});function cm(t){let{updateConfig:e,updateSettings:o,fetch:n}=d(),r=d().blockchains(),s=d().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:l}=ya(t.config.wallets,a),{connectWallet:p,disconnectWallet:c}=z(),u=pm();ga(),Sa(()=>{n().catch(console.log)},[]),Sa(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let m=r.filter(am).map(f=>f.name),g=i((f,k,y,h,b)=>{if(k===br.ACCOUNTS)if(y){let T=Fo(b.supportedBlockchains),v=Is(f,y,m,T,b.isContractWallet);p(v,s)}else c(f);if(k===br.ACCOUNTS&&h.connected){let T=`${f}-${h.network}-${y}`;h.connected&&(u.current?u.current(T):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(k===br.NETWORK&&h.network){let T=`${f}-${h.network}`;u.current?u.current(T):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(f,k,y,h,b)},"onUpdateState");return on.createElement(nn.Provider,{value:{onConnectWallet:f=>{u.current=f}}},on.createElement(sm,{allBlockChains:r,providers:l,onUpdateState:g,autoConnect:!0},t.children))}i(cm,"Main");function rn(t){let{config:e,...o}=t;return on.createElement(Vs,{config:e},on.createElement(cm,{...o,config:e}))}i(rn,"WidgetWallets");import gs from"react";import{I18nManager as zy}from"@rango-dev/ui";import Eo,{useContext as Hy,useEffect as Cu,useState as ku}from"react";import{useQueueManager as Cm}from"@rango-dev/queue-manager-rango-preset";import{useWallets as km}from"@rango-dev/wallets-react";import{isEvmBlockchain as Tm}from"rango-types";import sn,{Fragment as wm}from"react";import{MemoryRouter as vm,useInRouterContext as xm}from"react-router";import{useWallets as mm}from"@rango-dev/wallets-react";import{useEffect as dm,useRef as fm}from"react";function Ca(){let{connect:t,state:e}=mm(),o=fm({}),{fetchStatus:n}=d(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);dm(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(Ca,"useForceAutoConnect");import{useEffect as Ar,useRef as Er}from"react";import{createSearchParams as hm,useLocation as ym,useSearchParams as Sm}from"react-router-dom";var _={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{create as gm}from"zustand";var we=mt(gm()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));function ka(){let t=Er(!0),[e,o]=Sm(),n=ym(),r=Er(n.search),s=Er({}),a=O.use.fromBlockchain(),l=O.use.toBlockchain(),p=O.use.fromToken(),c=O.use.toToken(),u=O.use.setFromBlockchain(),m=O.use.setFromToken(),g=O.use.setToBlockchain(),f=O.use.setToToken(),k=O.use.inputAmount(),y=O.use.setInputAmount(),h=d().fetchStatus,b=d().blockchains(),T=d().tokens(),v=we.use.setSelectedSwap();return Ar(()=>{let S={};hm(r.current).forEach((E,M)=>{S[M]=E}),s.current=S;let w=n.pathname.split(_.swaps+"/")[1]||null;w&&v(w)},[]),Ar(()=>{if(!t.current){let S="",w="",E="",M="",C="",P=s.current["autoConnect"];h!=="success"?(S=s.current["fromBlockchain"],w=s.current["fromToken"],E=s.current["toBlockchain"],M=s.current["toToken"],C=s.current["fromAmount"]||k):(S=a?.name||"",w=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),E=l?.name||"",M=(c?.symbol||"")+(c?.address?`--${c?.address}`:""),C=k),o({...S&&{["fromBlockchain"]:S},...w&&{["fromToken"]:w},...E&&{["toBlockchain"]:E},...M&&{["toToken"]:M},...C&&{["fromAmount"]:C.toString()},...P&&{["autoConnect"]:P}},{replace:!0})}t.current=!1},[n.pathname,k,a,p,l,c]),Ar(()=>{if(h==="success"){let S=e.get("fromBlockchain"),w=e.get("fromToken"),E=e.get("toBlockchain"),M=e.get("toToken"),C=e.get("fromAmount"),P=b.find(F=>F.name===S),$=Tr(T,w,P||null),W=b.find(F=>F.name===E),x=Tr(T,M,W||null);P&&(u(P),$&&m({token:$,meta:{blockchains:b,tokens:T}})),W&&(g(W),x&&f({token:x,meta:{blockchains:b,tokens:T}})),C&&y(C)}},[h]),null}i(ka,"UpdateUrl");function Ta({children:t,...e}){let o=xm(),n=o?wm:vm,r=d().blockchains(),{canSwitchNetworkTo:s}=km();Ca();let a=r.filter(Tm);return Cm({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),sn.createElement(sn.Fragment,null,sn.createElement(n,null,t),o&&sn.createElement(ka,null))}i(Ta,"AppRouter");import Ae from"react";import{useRoutes as Wy}from"react-router-dom";import{i18n as In}from"@lingui/core";import{useManager as Bf}from"@rango-dev/queue-manager-react";import{Alert as pp,Button as cp,css as ii,Divider as Pf,IconButton as up,RefreshIcon as Mf,SettingsIcon as $f,styled as mp,Tooltip as _f,Typography as Df,WalletIcon as Ff}from"@rango-dev/ui";import ee,{useEffect as po,useLayoutEffect as Uf,useRef as Of,useState as Wn}from"react";import{flushSync as qf}from"react-dom";import{useNavigate as zf}from"react-router-dom";import{i18n as rt}from"@lingui/core";import{Alert as qr,BalanceErrors as Md,Button as yl,ChevronDownIcon as $d,ChevronLeftIcon as _d,Divider as Ut,MessageBox as Dd,Modal as Sl,Typography as kn,WalletIcon as Fd}from"@rango-dev/ui";import L,{useEffect as Ud,useLayoutEffect as Od,useRef as qd,useState as bt}from"react";import{useNavigate as zd}from"react-router-dom";import{i18n as an}from"@lingui/core";function ln(t){switch(t.type){case 0:return an.t("Route has been updated.");case 3:return an.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return an.t("Route swappers has been updated.");case 2:return an.t("Route internal coins has been updated.");default:return""}}i(ln,"getQuoteUpdateWarningMessage");import*as _t from"@radix-ui/react-collapsible";import{Button as Am,css as wa,darkTheme as $t,IconButton as Em,keyframes as va,styled as fe,TextField as Im}from"@rango-dev/ui";var Rt=300,Wm=va({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Nm=va({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),xa=fe("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),ba=fe("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),Aa=fe("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"}}}}),Ea=fe(_t.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),Ia=fe("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Wa=fe(Em,{position:"absolute",left:"$20"}),Na=fe("div",{paddingTop:"$20"}),La=wa({display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),Ba=fe(_t.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Pa=fe(Am,{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=fe("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),$a=wa({paddingTop:"5px"}),_a=fe("div",{transition:`all ${Rt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Da=fe("div",{display:"flex"}),Fa=fe(Im,{padding:"$0 $15 $15 $15"}),pn=fe(_t.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Wm} ${Rt}ms ease-out`},false:{animation:`${Nm} ${Rt}ms ease-out`}}}}),Ua=fe("div",{overflow:"visible",width:"100%"});import{i18n as qe}from"@lingui/core";import{Button as Ld,Divider as Ur,Image as Bd,MessageBox as Cn,Modal as ml,SelectableWallet as Pd,Typography as dl,WalletState as fl}from"@rango-dev/ui";import R,{useEffect as gl,useState as to}from"react";import{WalletState as Oa}from"@rango-dev/ui";import{useWallets as Lm}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Bm,WalletTypes as Pm}from"@rango-dev/wallets-shared";import{useEffect as Mm,useState as $m}from"react";var _m=Object.values(Pm);function cn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Lm(),{connectedWallets:c}=z(),u=d().blockchains(),m=ha(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||_m,g=Es(s,l,m,o),f=Ms(g),[k,y]=$m(""),h=i(S=>!c.find(w=>w.walletType===S&&w.chain===o),"isExperimentalChainNotAdded"),b=i(async S=>{let w=s(S);try{if(k&&y(""),w.connected)await a(S);else{let E=!!g.find(M=>M.state===Oa.CONNECTED);if(!e?.multiWallets&&E)return;n?.(S),await p(S),r?.(S)}}catch(E){y("Error: "+E?.message)}},"handleClick"),T=i(()=>{let S=g?.filter(w=>w.state===Oa.CONNECTING)||[];for(let w of S)a(w.type)},"disconnectConnectingWallets");Mm(()=>()=>{T()},[]);let v=i((S,w,E)=>Oo(E,w)&&h(S)&&!Bm.includes(S),"shouldExcludeWallet");return{list:f.filter(S=>!v(S.type,o??"",u)),error:k,handleClick:b}}i(cn,"useWalletList");import{i18n as il}from"@lingui/core";import{styled as al,Typography as vd,Wallet as xd,WalletState as bd}from"@rango-dev/ui";import xt,{Fragment as Ad,useState as sl}from"react";import{BottomLogo as dd,Divider as fd,Header as gd}from"@rango-dev/ui";import me from"react";import{useNavigate as Dm}from"react-router-dom";function ft(){let t=Dm();return()=>t(-1)}i(ft,"useNavigateBack");import{ChevronLeftIcon as Om}from"@rango-dev/ui";import Ha from"react";import{darkTheme as Fm,IconButton as Um,styled as un}from"@rango-dev/ui";var Ue=un(Um,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),qa=un("div",{position:"absolute",background:"$secondary500",[`.${Fm} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Dt=un("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),za=un("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function Ir(t){return Ha.createElement(Ue,{variant:"ghost",size:"small",onClick:t.onClick},Ha.createElement(Om,{color:"black",size:16}))}i(Ir,"BackButton");import{i18n as qm}from"@lingui/core";import{Button as zm,Typography as Hm}from"@rango-dev/ui";import Wr from"react";function Nr(t){return Wr.createElement(Dt,null,Wr.createElement(zm,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Wr.createElement(Hm,{variant:"label",size:"medium",color:"error500"},qm.t("Cancel"))))}i(Nr,"CancelButton");import{i18n as Gm}from"@lingui/core";import{Tooltip as Qm,WalletIcon as Vm}from"@rango-dev/ui";import mn from"react";function Lr(t){return mn.createElement(Qm,{container:t.container,side:"top",content:Gm.t("Connect Wallet")},mn.createElement(Ue,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&mn.createElement(qa,null),mn.createElement(Vm,{size:18,color:"black"})))}i(Lr,"WalletButton");import{i18n as gn}from"@lingui/core";import{NotificationsIcon as ad,Popover as ld,RefreshIcon as pd,SettingsIcon as cd,Tooltip as hn,TransactionIcon as ud}from"@rango-dev/ui";import pe from"react";import{i18n as ed}from"@lingui/core";import{ChainToken as Xa,ChevronRightIcon as td,ListItemButton as od,Typography as nd}from"@rango-dev/ui";import Oe from"react";import{useNavigate as rd}from"react-router-dom";import{create as jm}from"zustand";import{persist as Km,subscribeWithSelector as Xm}from"zustand/middleware";var Pe=mt(jm()(Km(Xm((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:s.toBlockchain,tokenSymbol:s.toSymbol,tokenAddress:s.toSymbolAddress}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{styled as dn}from"@rango-dev/ui";var Ga=dn("div",{padding:"$10",width:"350px",minHeight:"150px"}),Qa=dn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Va=dn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),ja=dn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Ym}from"@lingui/core";import{Divider as Jm,NoNotificationIcon as Zm,Typography as Rm}from"@rango-dev/ui";import fn from"react";function Ka(){return fn.createElement(ja,null,fn.createElement(Zm,{color:"secondary",size:26}),fn.createElement(Jm,{size:12}),fn.createElement(Rm,{variant:"body",size:"medium",color:"neutral700"},Ym.t("You have no notification")))}i(Ka,"NotificationNotFound");var id=4;function Br(){let t=rd(),e=we.use.setSelectedSwap(),{getUnreadNotifications:o}=Pe(),n=o(),r=d().blockchains(),s=d().tokens(),a=n.sort((p,c)=>c.creationTime-p.creationTime).slice(0,id),l=i(p=>{e(p),t(`${_.swaps}/${p}`)},"handleOnClick");return Oe.createElement(Ga,null,a.length?Oe.createElement(Qa,null,a.map(p=>{let c=s.find(f=>f.address===p.route.from.tokenAddress&&f.blockchain===p.route.from.blockchain&&f.symbol===p.route.from.tokenSymbol),u=r.find(f=>f.name===p.route.from.blockchain),m=s.find(f=>f.address===p.route.to.tokenAddress&&f.blockchain===p.route.to.blockchain&&f.symbol===p.route.to.tokenSymbol),g=r.find(f=>f.name===p.route.to.blockchain);return Oe.createElement(od,{key:p.requestId,onClick:()=>l(p.requestId),title:Oe.createElement(nd,{variant:"body",size:"small",color:"$neutral700"},ed.t(p.event.message)),id:p.requestId,start:Oe.createElement(Va,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(Xa,{tokenImage:c?c.image:"",chainImage:u?u.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(Xa,{tokenImage:m?m.image:"",chainImage:g?g.logo:"",size:"small"}))),end:Oe.createElement(td,{size:12,color:"gray"})})})):Oe.createElement(Ka,null))}i(Br,"NotificationContent");import{Typography as sd}from"@rango-dev/ui";import Ya from"react";function Ja(){let{getUnreadNotifications:t}=Pe(),e=t().length;return e?Ya.createElement(za,null,Ya.createElement(sd,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(Ja,"UnreadNotificationsBadge");function Pr(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:s}=t,{config:{features:a}}=d(),l=Ne("notification",a);return pe.createElement(pe.Fragment,null,pe.createElement(hn,{container:j(),side:"top",content:gn.t("Refresh")},pe.createElement(Ue,{variant:"ghost",size:"small",onClick:o,disabled:!o},pe.createElement(pd,{size:16,color:o?"black":"gray"}))),!l&&pe.createElement(hn,{container:j(),side:"top",content:gn.t("Notifications")},pe.createElement(ld,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:j(),content:pe.createElement(Br,null)},pe.createElement(Ue,{size:"small",variant:"ghost",onClick:s},pe.createElement(ad,{size:18,color:"black"}),pe.createElement(Ja,null)))),pe.createElement(hn,{container:j(),side:"top",content:gn.t("Settings")},pe.createElement(Ue,{size:"small",variant:"ghost",onClick:r},pe.createElement(cd,{size:18,color:"black"}))),pe.createElement(hn,{container:j(),side:"top",content:gn.t("Transactions History")},pe.createElement(Ue,{size:"small",variant:"ghost",onClick:n},pe.createElement(ud,{size:18,color:"black"}))))}i(Pr,"HomeButtons");import{darkTheme as md,styled as Mr}from"@rango-dev/ui";var Za=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",[`.${md} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),Ra=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"}}}}),el=Mr("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function hd(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:l=!0}=t,p=z.use.connectedWallets(),{config:{features:c}}=d(),u=Ne("connectWalletButton",c),m=we.use.connectWalletsButtonDisabled(),g=ft(),f=i(()=>{!m&&n.onWallet&&n.onWallet()},"onConnectWallet"),k=typeof n.hasBackButton>"u"||n.hasBackButton;return me.createElement(Za,{ref:e,fixedHeight:l,id:"swap-box"},me.createElement(gd,{prefix:me.createElement(me.Fragment,null,k&&me.createElement(Ir,{onClick:g})),title:n.title,suffix:me.createElement(me.Fragment,null,n.suffix,n.onWallet&&!u&&me.createElement(Lr,{container:j(),onClick:f,isConnected:!!p?.length}),n.onCancel&&me.createElement(Nr,{onClick:n.onCancel}))}),me.createElement(Ra,{noPadding:s},o),(a||r)&&me.createElement(el,null,me.createElement("div",{className:"footer__content"},r),a&&me.createElement("div",{className:"footer__logo"},me.createElement(fd,{size:12}),me.createElement(dd,null))))}i(hd,"LayoutComponent");var K=me.forwardRef(hd);K.displayName="Layout";import{Divider as Td,Modal as wd}from"@rango-dev/ui";import _r from"react";import{i18n as Ft}from"@lingui/core";import{Image as Cd,MessageBox as $r,WalletState as kd}from"@rango-dev/ui";import vt from"react";import{keyframes as yd,styled as yn}from"@rango-dev/ui";var bv=yn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),tl=yn("div",{position:"relative"}),Sd=yd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ol=yn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Sd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),nl=yn("div",{"& img":{borderRadius:"50%"}});function rl(t){let{state:e,image:o,error:n}=t;return e===kd.CONNECTED?vt.createElement($r,{type:"success",title:Ft.t("Wallet Connected"),description:Ft.t("Your wallet is connected, you can use it to swap.")}):n?vt.createElement($r,{type:"error",title:Ft.t("Failed to Connect"),description:n||Ft.t("Your wallet is not connected. Please try again.")}):vt.createElement($r,{type:"loading",title:Ft.t("Connecting to your wallet"),description:Ft.t("Click connect in your wallet popup."),icon:vt.createElement(tl,null,vt.createElement(nl,null,vt.createElement(Cd,{src:o,size:45})),vt.createElement(ol,null))})}i(rl,"ModalContent");function eo(t){let{open:e,onClose:o,...n}=t;return _r.createElement(wd,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},_r.createElement(rl,{...n}),_r.createElement(Td,{direction:"vertical",size:32}))}i(eo,"WalletModal");var Ed=al("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),Id=al("div",{textAlign:"center"}),Sn=3e3,Dr=300;function ll(){let{config:t,fetchStatus:e}=d(),[o,n]=sl(!1),[r,s]=sl(""),a=null,{list:l,handleClick:p,error:c}=cn({config:t,onBeforeConnect:f=>{a=setTimeout(()=>{n(!0),s(f)},Dr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Sn)}}),u=l.find(f=>f.type===r),m=u?.image||"",g=u?.state||bd.NOT_INSTALLED;return xt.createElement(K,{header:{title:il.t("Connect Wallets")}},xt.createElement(Id,null,xt.createElement(vd,{variant:"title",size:"xmedium",align:"center"},il.t("Choose a wallet to connect.")),xt.createElement(Ed,null,l.map((f,k)=>{let y=`wallet-${k}-${f.type}`;return xt.createElement(Ad,{key:y},xt.createElement(xd,{...f,container:j(),onClick:h=>{p(h)},isLoading:e==="loading"}))}),xt.createElement(eo,{open:!!o,onClose:()=>n(!1),image:m,state:g,error:c}))))}i(ll,"WalletsPage");import{keyframes as Wd,styled as Fr}from"@rango-dev/ui";var pl=Fr("div",{position:"relative"}),Nd=Wd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),cl=Fr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Nd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ul=Fr("div",{"& img":{borderRadius:"50%"}});function Or(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=d(),l=z.use.connectedWallets(),{blockchains:p}=d(),[c,u]=to(""),[m,g]=to(null),[f,k]=to(!1),[y,h]=to(null),{suggestAndConnect:b}=hl(),T=null,{list:v,error:S,handleClick:w}=cn({config:a,chain:e,onBeforeConnect:x=>{T=setTimeout(()=>{u(x)},Dr)},onConnect:()=>{T&&clearTimeout(T),setTimeout(()=>{u("")},Sn)}}),[E,M]=to(v),C=v.length,P=r&&C-r>0,$=i(async x=>{k(!1),h("in-progress");try{await b(x.walletType,x.chain),h("completed")}catch{h("rejected")}},"addExperimentalChain");gl(()=>{M(x=>{let F=v.findIndex(I=>o(I.type,e));return P&&F>1?[v[F]].concat(v.filter((I,H)=>H!==F)):x.map(I=>v.find(H=>H.type===I.type)??I)})},[JSON.stringify(v)]);let W=document.querySelector("#swap-box");return gl(()=>{let x=null;return(y==="completed"||y==="rejected")&&(x=setTimeout(()=>h(null),Sn)),()=>{x&&clearTimeout(x)}},[y]),R.createElement(R.Fragment,null,E.slice(0,r).map(x=>{let F=$s({connectedWallets:l,walletType:x.type,chain:e}),I=F?zo(F):"",H=Oo(p(),e),te=!l.find(Se=>Se.walletType===x.type&&Se.chain===e),oe=H&&te&&x.state===fl.CONNECTED,G=oe?qe.t({id:"Add {chain} chain",values:{chain:e}}):I,ie=i(()=>{x.state===fl.DISCONNECTED?w(x.type):oe?(g({walletType:x.type,chain:e,address:F??""}),k(!0)):n({walletType:x.type,chain:e,address:F??""})},"onClick"),ye=m?.chain?js(m.chain,p()):void 0;return R.createElement(R.Fragment,null,R.createElement(eo,{open:c===x.type,onClose:()=>u(""),image:x.image,state:x.state,error:S}),!!m&&R.createElement(ml,{open:!!m&&f,container:W,onClose:()=>{g(null)}},R.createElement(Cn,{title:qe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ye}}),type:"warning",description:qe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ye}})},R.createElement(Ur,{size:18}),R.createElement(Ur,{size:32}),R.createElement(Ld,{onClick:$.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},qe.t("Confirm")))),y&&R.createElement(ml,{open:!!y,onClose:h.bind(null,null),container:W},y==="in-progress"&&R.createElement(Cn,{type:"loading",title:qe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ye}}),description:qe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ye}}),icon:R.createElement(pl,null,R.createElement(ul,null,R.createElement(Bd,{src:x.image,size:45})),R.createElement(cl,null))}),y==="completed"&&R.createElement(Cn,{type:"success",title:qe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:ye}}),description:qe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:ye}})}),y==="rejected"&&R.createElement(Cn,{type:"error",title:qe.t("Request Rejected"),description:qe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:ye}})}),R.createElement(Ur,{direction:"vertical",size:32})),R.createElement(Pd,{key:x.type,description:G,onClick:ie,selected:o(x.type,e),...x}))}),P&&R.createElement(Aa,{selected:!1,onClick:s.bind(null)},R.createElement(dl,{variant:"label",size:"medium"},qe.t("Show more wallets"),R.createElement(dl,{variant:"label",size:"medium",color:"$primary"},"\xA0+",C-(r??0)))))}i(Or,"WalletList");var Hd=2;function Cl(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=d().config,l=d().blockchains(),{quote:p,setSelectedWallets:c,quoteWalletsConfirmed:u,setQuoteWalletConfirmed:m,customDestination:g,setCustomDestination:f}=O(),{connectedWallets:k,selectWallets:y}=z(),[h,b]=bt(""),[T,v]=bt([]),[S,w]=bt(""),[E,M]=bt(null),[C,P]=bt(g),[$,W]=bt(!!g),x=qd(null),F=Go(p),I=l.find(D=>D.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),H=i(D=>!!p?.result?.swaps.find(Y=>Y.from.blockchain===D),"isWalletRequiredFor"),[te,oe]=bt(k.filter(D=>D.selected&&F.includes(D.chain))),G=l.find(D=>D.name===I?.name),ie=i((D,Y)=>!!te.find(q=>q.walletType===D&&q.chain===Y&&q.selected&&(H(Y)||!H(Y)&&!C)),"isSelected"),ye=!!C&&$&&G&&!Qo(G,C),Se=i(()=>{W(!1),P(""),oe(D=>{let Y=!1;return D.map(q=>!Y&&q.chain===I?.name?(Y=!0,{...q,selected:!0}):q)})},"resetCustomDestination"),De=i(D=>{if(h&&b(""),ie(D.walletType,D.chain))return;let q=k.find(se=>se.walletType===D.walletType&&se.chain===D.chain);q&&(n(),D.chain===I?.name&&$&&(W(!1),P("")),oe(se=>se.filter(je=>je.chain!==D.chain).concat({...q,selected:!0})))},"onChange"),Wt=i(()=>{let D=te.filter(Y=>Y.selected);y(D),c(D),f(C),m(!0),o()},"onConfirmBalance"),Yt=i(async()=>{v([]),w(""),M(null);let D=k.filter(se=>te.find(je=>je.chain===se.chain&&je.walletType===se.walletType)),Y=await r?.({selectedWallets:D,customDestination:C}),q=Y.warnings;q?.balance?.messages&&v(q.balance.messages),q?.quoteUpdate&&M(q.quoteUpdate),Y.error&&w(Xs(Y.error)),!Y.error&&(!q?.balance?.messages.length||0>0)?Wt():v(q?.balance?.messages??[])},"onConfirmWallets");Ud(()=>{oe(D=>D.concat(k.filter(Y=>!!!D.find(se=>se.chain===Y.chain)&&Y.selected&&F.includes(Y.chain))))},[k.length]),Od(()=>{$&&x.current&&setTimeout(()=>{x?.current?.scrollIntoView({behavior:"smooth"})},Rt)},[$]);let ot=document.querySelector("#swap-box"),Ve=zd();return L.createElement(Sl,{open:e,onClose:()=>{u||Ve("../",{replace:!0}),o()},dismissible:!h,container:ot,...!h&&{footer:L.createElement(Da,null,L.createElement(yl,{loading:s,disabled:la(s,$,C,p,te,I),onClick:Yt,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...h&&{containerStyle:{padding:"$0"},header:L.createElement(Ia,null,L.createElement(Wa,{variant:"ghost",onClick:b.bind(null,"")},L.createElement(_d,{size:16})),L.createElement(kn,{variant:"headline",size:"small"},rt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ye(h,l)}})))},anchor:"center"},L.createElement(Sl,{open:T.length>0,onClose:v.bind(null,[]),container:ot},L.createElement(Dd,{title:rt.t("Insufficient account balance"),type:"error",description:L.createElement(Md,{messages:T??[]})},L.createElement(yl,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Wt},rt.t("Proceed anyway")))),h&&L.createElement(Na,null,L.createElement("div",{className:La()},L.createElement(Or,{chain:h,isSelected:ie,selectWallet:De,onShowMore:b.bind(null,h)}))),!h&&L.createElement(L.Fragment,null,S&&L.createElement(L.Fragment,null,L.createElement(qr,{variant:"alarm",type:"error",title:rt.t(S)}),L.createElement(Ut,{size:12})),E&&L.createElement(L.Fragment,null,L.createElement(qr,{variant:"alarm",type:"warning",title:ln(E)}),L.createElement(Ut,{size:12})),L.createElement(Ua,null,F.map((D,Y)=>{let q=l.find(Ee=>Ee.name===D),se=`wallet-${Y}`,je=Y===F.length-1;return L.createElement("div",{key:se},L.createElement(xa,null,L.createElement(kn,{variant:"title",size:"xmedium"},rt.t({id:"Your {blockchainName} wallets",values:{blockchainName:q?.shortName}})),L.createElement(kn,{variant:"label",color:"$neutral700",size:"medium"},rt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:q?.shortName}}))),L.createElement(Ut,{size:24}),L.createElement(ba,null,L.createElement(Or,{chain:D,isSelected:ie,selectWallet:De,limit:Hd,onShowMore:()=>b(q?.name??"")})),!je&&L.createElement(Ut,{size:32}),je&&a?.customDestination&&L.createElement(Ma,null,L.createElement(Ba,{ref:x,selected:$,open:$,onOpenChange:Ee=>{Ee?H(I?.name??"")||oe(sr=>sr.map(ar=>ar.chain===I?.name?{...ar,selected:!1}:ar)):Se()}},L.createElement(Ea,{onClick:()=>W(Ee=>!Ee)},L.createElement(Pa,{fullWidth:!0,variant:"default",suffix:L.createElement(_a,{orientation:$?"up":"down"},L.createElement($d,{size:10,color:"gray"}))},L.createElement("div",{className:"button__content"},L.createElement(Fd,{size:18,color:"info"}),L.createElement(Ut,{size:4,direction:"horizontal"}),L.createElement(kn,{variant:"label",size:"medium"},rt.t("Send to a different address"))))),L.createElement(pn,{open:$},L.createElement(L.Fragment,null,L.createElement(Ut,{size:4}),L.createElement(Fa,{autoFocus:!0,placeholder:rt.t("Your destination address"),value:C,onChange:Ee=>{P(Ee.target.value)}})))),ye&&L.createElement("div",{className:$a()},L.createElement(qr,{variant:"alarm",type:"error",title:rt.t({values:{destination:C},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Cl,"ConfirmWalletsModal");import{Divider as Ef}from"@rango-dev/ui";import Me from"react";import{i18n as jr}from"@lingui/core";import{Alert as Vd,ChevronDownIcon as jd,ChevronRightIcon as Kd,Divider as Kr,Image as Dl,InfoIcon as Xd,QuoteCost as Yd,StepDetails as Jd,TokenAmount as Zd,Tooltip as Fl,Typography as Ot}from"@rango-dev/ui";import B,{useLayoutEffect as Rd,useRef as Ul,useState as ef}from"react";import{styled as oo}from"@rango-dev/ui";var kl=oo("div",{paddingBottom:"$10"}),zr=oo("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Tl=oo("div",{variants:{paddingTop:{true:{paddingTop:"$10"}}}}),wl=oo("div",{paddingBottom:"$15"}),vl=oo("div",{width:"100%",display:"flex"});import*as Tn from"@radix-ui/react-collapsible";import{css as Hr,darkTheme as Je,Image as xl,styled as it}from"@rango-dev/ui";var Gr=300,bl=it(Tn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${Je} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Je} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}}}),Al=Hr({padding:"$10 $15"}),El=it("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",cursor:"pointer",boxSizing:"border-box",position:"relative",variants:{recommended:{true:{$$color:"$colors$info100",[`.${Je} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${Je} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{},false:{}}},compoundVariants:[{listItem:!0,recommended:!0,css:{"&:hover":{$$color:"$colors$secondary200",[`.${Je} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${Je} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}]}),Il=Hr({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),Wl=Hr({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Je} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Nl=it(Tn.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:{[`& ${xl}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${xl}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${Je} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Je} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& div:nth-child(1)":{display:"flex"}}),Qr=it("div",{width:"18px",height:"18px",borderRadius:"100%",border:"1.5px transparent solid",display:"flex",justifyContent:"center",alignItems:"center",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),Ll=it(pn,{width:"100%"}),Vr=it("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Gr}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Px=it("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Bl=it("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Je} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Pl=it("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"});import{TokenAmount as _l}from"@rango-dev/ui";import wn from"react";import{css as Gd,styled as Qd}from"@rango-dev/ui";var Ml=Qd("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),$l=Gd({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function no(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return wn.createElement(Ml,null,wn.createElement(_l,{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}}),wn.createElement("div",{className:$l()}),wn.createElement(_l,{direction:"horizontal",label:"Estimated output",type:"output",price:{value:o.price.value,usdValue:o.price.usdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}i(no,"QuoteSummary");function Xr(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=d().tokens(),c=d().blockchains(),u=d().swappers(),[m,g]=ef(t.expanded),f=Ul(null),k=Ul(m),y=N(Ko(e.result?.swaps??[],p),2,2),h=Po(Mo(e.result?.swaps)),b=N(o.value,6,6),T=N(n.value,6,6),v=n.usdValue?N(n.usdValue,4,4):"",S=Be(o.usdValue,n.usdValue??null),w=N(S,2,2),E=nt(S??0),C=i(W=>W.map((x,F)=>{let I,H=r?.type===3&&r.swap.swapperId===x.swapperId||r?.type===4&&r.recommendedSlippages?.has(F),te=s?.type===2&&s.recommendedSlippages?.has(F);return H?I="error":te&&(I="warning"),{swapper:{displayName:Ks(x.swapperId,u),image:x.swapperLogo},from:{token:{displayName:x.from.symbol,image:x.from.logo},chain:{displayName:Ye(x.from.blockchain,c),image:x.from.blockchainLogo},price:{value:F===0?N(o.value,6,6):N(x.fromAmount,6,6),usdValue:N((x.from.usdPrice??0)*parseFloat(x.fromAmount),4,4)}},to:{token:{displayName:x.to.symbol,image:x.to.logo},chain:{displayName:Ye(x.to.blockchain,c),image:x.to.blockchainLogo},price:{value:N(x.toAmount,6,6),usdValue:N((x.to.usdPrice??0)*parseFloat(x.toAmount),4,4)}},state:I,alerts:H||te?B.createElement(wl,null,B.createElement(Vd,{type:H?"error":"warning",title:r?.type===3?r?.recommendation:jr.t("Slippage Error:"),footer:B.createElement(vl,null,r?.type===3&&B.createElement(B.Fragment,null,B.createElement(Ot,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),B.createElement(Kr,{direction:"horizontal",size:8}),B.createElement(Ot,{size:"xsmall",variant:"body",color:"neutral900"},"|"),B.createElement(Kr,{direction:"horizontal",size:8}),B.createElement(Ot,{size:"xsmall",variant:"body",color:"neutral900"},jr.t({id:"Yours: {amount} {symbol}",values:{amount:N(x.fromAmount,6,6),symbol:x?.from.symbol}}))),(r?.type===4||s?.type===2)&&B.createElement(Ot,{size:"xsmall",variant:"body",color:"neutral900"},jr.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(F)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(F)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),P=C.length,$=j();return Rd(()=>{m&&!k.current&&f.current&&setTimeout(()=>{f?.current?.scrollIntoView({behavior:"smooth"})},Gr),k.current=m},[m,k]),B.createElement(B.Fragment,null,B.createElement(El,{recommended:l,listItem:a==="list-item",basic:a==="basic"},B.createElement("div",{className:Il()},B.createElement(Yd,{fee:y,time:h,steps:P}),a==="basic"&&B.createElement("div",{className:Wl()},B.createElement(Pl,null,B.createElement(Xd,{size:12,color:"gray"})),B.createElement(Ot,{size:"small",variant:"body",style:{letterSpacing:.4}},`${b} ${C[0].from.token.displayName} = ${T} ${C[C.length-1].to.token.displayName}`),B.createElement(Ot,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${v})`)),a==="list-item"&&B.createElement(Zd,{type:"output",direction:"vertical",price:{value:T,usdValue:v},token:{displayName:C[P-1].to.token.displayName,image:C[P-1].to.token.image},chain:{image:C[P-1].to.chain.image},percentageChange:w,warningLevel:E}),a==="swap-preview"&&B.createElement(B.Fragment,null,B.createElement(no,{from:C[0].from,to:C[P-1].to,percentageChange:w,warningLevel:E}),B.createElement(Kr,{size:4}))),B.createElement(bl,{recommended:l,open:m,onOpenChange:g},B.createElement(Nl,{ref:W=>f.current=W,recommended:l,onClick:()=>g(W=>!W)},B.createElement("div",null,C.map((W,x)=>{let F=`item-${x}`,I=B.createElement(Vr,null,B.createElement(Kd,{size:12,color:"black",...W.state&&{color:W.state==="error"?"error":"warning"}}));return B.createElement(B.Fragment,{key:F},B.createElement(Fl,{container:$,side:"bottom",sideOffset:4,content:W.from.chain.displayName},B.createElement(Qr,{state:W.state||C[x-1]?.state},B.createElement(Dl,{src:W.from.chain.image,size:16}))),x===P-1&&B.createElement(B.Fragment,null,I,B.createElement(Fl,{container:$,side:"bottom",sideOffset:4,content:W.to.chain.displayName},B.createElement(Qr,{state:W.state},B.createElement(Dl,{src:W.to.chain.image,size:16})))),x!==P-1&&B.createElement(B.Fragment,null,I))})),B.createElement(Vr,{orientation:m?"up":"down"},B.createElement(jd,{size:12,color:"black"}))),B.createElement(Ll,{open:m},B.createElement(Bl,null),B.createElement("div",{className:Al()},C.map((W,x)=>{let F=`item-${x}`;return B.createElement(Jd,{type:"quote-details",key:F,step:W,hasSeparator:x!==C.length-1,state:W.state})}))))))}i(Xr,"Quote");import{ChainToken as vn,Divider as ze,NextIcon as of,Skeleton as ge}from"@rango-dev/ui";import A from"react";import{darkTheme as tf,styled as Ol}from"@rango-dev/ui";var ql=Ol("div",{$$color:"$colors$neutral100",[`.${tf} &`]:{$$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"}}),zl=Ol("div",{borderLeft:"1px dashed black",minHeight:" 64px",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});function Yr(t){let{separator:e=!0}=t;return A.createElement(A.Fragment,null,A.createElement("div",{className:"step__title"},A.createElement(ge,{height:22,width:22,variant:"circular"}),A.createElement(ze,{direction:"horizontal",size:8}),A.createElement(ge,{height:15,width:148,variant:"rounded"})),A.createElement("div",{className:"step__content"},A.createElement(zl,{hideSeparator:!e}),A.createElement("div",{className:"step__tokens"},A.createElement("div",{className:"step__token-info"},A.createElement(vn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),A.createElement(ze,{direction:"horizontal",size:8}),A.createElement(ge,{height:12,width:76,variant:"rounded"})),A.createElement("div",{className:"step__icon-container"},A.createElement(of,{color:"gray",size:16})),A.createElement("div",{className:"step__token-info"},A.createElement(vn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),A.createElement(ze,{direction:"horizontal",size:8}),A.createElement(ge,{height:12,width:76,variant:"rounded"})))))}i(Yr,"StepSkeleton");function Jr(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(vn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),A.createElement(ze,{size:8,direction:"horizontal"}),A.createElement("div",{className:"token-amount__label"},A.createElement(ge,{height:10,width:60,variant:"rounded"}),A.createElement(ze,{size:4}),A.createElement(ge,{height:15,width:148,variant:"rounded"}))),A.createElement(ge,{height:12,width:64,variant:"rounded"}));return A.createElement(ql,{rounded:e!=="basic"},A.createElement("div",{className:"cost-and-tag"},A.createElement("div",{className:"cost"},A.createElement(ge,{width:60,height:10,variant:"rounded"}),A.createElement(ze,{size:4,direction:"horizontal"}),A.createElement(ge,{width:60,height:10,variant:"rounded"}),A.createElement(ze,{size:4,direction:"horizontal"}),A.createElement(ge,{width:60,height:10,variant:"rounded"})),n&&A.createElement(ge,{height:22,width:100,variant:"rounded"})),e==="basic"&&A.createElement("div",{className:"basic-summary"},A.createElement(ge,{height:15,width:148,variant:"rounded"})),e==="list-item"&&A.createElement("div",{className:"output"},A.createElement("div",{className:"output__token-info"},A.createElement(vn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),A.createElement(ze,{direction:"horizontal",size:4}),A.createElement(ge,{height:15,width:150,variant:"rounded"})),A.createElement(ze,{size:4}),A.createElement(ge,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&A.createElement(A.Fragment,null,A.createElement(ze,{size:4}),A.createElement("div",{className:"swap-preview"},r,A.createElement("div",{className:"quote-summary__separator"}),r)),A.createElement("div",{className:"chains"},A.createElement(ge,{height:15,width:321,variant:"rounded"})),o&&A.createElement("div",{className:"steps"},A.createElement(ze,{size:20}),A.createElement(Yr,null),A.createElement(Yr,null),A.createElement(Yr,{separator:!1})))}i(Jr,"QuoteSkeleton");import{i18n as vf}from"@lingui/core";import{Alert as xf,Button as bf,InfoIcon as Af}from"@rango-dev/ui";import We from"react";import{Alert as nf,Button as rf,Divider as Kl,NoRouteIcon as sf,RefreshIcon as af,Typography as Xl}from"@rango-dev/ui";import He from"react";import{i18n as Hl}from"@lingui/core";function Gl(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:Q().genericServerError,action:{onClick:n,title:Hl.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:Q().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Hl.t("Reset")}},description:Q().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:Q().noResultError.description}}i(Gl,"makeInfo");import{styled as Zr}from"@rango-dev/ui";var Ql=Zr("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Vl=Zr("div",{width:"100%"}),jl=Zr("div",{padding:"$6 $0"});function Rr(t){let{fetch:e,error:o}=t,n=d().disabledLiquiditySources,r=d().toggleAllLiquiditySources,s=d().swappers(),a=Gl(o,n,()=>r(s,!0),e);return He.createElement(Ql,null,He.createElement(sf,{size:24,color:"gray"}),He.createElement(Kl,{size:4}),He.createElement(Xl,{variant:"title",size:"small"},Q().noResultError.title),!!a.description&&He.createElement(Xl,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),He.createElement(Kl,{size:4}),!!a.alert&&He.createElement(Vl,null,He.createElement(nf,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&He.createElement(rf,{size:"xsmall",type:a.alert.type,prefix:He.createElement(jl,null,He.createElement(af,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Rr,"NoResult");import{i18n as so}from"@lingui/core";import{Button as pf,Divider as tp,MessageBox as cf,Modal as uf,Typography as mf,WarningIcon as df}from"@rango-dev/ui";import Ze from"react";import{Typography as Rl}from"@rango-dev/ui";import ti from"react";import{darkTheme as lf,styled as xn}from"@rango-dev/ui";var Yl=xn("div",{width:"100%",paddingTop:"$10"}),ei=xn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Jl=xn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${lf} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Zl=xn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function ep(t){let{title:e,value:o,valueColor:n}=t;return ti.createElement(Jl,null,ti.createElement(Rl,{size:"medium",variant:"label",className:"_title"},e),ti.createElement(Rl,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(ep,"QuoteErrorsModalItem");function op(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,s=r.warningLevel==="high"?"error":"warning",a=[{title:so.t("Swapping"),value:N(r.inputUsdValue,4,4)},{title:so.t("Gas cost"),value:N(r.totalFee,2,2)},{title:so.t("Receiving"),value:N(r.outputUsdValue,4,4)},{title:so.t("Price impact"),value:N(r.priceImpact,2,2),valueColor:`${s}500`}];return Ze.createElement(uf,{open:e,onClose:o,container:j()},Ze.createElement(cf,{type:s,title:Q().highValueLossError.impactTitle,description:Q().highValueLossError.description}),Ze.createElement(ei,null,Ze.createElement(tp,{size:20}),Ze.createElement(mf,{size:"small",variant:"title"},so.t("Details")),Ze.createElement(ei,null,a.map((l,p)=>Ze.createElement(ep,{key:p,...l})))),Ze.createElement(tp,{size:32}),Ze.createElement(pf,{type:"primary",size:"large",prefix:Ze.createElement(df,null),fullWidth:!0,onClick:n},Q().highValueLossError.confirmMessage))}i(op,"HighValueLossWarningModal");import{i18n as oi}from"@lingui/core";function np(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(nt(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=Q().highValueLossError.title),t.type===1&&(o.title=Q().unknownPriceError.title),t.type===2&&(o.title=oi.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:t.minRequiredSlippage}}),o.action="change-settings"),t.type===3&&(o.title=oi.t("Caution, your slippage is high.")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action="show-info"),e.type===4&&(o.title=oi.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):null}i(np,"makeAlerts");import{i18n as qt}from"@lingui/core";import{Button as rp,Divider as ip,MessageBox as ff,Modal as gf,Typography as hf}from"@rango-dev/ui";import At from"react";import{useNavigate as yf}from"react-router-dom";function sp(t){let{customSlippage:e,slippage:o}=d(),{open:n,onClose:r,onConfirm:s,warning:a}=t,l=yf(),p=e??o;return At.createElement(gf,{anchor:"bottom",open:n,prefix:At.createElement(rp,{size:"small",variant:"ghost",onClick:()=>l("../"+_.settings)},At.createElement(hf,{variant:"label",size:"medium",color:"$neutral900"},qt.t("Change settings"))),container:j(),onClose:r},At.createElement(ff,{type:"warning",title:a.type===3?qt.t("High slippage"):qt.t("Low slippage"),description:a.type===3?qt.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):qt.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},At.createElement(ip,{size:18}),At.createElement(ip,{size:32}),At.createElement(rp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:s},qt.t("Confirm anyway"))))}i(sp,"SlippageWarningModal");import{Button as Sf,Divider as Cf,MessageBox as kf,Modal as Tf,WarningIcon as wf}from"@rango-dev/ui";import ao from"react";function ap(t){let{open:e,onClose:o,onConfirm:n}=t;return ao.createElement(Tf,{open:e,onClose:o,container:j()},ao.createElement(kf,{type:"warning",title:Q().unknownPriceError.impactTitle,description:Q().unknownPriceError.description}),ao.createElement(Cf,{size:32}),ao.createElement(Sf,{type:"primary",size:"large",prefix:ao.createElement(wf,null),fullWidth:!0,onClick:n},Q().unknownPriceError.confirmMessage))}i(ap,"UnknownPriceWarningModal");function ni(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:s,onCloseWarningModal:a,onConfirmWarningModal:l,onChangeSettings:p}=t,c={open:r,onClose:a,onConfirm:l},u=o?.type===0||o?.type===1,m=np(e,o?.type===3||o?.type===4?o:null);return We.createElement(We.Fragment,null,u&&We.createElement(Rr,{error:o,fetch:n}),!!m&&We.createElement(Yl,null,We.createElement(xf,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:We.createElement(Zl,{onClick:s},We.createElement(Af,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:We.createElement(bf,{size:"xxsmall",type:m.alertType,onClick:p},vf.t("Change"))}})),e&&We.createElement(We.Fragment,null,e.type===0&&We.createElement(op,{...c,warning:e}),(e.type===3||e.type===2)&&We.createElement(sp,{...c,warning:e}),e.type===1&&We.createElement(ap,{...c,warning:e})))}i(ni,"QuoteWarningsAndErrors");function lo(t){let{quote:e,type:o,loading:n,error:r,warning:s,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:c,onConfirmWarningModal:u,onChangeSettings:m,expanded:g=!1,alertPosition:f="bottom"}=t,{inputAmount:k,inputUsdValue:y,outputUsdValue:h,outputAmount:b}=O(),v=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n,S=(s||r)&&Me.createElement(ni,{warning:s,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:c,onConfirmWarningModal:u,onChangeSettings:m});return Me.createElement(Me.Fragment,null,n&&Me.createElement(zr,null,Me.createElement(Tl,{paddingTop:f==="top"},Me.createElement(Jr,{type:o,expanded:g}))),f==="top"&&Me.createElement(kl,null,S),v?Me.createElement(zr,null,Me.createElement(Xr,{quote:e,error:r,warning:s,type:o,expanded:g,recommended:!0,input:{value:k,usdValue:y?.toString()??""},output:{value:b?.toString()??"",usdValue:h?.toString()??""}})):null,f==="bottom"&&Me.createElement(Me.Fragment,null,!s&&!r&&Me.createElement(Ef,{size:16}),S))}i(lo,"QuoteInfo");import{calculatePendingSwap as Nf}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Lf}from"react";import{useRef as If,useState as Wf}from"react";function bn(){let[t,e]=Wf(!1),o=If(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Lt().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(bn,"useFetchQuote");function An(t){if(!t.result)throw new Error(Q().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(yr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Sr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=kr(t);if(o){let n=Xo(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(An,"throwErrorIfResponseIsNotValid");function lp(t,e,o){let n=!1;t&&(n=ma(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=Jo(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(oa(t,e)?r.quoteUpdate={type:3,newOutputAmount:N(Mt(e)),percentageChange:N(Be(Mt(t)??"",Mt(e)??""),null,2)}:wr(t,e)?r.quoteUpdate={type:0}:vr(t,e)?r.quoteUpdate={type:1}:xr(t,e)&&(r.quoteUpdate={type:2}));let a=na(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(lp,"generateWarnings");function En(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}i(En,"handleQuoteErrors");function ri(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=O(),{slippage:l,customSlippage:p,affiliatePercent:c,affiliateRef:u,affiliateWallets:m,disabledLiquiditySources:g}=d(),{connectedWallets:f}=z(),k=d().blockchains(),y=d().tokens(),{features:h}=d().config,{enableNewLiquiditySources:b}=d().config,T=p||l,{fetch:v,cancelFetch:S,loading:w}=bn();return Lf(()=>S,[]),{loading:w,fetch:i(async M=>{let C=M.selectedWallets,P=M?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let $=Yo({fromToken:t,toToken:e,inputAmount:o,wallets:f,selectedWallets:C,excludeLiquiditySources:b,disabledLiquiditySources:g,slippage:T,affiliateRef:u,affiliatePercent:c,affiliateWallets:m,initialQuote:r??void 0,destination:P});Bo("experimentalRoute",h)&&($.experimental=!0);let W;try{W=await v($).then(H=>An(H)),n(W)}catch(H){return En(H)}let x={slippage:T.toString(),disabledSwappersGroups:g},F=Nf(o.toString(),W,ea(C),x,!1,{blockchains:k,tokens:y}),I=lp(r??void 0,W,{fromToken:t,toToken:e,meta:{blockchains:k,tokens:y},selectedWallets:C,userSlippage:T});return I.quoteUpdate&&a(!1),{quote:W,swap:F,error:null,warnings:I}},"fetch"),cancelFetch:S}}i(ri,"useConfirmSwap");var Hf=mp("div",{position:"relative",width:"100%","& .quote-update__alert":{paddingTop:"$10"}}),Gf=mp("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${up}`]:{width:"$48",height:"$48"}}),Qf=ii({flexGrow:1,paddingRight:"$10"}),Vf=ii({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),jf=ii({display:"flex",justifyContent:"space-between",alignItems:"center"});function dp(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=O(),l=zf(),[p,c]=Wn(""),{connectedWallets:u}=z(),m=!n,[g,f]=Wn(!1),k=we.use.setSelectedSwap(),y=d().disabledLiquiditySources,h=Of(y),{manager:b}=Bf(),{fetch:T,loading:v,cancelFetch:S}=ri(),[w,E]=Wn({swap:null,error:null,warnings:null}),[M,C]=Wn(!1),P=i(async({selectedWallets:I,customDestination:H})=>{let te=await T?.({selectedWallets:I,customDestination:H});return E(te),te},"onConfirmSwap"),$=i(async()=>{if(w.swap&&n)try{await b?.create("swap",{swapDetails:w.swap},{id:w.swap.requestId}),k(w.swap.requestId);let I=`../${_.swaps}/${w.swap.requestId}`;l(I,{replace:!0}),setTimeout(()=>{e("")},0)}catch(I){c("Error: "+I?.message)}},"addNewSwap"),W=i(async()=>{await $()},"onConfirm"),x=i(async()=>{w?.warnings?.quote&&!a?C(!0):await W()},"onStartConfirmSwap"),F=i(async()=>{E({error:null,swap:null,warnings:null}),T({selectedWallets:o,customDestination:s}).then(I=>{E(I)}).catch(I=>console.error(I))},"onRefresh");return po(()=>{!!h.current.length&&!y.length&&F(),h.current=y},[y.length]),po(()=>{m&&S()},[m]),po(()=>{m&&f(m)},[m]),po(()=>{m||T({selectedWallets:o,customDestination:s}).then(I=>E(I)).catch(I=>console.error(I))},[]),po(()=>{let I=w.warnings?.quote?.type&&Object.values(ct).includes(w.warnings?.quote?.type),H=o.length<1||!o.every(oe=>u.find(G=>oe.address===G.address&&oe.walletType===G.walletType&&oe.chain===G.chain)),te=!1;if(I){let oe=Go(t),G=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(Se=>Se.from.blockchain===G)||(oe=oe.slice(-oe.length,oe.length-1)),oe.every(Se=>o.find(De=>De.chain===Se))||(te=!0)}t&&(H||te)&&(queueMicrotask(()=>qf(f.bind(null,!0))),r(!1))},[w.warnings?.quote,o.length,u.length]),Uf(()=>{t||l("../")},[]),ee.createElement(K,{header:{title:In.t("Confirm Swap"),onWallet:()=>{let I=`../${_.wallets}`;l(I)},suffix:ee.createElement(_f,{container:j(),side:"bottom",content:In.t("Settings")},ee.createElement(Ue,{size:"small",variant:"ghost",onClick:()=>l("../"+_.settings)},ee.createElement($f,{size:18,color:"black"})))},footer:ee.createElement(Gf,null,ee.createElement("div",{className:Qf()},ee.createElement(cp,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:v,disabled:!!w.error,onClick:x},In.t("Start Swap"))),ee.createElement(up,{variant:"contained",type:"primary",size:"large",loading:v,onClick:f.bind(null,!0)},ee.createElement(Ff,{size:24})))},g&&ee.createElement(Cl,{open:g,onClose:()=>f(!1),onCancel:S,loading:v,onCheckBalance:P}),ee.createElement(Hf,null,ee.createElement("div",{className:jf()},ee.createElement(Df,{variant:"title",size:"small"},In.t("You get")),ee.createElement(cp,{style:{padding:"0"},variant:"ghost",disabled:v,onClick:F},ee.createElement("div",{className:Vf()},ee.createElement(Mf,{size:16})))),p&&ee.createElement(ee.Fragment,null,ee.createElement(pp,{type:"error",variant:"alarm",title:p}),ee.createElement(Pf,{size:12})),w.warnings?.quoteUpdate&&ee.createElement("div",{className:"quote-update__alert"},ee.createElement(pp,{variant:"alarm",type:"warning",title:w.warnings.quoteUpdate&&ln(w.warnings.quoteUpdate)})),ee.createElement(lo,{quote:t,type:"swap-preview",expanded:!0,alertPosition:"top",error:w.error,loading:v,warning:w.warnings?.quote??null,refetchQuote:F,showWarningModal:M,onOpenWarningModal:()=>C(!0),onCloseWarningModal:()=>C(!1),onConfirmWarningModal:async()=>{C(!1),await $()},onChangeSettings:()=>l("../"+_.settings)})))}i(dp,"ConfirmSwapPage");import{i18n as Bn}from"@lingui/core";import{useManager as tg}from"@rango-dev/queue-manager-react";import{Divider as og,NotFound as ng,styled as wp}from"@rango-dev/ui";import yt,{useState as rg}from"react";import{useNavigate as ig}from"react-router-dom";import{CloseIcon as Xf,IconButton as Yf,SearchIcon as Jf,TextField as Zf}from"@rango-dev/ui";import co from"react";import{styled as Kf}from"@rango-dev/ui";var fp=Kf("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function st(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return co.createElement(Zf,{prefix:co.createElement(fp,null,co.createElement(Jf,{color:"black"})),suffix:!!a.length&&co.createElement(Yf,{variant:"ghost",onClick:()=>l?.(""),size:"small"},co.createElement(Xf,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...p})}i(st,"SearchInput");import{i18n as hp}from"@lingui/core";import{Divider as yp,SwapListItem as Sp,Typography as Cp}from"@rango-dev/ui";import Z from"react";import{css as Rf,darkTheme as eg,styled as Nn}from"@rango-dev/ui";var Ln=Rf(),si=Nn("div",{width:"100%",display:"flex",flexDirection:"column",[`& .${Ln}`]:{$$color:"$colors$neutral600",[`.${eg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ai=Nn("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),li=Nn("div",{gap:"$10",display:"flex",flexDirection:"column"}),gp=Nn("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function pi(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,s=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return Z.createElement(Z.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>Z.createElement(Z.Fragment,{key:p.title},Z.createElement(si,null,Z.createElement(ai,null,Z.createElement(Cp,{variant:"label",size:"medium",className:Ln()},hp.t(p.title))),Z.createElement(yp,{size:4}),Z.createElement(li,null,p.swaps.map((c,u)=>{let m=u+p.title;return Z.createElement(Z.Fragment,{key:m},Z.createElement(Sp,{isLoading:!0}))}))))))}return Z.createElement(Z.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>Z.createElement(Z.Fragment,{key:a.title},Z.createElement(si,null,Z.createElement(ai,null,Z.createElement(Cp,{variant:"label",size:"medium",className:Ln()},hp.t(a.title))),Z.createElement(yp,{size:4}),Z.createElement(li,null,a.swaps.map(l=>{let p=l.steps[0],c=l.steps[l.steps.length-1];return Z.createElement(Z.Fragment,{key:l.requestId},Z.createElement(Sp,{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:$o(l.inputAmount)},to:{token:{image:c.toLogo,displayName:c.toSymbol},blockchain:{image:c.toBlockchainLogo||""},amount:$o(c.outputAmount||""),estimatedAmount:$o(c.expectedOutputAmountHumanReadable||"")}}}))}))))))}i(pi,"SwapsGroup");import kp from"dayjs";var Tp=i(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=kp();return t.forEach(n=>{let r=kp(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 zt=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");var sg=wp("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),ag=wp("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),lg=i((t,e)=>t?.length?t.filter(o=>Ke(o.fromBlockchain,e)||Ke(o.toBlockchain,e)||Ke(o.toSymbol,e)||Ke(o.fromSymbol,e)).length:!1,"isStepContainsText");function vp(){let t=we.use.setSelectedSwap(),e=ig(),{manager:o,state:n}=tg(),r=zt(o).map(({swap:m})=>m),[s,a]=rg(""),l=!n.loadedFromPersistor,p=i(m=>{let g=m.target.value;a(g)},"searchHandler"),c=r;s&&(c=r.filter(m=>Ke(m.inputAmount,s)||Ke(m.status,s)||lg(m.steps,s)||Ke(m.requestId,s)));let u=!c?.length&&!l;return yt.createElement(K,{header:{title:Bn.t("History")}},yt.createElement(sg,null,yt.createElement(st,{setValue:a,fullWidth:!0,variant:"contained",placeholder:Bn.t("Search Transaction"),autoFocus:!0,onChange:p,value:s}),yt.createElement(ag,null,u&&yt.createElement(gp,null,yt.createElement(og,{size:32}),yt.createElement(ng,{title:Bn.t("No results found"),description:s?Bn.t("Try using different keywords"):""})),!u&&yt.createElement(pi,{list:c,onSwapClick:m=>{t(m),e(m)},groupBy:Tp,isLoading:l}))))}i(vp,"HistoryPage");import{i18n as mi}from"@lingui/core";import{Button as gg,styled as di,SwapInput as Ep,WarningIcon as hg}from"@rango-dev/ui";import $e,{useEffect as yg,useRef as Sg,useState as Cg}from"react";import{useNavigate as kg}from"react-router-dom";import{ReverseIcon as pg,styled as xp}from"@rango-dev/ui";import ci from"react";var cg=xp("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),ug=xp("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 bp(){let t=O.use.switchFromAndTo();return ci.createElement(cg,null,ci.createElement(ug,{onClick:()=>{t()}},ci.createElement(pg,{size:12})))}i(bp,"SwitchFromAndToButton");import{useCallback as mg,useEffect as dg,useState as ui}from"react";var fg=600;function Ap(){let{fetch:t,cancelFetch:e}=bn(),{liquiditySources:o,enableNewLiquiditySources:n,features:r}=d().config,s=d().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:c,resetQuote:u,setQuote:m}=O(),{slippage:g,customSlippage:f,affiliatePercent:k,affiliateRef:y,affiliateWallets:h,disabledLiquiditySources:b}=d(),[T,v]=ui(!1),[S,w]=ui(null),[E,M]=ui(null),C=f??g,$=!a||!l||Le(a,l)||!Jt(p),W=i(I=>{v(I),w(null),M(null)},"resetState"),x=i(I=>{let{fromToken:H,toToken:te,inputAmount:oe,liquiditySources:G,excludeLiquiditySources:ie,disabledLiquiditySources:ye,slippage:Se,affiliateRef:De,affiliatePercent:Wt,affiliateWallets:Yt}=I;if(T||W(!0),!$&&H&&te){u();let ot=Yo({fromToken:H,toToken:te,inputAmount:oe,liquiditySources:G,excludeLiquiditySources:ie,disabledLiquiditySources:ye,slippage:Se,affiliateRef:De,affiliatePercent:Wt,affiliateWallets:Yt});Bo("experimentalRoute",r)&&(ot.experimental=!0),t(ot).then(Ve=>{v(!1),m(Ve),An(Ve);let D=Jo(Ve,{fromToken:H,toToken:te,userSlippage:C,tokens:s});M(D)}).catch(Ve=>{let{error:D}=En(Ve);(D?.type===0||D?.type===1)&&u(),D?.type!==2&&(w(D),v(!1))})}},"fetch"),F=mg(ws(I=>{$||x(I)},fg),[$]);return dg(()=>{if(!Jt(p)||c?.eq(0)){W(!1),e();return}if(!$)return u(),W(!0),F({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:b,slippage:C,affiliateRef:y,affiliatePercent:k,affiliateWallets:h}),e},[p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,$,o?.length,n,b.length,C,y,k,JSON.stringify(h)]),{fetch:()=>x({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:b,slippage:C,affiliateRef:y,affiliatePercent:k,affiliateWallets:h}),loading:T,error:S,warning:E}}i(Ap,"useSwapInput");var Tg=di("div",{display:"flex",flexDirection:"column",overflowY:"visible","& .quote__container":{paddingTop:"$2"}}),wg=di("div",{position:"relative"}),vg=di("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function Ip(){let t=kg(),{fetch:e,loading:o,error:n,warning:r}=Ap(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:m,outputAmount:g,outputUsdValue:f,quote:k,resetQuoteWallets:y,setQuoteWarningsConfirmed:h}=O(),b=d().fetchStatus,{connectedWallets:T,getBalanceFor:v}=z(),S=we.use.setCurrentPage(),[w,E]=Cg(!1),M=Sg(null),C=!1,P=!Cr(k,u,m),$=!Cr(k,u,f),W=Js({fetchMetaStatus:b,fetchingQuote:o,inputAmount:u,quote:k,anyWalletConnected:T.length>0,error:n,warning:r,needsToWarnEthOnPath:C}),x=s?v(s):null,F=qo(x)?.amount??"0",I=a&&s?N(x?.amount,x?.decimals):"0";yg(()=>(S(_.home),y(),S.bind(null,"")),[]);let H=!m||!f||!f.gt(0)?null:Be(m.toString(),f.toString());return $e.createElement(K,{ref:M,fixedHeight:!1,hasLogo:!0,footer:$e.createElement(gg,{type:"primary",size:"large",disabled:W.disabled,prefix:W.action==="confirm-warning"&&$e.createElement(hg,null),fullWidth:!0,onClick:()=>{W.action==="connect-wallet"?t(_.wallets):W.action==="confirm-warning"?E(!0):t(_.confirmSwap)}},W.title),header:{onWallet:()=>{t(_.wallets)},hasBackButton:!1,title:mi.t("Swap"),suffix:$e.createElement(Pr,{layoutRef:M.current,onClickRefresh:k||n?e:void 0,onClickHistory:()=>t(_.swaps),onClickSettings:()=>t(_.settings)})}},$e.createElement(Tg,null,$e.createElement(vg,null,$e.createElement(wg,null,$e.createElement(Ep,{label:mi.t("From"),mode:"From",onInputChange:c,balance:F,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(_.fromSwap),price:{value:u,usdValue:P?void 0:N(m,4,4),error:P?Q().unknownPriceError.impactTitle:void 0},disabled:b==="failed",loading:b==="loading",onSelectMaxBalance:()=>{F!=="0"&&c(I.split(",").join(""))}}),$e.createElement(bp,null)),$e.createElement(Ep,{sharpBottomStyle:!!k?.result||o,label:mi.t("To"),mode:"To",fetchingQuote:o,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:N(Be(m,f),2,2),warningLevel:nt(H??0),price:{value:N(g,6,6),usdValue:$?void 0:N(f,4,4),error:$?Q().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(_.toSwap),disabled:b==="failed",loading:b==="loading"})),$e.createElement("div",{className:"quote__container"},$e.createElement(lo,{quote:k,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:w,onOpenWarningModal:()=>E(!0),onCloseWarningModal:()=>E(!1),onConfirmWarningModal:()=>{E(!1),h(!0),t(_.confirmSwap)},onChangeSettings:()=>t(_.settings)}))))}i(Ip,"Home");import{i18n as Wp}from"@lingui/core";import{List as xg,ListItemButton as bg,Radio as Ag,RadioRoot as Eg,Typography as Ig}from"@rango-dev/ui";import St from"react";import{styled as Pn}from"@rango-dev/ui";var at=Pn("div",{height:"100%",overflow:"hidden"}),uo=Pn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),fi=Pn("div",{width:80,display:"flex",justifyContent:"flex-end"}),gi=Pn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Mn(){let{setLanguage:t,language:e}=d();return{activeLanguage:e,languages:Ds,defaultLanguage:Pt,changeLanguage:r=>t(r||Pt)}}i(Mn,"useLanguage");function Np(){let{activeLanguage:t,changeLanguage:e,languages:o}=Mn(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:St.createElement(Ig,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:St.createElement(Ag,{value:s}),start:St.createElement(l,null)}});return St.createElement(K,{header:{title:Wp.t("Language")}},St.createElement(at,null,St.createElement(Eg,{value:t},St.createElement(xg,{type:St.createElement(bg,{title:Wp.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(Np,"LanguagePage");import{i18n as Ht}from"@lingui/core";import{Button as Pg,Checkbox as Mg,Image as $g,ListItemButton as _g,NotFound as Dg,Typography as Fg}from"@rango-dev/ui";import he,{useState as Ug}from"react";import{Checkbox as Lg,Skeleton as Bp}from"@rango-dev/ui";import mo from"react";import{ListItem as Wg,styled as Ng}from"@rango-dev/ui";var Lp=Ng(Wg,{height:61});var Bg=30;function hi(){return mo.createElement(uo,null,Array.from(Array(Bg),t=>mo.createElement(Lp,{hasDivider:!0,key:t,start:mo.createElement(Bp,{variant:"circular",width:35,height:35}),title:mo.createElement(Bp,{variant:"text",size:"large",width:90}),end:mo.createElement(Lg,{checked:!1})})))}i(hi,"LoadingLiquiditySourceList");function yi({sourceType:t}){let e=d().fetchStatus,o=d().swappers(),n=d().disabledLiquiditySources,[r,s]=Ug(""),a=d().toggleLiquiditySource,l=Lo(o,n),p=[];t==="Exchanges"&&p.push("DEX"),t==="Bridges"&&(p.push("BRIDGE"),p.push("AGGREGATOR"));let c=l.filter(y=>p.includes(y.type)),u=c.length===c.filter(y=>y.selected).length,m=i(()=>{c.forEach(y=>{u?a(y.groupTitle):y.selected||a(y.groupTitle)})},"toggleAllSources"),g=c.map(y=>{let{selected:h,groupTitle:b,logo:T}=y;return{start:he.createElement($g,{src:T,size:22,type:"circular"}),onClick:()=>a(b),end:he.createElement(Mg,{checked:h}),title:he.createElement(Fg,{variant:"title",size:"xmedium"},Ht.t(b)),...y}}),f=i(y=>{let h=y.target.value;s(h)},"searchHandler"),k=g;return r&&(k=g.filter(y=>Ke(y.groupTitle,r))),he.createElement(K,{header:{title:Ht.t(t),suffix:he.createElement(fi,null,he.createElement(Pg,{variant:"ghost",size:"xsmall",onClick:m},Ht.t(u?"Deselect all":"Select all")))}},he.createElement(at,null,he.createElement(st,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:Ht.t("Search {sourceType}",{sourceType:t}),onChange:f}),e==="loading"&&he.createElement(hi,null),!k.length&&r?he.createElement(gi,null,he.createElement(Dg,{title:Ht.t("No results found"),description:Ht.t("Try using different keywords")})):e==="success"&&he.createElement(uo,null,k.map(y=>he.createElement(he.Fragment,{key:y.id},he.createElement(_g,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}i(yi,"LiquiditySourcePage");import{i18n as Op}from"@lingui/core";import{Divider as Ti,getCountCategories as Xg,SelectableCategoryList as Yg}from"@rango-dev/ui";import lt,{useState as qp}from"react";import{i18n as Ci}from"@lingui/core";import{Divider as Fp,Image as Gg,ListItemButton as Qg,NotFound as Vg,Typography as Up}from"@rango-dev/ui";import _e,{useEffect as jg,useState as Kg}from"react";import{BlockchainCategories as Si}from"@rango-dev/ui";import{TransactionType as $n}from"rango-sdk";var Og=i((t,e)=>{switch(e){case Si.ALL:return!0;case Si.UTXO:return t.type===$n.TRANSFER;case Si.OTHER:return t.type!==$n.TRANSFER&&t.type!==$n.COSMOS&&t.type!==$n.EVM;default:return t.type===e}},"filterByType"),Pp=i((t,e,o)=>t.filter(n=>Og(n,o)).filter(n=>kt(n.name,e)||kt(n.displayName,e)),"filterBlockchains");import{ImageContainer as qg,styled as Mp}from"@rango-dev/ui";var $p=Mp("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),_n=Mp("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",[`& ${qg}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as zg,Skeleton as _p}from"@rango-dev/ui";import Dn from"react";var Hg=20;function Dp(){return Dn.createElement(_n,null,Array.from(Array(Hg),t=>Dn.createElement(zg,{key:t,hasDivider:!0,start:Dn.createElement(_p,{variant:"circular",width:35,height:35}),title:Dn.createElement(_p,{variant:"text",size:"large",width:90})})))}i(Dp,"LoadingBlockchainList");function ki(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=Kg(e),{fetchStatus:l}=d();jg(()=>{a([...Pp(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?_e.createElement(_e.Fragment,null,_e.createElement(Fp,{size:32}),_e.createElement(Vg,{title:Ci.t("No results found"),description:Ci.t("Try using different keywords")})):_e.createElement(_n,{key:`${r}-${o}`},s.map(c=>_e.createElement(Qg,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:_e.createElement(Gg,{src:c.logo,size:30}),title:_e.createElement(Up,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return _e.createElement($p,null,_e.createElement(Up,{variant:"label",size:"large"},Ci.t("Select Blockchain")),_e.createElement(Fp,{size:4}),l==="loading"&&_e.createElement(Dp,null),l==="success"&&p())}i(ki,"BlockchainList");function wi(t){let{type:e}=t,o=ft(),[n,r]=qp(""),[s,a]=qp("ALL"),l=O.use.setToBlockchain(),p=O.use.setFromBlockchain(),c=d().fetchStatus,u=d().blockchains({type:e}),g=Xg(u)!==1;return lt.createElement(K,{header:{title:Op.t("Select Blockchain")}},lt.createElement(Ti,{size:12}),g&&lt.createElement(lt.Fragment,null,lt.createElement(Yg,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),lt.createElement(Ti,{size:24})),lt.createElement(st,{value:n,autoFocus:!0,placeholder:Op.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),lt.createElement(Ti,{size:16}),lt.createElement(ki,{list:u,searchedFor:n,blockchainCategory:s,onChange:f=>{e==="source"?p(f):l(f),o()}}))}i(wi,"SelectBlockchainPage");import{i18n as sc}from"@lingui/core";import{Divider as ac}from"@rango-dev/ui";import Qt,{useState as fh}from"react";import{useNavigate as gh}from"react-router-dom";import{i18n as bi}from"@lingui/core";import{BlockchainsChip as Fn,Divider as Qp,Image as Vp,Skeleton as th,Typography as Ai}from"@rango-dev/ui";import de from"react";import{useEffect as Rg}from"react";var zp=["ETH","COSMOS","OSMOSIS"];function vi(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(Jg),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let c=n[p];a=a.filter(u=>c.name!==u)}}n.sort(Zg(a)),r=n.splice(s)}return{list:n,more:r}}i(vi,"prepare");function Jg(t,e){let o=zp,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),s=n>-1,a=r>-1;return s&&a?n>r?1:-1:s?-1:a?1:0}i(Jg,"sortByMostUsedBlockchains");function Zg(t){return i(function(o,n){let r=t.findIndex(p=>p===o.name),s=t.findIndex(p=>p===n.name),a=r>-1,l=s>-1;return a&&l?r>s?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}i(Zg,"generateSortByPreferredBlockchainsFor");function Hp(t,e){return!!e.list.find(o=>o.name===t)}i(Hp,"isInVisibleList");function xi(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=d();Rg(()=>{if(e?.selected){let s=vi(t,o,e);Hp(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=vi(t,o,e);return{list:r.list,more:r.more,history:[]}}i(xi,"usePrepareBlockchainList");import{styled as eh}from"@rango-dev/ui";var Gp=eh("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var oh=12;function Ei(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=xi(e,{limit:10,selected:n?.name}),{fetchStatus:l}=d(),p=O.use.resetToBlockchain(),c=O.use.resetFromBlockchain(),u=a.more.length>0,m=a.more.length===1,g=!m&&u;return de.createElement("div",null,de.createElement(Qp,{size:12}),de.createElement(Ai,{variant:"label",size:"large"},bi.t("Select Blockchain")),de.createElement(Qp,{size:12}),de.createElement(Gp,null,l==="loading"&&Array.from(Array(oh),f=>de.createElement(th,{key:f,variant:"rounded",height:50})),l==="success"&&de.createElement(de.Fragment,null,de.createElement(Fn,{selected:!n,onClick:()=>{o==="from"?c():p()}},de.createElement(Ai,{variant:"body",size:"xsmall",color:"secondary500"},bi.t("All"))),a.list.map(f=>de.createElement(Fn,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},de.createElement(Vp,{src:f.logo,size:30}))),m?de.createElement(Fn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},de.createElement(Vp,{src:a.more[0].logo,size:30})):null,g?de.createElement(Fn,{onClick:s,key:"more-blockchains"},de.createElement(Ai,{variant:"body",size:"xsmall",color:"secondary500"},bi._("More +{count}",{count:a.more.length}))):null)))}i(Ei,"BlockchainsSection");import{i18n as Fi}from"@lingui/core";import{darkTheme as tc,Divider as go,ExternalLinkIcon as sh,Image as ah,ListItemButton as lh,NotFound as ph,PinIcon as ch,Skeleton as oc,Typography as ho,VirtualizedList as uh}from"@rango-dev/ui";import U,{forwardRef as mh,useEffect as nc,useState as rc}from"react";var jp=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,c=(a.length<2?"0":"")+a,u=(l.length<2?"0":"")+l;return`#${p}${c}${u}`},"colorShade"),Un=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:jp(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:jp(e,-((l-5)*25))});return a},"generateRangeColors"),Ii=i((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let s in o){let a=o[s];if(a&&a!==t[s])if(n=!0,s==="background"||s==="foreground")r={...r,[s]:a};else if(s==="neutral"&&e){let l=Un(s,a);r={...r,[`${s}100`]:l[`${s}900`],[`${s}200`]:l[`${s}800`],[`${s}300`]:l[`${s}700`],[`${s}400`]:l[`${s}600`],[`${s}500`]:l[`${s}500`],[`${s}600`]:l[`${s}400`],[`${s}700`]:l[`${s}300`],[`${s}800`]:l[`${s}200`],[`${s}900`]:l[`${s}100`]}}else r={...r,...Un(s,a)}}return n?r:{}},"generateColors");import{Divider as Rp,ListItem as ih,Skeleton as fo}from"@rango-dev/ui";import Ge from"react";import{css as Gt,darkTheme as Kp,ImageContainer as nh,styled as Re,Typography as rh}from"@rango-dev/ui";var Wi=Gt({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Ni=Gt({position:"relative",height:12,width:150}),Li=Gt({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Bi=Gt({transform:"translateY(12px)",visibility:"hidden","& a":{fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Kp} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Pi=Gt({}),Mi=Gt(),Xp=Re("div",{display:"flex",flexDirection:"column",flexGrow:1}),$i=Re("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),On=Re("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Ni}`]:{[`& .${Bi}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Pi}`]:{bottom:"-15px"},[`& .${Wi}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Li}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),_i=Re("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Di=Re(rh,{}),Yp=Re("div",{textAlign:"right",[`& .${Mi}`]:{$$color:"$colors$neutral600",[`.${Kp} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),qn=Re("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),eN=Re("div",{display:"flex",alignItems:"center"}),Jp=Re("div",{position:"relative",[`& ${nh}`]:{borderRadius:"$xm",overflow:"hidden"}}),Zp=Re("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function ec(t){return Ge.createElement(On,null,Array.from(Array(t.size),e=>Ge.createElement(ih,{key:e,hasDivider:!0,start:Ge.createElement(fo,{variant:"circular",width:35,height:35}),end:Ge.createElement(qn,null,Ge.createElement(fo,{variant:"text",size:"large",width:70}),Ge.createElement(Rp,{size:4}),Ge.createElement(fo,{variant:"text",size:"medium",width:50})),title:Ge.createElement("div",null,Ge.createElement(fo,{variant:"text",size:"large",width:90}),Ge.createElement(Rp,{size:4}),Ge.createElement(fo,{variant:"text",size:"medium",width:90}))})))}i(ec,"LoadingTokenList");var Ui=20,dh=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return U.createElement("div",{className:Ni()},o?U.createElement("div",{className:Wi()},o):U.createElement($i,{className:Li()},U.createElement(ho,{variant:"title",size:"xmedium"},r.symbol),U.createElement(go,{direction:"horizontal",size:4}),U.createElement(_i,{css:s},U.createElement(Di,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&U.createElement("div",{className:`${Bi()} ${!o&&Pi()}`},U.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",U.createElement(sh,{color:"gray",size:12}))))},"renderDesc");function ic(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=rc(e),l=d().fetchStatus,p=d().blockchains(),[c,u]=rc(!0),{getBalanceFor:m,loading:g}=z(),{isTokenPinned:f}=d(),k=mh((b,T)=>U.createElement("div",{...b,ref:T,style:{...b.style,height:`${parseFloat(b.style?.height)+8*2}px`}})),y=i(()=>{a(e.slice(0,s.length+Ui))},"loadNextPage");nc(()=>{u(e.length>s.length)},[s.length]),nc(()=>{a(e.slice(0,Ui))},[e]);let h=i(()=>!s.length&&o?U.createElement(U.Fragment,null,U.createElement(go,{size:32}),U.createElement(ph,{title:Fi.t("No results found"),description:Fi.t("Try using different keywords")})):U.createElement(uh,{Item:({index:b,style:T})=>{let v=s[b],S=qo(m(v)),w=v.address||"",E=p.find($=>$.name===v.blockchain),M=Un(v.symbol,E?.color||""),C={$$color:M[`${v.symbol}100`],[`.${tc} &`]:{$$color:M[`${v.symbol}900`]},backgroundColor:"$$color"},P={$$color:M[`${v.symbol}700`],[`.${tc} &`]:{$$color:M[`${v.symbol}100`]},color:"$$color"};return U.createElement("div",{style:{...T,paddingRight:5}},U.createElement(lh,{style:{height:T?.height},"tab-index":b,key:`${v.symbol}${v.address}`,id:`${v.symbol}${v.address}`,hasDivider:!0,onClick:()=>n(s[b]),start:U.createElement(Jp,null,U.createElement(ah,{src:v.image,size:30}),f(v)&&U.createElement(Zp,null,U.createElement(ch,{size:12,color:"gray"}))),title:E?.type==="COSMOS"||v.name||!v.name&&!w?U.createElement($i,null,U.createElement(ho,{variant:"title",size:"xmedium"},v.symbol),U.createElement(go,{direction:"horizontal",size:4}),U.createElement(_i,{css:C},U.createElement(Di,{variant:"body",size:"xsmall",css:P},v.blockchain))):void 0,description:E?.info&&w&&E.type!=="COSMOS"?dh({address:w,token:s[b],customCssForTag:C,customCssForTagTitle:P,name:v.name,url:E.info.addressUrl.split("{wallet}").join(w)}):v.name||void 0,end:g?U.createElement(qn,null,U.createElement(oc,{variant:"text",size:"large",width:70}),U.createElement(go,{size:4}),U.createElement(oc,{variant:"text",size:"medium",width:50})):S&&U.createElement(Yp,null,U.createElement(ho,{variant:"title",size:"small"},S.amount),U.createElement("div",null),S.usdValue&&U.createElement(ho,{variant:"body",className:Mi(),size:"xsmall"},`$${S.usdValue}`))}))},hasNextPage:c,itemCount:s.length,loadNextPage:y,innerElementType:k,size:60,key:`${r}-${o}`}),"renderList");return U.createElement(Xp,null,U.createElement(ho,{variant:"label",size:"large"},Fi.t("Select Token")),U.createElement(go,{size:4}),l==="loading"&&U.createElement(ec,{size:Ui}),l==="success"&&U.createElement(On,null,h()))}i(ic,"TokenList");function Oi(t){let{type:e}=t,o=gh(),n=ft(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=O(),u=z.use.getBalanceFor(),[m,g]=fh(""),k=(e==="source"?r:s)?.name??"",y=d().blockchains({type:e}),h=d().tokens({type:e,blockchain:k,searchFor:m}),b=Ps(h,u),T=i(S=>{e==="source"?p(S):c(S)},"updateBlockchain"),v=i(S=>{e==="source"?a({token:S,meta:{blockchains:y,tokens:h}}):l({token:S,meta:{blockchains:y,tokens:h}})},"updateToken");return Qt.createElement(K,{header:{title:sc.t("Swap {type}",{type:e})}},Qt.createElement(Ei,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(_.blockchains),onChange:S=>{T(S)}}),Qt.createElement(ac,{size:24}),Qt.createElement(st,{value:m,autoFocus:!0,placeholder:sc.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>g(""),onChange:S=>g(S.target.value)}),Qt.createElement(ac,{size:16}),Qt.createElement(ic,{list:b,selectedBlockchain:k,searchedFor:m,onChange:S=>{v(S);let w=y.find(E=>S.blockchain===E.name);w&&T(w),n()}}))}i(Oi,"SelectSwapItemsPage");import{i18n as Et}from"@lingui/core";import{ChevronRightIcon as Hi,Divider as Gi,InfoIcon as Th,List as wh,ListItemButton as vh,Skeleton as xh,Switch as bh,Tooltip as Ah,Typography as It}from"@rango-dev/ui";import V from"react";import{useNavigate as Eh}from"react-router-dom";import{i18n as mc}from"@lingui/core";import{Chip as yh,Divider as dc,InfoIcon as Sh,TextField as Ch,Tooltip as kh,Typography as fc}from"@rango-dev/ui";import ve from"react";import{styled as zn}from"@rango-dev/ui";var lc=zn("div",{paddingTop:"$5",paddingBottom:"30px"}),pc=zn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),cc=zn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Hn=zn("div",{maxWidth:"300px",padding:"$10"});import{i18n as qi}from"@lingui/core";import{Typography as hh}from"@rango-dev/ui";import yo from"react";function uc(){return yo.createElement(Hn,null,yo.createElement(hh,{variant:"label",size:"medium",color:"neutral700"},qi.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),yo.createElement("br",null),yo.createElement("br",null),yo.createElement("b",null,qi.t("Warning")),":",qi.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}i(uc,"SlippageTooltipContent");function zi(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=d();return ve.createElement(lc,null,ve.createElement(cc,null,ve.createElement(fc,{variant:"title",size:"xmedium"},mc.t("Slippage tolerance per swap")),ve.createElement(dc,{direction:"horizontal",size:4}),ve.createElement(kh,{container:j(),side:"top",content:ve.createElement(uc,null)},ve.createElement(Sh,{color:"gray"}))),ve.createElement(pc,null,Fs.map((r,s)=>{let a=`slippage-${s}`;return ve.createElement(ve.Fragment,null,ve.createElement(yh,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),ve.createElement(dc,{direction:"horizontal",size:8}))}),ve.createElement(Ch,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=parseFloat(r.target.value);(!s||s>=zs&&s<=qs)&&n(s)},suffix:o&&ve.createElement(fc,{variant:"body",size:"small"},"%"),placeholder:mc.t("Custom")})))}i(zi,"Slippage");function gc(){let t=Eh(),{theme:e}=d().config,o=d().fetchStatus,n=d().swappers(),r=d().disabledLiquiditySources,{config:{features:s}}=d(),a=Ne("theme",s),l=Ne("liquiditySource",s),p=Ne("language",s),c=d().infiniteApprove,u=d().toggleInfiniteApprove,m=Lo(n,r),g=m.filter(C=>C.type==="BRIDGE"||C.type==="AGGREGATOR"),f=g.length,k=g.filter(C=>C.selected).length,y=m.filter(C=>C.type==="DEX"),h=y.length,b=y.filter(C=>C.selected).length,T=i((C,P)=>{switch(o){case"loading":return V.createElement(xh,{variant:"text",size:"medium",width:50});case"failed":return V.createElement(It,{variant:"body",size:"medium",color:"$error500"},Et.t("Loading failed"));default:return V.createElement(It,{variant:"body",size:"medium"},`${C} / ${P}`)}},"handleEndItem"),v={id:"bridge-item",title:V.createElement(It,{variant:"title",size:"xmedium"},Et.t("Enabled bridges")),end:V.createElement(V.Fragment,null,T(k,f),V.createElement(Gi,{direction:"horizontal",size:8}),V.createElement(Hi,{color:"black"})),onClick:()=>t(_.bridges)},S={id:"exchange-item",title:V.createElement(It,{variant:"title",size:"xmedium"},Et.t("Enabled exchanges")),end:V.createElement(V.Fragment,null,T(b,h),V.createElement(Gi,{direction:"horizontal",size:8}),V.createElement(Hi,{color:"gray"})),onClick:()=>t(_.exchanges)},w={id:"theme-item",title:V.createElement(It,{variant:"title",size:"xmedium"},Et.t("Theme")),end:V.createElement(Hi,{color:"gray"}),onClick:()=>t(_.themes)},E={id:"infinite-approval-item",title:V.createElement(V.Fragment,null,V.createElement(It,{variant:"title",size:"xmedium"},Et.t("Infinite Approval")),V.createElement(Gi,{direction:"horizontal",size:4}),V.createElement(Ah,{side:"top",container:j(),content:V.createElement(Hn,null,V.createElement(It,{variant:"label",size:"medium",color:"neutral700"},Et.t("Enabling the 'Infinite Approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},V.createElement(Th,{color:"gray"}))),end:V.createElement(bh,{checked:c}),onClick:u},M=l?[]:[v,S];return!e?.singleTheme&&!a&&M.push(w),M.push(E),V.createElement(K,{header:{title:Et.t("Setting")}},V.createElement(at,null,V.createElement(zi,null),V.createElement(wh,{type:V.createElement(vh,{title:"_",id:"_",onClick:()=>console.log()}),items:M})))}i(gc,"SettingsPage");import{cancelSwap as Ty}from"@rango-dev/queue-manager-rango-preset";import{useManager as wy}from"@rango-dev/queue-manager-react";import iu from"react";import{i18n as pt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as oy,getCurrentStep as ny,getRelatedWalletOrNull as ry}from"@rango-dev/queue-manager-rango-preset";import{Button as qc,CopyIcon as iy,Divider as sy,IconButton as ay,QuoteCost as ly,StepDetails as py,Typography as Kt,useCopyToClipboard as cy}from"@rango-dev/ui";import{useWallets as uy}from"@rango-dev/wallets-react";import{PendingSwapNetworkStatus as tr}from"rango-types";import X,{useEffect as zc,useRef as my,useState as Hc}from"react";import{useNavigate as dy}from"react-router-dom";import{i18n as xe}from"@lingui/core";var Ih=1e3,Wh=31536e3,Nh=2592e3,Lh=86400,Bh=3600,Ph=60;function hc(t){let e=Math.floor((Date.now()-t)/Ih),n=[{turningPoint:Wh,label:xe.t("year"),pluralLabel:xe.t("years")},{turningPoint:Nh,label:xe.t("month"),pluralLabel:xe.t("months")},{turningPoint:Lh,label:xe.t("day"),pluralLabel:xe.t("days")},{turningPoint:Bh,label:xe.t("hour"),pluralLabel:xe.t("hours")},{turningPoint:Ph,label:xe.t("minute"),pluralLabel:xe.t("minutes")}].sort((r,s)=>s.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:s,label:a,pluralLabel:l}=r,p=Math.floor(e/s);if(p>1)return`${p} ${l}`;if(p===1)return`${p} ${a}`}return e>1?`${e} ${xe.t("seconds")}`:`${e} ${xe.t("second")}`}i(hc,"timeSince");function yc(t){return t.finishTime?xe.t({id:"{time} ago",values:{time:hc(parseInt(t.finishTime))}}):xe.t({id:"{time} ago",values:{time:hc(parseInt(t.creationTime))}})}i(yc,"getSwapDate");import{Modal as Oh}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Vn}from"rango-types";import jn from"react";import{i18n as Gn}from"@lingui/core";import{Button as Sc,Divider as Qi,MessageBox as Mh,Typography as Cc}from"@rango-dev/ui";import et from"react";var kc=i(({onCancel:t,onClose:e})=>et.createElement(et.Fragment,null,et.createElement(Qi,{size:20}),et.createElement(Mh,{type:"error",title:Gn.t("Cancel Swap"),description:Gn.t("Are you sure you want to cancel this swap?")}),et.createElement(Qi,{size:32}),et.createElement(Sc,{variant:"contained",type:"primary",size:"large",onClick:t},et.createElement(Cc,{variant:"title",size:"medium",color:"neutral100"},Gn.t("Yes, Cancel it"))),et.createElement(Qi,{size:12}),et.createElement(Sc,{variant:"outlined",type:"primary",size:"large",onClick:e},et.createElement(Cc,{variant:"title",size:"medium",color:"primary"},Gn.t("No, Continue")))),"CancelContent");import{i18n as Qn}from"@lingui/core";import{Button as Tc,Divider as Vi,MessageBox as $h,Typography as wc}from"@rango-dev/ui";import tt from"react";var vc=i(({onDelete:t,onClose:e})=>tt.createElement(tt.Fragment,null,tt.createElement(Vi,{size:20}),tt.createElement($h,{type:"error",title:Qn.t("Delete Transaction"),description:Qn.t("Are you sure you want to delete this swap?")}),tt.createElement(Vi,{size:32}),tt.createElement(Tc,{variant:"contained",type:"primary",size:"large",onClick:t},tt.createElement(wc,{variant:"title",size:"medium",color:"neutral100"},Qn.t("Yes, Delete it"))),tt.createElement(Vi,{size:12}),tt.createElement(Tc,{variant:"outlined",type:"primary",size:"large",onClick:e},tt.createElement(wc,{variant:"title",size:"medium",color:"primary"},Qn.t("No, Cancel")))),"DeleteContent");import{i18n as ji}from"@lingui/core";import{PendingSwapNetworkStatus as Ki}from"rango-types";var Xi={[Ki.WaitingForNetworkChange]:{type:"loading",title:ji.t("Change Network")},[Ki.WaitingForConnectingWallet]:{type:"warning",title:ji.t("Connect Wallet")},[Ki.NetworkChanged]:{type:"success",title:ji.t("Network Changed")}};import{MessageBox as Dh,Wallet as Fh,WalletState as bc}from"@rango-dev/ui";import{useWallets as Uh}from"@rango-dev/wallets-react";import So from"react";import{styled as _h}from"@rango-dev/ui";var xc=_h("div",{display:"flex",justifyContent:"center"});var Ac=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:l,state:p}=Uh(),c=n?.walletType,m=c&&p(c).connected?bc.CONNECTED:bc.DISCONNECTED;return So.createElement(So.Fragment,null,So.createElement(Dh,{type:e,title:o,description:r}),s&&c&&So.createElement(xc,null,So.createElement(Fh,{container:j(),title:l(c).name,image:l(c).img,type:c,state:m,onClick:async()=>a(c)})))},"WalletStateContent");function Yi(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,l=e===Vn.WaitingForNetworkChange||e===Vn.WaitingForConnectingWallet||e===Vn.NetworkChanged;return jn.createElement(Oh,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&jn.createElement(Ac,{type:Xi[e].type,title:Xi[e].title,currentStepWallet:s,message:a,showWalletButton:e!==Vn.WaitingForNetworkChange}),e==="delete"&&jn.createElement(vc,{onClose:o,onDelete:n}),e==="cancel"&&jn.createElement(kc,{onClose:o,onCancel:r}))}i(Yi,"SwapDetailsModal");import{i18n as Co}from"@lingui/core";import{Button as Ji,Divider as Kn,MessageBox as Ec,Modal as qh,TokenAmount as zh,Typography as Xn}from"@rango-dev/ui";import ce from"react";import{useNavigate as Hh}from"react-router-dom";function Zi(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,token:a,chain:l,percentageChange:p,description:c,diagnosisUrl:u}=t,m=Hh();return ce.createElement(qh,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ce.createElement(Ec,{type:"success",title:Co.t("Swap Successful")},ce.createElement(zh,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:s},token:a,chain:l,percentageChange:p}),ce.createElement(Kn,{size:12}),ce.createElement(Xn,{variant:"body",size:"medium",color:"neutral700",align:"center"},c)):ce.createElement(Ec,{type:"error",title:Co.t("Transaction Failed"),description:c}),ce.createElement(Kn,{size:32}),n==="success"&&ce.createElement(Ji,{variant:"contained",type:"primary",size:"large",onClick:()=>{m("../../")}},ce.createElement(Xn,{variant:"title",size:"medium",color:"neutral100"},Co.t("Done"))),ce.createElement(Kn,{size:12}),u&&ce.createElement(ce.Fragment,null,ce.createElement(Ji,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(u,"_blank")},ce.createElement(Xn,{variant:"title",size:"medium",color:"primary"},Co.t("Diagnosis"))),ce.createElement(Kn,{size:12})),ce.createElement(Ji,{variant:"outlined",type:"primary",size:"large",onClick:o},ce.createElement(Xn,{variant:"title",size:"medium",color:"primary"},Co.t("See Details"))))}i(Zi,"SwapDetailsCompleteModal");import ey from"react";import{i18n as Yh}from"@lingui/core";import{Alert as Pc,IconButton as Jh,LinkIcon as Zh}from"@rango-dev/ui";import Ct,{Fragment as Rh}from"react";import{Alert as Gh,ChevronDownIcon as Qh,ChevronUpIcon as Vh,IconButton as jh}from"@rango-dev/ui";import Yn,{useState as Kh}from"react";function Ic(t){let{message:e}=t,[o,n]=Kh(!1);return Yn.createElement(Gh,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Yn.createElement(jh,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Yn.createElement(Vh,{size:12,color:"gray"}):Yn.createElement(Qh,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(Ic,"FailedAlert");import{styled as Xh}from"@rango-dev/ui";var Wc=Xh("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Nc}from"@lingui/core";import{Alert as Ri,Button as Lc}from"@rango-dev/ui";import{PendingSwapNetworkStatus as es}from"rango-types";import ko from"react";function Bc(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?ko.createElement(Ri,{type:"warning",title:n.shortMessage,action:ko.createElement(Lc,{size:"xxsmall",type:"warning",onClick:()=>{o(es.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},Nc.t("Change"))}):r===es.WaitingForConnectingWallet?ko.createElement(Ri,{type:"warning",title:n.shortMessage,action:ko.createElement(Lc,{size:"xxsmall",type:"warning",onClick:()=>{o(es.WaitingForConnectingWallet)}},Nc.t("Connect"))}):ko.createElement(Ri,{type:"warning",title:n.shortMessage})}i(Bc,"WarningAlert");function ts(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=Zt(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l;return Ct.createElement(Wc,null,s.explorerUrl?.map((u,m,g)=>{let f=m+u.url,k=m===g.length-1,y=k&&c||p,h=k&&s.status==="failed";return Ct.createElement(Rh,{key:f},Ct.createElement(Pc,{type:y&&"loading"||h&&"error"||"success",title:u.description?`${u.description} Tx`:Yh.t("View transaction"),action:u.url&&Ct.createElement(Jh,{variant:"ghost",size:"xsmall",onClick:()=>window.open(u.url,"_blank")},Ct.createElement(Zh,{size:16}))}))}),(c&&!a||p&&!s.explorerUrl?.length)&&Ct.createElement(Pc,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Ct.createElement(Bc,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Ct.createElement(Ic,{message:r}))}i(ts,"SwapDetailsAlerts");var Mc=2e3;var $c=i(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,s)=>{let a=s===0?t.inputAmount:t.steps[s-1].outputAmount;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:Ye(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:N(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:Ye(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:N(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:ey.createElement(ts,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function _c(t){if(Zt(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i(_c,"getStepState");import{css as Jn,darkTheme as ty,styled as Vt}from"@rango-dev/ui";var Zn=Vt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1}),Rn=Vt("div",{width:"100%"}),Dc=Vt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),$B=Vt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Fc=Vt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),_B=Vt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),jt=Jn({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${ty} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),er=Jn({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),Uc=Jn({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Oc=Jn({textAlign:"left",width:"100%",padding:"0 $20 $10"});function os(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=uy(),p=d().blockchains(),c=d().tokens(),u=O.use.retry(),m=dy(),[g,f]=cy(Mc),k=my(null),[y,h]=Hc(null),[b,T]=Hc(null),v=i(()=>{r(),h(null)},"onCancel"),S=Pe.use.getUnreadNotifications(),w=Pe.use.setAsRead(),E=S(),M=ny(e),C=M?.networkStatus;zc(()=>{E.find(se=>se.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(T(e.status),w(e.requestId))},[e.status]),zc(()=>{H?h(tr.WaitingForNetworkChange):C===tr.WaitingForConnectingWallet||C===tr.NetworkChanged?h(C):h(null)},[C]);let P=sa(e),$=M?oy(e,M):null,W=M?ry(e,M):null,x=yc(e),F=aa(e),I=i(q=>!!l(q)?.mobileWallet,"isMobileWallet"),H=C===tr.WaitingForNetworkChange&&!!$&&!!W?.walletType&&(I(W.walletType)||s(W.walletType,$)),te=H?a.bind(null,W.walletType,$):void 0,oe=ia(e,M),G=$c({swap:e,switchNetwork:te,showNetworkModal:C,setNetworkModal:h,message:oe,blockchains:p}),ie=G.length,[ye,Se]=[e.steps[0],e.steps[ie-1]],De=Se.outputAmount||Se.expectedOutputAmountHumanReadable,Wt=e.steps.reduce((q,se)=>q+parseFloat(se.feeInUsd||""),0),Yt=e.steps.find(q=>q.diagnosisUrl)?.diagnosisUrl,ot=N(parseFloat(N(De,6,6))*(Se.toUsdPrice||0),4,4),Ve=N(parseFloat(e.inputAmount)*(ye.fromUsdPrice||0),4,4),D=Be(Ve,ot),Y=e.status==="success"?pt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:N(De,6,6),token:G[ie-1].to.token.displayName,conciseAddress:zo(e.wallets[G[ie-1].to.chain.displayName]?.address||""),chain:G[ie-1].to.chain.displayName}}):`${pt.t("Transaction was not sent.")} ${P?pt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:P.outputAmount,symbol:P.symbol,blockchain:P.blockchain}}):""}`;return X.createElement(K,{noPadding:!0,header:{title:pt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>h("cancel"):void 0,suffix:e.status!=="running"&&X.createElement(Dt,null,X.createElement(qc,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>h("delete")},X.createElement(Kt,{size:"medium",variant:"label",color:"error"},pt.t("Delete"))))},footer:F&&!b&&X.createElement(qc,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{u(e,{blockchains:p,tokens:c}),setTimeout(()=>{m("../../")},0)}},pt.t("Try again"))},X.createElement(Zn,null,X.createElement(Rn,null,X.createElement("div",{className:jt()},X.createElement(Kt,{variant:"label",size:"large",color:"neutral700"},`${pt.t("Request ID")}:`),X.createElement("div",{className:er()},X.createElement(Kt,{variant:"label",size:"small",color:"neutral700"},o),X.createElement(ay,{variant:"ghost",onClick:f.bind(null,o||"")},X.createElement(iy,{size:16,color:"gray"})))),X.createElement("div",{className:jt()},X.createElement(Kt,{variant:"label",size:"large",color:"neutral700"},`${pt.t("Created at")}:`),X.createElement(Kt,{variant:"label",size:"small",color:"neutral700"},x))),X.createElement("div",{className:Uc()},X.createElement(ly,{fee:N(String(Wt),2,2),time:Po(Mo(e.steps)),steps:ie}),X.createElement(no,{from:{price:{value:N(e.inputAmount,6,6),usdValue:Ve},token:{displayName:G[0].from.token.displayName,image:G[0].from.token.image},chain:{image:G[0].from.chain.image,displayName:G[0].from.chain.displayName}},to:{price:{value:N(De,6,6),usdValue:ot},token:{displayName:G[ie-1].to.token.displayName,image:G[ie-1].to.token.image},chain:{image:G[ie-1].to.chain.image,displayName:G[ie-1].to.chain.displayName}},percentageChange:N(D,2,2),warningLevel:nt(D??0)})),X.createElement("div",{className:Oc()},X.createElement(Kt,{variant:"title",size:"small"},pt.t("Swaps steps"))),X.createElement(sy,{size:8}),X.createElement(Dc,{ref:k},G.map((q,se)=>{let je=se,Ee=_c(e.steps[se]),sr=Ee==="error"||Ee==="in-progress"||Ee==="warning"||Ee==="completed"&&se===G.length-1;return X.createElement(py,{key:je,step:q,type:"swap-progress",ref:k,state:Ee,hasSeparator:se!==0,tabIndex:je,isFocused:sr})}))),X.createElement(Yi,{state:y,onClose:()=>h(null),onCancel:v,onDelete:n,message:oe.detailedMessage.content,currentStepWallet:W}),X.createElement(Zi,{open:!!b,diagnosisUrl:Yt,onClose:()=>T(null),status:e.status==="success"?"success":"failed",priceValue:N(De,6,6),usdValue:ot,percentageChange:N(D,2,2),token:{displayName:G[ie-1].to.token.displayName,image:G[ie-1].to.token.image},chain:{image:G[ie-1].to.chain.image},description:Y}))}i(os,"SwapDetails");import{i18n as bo}from"@lingui/core";import{CopyIcon as Sy,IconButton as Cy,NotFound as ky,Skeleton as nu,Typography as nr}from"@rango-dev/ui";import le from"react";import{i18n as gy}from"@lingui/core";import{ChainToken as hy,Divider as is,Skeleton as xo,Typography as yy}from"@rango-dev/ui";import J from"react";import{css as Qe,styled as ns}from"@rango-dev/ui";var Gc=ns("div",{width:"100%",height:"100%",padding:"$0 $20"}),Qc=ns("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),or=ns("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),Vc=Qe({display:"flex",justifyContent:"space-between",alignItems:"center"}),jc=Qe({display:"flex",justifyContent:"space-between",alignItems:"center"}),Kc=Qe({paddingTop:"$15",display:"flex"}),Xc=Qe({padding:"$15 $0"}),Yc=Qe({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),Jc=Qe({paddingBottom:"$10"}),Zc=Qe({display:"flex",justifyContent:"start",alignItems:"center"}),Rc=Qe({paddingTop:"$5",display:"flex",alignItems:"center"}),rs=Qe({display:"flex",alignItems:"center"}),eu=Qe({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),tu=Qe({display:"flex",paddingTop:"$10",paddingBottom:"$5"});import{ChainToken as ou,Divider as To,NextIcon as fy,Skeleton as wo}from"@rango-dev/ui";import ae from"react";function vo(t){let{extraInfo:e}=t;return ae.createElement(Qc,null,ae.createElement("div",{className:Zc()},ae.createElement(wo,{height:28,width:28,variant:"circular"}),ae.createElement(To,{direction:"horizontal",size:8}),ae.createElement(wo,{height:15,width:148,variant:"rounded"})),ae.createElement("div",{className:Rc()},ae.createElement(To,{direction:"horizontal",size:20}),ae.createElement("div",{className:rs()},ae.createElement(ou,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(To,{direction:"horizontal",size:8}),ae.createElement(wo,{height:12,width:76,variant:"rounded"})),ae.createElement("div",{className:eu()},ae.createElement(fy,{color:"gray",size:16})),ae.createElement("div",{className:rs()},ae.createElement(ou,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(To,{direction:"horizontal",size:8}),ae.createElement(wo,{height:12,width:76,variant:"rounded"}))),e&&ae.createElement("div",{className:tu()},ae.createElement(To,{direction:"horizontal",size:20}),ae.createElement(wo,{height:22,width:297,variant:"rectangular"})))}i(vo,"LoadingSwapDetailStep");function ss(){let t=J.createElement("div",{className:Vc()},J.createElement("div",{className:jc()},J.createElement(hy,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),J.createElement(is,{size:8,direction:"horizontal"}),J.createElement(xo,{height:15,width:148,variant:"rounded"})),J.createElement(xo,{height:12,width:64,variant:"rounded"}));return J.createElement(Gc,null,J.createElement("div",{className:Kc()},J.createElement(xo,{width:60,height:10,variant:"rounded"}),J.createElement(is,{size:4,direction:"horizontal"}),J.createElement(xo,{width:60,height:10,variant:"rounded"}),J.createElement(is,{size:4,direction:"horizontal"}),J.createElement(xo,{width:60,height:10,variant:"rounded"})),J.createElement("div",{className:Xc()},t,J.createElement("div",{className:Yc()}),t),J.createElement("div",{className:Jc()},J.createElement(yy,{variant:"title",size:"small"},gy.t("Swaps steps"))),J.createElement("div",null,J.createElement(vo,{extraInfo:!0}),J.createElement(or,null),J.createElement(vo,null),J.createElement(or,null),J.createElement(vo,null),J.createElement(or,null),J.createElement(vo,null)))}i(ss,"LoadingSwapDetails");function ru(t){let{requestId:e,showSkeleton:o}=t;return le.createElement(K,{noPadding:!0,header:{title:bo.t("Swap and Bridge"),suffix:le.createElement(Dt,null)}},o&&le.createElement(Zn,null,le.createElement(Rn,null,le.createElement("div",{className:jt()},le.createElement(nr,{variant:"label",size:"large",color:"neutral700"},`${bo.t("Request ID")}:`),le.createElement("div",{className:er()},le.createElement(nr,{variant:"label",size:"small",color:"neutral700"},le.createElement(nu,{width:60,height:10,variant:"rounded"})),le.createElement(Cy,{variant:"ghost"},le.createElement(Sy,{size:16,color:"gray"})))),le.createElement("div",{className:jt()},le.createElement(nr,{variant:"label",size:"large",color:"neutral700"},`${bo.t("Created at")}:`),le.createElement(nr,{variant:"label",size:"small",color:"neutral700"},le.createElement(nu,{width:60,height:10,variant:"rounded"})))),le.createElement(ss,null)),!o&&le.createElement(Fc,null,le.createElement(ky,{title:bo.t("Not found"),description:bo.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(ru,"SwapDetailsPlaceholder");function su(){let{manager:t,state:e}=wy(),o=!e.loadedFromPersistor,n=zt(t),r=we.use.selectedSwapRequestId(),s=ft(),{fetchStatus:a}=d(),l=o||a==="loading",p=n.find(({swap:g})=>g.requestId===r),c=i(()=>{if(p?.id){let g=t?.get(p.id);g&&Ty(g)}},"onCancel"),u=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(g){console.log(g)}},"onDelete"),m=p?.swap;return!m||l?iu.createElement(ru,{requestId:r||"",showSkeleton:l}):iu.createElement(os,{swap:m,requestId:r||"",onCancel:c,onDelete:u})}i(su,"SwapDetailsPage");import{i18n as Ao}from"@lingui/core";import{AutoThemeIcon as vy,DarkModeIcon as xy,LightModeIcon as by,List as Ay,ListItemButton as Ey,Radio as as,RadioRoot as Iy,Typography as ls}from"@rango-dev/ui";import be from"react";function au(){let{setTheme:t,theme:e}=d(),o=[{id:"light",value:"light",title:be.createElement(ls,{variant:"title",size:"xmedium"},Ao.t("Light")),onClick:()=>t("light"),start:be.createElement(by,{color:"gray"}),end:be.createElement(as,{value:"light"})},{id:"dark",value:"dark",title:be.createElement(ls,{variant:"title",size:"xmedium"},Ao.t("Dark")),onClick:()=>t("dark"),start:be.createElement(xy,{color:"gray"}),end:be.createElement(as,{value:"dark"})},{id:"auto",value:"auto",title:be.createElement(ls,{variant:"title",size:"xmedium"},Ao.t("Auto")),onClick:()=>t("auto"),start:be.createElement(vy,{color:"gray"}),end:be.createElement(as,{value:"auto"})}];return be.createElement(K,{header:{title:Ao.t("Theme")}},be.createElement(at,null,be.createElement(Iy,{onValueChange:n=>t(n),value:e},be.createElement(Ay,{type:be.createElement(Ey,{title:Ao.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(au,"ThemePage");function lu(){return Wy([{path:_.home,element:Ae.createElement(Ip,null)},{path:_.fromSwap,children:[{index:!0,element:Ae.createElement(Oi,{type:"source"})},{path:_.blockchains,element:Ae.createElement(wi,{type:"source"})}]},{path:_.toSwap,children:[{index:!0,element:Ae.createElement(Oi,{type:"destination"})},{path:_.blockchains,element:Ae.createElement(wi,{type:"destination"})}]},{path:_.settings,children:[{index:!0,element:Ae.createElement(gc,null)},{path:_.themes,element:Ae.createElement(au,null)},{path:_.languages,element:Ae.createElement(Np,null)},{path:_.exchanges,element:Ae.createElement(yi,{sourceType:"Exchanges"})},{path:_.bridges,element:Ae.createElement(yi,{sourceType:"Bridges"})}]},{path:_.swaps,children:[{index:!0,element:Ae.createElement(vp,null)},{path:_.swapDetails,element:Ae.createElement(su,null)}]},{path:_.wallets,element:Ae.createElement(ll,null)},{path:_.confirmSwap,element:Ae.createElement(dp,null)}])}i(lu,"AppRoutes");import{isApprovalTX as Ny,MainEvents as cu,RouteEventType as uu,StepEventType as Xt,StepExecutionEventStatus as Ly,useEvents as By}from"@rango-dev/queue-manager-rango-preset";import{useEffect as mu}from"react";import{StepExecutionBlockedEventStatus as ps}from"@rango-dev/queue-manager-rango-preset";var pu=[ps.WAITING_FOR_CHANGE_WALLET_ACCOUNT,ps.WAITING_FOR_NETWORK_CHANGE,ps.WAITING_FOR_WALLET_CONNECT];function du(){let t=d().tokens(),e=z.use.connectedWallets(),o=z.use.getWalletsDetails(),n=Pe.use.setNotification(),r=Pe.use.setAsRead(),s=By();return mu(()=>(s.on(cu.StepEvent,a=>{let{event:l,step:p,route:c}=a;if(l.type===Xt.TX_EXECUTION&&l.status===Ly.TX_SENT&&!Ny(p)||l.type===Xt.SUCCEEDED){let m=e.find(f=>f.chain===p?.fromBlockchain),g=p?.fromBlockchain!==p?.toBlockchain&&e.find(f=>f.chain===p?.toBlockchain);m&&o([m],t),g&&o([g],t)}l.type===Xt.TX_EXECUTION_BLOCKED&&pu.includes(l.status)||l.type===Xt.FAILED?n(l,c):(l.type===Xt.TX_EXECUTION||l.type===Xt.CHECK_STATUS)&&r(c.requestId)}),()=>s.all.clear()),[s,e.length]),mu(()=>(s.on(cu.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===uu.FAILED||l.type===uu.SUCCEEDED)&&n(l,p)}),()=>s.all.clear()),[s,e.length]),null}i(du,"WidgetEvents");import{globalCss as Py}from"@rango-dev/ui";var fu=i(()=>Py({"@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 ms,darkTheme as Fy,lightTheme as Uy}from"@rango-dev/ui";import{useEffect as hu,useState as Oy}from"react";import{theme as _y,darkColors as Dy}from"@rango-dev/ui";var gu=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),My=i(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"),$y=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),cs=i(t=>My($y(5381,JSON.stringify(t))>>>0),"toHash");function us(t){let e=_y.colors,o=Ii({...e,...Dy},!0,t?.dark),n=Ii(e,!1,t?.light),r=Object.keys(o).length>0,s=Object.keys(n).length>0,a,l;if(s){let p={colors:n};a={id:`${cr}-light-${cs(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${cr}-dark-${cs(p)}`,tokens:p}}return{light:a,dark:l}}i(us,"customizedThemeTokens");function yu(t){let{colors:e,fontFamily:o=Ts,borderRadius:n=Cs,secondaryBorderRadius:r=ks,mode:s="auto"}=t,[a,l]=Oy("light"),{setTheme:p,theme:c}=d(),{dark:u,light:m}=us(e),g=ms({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[g.className,Uy.className],k=[g.className,Fy.className];if(m){let h=ms(m.id,m.tokens);f.push(h.className)}if(u){let h=ms(u.id,u.tokens);k.push(h.className)}return hu(()=>{let h=i(b=>{b.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",h),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",h)}},[]),hu(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let h=f.join(" "),b=k.join(" ");return c==="auto"?a==="dark"?b:h:c==="dark"?b:h},"getActiveTheme")}}i(yu,"useTheme");import{styled as qy}from"@rango-dev/ui";var Su=qy("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 rr(){fu();let{config:t}=d(),{activeTheme:e}=yu(t?.theme||{}),{activeLanguage:o,changeLanguage:n}=Mn(),[r,s]=ku(""),[a,l]=ku(),p=Hy(nn);return Cu(()=>{Pe.persist.rehydrate(),p.onConnectWallet(s)},[]),Cu(()=>{n(t?.language)},[t?.language]),Eo.createElement(zy,{language:o},Eo.createElement(Su,{id:"swap-container",className:e()},Eo.createElement(du,null),Eo.createElement(Ta,{lastConnectedWallet:r,disconnectedWallet:a,clearDisconnectedWallet:()=>{l(void 0)}},Eo.createElement(lu,null))))}i(rr,"Main");import fs,{useMemo as aS}from"react";import{checkWaitingForNetworkChange as Gy,makeQueueDefinition as Qy}from"@rango-dev/queue-manager-rango-preset";import{Provider as Vy}from"@rango-dev/queue-manager-react";import{useWallets as jy}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as Ky}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Xy}from"rango-types";import Yy,{useMemo as Jy}from"react";function Zy(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=jy(),l=Jy(()=>Qy({API_KEY:t.apiKey||Nt("API_KEY"),BASE_URL:Nt("BASE_URL")}),[t.apiKey]),p=d().blockchains(),u={blockchains:z.use.connectedWallets().map(T=>({accounts:[T],name:T.chain}))},m=i(async(T,v)=>{if(s(T,v))return r(T,v)},"switchNetwork"),g=i(T=>!!a(T).mobileWallet,"isMobileWallet"),f=p.filter(T=>T.enabled).reduce((T,v)=>(T[v.name]=v,T),{}),k=p.filter(Xy),y=i(T=>{let{supportedChains:v}=a(T);return Fo(v)},"getSupportedChainNames"),h=e(),b={meta:{blockchains:f,evmBasedChains:k,evmNetworkChainInfo:Ky(k),getSupportedChainNames:y},getSigners:o,wallets:u,providers:h,switchNetwork:m,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:g};return Yy.createElement(Vy,{queuesDefs:[l],context:b,onPersistedDataLoaded:T=>{Gy(T)},isPaused:!1},t.children)}i(Zy,"QueueManager");var Tu=Zy;import{useManager as nS}from"@rango-dev/queue-manager-react";import rS,{createContext as iS,useContext as sS}from"react";import{cancelSwap as Ry,getCurrentBlockchainOfOrNull as eS,getCurrentStep as tS,getRelatedWalletOrNull as oS}from"@rango-dev/queue-manager-rango-preset";var Io=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return zt(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){return this.actions.retrySwap(e,o)}cancel(e){let o=this.manager?.get(e);o&&Ry(o)}getCurrentStepInfo(e){let o=tS(e);return{step:o,wallet:o?oS(e,o):null,network:o?eS(e,o):null}}};i(Io,"WidgetHistory");var wu=iS(void 0);function ds(t){let{manager:e}=nS(),o=O.use.retry(),n=new Io(e,{retrySwap:o}),r=z.use.connectedWallets(),s=z.use.loading(),a=Bs(r),l=z.use.getWalletsDetails(),p=d().blockchains(),c=d().tokens(),u=d().swappers(),m=d().fetchStatus,g={history:n,wallets:{isLoading:s,details:r,totalBalance:a,refetch:l},meta:{blockchains:p,tokens:c,swappers:u,loadingStatus:m}};return rS.createElement(wu.Provider,{value:g},t.children)}i(ds,"WidgetInfo");function vu(){let t=sS(wu);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(vu,"useWidget");function ir(t){let{onUpdateState:e,config:o}=t;return aS(()=>{Ss({API_KEY:o?.apiKey||Wo,BASE_URL:o?.apiUrl||ys})},[o]),fs.createElement(rn,{config:o,onUpdateState:e},fs.createElement(Tu,{apiKey:o.apiKey},fs.createElement(ds,null,t.children)))}i(ir,"WidgetProvider");function xu(t){return t.config?.externalWallets?gs.createElement(rr,null):gs.createElement(ir,{config:t.config??lr},gs.createElement(rr,null))}i(xu,"Widget");export{e_ as MainEvents,c_ as Networks,t_ as RouteEventType,o_ as StepEventType,n_ as StepExecutionBlockedEventStatus,r_ as StepExecutionEventStatus,l_ as WalletEvents,u_ as WalletTypes,xu as Widget,ir as WidgetProvider,rn as WidgetWallets,us as customizedThemeTokens,a_ as readAccountAddress,hl as useWallets,vu as useWidget,i_ as useWidgetEvents};
 //# sourceMappingURL=index.js.map