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

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