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

package/dist/index.js

@@ -1,2 +1,2 @@
-var xu=Object.defineProperty;var s=(t,e)=>xu(t,"name",{value:e,configurable:!0});import{MainEvents as wP,RouteEventType as vP,StepEventType as xP,StepExecutionBlockedEventStatus as bP,StepExecutionEventStatus as EP,useEvents as AP}from"@rango-dev/queue-manager-rango-preset";import{useWallets as vl}from"@rango-dev/wallets-react";import{Events as rr,Provider as Zu}from"@rango-dev/wallets-react";import{isEvmBlockchain as Ru}from"rango-sdk";import Fo,{createContext as ec,useEffect as tc,useRef as oc}from"react";import{useEffect as Ou}from"react";import{create as _u}from"zustand";import{subscribeWithSelector as Du}from"zustand/middleware";import{RangoClient as bu}from"rango-sdk";var Qi="c6381a79-2817-4602-83bf-6a641a409e32";var Zn={API_KEY:Qi};function bo(t){return Zn[t]}s(bo,"getConfig");function Vi(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Zn=e,Zn}s(Vi,"initConfig");var ji=20,Ki=25,Xi="Roboto",Rn="theme-widget";var Eo,Nt=s(()=>Eo||(Eo=new bu(bo("API_KEY")),Eo),"httpService");import{WalletState as He}from"@rango-dev/ui";import{readAccountAddress as Iu}from"@rango-dev/wallets-react";import{detectInstallLink as Nu,getCosmosExperimentalChainInfo as Wu,isEvmAddress as Bu,KEPLR_COMPATIBLE_WALLETS as my,Networks as Zi}from"@rango-dev/wallets-shared";import er from"bignumber.js";import{isCosmosBlockchain as Lu}from"rango-types";import Eu from"bignumber.js";var be=new Eu(0);import{WalletTypes as Au}from"@rango-dev/wallets-shared";var Yi=[Au.LEAP];import{BigNumber as Ji}from"bignumber.js";var Ao=s(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),W=s((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new Ji(t),r=1,i=1e3;for(let a=0;a<60;a++)if(new Ji(n.toFixed(a,r)).eq(n)){i=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Io=s(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Ge=s((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Xt=s(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function No(t,e=4){let o=parseFloat(t);if(isNaN(o))return t;let n=Math.pow(10,e);return(Math.round(o*n)/n).toString()}s(No,"limitDecimalPlaces");function Mu(t){switch(!0){case t.connected:return He.CONNECTED;case t.connecting:return He.CONNECTING;case!t.installed:return He.NOT_INSTALLED;default:return He.DISCONNECTED}}s(Mu,"mapStatusToWalletState");function Ri(t,e,o,n){return o.filter(r=>!Yi.includes(r)).filter(r=>{let{supportedChains:i,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!i.find(c=>c.name===n):!0}).map(r=>{let{name:i,img:a,installLink:l}=e(r),p=Mu(t(r));return{title:i,image:a,link:Nu(l),state:p,type:r}})}s(Ri,"mapWalletTypesToWalletInfo");function Wo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}s(Wo,"walletAndSupportedChainsNames");function es(t,e,o,n,r){let i=[];function a(p,u){if(!!!i.find(m=>m.chain===p)){let m={address:u,chain:p,walletType:t};i.push(m)}}s(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:c}=Iu(p),m=l.length>0,g=l.includes(c),h=c===Zi.Unknown;if(m&&!g&&!h)return;let k=c===Zi.Unknown&&Bu(u);if(h&&!k)return;o.includes(c)||k?r?a(c,u.toLowerCase()):l.filter(f=>o.includes(f)).forEach(f=>{a(f,u.toLowerCase())}):a(c,u)}),i}s(es,"prepareAccountsForWalletStore");function ts(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(i=>{let a=i.from.blockchain,l=i.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}s(ts,"getRequiredChains");function Wt(t,e,o,n){if(t.length===0)return null;let r=t.filter(i=>i.chain===e);return r.length===0?null:r.map(i=>i.balances?.find(a=>n!==null&&a.address===n||n===null&&a.address===n&&a.symbol===o)||null).filter(i=>i!==null).sort((i,a)=>parseFloat(a?.amount||"0")-parseFloat(i?.amount||"1")).find(()=>!0)||null}s(Wt,"getBalanceFromWallet");function Bo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}s(Bo,"isAccountAndWalletMatched");function os(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new er(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Lo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}s(os,"makeBalanceFor");function ns(t){return{...t,loading:!1,error:!0}}s(ns,"resetConnectedWalletState");var Lo=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice"),Mo=s((t,e)=>{let o=Wu(Object.entries(t).map(([,n])=>n).filter(Lu));return o&&o[e]?.experimental},"isExperimentalChain");function Pu(t,e){return t.map(({balance:o,...n})=>{let r=W(new er(Wt(e,n.blockchain,n.symbol,n.address)?.amount||be)),i="";return n.usdPrice&&(i=W(new er(Wt(e,n.blockchain,n.symbol,n.address)?.amount||be).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:i}}}})}s(Pu,"getTokensWithBalance");function rs(t,e){let o=e.length>0?Pu(t,e):t;return o.sort((n,r)=>n.balance?.usdValue&&r.balance?.usdValue?parseFloat(r.balance.usdValue)-parseFloat(n.balance.usdValue):!n.balance?.usdValue&&r.balance?.usdValue?1:n.balance?.usdValue&&!r.balance?.usdValue?-1:!n.balance?.usdValue&&!r.balance?.usdValue?parseFloat(r.balance?.amount||"0")-parseFloat(n.balance?.amount||"0"):0),o}s(rs,"getTokensBalanceFromWalletAndSort");function Ae(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}s(Ae,"tokensAreEqual");function is(t){return t.sort((e,o)=>+(o.state===He.CONNECTED)-+(e.state===He.CONNECTED)||+(o.state===He.DISCONNECTED||o.state===He.CONNECTING)-+(e.state===He.DISCONNECTED||e.state===He.CONNECTING))}s(is,"sortWalletsBasedOnConnectionState");function Po(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}s(Po,"getConciseAddress");function ss({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(ss,"getAddress");var $u=s(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),Ie=$u;var H=Ie(_u()(Du((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(i=>({loading:!0,connectedWallets:i.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!i.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(i=>i.selected&&i.walletType!==o).map(i=>i.chain);return{connectedWallets:n.connectedWallets.filter(i=>i.walletType!==o).map(i=>r.includes(i.chain)?i:(r.push(i.chain),{...i,selected:!0}))}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let i=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return i?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let i=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>Bo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await Nt().getWalletsDetails(a)).wallets;if(p)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(c=>{let m=o.find(h=>Bo(h,c)),g=p.find(h=>h.address===c.address&&h.blockChain===c.chain);return g?.failed&&m&&r&&i([m],n,!1),m&&g?{...c,explorerUrl:g.explorerUrl,balances:os(g,n)}:c})}));else throw new Error("Wallet not found")}catch{t(l=>({loading:!1,connectedWallets:l.connectedWallets.map(p=>o.find(u=>Bo(u,p))?ns(p):p)}))}}}))));import{allProviders as Fu}from"@rango-dev/provider-all";function $o(t,e){let o=Fu({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let i=o.find(a=>a.config.type===r);i?n.push(i):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}s($o,"matchAndGenerateProviders");function as(t,e){return $o(t,e).map(r=>r.config.type)}s(as,"configWalletsToWalletName");function ls(t,e){let o=H.use.clearConnectedWallet(),n=$o(void 0,e);return Ou(()=>{o(),n=$o(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}s(ls,"useWalletProviders");import Ku,{createContext as Xu,useContext as Yu,useRef as Ju}from"react";import{create as ju}from"zustand";var tr={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0},ps=s((t,e,o)=>({config:{...tr,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");function Bt(t){return Array.from(new Set(t))}s(Bt,"removeDuplicateFrom");function or(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}s(or,"areEqual");function us(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}s(us,"debounce");function St(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}s(St,"containsText");var ee=s(()=>document.getElementById("swap-box"),"getContainer");import{create as Hu}from"zustand";import{persist as Qu,subscribeWithSelector as Vu}from"zustand/middleware";import{English as Uu,French as zu,Japanese as qu,Spanish as Gu}from"@rango-dev/ui";var cs=[{title:"English",label:"English",local:"en",SVGFlag:Uu},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Gu},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:zu},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:qu}],_o="en";var ms=[.5,1,3],ds=1,fs=5,gs=100,hs=0;var _=Ie(Hu()(Qu(Vu((t,e)=>({preferredBlockchains:[],slippage:ds,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",language:_o,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=10-1;return p&&u}))return;let i=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...i]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let i=Bt(o.map(a=>a.swapperGroup));return i.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:i}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o}))})),{name:"user-settings",skipHydration:!0})));function Do(t){let e=_.use.disabledLiquiditySources(),o=t.map(i=>i.swapperGroup),n=[];return Bt(t.map(i=>i.swapperGroup)).map(i=>{let a=t.find(l=>l.swapperGroup===i);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}s(Do,"getUniqueSwappersGroups");function ys(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}s(ys,"sortLiquiditySourcesByGroupTitle");var Ss=s((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(i.length>0&&!i.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.tokens:r.to?.tokens)??[],a=e().blockchains({type:o.type});return n.filter(p=>i.length>0&&!i.some(u=>Ae(u,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(St(p.symbol,o.searchFor)||St(p.address||"",o.searchFor)||St(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p)?-1:e().isTokenPinned(u)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>Ae(r,o)),swappers:()=>{let{config:{enableNewLiquiditySources:o,liquiditySources:n}}=e();return e()._swappers.filter(a=>{let l=n?.includes(a.swapperGroup);return o||!n||n.length===0?!l:l}).sort(ys)},fetch:async()=>{try{let o=await Nt().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],i=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:i,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");function Cs(t){return Ie(ju()((...e)=>({...Ss(...e),...ps(t,...e)})))}s(Cs,"createAppStore");var ks=Xu(null);function v(){let t=Yu(ks);if(!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t}s(v,"useAppStore");function Ts(t){let e=Ju();return e.current||(e.current=Cs(t.config)),Ku.createElement(ks.Provider,{value:e.current},t.children)}s(Ts,"AppStoreProvider");var ir=ec({onConnectWallet:()=>{}});function nc(t){let e=v().use.updateConfig(),o=v().use.blockchains()(),n=v().use.tokens()(),{providers:r}=ls(t.providers,t?.options),i=H.use.disconnectWallet(),a=H.use.connectWallet(),l=oc();tc(()=>{t.config&&e(t.config)},[t.config]);let p=o.filter(Ru).map(c=>c.name),u=s((c,m,g,h,w)=>{if(m===rr.ACCOUNTS)if(g){let k=Wo(w.supportedBlockchains),y=es(c,g,p,k,w.isContractWallet);a(y,n)}else i(c);if(m===rr.ACCOUNTS&&h.connected){let k=`${c}-${h.network}-${g}`;h.connected&&(l.current?l.current(k):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(m===rr.NETWORK&&h.network){let k=`${c}-${h.network}`;l.current?l.current(k):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(c,m,g,h,w)},"onUpdateState");return Fo.createElement(ir.Provider,{value:{onConnectWallet:c=>{l.current=c}}},Fo.createElement(Zu,{allBlockChains:o,providers:r,onUpdateState:u,autoConnect:!0},t.children))}s(nc,"Main");function sr(t){let{config:e,...o}=t;return Fo.createElement(Ts,{config:e},Fo.createElement(nc,{...o,config:e}))}s(sr,"WidgetWallets");import{I18nManager as zh,styled as qh}from"@rango-dev/ui";import tt,{useContext as Gh,useEffect as Tu,useMemo as Hh,useState as wu}from"react";import{useQueueManager as ed}from"@rango-dev/queue-manager-rango-preset";import{useWallets as td}from"@rango-dev/wallets-react";import{isEvmBlockchain as od}from"rango-types";import wt,{useEffect as nd,useRef as rd}from"react";import{MemoryRouter as id,useInRouterContext as sd}from"react-router";import{useLocation as ad,useNavigate as ld}from"react-router-dom";var S={home:"/",fromSwap:"from-swap",fromBlockchain:"/from-swap/blockchains",toBlockchain:"/to-swap/blockchains",toSwap:"to-swap",settings:"settings",liquiditySources:"/settings/liquidity-sources",themes:"/settings/themes",bridges:"/settings/bridges",exchanges:"/settings/exchanges",languages:"/settings/languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:"swaps/:requestId"};import{i18n as Or}from"@lingui/core";import{Button as qm,styled as Ur,SwapInput as nl,WarningIcon as Gm}from"@rango-dev/ui";import Fe,{useEffect as Hm,useRef as Qm,useState as Vm}from"react";import{useNavigate as jm}from"react-router-dom";import{ChevronLeftIcon as sc}from"@rango-dev/ui";import xs from"react";import{darkTheme as rc,IconButton as ic,styled as Oo}from"@rango-dev/ui";var Be=Oo(ic,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),ws=Oo("div",{position:"absolute",background:"$secondary500",[`.${rc} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Lt=Oo("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),vs=Oo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function ar(t){return xs.createElement(Be,{variant:"ghost",size:"small",onClick:t.onClick},xs.createElement(sc,{color:"black",size:16}))}s(ar,"BackButton");import{i18n as ac}from"@lingui/core";import{Button as lc,Typography as pc}from"@rango-dev/ui";import lr from"react";function pr(t){return lr.createElement(Lt,null,lr.createElement(lc,{variant:"ghost",onClick:t.onClick,size:"xsmall"},lr.createElement(pc,{variant:"label",size:"medium",color:"error500"},ac.t("Cancel"))))}s(pr,"CancelButton");import{i18n as uc}from"@lingui/core";import{Tooltip as cc,WalletIcon as mc}from"@rango-dev/ui";import Uo from"react";function ur(t){return Uo.createElement(cc,{container:t.container,side:"top",content:uc.t("Connect Wallet")},Uo.createElement(Be,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Uo.createElement(ws,null),Uo.createElement(mc,{size:18,color:"black"})))}s(ur,"WalletButton");import{i18n as Go}from"@lingui/core";import{NotificationsIcon as Ic,Popover as Nc,RefreshIcon as Wc,SettingsIcon as Bc,Tooltip as Ho,TransactionIcon as Lc}from"@rango-dev/ui";import ue from"react";import{i18n as Tc}from"@lingui/core";import{ChainToken as Ws,ChevronRightIcon as wc,ListItemButton as vc,Typography as xc}from"@rango-dev/ui";import Le from"react";import{useNavigate as bc}from"react-router-dom";import{create as dc}from"zustand";import{persist as fc,subscribeWithSelector as gc}from"zustand/middleware";var Ne=Ie(dc()(fc(gc((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],i=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:i.toBlockchain,tokenSymbol:i.toSymbol,tokenAddress:i.toSymbolAddress}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{create as hc}from"zustand";var Ce=Ie(hc()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as zo}from"@rango-dev/ui";var bs=zo("div",{padding:"$10",width:"350px",minHeight:"150px"}),Es=zo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),As=zo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Is=zo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as yc}from"@lingui/core";import{Divider as Sc,NoNotificationIcon as Cc,Typography as kc}from"@rango-dev/ui";import qo from"react";function Ns(){return qo.createElement(Is,null,qo.createElement(Cc,{color:"secondary",size:26}),qo.createElement(Sc,{size:12}),qo.createElement(kc,{variant:"body",size:"medium",color:"neutral700"},yc.t("You have no notification")))}s(Ns,"NotificationNotFound");var Ec=4;function cr(){let t=bc(),e=Ce.use.setSelectedSwap(),{getUnreadNotifications:o}=Ne(),n=o(),r=v().use.blockchains()(),i=v().use.tokens()(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,Ec),l=s(p=>{e(p),t(`/swaps/${p}`)},"handleOnClick");return Le.createElement(bs,null,a.length?Le.createElement(Es,null,a.map(p=>{let u=i.find(h=>h.address===p.route.from.tokenAddress&&h.blockchain===p.route.from.blockchain&&h.symbol===p.route.from.tokenSymbol),c=r.find(h=>h.name===p.route.from.blockchain),m=i.find(h=>h.address===p.route.to.tokenAddress&&h.blockchain===p.route.to.blockchain&&h.symbol===p.route.to.tokenSymbol),g=r.find(h=>h.name===p.route.to.blockchain);return Le.createElement(vc,{key:p.requestId,onClick:()=>l(p.requestId),title:Le.createElement(xc,{variant:"body",size:"small",color:"$neutral700"},Tc.t(p.event.message)),id:p.requestId,start:Le.createElement(As,null,Le.createElement("div",{className:"from-chain-token"},Le.createElement(Ws,{tokenImage:u?u.image:"",chainImage:c?c.logo:"",size:"small"})),Le.createElement("div",{className:"to-chain-token"},Le.createElement(Ws,{tokenImage:m?m.image:"",chainImage:g?g.logo:"",size:"small"}))),end:Le.createElement(wc,{size:12,color:"gray"})})})):Le.createElement(Ns,null))}s(cr,"NotificationContent");import{Typography as Ac}from"@rango-dev/ui";import Bs from"react";function Ls(){let{getUnreadNotifications:t}=Ne(),e=t().length;return e?Bs.createElement(vs,null,Bs.createElement(Ac,{variant:"body",size:"xsmall",color:"$background"},e)):null}s(Ls,"UnreadNotificationsBadge");function mr(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:i}=t;return ue.createElement(ue.Fragment,null,ue.createElement(Ho,{container:ee(),side:"top",content:Go.t("Refresh")},ue.createElement(Be,{variant:"ghost",size:"small",onClick:o,disabled:!o},ue.createElement(Wc,{size:16,color:o?"black":"gray"}))),ue.createElement(Ho,{container:ee(),side:"top",content:Go.t("Notifications")},ue.createElement(Nc,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:ee(),content:ue.createElement(cr,null)},ue.createElement(Be,{size:"small",variant:"ghost",onClick:i},ue.createElement(Ic,{size:18,color:"black"}),ue.createElement(Ls,null)))),ue.createElement(Ho,{container:ee(),side:"top",content:Go.t("Settings")},ue.createElement(Be,{size:"small",variant:"ghost",onClick:r},ue.createElement(Bc,{size:18,color:"black"}))),ue.createElement(Ho,{container:ee(),side:"top",content:Go.t("Transactions History")},ue.createElement(Be,{size:"small",variant:"ghost",onClick:n},ue.createElement(Lc,{size:18,color:"black"}))))}s(mr,"HomeButtons");import{BottomLogo as Pc,Divider as $c,Header as _c}from"@rango-dev/ui";import de from"react";import{useNavigate as Dc}from"react-router-dom";import{darkTheme as Mc,styled as dr}from"@rango-dev/ui";var Ms=dr("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",overflow:"hidden !important",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",width:"95vw",maxWidth:"390px",maxHeight:"700px",$$color:"$colors$neutral100",[`.${Mc} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),Ps=dr("div",{borderTopLeftRadius:"20px",borderTopRightRadius:"20px",display:"flex",flexDirection:"column",flex:1,padding:"$20 $20 $10 $20",backgroundColor:"$background",position:"relative",overflowY:"auto",overflowX:"hidden",variants:{noPadding:{true:{padding:"0"}}}}),$s=dr("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Fc(t,e){let{children:o,header:n,footer:r,noPadding:i,hasLogo:a=!0,fixedHeight:l=!0}=t,p=H.use.connectedWallets(),u=Ce.use.connectWalletsButtonDisabled(),c=Dc(),m=s(()=>{u||c("/"+S.wallets)},"onConnectWallet");return de.createElement(Ms,{ref:e,fixedHeight:l,id:"swap-box"},de.createElement(_c,{prefix:de.createElement(de.Fragment,null,n.onBack&&de.createElement(ar,{onClick:n.onBack})),title:n.title,suffix:de.createElement(de.Fragment,null,n.suffix,n.hasConnectWallet&&de.createElement(ur,{container:ee(),onClick:m,isConnected:!!p?.length}),n.onCancel&&de.createElement(pr,{onClick:n.onCancel}))}),de.createElement(Ps,{noPadding:i},o),(a||r)&&de.createElement($s,null,de.createElement("div",{className:"footer__content"},r),a&&de.createElement("div",{className:"footer__logo"},de.createElement($c,{size:12}),de.createElement(Pc,null))))}s(Fc,"LayoutComponent");var K=de.forwardRef(Fc);K.displayName="Layout";import{ReverseIcon as jc,styled as ta}from"@rango-dev/ui";import xr from"react";import lt from"bignumber.js";import{create as Qc}from"zustand";import{subscribeWithSelector as Vc}from"zustand/middleware";import{getLastSuccessfulStep as Hc}from"@rango-dev/queue-manager-rango-preset";import Uk from"bignumber.js";var it=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(it||{});function _s(t,e){return e.find(o=>o.name===t)?.displayName}s(_s,"getBlockchainDisplayNameFor");function fr(t,e){return e.find(o=>o.name===t)?.shortName}s(fr,"getBlockchainShortNameFor");function gr(t,e){return e.find(o=>Ae(o,t))??null}s(gr,"findToken");function hr(t,e){return e.find(o=>o.name===t)??null}s(hr,"findBlockchain");import{i18n as Me}from"@lingui/core";import{PendingSwapNetworkStatus as Ko}from"@rango-dev/queue-manager-rango-preset";import ke from"bignumber.js";function Qo(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(Qo,"getRequiredWallets");function Vo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}s(Vo,"isValidAddress");import{i18n as fe}from"@lingui/core";var q=s(()=>({genericServerError:fe.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:fe.t("Please reset your liquidity sources."),description:fe.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noResultError:{title:fe.t("No Routes Found"),description:fe.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:fe.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:fe.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:fe.t("High Price Impact"),title:fe.t("Price impact is too high!"),description:fe.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:fe.t("Confirm High price impact")},quoteUpdatedWithHighValueLoss:{title:fe.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:fe.t("USD Price Unknown"),title:fe.t("USD Price Unknown, Cannot calculate Price Impact."),description:fe.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:fe.t("Confirm USD Price Unknown")}}),"errorMessages");function Ds(t){switch(t.type){case 0:return t.diagnosisMessage??q().noResultError.title;case 1:return q().genericServerError;default:return""}}s(Ds,"getQuoteErrorMessage");import{i18n as jo}from"@lingui/core";var Ct=s(()=>({connectWallet:jo.t("Connect Wallet"),swap:jo.t("Swap"),swapAnyway:jo.t("Swap anyway"),ethWarning:jo.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Fs(t,e){return!t||!e||t.lte(be)||e.lte(be)?0:e.div(t).minus(1).multipliedBy(100).toNumber()}s(Fs,"getOutputRatio");function Jo(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new ke(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new ke(1e3)))??!1}s(Jo,"hasHighValueLoss");function Yt(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new ke(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ke(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}s(Yt,"hasLimitError");function yr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new ke(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new ke(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new ke(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ke(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",i="",a="";return!r&&o&&o.gt(e.fromAmount)?(i=Me.t({id:"Required: >= {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(i=Me.t({id:"Required: > {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(i=Me.t({id:"Required: <= {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(i=Me.t({id:"Required: < {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:i,recommendation:a}}s(yr,"getLimitErrorMessage");function Os(t,e,o,n,r,i,a,l,p){return t!=="success"?{title:Ct().connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:Ct().connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!p||p==="0"?{title:Ct().swap,disabled:!0,state:"swap"}:i||a?{title:Ct().swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:l?{title:Ct().ethWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:Ct().swap,disabled:!1,state:"swap"}}s(Os,"getSwapButtonState");function Sr(t,e,o){return!((!o||o.lte(be))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}s(Sr,"canComputePriceImpact");function Uc(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(Uc,"requiredWallets");var zc=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice");function qc(t,e){let o=be;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let i=zc(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new ke(r.amount).multipliedBy(i||0))}return o}s(qc,"getUsdFeeOfStep");function Zo(t,e){return t.reduce((o,n)=>o.plus(qc(n,e)),be)}s(Zo,"getTotalFeeInUsd");function Cr(t){let e=new Map;return t.result?.swaps.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}s(Cr,"checkSlippageErrors");function Us(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseInt(n.recommendedSlippage?.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}s(Us,"checkSlippageWarnings");function Ro(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}s(Ro,"getMinRequiredSlippage");function zs(t,e){return e?parseFloat(t)>=parseFloat(e):!0}s(zs,"hasProperSlippage");function en(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:i,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:c,affiliatePercent:m,affiliateWallets:g,initialQuote:h,destination:w}=t,k=i?.reduce((d,C)=>(d[C.chain]=C.address,d),{}),y=[];r?.forEach(d=>{let C=y.find(E=>E.blockchain===d.chain);C?C.addresses.push(d.address):y.push({blockchain:d.chain,addresses:[d.address]})});let x=!!h,f=Bt((h?.result?.swaps||[]).reduce((d,C)=>(d.push(C.from.blockchain,C.to.blockchain),C.internalSwaps&&Array.isArray(C.internalSwaps)&&C.internalSwaps.map(E=>{d.push(E.from.blockchain,E.to.blockchain)}),d),[]));return{amount:n.toString(),affiliateRef:c??void 0,affiliatePercent:m??void 0,affiliateWallets:g??void 0,checkPrerequisites:x,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:y,selectedWallets:k??{},slippage:u.toString(),...w&&{destination:w},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(d=>!a.includes(d)),swappersGroupsExclude:!1},...x&&{blockchains:f}}}s(en,"createQuoteRequestBody");function qs(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}s(qs,"getWalletsForNewSwap");function Mt(t){return t.result?.outputAmount||null}s(Mt,"getQuoteOutputAmount");function at(t,e){return new ke(e).div(new ke(t)).minus(1).multipliedBy(100).toNumber()}s(at,"getPercentageChange");function Gs(t,e){let o=Mt(t),n=Mt(e);if(!o||!n)return!1;let r=at(o,n);return r?r<=-1:!0}s(Gs,"isOutputAmountChangedALot");function Hs(t,e){let o=t.validationStatus,n=ts(t);return e.sort((i,a)=>n.indexOf(i.chain)-n.indexOf(a.chain)).flatMap(i=>Ys(i,o)||[]).filter(i=>!i.ok).map(i=>{let a=i.asset.symbol,l=W(new ke(i.currentAmount.amount).shiftedBy(-i.currentAmount.decimals),8,8),p=W(new ke(i.requiredAmount.amount).shiftedBy(-i.requiredAmount.decimals),8,8),u="";return i.reason==="FEE"&&(u=Me.t(" for network fee")),i.reason==="INPUT_ASSET"&&(u=Me.t(" for swap")),i.reason==="FEE_AND_INPUT_ASSET"&&(u=Me.t(" for input and network fee")),Me.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:p,symbol:a,reason:u,currentAmount:l,blockchain:i.asset.blockchain}})})}s(Hs,"getBalanceWarnings");function Qs(t,e){return(t?new ke(t):be).multipliedBy(e||0)}s(Qs,"calcOutputUsdValue");function Jt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Ko.NetworkChanged}s(Jt,"isNetworkStatusInWarningState");function Vs(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Jt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Ko.WaitingForConnectingWallet:n=n||Me.t("Waiting for connecting wallet");break;case Ko.WaitingForQueue:n=n||Me.t("Waiting for other running tasks to be finished");break;case Ko.WaitingForNetworkChange:n=n||Me.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}s(Vs,"getSwapMessages");function js(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}s(js,"getLastConvertedTokenInFailedSwap");function Ks(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}s(Ks,"shouldRetrySwap");function Xs(t,e,o,n,r,i){return t||!e&&!Uc(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&i&&!Vo(i,o)}s(Xs,"confirmSwapDisabled");function kr(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}s(kr,"searchParamsToToken");function Zs(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}s(Zs,"getQuoteToTokenUsdPrice");function Tr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}s(Tr,"isNumberOfSwapsChanged");function wr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!or(o,n)}s(wr,"isQuoteSwappersUpdated");function vr(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!or(o,n)}s(vr,"isQuoteInternalCoinsUpdated");function Rs(t,e){return Tr(t,e)||wr(t,e)||vr(t,e)}s(Rs,"isQuoteChanged");function Ys(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}s(Ys,"getRequiredBalanceOfWallet");function Xe(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}s(Xe,"getPriceImpactLevel");function ea(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],i=Hc(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=hr(i?i.toBlockchain:n.fromBlockchain,e),p=hr(r.toBlockchain,e),u=gr(i?{blockchain:l?.name??"",symbol:i.toSymbol,address:i.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=gr(a,o),m=i?i.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:m}}s(ea,"createRetryQuote");function tn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:i}=e,a=kt(o,t.requestAmount),l=kt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let c=at(a.toString(),l.toString());if(Jo(a,c)){let g=Zo(t.result.swaps,r),h=Xe(c);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:c,totalFee:g,warningLevel:h}}}else if(t.result&&(!a||!l))return{type:1};let p=Ro(t),u=i>fs;if(zs(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<i)return{type:3,slippage:i.toString()}}else return{type:2,recommendedSlippages:Us(t,i),minRequiredSlippage:p};return null}s(tn,"generateQuoteWarnings");function Pt(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0);return!t||!e||o?null:at(t.toString(),e.toString())}s(Pt,"getPriceImpact");var kt=s((t,e)=>t?.usdPrice?new lt(e||be).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),P=Ie(Qc()(Vc(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new lt(0),outputUsdValue:new lt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=be;return Xt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new lt(e.result?.outputAmount):null,r=Qs(e.result?.outputAmount,Zs(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new lt(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{quote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:kt(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{quote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new lt(0),outputUsdValue:new lt(0),quote:null},...!!o.fromToken&&{inputUsdValue:kt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:i,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=ea(e,r,n);t({fromBlockchain:i,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:kt(a??null,u),outputUsdValue:new lt(0),toBlockchain:l,toToken:p,quote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:kt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:""}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));var Kc=ta("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Xc=ta("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&:hover":{color:"$secondary500"}});function oa(){let t=P.use.switchFromAndTo();return xr.createElement(Kc,null,xr.createElement(Xc,{onClick:()=>{t()}},xr.createElement(jc,{size:12})))}s(oa,"SwitchFromAndToButton");import{Divider as _m}from"@rango-dev/ui";import mt from"react";import{i18n as Ir}from"@lingui/core";import{Alert as om,ChevronDownIcon as nm,ChevronRightIcon as Ia,Divider as Nr,Image as Na,InfoIcon as rm,QuoteCost as im,StepDetails as sm,TokenAmount as am,Tooltip as Wa,Typography as Dt}from"@rango-dev/ui";import B,{useLayoutEffect as lm,useRef as pm,useState as um}from"react";import{styled as br}from"@rango-dev/ui";var Er=br("div",{width:"100%",paddingTop:"$2"}),na=br("div",{paddingBottom:"$15"}),ra=br("div",{width:"100%",display:"flex"});import*as nn from"@radix-ui/react-collapsible";import{darkTheme as Ye,styled as pt}from"@rango-dev/ui";import*as _t from"@radix-ui/react-collapsible";import{Button as Yc,darkTheme as $t,IconButton as Jc,keyframes as ia,styled as he,TextField as Zc}from"@rango-dev/ui";var Zt=300,Rc=ia({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),em=ia({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),sa=he("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),aa=he("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),la=he("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${$t} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${$t} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${$t} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),pa=he(_t.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),ua=he("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),ca=he(Jc,{position:"absolute",left:"$20"}),ma=he("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),da=he(_t.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),fa=he(Yc,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${$t} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${$t} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${$t} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),ga=he("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),ha=he("div",{transition:`all ${Zt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),ya=he("div",{display:"flex"}),Sa=he(Zc,{padding:"$0 $15 $15 $15"}),on=he(_t.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Rc} ${Zt}ms ease-out`},false:{animation:`${em} ${Zt}ms ease-out`}}}}),Ca=he("div",{overflow:"visible",width:"100%"});var Ar=300,ka=pt(nn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{recommended:{true:{$$color:"$colors$info300",[`.${Ye} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ye} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& .steps-details":{padding:"$10 $15"}}),Ta=pt("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",cursor:"pointer",boxSizing:"border-box",position:"relative",variants:{recommended:{true:{$$color:"$colors$info100",[`.${Ye} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${Ye} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{},false:{}}},compoundVariants:[{listItem:!0,recommended:!0,css:{"&:hover":{$$color:"$colors$secondary200",[`.${Ye} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${Ye} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}],"& .summary":{width:"100%",padding:"$15 $15 $10 $15"},"& .basic-info":{paddingTop:"$10",display:"flex",alignItems:"center"}}),wa=pt(nn.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${Image}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Image}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${Ye} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ye} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& div:nth-child(1)":{display:"flex"}}),va=pt(on,{width:"100%"}),rn=pt("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Ar}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),yT=pt("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),xa=pt("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ye} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),ba=pt("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"});import{TokenAmount as Aa}from"@rango-dev/ui";import sn from"react";import{styled as tm}from"@rango-dev/ui";var Ea=tm("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%","& .separator":{height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"}});function Rt(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return sn.createElement(Ea,null,sn.createElement(Aa,{direction:"horizontal",label:"Swap input",type:"input",price:{value:e.price.value,usdValue:e.price.usdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),sn.createElement("div",{className:"separator"}),sn.createElement(Aa,{direction:"horizontal",label:"Estimated output",type:"output",price:{value:o.price.value,usdValue:o.price.usdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}s(Rt,"QuoteSummary");function Wr(t){let{quote:e,input:o,output:n,error:r,warning:i,type:a,recommended:l=!0}=t,p=v().use.tokens()(),[u,c]=um(t.expanded),m=pm(null),g=W(Zo(e.result?.swaps??[],p),2,2),h=Ao(Io(e.result?.swaps)),w=Pt(o.usdValue,n.usdValue??null),k=W(String(w),2,2),y=Xe(w??0),f=s(d=>d.map((C,E)=>{let $,I=r?.type===3&&r.swap.swapperId===C.swapperId||i?.type===2&&i.recommendedSlippages?.has(E),D=i?.type===2&&i.recommendedSlippages?.has(E);return I?$="error":D&&($="warning"),{swapper:{displayName:C.swapperId,image:C.swapperLogo},from:{token:{displayName:C.from.symbol,image:C.from.logo},chain:{displayName:C.from.blockchain,image:C.from.blockchainLogo},price:{value:E===0?W(o.value,6,6):C.fromAmount}},to:{token:{displayName:C.to.symbol,image:C.to.logo},chain:{displayName:C.to.blockchain,image:C.to.blockchainLogo},price:{value:C.toAmount}},state:$,alerts:I||D?B.createElement(na,null,B.createElement(om,{type:I?"error":"warning",title:r?.type===3?r?.recommendation:Ir.t("Slippage Error:"),footer:B.createElement(ra,null,r?.type===3&&B.createElement(B.Fragment,null,B.createElement(Dt,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),B.createElement(Nr,{direction:"horizontal",size:8}),B.createElement(Dt,{size:"xsmall",variant:"body",color:"neutral900"},"|"),B.createElement(Nr,{direction:"horizontal",size:8}),B.createElement(Dt,{size:"xsmall",variant:"body",color:"neutral900"},Ir.t({id:"Yours: {amount} {symbol}",values:{amount:W(C.fromAmount,6,6),symbol:C?.from.symbol}}))),(r?.type===4||i?.type===2)&&B.createElement(Dt,{size:"xsmall",variant:"body",color:"neutral900"},Ir.t({id:"min required Slippage: {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(E)},...i?.type===2&&{minRequiredSlippage:i.recommendedSlippages?.get(E)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),T=f.length;return lm(()=>{u&&m.current&&setTimeout(()=>{m?.current?.scrollIntoView({behavior:"smooth"})},Ar)},[u]),B.createElement(B.Fragment,null,B.createElement(Ta,{recommended:l,listItem:a==="list-item",basic:a==="basic"},B.createElement("div",{className:"summary"},B.createElement(im,{fee:g,time:h,steps:T}),a==="basic"&&B.createElement("div",{className:"basic-info"},B.createElement(ba,null,B.createElement(rm,{size:12,color:"gray"})),B.createElement(Dt,{size:"small",variant:"body",style:{letterSpacing:.4}},`${o.value} ${f[0].from.token.displayName} = ${n.value} ${f[f.length-1].to.token.displayName}`),B.createElement(Dt,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${n.usdValue})`)),a==="list-item"&&B.createElement(am,{type:"output",direction:"vertical",price:{value:n.value,usdValue:n.usdValue},token:{displayName:f[T-1].to.token.displayName,image:f[T-1].to.token.image},chain:{image:f[T-1].to.chain.image},percentageChange:k,warningLevel:y}),a==="swap-preview"&&B.createElement(B.Fragment,null,B.createElement(Rt,{from:f[0].from,to:f[T-1].to,percentageChange:k,warningLevel:y}),B.createElement(Nr,{size:4}))),B.createElement(ka,{recommended:l,open:u,onOpenChange:c},B.createElement(wa,{ref:d=>m.current=d,recommended:l,onClick:c.bind(null,d=>!d)},B.createElement("div",null,f.map((d,C)=>{let E=`item-${C}`;return B.createElement(B.Fragment,{key:E},B.createElement(Wa,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:d.from.chain.displayName},B.createElement(Na,{src:d.from.chain.image,size:16})),C===T-1&&B.createElement(B.Fragment,null,B.createElement(rn,null,B.createElement(Ia,{size:12,color:"black"})),B.createElement(Wa,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:d.to.chain.displayName},B.createElement(Na,{src:d.to.chain.image,size:16}))),C!==T-1&&B.createElement(rn,null,B.createElement(Ia,{size:12,color:"black"})))})),B.createElement(rn,{orientation:u?"up":"down"},B.createElement(nm,{size:12,color:"black"}))),B.createElement(va,{open:u},B.createElement(xa,null),B.createElement("div",{className:"steps-details"},f.map((d,C)=>{let E=`item-${C}`;return B.createElement(sm,{type:"quote-details",key:E,step:d,hasSeparator:C!==f.length-1,state:d.state})}))))))}s(Wr,"Quote");import{ChainToken as an,Divider as Pe,NextIcon as mm,Skeleton as ye}from"@rango-dev/ui";import A from"react";import{darkTheme as cm,styled as Ba}from"@rango-dev/ui";var La=Ba("div",{$$color:"$colors$neutral100",[`.${cm} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ","& .cost-and-tag":{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"},variants:{rounded:{true:{borderRadius:"$xm"}}},"& .cost":{display:"flex"},"& .basic-summary":{padding:"$15 $0 14px $0"},"& .output":{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"},"& .output__token-info":{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"},"& .quote-summary":{display:"flex",justifyContent:"space-between",alignItems:"end"},"& .quote-summary__separator":{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"},"& .token-amount":{display:"flex",justifyContent:"space-between"},"& .token-amount__label":{display:"flex",flexDirection:"column",alignItems:"start"},"& .chains":{paddingTop:"$2"},"& .swap-preview":{padding:"$15 $0 $15 $0"},"& .steps":{paddingLeft:"$8"},"& .step__title":{display:"flex",alignItems:"center"},"& .step__content":{display:"flex",alignItems:"start"},"& .step__tokens":{paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"},"& .step__token-info":{display:"flex",alignItems:"center"},"& .step__icon-container":{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}}),Ma=Ba("div",{borderLeft:"1px dashed black",minHeight:" 64px",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});function Br(t){let{separator:e=!0}=t;return A.createElement(A.Fragment,null,A.createElement("div",{className:"step__title"},A.createElement(ye,{height:22,width:22,variant:"circular"}),A.createElement(Pe,{direction:"horizontal",size:8}),A.createElement(ye,{height:15,width:148,variant:"rounded"})),A.createElement("div",{className:"step__content"},A.createElement(Ma,{hideSeparator:!e}),A.createElement("div",{className:"step__tokens"},A.createElement("div",{className:"step__token-info"},A.createElement(an,{size:"small",loading:!0,chainImage:"",tokenImage:""}),A.createElement(Pe,{direction:"horizontal",size:8}),A.createElement(ye,{height:12,width:76,variant:"rounded"})),A.createElement("div",{className:"step__icon-container"},A.createElement(mm,{color:"gray",size:16})),A.createElement("div",{className:"step__token-info"},A.createElement(an,{size:"small",loading:!0,chainImage:"",tokenImage:""}),A.createElement(Pe,{direction:"horizontal",size:8}),A.createElement(ye,{height:12,width:76,variant:"rounded"})))))}s(Br,"StepSkeleton");function Lr(t){let{type:e,expanded:o,tag:n=!1}=t,r=A.createElement("div",{className:"quote-summary"},A.createElement("div",{className:"token-amount"},A.createElement(an,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),A.createElement(Pe,{size:8,direction:"horizontal"}),A.createElement("div",{className:"token-amount__label"},A.createElement(ye,{height:10,width:60,variant:"rounded"}),A.createElement(Pe,{size:4}),A.createElement(ye,{height:15,width:148,variant:"rounded"}))),A.createElement(ye,{height:12,width:64,variant:"rounded"}));return A.createElement(La,null,A.createElement("div",{className:"cost-and-tag"},A.createElement("div",{className:"cost"},A.createElement(ye,{width:60,height:10,variant:"rounded"}),A.createElement(Pe,{size:4,direction:"horizontal"}),A.createElement(ye,{width:60,height:10,variant:"rounded"}),A.createElement(Pe,{size:4,direction:"horizontal"}),A.createElement(ye,{width:60,height:10,variant:"rounded"})),n&&A.createElement(ye,{height:22,width:100,variant:"rounded"})),e==="basic"&&A.createElement("div",{className:"basic-summary"},A.createElement(ye,{height:15,width:148,variant:"rounded"})),e==="list-item"&&A.createElement("div",{className:"output"},A.createElement("div",{className:"output__token-info"},A.createElement(an,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),A.createElement(Pe,{direction:"horizontal",size:4}),A.createElement(ye,{height:15,width:150,variant:"rounded"})),A.createElement(Pe,{size:4}),A.createElement(ye,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&A.createElement(A.Fragment,null,A.createElement(Pe,{size:4}),A.createElement("div",{className:"swap-preview"},r,A.createElement("div",{className:"quote-summary__separator"}),r)),A.createElement("div",{className:"chains"},A.createElement(ye,{height:15,width:321,variant:"rounded"})),o&&A.createElement("div",{className:"steps"},A.createElement(Pe,{size:20}),A.createElement(Br,null),A.createElement(Br,null),A.createElement(Br,{separator:!1})))}s(Lr,"QuoteSkeleton");import{i18n as Bm}from"@lingui/core";import{Alert as Lm,Button as Mm,InfoIcon as Pm}from"@rango-dev/ui";import Ee from"react";import{useNavigate as $m}from"react-router-dom";import{Alert as dm,Button as fm,Divider as Oa,NoRouteIcon as gm,RefreshIcon as hm,Typography as Ua}from"@rango-dev/ui";import $e from"react";import{i18n as Pa}from"@lingui/core";function $a(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:q().genericServerError,action:{onClick:n,title:Pa.t("Retry")}},description:""}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:e.length?{alert:{type:"warning",text:q().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Pa.t("Reset")}},description:q().liquiditySourcesError.description}:{alert:null,description:q().noResultError.description}}s($a,"makeInfo");import{styled as Mr}from"@rango-dev/ui";var _a=Mr("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Da=Mr("div",{width:"100%"}),Fa=Mr("div",{padding:"$6 $0"});function Pr(t){let{fetch:e,error:o}=t,n=_.use.disabledLiquiditySources(),r=_.use.toggleAllLiquiditySources(),i=v().use.swappers()(),a=$a(o,n,()=>r(i,!0),e);return $e.createElement(_a,null,$e.createElement(gm,{size:24,color:"gray"}),$e.createElement(Oa,{size:4}),$e.createElement(Ua,{variant:"title",size:"small"},q().noResultError.title),!!a.description&&$e.createElement(Ua,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),$e.createElement(Oa,{size:4}),!!a.alert&&$e.createElement(Da,null,$e.createElement(dm,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&$e.createElement(fm,{size:"xsmall",type:a.alert.type,prefix:$e.createElement(Fa,null,$e.createElement(hm,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}s(Pr,"NoResult");import{i18n as oo}from"@lingui/core";import{Button as ym,Divider as Va,MessageBox as Sm,Modal as Cm,Typography as km,WarningIcon as Tm}from"@rango-dev/ui";import Qe from"react";import{Typography as Ha}from"@rango-dev/ui";import _r from"react";import{styled as ln}from"@rango-dev/ui";var za=ln("div",{width:"100%",paddingTop:"$10"}),$r=ln("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),qa=ln("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),Ga=ln("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Qa(t){let{title:e,value:o,valueColor:n}=t;return _r.createElement(qa,null,_r.createElement(Ha,{size:"medium",variant:"label",color:"neutral600"},e),_r.createElement(Ha,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}s(Qa,"QuoteErrorsModalItem");function ja(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,i=r.warningLevel==="high"?"error":"warning",a=[{title:oo.t("Swapping"),value:W(r.inputUsdValue,4,4)},{title:oo.t("Gas cost"),value:W(r.totalFee,2,2)},{title:oo.t("Receiving"),value:W(r.outputUsdValue,4,4)},{title:oo.t("Price impact"),value:W(r.priceImpact,2,2),valueColor:`${i}500`}];return Qe.createElement(Cm,{open:e,onClose:o,container:ee()},Qe.createElement(Sm,{type:i,title:q().highValueLossError.impactTitle,description:q().highValueLossError.description}),Qe.createElement($r,null,Qe.createElement(Va,{size:20}),Qe.createElement(km,{size:"small",variant:"title"},oo.t("Details")),Qe.createElement($r,null,a.map((l,p)=>Qe.createElement(Qa,{key:p,...l})))),Qe.createElement(Va,{size:32}),Qe.createElement(ym,{type:"primary",size:"large",prefix:Qe.createElement(Tm,null),fullWidth:!0,onClick:n},q().highValueLossError.confirmMessage))}s(ja,"HighValueLossWarningModal");import{i18n as Ka}from"@lingui/core";function Xa(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(Xe(t.priceImpact)==="high"&&(o.alertType="error"),o.title=q().highValueLossError.title),t.type===1&&(o.title=q().unknownPriceError.title),t.type===2&&(o.title=Ka.t({id:"minimum required slippage for this route: {minRequiredSlippage}",values:{minRequiredSlippage:t.minRequiredSlippage}})),t.type===3&&(o.title=Ka.t("Caution, your slippage is high")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action=null),e.type===4&&(o.title="",o.action="change-settings"),o):null}s(Xa,"makeAlerts");import{i18n as Ft}from"@lingui/core";import{Button as Ya,Divider as Ja,MessageBox as wm,Modal as vm,Typography as xm}from"@rango-dev/ui";import Tt from"react";import{useNavigate as bm}from"react-router-dom";function Za(t){let{customSlippage:e,slippage:o}=_(),{open:n,onClose:r,onConfirm:i,warning:a}=t,l=bm(),p=e??o;return Tt.createElement(vm,{anchor:"bottom",open:n,prefix:Tt.createElement(Ya,{size:"small",variant:"ghost",onClick:()=>l("/"+S.settings)},Tt.createElement(xm,{variant:"label",size:"medium",color:"$neutral900"},Ft.t("Change settings"))),container:ee(),onClose:r},Tt.createElement(wm,{type:"warning",title:a.type===3?Ft.t("High slippage"):Ft.t("Low slippage"),description:a.type===3?Ft.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):Ft.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Tt.createElement(Ja,{size:18}),Tt.createElement(Ja,{size:32}),Tt.createElement(Ya,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:i},Ft.t("Confirm anyway"))))}s(Za,"SlippageWarningModal");import{Button as Em,Divider as Am,MessageBox as Im,Modal as Nm,WarningIcon as Wm}from"@rango-dev/ui";import no from"react";function Ra(t){let{open:e,onClose:o,onConfirm:n}=t;return no.createElement(Nm,{open:e,onClose:o,container:ee()},no.createElement(Im,{type:"warning",title:q().unknownPriceError.impactTitle,description:q().unknownPriceError.description}),no.createElement(Am,{size:32}),no.createElement(Em,{type:"primary",size:"large",prefix:no.createElement(Wm,null),fullWidth:!0,onClick:n},q().unknownPriceError.confirmMessage))}s(Ra,"UnknownPriceWarningModal");function Dr(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:i,onCloseWarningModal:a,onConfirmWarningModal:l}=t,p=$m(),u={open:r,onClose:a,onConfirm:l},c=o?.type===0||o?.type===1,m=Xa(e,o?.type===3||o?.type===4?o:null);return Ee.createElement(Ee.Fragment,null,c&&Ee.createElement(Pr,{error:o,fetch:n}),!!m&&Ee.createElement(za,null,Ee.createElement(Lm,{title:m.title,type:m.alertType,variant:"alarm",action:m.action==="show-info"?Ee.createElement(Ga,{onClick:i},Ee.createElement(Pm,{size:12,color:"gray"})):Ee.createElement(Mm,{size:"xsmall",type:"error",onClick:()=>p(S.settings)},Bm.t("Change Settings"))})),e&&Ee.createElement(Ee.Fragment,null,e.type===0&&Ee.createElement(ja,{...u,warning:e}),(e.type===3||e.type===2)&&Ee.createElement(Za,{...u,warning:e}),e.type===1&&Ee.createElement(Ra,{...u,warning:e})))}s(Dr,"QuoteWarningsAndErrors");function ro(t){let{quote:e,type:o,loading:n,error:r,warning:i,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:c,expanded:m=!1}=t,{inputAmount:g,inputUsdValue:h,outputUsdValue:w,outputAmount:k}=P(),y=e&&e.result&&!n;return mt.createElement(mt.Fragment,null,n&&mt.createElement(Er,null,mt.createElement(Lr,{type:o,expanded:m})),y?mt.createElement(Er,null,mt.createElement(Wr,{quote:e,error:r,warning:i,type:o,expanded:m,recommended:!0,input:{value:W(g,6,6),usdValue:W(h,4,4)},output:{value:W(k,6,6),usdValue:W(w,4,4)}})):null,!i&&!r&&mt.createElement(_m,{size:16}),(i||r)&&mt.createElement(Dr,{warning:i,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:c}))}s(ro,"QuoteInfo");import{useEffect as tl,useRef as Um,useState as Fr}from"react";function pn(t){if(!t.result)throw new Error(q().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Yt(t)){let{swap:n,recommendation:r,fromAmountRangeError:i}=yr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:i}})}let o=Cr(t);if(o){let n=Ro(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}s(pn,"throwErrorIfResponseIsNotValid");function el(t,e,o){let n=Rs(t,e),r={quote:null,quoteUpdate:null,balance:null},i=tn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.tokens,userSlippage:o.userSlippage});i&&(r.quote=i),n&&(Gs(t,e)?r.quoteUpdate={type:3,newOutputAmount:W(Mt(e)),percentageChange:W(at(Mt(t)??"",Mt(e)??""),null,2)}:Tr(t,e)?r.quoteUpdate={type:0}:wr(t,e)?r.quoteUpdate={type:1}:vr(t,e)&&(r.quoteUpdate={type:2}));let a=Hs(e,o.selectedWallets);return a.length===0||(r.balance={messages:a}),r}s(el,"generateWarnings");function un(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}s(un,"handleQuoteErrors");import{useRef as Fm,useState as Om}from"react";function cn(){let[t,e]=Om(!1),o=Fm(null),n=s(()=>o.current?.abort(),"cancel");return{fetch:s(async i=>{n(),o.current=new AbortController,e(!0);try{let a=await Nt().getBestRoute(i,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}s(cn,"useFetchQuote");var zm=600;function ol(){let{fetch:t,cancelFetch:e}=cn(),{liquiditySources:o,enableNewLiquiditySources:n}=v().use.config(),r=v().use.tokens()(),{fromToken:i,toToken:a,inputAmount:l,inputUsdValue:p,resetQuote:u,setQuote:c}=P(),{slippage:m,customSlippage:g,affiliatePercent:h,affiliateRef:w,affiliateWallets:k,disabledLiquiditySources:y}=_(),[x,f]=Fr(!1),[T,d]=Fr(null),[C,E]=Fr(null),$=Um(y),I=g??m,L=!i||!a||Ae(i,a)||!Xt(l),Q=s(F=>{f(F),d(null),E(null)},"resetState"),b=s(()=>{if(x||Q(!0),!L){u();let F=en({fromToken:i,toToken:a,inputAmount:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:y,slippage:I,affiliateRef:w,affiliatePercent:h,affiliateWallets:k});t(F).then(O=>{f(!1),c(O),pn(O);let ne=tn(O,{fromToken:i,toToken:a,userSlippage:I,tokens:r});E(ne)}).catch(O=>{let{error:ne}=un(O);(ne?.type===0||ne?.type===1)&&u(),ne?.type!==2&&(d(ne),f(!1))})}},"fetch"),z=us(()=>{L||b()},zm);return tl(()=>{if(!Xt(l)||p?.eq(0)){Q(!1),e();return}if(!L)return u(),Q(!0),z(),e},[l,L]),tl(()=>{let F=!!$.current.length&&!y.length;return!L&&F&&b(),$.current=y,e},[y.length]),{fetch:b,loading:x,error:T,warning:C}}s(ol,"useSwapInput");var Km=Ur("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),Xm=Ur("div",{position:"relative"}),Ym=Ur("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function mn(){let t=jm(),{fetch:e,loading:o,error:n,warning:r}=ol(),{fromToken:i,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:c,inputUsdValue:m,outputAmount:g,outputUsdValue:h,quote:w,resetQuoteWallets:k,setQuoteWarningsConfirmed:y}=P(),x=v().use.fetchStatus(),f=H.use.connectedWallets(),T=Ce.use.setCurrentPage(),[d,C]=Vm(!1),E=Qm(null),$=!1,I=Fs(m,h),D=Jo(m,I),L=!Sr(w,c,m),Q=!Sr(w,c,h),b=Os(x,f,o,w,Yt(w),D,L||Q,$,c),z=a&&i?W(Wt(f,a?.name,i?.symbol,i?.address)?.amount||"0",8,8):"0",F=a&&i?W(Wt(f,a?.name,i?.symbol,i?.address)?.amount||"0",Wt(f,a?.name,i?.symbol,i?.address)?.decimal):"0";Hm(()=>(T(S.home),k(),T.bind(null,"")),[]);let O=!m||!h||!h.gt(0)?null:at(m.toString(),h.toString());return Fe.createElement(K,{ref:E,fixedHeight:!1,hasLogo:!0,footer:Fe.createElement(qm,{type:"primary",size:"large",disabled:b.disabled,prefix:!b.disabled&&b.hasWarning&&Fe.createElement(Gm,null),fullWidth:!0,onClick:()=>{b.state==="waitForConnecting"?t(S.wallets):r?C(!0):t(S.confirmSwap)}},b.title),header:{hasConnectWallet:!0,title:Or.t("Swap"),suffix:Fe.createElement(mr,{layoutRef:E.current,onClickRefresh:w||n?e:void 0,onClickHistory:()=>t(S.swaps),onClickSettings:()=>t(S.settings)})}},Fe.createElement(Km,null,Fe.createElement(Ym,null,Fe.createElement(Xm,null,Fe.createElement(nl,{label:Or.t("From"),mode:"From",onInputChange:u,balance:z,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:i?.symbol||"",image:i?.image||""},onClickToken:()=>t("from-swap"),price:{value:c,usdValue:L?void 0:W(m,4,4),error:L?q().unknownPriceError.impactTitle:void 0},disabled:x==="failed",loading:x==="loading",onSelectMaxBalance:()=>{z!=="0"&&u(F.split(",").join(""))}}),Fe.createElement(oa,null)),Fe.createElement(nl,{sharpBottomStyle:!!w?.result||o,label:Or.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:W(Pt(m,h),2,2),warningLevel:Xe(O??0),price:{value:W(g,6,6),usdValue:Q?void 0:W(h,4,4),error:Q?q().unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:x==="failed",loading:x==="loading"})),Fe.createElement(ro,{quote:w,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:d,onOpenWarningModal:()=>C(!0),onCloseWarningModal:()=>C(!1),onConfirmWarningModal:()=>{C(!1),y(!0),t(S.confirmSwap)}})))}s(mn,"Home");import{useEffect as zr,useRef as qr}from"react";import{createSearchParams as Jm,useLocation as Zm,useSearchParams as Rm}from"react-router-dom";import{useEffect as Ot,useMemo as dn,useRef as fn}from"react";function rl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:i,toToken:a,fromBlockchain:l,toBlockchain:p}=P(),u=v().use.config(),c=v().use.fetchStatus(),m=v().use.blockchains()(),g=v().use.tokens()(),{setAffiliateRef:h,setAffiliatePercent:w,setAffiliateWallets:k}=_(),y=dn(()=>u?.from?.tokens,[u?.from?.tokens]),x=dn(()=>u?.from?.blockchains,[u?.from?.blockchains]),f=dn(()=>u?.to?.tokens,[u?.to?.tokens]),T=dn(()=>u?.to?.blockchains,[u?.to?.blockchains]),d=fn(void 0),C=fn(void 0),E=fn(void 0),$=fn(void 0);Ot(()=>{t(u?.amount?.toString()||"")},[u?.amount]),Ot(()=>{if(c==="success"){let I=m.find(L=>L.name===u?.from?.blockchain),D=g.find(L=>Ae(L,u?.from?.token||null));(I||!I&&E.current)&&n(I??null),D?r({token:D,meta:{blockchains:m,tokens:g}}):!D&&d.current&&r({token:null}),E.current=u?.from?.blockchain,d.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,c]),Ot(()=>{i&&y&&(y.some(I=>Ae(I,i))||r({token:null})),l&&x&&(x.includes(l.name)||n(null))},[y,x]),Ot(()=>{a&&f&&(f.some(I=>Ae(I,a))||e({token:null})),p&&T&&(T.includes(p.name)||o(null))},[f,T]),Ot(()=>{if(c==="success"){let I=m.find(L=>L.name===u?.to?.blockchain),D=g.find(L=>Ae(L,u?.to?.token||null));(I||!I&&$.current)&&o(I??null),D?e({token:D,meta:{blockchains:m,tokens:g}}):!D&&C.current&&e({token:null}),$.current=u?.to?.blockchain,C.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,c]),Ot(()=>{h(u?.affiliate?.ref??null),w(u?.affiliate?.percent??null),k(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}s(rl,"useSyncStoresWithConfig");function il(){let t=qr(!0),[e,o]=Rm(),n=Zm(),r=qr(n.search),i=qr({}),a=P.use.fromBlockchain(),l=P.use.toBlockchain(),p=P.use.fromToken(),u=P.use.toToken(),c=P.use.setFromBlockchain(),m=P.use.setFromToken(),g=P.use.setToBlockchain(),h=P.use.setToToken(),w=P.use.inputAmount(),k=P.use.setInputAmount(),y=v().use.fetchStatus(),x=v().use.blockchains()(),f=v().use.tokens()(),T=Ce.use.setSelectedSwap();return rl(),zr(()=>{let d={};Jm(r.current).forEach((E,$)=>{d[$]=E}),i.current=d;let C=n.pathname.split(S.swaps+"/")[1]||null;C&&T(C)},[]),zr(()=>{if(!t.current){let d="",C="",E="",$="",I="";if(y!=="success")d=i.current["fromBlockchain"],C=i.current["fromToken"],E=i.current["toBlockchain"],$=i.current["toToken"],I=i.current["fromAmount"]||w;else{if(n.state==="redirect")return;d=a?.name||"",C=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),E=l?.name||"",$=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),I=w}o({...d&&{["fromBlockchain"]:d},...C&&{["fromToken"]:C},...E&&{["toBlockchain"]:E},...$&&{["toToken"]:$},...I&&{["fromAmount"]:I.toString()}},{replace:!0})}t.current=!1},[n.pathname,w,a,p,l,u]),zr(()=>{if(y==="success"){let d=e.get("fromBlockchain"),C=e.get("fromToken"),E=e.get("toBlockchain"),$=e.get("toToken"),I=e.get("fromAmount"),D=x.find(z=>z.name===d),L=kr(f,C,D||null),Q=x.find(z=>z.name===E),b=kr(f,$,Q||null);D&&(c(D),L&&m({token:L,meta:{blockchains:x,tokens:f}})),Q&&(g(Q),b&&h({token:b,meta:{blockchains:x,tokens:f}})),I&&k(I)}},[y]),null}s(il,"UpdateUrl");function pd(t){let e=ad(),o=ld(),n=rd(!0),r=e.pathname.split("/"),a=r[r.length-1]===S.confirmSwap&&n.current;return nd(()=>{a&&o("."),n.current=!1},[]),a?wt.createElement(mn,null):wt.createElement(wt.Fragment,null," ",t.children)}s(pd,"Route");function sl({children:t,...e}){let o=sd(),n=o?pd:id,r=v().use.blockchains()(),{canSwitchNetworkTo:i}=td(),a=r.filter(od);return ed({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:i}),wt.createElement(wt.Fragment,null,wt.createElement(n,null,t),o&&wt.createElement(il,null))}s(sl,"AppRouter");import xe from"react";import{useRoutes as Ch}from"react-router-dom";import{i18n as wn}from"@lingui/core";import{useManager as jd}from"@rango-dev/queue-manager-react";import{Alert as Al,Button as Il,Divider as Nl,IconButton as Wl,RefreshIcon as Kd,SettingsIcon as Xd,styled as Bl,Tooltip as Yd,Typography as Jd,WalletIcon as Zd}from"@rango-dev/ui";import Y,{useEffect as vn,useState as xn}from"react";import{flushSync as Rd}from"react-dom";import{useNavigate as ef}from"react-router-dom";import{i18n as Je}from"@lingui/core";import{Alert as Xr,BalanceErrors as $d,Button as xl,ChevronDownIcon as _d,ChevronLeftIcon as Dd,Divider as zt,MessageBox as Fd,Modal as bl,Typography as Tn,WalletIcon as Od}from"@rango-dev/ui";import N,{useEffect as Ud,useLayoutEffect as zd,useRef as qd,useState as bt}from"react";import{useNavigate as Gd}from"react-router-dom";import{i18n as gn}from"@lingui/core";function hn(t){switch(t.type){case 0:return gn.t("Route has been updated.");case 3:return gn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return gn.t("Route swappers has been updated.");case 2:return gn.t("Route internal coins has been updated.");default:return""}}s(hn,"getQuoteUpdateWarningMessage");import{i18n as Oe}from"@lingui/core";import{Button as Ld,Divider as jr,Image as Md,MessageBox as kn,Modal as Cl,SelectableWallet as Pd,Typography as kl,WalletState as Tl}from"@rango-dev/ui";import oe,{useEffect as wl,useState as so}from"react";import{WalletState as al}from"@rango-dev/ui";import{useWallets as ud}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as cd,WalletTypes as md}from"@rango-dev/wallets-shared";import{useEffect as dd,useState as fd}from"react";var gd=Object.values(md);function yn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:i,disconnect:a,getWalletInfo:l,connect:p}=ud(),{connectedWallets:u}=H(),c=v().use.blockchains()(),m=as(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||gd,g=Ri(i,l,m,o),h=is(g),[w,k]=fd(""),y=s(d=>!u.find(C=>C.walletType===d&&C.chain===o),"isExperimentalChainNotAdded"),x=s(async d=>{let C=i(d);try{if(w&&k(""),C.connected)await a(d);else{let E=!!g.find($=>$.state===al.CONNECTED);if(!e?.multiWallets&&E)return;n?.(d),await p(d),r?.(d)}}catch(E){k("Error: "+E?.message)}},"handleClick"),f=s(()=>{let d=g?.filter(C=>C.state===al.CONNECTING)||[];for(let C of d)a(C.type)},"disconnectConnectingWallets");dd(()=>()=>{f()},[]);let T=s((d,C,E)=>Mo(E,C)&&y(d)&&!cd.includes(d),"shouldExcludeWallet");return{list:h.filter(d=>!T(d.type,o??"",c)),error:w,handleClick:x}}s(yn,"useWalletList");import{i18n as ml}from"@lingui/core";import{styled as fl,Typography as xd,Wallet as bd,WalletState as Ed}from"@rango-dev/ui";import xt,{Fragment as Ad,useState as dl}from"react";import{Divider as kd,Modal as Td}from"@rango-dev/ui";import Hr from"react";import{i18n as Ut}from"@lingui/core";import{Image as Sd,MessageBox as Gr,WalletState as Cd}from"@rango-dev/ui";import vt from"react";import{keyframes as hd,styled as Sn}from"@rango-dev/ui";var hb=Sn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),ll=Sn("div",{position:"relative"}),yd=hd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),pl=Sn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${yd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ul=Sn("div",{"& img":{borderRadius:"50%"}});function cl(t){let{state:e,image:o,error:n}=t;return e===Cd.CONNECTED?vt.createElement(Gr,{type:"success",title:Ut.t("Wallet Connected"),description:Ut.t("Your wallet is connected, you can use it to swap.")}):n?vt.createElement(Gr,{type:"error",title:Ut.t("Failed to Connect"),description:n||Ut.t("Your wallet is not connected. Please try again.")}):vt.createElement(Gr,{type:"loading",title:Ut.t("Connecting to your wallet"),description:Ut.t("Click connect in your wallet popup."),icon:vt.createElement(ll,null,vt.createElement(ul,null,vt.createElement(Sd,{src:o,size:45})),vt.createElement(pl,null))})}s(cl,"ModalContent");function io(t){let{open:e,onClose:o,...n}=t;return Hr.createElement(Td,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},Hr.createElement(cl,{...n}),Hr.createElement(kd,{direction:"vertical",size:32}))}s(io,"WalletModal");import{useInRouterContext as wd,useNavigate as vd}from"react-router-dom";function re(){let t=wd(),e=vd(),o=P.use.quoteWalletsConfirmed();return S,{navigateBackFrom:s(r=>{if(r===S.swapDetails)return e("/"+S.swaps,{replace:!0});if(!t||window.history.state&&window.history.state.idx>0)e(-1);else{if([S.settings,S.wallets].includes(r)&&o)return e("/"+S.confirmSwap,{replace:!0});[S.fromSwap,S.toSwap,S.settings,S.wallets,S.swaps,S.confirmSwap].includes(r)?e(S.home,{replace:!0}):r===S.fromBlockchain?e("/"+S.fromSwap,{replace:!0}):r===S.toBlockchain?e("/"+S.fromSwap,{replace:!0}):r===S.liquiditySources&&e("/"+S.settings,{replace:!0})}},"navigateBackFrom")}}s(re,"useNavigateBack");var Id=fl("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),Nd=fl("div",{textAlign:"center"}),Cn=3e3,Qr=300;function gl(){let{config:t,fetchStatus:e}=v()(),{navigateBackFrom:o}=re(),[n,r]=dl(!1),[i,a]=dl(""),l=null,{list:p,handleClick:u,error:c}=yn({config:t,onBeforeConnect:w=>{l=setTimeout(()=>{r(!0),a(w)},Qr)},onConnect:()=>{l&&clearTimeout(l),setTimeout(()=>{r(!1)},Cn)}}),m=p.find(w=>w.type===i),g=m?.image||"",h=m?.state||Ed.NOT_INSTALLED;return xt.createElement(K,{header:{title:ml.t("Connect Wallets"),onBack:()=>o(S.wallets)}},xt.createElement(Nd,null,xt.createElement(xd,{variant:"title",size:"xmedium",align:"center"},ml.t("Choose a wallet to connect.")),xt.createElement(Id,null,p.map((w,k)=>{let y=`wallet-${k}-${w.type}`;return xt.createElement(Ad,{key:y},xt.createElement(bd,{...w,container:ee(),onClick:x=>{u(x)},isLoading:e==="loading"}))}),xt.createElement(io,{open:!!n,onClose:()=>r(!1),image:g,state:h,error:c}))))}s(gl,"WalletsPage");import{keyframes as Wd,styled as Vr}from"@rango-dev/ui";var hl=Vr("div",{position:"relative"}),Bd=Wd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),yl=Vr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Bd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Sl=Vr("div",{"& img":{borderRadius:"50%"}});function Kr(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:i}=t,{config:a}=v()(),l=H.use.connectedWallets(),{blockchains:p}=v()(),[u,c]=so(""),[m,g]=so(null),[h,w]=so(!1),[k,y]=so(null),{suggestAndConnect:x}=vl(),f=null,{list:T,error:d,handleClick:C}=yn({config:a,chain:e,onBeforeConnect:b=>{f=setTimeout(()=>{c(b)},Qr)},onConnect:()=>{f&&clearTimeout(f),setTimeout(()=>{c("")},Cn)}}),[E,$]=so(T),I=T.length,D=r&&I-r>0,L=s(async b=>{w(!1),y("in-progress");try{await x(b.walletType,b.chain),y("completed")}catch{y("rejected")}},"addExperimentalChain");wl(()=>{$(b=>{let z=T.findIndex(F=>o(F.type,e));return D&&z>1?[T[z]].concat(T.filter((F,O)=>O!==z)):b.map(F=>T.find(O=>O.type===F.type)??F)})},[JSON.stringify(T)]);let Q=document.querySelector("#swap-box");return wl(()=>{let b=null;return(k==="completed"||k==="rejected")&&(b=setTimeout(()=>y(null),Cn)),()=>{b&&clearTimeout(b)}},[k]),oe.createElement(oe.Fragment,null,E.slice(0,r).map(b=>{let z=ss({connectedWallets:l,walletType:b.type,chain:e}),F=z?Po(z):"",O=Mo(p(),e),ne=!l.find(nt=>nt.walletType===b.type&&nt.chain===e),ze=O&&ne&&b.state===Tl.CONNECTED,ot=ze?Oe.t({id:"Add {chain} chain",values:{chain:e}}):F,V=s(()=>{b.state===Tl.DISCONNECTED?C(b.type):ze?(g({walletType:b.type,chain:e,address:z??""}),w(!0)):n({walletType:b.type,chain:e,address:z??""})},"onClick"),Z=m?.chain?_s(m.chain,p()):void 0;return oe.createElement(oe.Fragment,null,oe.createElement(io,{open:u===b.type,onClose:()=>c(""),image:b.image,state:b.state,error:d}),!!m&&oe.createElement(Cl,{open:!!m&&h,container:Q,onClose:()=>{g(null)}},oe.createElement(kn,{title:Oe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),type:"warning",description:Oe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}})},oe.createElement(jr,{size:18}),oe.createElement(jr,{size:32}),oe.createElement(Ld,{onClick:L.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Oe.t("Confirm")))),k&&oe.createElement(Cl,{open:!!k,onClose:y.bind(null,null),container:Q},k==="in-progress"&&oe.createElement(kn,{type:"loading",title:Oe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),description:Oe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}}),icon:oe.createElement(hl,null,oe.createElement(Sl,null,oe.createElement(Md,{src:b.image,size:45})),oe.createElement(yl,null))}),k==="completed"&&oe.createElement(kn,{type:"success",title:Oe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Z}}),description:Oe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Z}})}),k==="rejected"&&oe.createElement(kn,{type:"error",title:Oe.t("Request Rejected"),description:Oe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Z}})}),oe.createElement(jr,{direction:"vertical",size:32})),oe.createElement(Pd,{key:b.type,description:ot,onClick:V,selected:o(b.type,e),...b}))}),D&&oe.createElement(la,{selected:!1,onClick:i.bind(null)},oe.createElement(kl,{variant:"label",size:"medium"},Oe.t("Show more wallets"),oe.createElement(kl,{variant:"label",size:"medium",color:"$primary"},"\xA0+",I-(r??0)))))}s(Kr,"WalletList");var Hd=2;function El(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:i}=t,a=v().use.config(),l=v().use.blockchains()(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:c,setQuoteWalletConfirmed:m,customDestination:g,setCustomDestination:h}=P(),{connectedWallets:w,selectWallets:k}=H(),[y,x]=bt(""),[f,T]=bt([]),[d,C]=bt(""),[E,$]=bt(null),[I,D]=bt(g),[L,Q]=bt(!!g),b=qd(null),z=Qo(p),F=l.find(U=>U.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),O=s(U=>!!p?.result?.swaps.find(j=>j.from.blockchain===U),"isWalletRequiredFor"),[ne,ze]=bt(w.filter(U=>U.selected&&z.includes(U.chain))),ot=l.find(U=>U.name===F?.name),V=s((U,j)=>!!ne.find(R=>R.walletType===U&&R.chain===j&&R.selected&&(O(j)||!O(j)&&!I)),"isSelected"),Z=!!I&&L&&ot&&!Vo(ot,I),nt=s(()=>{Q(!1),D(""),ze(U=>{let j=!1;return U.map(R=>!j&&R.chain===F?.name?(j=!0,{...R,selected:!0}):R)})},"resetCustomDestination"),rt=s(U=>{if(y&&x(""),V(U.walletType,U.chain))return;let R=w.find(ae=>ae.walletType===U.walletType&&ae.chain===U.chain);R&&(n(),U.chain===F?.name&&L&&(Q(!1),D("")),ze(ae=>ae.filter(me=>me.chain!==U.chain).concat({...R,selected:!0})))},"onChange"),ht=s(()=>{let U=ne.filter(j=>j.selected);k(U),u(U),h(I),m(!0),o()},"onConfirmBalance"),Jn=s(async()=>{T([]),C(""),$(null);let U=w.filter(ae=>ne.find(me=>me.chain===ae.chain&&me.walletType===ae.walletType)),j=await r?.({selectedWallets:U,customDestination:I}),R=j.warnings;R?.balance?.messages&&T(R.balance.messages),R?.quoteUpdate&&$(R.quoteUpdate),j.error&&C(Ds(j.error)),!j.error&&(!R?.balance?.messages.length||0>0)?ht():T(R?.balance?.messages??[])},"onConfirmWallets");Ud(()=>{ze(U=>U.concat(w.filter(j=>!!!U.find(ae=>ae.chain===j.chain)&&j.selected&&z.includes(j.chain))))},[w.length]),zd(()=>{L&&b.current&&setTimeout(()=>{b?.current?.scrollIntoView({behavior:"smooth"})},Zt)},[L]);let xo=document.querySelector("#swap-box"),jt=Gd();return N.createElement(bl,{open:e,onClose:()=>{c||jt(S.home,{replace:!0}),o()},dismissible:!y,container:xo,...!y&&{footer:N.createElement(ya,null,N.createElement(xl,{loading:i,disabled:Xs(i,L,I,p,ne,F),onClick:Jn,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...y&&{containerStyle:{padding:"$0"},header:N.createElement(ua,null,N.createElement(ca,{variant:"ghost",onClick:x.bind(null,"")},N.createElement(Dd,{size:16})),N.createElement(Tn,{variant:"headline",size:"small"},Je.t({id:"Your {blockchainName} wallets",values:{blockchainName:y}})))},anchor:"center"},N.createElement(bl,{open:f.length>0,onClose:T.bind(null,[]),container:xo},N.createElement(Fd,{title:Je.t("Insufficient account balance"),type:"error",description:N.createElement($d,{messages:f??[]})},N.createElement(xl,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:ht},Je.t("Proceed anyway")))),y&&N.createElement(ma,null,N.createElement("div",{className:"wallets-list"},N.createElement(Kr,{chain:y,isSelected:V,selectWallet:rt,onShowMore:x.bind(null,y)}))),!y&&N.createElement(N.Fragment,null,d&&N.createElement(N.Fragment,null,N.createElement(Xr,{variant:"alarm",type:"error",title:Je.t(d)}),N.createElement(zt,{size:12})),E&&N.createElement(N.Fragment,null,N.createElement(Xr,{variant:"alarm",type:"warning",title:hn(E)}),N.createElement(zt,{size:12})),N.createElement(Ca,null,z.map((U,j)=>{let R=l.find(qe=>qe.name===U),ae=`wallet-${j}`,me=j===z.length-1;return N.createElement("div",{key:ae},N.createElement(sa,null,N.createElement(Tn,{variant:"title",size:"xmedium"},Je.t({id:"Your {blockchainName} wallets",values:{blockchainName:R?.displayName}})),N.createElement(Tn,{variant:"label",color:"$neutral700",size:"medium"},Je.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:R?.displayName}}))),N.createElement(zt,{size:24}),N.createElement(aa,null,N.createElement(Kr,{chain:U,isSelected:V,selectWallet:rt,limit:Hd,onShowMore:()=>x(R?.name??"")})),!me&&N.createElement(zt,{size:32}),me&&a?.customDestination&&N.createElement(ga,null,N.createElement(da,{ref:b,selected:L,open:L,onOpenChange:qe=>{qe?O(F?.name??"")||ze(yt=>yt.map(Kt=>Kt.chain===F?.name?{...Kt,selected:!1}:Kt)):nt()}},N.createElement(pa,{onClick:()=>Q(qe=>!qe)},N.createElement(fa,{fullWidth:!0,variant:"default",suffix:N.createElement(ha,{orientation:L?"up":"down"},N.createElement(_d,{size:10,color:"gray"}))},N.createElement("div",{className:"button__content"},N.createElement(Od,{size:18,color:"info"}),N.createElement(zt,{size:4,direction:"horizontal"}),N.createElement(Tn,{variant:"label",size:"medium"},Je.t("Send to a different address"))))),N.createElement(on,{open:L},N.createElement(N.Fragment,null,N.createElement(zt,{size:4}),N.createElement(Sa,{autoFocus:!0,placeholder:Je.t("Your destination address"),value:I,onChange:qe=>{D(qe.target.value)}})))),Z&&N.createElement("div",{className:"alarms"},N.createElement(Xr,{variant:"alarm",type:"error",title:Je.t({values:{destination:I},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}s(El,"ConfirmWalletsModal");import{calculatePendingSwap as Qd}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Vd}from"react";function Yr(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,resetQuote:r,quote:i,customDestination:a,setQuoteWarningsConfirmed:l}=P(),{slippage:p,customSlippage:u,affiliatePercent:c,affiliateRef:m,affiliateWallets:g,disabledLiquiditySources:h}=_(),{connectedWallets:w}=H(),k=v().use.blockchains()(),y=v().use.tokens()(),x=u||p,{fetch:f,cancelFetch:T,loading:d}=cn();return Vd(()=>T,[]),{loading:d,fetch:s(async E=>{let $=E.selectedWallets,I=E?.customDestination??a;if(!t||!e||!o||!i)return{quote:null,swap:null,error:null,warnings:null};let D=en({fromToken:t,toToken:e,inputAmount:o,wallets:w,selectedWallets:$,disabledLiquiditySources:h,slippage:x,affiliateRef:m,affiliatePercent:c,affiliateWallets:g,initialQuote:i,destination:I}),L;try{L=await f(D).then(F=>pn(F)),n(L)}catch(F){let O=un(F);return(O.error?.type===0||O.error?.type===1)&&r(),O}let Q={slippage:x.toString(),disabledSwappersGroups:h},b=Qd(o.toString(),L,qs($),Q,!1,{blockchains:k,tokens:y}),z=el(i,L,{fromToken:t,toToken:e,tokens:y,selectedWallets:$,userSlippage:x});return z.quoteUpdate&&l(!1),{quote:L,swap:b,error:null,warnings:z}},"fetch"),cancelFetch:T}}s(Yr,"useConfirmSwap");var tf=Bl("div",{position:"relative",width:"100%","& .description":{display:"flex",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10"},"& .icon":{width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}}),of=Bl("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Wl}`]:{width:"$48",height:"$48"}});function Ll(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:i,quoteWarningsConfirmed:a}=P(),l=ef(),[p,u]=xn(""),{connectedWallets:c}=H(),m=!n,[g,h]=xn(!1),w=Ce.use.setSelectedSwap(),{manager:k}=jd(),{fetch:y,loading:x,cancelFetch:f}=Yr(),[T,d]=xn({swap:null,error:null,warnings:null}),[C,E]=xn(!1),$=s(async({selectedWallets:b,customDestination:z})=>{let F=await y?.({selectedWallets:b,customDestination:z});return d(F),F},"onConfirmSwap"),I=s(async()=>{if(T.swap&&n)try{await k?.create("swap",{swapDetails:T.swap},{id:T.swap.requestId}),w(T.swap.requestId),l("/"+S.swaps+`/${T.swap.requestId}`,{replace:!0}),setTimeout(()=>{e("")},0)}catch(b){u("Error: "+b?.message)}},"addNewSwap"),D=s(async()=>{await I()},"onConfirm"),L=s(async()=>{T?.warnings?.quote&&!a?E(!0):await D()},"onStartConfirmSwap"),Q=s(async()=>{d({error:null,swap:null,warnings:null}),y({selectedWallets:o}).then(b=>{d(b)}).catch(b=>console.error(b))},"onRefresh");return vn(()=>{m&&f()},[m]),vn(()=>{m&&h(m)},[m]),vn(()=>{m||y({selectedWallets:o,customDestination:i}).then(b=>d(b)).catch(b=>console.error(b))},[]),vn(()=>{let b=T.warnings?.quote?.type&&Object.values(it).includes(T.warnings?.quote?.type),z=o.length<1||!o.every(O=>c.find(ne=>O.address===ne.address&&O.walletType===ne.walletType&&O.chain===ne.chain)),F=!1;if(b){let O=Qo(t),ne=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(V=>V.from.blockchain===ne)||(O=O.slice(-O.length,O.length-1)),O.every(V=>o.find(Z=>Z.chain===V))||(F=!0)}t&&(z||F)&&(queueMicrotask(()=>Rd(h.bind(null,!0))),r(!1))},[T.warnings?.quote,o.length,c.length]),Y.createElement(K,{header:{title:wn.t("Confirm Swap"),onBack:()=>l(-1),hasConnectWallet:!0,suffix:Y.createElement(Yd,{container:ee(),side:"bottom",content:wn.t("Settings")},Y.createElement(Be,{size:"small",variant:"ghost",onClick:()=>l("/"+S.settings)},Y.createElement(Xd,{size:18,color:"black"})))},footer:Y.createElement(of,null,Y.createElement("div",{className:"confirm-button"},Y.createElement(Il,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:x,disabled:!!T.error,onClick:L},wn.t("Start Swap"))),Y.createElement(Wl,{variant:"contained",type:"primary",size:"large",loading:x,onClick:h.bind(null,!0)},Y.createElement(Zd,{size:24})))},g&&Y.createElement(El,{open:g,onClose:()=>h(!1),onCancel:f,loading:x,onCheckBalance:$}),Y.createElement(tf,null,Y.createElement("div",{className:"description"},Y.createElement(Jd,{variant:"title",size:"small"},wn.t("You get")),Y.createElement(Il,{style:{padding:"0"},variant:"ghost",disabled:x,onClick:Q},Y.createElement("div",{className:"icon"},Y.createElement(Kd,{size:16})))),p&&Y.createElement(Y.Fragment,null,Y.createElement(Al,{type:"error",variant:"alarm",title:p}),Y.createElement(Nl,{size:12})),T.warnings?.quoteUpdate&&Y.createElement(Y.Fragment,null,Y.createElement(Al,{variant:"alarm",type:"warning",title:T.warnings.quoteUpdate&&hn(T.warnings.quoteUpdate)}),Y.createElement(Nl,{size:12})),Y.createElement(ro,{quote:t,type:"swap-preview",expanded:!0,error:T.error,loading:x,warning:T.warnings?.quote??null,refetchQuote:Q,showWarningModal:C,onOpenWarningModal:()=>E(!0),onCloseWarningModal:()=>E(!1),onConfirmWarningModal:async()=>{E(!1),await I()}})))}s(Ll,"ConfirmSwapPage");import{i18n as An}from"@lingui/core";import{useManager as pf}from"@rango-dev/queue-manager-react";import{Divider as uf,NotFound as cf,styled as zl}from"@rango-dev/ui";import dt,{useState as mf}from"react";import{useNavigate as df}from"react-router-dom";import{CloseIcon as rf,IconButton as sf,SearchIcon as af,TextField as lf}from"@rango-dev/ui";import ao from"react";import{styled as nf}from"@rango-dev/ui";var Ml=nf("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function Ze(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:i,value:a,setValue:l,...p}=t;return ao.createElement(lf,{prefix:ao.createElement(Ml,null,ao.createElement(af,{color:"black"})),suffix:!!a.length&&ao.createElement(sf,{variant:"ghost",onClick:()=>l?.(""),size:"small"},ao.createElement(rf,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:i,...p})}s(Ze,"SearchInput");import{i18n as $l}from"@lingui/core";import{Divider as _l,SwapListItem as Dl,Typography as Fl}from"@rango-dev/ui";import te from"react";import{styled as bn}from"@rango-dev/ui";var Jr=bn("div",{width:"100%",display:"flex",flexDirection:"column"}),Zr=bn("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Rr=bn("div",{gap:"$10",display:"flex",flexDirection:"column"}),Pl=bn("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function ei(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,i=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return te.createElement(te.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>te.createElement(te.Fragment,{key:p.title},te.createElement(Jr,null,te.createElement(Zr,null,te.createElement(Fl,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},$l.t(p.title))),te.createElement(_l,{size:4}),te.createElement(Rr,null,p.swaps.map((u,c)=>{let m=c+p.title;return te.createElement(te.Fragment,{key:m},te.createElement(Dl,{isLoading:!0}))}))))))}return te.createElement(te.Fragment,null,i.filter(a=>a.swaps.length>0).map(a=>te.createElement(te.Fragment,{key:a.title},te.createElement(Jr,null,te.createElement(Zr,null,te.createElement(Fl,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},$l.t(a.title))),te.createElement(_l,{size:4}),te.createElement(Rr,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return te.createElement(te.Fragment,{key:l.requestId},te.createElement(Dl,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:No(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:No(u.outputAmount||""),estimatedAmount:No(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}s(ei,"SwapsGroup");import Ol from"dayjs";var Ul=s(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=Ol();return t.forEach(n=>{let r=Ol(Number(n.creationTime));o.isSame(r,"day")?e.get("today")?.swaps.push(n):o.isSame(r,"month")?e.get("month")?.swaps.push(n):o.isSame(r,"year")?e.get("year")?.swaps.push(n):e.get("history")?.swaps.push(n)}),Array.from(e.values())},"groupSwapsByDate");var En=s(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");var ff=zl("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),gf=zl("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),hf=s((t,e)=>t?.length?t.filter(o=>Ge(o.fromBlockchain,e)||Ge(o.toBlockchain,e)||Ge(o.toSymbol,e)||Ge(o.fromSymbol,e)).length:!1,"isStepContainsText");function ql(){let t=Ce.use.setSelectedSwap(),e=df(),{navigateBackFrom:o}=re(),{manager:n,state:r}=pf(),i=En(n).map(({swap:g})=>g),[a,l]=mf(""),p=!r.loadedFromPersistor,u=s(g=>{let h=g.target.value;l(h)},"searchHandler"),c=i;a&&(c=i.filter(g=>Ge(g.inputAmount,a)||Ge(g.status,a)||hf(g.steps,a)||Ge(g.requestId,a)));let m=!c?.length&&!p;return dt.createElement(K,{header:{onBack:()=>o(S.swaps),title:An.t("History")}},dt.createElement(ff,null,dt.createElement(Ze,{setValue:l,fullWidth:!0,variant:"contained",placeholder:An.t("Search Transaction"),autoFocus:!0,onChange:u,value:a}),dt.createElement(gf,null,m&&dt.createElement(Pl,null,dt.createElement(uf,{size:32}),dt.createElement(cf,{title:An.t("No results found"),description:a?An.t("Try using different keywords"):""})),!m&&dt.createElement(ei,{list:c,onSwapClick:g=>{t(g),e(`${g}`,{replace:!0})},groupBy:Ul,isLoading:p}))))}s(ql,"HistoryPage");import{i18n as Gl}from"@lingui/core";import{List as yf,ListItemButton as Sf,Radio as Cf,RadioRoot as kf,Typography as Tf}from"@rango-dev/ui";import ft from"react";import{styled as In}from"@rango-dev/ui";var Re=In("div",{height:"100%",overflow:"hidden"}),lo=In("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ti=In("div",{width:80,display:"flex",justifyContent:"flex-end"}),oi=In("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Nn(){let t=_.use.language(),e=_.use.setLanguage();return{activeLanguage:t,languages:cs,defaultLanguage:_o,changeLanguage:e}}s(Nn,"useLanguage");function Hl(){let{navigateBackFrom:t}=re(),{activeLanguage:e,changeLanguage:o,languages:n}=Nn(),r=n.map(i=>{let{local:a,label:l,SVGFlag:p}=i;return{id:a,value:a,title:ft.createElement(Tf,{variant:"title",size:"xmedium"},l),onClick:()=>o(i.local),end:ft.createElement(Cf,{value:a}),start:ft.createElement(p,null)}});return ft.createElement(K,{header:{onBack:()=>t(S.settings),title:Gl.t("Language")}},ft.createElement(Re,null,ft.createElement(kf,{value:e},ft.createElement(yf,{type:ft.createElement(Sf,{title:Gl.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}s(Hl,"LanguagePage");import{i18n as qt}from"@lingui/core";import{Button as Ef,Checkbox as Af,Image as If,ListItemButton as Nf,NotFound as Wf,Typography as Bf}from"@rango-dev/ui";import Se,{useState as Lf}from"react";import{Checkbox as xf,Skeleton as Vl}from"@rango-dev/ui";import po from"react";import{ListItem as wf,styled as vf}from"@rango-dev/ui";var Ql=vf(wf,{height:61});var bf=30;function ni(){return po.createElement(lo,null,Array.from(Array(bf),t=>po.createElement(Ql,{hasDivider:!0,key:t,start:po.createElement(Vl,{variant:"circular",width:35,height:35}),title:po.createElement(Vl,{variant:"text",size:"large",width:90}),end:po.createElement(xf,{checked:!1})})))}s(ni,"LoadingLiquiditySourceList");function ri({sourceType:t}){let e=v().use.fetchStatus(),o=v().use.swappers()(),[n,r]=Lf(""),i=_.use.toggleLiquiditySource(),{navigateBackFrom:a}=re(),l=Do(o),p=[];t==="Exchanges"&&p.push("DEX"),t==="Bridges"&&(p.push("BRIDGE"),p.push("AGGREGATOR"));let u=l.filter(k=>p.includes(k.type)),c=u.length===u.filter(k=>k.selected).length,m=s(()=>{u.forEach(k=>{c?i(k.groupTitle):k.selected||i(k.groupTitle)})},"toggleAllSources"),g=u.map(k=>{let{selected:y,groupTitle:x,logo:f}=k;return{start:Se.createElement(If,{src:f,size:22,type:"circular"}),onClick:()=>i(x),end:Se.createElement(Af,{checked:y}),title:Se.createElement(Bf,{variant:"title",size:"xmedium"},qt.t(x)),...k}}),h=s(k=>{let y=k.target.value;r(y)},"searchHandler"),w=g;return n&&(w=g.filter(k=>Ge(k.groupTitle,n))),Se.createElement(K,{header:{onBack:()=>a(S.settings),title:qt.t(t),suffix:Se.createElement(ti,null,Se.createElement(Ef,{variant:"ghost",size:"xsmall",onClick:m},qt.t(c?"Deselect all":"Select all")))}},Se.createElement(Re,null,Se.createElement(Ze,{value:n,setValue:r,fullWidth:!0,color:"light",variant:"contained",placeholder:qt.t("Search {sourceType}",{sourceType:t}),onChange:h}),e==="loading"&&Se.createElement(ni,null),!w.length&&n?Se.createElement(oi,null,Se.createElement(Wf,{title:qt.t("No results found"),description:qt.t("Try using different keywords")})):e==="success"&&Se.createElement(lo,null,w.map(k=>Se.createElement(Se.Fragment,{key:k.id},Se.createElement(Nf,{style:{height:"61px"},...k,selected:!1,hasDivider:!0}))))))}s(ri,"LiquiditySourcePage");import{i18n as ep}from"@lingui/core";import{Divider as li,SelectableCategoryList as zf}from"@rango-dev/ui";import Et,{useState as tp}from"react";import{i18n as si}from"@lingui/core";import{Divider as Zl,Image as _f,ListItemButton as Df,NotFound as Ff,Typography as Rl}from"@rango-dev/ui";import We,{useEffect as Of,useState as Uf}from"react";import{BlockchainCategories as ii}from"@rango-dev/ui";import{TransactionType as Wn}from"rango-sdk";var Mf=s((t,e)=>{switch(e){case ii.ALL:return!0;case ii.UTXO:return t.type===Wn.TRANSFER;case ii.OTHER:return t.type!==Wn.TRANSFER&&t.type!==Wn.COSMOS&&t.type!==Wn.EVM;default:return t.type===e}},"filterByType"),jl=s((t,e,o)=>t.filter(n=>Mf(n,o)).filter(n=>St(n.name,e)||St(n.displayName,e)),"filterBlockchains");import{styled as Kl}from"@rango-dev/ui";var Xl=Kl("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Bn=Kl("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Pf,Skeleton as Yl}from"@rango-dev/ui";import Ln from"react";var $f=20;function Jl(){return Ln.createElement(Bn,null,Array.from(Array($f),t=>Ln.createElement(Pf,{key:t,hasDivider:!0,start:Ln.createElement(Yl,{variant:"circular",width:35,height:35}),title:Ln.createElement(Yl,{variant:"text",size:"large",width:90})})))}s(Jl,"LoadingBlockchainList");function ai(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[i,a]=Uf(e),{fetchStatus:l}=v()();Of(()=>{a([...jl(e,o,r)])},[e,o,r]);let p=s(()=>!i.length&&o?We.createElement(We.Fragment,null,We.createElement(Zl,{size:32}),We.createElement(Ff,{title:si.t("No results found"),description:si.t("Try using different keywords")})):We.createElement(Bn,{key:`${r}-${o}`},i.map(u=>We.createElement(Df,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:We.createElement(_f,{src:u.logo,size:30}),title:We.createElement(Rl,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return We.createElement(Xl,null,We.createElement(Rl,{variant:"label",size:"large"},si.t("Select Blockchain")),We.createElement(Zl,{size:4}),l==="loading"&&We.createElement(Jl,null),l==="success"&&p())}s(ai,"BlockchainList");function pi(t){let{type:e}=t,{navigateBackFrom:o}=re(),[n,r]=tp(""),[i,a]=tp("ALL"),l=P.use.setToBlockchain(),p=P.use.setFromBlockchain(),u=v().use.fetchStatus(),c=v().use.blockchains()({type:e}),m=e==="source"?"fromBlockchain":"toBlockchain";return Et.createElement(K,{header:{onBack:()=>{o(S[m])},title:ep.t("Select Blockchain")}},Et.createElement(li,{size:12}),Et.createElement(zf,{setCategory:a,category:i,blockchains:c,isLoading:u==="loading"}),Et.createElement(li,{size:24}),Et.createElement(Ze,{value:n,autoFocus:!0,placeholder:ep.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:g=>r(g.target.value)}),Et.createElement(li,{size:16}),Et.createElement(ai,{list:c,searchedFor:n,blockchainCategory:i,onChange:g=>{e==="source"?p(g):l(g),o(S[m])}}))}s(pi,"SelectBlockchainPage");import{i18n as Cp}from"@lingui/core";import{Divider as kp}from"@rango-dev/ui";import Gt,{useState as rg}from"react";import{useNavigate as ig}from"react-router-dom";import{i18n as ci}from"@lingui/core";import{BlockchainsChip as Mn,Divider as ip,Image as sp,Skeleton as Vf,Typography as mi}from"@rango-dev/ui";import ge from"react";import{useEffect as Hf}from"react";var op=["ETH","COSMOS","OSMOSIS"];function np(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(qf),o?.limit&&t.length>o.limit){let i=o.limit,a=e;if(e.length<=o.limit)for(let l=0;l<o.limit;l++){let p=n[l];a=a.filter(u=>p.name!==u)}n.sort(Gf(a)),r=n.splice(i)}return{list:n,more:r}}s(np,"prepare");function qf(t,e){let o=op,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),i=n>-1,a=r>-1;return i&&a?n>r?1:-1:i?-1:a?1:0}s(qf,"sortByMostUsedBlockchains");function Gf(t){return s(function(o,n){let r=t.findIndex(p=>p===o.name),i=t.findIndex(p=>p===n.name),a=r>-1,l=i>-1;return a&&l?r>i?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}s(Gf,"generateSortByPreferredBlockchainsFor");function ui(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=_();Hf(()=>{e?.selected&&n(e?.selected)},[e?.selected]);let r=np(t,o,e);return{list:r.list,more:r.more,history:[]}}s(ui,"usePrepareBlockchainList");import{styled as Qf}from"@rango-dev/ui";var rp=Qf("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var jf=12;function di(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:i}=t,a=ui(e,{limit:10,selected:n?.name}),{fetchStatus:l}=v()(),p=P.use.resetToBlockchain(),u=P.use.resetFromBlockchain(),c=a.more.length>0,m=a.more.length===1,g=!m&&c;return ge.createElement("div",null,ge.createElement(ip,{size:12}),ge.createElement(mi,{variant:"label",size:"large"},ci.t("Select Blockchain")),ge.createElement(ip,{size:12}),ge.createElement(rp,null,l==="loading"&&Array.from(Array(jf),h=>ge.createElement(Vf,{key:h,variant:"rounded",height:50})),l==="success"&&ge.createElement(ge.Fragment,null,ge.createElement(Mn,{selected:!n,onClick:()=>{o==="from"?u():p()}},ge.createElement(mi,{variant:"body",size:"xsmall",color:"secondary500"},ci.t("All"))),a.list.map(h=>ge.createElement(Mn,{key:h.name,selected:!!n&&n.name===h.name,onClick:()=>r(h)},ge.createElement(sp,{src:h.logo,size:30}))),m?ge.createElement(Mn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},ge.createElement(sp,{src:a.more[0].logo,size:30})):null,g?ge.createElement(Mn,{onClick:i,key:"more-blockchains"},ge.createElement(mi,{variant:"body",size:"xsmall",color:"secondary500"},ci._("More +{count}",{count:a.more.length}))):null)))}s(di,"BlockchainsSection");import{i18n as Si}from"@lingui/core";import{darkTheme as fp,Divider as co,ExternalLinkIcon as Yf,Image as Jf,ListItemButton as Zf,NotFound as Rf,PinIcon as eg,Skeleton as gp,Typography as mo,VirtualizedList as tg}from"@rango-dev/ui";import M,{forwardRef as og,useEffect as hp,useState as yp}from"react";var ap=s((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[i,a,l]=t.match(/.{2}/g);[i,a,l]=[parseInt(i,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],i=Math.max(Math.min(255,i),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(i.length<2?"0":"")+i,u=(a.length<2?"0":"")+a,c=(l.length<2?"0":"")+l;return`#${p}${u}${c}`},"colorShade"),Pn=s((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:ap(e,(5-l)*32)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:ap(e,-((l-5)*32))});return a},"generateRangeColors"),fi=s((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let i in o){let a=o[i];if(a&&a!==t[i])if(n=!0,i==="background"||i==="foreground")r={...r,[i]:a};else if(i==="neutral"&&e){let l=Pn(i,a);r={...r,[`${i}100`]:l[`${i}900`],[`${i}200`]:l[`${i}800`],[`${i}300`]:l[`${i}700`],[`${i}400`]:l[`${i}600`],[`${i}500`]:l[`${i}500`],[`${i}600`]:l[`${i}400`],[`${i}700`]:l[`${i}300`],[`${i}800`]:l[`${i}200`],[`${i}900`]:l[`${i}100`]}}else r={...r,...Pn(i,a)}}return n?r:{}},"generateColors");import{Divider as mp,ListItem as Xf,Skeleton as uo}from"@rango-dev/ui";import Ue from"react";import{styled as Ve,Typography as Kf}from"@rango-dev/ui";var lp=Ve("div",{display:"flex",flexDirection:"column",flexGrow:1}),gi=Ve("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),$n=Ve("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none",".description":{position:"relative",height:12,width:150,".token-title":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"},".token-address":{transform:"translateY(12px)",visibility:"hidden","& a":{fontSize:"$12",lineHeight:"$16",color:"$neutral600",textDecoration:"none"}},".token-name":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}},"&:hover":{".description":{".token-address":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},".token-address-without-name":{bottom:"-15px"},".token-name":{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},".token-title":{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),hi=Ve("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),yi=Ve(Kf,{}),pp=Ve("div",{textAlign:"right"}),_n=Ve("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),KI=Ve("div",{display:"flex",alignItems:"center"}),up=Ve("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),cp=Ve("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function dp(t){return Ue.createElement($n,null,Array.from(Array(t.size),e=>Ue.createElement(Xf,{key:e,hasDivider:!0,start:Ue.createElement(uo,{variant:"circular",width:35,height:35}),end:Ue.createElement(_n,null,Ue.createElement(uo,{variant:"text",size:"large",width:70}),Ue.createElement(mp,{size:4}),Ue.createElement(uo,{variant:"text",size:"medium",width:50})),title:Ue.createElement("div",null,Ue.createElement(uo,{variant:"text",size:"large",width:90}),Ue.createElement(mp,{size:4}),Ue.createElement(uo,{variant:"text",size:"medium",width:90}))})))}s(dp,"LoadingTokenList");var Ci=20,ng=s(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:i,customCssForTagTitle:a}=t,l=e.length;return M.createElement("div",{className:"description"},o?M.createElement("div",{className:"token-name"},o):M.createElement(gi,{className:"token-title"},M.createElement(mo,{variant:"title",size:"xmedium"},r.symbol),M.createElement(co,{direction:"horizontal",size:4}),M.createElement(hi,{css:i},M.createElement(yi,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&M.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},M.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",M.createElement(Yf,{color:"gray",size:12}))))},"renderDesc");function Sp(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[i,a]=yp(e),l=v().use.fetchStatus(),p=v().use.blockchains()(),[u,c]=yp(!0),m=H.use.loading(),{isTokenPinned:g}=v()(),h=og((y,x)=>M.createElement("div",{...y,ref:x,style:{...y.style,height:`${parseFloat(y.style?.height)+8*2}px`}})),w=s(()=>{a(e.slice(0,i.length+Ci))},"loadNextPage");hp(()=>{c(e.length>i.length)},[i.length]),hp(()=>{a(e.slice(0,Ci))},[e]);let k=s(()=>!i.length&&o?M.createElement(M.Fragment,null,M.createElement(co,{size:32}),M.createElement(Rf,{title:Si.t("No results found"),description:Si.t("Try using different keywords")})):M.createElement(tg,{Item:({index:y,style:x})=>{let f=i[y],T=f.address||"",d=p.find(I=>I.name===f.blockchain),C=Pn(f.symbol,d?.color||""),E={$$color:C[`${f.symbol}100`],[`.${fp} &`]:{$$color:C[`${f.symbol}900`]},backgroundColor:"$$color"},$={$$color:C[`${f.symbol}700`],[`.${fp} &`]:{$$color:C[`${f.symbol}100`]},color:"$$color"};return M.createElement("div",{style:{...x,paddingRight:5}},M.createElement(Zf,{style:{height:x?.height},"tab-index":y,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(i[y]),start:M.createElement(up,null,M.createElement(Jf,{src:f.image,size:30}),g(f)&&M.createElement(cp,null,M.createElement(eg,{size:12,color:"gray"}))),title:d?.type==="COSMOS"||f.name||!f.name&&!T?M.createElement(gi,null,M.createElement(mo,{variant:"title",size:"xmedium"},f.symbol),M.createElement(co,{direction:"horizontal",size:4}),M.createElement(hi,{css:E},M.createElement(yi,{variant:"body",size:"xsmall",css:$},f.blockchain))):void 0,description:d?.info&&T&&d.type!=="COSMOS"?ng({address:T,token:i[y],customCssForTag:E,customCssForTagTitle:$,name:f.name,url:d.info.addressUrl.split("{wallet}").join(T)}):f.name||void 0,end:m?M.createElement(_n,null,M.createElement(gp,{variant:"text",size:"large",width:70}),M.createElement(co,{size:4}),M.createElement(gp,{variant:"text",size:"medium",width:50})):i[y]?.balance&&M.createElement(pp,null,M.createElement(mo,{variant:"title",size:"small"},f.balance?.amount),M.createElement("div",null),f.balance?.usdValue&&M.createElement(mo,{variant:"body",color:"neutral600",size:"xsmall"},`$${f.balance?.usdValue}`))}))},hasNextPage:u,itemCount:i.length,loadNextPage:w,innerElementType:h,size:60,key:`${r}-${o}`}),"renderList");return M.createElement(lp,null,M.createElement(mo,{variant:"label",size:"large"},Si.t("Select Token")),M.createElement(co,{size:4}),l==="loading"&&M.createElement(dp,{size:Ci}),l==="success"&&M.createElement($n,null,k()))}s(Sp,"TokenList");function ki(t){let{type:e}=t,o=ig(),{navigateBackFrom:n}=re(),{fromBlockchain:r,toBlockchain:i,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=P(),{connectedWallets:c}=H(),[m,g]=rg(""),w=(e==="source"?r:i)?.name??"",k=v().use.blockchains()({type:e}),y=v().use.tokens()({type:e,blockchain:w,searchFor:m}),x=rs(y,c),f=s(d=>{e==="source"?p(d):u(d)},"updateBlockchain"),T=s(d=>{e==="source"?a({token:d,meta:{blockchains:k,tokens:y}}):l({token:d,meta:{blockchains:k,tokens:y}})},"updateToken");return Gt.createElement(K,{header:{onBack:()=>n(e==="source"?S.fromSwap:S.toSwap),title:Cp.t("Swap {type}",{type:e==="source"?"from":"to"})}},Gt.createElement(di,{blockchains:k,type:e=="source"?"from":"to",blockchain:e==="source"?r:i,onMoreClick:()=>o(e==="source"?S.fromBlockchain:S.toBlockchain),onChange:d=>{f(d)}}),Gt.createElement(kp,{size:24}),Gt.createElement(Ze,{value:m,autoFocus:!0,placeholder:Cp.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>g(""),onChange:d=>g(d.target.value)}),Gt.createElement(kp,{size:16}),Gt.createElement(Sp,{list:x,selectedBlockchain:w,searchedFor:m,onChange:d=>{T(d);let C=k.find(E=>d.blockchain===E.name);C&&f(C),n(S.fromSwap)}}))}s(ki,"SelectSwapItemsPage");import{i18n as At}from"@lingui/core";import{ChevronRightIcon as vi,Divider as xi,InfoIcon as cg,List as mg,ListItemButton as dg,Skeleton as fg,Switch as gg,Tooltip as hg,Typography as It}from"@rango-dev/ui";import G from"react";import{useNavigate as yg}from"react-router-dom";import{i18n as bp}from"@lingui/core";import{Chip as ag,Divider as Ep,InfoIcon as lg,TextField as pg,Tooltip as ug,Typography as Ap}from"@rango-dev/ui";import Te from"react";import{styled as Dn}from"@rango-dev/ui";var Tp=Dn("div",{paddingTop:"$5",paddingBottom:"30px"}),wp=Dn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),vp=Dn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Fn=Dn("div",{maxWidth:"300px",padding:"$10"});import{i18n as Ti}from"@lingui/core";import{Typography as sg}from"@rango-dev/ui";import fo from"react";function xp(){return fo.createElement(Fn,null,fo.createElement(sg,{variant:"label",size:"medium",color:"neutral700"},Ti.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),fo.createElement("br",null),fo.createElement("br",null),fo.createElement("b",null,Ti.t("Warning")),":",Ti.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}s(xp,"SlippageTooltipContent");function wi(){let t=_.use.slippage(),e=_.use.setSlippage(),o=_.use.customSlippage(),n=_.use.setCustomSlippage();return Te.createElement(Tp,null,Te.createElement(vp,null,Te.createElement(Ap,{variant:"title",size:"xmedium"},bp.t("Slippage tolerance per swap")),Te.createElement(Ep,{direction:"horizontal",size:4}),Te.createElement(ug,{container:ee(),side:"top",content:Te.createElement(xp,null)},Te.createElement(lg,{color:"gray"}))),Te.createElement(wp,null,ms.map((r,i)=>{let a=`slippage-${i}`;return Te.createElement(Te.Fragment,null,Te.createElement(ag,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),Te.createElement(Ep,{direction:"horizontal",size:8}))}),Te.createElement(pg,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let i=parseFloat(r.target.value);(!i||i>=hs&&i<=gs)&&n(i)},suffix:o&&Te.createElement(Ap,{variant:"body",size:"small"},"%"),placeholder:bp.t("Custom")})))}s(wi,"Slippage");function Ip(){let t=yg(),{theme:e}=v().use.config(),o=v().use.fetchStatus(),n=v().use.swappers()(),{navigateBackFrom:r}=re(),i=_.use.infiniteApprove(),a=_.use.toggleInfiniteApprove(),l=Do(n),p=l.filter(d=>d.type==="BRIDGE"||d.type==="AGGREGATOR"),u=p.length,c=p.filter(d=>d.selected).length,m=l.filter(d=>d.type==="DEX"),g=m.length,h=m.filter(d=>d.selected).length,w=s((d,C)=>{switch(o){case"loading":return G.createElement(fg,{variant:"text",size:"medium",width:50});case"failed":return G.createElement(It,{variant:"body",size:"medium",color:"$error500"},At.t("Loading failed"));default:return G.createElement(It,{variant:"body",size:"medium"},`${d} / ${C}`)}},"handleEndItem"),k={id:"bridge-item",title:G.createElement(It,{variant:"title",size:"xmedium"},At.t("Enabled bridges")),end:G.createElement(G.Fragment,null,w(c,u),G.createElement(xi,{direction:"horizontal",size:8}),G.createElement(vi,{color:"black"})),onClick:()=>t(S.bridges)},y={id:"exchange-item",title:G.createElement(It,{variant:"title",size:"xmedium"},At.t("Enabled exchanges")),end:G.createElement(G.Fragment,null,w(h,g),G.createElement(xi,{direction:"horizontal",size:8}),G.createElement(vi,{color:"gray"})),onClick:()=>t(S.exchanges)},x={id:"theme-item",title:G.createElement(It,{variant:"title",size:"xmedium"},At.t("Theme")),end:G.createElement(vi,{color:"gray"}),onClick:()=>t(S.themes)},f={id:"infinite-approval-item",title:G.createElement(G.Fragment,null,G.createElement(It,{variant:"title",size:"xmedium"},At.t("Infinite Approval")),G.createElement(xi,{direction:"horizontal",size:4}),G.createElement(hg,{side:"top",container:ee(),content:G.createElement(Fn,null,G.createElement(It,{variant:"label",size:"medium",color:"neutral700"},At.t("Enabling the 'Infinite Approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},G.createElement(cg,{color:"gray"}))),end:G.createElement(gg,{checked:i}),onClick:a},T=[k,y];return e?.singleTheme||T.push(x),T.push(f),G.createElement(K,{header:{onBack:()=>r(S.settings),title:At.t("Setting")}},G.createElement(Re,null,G.createElement(wi,null),G.createElement(mg,{type:G.createElement(dg,{title:"_",id:"_",onClick:()=>console.log()}),items:T})))}s(Ip,"SettingsPage");import{cancelSwap as ch}from"@rango-dev/queue-manager-rango-preset";import{useManager as mh}from"@rango-dev/queue-manager-react";import su from"react";import{i18n as et}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Vg,getCurrentStep as jg,getRelatedWalletOrNull as Kg,PendingSwapNetworkStatus as Kn}from"@rango-dev/queue-manager-rango-preset";import{Button as Zp,CopyIcon as Xg,Divider as Yg,IconButton as Jg,QuoteCost as Zg,StepDetails as Rg,Typography as Qt,useCopyToClipboard as eh}from"@rango-dev/ui";import{useWallets as th}from"@rango-dev/wallets-react";import X,{useEffect as Rp,useRef as oh,useState as eu}from"react";import{useNavigate as nh}from"react-router-dom";import{i18n as we}from"@lingui/core";var Sg=1e3,Cg=31536e3,kg=2592e3,Tg=86400,wg=3600,vg=60;function Np(t){let e=Math.floor((Date.now()-t)/Sg),n=[{turningPoint:Cg,label:we.t("year"),pluralLabel:we.t("years")},{turningPoint:kg,label:we.t("month"),pluralLabel:we.t("months")},{turningPoint:Tg,label:we.t("day"),pluralLabel:we.t("days")},{turningPoint:wg,label:we.t("hour"),pluralLabel:we.t("hours")},{turningPoint:vg,label:we.t("minute"),pluralLabel:we.t("minutes")}].sort((r,i)=>i.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:i,label:a,pluralLabel:l}=r,p=Math.floor(e/i);if(p>1)return`${p} ${l}`;if(p===1)return`${p} ${a}`}return e>1?`${e} ${we.t("seconds")}`:`${e} ${we.t("second")}`}s(Np,"timeSince");function Wp(t){return t.finishTime?we.t({id:"{time} ago",values:{time:Np(parseInt(t.finishTime))}}):we.t({id:"{time} ago",values:{time:Np(parseInt(t.creationTime))}})}s(Wp,"getSwapDate");import{PendingSwapNetworkStatus as zn}from"@rango-dev/queue-manager-rango-preset";import{Modal as Wg}from"@rango-dev/ui";import qn from"react";import{i18n as On}from"@lingui/core";import{Button as Bp,Divider as bi,MessageBox as xg,Typography as Lp}from"@rango-dev/ui";import je from"react";var Mp=s(({onCancel:t,onClose:e})=>je.createElement(je.Fragment,null,je.createElement(bi,{size:20}),je.createElement(xg,{type:"error",title:On.t("Transaction Cancel"),description:On.t("Are you sure you want to Cancel this swap?")}),je.createElement(bi,{size:32}),je.createElement(Bp,{variant:"contained",type:"primary",size:"large",onClick:t},je.createElement(Lp,{variant:"title",size:"medium",color:"neutral100"},On.t("Yes, Cancel it"))),je.createElement(bi,{size:12}),je.createElement(Bp,{variant:"outlined",type:"primary",size:"large",onClick:e},je.createElement(Lp,{variant:"title",size:"medium",color:"primary"},On.t("No, Continue")))),"CancelContent");import{i18n as Un}from"@lingui/core";import{Button as Pp,Divider as Ei,MessageBox as bg,Typography as $p}from"@rango-dev/ui";import Ke from"react";var _p=s(({onDelete:t,onClose:e})=>Ke.createElement(Ke.Fragment,null,Ke.createElement(Ei,{size:20}),Ke.createElement(bg,{type:"error",title:Un.t("Delete Transaction"),description:Un.t("Are you sure you want to delete this swap?")}),Ke.createElement(Ei,{size:32}),Ke.createElement(Pp,{variant:"contained",type:"primary",size:"large",onClick:t},Ke.createElement($p,{variant:"title",size:"medium",color:"neutral100"},Un.t("Yes, Delete it"))),Ke.createElement(Ei,{size:12}),Ke.createElement(Pp,{variant:"outlined",type:"primary",size:"large",onClick:e},Ke.createElement($p,{variant:"title",size:"medium",color:"primary"},Un.t("No, Cancel")))),"DeleteContent");import{i18n as Ai}from"@lingui/core";import{PendingSwapNetworkStatus as Ii}from"@rango-dev/queue-manager-rango-preset";var Ni={[Ii.WaitingForNetworkChange]:{type:"loading",title:Ai.t("Change Network")},[Ii.WaitingForConnectingWallet]:{type:"warning",title:Ai.t("Connect Wallet")},[Ii.NetworkChanged]:{type:"success",title:Ai.t("Network Changed")}};import{MessageBox as Ag,Wallet as Ig,WalletState as Fp}from"@rango-dev/ui";import{useWallets as Ng}from"@rango-dev/wallets-react";import go from"react";import{styled as Eg}from"@rango-dev/ui";var Dp=Eg("div",{display:"flex",justifyContent:"center"});var Op=s(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:i}=t,{connect:a,getWalletInfo:l,state:p}=Ng(),u=n?.walletType,m=u&&p(u).connected?Fp.CONNECTED:Fp.DISCONNECTED;return go.createElement(go.Fragment,null,go.createElement(Ag,{type:e,title:o,description:r}),i&&u&&go.createElement(Dp,null,go.createElement(Ig,{container:ee(),title:l(u).name,image:l(u).img,type:u,state:m,onClick:async()=>a(u)})))},"WalletStateContent");function Wi(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:i,message:a}=t,l=e===zn.WaitingForNetworkChange||e===zn.WaitingForConnectingWallet||e===zn.NetworkChanged;return qn.createElement(Wg,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&qn.createElement(Op,{type:Ni[e].type,title:Ni[e].title,currentStepWallet:i,message:a,showWalletButton:e!==zn.WaitingForNetworkChange}),e==="delete"&&qn.createElement(_p,{onClose:o,onDelete:n}),e==="cancel"&&qn.createElement(Mp,{onClose:o,onCancel:r}))}s(Wi,"SwapDetailsModal");import{i18n as ho}from"@lingui/core";import{Button as Bi,Divider as Gn,MessageBox as Up,Modal as Bg,TokenAmount as Lg,Typography as Hn}from"@rango-dev/ui";import ce from"react";import{useNavigate as Mg}from"react-router-dom";function Li(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:i,token:a,chain:l,percentageChange:p,description:u,diagnosisUrl:c}=t,m=Mg();return ce.createElement(Bg,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ce.createElement(Up,{type:"success",title:ho.t("Swap Successful")},ce.createElement(Lg,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:i},token:a,chain:l,percentageChange:p}),ce.createElement(Gn,{size:12}),ce.createElement(Hn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):ce.createElement(Up,{type:"error",title:ho.t("Transaction Failed"),description:u}),ce.createElement(Gn,{size:32}),n==="success"&&ce.createElement(Bi,{variant:"contained",type:"primary",size:"large",onClick:()=>m(S.home)},ce.createElement(Hn,{variant:"title",size:"medium",color:"neutral100"},ho.t("Done"))),ce.createElement(Gn,{size:12}),c&&ce.createElement(ce.Fragment,null,ce.createElement(Bi,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(c,"_blank")},ce.createElement(Hn,{variant:"title",size:"medium",color:"primary"},ho.t("Diagnosis"))),ce.createElement(Gn,{size:12})),ce.createElement(Bi,{variant:"outlined",type:"primary",size:"large",onClick:o},ce.createElement(Hn,{variant:"title",size:"medium",color:"primary"},ho.t("See Details"))))}s(Li,"SwapDetailsCompleteModal");import Hg from"react";import{i18n as Ug}from"@lingui/core";import{Alert as Vp,IconButton as zg,LinkIcon as qg}from"@rango-dev/ui";import gt,{Fragment as Gg}from"react";import{Alert as Pg,ChevronDownIcon as $g,ChevronUpIcon as _g,IconButton as Dg}from"@rango-dev/ui";import Qn,{useState as Fg}from"react";function zp(t){let{message:e}=t,[o,n]=Fg(!1);return Qn.createElement(Pg,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Qn.createElement(Dg,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Qn.createElement(_g,{size:12,color:"gray"}):Qn.createElement($g,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}s(zp,"FailedAlert");import{styled as Og}from"@rango-dev/ui";var qp=Og("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Gp}from"@lingui/core";import{PendingSwapNetworkStatus as Mi}from"@rango-dev/queue-manager-rango-preset";import{Alert as Pi,Button as Hp}from"@rango-dev/ui";import yo from"react";function Qp(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?yo.createElement(Pi,{type:"warning",title:n.shortMessage,action:yo.createElement(Hp,{size:"xxsmall",type:"warning",onClick:()=>{o(Mi.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},Gp.t("Change"))}):r===Mi.WaitingForConnectingWallet?yo.createElement(Pi,{type:"warning",title:n.shortMessage,action:yo.createElement(Hp,{size:"xxsmall",type:"warning",onClick:()=>{o(Mi.WaitingForConnectingWallet)}},Gp.t("Connect"))}):yo.createElement(Pi,{type:"warning",title:n.shortMessage})}s(Qp,"WarningAlert");function $i(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:i,hasAlreadyProceededToSign:a}=t,l=Jt(i),p=i.status==="waitingForApproval"&&!l,u=i.status==="running"&&!l;return gt.createElement(qp,null,i.explorerUrl?.map((c,m,g)=>{let h=m+c.url,w=m===g.length-1,k=w&&u||p,y=w&&i.status==="failed";return gt.createElement(Gg,{key:h},gt.createElement(Vp,{type:k&&"loading"||y&&"error"||"success",title:c.description?`${c.description} Tx`:Ug.t("View transaction"),action:c.url&&gt.createElement(zg,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},gt.createElement(qg,{size:16}))}))}),(u&&!a||p&&!i.explorerUrl?.length)&&gt.createElement(Vp,{type:"loading",title:r.shortMessage}),i.status!=="failed"&&l&&gt.createElement(Qp,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),i.status==="failed"&&gt.createElement(zp,{message:r}))}s($i,"SwapDetailsAlerts");var jp=2e3;var Kp=s(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,i)=>{let a=i===0?t.inputAmount:t.steps[i-1].outputAmount;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:fr(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:W(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:fr(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:W(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:Hg.createElement($i,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function Xp(t){if(Jt(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}s(Xp,"getStepState");import{darkTheme as Qg,styled as Ht}from"@rango-dev/ui";var Vn=Ht("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1,"& .row":{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${Qg} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"},"& .request-id":{display:"flex",justifyContent:"center",alignItems:"center",height:"$24"},"& .output":{display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"},"& .title-steps":{textAlign:"left",width:"100%",padding:"0 $20 $10"}}),jn=Ht("div",{width:"100%"}),Yp=Ht("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),BB=Ht("div",{display:"flex",flexDirection:"column",gap:"$10"}),Jp=Ht("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),LB=Ht("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function _i(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:i,connect:a,getWalletInfo:l}=th(),p=v().use.blockchains()(),u=v().use.tokens()(),c=P.use.retry(),m=nh(),{navigateBackFrom:g}=re(),[h,w]=eh(jp),k=oh(null),[y,x]=eu(null),[f,T]=eu(null),d=s(()=>{r(),x(null)},"onCancel"),C=Ne.use.getUnreadNotifications(),E=Ne.use.setAsRead(),$=C(),I=jg(e),D=I?.networkStatus;Rp(()=>{$.find(me=>me.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(T(e.status),E(e.requestId))},[e.status]),Rp(()=>{ne?x(Kn.WaitingForNetworkChange):D===Kn.WaitingForConnectingWallet||D===Kn.NetworkChanged?x(D):x(null)},[D]);let L=js(e),Q=I?Vg(e,I):null,b=I?Kg(e,I):null,z=Wp(e),F=Ks(e),O=s(ae=>!!l(ae)?.mobileWallet,"isMobileWallet"),ne=D===Kn.WaitingForNetworkChange&&!!Q&&!!b?.walletType&&(O(b.walletType)||i(b.walletType,Q)),ze=ne?a.bind(null,b.walletType,Q):void 0,ot=Vs(e,I),V=Kp({swap:e,switchNetwork:ze,showNetworkModal:D,setNetworkModal:x,message:ot,blockchains:p}),Z=V.length,[nt,rt]=[e.steps[0],e.steps[Z-1]],ht=rt.outputAmount||rt.expectedOutputAmountHumanReadable,Jn=e.steps.reduce((ae,me)=>ae+parseFloat(me.feeInUsd||""),0),xo=e.steps.find(ae=>ae.diagnosisUrl)?.diagnosisUrl,jt=W(String(parseFloat(W(ht,6,6))*(Lo(rt.toBlockchain,rt.toSymbol,rt.toSymbolAddress,u)||0)),4,4),U=W(String(parseFloat(e.inputAmount)*(Lo(nt.fromBlockchain,nt.fromSymbol,nt.fromSymbolAddress,u)||0)),4,4),j=Pt(U,jt),R=e.status==="success"?et.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:W(ht,6,6),token:V[Z-1].to.token.displayName,conciseAddress:Po(e.wallets[V[Z-1].to.chain.displayName]?.address||""),chain:V[Z-1].to.chain.displayName}}):`${et.t("Transaction was not sent.")} ${L?et.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:L.outputAmount,symbol:L.symbol,blockchain:L.blockchain}}):""}`;return X.createElement(K,{noPadding:!0,header:{title:et.t("Swap and Bridge"),onBack:()=>g(S.swapDetails),onCancel:e.status==="running"?()=>x("cancel"):void 0,suffix:e.status!=="running"&&X.createElement(Lt,null,X.createElement(Zp,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>x("delete")},X.createElement(Qt,{size:"medium",variant:"label",color:"error"},et.t("Delete"))))},footer:F&&!f&&X.createElement(Zp,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{c(e,{blockchains:p,tokens:u}),setTimeout(()=>{m(S.home)},0)}},et.t("Try again"))},X.createElement(Vn,null,X.createElement(jn,null,X.createElement("div",{className:"row"},X.createElement(Qt,{variant:"label",size:"large",color:"neutral700"},`${et.t("Request ID")}:`),X.createElement("div",{className:"request-id"},X.createElement(Qt,{variant:"label",size:"small",color:"neutral700"},o),X.createElement(Jg,{variant:"ghost",onClick:w.bind(null,o||"")},X.createElement(Xg,{size:16,color:"gray"})))),X.createElement("div",{className:"row"},X.createElement(Qt,{variant:"label",size:"large",color:"neutral700"},`${et.t("Created at")}:`),X.createElement(Qt,{variant:"label",size:"small",color:"neutral700"},z))),X.createElement("div",{className:"output"},X.createElement(Zg,{fee:W(String(Jn),2,2),time:Ao(Io(e.steps)),steps:Z}),X.createElement(Rt,{from:{price:{value:W(e.inputAmount,6,6),usdValue:U},token:{displayName:V[0].from.token.displayName,image:V[0].from.token.image},chain:{image:V[0].from.chain.image,displayName:V[0].from.chain.displayName}},to:{price:{value:W(ht,6,6),usdValue:jt},token:{displayName:V[Z-1].to.token.displayName,image:V[Z-1].to.token.image},chain:{image:V[Z-1].to.chain.image,displayName:V[Z-1].to.chain.displayName}},percentageChange:W(String(j),2,2),warningLevel:Xe(j??0)})),X.createElement("div",{className:"title-steps"},X.createElement(Qt,{variant:"title",size:"small"},et.t("Swaps steps"))),X.createElement(Yg,{size:8}),X.createElement(Yp,{ref:k},V.map((ae,me)=>{let qe=me,yt=Xp(e.steps[me]),Kt=yt==="error"||yt==="in-progress"||yt==="warning"||yt==="completed"&&me===V.length-1;return X.createElement(Rg,{key:qe,step:ae,type:"swap-progress",ref:k,state:yt,hasSeparator:me!==0,tabIndex:qe,isFocused:Kt})}))),X.createElement(Wi,{state:y,onClose:()=>x(null),onCancel:d,onDelete:n,message:ot.detailedMessage.content,currentStepWallet:b}),X.createElement(Li,{open:!!f,diagnosisUrl:xo,onClose:()=>T(null),status:e.status==="success"?"success":"failed",priceValue:W(ht,6,6),usdValue:jt,percentageChange:W(String(j),2,2),token:{displayName:V[Z-1].to.token.displayName,image:V[Z-1].to.token.image},chain:{image:V[Z-1].to.chain.image},description:R}))}s(_i,"SwapDetails");import{i18n as wo}from"@lingui/core";import{CopyIcon as lh,IconButton as ph,NotFound as uh,Skeleton as ru,Typography as Yn}from"@rango-dev/ui";import pe from"react";import{i18n as ih}from"@lingui/core";import{ChainToken as sh,Divider as Fi,Skeleton as To,Typography as ah}from"@rango-dev/ui";import J from"react";import{styled as Di}from"@rango-dev/ui";var tu=Di("div",{width:"100%",height:"100%",padding:"$0 $20",".cost":{paddingTop:"$15",display:"flex"},".quote-summary":{padding:"$15 $0"},".quote-summary-item":{display:"flex",justifyContent:"space-between",alignItems:"center"},".token-amount":{display:"flex",justifyContent:"space-between",alignItems:"center"},".quote-summary-separator":{width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"},".swaps-steps":{paddingBottom:"$10"}}),ou=Di("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15",".step-title":{display:"flex",justifyContent:"start",alignItems:"center"},".step-tokens":{paddingTop:"$5",display:"flex",alignItems:"center"},".step-token-info":{display:"flex",alignItems:"center"},".step-icon-container":{padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"},".extra-info":{display:"flex",paddingTop:"$10",paddingBottom:"$5"}}),Xn=Di("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as nu,Divider as So,NextIcon as rh,Skeleton as Co}from"@rango-dev/ui";import le from"react";function ko(t){let{extraInfo:e}=t;return le.createElement(ou,null,le.createElement("div",{className:"step-title"},le.createElement(Co,{height:28,width:28,variant:"circular"}),le.createElement(So,{direction:"horizontal",size:8}),le.createElement(Co,{height:15,width:148,variant:"rounded"})),le.createElement("div",{className:"step-tokens"},le.createElement(So,{direction:"horizontal",size:20}),le.createElement("div",{className:"step-token-info"},le.createElement(nu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(So,{direction:"horizontal",size:8}),le.createElement(Co,{height:12,width:76,variant:"rounded"})),le.createElement("div",{className:"step-icon-container"},le.createElement(rh,{color:"gray",size:16})),le.createElement("div",{className:"step-token-info"},le.createElement(nu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(So,{direction:"horizontal",size:8}),le.createElement(Co,{height:12,width:76,variant:"rounded"}))),e&&le.createElement("div",{className:"extra-info"},le.createElement(So,{direction:"horizontal",size:20}),le.createElement(Co,{height:22,width:297,variant:"rectangular"})))}s(ko,"LoadingSwapDetailStep");function Oi(){let t=J.createElement("div",{className:"quote-summary-item"},J.createElement("div",{className:"token-amount"},J.createElement(sh,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),J.createElement(Fi,{size:8,direction:"horizontal"}),J.createElement(To,{height:15,width:148,variant:"rounded"})),J.createElement(To,{height:12,width:64,variant:"rounded"}));return J.createElement(tu,null,J.createElement("div",{className:"cost"},J.createElement(To,{width:60,height:10,variant:"rounded"}),J.createElement(Fi,{size:4,direction:"horizontal"}),J.createElement(To,{width:60,height:10,variant:"rounded"}),J.createElement(Fi,{size:4,direction:"horizontal"}),J.createElement(To,{width:60,height:10,variant:"rounded"})),J.createElement("div",{className:"quote-summary"},t,J.createElement("div",{className:"quote-summary-separator"}),t),J.createElement("div",{className:"swaps-steps"},J.createElement(ah,{variant:"title",size:"small"},ih.t("Swaps steps"))),J.createElement("div",{className:"step-container"},J.createElement(ko,{extraInfo:!0}),J.createElement(Xn,null),J.createElement(ko,null),J.createElement(Xn,null),J.createElement(ko,null),J.createElement(Xn,null),J.createElement(ko,null)))}s(Oi,"LoadingSwapDetails");function iu(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=re();return pe.createElement(K,{noPadding:!0,header:{title:wo.t("Swap and Bridge"),onBack:()=>n(S.swapDetails),suffix:pe.createElement(Lt,null)}},o&&pe.createElement(Vn,null,pe.createElement(jn,null,pe.createElement("div",{className:"row"},pe.createElement(Yn,{variant:"label",size:"large",color:"neutral700"},`${wo.t("Request ID")}:`),pe.createElement("div",{className:"request-id"},pe.createElement(Yn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(ru,{width:60,height:10,variant:"rounded"})),pe.createElement(ph,{variant:"ghost"},pe.createElement(lh,{size:16,color:"gray"})))),pe.createElement("div",{className:"row"},pe.createElement(Yn,{variant:"label",size:"large",color:"neutral700"},`${wo.t("Created at")}:`),pe.createElement(Yn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(ru,{width:60,height:10,variant:"rounded"})))),pe.createElement(Oi,null)),!o&&pe.createElement(Jp,null,pe.createElement(uh,{title:wo.t("Not found"),description:wo.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}s(iu,"SwapDetailsPlaceholder");function au(){let{manager:t,state:e}=mh(),o=!e.loadedFromPersistor,n=En(t),r=Ce.use.selectedSwapRequestId(),{navigateBackFrom:i}=re(),{fetchStatus:a}=v()(),l=o||a==="loading",p=n.find(({swap:g})=>g.requestId===r),u=s(()=>{if(p?.id){let g=t?.get(p.id);g&&ch(g)}},"onCancel"),c=s(async()=>{if(p?.id)try{await t?.deleteQueue(p.id),i(S.swapDetails)}catch(g){console.log(g)}},"onDelete"),m=p?.swap;return!m||l?su.createElement(iu,{requestId:r||"",showSkeleton:l}):su.createElement(_i,{swap:m,requestId:r||"",onCancel:u,onDelete:c})}s(au,"SwapDetailsPage");import{i18n as vo}from"@lingui/core";import{AutoThemeIcon as dh,DarkModeIcon as fh,LightModeIcon as gh,List as hh,ListItemButton as yh,Radio as Ui,RadioRoot as Sh,Typography as zi}from"@rango-dev/ui";import ve from"react";function lu(){let{navigateBackFrom:t}=re(),e=_.use.theme(),o=_.use.setTheme(),n=[{id:"light",value:"light",title:ve.createElement(zi,{variant:"title",size:"xmedium"},vo.t("Light")),onClick:()=>o("light"),start:ve.createElement(gh,{color:"gray"}),end:ve.createElement(Ui,{value:"light"})},{id:"dark",value:"dark",title:ve.createElement(zi,{variant:"title",size:"xmedium"},vo.t("Dark")),onClick:()=>o("dark"),start:ve.createElement(fh,{color:"gray"}),end:ve.createElement(Ui,{value:"dark"})},{id:"auto",value:"auto",title:ve.createElement(zi,{variant:"title",size:"xmedium"},vo.t("Auto")),onClick:()=>o("auto"),start:ve.createElement(dh,{color:"gray"}),end:ve.createElement(Ui,{value:"auto"})}];return ve.createElement(K,{header:{onBack:()=>t(S.settings),title:vo.t("Theme")}},ve.createElement(Re,null,ve.createElement(Sh,{onValueChange:r=>o(r),value:e},ve.createElement(hh,{type:ve.createElement(yh,{title:vo.t("Theme"),id:"_",onClick:()=>console.log()}),items:n}))))}s(lu,"ThemePage");var kh=s(t=>t.replace("/",""),"getAbsolutePath");function pu(){return Ch([{path:S.home,element:xe.createElement(mn,null)},{path:S.fromSwap,element:xe.createElement(ki,{type:"source"})},{path:S.toSwap,element:xe.createElement(ki,{type:"destination"})},{path:S.fromBlockchain,element:xe.createElement(pi,{type:"source"})},{path:S.toBlockchain,element:xe.createElement(pi,{type:"destination"})},{path:S.settings,element:xe.createElement(Ip,null)},{path:S.themes,element:xe.createElement(lu,null)},{path:S.languages,element:xe.createElement(Hl,null)},{path:S.exchanges,element:xe.createElement(ri,{sourceType:"Exchanges"})},{path:S.bridges,element:xe.createElement(ri,{sourceType:"Bridges"})},{path:S.swaps,element:xe.createElement(ql,null)},{path:S.swapDetails,element:xe.createElement(au,null)},{path:S.wallets,element:xe.createElement(gl,null)},{path:kh(S.confirmSwap),element:xe.createElement(Ll,null)}])}s(pu,"AppRoutes");import{isApprovalTX as Th,MainEvents as cu,RouteEventType as mu,StepEventType as Vt,StepExecutionEventStatus as wh,useEvents as vh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as du}from"react";import{StepExecutionBlockedEventStatus as qi}from"@rango-dev/queue-manager-rango-preset";var uu=[qi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,qi.WAITING_FOR_NETWORK_CHANGE,qi.WAITING_FOR_WALLET_CONNECT];function fu(){let t=v().use.tokens()(),e=H.use.connectedWallets(),o=H.use.getWalletsDetails(),n=Ne.use.setNotification(),r=Ne.use.setAsRead(),i=vh();return du(()=>(i.on(cu.StepEvent,a=>{let{event:l,step:p,route:u}=a;if(l.type===Vt.TX_EXECUTION&&l.status===wh.TX_SENT&&!Th(p)||l.type===Vt.SUCCEEDED){let m=e.find(h=>h.chain===p?.fromBlockchain),g=p?.fromBlockchain!==p?.toBlockchain&&e.find(h=>h.chain===p?.toBlockchain);m&&o([m],t),g&&o([g],t)}l.type===Vt.TX_EXECUTION_BLOCKED&&uu.includes(l.status)||l.type===Vt.FAILED?n(l,u):(l.type===Vt.TX_EXECUTION||l.type===Vt.CHECK_STATUS)&&r(u.requestId)}),()=>i.all.clear()),[i,e.length]),du(()=>(i.on(cu.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===mu.FAILED||l.type===mu.SUCCEEDED)&&n(l,p)}),()=>i.all.clear()),[i,e.length]),null}s(fu,"WidgetEvents");import{globalCss as xh}from"@rango-dev/ui";var gu=s(()=>xh({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");import{createTheme as Hi,darkTheme as Nh,lightTheme as Wh}from"@rango-dev/ui";import{useEffect as Su,useState as Bh}from"react";import{theme as Ah,darkColors as Ih}from"@rango-dev/ui";var hu=s(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),bh=s(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=hu(o%52)+e;return hu(o%52)+e},"toAlphabeticName"),Eh=s((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Gi=s(t=>bh(Eh(5381,JSON.stringify(t))>>>0),"toHash");function yu(t){let e=Ah.colors,o=fi({...e,...Ih},!0,t?.dark),n=fi(e,!1,t?.light),r=Object.keys(o).length>0,i=Object.keys(n).length>0,a,l;if(i){let p={colors:n};a={id:`${Rn}-light-${Gi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${Rn}-dark-${Gi(p)}`,tokens:p}}return{light:a,dark:l}}s(yu,"customizedThemeTokens");function Cu(t){let{colors:e,fontFamily:o=Xi,borderRadius:n=ji,secondaryBorderRadius:r=Ki,mode:i="auto"}=t,[a,l]=Bh("light"),p=_.use.theme(),u=_.use.setTheme(),{dark:c,light:m}=yu(e),g=Hi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),h=[g.className,Wh.className],w=[g.className,Nh.className];if(m){let y=Hi(m.id,m.tokens);h.push(y.className)}if(c){let y=Hi(c.id,c.tokens);w.push(y.className)}return Su(()=>{let y=s(x=>{x.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",y),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",y)}},[]),Su(()=>{i!=="auto"&&u(i)},[i]),{activeTheme:s(()=>{let y=h.join(" "),x=w.join(" ");return p==="auto"?a==="dark"?x:y:p==="dark"?x:y},"getActiveTheme")}}s(Cu,"useTheme");import{checkWaitingForNetworkChange as Lh,makeQueueDefinition as Mh}from"@rango-dev/queue-manager-rango-preset";import{Provider as Ph}from"@rango-dev/queue-manager-react";import{useWallets as $h}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as _h}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Dh}from"rango-types";import Fh,{useMemo as Oh}from"react";function Uh(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:i,getWalletInfo:a}=$h(),l=Oh(()=>Mh({API_KEY:bo("API_KEY")}),[]),p=v().use.blockchains()(),c={blockchains:H.use.connectedWallets().map(f=>({accounts:[f],name:f.chain}))},m=s(async(f,T)=>{if(i(f,T))return r(f,T)},"switchNetwork"),g=s(f=>!!a(f).mobileWallet,"isMobileWallet"),h=p.filter(f=>f.enabled).reduce((f,T)=>(f[T.name]=T,f),{}),w=p.filter(Dh),k=s(f=>{let{supportedChains:T}=a(f);return Wo(T)},"getSupportedChainNames"),y=e(),x={meta:{blockchains:h,evmBasedChains:w,evmNetworkChainInfo:_h(w),getSupportedChainNames:k},getSigners:o,wallets:c,providers:y,switchNetwork:m,canSwitchNetworkTo:i,connect:r,state:n,isMobileWallet:g};return Fh.createElement(Ph,{queuesDefs:[l],context:x,onPersistedDataLoaded:f=>{Lh(f)},isPaused:!1},t.children)}s(Uh,"QueueManager");var ku=Uh;var Qh=qh("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit",listStyleType:"none"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"}});function vu(){gu();let{fetch:t,config:e}=v()(),{activeTheme:o}=Cu(e?.theme||{}),{activeLanguage:n,changeLanguage:r}=Nn(),[i,a]=wu(""),[l,p]=wu(),u=Gh(ir);return Hh(()=>{e?.apiKey&&Vi({API_KEY:e?.apiKey})},[e]),Tu(()=>{t().catch(),_.persist.rehydrate(),Ne.persist.rehydrate(),u.onConnectWallet(a)},[]),Tu(()=>{e?.language&&r(e.language)},[e?.language]),tt.createElement(zh,{language:n},tt.createElement(Qh,{id:"swap-container",className:o()},tt.createElement(ku,null,tt.createElement(fu,null),tt.createElement(sl,{lastConnectedWallet:i,disconnectedWallet:l,clearDisconnectedWallet:()=>{p(void 0)}},tt.createElement(pu,null)))))}s(vu,"Main");function Vh(t){return t.config?.externalWallets?tt.createElement(vu,null):tt.createElement(sr,{config:t.config??tr,providers:t.config?.wallets,options:{walletConnectProjectId:t.config?.walletConnectProjectId}},tt.createElement(vu,null))}s(Vh,"Widget");export{wP as MainEvents,vP as RouteEventType,xP as StepEventType,bP as StepExecutionBlockedEventStatus,EP as StepExecutionEventStatus,Vh as Widget,sr as WidgetWallets,vl as useWallets,AP as useWidgetEvents};
+var xu=Object.defineProperty;var s=(t,e)=>xu(t,"name",{value:e,configurable:!0});import{MainEvents as TP,RouteEventType as wP,StepEventType as vP,StepExecutionBlockedEventStatus as xP,StepExecutionEventStatus as bP,useEvents as EP}from"@rango-dev/queue-manager-rango-preset";import{useWallets as vl}from"@rango-dev/wallets-react";import{Events as rr,Provider as Zu}from"@rango-dev/wallets-react";import{isEvmBlockchain as Ru}from"rango-sdk";import Fo,{createContext as ec,useEffect as tc,useRef as oc}from"react";import{useEffect as Ou}from"react";import{create as _u}from"zustand";import{subscribeWithSelector as Du}from"zustand/middleware";import{RangoClient as bu}from"rango-sdk";var Qi="c6381a79-2817-4602-83bf-6a641a409e32";var Zn={API_KEY:Qi};function bo(t){return Zn[t]}s(bo,"getConfig");function Vi(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Zn=e,Zn}s(Vi,"initConfig");var ji=20,Ki=25,Xi="Roboto",Rn="theme-widget";var Eo,Nt=s(()=>Eo||(Eo=new bu(bo("API_KEY")),Eo),"httpService");import{WalletState as Ge}from"@rango-dev/ui";import{readAccountAddress as Iu}from"@rango-dev/wallets-react";import{detectInstallLink as Nu,getCosmosExperimentalChainInfo as Wu,isEvmAddress as Bu,KEPLR_COMPATIBLE_WALLETS as my,Networks as Zi}from"@rango-dev/wallets-shared";import er from"bignumber.js";import{isCosmosBlockchain as Lu}from"rango-types";import Eu from"bignumber.js";var be=new Eu(0);import{WalletTypes as Au}from"@rango-dev/wallets-shared";var Yi=[Au.LEAP];import{BigNumber as Ji}from"bignumber.js";var Ao=s(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),W=s((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new Ji(t),r=1,i=1e3;for(let a=0;a<60;a++)if(new Ji(n.toFixed(a,r)).eq(n)){i=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(i,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Io=s(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var qe=s((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Xt=s(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function No(t,e=4){let o=parseFloat(t);if(isNaN(o))return t;let n=Math.pow(10,e);return(Math.round(o*n)/n).toString()}s(No,"limitDecimalPlaces");function Mu(t){switch(!0){case t.connected:return Ge.CONNECTED;case t.connecting:return Ge.CONNECTING;case!t.installed:return Ge.NOT_INSTALLED;default:return Ge.DISCONNECTED}}s(Mu,"mapStatusToWalletState");function Ri(t,e,o,n){return o.filter(r=>!Yi.includes(r)).filter(r=>{let{supportedChains:i,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!i.find(c=>c.name===n):!0}).map(r=>{let{name:i,img:a,installLink:l}=e(r),p=Mu(t(r));return{title:i,image:a,link:Nu(l),state:p,type:r}})}s(Ri,"mapWalletTypesToWalletInfo");function Wo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}s(Wo,"walletAndSupportedChainsNames");function es(t,e,o,n,r){let i=[];function a(p,u){if(!!!i.find(m=>m.chain===p)){let m={address:u,chain:p,walletType:t};i.push(m)}}s(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:c}=Iu(p),m=l.length>0,g=l.includes(c),h=c===Zi.Unknown;if(m&&!g&&!h)return;let k=c===Zi.Unknown&&Bu(u);if(h&&!k)return;o.includes(c)||k?r?a(c,u.toLowerCase()):l.filter(f=>o.includes(f)).forEach(f=>{a(f,u.toLowerCase())}):a(c,u)}),i}s(es,"prepareAccountsForWalletStore");function ts(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(i=>{let a=i.from.blockchain,l=i.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}s(ts,"getRequiredChains");function Wt(t,e,o,n){if(t.length===0)return null;let r=t.filter(i=>i.chain===e);return r.length===0?null:r.map(i=>i.balances?.find(a=>n!==null&&a.address===n||n===null&&a.address===n&&a.symbol===o)||null).filter(i=>i!==null).sort((i,a)=>parseFloat(a?.amount||"0")-parseFloat(i?.amount||"1")).find(()=>!0)||null}s(Wt,"getBalanceFromWallet");function Bo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}s(Bo,"isAccountAndWalletMatched");function os(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new er(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Lo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}s(os,"makeBalanceFor");function ns(t){return{...t,loading:!1,error:!0}}s(ns,"resetConnectedWalletState");var Lo=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice"),Mo=s((t,e)=>{let o=Wu(Object.entries(t).map(([,n])=>n).filter(Lu));return o&&o[e]?.experimental},"isExperimentalChain");function Pu(t,e){return t.map(({balance:o,...n})=>{let r=W(new er(Wt(e,n.blockchain,n.symbol,n.address)?.amount||be)),i="";return n.usdPrice&&(i=W(new er(Wt(e,n.blockchain,n.symbol,n.address)?.amount||be).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:i}}}})}s(Pu,"getTokensWithBalance");function rs(t,e){let o=e.length>0?Pu(t,e):t;return o.sort((n,r)=>n.balance?.usdValue&&r.balance?.usdValue?parseFloat(r.balance.usdValue)-parseFloat(n.balance.usdValue):!n.balance?.usdValue&&r.balance?.usdValue?1:n.balance?.usdValue&&!r.balance?.usdValue?-1:!n.balance?.usdValue&&!r.balance?.usdValue?parseFloat(r.balance?.amount||"0")-parseFloat(n.balance?.amount||"0"):0),o}s(rs,"getTokensBalanceFromWalletAndSort");function Ae(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}s(Ae,"tokensAreEqual");function is(t){return t.sort((e,o)=>+(o.state===Ge.CONNECTED)-+(e.state===Ge.CONNECTED)||+(o.state===Ge.DISCONNECTED||o.state===Ge.CONNECTING)-+(e.state===Ge.DISCONNECTED||e.state===Ge.CONNECTING))}s(is,"sortWalletsBasedOnConnectionState");function Po(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}s(Po,"getConciseAddress");function ss({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(ss,"getAddress");var $u=s(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),He=$u;var H=He(_u()(Du((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(i=>({loading:!0,connectedWallets:i.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!i.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(i=>i.selected&&i.walletType!==o).map(i=>i.chain);return{connectedWallets:n.connectedWallets.filter(i=>i.walletType!==o).map(i=>r.includes(i.chain)?i:(r.push(i.chain),{...i,selected:!0}))}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let i=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return i?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let i=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>Bo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await Nt().getWalletsDetails(a)).wallets;if(p)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(c=>{let m=o.find(h=>Bo(h,c)),g=p.find(h=>h.address===c.address&&h.blockChain===c.chain);return g?.failed&&m&&r&&i([m],n,!1),m&&g?{...c,explorerUrl:g.explorerUrl,balances:os(g,n)}:c})}));else throw new Error("Wallet not found")}catch{t(l=>({loading:!1,connectedWallets:l.connectedWallets.map(p=>o.find(u=>Bo(u,p))?ns(p):p)}))}}}))));import{allProviders as Fu}from"@rango-dev/provider-all";function $o(t,e){let o=Fu({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let i=o.find(a=>a.config.type===r);i?n.push(i):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}s($o,"matchAndGenerateProviders");function as(t,e){return $o(t,e).map(r=>r.config.type)}s(as,"configWalletsToWalletName");function ls(t,e){let o=H.use.clearConnectedWallet(),n=$o(void 0,e);return Ou(()=>{o(),n=$o(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}s(ls,"useWalletProviders");import Ku,{createContext as Xu,useContext as Yu,useRef as Ju}from"react";import{create as ju}from"zustand";var tr={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0},ps=s((t,e,o)=>({config:{...tr,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");function Bt(t){return Array.from(new Set(t))}s(Bt,"removeDuplicateFrom");function or(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}s(or,"areEqual");function us(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}s(us,"debounce");function St(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}s(St,"containsText");var ee=s(()=>document.getElementById("swap-box"),"getContainer");import{create as Hu}from"zustand";import{persist as Qu,subscribeWithSelector as Vu}from"zustand/middleware";import{English as Uu,French as zu,Japanese as qu,Spanish as Gu}from"@rango-dev/ui";var cs=[{title:"English",label:"English",local:"en",SVGFlag:Uu},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Gu},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:zu},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:qu}],_o="en";var ms=[.5,1,3],ds=1,fs=5,gs=100,hs=0;var _=He(Hu()(Qu(Vu((t,e)=>({preferredBlockchains:[],slippage:ds,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",language:_o,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=10-1;return p&&u}))return;let i=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...i]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let i=Bt(o.map(a=>a.swapperGroup));return i.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:i}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o}))})),{name:"user-settings",skipHydration:!0})));function Do(t){let e=_.use.disabledLiquiditySources(),o=t.map(i=>i.swapperGroup),n=[];return Bt(t.map(i=>i.swapperGroup)).map(i=>{let a=t.find(l=>l.swapperGroup===i);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}s(Do,"getUniqueSwappersGroups");function ys(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}s(ys,"sortLiquiditySourcesByGroupTitle");var Ss=s((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(i.length>0&&!i.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,i=(o.type==="source"?r.from?.tokens:r.to?.tokens)??[],a=e().blockchains({type:o.type});return n.filter(p=>i.length>0&&!i.some(u=>Ae(u,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(St(p.symbol,o.searchFor)||St(p.address||"",o.searchFor)||St(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p)?-1:e().isTokenPinned(u)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>Ae(r,o)),swappers:()=>{let{config:{enableNewLiquiditySources:o,liquiditySources:n}}=e();return e()._swappers.filter(a=>{let l=n?.includes(a.swapperGroup);return o||!n||n.length===0?!l:l}).sort(ys)},fetch:async()=>{try{let o=await Nt().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],i=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:i,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");function Cs(t){return ju()((...e)=>({...Ss(...e),...ps(t,...e)}))}s(Cs,"createAppStore");var ks=Xu(null);function v(){let t=Yu(ks);if(!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}s(v,"useAppStore");function Ts(t){let e=Ju();return e.current||(e.current=Cs(t.config)),Ku.createElement(ks.Provider,{value:e.current},t.children)}s(Ts,"AppStoreProvider");var ir=ec({onConnectWallet:()=>{}});function nc(t){let e=v().updateConfig,o=v().blockchains(),n=v().tokens(),{providers:r}=ls(t.providers,t?.options),i=H.use.disconnectWallet(),a=H.use.connectWallet(),l=oc();tc(()=>{t.config&&e(t.config)},[t.config]);let p=o.filter(Ru).map(c=>c.name),u=s((c,m,g,h,w)=>{if(m===rr.ACCOUNTS)if(g){let k=Wo(w.supportedBlockchains),y=es(c,g,p,k,w.isContractWallet);a(y,n)}else i(c);if(m===rr.ACCOUNTS&&h.connected){let k=`${c}-${h.network}-${g}`;h.connected&&(l.current?l.current(k):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(m===rr.NETWORK&&h.network){let k=`${c}-${h.network}`;l.current?l.current(k):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(c,m,g,h,w)},"onUpdateState");return Fo.createElement(ir.Provider,{value:{onConnectWallet:c=>{l.current=c}}},Fo.createElement(Zu,{allBlockChains:o,providers:r,onUpdateState:u,autoConnect:!0},t.children))}s(nc,"Main");function sr(t){let{config:e,...o}=t;return Fo.createElement(Ts,{config:e},Fo.createElement(nc,{...o,config:e}))}s(sr,"WidgetWallets");import{I18nManager as zh,styled as qh}from"@rango-dev/ui";import tt,{useContext as Gh,useEffect as Tu,useMemo as Hh,useState as wu}from"react";import{useQueueManager as ed}from"@rango-dev/queue-manager-rango-preset";import{useWallets as td}from"@rango-dev/wallets-react";import{isEvmBlockchain as od}from"rango-types";import wt,{useEffect as nd,useRef as rd}from"react";import{MemoryRouter as id,useInRouterContext as sd}from"react-router";import{useLocation as ad,useNavigate as ld}from"react-router-dom";var S={home:"/",fromSwap:"from-swap",fromBlockchain:"/from-swap/blockchains",toBlockchain:"/to-swap/blockchains",toSwap:"to-swap",settings:"settings",liquiditySources:"/settings/liquidity-sources",themes:"/settings/themes",bridges:"/settings/bridges",exchanges:"/settings/exchanges",languages:"/settings/languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:"swaps/:requestId"};import{i18n as Or}from"@lingui/core";import{Button as qm,styled as Ur,SwapInput as nl,WarningIcon as Gm}from"@rango-dev/ui";import De,{useEffect as Hm,useRef as Qm,useState as Vm}from"react";import{useNavigate as jm}from"react-router-dom";import{ChevronLeftIcon as sc}from"@rango-dev/ui";import xs from"react";import{darkTheme as rc,IconButton as ic,styled as Oo}from"@rango-dev/ui";var We=Oo(ic,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),ws=Oo("div",{position:"absolute",background:"$secondary500",[`.${rc} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Lt=Oo("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),vs=Oo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function ar(t){return xs.createElement(We,{variant:"ghost",size:"small",onClick:t.onClick},xs.createElement(sc,{color:"black",size:16}))}s(ar,"BackButton");import{i18n as ac}from"@lingui/core";import{Button as lc,Typography as pc}from"@rango-dev/ui";import lr from"react";function pr(t){return lr.createElement(Lt,null,lr.createElement(lc,{variant:"ghost",onClick:t.onClick,size:"xsmall"},lr.createElement(pc,{variant:"label",size:"medium",color:"error500"},ac.t("Cancel"))))}s(pr,"CancelButton");import{i18n as uc}from"@lingui/core";import{Tooltip as cc,WalletIcon as mc}from"@rango-dev/ui";import Uo from"react";function ur(t){return Uo.createElement(cc,{container:t.container,side:"top",content:uc.t("Connect Wallet")},Uo.createElement(We,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Uo.createElement(ws,null),Uo.createElement(mc,{size:18,color:"black"})))}s(ur,"WalletButton");import{i18n as Go}from"@lingui/core";import{NotificationsIcon as Ic,Popover as Nc,RefreshIcon as Wc,SettingsIcon as Bc,Tooltip as Ho,TransactionIcon as Lc}from"@rango-dev/ui";import ue from"react";import{i18n as Tc}from"@lingui/core";import{ChainToken as Ws,ChevronRightIcon as wc,ListItemButton as vc,Typography as xc}from"@rango-dev/ui";import Be from"react";import{useNavigate as bc}from"react-router-dom";import{create as dc}from"zustand";import{persist as fc,subscribeWithSelector as gc}from"zustand/middleware";var Ie=He(dc()(fc(gc((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],i=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:i.toBlockchain,tokenSymbol:i.toSymbol,tokenAddress:i.toSymbolAddress}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{create as hc}from"zustand";var Ce=He(hc()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as zo}from"@rango-dev/ui";var bs=zo("div",{padding:"$10",width:"350px",minHeight:"150px"}),Es=zo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),As=zo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Is=zo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as yc}from"@lingui/core";import{Divider as Sc,NoNotificationIcon as Cc,Typography as kc}from"@rango-dev/ui";import qo from"react";function Ns(){return qo.createElement(Is,null,qo.createElement(Cc,{color:"secondary",size:26}),qo.createElement(Sc,{size:12}),qo.createElement(kc,{variant:"body",size:"medium",color:"neutral700"},yc.t("You have no notification")))}s(Ns,"NotificationNotFound");var Ec=4;function cr(){let t=bc(),e=Ce.use.setSelectedSwap(),{getUnreadNotifications:o}=Ie(),n=o(),r=v().blockchains(),i=v().tokens(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,Ec),l=s(p=>{e(p),t(`/swaps/${p}`)},"handleOnClick");return Be.createElement(bs,null,a.length?Be.createElement(Es,null,a.map(p=>{let u=i.find(h=>h.address===p.route.from.tokenAddress&&h.blockchain===p.route.from.blockchain&&h.symbol===p.route.from.tokenSymbol),c=r.find(h=>h.name===p.route.from.blockchain),m=i.find(h=>h.address===p.route.to.tokenAddress&&h.blockchain===p.route.to.blockchain&&h.symbol===p.route.to.tokenSymbol),g=r.find(h=>h.name===p.route.to.blockchain);return Be.createElement(vc,{key:p.requestId,onClick:()=>l(p.requestId),title:Be.createElement(xc,{variant:"body",size:"small",color:"$neutral700"},Tc.t(p.event.message)),id:p.requestId,start:Be.createElement(As,null,Be.createElement("div",{className:"from-chain-token"},Be.createElement(Ws,{tokenImage:u?u.image:"",chainImage:c?c.logo:"",size:"small"})),Be.createElement("div",{className:"to-chain-token"},Be.createElement(Ws,{tokenImage:m?m.image:"",chainImage:g?g.logo:"",size:"small"}))),end:Be.createElement(wc,{size:12,color:"gray"})})})):Be.createElement(Ns,null))}s(cr,"NotificationContent");import{Typography as Ac}from"@rango-dev/ui";import Bs from"react";function Ls(){let{getUnreadNotifications:t}=Ie(),e=t().length;return e?Bs.createElement(vs,null,Bs.createElement(Ac,{variant:"body",size:"xsmall",color:"$background"},e)):null}s(Ls,"UnreadNotificationsBadge");function mr(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:i}=t;return ue.createElement(ue.Fragment,null,ue.createElement(Ho,{container:ee(),side:"top",content:Go.t("Refresh")},ue.createElement(We,{variant:"ghost",size:"small",onClick:o,disabled:!o},ue.createElement(Wc,{size:16,color:o?"black":"gray"}))),ue.createElement(Ho,{container:ee(),side:"top",content:Go.t("Notifications")},ue.createElement(Nc,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:ee(),content:ue.createElement(cr,null)},ue.createElement(We,{size:"small",variant:"ghost",onClick:i},ue.createElement(Ic,{size:18,color:"black"}),ue.createElement(Ls,null)))),ue.createElement(Ho,{container:ee(),side:"top",content:Go.t("Settings")},ue.createElement(We,{size:"small",variant:"ghost",onClick:r},ue.createElement(Bc,{size:18,color:"black"}))),ue.createElement(Ho,{container:ee(),side:"top",content:Go.t("Transactions History")},ue.createElement(We,{size:"small",variant:"ghost",onClick:n},ue.createElement(Lc,{size:18,color:"black"}))))}s(mr,"HomeButtons");import{BottomLogo as Pc,Divider as $c,Header as _c}from"@rango-dev/ui";import de from"react";import{useNavigate as Dc}from"react-router-dom";import{darkTheme as Mc,styled as dr}from"@rango-dev/ui";var Ms=dr("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",overflow:"hidden !important",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",width:"95vw",maxWidth:"390px",maxHeight:"700px",$$color:"$colors$neutral100",[`.${Mc} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),Ps=dr("div",{borderTopLeftRadius:"20px",borderTopRightRadius:"20px",display:"flex",flexDirection:"column",flex:1,padding:"$20 $20 $10 $20",backgroundColor:"$background",position:"relative",overflowY:"auto",overflowX:"hidden",variants:{noPadding:{true:{padding:"0"}}}}),$s=dr("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Fc(t,e){let{children:o,header:n,footer:r,noPadding:i,hasLogo:a=!0,fixedHeight:l=!0}=t,p=H.use.connectedWallets(),u=Ce.use.connectWalletsButtonDisabled(),c=Dc(),m=s(()=>{u||c("/"+S.wallets)},"onConnectWallet");return de.createElement(Ms,{ref:e,fixedHeight:l,id:"swap-box"},de.createElement(_c,{prefix:de.createElement(de.Fragment,null,n.onBack&&de.createElement(ar,{onClick:n.onBack})),title:n.title,suffix:de.createElement(de.Fragment,null,n.suffix,n.hasConnectWallet&&de.createElement(ur,{container:ee(),onClick:m,isConnected:!!p?.length}),n.onCancel&&de.createElement(pr,{onClick:n.onCancel}))}),de.createElement(Ps,{noPadding:i},o),(a||r)&&de.createElement($s,null,de.createElement("div",{className:"footer__content"},r),a&&de.createElement("div",{className:"footer__logo"},de.createElement($c,{size:12}),de.createElement(Pc,null))))}s(Fc,"LayoutComponent");var K=de.forwardRef(Fc);K.displayName="Layout";import{ReverseIcon as jc,styled as ta}from"@rango-dev/ui";import xr from"react";import lt from"bignumber.js";import{create as Qc}from"zustand";import{subscribeWithSelector as Vc}from"zustand/middleware";import{getLastSuccessfulStep as Hc}from"@rango-dev/queue-manager-rango-preset";import Ok from"bignumber.js";var it=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(it||{});function _s(t,e){return e.find(o=>o.name===t)?.displayName}s(_s,"getBlockchainDisplayNameFor");function fr(t,e){return e.find(o=>o.name===t)?.shortName}s(fr,"getBlockchainShortNameFor");function gr(t,e){return e.find(o=>Ae(o,t))??null}s(gr,"findToken");function hr(t,e){return e.find(o=>o.name===t)??null}s(hr,"findBlockchain");import{i18n as Le}from"@lingui/core";import{PendingSwapNetworkStatus as Ko}from"@rango-dev/queue-manager-rango-preset";import ke from"bignumber.js";function Qo(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(Qo,"getRequiredWallets");function Vo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}s(Vo,"isValidAddress");import{i18n as fe}from"@lingui/core";var q=s(()=>({genericServerError:fe.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:fe.t("Please reset your liquidity sources."),description:fe.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noResultError:{title:fe.t("No Routes Found"),description:fe.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:fe.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:fe.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:fe.t("High Price Impact"),title:fe.t("Price impact is too high!"),description:fe.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:fe.t("Confirm High price impact")},quoteUpdatedWithHighValueLoss:{title:fe.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:fe.t("USD Price Unknown"),title:fe.t("USD Price Unknown, Cannot calculate Price Impact."),description:fe.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:fe.t("Confirm USD Price Unknown")}}),"errorMessages");function Ds(t){switch(t.type){case 0:return t.diagnosisMessage??q().noResultError.title;case 1:return q().genericServerError;default:return""}}s(Ds,"getQuoteErrorMessage");import{i18n as jo}from"@lingui/core";var Ct=s(()=>({connectWallet:jo.t("Connect Wallet"),swap:jo.t("Swap"),swapAnyway:jo.t("Swap anyway"),ethWarning:jo.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Fs(t,e){return!t||!e||t.lte(be)||e.lte(be)?0:e.div(t).minus(1).multipliedBy(100).toNumber()}s(Fs,"getOutputRatio");function Jo(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new ke(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new ke(1e3)))??!1}s(Jo,"hasHighValueLoss");function Yt(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new ke(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ke(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}s(Yt,"hasLimitError");function yr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new ke(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new ke(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new ke(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ke(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",i="",a="";return!r&&o&&o.gt(e.fromAmount)?(i=Le.t({id:"Required: >= {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(i=Le.t({id:"Required: > {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(i=Le.t({id:"Required: <= {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(i=Le.t({id:"Required: < {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=q().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:i,recommendation:a}}s(yr,"getLimitErrorMessage");function Os(t,e,o,n,r,i,a,l,p){return t!=="success"?{title:Ct().connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:Ct().connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!p||p==="0"?{title:Ct().swap,disabled:!0,state:"swap"}:i||a?{title:Ct().swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:l?{title:Ct().ethWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:Ct().swap,disabled:!1,state:"swap"}}s(Os,"getSwapButtonState");function Sr(t,e,o){return!((!o||o.lte(be))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}s(Sr,"canComputePriceImpact");function Uc(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,i=e[e.length-1];n!=i&&e.push(n),i=e[e.length-1],r!=i&&e.push(r)}),e}s(Uc,"requiredWallets");var zc=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice");function qc(t,e){let o=be;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let i=zc(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new ke(r.amount).multipliedBy(i||0))}return o}s(qc,"getUsdFeeOfStep");function Zo(t,e){return t.reduce((o,n)=>o.plus(qc(n,e)),be)}s(Zo,"getTotalFeeInUsd");function Cr(t){let e=new Map;return t.result?.swaps.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}s(Cr,"checkSlippageErrors");function Us(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseInt(n.recommendedSlippage?.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}s(Us,"checkSlippageWarnings");function Ro(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}s(Ro,"getMinRequiredSlippage");function zs(t,e){return e?parseFloat(t)>=parseFloat(e):!0}s(zs,"hasProperSlippage");function en(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:i,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:c,affiliatePercent:m,affiliateWallets:g,initialQuote:h,destination:w}=t,k=i?.reduce((d,C)=>(d[C.chain]=C.address,d),{}),y=[];r?.forEach(d=>{let C=y.find(E=>E.blockchain===d.chain);C?C.addresses.push(d.address):y.push({blockchain:d.chain,addresses:[d.address]})});let x=!!h,f=Bt((h?.result?.swaps||[]).reduce((d,C)=>(d.push(C.from.blockchain,C.to.blockchain),C.internalSwaps&&Array.isArray(C.internalSwaps)&&C.internalSwaps.map(E=>{d.push(E.from.blockchain,E.to.blockchain)}),d),[]));return{amount:n.toString(),affiliateRef:c??void 0,affiliatePercent:m??void 0,affiliateWallets:g??void 0,checkPrerequisites:x,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:y,selectedWallets:k??{},slippage:u.toString(),...w&&{destination:w},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(d=>!a.includes(d)),swappersGroupsExclude:!1},...x&&{blockchains:f}}}s(en,"createQuoteRequestBody");function qs(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}s(qs,"getWalletsForNewSwap");function Mt(t){return t.result?.outputAmount||null}s(Mt,"getQuoteOutputAmount");function at(t,e){return new ke(e).div(new ke(t)).minus(1).multipliedBy(100).toNumber()}s(at,"getPercentageChange");function Gs(t,e){let o=Mt(t),n=Mt(e);if(!o||!n)return!1;let r=at(o,n);return r?r<=-1:!0}s(Gs,"isOutputAmountChangedALot");function Hs(t,e){let o=t.validationStatus,n=ts(t);return e.sort((i,a)=>n.indexOf(i.chain)-n.indexOf(a.chain)).flatMap(i=>Ys(i,o)||[]).filter(i=>!i.ok).map(i=>{let a=i.asset.symbol,l=W(new ke(i.currentAmount.amount).shiftedBy(-i.currentAmount.decimals),8,8),p=W(new ke(i.requiredAmount.amount).shiftedBy(-i.requiredAmount.decimals),8,8),u="";return i.reason==="FEE"&&(u=Le.t(" for network fee")),i.reason==="INPUT_ASSET"&&(u=Le.t(" for swap")),i.reason==="FEE_AND_INPUT_ASSET"&&(u=Le.t(" for input and network fee")),Le.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:p,symbol:a,reason:u,currentAmount:l,blockchain:i.asset.blockchain}})})}s(Hs,"getBalanceWarnings");function Qs(t,e){return(t?new ke(t):be).multipliedBy(e||0)}s(Qs,"calcOutputUsdValue");function Jt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Ko.NetworkChanged}s(Jt,"isNetworkStatusInWarningState");function Vs(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Jt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Ko.WaitingForConnectingWallet:n=n||Le.t("Waiting for connecting wallet");break;case Ko.WaitingForQueue:n=n||Le.t("Waiting for other running tasks to be finished");break;case Ko.WaitingForNetworkChange:n=n||Le.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}s(Vs,"getSwapMessages");function js(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}s(js,"getLastConvertedTokenInFailedSwap");function Ks(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}s(Ks,"shouldRetrySwap");function Xs(t,e,o,n,r,i){return t||!e&&!Uc(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&i&&!Vo(i,o)}s(Xs,"confirmSwapDisabled");function kr(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}s(kr,"searchParamsToToken");function Zs(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}s(Zs,"getQuoteToTokenUsdPrice");function Tr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}s(Tr,"isNumberOfSwapsChanged");function wr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!or(o,n)}s(wr,"isQuoteSwappersUpdated");function vr(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!or(o,n)}s(vr,"isQuoteInternalCoinsUpdated");function Rs(t,e){return Tr(t,e)||wr(t,e)||vr(t,e)}s(Rs,"isQuoteChanged");function Ys(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}s(Ys,"getRequiredBalanceOfWallet");function Xe(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}s(Xe,"getPriceImpactLevel");function ea(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],i=Hc(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=hr(i?i.toBlockchain:n.fromBlockchain,e),p=hr(r.toBlockchain,e),u=gr(i?{blockchain:l?.name??"",symbol:i.toSymbol,address:i.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=gr(a,o),m=i?i.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:m}}s(ea,"createRetryQuote");function tn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:i}=e,a=kt(o,t.requestAmount),l=kt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let c=at(a.toString(),l.toString());if(Jo(a,c)){let g=Zo(t.result.swaps,r),h=Xe(c);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:c,totalFee:g,warningLevel:h}}}else if(t.result&&(!a||!l))return{type:1};let p=Ro(t),u=i>fs;if(zs(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<i)return{type:3,slippage:i.toString()}}else return{type:2,recommendedSlippages:Us(t,i),minRequiredSlippage:p};return null}s(tn,"generateQuoteWarnings");function Pt(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0);return!t||!e||o?null:at(t.toString(),e.toString())}s(Pt,"getPriceImpact");var kt=s((t,e)=>t?.usdPrice?new lt(e||be).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),P=He(Qc()(Vc(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new lt(0),outputUsdValue:new lt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=be;return Xt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new lt(e.result?.outputAmount):null,r=Qs(e.result?.outputAmount,Zs(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new lt(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{quote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:kt(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{quote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new lt(0),outputUsdValue:new lt(0),quote:null},...!!o.fromToken&&{inputUsdValue:kt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:i,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=ea(e,r,n);t({fromBlockchain:i,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:kt(a??null,u),outputUsdValue:new lt(0),toBlockchain:l,toToken:p,quote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:kt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:""}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));var Kc=ta("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Xc=ta("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&:hover":{color:"$secondary500"}});function oa(){let t=P.use.switchFromAndTo();return xr.createElement(Kc,null,xr.createElement(Xc,{onClick:()=>{t()}},xr.createElement(jc,{size:12})))}s(oa,"SwitchFromAndToButton");import{Divider as _m}from"@rango-dev/ui";import mt from"react";import{i18n as Ir}from"@lingui/core";import{Alert as om,ChevronDownIcon as nm,ChevronRightIcon as Ia,Divider as Nr,Image as Na,InfoIcon as rm,QuoteCost as im,StepDetails as sm,TokenAmount as am,Tooltip as Wa,Typography as Dt}from"@rango-dev/ui";import B,{useLayoutEffect as lm,useRef as pm,useState as um}from"react";import{styled as br}from"@rango-dev/ui";var Er=br("div",{width:"100%",paddingTop:"$2"}),na=br("div",{paddingBottom:"$15"}),ra=br("div",{width:"100%",display:"flex"});import*as nn from"@radix-ui/react-collapsible";import{darkTheme as Ye,styled as pt}from"@rango-dev/ui";import*as _t from"@radix-ui/react-collapsible";import{Button as Yc,darkTheme as $t,IconButton as Jc,keyframes as ia,styled as he,TextField as Zc}from"@rango-dev/ui";var Zt=300,Rc=ia({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),em=ia({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),sa=he("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),aa=he("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),la=he("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${$t} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${$t} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${$t} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),pa=he(_t.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),ua=he("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),ca=he(Jc,{position:"absolute",left:"$20"}),ma=he("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),da=he(_t.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),fa=he(Yc,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${$t} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${$t} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${$t} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),ga=he("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),ha=he("div",{transition:`all ${Zt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),ya=he("div",{display:"flex"}),Sa=he(Zc,{padding:"$0 $15 $15 $15"}),on=he(_t.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Rc} ${Zt}ms ease-out`},false:{animation:`${em} ${Zt}ms ease-out`}}}}),Ca=he("div",{overflow:"visible",width:"100%"});var Ar=300,ka=pt(nn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{recommended:{true:{$$color:"$colors$info300",[`.${Ye} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ye} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& .steps-details":{padding:"$10 $15"}}),Ta=pt("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",cursor:"pointer",boxSizing:"border-box",position:"relative",variants:{recommended:{true:{$$color:"$colors$info100",[`.${Ye} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${Ye} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{},false:{}}},compoundVariants:[{listItem:!0,recommended:!0,css:{"&:hover":{$$color:"$colors$secondary200",[`.${Ye} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${Ye} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}],"& .summary":{width:"100%",padding:"$15 $15 $10 $15"},"& .basic-info":{paddingTop:"$10",display:"flex",alignItems:"center"}}),wa=pt(nn.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${Image}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Image}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${Ye} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ye} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& div:nth-child(1)":{display:"flex"}}),va=pt(on,{width:"100%"}),rn=pt("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Ar}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),hT=pt("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),xa=pt("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ye} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),ba=pt("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"});import{TokenAmount as Aa}from"@rango-dev/ui";import sn from"react";import{styled as tm}from"@rango-dev/ui";var Ea=tm("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%","& .separator":{height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"}});function Rt(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return sn.createElement(Ea,null,sn.createElement(Aa,{direction:"horizontal",label:"Swap input",type:"input",price:{value:e.price.value,usdValue:e.price.usdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),sn.createElement("div",{className:"separator"}),sn.createElement(Aa,{direction:"horizontal",label:"Estimated output",type:"output",price:{value:o.price.value,usdValue:o.price.usdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}s(Rt,"QuoteSummary");function Wr(t){let{quote:e,input:o,output:n,error:r,warning:i,type:a,recommended:l=!0}=t,p=v().tokens(),[u,c]=um(t.expanded),m=pm(null),g=W(Zo(e.result?.swaps??[],p),2,2),h=Ao(Io(e.result?.swaps)),w=Pt(o.usdValue,n.usdValue??null),k=W(String(w),2,2),y=Xe(w??0),f=s(d=>d.map((C,E)=>{let $,I=r?.type===3&&r.swap.swapperId===C.swapperId||i?.type===2&&i.recommendedSlippages?.has(E),D=i?.type===2&&i.recommendedSlippages?.has(E);return I?$="error":D&&($="warning"),{swapper:{displayName:C.swapperId,image:C.swapperLogo},from:{token:{displayName:C.from.symbol,image:C.from.logo},chain:{displayName:C.from.blockchain,image:C.from.blockchainLogo},price:{value:E===0?W(o.value,6,6):C.fromAmount}},to:{token:{displayName:C.to.symbol,image:C.to.logo},chain:{displayName:C.to.blockchain,image:C.to.blockchainLogo},price:{value:C.toAmount}},state:$,alerts:I||D?B.createElement(na,null,B.createElement(om,{type:I?"error":"warning",title:r?.type===3?r?.recommendation:Ir.t("Slippage Error:"),footer:B.createElement(ra,null,r?.type===3&&B.createElement(B.Fragment,null,B.createElement(Dt,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),B.createElement(Nr,{direction:"horizontal",size:8}),B.createElement(Dt,{size:"xsmall",variant:"body",color:"neutral900"},"|"),B.createElement(Nr,{direction:"horizontal",size:8}),B.createElement(Dt,{size:"xsmall",variant:"body",color:"neutral900"},Ir.t({id:"Yours: {amount} {symbol}",values:{amount:W(C.fromAmount,6,6),symbol:C?.from.symbol}}))),(r?.type===4||i?.type===2)&&B.createElement(Dt,{size:"xsmall",variant:"body",color:"neutral900"},Ir.t({id:"min required Slippage: {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(E)},...i?.type===2&&{minRequiredSlippage:i.recommendedSlippages?.get(E)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),T=f.length;return lm(()=>{u&&m.current&&setTimeout(()=>{m?.current?.scrollIntoView({behavior:"smooth"})},Ar)},[u]),B.createElement(B.Fragment,null,B.createElement(Ta,{recommended:l,listItem:a==="list-item",basic:a==="basic"},B.createElement("div",{className:"summary"},B.createElement(im,{fee:g,time:h,steps:T}),a==="basic"&&B.createElement("div",{className:"basic-info"},B.createElement(ba,null,B.createElement(rm,{size:12,color:"gray"})),B.createElement(Dt,{size:"small",variant:"body",style:{letterSpacing:.4}},`${o.value} ${f[0].from.token.displayName} = ${n.value} ${f[f.length-1].to.token.displayName}`),B.createElement(Dt,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${n.usdValue})`)),a==="list-item"&&B.createElement(am,{type:"output",direction:"vertical",price:{value:n.value,usdValue:n.usdValue},token:{displayName:f[T-1].to.token.displayName,image:f[T-1].to.token.image},chain:{image:f[T-1].to.chain.image},percentageChange:k,warningLevel:y}),a==="swap-preview"&&B.createElement(B.Fragment,null,B.createElement(Rt,{from:f[0].from,to:f[T-1].to,percentageChange:k,warningLevel:y}),B.createElement(Nr,{size:4}))),B.createElement(ka,{recommended:l,open:u,onOpenChange:c},B.createElement(wa,{ref:d=>m.current=d,recommended:l,onClick:c.bind(null,d=>!d)},B.createElement("div",null,f.map((d,C)=>{let E=`item-${C}`;return B.createElement(B.Fragment,{key:E},B.createElement(Wa,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:d.from.chain.displayName},B.createElement(Na,{src:d.from.chain.image,size:16})),C===T-1&&B.createElement(B.Fragment,null,B.createElement(rn,null,B.createElement(Ia,{size:12,color:"black"})),B.createElement(Wa,{container:t.tooltipContainer,side:"bottom",sideOffset:4,content:d.to.chain.displayName},B.createElement(Na,{src:d.to.chain.image,size:16}))),C!==T-1&&B.createElement(rn,null,B.createElement(Ia,{size:12,color:"black"})))})),B.createElement(rn,{orientation:u?"up":"down"},B.createElement(nm,{size:12,color:"black"}))),B.createElement(va,{open:u},B.createElement(xa,null),B.createElement("div",{className:"steps-details"},f.map((d,C)=>{let E=`item-${C}`;return B.createElement(sm,{type:"quote-details",key:E,step:d,hasSeparator:C!==f.length-1,state:d.state})}))))))}s(Wr,"Quote");import{ChainToken as an,Divider as Me,NextIcon as mm,Skeleton as ye}from"@rango-dev/ui";import A from"react";import{darkTheme as cm,styled as Ba}from"@rango-dev/ui";var La=Ba("div",{$$color:"$colors$neutral100",[`.${cm} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ","& .cost-and-tag":{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"},variants:{rounded:{true:{borderRadius:"$xm"}}},"& .cost":{display:"flex"},"& .basic-summary":{padding:"$15 $0 14px $0"},"& .output":{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"},"& .output__token-info":{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"},"& .quote-summary":{display:"flex",justifyContent:"space-between",alignItems:"end"},"& .quote-summary__separator":{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"},"& .token-amount":{display:"flex",justifyContent:"space-between"},"& .token-amount__label":{display:"flex",flexDirection:"column",alignItems:"start"},"& .chains":{paddingTop:"$2"},"& .swap-preview":{padding:"$15 $0 $15 $0"},"& .steps":{paddingLeft:"$8"},"& .step__title":{display:"flex",alignItems:"center"},"& .step__content":{display:"flex",alignItems:"start"},"& .step__tokens":{paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"},"& .step__token-info":{display:"flex",alignItems:"center"},"& .step__icon-container":{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}}),Ma=Ba("div",{borderLeft:"1px dashed black",minHeight:" 64px",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});function Br(t){let{separator:e=!0}=t;return A.createElement(A.Fragment,null,A.createElement("div",{className:"step__title"},A.createElement(ye,{height:22,width:22,variant:"circular"}),A.createElement(Me,{direction:"horizontal",size:8}),A.createElement(ye,{height:15,width:148,variant:"rounded"})),A.createElement("div",{className:"step__content"},A.createElement(Ma,{hideSeparator:!e}),A.createElement("div",{className:"step__tokens"},A.createElement("div",{className:"step__token-info"},A.createElement(an,{size:"small",loading:!0,chainImage:"",tokenImage:""}),A.createElement(Me,{direction:"horizontal",size:8}),A.createElement(ye,{height:12,width:76,variant:"rounded"})),A.createElement("div",{className:"step__icon-container"},A.createElement(mm,{color:"gray",size:16})),A.createElement("div",{className:"step__token-info"},A.createElement(an,{size:"small",loading:!0,chainImage:"",tokenImage:""}),A.createElement(Me,{direction:"horizontal",size:8}),A.createElement(ye,{height:12,width:76,variant:"rounded"})))))}s(Br,"StepSkeleton");function Lr(t){let{type:e,expanded:o,tag:n=!1}=t,r=A.createElement("div",{className:"quote-summary"},A.createElement("div",{className:"token-amount"},A.createElement(an,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),A.createElement(Me,{size:8,direction:"horizontal"}),A.createElement("div",{className:"token-amount__label"},A.createElement(ye,{height:10,width:60,variant:"rounded"}),A.createElement(Me,{size:4}),A.createElement(ye,{height:15,width:148,variant:"rounded"}))),A.createElement(ye,{height:12,width:64,variant:"rounded"}));return A.createElement(La,null,A.createElement("div",{className:"cost-and-tag"},A.createElement("div",{className:"cost"},A.createElement(ye,{width:60,height:10,variant:"rounded"}),A.createElement(Me,{size:4,direction:"horizontal"}),A.createElement(ye,{width:60,height:10,variant:"rounded"}),A.createElement(Me,{size:4,direction:"horizontal"}),A.createElement(ye,{width:60,height:10,variant:"rounded"})),n&&A.createElement(ye,{height:22,width:100,variant:"rounded"})),e==="basic"&&A.createElement("div",{className:"basic-summary"},A.createElement(ye,{height:15,width:148,variant:"rounded"})),e==="list-item"&&A.createElement("div",{className:"output"},A.createElement("div",{className:"output__token-info"},A.createElement(an,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),A.createElement(Me,{direction:"horizontal",size:4}),A.createElement(ye,{height:15,width:150,variant:"rounded"})),A.createElement(Me,{size:4}),A.createElement(ye,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&A.createElement(A.Fragment,null,A.createElement(Me,{size:4}),A.createElement("div",{className:"swap-preview"},r,A.createElement("div",{className:"quote-summary__separator"}),r)),A.createElement("div",{className:"chains"},A.createElement(ye,{height:15,width:321,variant:"rounded"})),o&&A.createElement("div",{className:"steps"},A.createElement(Me,{size:20}),A.createElement(Br,null),A.createElement(Br,null),A.createElement(Br,{separator:!1})))}s(Lr,"QuoteSkeleton");import{i18n as Bm}from"@lingui/core";import{Alert as Lm,Button as Mm,InfoIcon as Pm}from"@rango-dev/ui";import Ee from"react";import{useNavigate as $m}from"react-router-dom";import{Alert as dm,Button as fm,Divider as Oa,NoRouteIcon as gm,RefreshIcon as hm,Typography as Ua}from"@rango-dev/ui";import Pe from"react";import{i18n as Pa}from"@lingui/core";function $a(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:q().genericServerError,action:{onClick:n,title:Pa.t("Retry")}},description:""}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:e.length?{alert:{type:"warning",text:q().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Pa.t("Reset")}},description:q().liquiditySourcesError.description}:{alert:null,description:q().noResultError.description}}s($a,"makeInfo");import{styled as Mr}from"@rango-dev/ui";var _a=Mr("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Da=Mr("div",{width:"100%"}),Fa=Mr("div",{padding:"$6 $0"});function Pr(t){let{fetch:e,error:o}=t,n=_.use.disabledLiquiditySources(),r=_.use.toggleAllLiquiditySources(),i=v().swappers(),a=$a(o,n,()=>r(i,!0),e);return Pe.createElement(_a,null,Pe.createElement(gm,{size:24,color:"gray"}),Pe.createElement(Oa,{size:4}),Pe.createElement(Ua,{variant:"title",size:"small"},q().noResultError.title),!!a.description&&Pe.createElement(Ua,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Pe.createElement(Oa,{size:4}),!!a.alert&&Pe.createElement(Da,null,Pe.createElement(dm,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Pe.createElement(fm,{size:"xsmall",type:a.alert.type,prefix:Pe.createElement(Fa,null,Pe.createElement(hm,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}s(Pr,"NoResult");import{i18n as oo}from"@lingui/core";import{Button as ym,Divider as Va,MessageBox as Sm,Modal as Cm,Typography as km,WarningIcon as Tm}from"@rango-dev/ui";import Qe from"react";import{Typography as Ha}from"@rango-dev/ui";import _r from"react";import{styled as ln}from"@rango-dev/ui";var za=ln("div",{width:"100%",paddingTop:"$10"}),$r=ln("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),qa=ln("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),Ga=ln("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Qa(t){let{title:e,value:o,valueColor:n}=t;return _r.createElement(qa,null,_r.createElement(Ha,{size:"medium",variant:"label",color:"neutral600"},e),_r.createElement(Ha,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}s(Qa,"QuoteErrorsModalItem");function ja(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,i=r.warningLevel==="high"?"error":"warning",a=[{title:oo.t("Swapping"),value:W(r.inputUsdValue,4,4)},{title:oo.t("Gas cost"),value:W(r.totalFee,2,2)},{title:oo.t("Receiving"),value:W(r.outputUsdValue,4,4)},{title:oo.t("Price impact"),value:W(r.priceImpact,2,2),valueColor:`${i}500`}];return Qe.createElement(Cm,{open:e,onClose:o,container:ee()},Qe.createElement(Sm,{type:i,title:q().highValueLossError.impactTitle,description:q().highValueLossError.description}),Qe.createElement($r,null,Qe.createElement(Va,{size:20}),Qe.createElement(km,{size:"small",variant:"title"},oo.t("Details")),Qe.createElement($r,null,a.map((l,p)=>Qe.createElement(Qa,{key:p,...l})))),Qe.createElement(Va,{size:32}),Qe.createElement(ym,{type:"primary",size:"large",prefix:Qe.createElement(Tm,null),fullWidth:!0,onClick:n},q().highValueLossError.confirmMessage))}s(ja,"HighValueLossWarningModal");import{i18n as Ka}from"@lingui/core";function Xa(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(Xe(t.priceImpact)==="high"&&(o.alertType="error"),o.title=q().highValueLossError.title),t.type===1&&(o.title=q().unknownPriceError.title),t.type===2&&(o.title=Ka.t({id:"minimum required slippage for this route: {minRequiredSlippage}",values:{minRequiredSlippage:t.minRequiredSlippage}})),t.type===3&&(o.title=Ka.t("Caution, your slippage is high")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action=null),e.type===4&&(o.title="",o.action="change-settings"),o):null}s(Xa,"makeAlerts");import{i18n as Ft}from"@lingui/core";import{Button as Ya,Divider as Ja,MessageBox as wm,Modal as vm,Typography as xm}from"@rango-dev/ui";import Tt from"react";import{useNavigate as bm}from"react-router-dom";function Za(t){let{customSlippage:e,slippage:o}=_(),{open:n,onClose:r,onConfirm:i,warning:a}=t,l=bm(),p=e??o;return Tt.createElement(vm,{anchor:"bottom",open:n,prefix:Tt.createElement(Ya,{size:"small",variant:"ghost",onClick:()=>l("/"+S.settings)},Tt.createElement(xm,{variant:"label",size:"medium",color:"$neutral900"},Ft.t("Change settings"))),container:ee(),onClose:r},Tt.createElement(wm,{type:"warning",title:a.type===3?Ft.t("High slippage"):Ft.t("Low slippage"),description:a.type===3?Ft.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):Ft.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Tt.createElement(Ja,{size:18}),Tt.createElement(Ja,{size:32}),Tt.createElement(Ya,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:i},Ft.t("Confirm anyway"))))}s(Za,"SlippageWarningModal");import{Button as Em,Divider as Am,MessageBox as Im,Modal as Nm,WarningIcon as Wm}from"@rango-dev/ui";import no from"react";function Ra(t){let{open:e,onClose:o,onConfirm:n}=t;return no.createElement(Nm,{open:e,onClose:o,container:ee()},no.createElement(Im,{type:"warning",title:q().unknownPriceError.impactTitle,description:q().unknownPriceError.description}),no.createElement(Am,{size:32}),no.createElement(Em,{type:"primary",size:"large",prefix:no.createElement(Wm,null),fullWidth:!0,onClick:n},q().unknownPriceError.confirmMessage))}s(Ra,"UnknownPriceWarningModal");function Dr(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:i,onCloseWarningModal:a,onConfirmWarningModal:l}=t,p=$m(),u={open:r,onClose:a,onConfirm:l},c=o?.type===0||o?.type===1,m=Xa(e,o?.type===3||o?.type===4?o:null);return Ee.createElement(Ee.Fragment,null,c&&Ee.createElement(Pr,{error:o,fetch:n}),!!m&&Ee.createElement(za,null,Ee.createElement(Lm,{title:m.title,type:m.alertType,variant:"alarm",action:m.action==="show-info"?Ee.createElement(Ga,{onClick:i},Ee.createElement(Pm,{size:12,color:"gray"})):Ee.createElement(Mm,{size:"xsmall",type:"error",onClick:()=>p(S.settings)},Bm.t("Change Settings"))})),e&&Ee.createElement(Ee.Fragment,null,e.type===0&&Ee.createElement(ja,{...u,warning:e}),(e.type===3||e.type===2)&&Ee.createElement(Za,{...u,warning:e}),e.type===1&&Ee.createElement(Ra,{...u,warning:e})))}s(Dr,"QuoteWarningsAndErrors");function ro(t){let{quote:e,type:o,loading:n,error:r,warning:i,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:c,expanded:m=!1}=t,{inputAmount:g,inputUsdValue:h,outputUsdValue:w,outputAmount:k}=P(),y=e&&e.result&&!n;return mt.createElement(mt.Fragment,null,n&&mt.createElement(Er,null,mt.createElement(Lr,{type:o,expanded:m})),y?mt.createElement(Er,null,mt.createElement(Wr,{quote:e,error:r,warning:i,type:o,expanded:m,recommended:!0,input:{value:W(g,6,6),usdValue:W(h,4,4)},output:{value:W(k,6,6),usdValue:W(w,4,4)}})):null,!i&&!r&&mt.createElement(_m,{size:16}),(i||r)&&mt.createElement(Dr,{warning:i,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:c}))}s(ro,"QuoteInfo");import{useEffect as tl,useRef as Um,useState as Fr}from"react";function pn(t){if(!t.result)throw new Error(q().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Yt(t)){let{swap:n,recommendation:r,fromAmountRangeError:i}=yr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:i}})}let o=Cr(t);if(o){let n=Ro(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}s(pn,"throwErrorIfResponseIsNotValid");function el(t,e,o){let n=Rs(t,e),r={quote:null,quoteUpdate:null,balance:null},i=tn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.tokens,userSlippage:o.userSlippage});i&&(r.quote=i),n&&(Gs(t,e)?r.quoteUpdate={type:3,newOutputAmount:W(Mt(e)),percentageChange:W(at(Mt(t)??"",Mt(e)??""),null,2)}:Tr(t,e)?r.quoteUpdate={type:0}:wr(t,e)?r.quoteUpdate={type:1}:vr(t,e)&&(r.quoteUpdate={type:2}));let a=Hs(e,o.selectedWallets);return a.length===0||(r.balance={messages:a}),r}s(el,"generateWarnings");function un(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}s(un,"handleQuoteErrors");import{useRef as Fm,useState as Om}from"react";function cn(){let[t,e]=Om(!1),o=Fm(null),n=s(()=>o.current?.abort(),"cancel");return{fetch:s(async i=>{n(),o.current=new AbortController,e(!0);try{let a=await Nt().getBestRoute(i,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}s(cn,"useFetchQuote");var zm=600;function ol(){let{fetch:t,cancelFetch:e}=cn(),{liquiditySources:o,enableNewLiquiditySources:n}=v().config,r=v().tokens(),{fromToken:i,toToken:a,inputAmount:l,inputUsdValue:p,resetQuote:u,setQuote:c}=P(),{slippage:m,customSlippage:g,affiliatePercent:h,affiliateRef:w,affiliateWallets:k,disabledLiquiditySources:y}=_(),[x,f]=Fr(!1),[T,d]=Fr(null),[C,E]=Fr(null),$=Um(y),I=g??m,L=!i||!a||Ae(i,a)||!Xt(l),Q=s(F=>{f(F),d(null),E(null)},"resetState"),b=s(()=>{if(x||Q(!0),!L){u();let F=en({fromToken:i,toToken:a,inputAmount:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:y,slippage:I,affiliateRef:w,affiliatePercent:h,affiliateWallets:k});t(F).then(O=>{f(!1),c(O),pn(O);let ne=tn(O,{fromToken:i,toToken:a,userSlippage:I,tokens:r});E(ne)}).catch(O=>{let{error:ne}=un(O);(ne?.type===0||ne?.type===1)&&u(),ne?.type!==2&&(d(ne),f(!1))})}},"fetch"),z=us(()=>{L||b()},zm);return tl(()=>{if(!Xt(l)||p?.eq(0)){Q(!1),e();return}if(!L)return u(),Q(!0),z(),e},[l,L]),tl(()=>{let F=!!$.current.length&&!y.length;return!L&&F&&b(),$.current=y,e},[y.length]),{fetch:b,loading:x,error:T,warning:C}}s(ol,"useSwapInput");var Km=Ur("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),Xm=Ur("div",{position:"relative"}),Ym=Ur("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function mn(){let t=jm(),{fetch:e,loading:o,error:n,warning:r}=ol(),{fromToken:i,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:c,inputUsdValue:m,outputAmount:g,outputUsdValue:h,quote:w,resetQuoteWallets:k,setQuoteWarningsConfirmed:y}=P(),x=v().fetchStatus,f=H.use.connectedWallets(),T=Ce.use.setCurrentPage(),[d,C]=Vm(!1),E=Qm(null),$=!1,I=Fs(m,h),D=Jo(m,I),L=!Sr(w,c,m),Q=!Sr(w,c,h),b=Os(x,f,o,w,Yt(w),D,L||Q,$,c),z=a&&i?W(Wt(f,a?.name,i?.symbol,i?.address)?.amount||"0",8,8):"0",F=a&&i?W(Wt(f,a?.name,i?.symbol,i?.address)?.amount||"0",Wt(f,a?.name,i?.symbol,i?.address)?.decimal):"0";Hm(()=>(T(S.home),k(),T.bind(null,"")),[]);let O=!m||!h||!h.gt(0)?null:at(m.toString(),h.toString());return De.createElement(K,{ref:E,fixedHeight:!1,hasLogo:!0,footer:De.createElement(qm,{type:"primary",size:"large",disabled:b.disabled,prefix:!b.disabled&&b.hasWarning&&De.createElement(Gm,null),fullWidth:!0,onClick:()=>{b.state==="waitForConnecting"?t(S.wallets):r?C(!0):t(S.confirmSwap)}},b.title),header:{hasConnectWallet:!0,title:Or.t("Swap"),suffix:De.createElement(mr,{layoutRef:E.current,onClickRefresh:w||n?e:void 0,onClickHistory:()=>t(S.swaps),onClickSettings:()=>t(S.settings)})}},De.createElement(Km,null,De.createElement(Ym,null,De.createElement(Xm,null,De.createElement(nl,{label:Or.t("From"),mode:"From",onInputChange:u,balance:z,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:i?.symbol||"",image:i?.image||""},onClickToken:()=>t("from-swap"),price:{value:c,usdValue:L?void 0:W(m,4,4),error:L?q().unknownPriceError.impactTitle:void 0},disabled:x==="failed",loading:x==="loading",onSelectMaxBalance:()=>{z!=="0"&&u(F.split(",").join(""))}}),De.createElement(oa,null)),De.createElement(nl,{sharpBottomStyle:!!w?.result||o,label:Or.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:W(Pt(m,h),2,2),warningLevel:Xe(O??0),price:{value:W(g,6,6),usdValue:Q?void 0:W(h,4,4),error:Q?q().unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:x==="failed",loading:x==="loading"})),De.createElement(ro,{quote:w,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:d,onOpenWarningModal:()=>C(!0),onCloseWarningModal:()=>C(!1),onConfirmWarningModal:()=>{C(!1),y(!0),t(S.confirmSwap)}})))}s(mn,"Home");import{useEffect as zr,useRef as qr}from"react";import{createSearchParams as Jm,useLocation as Zm,useSearchParams as Rm}from"react-router-dom";import{useEffect as Ot,useMemo as dn,useRef as fn}from"react";function rl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:i,toToken:a,fromBlockchain:l,toBlockchain:p}=P(),u=v().config,c=v().fetchStatus,m=v().blockchains(),g=v().tokens(),{setAffiliateRef:h,setAffiliatePercent:w,setAffiliateWallets:k}=_(),y=dn(()=>u?.from?.tokens,[u?.from?.tokens]),x=dn(()=>u?.from?.blockchains,[u?.from?.blockchains]),f=dn(()=>u?.to?.tokens,[u?.to?.tokens]),T=dn(()=>u?.to?.blockchains,[u?.to?.blockchains]),d=fn(void 0),C=fn(void 0),E=fn(void 0),$=fn(void 0);Ot(()=>{t(u?.amount?.toString()||"")},[u?.amount]),Ot(()=>{if(c==="success"){let I=m.find(L=>L.name===u?.from?.blockchain),D=g.find(L=>Ae(L,u?.from?.token||null));(I||!I&&E.current)&&n(I??null),D?r({token:D,meta:{blockchains:m,tokens:g}}):!D&&d.current&&r({token:null}),E.current=u?.from?.blockchain,d.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,c]),Ot(()=>{i&&y&&(y.some(I=>Ae(I,i))||r({token:null})),l&&x&&(x.includes(l.name)||n(null))},[y,x]),Ot(()=>{a&&f&&(f.some(I=>Ae(I,a))||e({token:null})),p&&T&&(T.includes(p.name)||o(null))},[f,T]),Ot(()=>{if(c==="success"){let I=m.find(L=>L.name===u?.to?.blockchain),D=g.find(L=>Ae(L,u?.to?.token||null));(I||!I&&$.current)&&o(I??null),D?e({token:D,meta:{blockchains:m,tokens:g}}):!D&&C.current&&e({token:null}),$.current=u?.to?.blockchain,C.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,c]),Ot(()=>{h(u?.affiliate?.ref??null),w(u?.affiliate?.percent??null),k(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}s(rl,"useSyncStoresWithConfig");function il(){let t=qr(!0),[e,o]=Rm(),n=Zm(),r=qr(n.search),i=qr({}),a=P.use.fromBlockchain(),l=P.use.toBlockchain(),p=P.use.fromToken(),u=P.use.toToken(),c=P.use.setFromBlockchain(),m=P.use.setFromToken(),g=P.use.setToBlockchain(),h=P.use.setToToken(),w=P.use.inputAmount(),k=P.use.setInputAmount(),y=v().fetchStatus,x=v().blockchains(),f=v().tokens(),T=Ce.use.setSelectedSwap();return rl(),zr(()=>{let d={};Jm(r.current).forEach((E,$)=>{d[$]=E}),i.current=d;let C=n.pathname.split(S.swaps+"/")[1]||null;C&&T(C)},[]),zr(()=>{if(!t.current){let d="",C="",E="",$="",I="";if(y!=="success")d=i.current["fromBlockchain"],C=i.current["fromToken"],E=i.current["toBlockchain"],$=i.current["toToken"],I=i.current["fromAmount"]||w;else{if(n.state==="redirect")return;d=a?.name||"",C=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),E=l?.name||"",$=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),I=w}o({...d&&{["fromBlockchain"]:d},...C&&{["fromToken"]:C},...E&&{["toBlockchain"]:E},...$&&{["toToken"]:$},...I&&{["fromAmount"]:I.toString()}},{replace:!0})}t.current=!1},[n.pathname,w,a,p,l,u]),zr(()=>{if(y==="success"){let d=e.get("fromBlockchain"),C=e.get("fromToken"),E=e.get("toBlockchain"),$=e.get("toToken"),I=e.get("fromAmount"),D=x.find(z=>z.name===d),L=kr(f,C,D||null),Q=x.find(z=>z.name===E),b=kr(f,$,Q||null);D&&(c(D),L&&m({token:L,meta:{blockchains:x,tokens:f}})),Q&&(g(Q),b&&h({token:b,meta:{blockchains:x,tokens:f}})),I&&k(I)}},[y]),null}s(il,"UpdateUrl");function pd(t){let e=ad(),o=ld(),n=rd(!0),r=e.pathname.split("/"),a=r[r.length-1]===S.confirmSwap&&n.current;return nd(()=>{a&&o("."),n.current=!1},[]),a?wt.createElement(mn,null):wt.createElement(wt.Fragment,null," ",t.children)}s(pd,"Route");function sl({children:t,...e}){let o=sd(),n=o?pd:id,r=v().blockchains(),{canSwitchNetworkTo:i}=td(),a=r.filter(od);return ed({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:i}),wt.createElement(wt.Fragment,null,wt.createElement(n,null,t),o&&wt.createElement(il,null))}s(sl,"AppRouter");import xe from"react";import{useRoutes as Ch}from"react-router-dom";import{i18n as wn}from"@lingui/core";import{useManager as jd}from"@rango-dev/queue-manager-react";import{Alert as Al,Button as Il,Divider as Nl,IconButton as Wl,RefreshIcon as Kd,SettingsIcon as Xd,styled as Bl,Tooltip as Yd,Typography as Jd,WalletIcon as Zd}from"@rango-dev/ui";import Y,{useEffect as vn,useState as xn}from"react";import{flushSync as Rd}from"react-dom";import{useNavigate as ef}from"react-router-dom";import{i18n as Je}from"@lingui/core";import{Alert as Xr,BalanceErrors as $d,Button as xl,ChevronDownIcon as _d,ChevronLeftIcon as Dd,Divider as zt,MessageBox as Fd,Modal as bl,Typography as Tn,WalletIcon as Od}from"@rango-dev/ui";import N,{useEffect as Ud,useLayoutEffect as zd,useRef as qd,useState as bt}from"react";import{useNavigate as Gd}from"react-router-dom";import{i18n as gn}from"@lingui/core";function hn(t){switch(t.type){case 0:return gn.t("Route has been updated.");case 3:return gn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return gn.t("Route swappers has been updated.");case 2:return gn.t("Route internal coins has been updated.");default:return""}}s(hn,"getQuoteUpdateWarningMessage");import{i18n as Fe}from"@lingui/core";import{Button as Ld,Divider as jr,Image as Md,MessageBox as kn,Modal as Cl,SelectableWallet as Pd,Typography as kl,WalletState as Tl}from"@rango-dev/ui";import oe,{useEffect as wl,useState as so}from"react";import{WalletState as al}from"@rango-dev/ui";import{useWallets as ud}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as cd,WalletTypes as md}from"@rango-dev/wallets-shared";import{useEffect as dd,useState as fd}from"react";var gd=Object.values(md);function yn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:i,disconnect:a,getWalletInfo:l,connect:p}=ud(),{connectedWallets:u}=H(),c=v().blockchains(),m=as(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||gd,g=Ri(i,l,m,o),h=is(g),[w,k]=fd(""),y=s(d=>!u.find(C=>C.walletType===d&&C.chain===o),"isExperimentalChainNotAdded"),x=s(async d=>{let C=i(d);try{if(w&&k(""),C.connected)await a(d);else{let E=!!g.find($=>$.state===al.CONNECTED);if(!e?.multiWallets&&E)return;n?.(d),await p(d),r?.(d)}}catch(E){k("Error: "+E?.message)}},"handleClick"),f=s(()=>{let d=g?.filter(C=>C.state===al.CONNECTING)||[];for(let C of d)a(C.type)},"disconnectConnectingWallets");dd(()=>()=>{f()},[]);let T=s((d,C,E)=>Mo(E,C)&&y(d)&&!cd.includes(d),"shouldExcludeWallet");return{list:h.filter(d=>!T(d.type,o??"",c)),error:w,handleClick:x}}s(yn,"useWalletList");import{i18n as ml}from"@lingui/core";import{styled as fl,Typography as xd,Wallet as bd,WalletState as Ed}from"@rango-dev/ui";import xt,{Fragment as Ad,useState as dl}from"react";import{Divider as kd,Modal as Td}from"@rango-dev/ui";import Hr from"react";import{i18n as Ut}from"@lingui/core";import{Image as Sd,MessageBox as Gr,WalletState as Cd}from"@rango-dev/ui";import vt from"react";import{keyframes as hd,styled as Sn}from"@rango-dev/ui";var gb=Sn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),ll=Sn("div",{position:"relative"}),yd=hd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),pl=Sn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${yd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ul=Sn("div",{"& img":{borderRadius:"50%"}});function cl(t){let{state:e,image:o,error:n}=t;return e===Cd.CONNECTED?vt.createElement(Gr,{type:"success",title:Ut.t("Wallet Connected"),description:Ut.t("Your wallet is connected, you can use it to swap.")}):n?vt.createElement(Gr,{type:"error",title:Ut.t("Failed to Connect"),description:n||Ut.t("Your wallet is not connected. Please try again.")}):vt.createElement(Gr,{type:"loading",title:Ut.t("Connecting to your wallet"),description:Ut.t("Click connect in your wallet popup."),icon:vt.createElement(ll,null,vt.createElement(ul,null,vt.createElement(Sd,{src:o,size:45})),vt.createElement(pl,null))})}s(cl,"ModalContent");function io(t){let{open:e,onClose:o,...n}=t;return Hr.createElement(Td,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},Hr.createElement(cl,{...n}),Hr.createElement(kd,{direction:"vertical",size:32}))}s(io,"WalletModal");import{useInRouterContext as wd,useNavigate as vd}from"react-router-dom";function re(){let t=wd(),e=vd(),o=P.use.quoteWalletsConfirmed();return S,{navigateBackFrom:s(r=>{if(r===S.swapDetails)return e("/"+S.swaps,{replace:!0});if(!t||window.history.state&&window.history.state.idx>0)e(-1);else{if([S.settings,S.wallets].includes(r)&&o)return e("/"+S.confirmSwap,{replace:!0});[S.fromSwap,S.toSwap,S.settings,S.wallets,S.swaps,S.confirmSwap].includes(r)?e(S.home,{replace:!0}):r===S.fromBlockchain?e("/"+S.fromSwap,{replace:!0}):r===S.toBlockchain?e("/"+S.fromSwap,{replace:!0}):r===S.liquiditySources&&e("/"+S.settings,{replace:!0})}},"navigateBackFrom")}}s(re,"useNavigateBack");var Id=fl("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),Nd=fl("div",{textAlign:"center"}),Cn=3e3,Qr=300;function gl(){let{config:t,fetchStatus:e}=v(),{navigateBackFrom:o}=re(),[n,r]=dl(!1),[i,a]=dl(""),l=null,{list:p,handleClick:u,error:c}=yn({config:t,onBeforeConnect:w=>{l=setTimeout(()=>{r(!0),a(w)},Qr)},onConnect:()=>{l&&clearTimeout(l),setTimeout(()=>{r(!1)},Cn)}}),m=p.find(w=>w.type===i),g=m?.image||"",h=m?.state||Ed.NOT_INSTALLED;return xt.createElement(K,{header:{title:ml.t("Connect Wallets"),onBack:()=>o(S.wallets)}},xt.createElement(Nd,null,xt.createElement(xd,{variant:"title",size:"xmedium",align:"center"},ml.t("Choose a wallet to connect.")),xt.createElement(Id,null,p.map((w,k)=>{let y=`wallet-${k}-${w.type}`;return xt.createElement(Ad,{key:y},xt.createElement(bd,{...w,container:ee(),onClick:x=>{u(x)},isLoading:e==="loading"}))}),xt.createElement(io,{open:!!n,onClose:()=>r(!1),image:g,state:h,error:c}))))}s(gl,"WalletsPage");import{keyframes as Wd,styled as Vr}from"@rango-dev/ui";var hl=Vr("div",{position:"relative"}),Bd=Wd({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),yl=Vr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Bd} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Sl=Vr("div",{"& img":{borderRadius:"50%"}});function Kr(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:i}=t,{config:a}=v(),l=H.use.connectedWallets(),{blockchains:p}=v(),[u,c]=so(""),[m,g]=so(null),[h,w]=so(!1),[k,y]=so(null),{suggestAndConnect:x}=vl(),f=null,{list:T,error:d,handleClick:C}=yn({config:a,chain:e,onBeforeConnect:b=>{f=setTimeout(()=>{c(b)},Qr)},onConnect:()=>{f&&clearTimeout(f),setTimeout(()=>{c("")},Cn)}}),[E,$]=so(T),I=T.length,D=r&&I-r>0,L=s(async b=>{w(!1),y("in-progress");try{await x(b.walletType,b.chain),y("completed")}catch{y("rejected")}},"addExperimentalChain");wl(()=>{$(b=>{let z=T.findIndex(F=>o(F.type,e));return D&&z>1?[T[z]].concat(T.filter((F,O)=>O!==z)):b.map(F=>T.find(O=>O.type===F.type)??F)})},[JSON.stringify(T)]);let Q=document.querySelector("#swap-box");return wl(()=>{let b=null;return(k==="completed"||k==="rejected")&&(b=setTimeout(()=>y(null),Cn)),()=>{b&&clearTimeout(b)}},[k]),oe.createElement(oe.Fragment,null,E.slice(0,r).map(b=>{let z=ss({connectedWallets:l,walletType:b.type,chain:e}),F=z?Po(z):"",O=Mo(p(),e),ne=!l.find(nt=>nt.walletType===b.type&&nt.chain===e),Ue=O&&ne&&b.state===Tl.CONNECTED,ot=Ue?Fe.t({id:"Add {chain} chain",values:{chain:e}}):F,V=s(()=>{b.state===Tl.DISCONNECTED?C(b.type):Ue?(g({walletType:b.type,chain:e,address:z??""}),w(!0)):n({walletType:b.type,chain:e,address:z??""})},"onClick"),Z=m?.chain?_s(m.chain,p()):void 0;return oe.createElement(oe.Fragment,null,oe.createElement(io,{open:u===b.type,onClose:()=>c(""),image:b.image,state:b.state,error:d}),!!m&&oe.createElement(Cl,{open:!!m&&h,container:Q,onClose:()=>{g(null)}},oe.createElement(kn,{title:Fe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),type:"warning",description:Fe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}})},oe.createElement(jr,{size:18}),oe.createElement(jr,{size:32}),oe.createElement(Ld,{onClick:L.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Fe.t("Confirm")))),k&&oe.createElement(Cl,{open:!!k,onClose:y.bind(null,null),container:Q},k==="in-progress"&&oe.createElement(kn,{type:"loading",title:Fe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),description:Fe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}}),icon:oe.createElement(hl,null,oe.createElement(Sl,null,oe.createElement(Md,{src:b.image,size:45})),oe.createElement(yl,null))}),k==="completed"&&oe.createElement(kn,{type:"success",title:Fe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Z}}),description:Fe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Z}})}),k==="rejected"&&oe.createElement(kn,{type:"error",title:Fe.t("Request Rejected"),description:Fe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Z}})}),oe.createElement(jr,{direction:"vertical",size:32})),oe.createElement(Pd,{key:b.type,description:ot,onClick:V,selected:o(b.type,e),...b}))}),D&&oe.createElement(la,{selected:!1,onClick:i.bind(null)},oe.createElement(kl,{variant:"label",size:"medium"},Fe.t("Show more wallets"),oe.createElement(kl,{variant:"label",size:"medium",color:"$primary"},"\xA0+",I-(r??0)))))}s(Kr,"WalletList");var Hd=2;function El(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:i}=t,a=v().config,l=v().blockchains(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:c,setQuoteWalletConfirmed:m,customDestination:g,setCustomDestination:h}=P(),{connectedWallets:w,selectWallets:k}=H(),[y,x]=bt(""),[f,T]=bt([]),[d,C]=bt(""),[E,$]=bt(null),[I,D]=bt(g),[L,Q]=bt(!!g),b=qd(null),z=Qo(p),F=l.find(U=>U.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),O=s(U=>!!p?.result?.swaps.find(j=>j.from.blockchain===U),"isWalletRequiredFor"),[ne,Ue]=bt(w.filter(U=>U.selected&&z.includes(U.chain))),ot=l.find(U=>U.name===F?.name),V=s((U,j)=>!!ne.find(R=>R.walletType===U&&R.chain===j&&R.selected&&(O(j)||!O(j)&&!I)),"isSelected"),Z=!!I&&L&&ot&&!Vo(ot,I),nt=s(()=>{Q(!1),D(""),Ue(U=>{let j=!1;return U.map(R=>!j&&R.chain===F?.name?(j=!0,{...R,selected:!0}):R)})},"resetCustomDestination"),rt=s(U=>{if(y&&x(""),V(U.walletType,U.chain))return;let R=w.find(ae=>ae.walletType===U.walletType&&ae.chain===U.chain);R&&(n(),U.chain===F?.name&&L&&(Q(!1),D("")),Ue(ae=>ae.filter(me=>me.chain!==U.chain).concat({...R,selected:!0})))},"onChange"),ht=s(()=>{let U=ne.filter(j=>j.selected);k(U),u(U),h(I),m(!0),o()},"onConfirmBalance"),Jn=s(async()=>{T([]),C(""),$(null);let U=w.filter(ae=>ne.find(me=>me.chain===ae.chain&&me.walletType===ae.walletType)),j=await r?.({selectedWallets:U,customDestination:I}),R=j.warnings;R?.balance?.messages&&T(R.balance.messages),R?.quoteUpdate&&$(R.quoteUpdate),j.error&&C(Ds(j.error)),!j.error&&(!R?.balance?.messages.length||0>0)?ht():T(R?.balance?.messages??[])},"onConfirmWallets");Ud(()=>{Ue(U=>U.concat(w.filter(j=>!!!U.find(ae=>ae.chain===j.chain)&&j.selected&&z.includes(j.chain))))},[w.length]),zd(()=>{L&&b.current&&setTimeout(()=>{b?.current?.scrollIntoView({behavior:"smooth"})},Zt)},[L]);let xo=document.querySelector("#swap-box"),jt=Gd();return N.createElement(bl,{open:e,onClose:()=>{c||jt(S.home,{replace:!0}),o()},dismissible:!y,container:xo,...!y&&{footer:N.createElement(ya,null,N.createElement(xl,{loading:i,disabled:Xs(i,L,I,p,ne,F),onClick:Jn,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...y&&{containerStyle:{padding:"$0"},header:N.createElement(ua,null,N.createElement(ca,{variant:"ghost",onClick:x.bind(null,"")},N.createElement(Dd,{size:16})),N.createElement(Tn,{variant:"headline",size:"small"},Je.t({id:"Your {blockchainName} wallets",values:{blockchainName:y}})))},anchor:"center"},N.createElement(bl,{open:f.length>0,onClose:T.bind(null,[]),container:xo},N.createElement(Fd,{title:Je.t("Insufficient account balance"),type:"error",description:N.createElement($d,{messages:f??[]})},N.createElement(xl,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:ht},Je.t("Proceed anyway")))),y&&N.createElement(ma,null,N.createElement("div",{className:"wallets-list"},N.createElement(Kr,{chain:y,isSelected:V,selectWallet:rt,onShowMore:x.bind(null,y)}))),!y&&N.createElement(N.Fragment,null,d&&N.createElement(N.Fragment,null,N.createElement(Xr,{variant:"alarm",type:"error",title:Je.t(d)}),N.createElement(zt,{size:12})),E&&N.createElement(N.Fragment,null,N.createElement(Xr,{variant:"alarm",type:"warning",title:hn(E)}),N.createElement(zt,{size:12})),N.createElement(Ca,null,z.map((U,j)=>{let R=l.find(ze=>ze.name===U),ae=`wallet-${j}`,me=j===z.length-1;return N.createElement("div",{key:ae},N.createElement(sa,null,N.createElement(Tn,{variant:"title",size:"xmedium"},Je.t({id:"Your {blockchainName} wallets",values:{blockchainName:R?.displayName}})),N.createElement(Tn,{variant:"label",color:"$neutral700",size:"medium"},Je.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:R?.displayName}}))),N.createElement(zt,{size:24}),N.createElement(aa,null,N.createElement(Kr,{chain:U,isSelected:V,selectWallet:rt,limit:Hd,onShowMore:()=>x(R?.name??"")})),!me&&N.createElement(zt,{size:32}),me&&a?.customDestination&&N.createElement(ga,null,N.createElement(da,{ref:b,selected:L,open:L,onOpenChange:ze=>{ze?O(F?.name??"")||Ue(yt=>yt.map(Kt=>Kt.chain===F?.name?{...Kt,selected:!1}:Kt)):nt()}},N.createElement(pa,{onClick:()=>Q(ze=>!ze)},N.createElement(fa,{fullWidth:!0,variant:"default",suffix:N.createElement(ha,{orientation:L?"up":"down"},N.createElement(_d,{size:10,color:"gray"}))},N.createElement("div",{className:"button__content"},N.createElement(Od,{size:18,color:"info"}),N.createElement(zt,{size:4,direction:"horizontal"}),N.createElement(Tn,{variant:"label",size:"medium"},Je.t("Send to a different address"))))),N.createElement(on,{open:L},N.createElement(N.Fragment,null,N.createElement(zt,{size:4}),N.createElement(Sa,{autoFocus:!0,placeholder:Je.t("Your destination address"),value:I,onChange:ze=>{D(ze.target.value)}})))),Z&&N.createElement("div",{className:"alarms"},N.createElement(Xr,{variant:"alarm",type:"error",title:Je.t({values:{destination:I},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}s(El,"ConfirmWalletsModal");import{calculatePendingSwap as Qd}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Vd}from"react";function Yr(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,resetQuote:r,quote:i,customDestination:a,setQuoteWarningsConfirmed:l}=P(),{slippage:p,customSlippage:u,affiliatePercent:c,affiliateRef:m,affiliateWallets:g,disabledLiquiditySources:h}=_(),{connectedWallets:w}=H(),k=v().blockchains(),y=v().tokens(),x=u||p,{fetch:f,cancelFetch:T,loading:d}=cn();return Vd(()=>T,[]),{loading:d,fetch:s(async E=>{let $=E.selectedWallets,I=E?.customDestination??a;if(!t||!e||!o||!i)return{quote:null,swap:null,error:null,warnings:null};let D=en({fromToken:t,toToken:e,inputAmount:o,wallets:w,selectedWallets:$,disabledLiquiditySources:h,slippage:x,affiliateRef:m,affiliatePercent:c,affiliateWallets:g,initialQuote:i,destination:I}),L;try{L=await f(D).then(F=>pn(F)),n(L)}catch(F){let O=un(F);return(O.error?.type===0||O.error?.type===1)&&r(),O}let Q={slippage:x.toString(),disabledSwappersGroups:h},b=Qd(o.toString(),L,qs($),Q,!1,{blockchains:k,tokens:y}),z=el(i,L,{fromToken:t,toToken:e,tokens:y,selectedWallets:$,userSlippage:x});return z.quoteUpdate&&l(!1),{quote:L,swap:b,error:null,warnings:z}},"fetch"),cancelFetch:T}}s(Yr,"useConfirmSwap");var tf=Bl("div",{position:"relative",width:"100%","& .description":{display:"flex",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10"},"& .icon":{width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}}),of=Bl("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Wl}`]:{width:"$48",height:"$48"}});function Ll(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:i,quoteWarningsConfirmed:a}=P(),l=ef(),[p,u]=xn(""),{connectedWallets:c}=H(),m=!n,[g,h]=xn(!1),w=Ce.use.setSelectedSwap(),{manager:k}=jd(),{fetch:y,loading:x,cancelFetch:f}=Yr(),[T,d]=xn({swap:null,error:null,warnings:null}),[C,E]=xn(!1),$=s(async({selectedWallets:b,customDestination:z})=>{let F=await y?.({selectedWallets:b,customDestination:z});return d(F),F},"onConfirmSwap"),I=s(async()=>{if(T.swap&&n)try{await k?.create("swap",{swapDetails:T.swap},{id:T.swap.requestId}),w(T.swap.requestId),l("/"+S.swaps+`/${T.swap.requestId}`,{replace:!0}),setTimeout(()=>{e("")},0)}catch(b){u("Error: "+b?.message)}},"addNewSwap"),D=s(async()=>{await I()},"onConfirm"),L=s(async()=>{T?.warnings?.quote&&!a?E(!0):await D()},"onStartConfirmSwap"),Q=s(async()=>{d({error:null,swap:null,warnings:null}),y({selectedWallets:o}).then(b=>{d(b)}).catch(b=>console.error(b))},"onRefresh");return vn(()=>{m&&f()},[m]),vn(()=>{m&&h(m)},[m]),vn(()=>{m||y({selectedWallets:o,customDestination:i}).then(b=>d(b)).catch(b=>console.error(b))},[]),vn(()=>{let b=T.warnings?.quote?.type&&Object.values(it).includes(T.warnings?.quote?.type),z=o.length<1||!o.every(O=>c.find(ne=>O.address===ne.address&&O.walletType===ne.walletType&&O.chain===ne.chain)),F=!1;if(b){let O=Qo(t),ne=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(V=>V.from.blockchain===ne)||(O=O.slice(-O.length,O.length-1)),O.every(V=>o.find(Z=>Z.chain===V))||(F=!0)}t&&(z||F)&&(queueMicrotask(()=>Rd(h.bind(null,!0))),r(!1))},[T.warnings?.quote,o.length,c.length]),Y.createElement(K,{header:{title:wn.t("Confirm Swap"),onBack:()=>l(-1),hasConnectWallet:!0,suffix:Y.createElement(Yd,{container:ee(),side:"bottom",content:wn.t("Settings")},Y.createElement(We,{size:"small",variant:"ghost",onClick:()=>l("/"+S.settings)},Y.createElement(Xd,{size:18,color:"black"})))},footer:Y.createElement(of,null,Y.createElement("div",{className:"confirm-button"},Y.createElement(Il,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:x,disabled:!!T.error,onClick:L},wn.t("Start Swap"))),Y.createElement(Wl,{variant:"contained",type:"primary",size:"large",loading:x,onClick:h.bind(null,!0)},Y.createElement(Zd,{size:24})))},g&&Y.createElement(El,{open:g,onClose:()=>h(!1),onCancel:f,loading:x,onCheckBalance:$}),Y.createElement(tf,null,Y.createElement("div",{className:"description"},Y.createElement(Jd,{variant:"title",size:"small"},wn.t("You get")),Y.createElement(Il,{style:{padding:"0"},variant:"ghost",disabled:x,onClick:Q},Y.createElement("div",{className:"icon"},Y.createElement(Kd,{size:16})))),p&&Y.createElement(Y.Fragment,null,Y.createElement(Al,{type:"error",variant:"alarm",title:p}),Y.createElement(Nl,{size:12})),T.warnings?.quoteUpdate&&Y.createElement(Y.Fragment,null,Y.createElement(Al,{variant:"alarm",type:"warning",title:T.warnings.quoteUpdate&&hn(T.warnings.quoteUpdate)}),Y.createElement(Nl,{size:12})),Y.createElement(ro,{quote:t,type:"swap-preview",expanded:!0,error:T.error,loading:x,warning:T.warnings?.quote??null,refetchQuote:Q,showWarningModal:C,onOpenWarningModal:()=>E(!0),onCloseWarningModal:()=>E(!1),onConfirmWarningModal:async()=>{E(!1),await I()}})))}s(Ll,"ConfirmSwapPage");import{i18n as An}from"@lingui/core";import{useManager as pf}from"@rango-dev/queue-manager-react";import{Divider as uf,NotFound as cf,styled as zl}from"@rango-dev/ui";import dt,{useState as mf}from"react";import{useNavigate as df}from"react-router-dom";import{CloseIcon as rf,IconButton as sf,SearchIcon as af,TextField as lf}from"@rango-dev/ui";import ao from"react";import{styled as nf}from"@rango-dev/ui";var Ml=nf("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function Ze(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:i,value:a,setValue:l,...p}=t;return ao.createElement(lf,{prefix:ao.createElement(Ml,null,ao.createElement(af,{color:"black"})),suffix:!!a.length&&ao.createElement(sf,{variant:"ghost",onClick:()=>l?.(""),size:"small"},ao.createElement(rf,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:i,...p})}s(Ze,"SearchInput");import{i18n as $l}from"@lingui/core";import{Divider as _l,SwapListItem as Dl,Typography as Fl}from"@rango-dev/ui";import te from"react";import{styled as bn}from"@rango-dev/ui";var Jr=bn("div",{width:"100%",display:"flex",flexDirection:"column"}),Zr=bn("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Rr=bn("div",{gap:"$10",display:"flex",flexDirection:"column"}),Pl=bn("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function ei(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,i=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return te.createElement(te.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>te.createElement(te.Fragment,{key:p.title},te.createElement(Jr,null,te.createElement(Zr,null,te.createElement(Fl,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},$l.t(p.title))),te.createElement(_l,{size:4}),te.createElement(Rr,null,p.swaps.map((u,c)=>{let m=c+p.title;return te.createElement(te.Fragment,{key:m},te.createElement(Dl,{isLoading:!0}))}))))))}return te.createElement(te.Fragment,null,i.filter(a=>a.swaps.length>0).map(a=>te.createElement(te.Fragment,{key:a.title},te.createElement(Jr,null,te.createElement(Zr,null,te.createElement(Fl,{variant:"label",size:"medium",color:"neutral600",className:"group-title"},$l.t(a.title))),te.createElement(_l,{size:4}),te.createElement(Rr,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return te.createElement(te.Fragment,{key:l.requestId},te.createElement(Dl,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:No(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:No(u.outputAmount||""),estimatedAmount:No(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}s(ei,"SwapsGroup");import Ol from"dayjs";var Ul=s(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=Ol();return t.forEach(n=>{let r=Ol(Number(n.creationTime));o.isSame(r,"day")?e.get("today")?.swaps.push(n):o.isSame(r,"month")?e.get("month")?.swaps.push(n):o.isSame(r,"year")?e.get("year")?.swaps.push(n):e.get("history")?.swaps.push(n)}),Array.from(e.values())},"groupSwapsByDate");var En=s(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");var ff=zl("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),gf=zl("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),hf=s((t,e)=>t?.length?t.filter(o=>qe(o.fromBlockchain,e)||qe(o.toBlockchain,e)||qe(o.toSymbol,e)||qe(o.fromSymbol,e)).length:!1,"isStepContainsText");function ql(){let t=Ce.use.setSelectedSwap(),e=df(),{navigateBackFrom:o}=re(),{manager:n,state:r}=pf(),i=En(n).map(({swap:g})=>g),[a,l]=mf(""),p=!r.loadedFromPersistor,u=s(g=>{let h=g.target.value;l(h)},"searchHandler"),c=i;a&&(c=i.filter(g=>qe(g.inputAmount,a)||qe(g.status,a)||hf(g.steps,a)||qe(g.requestId,a)));let m=!c?.length&&!p;return dt.createElement(K,{header:{onBack:()=>o(S.swaps),title:An.t("History")}},dt.createElement(ff,null,dt.createElement(Ze,{setValue:l,fullWidth:!0,variant:"contained",placeholder:An.t("Search Transaction"),autoFocus:!0,onChange:u,value:a}),dt.createElement(gf,null,m&&dt.createElement(Pl,null,dt.createElement(uf,{size:32}),dt.createElement(cf,{title:An.t("No results found"),description:a?An.t("Try using different keywords"):""})),!m&&dt.createElement(ei,{list:c,onSwapClick:g=>{t(g),e(`${g}`,{replace:!0})},groupBy:Ul,isLoading:p}))))}s(ql,"HistoryPage");import{i18n as Gl}from"@lingui/core";import{List as yf,ListItemButton as Sf,Radio as Cf,RadioRoot as kf,Typography as Tf}from"@rango-dev/ui";import ft from"react";import{styled as In}from"@rango-dev/ui";var Re=In("div",{height:"100%",overflow:"hidden"}),lo=In("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ti=In("div",{width:80,display:"flex",justifyContent:"flex-end"}),oi=In("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Nn(){let t=_.use.language(),e=_.use.setLanguage();return{activeLanguage:t,languages:cs,defaultLanguage:_o,changeLanguage:e}}s(Nn,"useLanguage");function Hl(){let{navigateBackFrom:t}=re(),{activeLanguage:e,changeLanguage:o,languages:n}=Nn(),r=n.map(i=>{let{local:a,label:l,SVGFlag:p}=i;return{id:a,value:a,title:ft.createElement(Tf,{variant:"title",size:"xmedium"},l),onClick:()=>o(i.local),end:ft.createElement(Cf,{value:a}),start:ft.createElement(p,null)}});return ft.createElement(K,{header:{onBack:()=>t(S.settings),title:Gl.t("Language")}},ft.createElement(Re,null,ft.createElement(kf,{value:e},ft.createElement(yf,{type:ft.createElement(Sf,{title:Gl.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}s(Hl,"LanguagePage");import{i18n as qt}from"@lingui/core";import{Button as Ef,Checkbox as Af,Image as If,ListItemButton as Nf,NotFound as Wf,Typography as Bf}from"@rango-dev/ui";import Se,{useState as Lf}from"react";import{Checkbox as xf,Skeleton as Vl}from"@rango-dev/ui";import po from"react";import{ListItem as wf,styled as vf}from"@rango-dev/ui";var Ql=vf(wf,{height:61});var bf=30;function ni(){return po.createElement(lo,null,Array.from(Array(bf),t=>po.createElement(Ql,{hasDivider:!0,key:t,start:po.createElement(Vl,{variant:"circular",width:35,height:35}),title:po.createElement(Vl,{variant:"text",size:"large",width:90}),end:po.createElement(xf,{checked:!1})})))}s(ni,"LoadingLiquiditySourceList");function ri({sourceType:t}){let e=v().fetchStatus,o=v().swappers(),[n,r]=Lf(""),i=_.use.toggleLiquiditySource(),{navigateBackFrom:a}=re(),l=Do(o),p=[];t==="Exchanges"&&p.push("DEX"),t==="Bridges"&&(p.push("BRIDGE"),p.push("AGGREGATOR"));let u=l.filter(k=>p.includes(k.type)),c=u.length===u.filter(k=>k.selected).length,m=s(()=>{u.forEach(k=>{c?i(k.groupTitle):k.selected||i(k.groupTitle)})},"toggleAllSources"),g=u.map(k=>{let{selected:y,groupTitle:x,logo:f}=k;return{start:Se.createElement(If,{src:f,size:22,type:"circular"}),onClick:()=>i(x),end:Se.createElement(Af,{checked:y}),title:Se.createElement(Bf,{variant:"title",size:"xmedium"},qt.t(x)),...k}}),h=s(k=>{let y=k.target.value;r(y)},"searchHandler"),w=g;return n&&(w=g.filter(k=>qe(k.groupTitle,n))),Se.createElement(K,{header:{onBack:()=>a(S.settings),title:qt.t(t),suffix:Se.createElement(ti,null,Se.createElement(Ef,{variant:"ghost",size:"xsmall",onClick:m},qt.t(c?"Deselect all":"Select all")))}},Se.createElement(Re,null,Se.createElement(Ze,{value:n,setValue:r,fullWidth:!0,color:"light",variant:"contained",placeholder:qt.t("Search {sourceType}",{sourceType:t}),onChange:h}),e==="loading"&&Se.createElement(ni,null),!w.length&&n?Se.createElement(oi,null,Se.createElement(Wf,{title:qt.t("No results found"),description:qt.t("Try using different keywords")})):e==="success"&&Se.createElement(lo,null,w.map(k=>Se.createElement(Se.Fragment,{key:k.id},Se.createElement(Nf,{style:{height:"61px"},...k,selected:!1,hasDivider:!0}))))))}s(ri,"LiquiditySourcePage");import{i18n as ep}from"@lingui/core";import{Divider as li,SelectableCategoryList as zf}from"@rango-dev/ui";import Et,{useState as tp}from"react";import{i18n as si}from"@lingui/core";import{Divider as Zl,Image as _f,ListItemButton as Df,NotFound as Ff,Typography as Rl}from"@rango-dev/ui";import Ne,{useEffect as Of,useState as Uf}from"react";import{BlockchainCategories as ii}from"@rango-dev/ui";import{TransactionType as Wn}from"rango-sdk";var Mf=s((t,e)=>{switch(e){case ii.ALL:return!0;case ii.UTXO:return t.type===Wn.TRANSFER;case ii.OTHER:return t.type!==Wn.TRANSFER&&t.type!==Wn.COSMOS&&t.type!==Wn.EVM;default:return t.type===e}},"filterByType"),jl=s((t,e,o)=>t.filter(n=>Mf(n,o)).filter(n=>St(n.name,e)||St(n.displayName,e)),"filterBlockchains");import{styled as Kl}from"@rango-dev/ui";var Xl=Kl("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Bn=Kl("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Pf,Skeleton as Yl}from"@rango-dev/ui";import Ln from"react";var $f=20;function Jl(){return Ln.createElement(Bn,null,Array.from(Array($f),t=>Ln.createElement(Pf,{key:t,hasDivider:!0,start:Ln.createElement(Yl,{variant:"circular",width:35,height:35}),title:Ln.createElement(Yl,{variant:"text",size:"large",width:90})})))}s(Jl,"LoadingBlockchainList");function ai(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[i,a]=Uf(e),{fetchStatus:l}=v();Of(()=>{a([...jl(e,o,r)])},[e,o,r]);let p=s(()=>!i.length&&o?Ne.createElement(Ne.Fragment,null,Ne.createElement(Zl,{size:32}),Ne.createElement(Ff,{title:si.t("No results found"),description:si.t("Try using different keywords")})):Ne.createElement(Bn,{key:`${r}-${o}`},i.map(u=>Ne.createElement(Df,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Ne.createElement(_f,{src:u.logo,size:30}),title:Ne.createElement(Rl,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Ne.createElement(Xl,null,Ne.createElement(Rl,{variant:"label",size:"large"},si.t("Select Blockchain")),Ne.createElement(Zl,{size:4}),l==="loading"&&Ne.createElement(Jl,null),l==="success"&&p())}s(ai,"BlockchainList");function pi(t){let{type:e}=t,{navigateBackFrom:o}=re(),[n,r]=tp(""),[i,a]=tp("ALL"),l=P.use.setToBlockchain(),p=P.use.setFromBlockchain(),u=v().fetchStatus,c=v().blockchains({type:e}),m=e==="source"?"fromBlockchain":"toBlockchain";return Et.createElement(K,{header:{onBack:()=>{o(S[m])},title:ep.t("Select Blockchain")}},Et.createElement(li,{size:12}),Et.createElement(zf,{setCategory:a,category:i,blockchains:c,isLoading:u==="loading"}),Et.createElement(li,{size:24}),Et.createElement(Ze,{value:n,autoFocus:!0,placeholder:ep.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:g=>r(g.target.value)}),Et.createElement(li,{size:16}),Et.createElement(ai,{list:c,searchedFor:n,blockchainCategory:i,onChange:g=>{e==="source"?p(g):l(g),o(S[m])}}))}s(pi,"SelectBlockchainPage");import{i18n as Cp}from"@lingui/core";import{Divider as kp}from"@rango-dev/ui";import Gt,{useState as rg}from"react";import{useNavigate as ig}from"react-router-dom";import{i18n as ci}from"@lingui/core";import{BlockchainsChip as Mn,Divider as ip,Image as sp,Skeleton as Vf,Typography as mi}from"@rango-dev/ui";import ge from"react";import{useEffect as Hf}from"react";var op=["ETH","COSMOS","OSMOSIS"];function np(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(qf),o?.limit&&t.length>o.limit){let i=o.limit,a=e;if(e.length<=o.limit)for(let l=0;l<o.limit;l++){let p=n[l];a=a.filter(u=>p.name!==u)}n.sort(Gf(a)),r=n.splice(i)}return{list:n,more:r}}s(np,"prepare");function qf(t,e){let o=op,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),i=n>-1,a=r>-1;return i&&a?n>r?1:-1:i?-1:a?1:0}s(qf,"sortByMostUsedBlockchains");function Gf(t){return s(function(o,n){let r=t.findIndex(p=>p===o.name),i=t.findIndex(p=>p===n.name),a=r>-1,l=i>-1;return a&&l?r>i?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}s(Gf,"generateSortByPreferredBlockchainsFor");function ui(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=_();Hf(()=>{e?.selected&&n(e?.selected)},[e?.selected]);let r=np(t,o,e);return{list:r.list,more:r.more,history:[]}}s(ui,"usePrepareBlockchainList");import{styled as Qf}from"@rango-dev/ui";var rp=Qf("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var jf=12;function di(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:i}=t,a=ui(e,{limit:10,selected:n?.name}),{fetchStatus:l}=v(),p=P.use.resetToBlockchain(),u=P.use.resetFromBlockchain(),c=a.more.length>0,m=a.more.length===1,g=!m&&c;return ge.createElement("div",null,ge.createElement(ip,{size:12}),ge.createElement(mi,{variant:"label",size:"large"},ci.t("Select Blockchain")),ge.createElement(ip,{size:12}),ge.createElement(rp,null,l==="loading"&&Array.from(Array(jf),h=>ge.createElement(Vf,{key:h,variant:"rounded",height:50})),l==="success"&&ge.createElement(ge.Fragment,null,ge.createElement(Mn,{selected:!n,onClick:()=>{o==="from"?u():p()}},ge.createElement(mi,{variant:"body",size:"xsmall",color:"secondary500"},ci.t("All"))),a.list.map(h=>ge.createElement(Mn,{key:h.name,selected:!!n&&n.name===h.name,onClick:()=>r(h)},ge.createElement(sp,{src:h.logo,size:30}))),m?ge.createElement(Mn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},ge.createElement(sp,{src:a.more[0].logo,size:30})):null,g?ge.createElement(Mn,{onClick:i,key:"more-blockchains"},ge.createElement(mi,{variant:"body",size:"xsmall",color:"secondary500"},ci._("More +{count}",{count:a.more.length}))):null)))}s(di,"BlockchainsSection");import{i18n as Si}from"@lingui/core";import{darkTheme as fp,Divider as co,ExternalLinkIcon as Yf,Image as Jf,ListItemButton as Zf,NotFound as Rf,PinIcon as eg,Skeleton as gp,Typography as mo,VirtualizedList as tg}from"@rango-dev/ui";import M,{forwardRef as og,useEffect as hp,useState as yp}from"react";var ap=s((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[i,a,l]=t.match(/.{2}/g);[i,a,l]=[parseInt(i,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],i=Math.max(Math.min(255,i),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(i.length<2?"0":"")+i,u=(a.length<2?"0":"")+a,c=(l.length<2?"0":"")+l;return`#${p}${u}${c}`},"colorShade"),Pn=s((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:ap(e,(5-l)*32)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:ap(e,-((l-5)*32))});return a},"generateRangeColors"),fi=s((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let i in o){let a=o[i];if(a&&a!==t[i])if(n=!0,i==="background"||i==="foreground")r={...r,[i]:a};else if(i==="neutral"&&e){let l=Pn(i,a);r={...r,[`${i}100`]:l[`${i}900`],[`${i}200`]:l[`${i}800`],[`${i}300`]:l[`${i}700`],[`${i}400`]:l[`${i}600`],[`${i}500`]:l[`${i}500`],[`${i}600`]:l[`${i}400`],[`${i}700`]:l[`${i}300`],[`${i}800`]:l[`${i}200`],[`${i}900`]:l[`${i}100`]}}else r={...r,...Pn(i,a)}}return n?r:{}},"generateColors");import{Divider as mp,ListItem as Xf,Skeleton as uo}from"@rango-dev/ui";import Oe from"react";import{styled as Ve,Typography as Kf}from"@rango-dev/ui";var lp=Ve("div",{display:"flex",flexDirection:"column",flexGrow:1}),gi=Ve("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),$n=Ve("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none",".description":{position:"relative",height:12,width:150,".token-title":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"},".token-address":{transform:"translateY(12px)",visibility:"hidden","& a":{fontSize:"$12",lineHeight:"$16",color:"$neutral600",textDecoration:"none"}},".token-name":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}},"&:hover":{".description":{".token-address":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},".token-address-without-name":{bottom:"-15px"},".token-name":{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},".token-title":{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),hi=Ve("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),yi=Ve(Kf,{}),pp=Ve("div",{textAlign:"right"}),_n=Ve("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),jI=Ve("div",{display:"flex",alignItems:"center"}),up=Ve("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),cp=Ve("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function dp(t){return Oe.createElement($n,null,Array.from(Array(t.size),e=>Oe.createElement(Xf,{key:e,hasDivider:!0,start:Oe.createElement(uo,{variant:"circular",width:35,height:35}),end:Oe.createElement(_n,null,Oe.createElement(uo,{variant:"text",size:"large",width:70}),Oe.createElement(mp,{size:4}),Oe.createElement(uo,{variant:"text",size:"medium",width:50})),title:Oe.createElement("div",null,Oe.createElement(uo,{variant:"text",size:"large",width:90}),Oe.createElement(mp,{size:4}),Oe.createElement(uo,{variant:"text",size:"medium",width:90}))})))}s(dp,"LoadingTokenList");var Ci=20,ng=s(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:i,customCssForTagTitle:a}=t,l=e.length;return M.createElement("div",{className:"description"},o?M.createElement("div",{className:"token-name"},o):M.createElement(gi,{className:"token-title"},M.createElement(mo,{variant:"title",size:"xmedium"},r.symbol),M.createElement(co,{direction:"horizontal",size:4}),M.createElement(hi,{css:i},M.createElement(yi,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&M.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},M.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",M.createElement(Yf,{color:"gray",size:12}))))},"renderDesc");function Sp(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[i,a]=yp(e),l=v().fetchStatus,p=v().blockchains(),[u,c]=yp(!0),m=H.use.loading(),{isTokenPinned:g}=v(),h=og((y,x)=>M.createElement("div",{...y,ref:x,style:{...y.style,height:`${parseFloat(y.style?.height)+8*2}px`}})),w=s(()=>{a(e.slice(0,i.length+Ci))},"loadNextPage");hp(()=>{c(e.length>i.length)},[i.length]),hp(()=>{a(e.slice(0,Ci))},[e]);let k=s(()=>!i.length&&o?M.createElement(M.Fragment,null,M.createElement(co,{size:32}),M.createElement(Rf,{title:Si.t("No results found"),description:Si.t("Try using different keywords")})):M.createElement(tg,{Item:({index:y,style:x})=>{let f=i[y],T=f.address||"",d=p.find(I=>I.name===f.blockchain),C=Pn(f.symbol,d?.color||""),E={$$color:C[`${f.symbol}100`],[`.${fp} &`]:{$$color:C[`${f.symbol}900`]},backgroundColor:"$$color"},$={$$color:C[`${f.symbol}700`],[`.${fp} &`]:{$$color:C[`${f.symbol}100`]},color:"$$color"};return M.createElement("div",{style:{...x,paddingRight:5}},M.createElement(Zf,{style:{height:x?.height},"tab-index":y,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(i[y]),start:M.createElement(up,null,M.createElement(Jf,{src:f.image,size:30}),g(f)&&M.createElement(cp,null,M.createElement(eg,{size:12,color:"gray"}))),title:d?.type==="COSMOS"||f.name||!f.name&&!T?M.createElement(gi,null,M.createElement(mo,{variant:"title",size:"xmedium"},f.symbol),M.createElement(co,{direction:"horizontal",size:4}),M.createElement(hi,{css:E},M.createElement(yi,{variant:"body",size:"xsmall",css:$},f.blockchain))):void 0,description:d?.info&&T&&d.type!=="COSMOS"?ng({address:T,token:i[y],customCssForTag:E,customCssForTagTitle:$,name:f.name,url:d.info.addressUrl.split("{wallet}").join(T)}):f.name||void 0,end:m?M.createElement(_n,null,M.createElement(gp,{variant:"text",size:"large",width:70}),M.createElement(co,{size:4}),M.createElement(gp,{variant:"text",size:"medium",width:50})):i[y]?.balance&&M.createElement(pp,null,M.createElement(mo,{variant:"title",size:"small"},f.balance?.amount),M.createElement("div",null),f.balance?.usdValue&&M.createElement(mo,{variant:"body",color:"neutral600",size:"xsmall"},`$${f.balance?.usdValue}`))}))},hasNextPage:u,itemCount:i.length,loadNextPage:w,innerElementType:h,size:60,key:`${r}-${o}`}),"renderList");return M.createElement(lp,null,M.createElement(mo,{variant:"label",size:"large"},Si.t("Select Token")),M.createElement(co,{size:4}),l==="loading"&&M.createElement(dp,{size:Ci}),l==="success"&&M.createElement($n,null,k()))}s(Sp,"TokenList");function ki(t){let{type:e}=t,o=ig(),{navigateBackFrom:n}=re(),{fromBlockchain:r,toBlockchain:i,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=P(),{connectedWallets:c}=H(),[m,g]=rg(""),w=(e==="source"?r:i)?.name??"",k=v().blockchains({type:e}),y=v().tokens({type:e,blockchain:w,searchFor:m}),x=rs(y,c),f=s(d=>{e==="source"?p(d):u(d)},"updateBlockchain"),T=s(d=>{e==="source"?a({token:d,meta:{blockchains:k,tokens:y}}):l({token:d,meta:{blockchains:k,tokens:y}})},"updateToken");return Gt.createElement(K,{header:{onBack:()=>n(e==="source"?S.fromSwap:S.toSwap),title:Cp.t("Swap {type}",{type:e==="source"?"from":"to"})}},Gt.createElement(di,{blockchains:k,type:e=="source"?"from":"to",blockchain:e==="source"?r:i,onMoreClick:()=>o(e==="source"?S.fromBlockchain:S.toBlockchain),onChange:d=>{f(d)}}),Gt.createElement(kp,{size:24}),Gt.createElement(Ze,{value:m,autoFocus:!0,placeholder:Cp.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>g(""),onChange:d=>g(d.target.value)}),Gt.createElement(kp,{size:16}),Gt.createElement(Sp,{list:x,selectedBlockchain:w,searchedFor:m,onChange:d=>{T(d);let C=k.find(E=>d.blockchain===E.name);C&&f(C),n(S.fromSwap)}}))}s(ki,"SelectSwapItemsPage");import{i18n as At}from"@lingui/core";import{ChevronRightIcon as vi,Divider as xi,InfoIcon as cg,List as mg,ListItemButton as dg,Skeleton as fg,Switch as gg,Tooltip as hg,Typography as It}from"@rango-dev/ui";import G from"react";import{useNavigate as yg}from"react-router-dom";import{i18n as bp}from"@lingui/core";import{Chip as ag,Divider as Ep,InfoIcon as lg,TextField as pg,Tooltip as ug,Typography as Ap}from"@rango-dev/ui";import Te from"react";import{styled as Dn}from"@rango-dev/ui";var Tp=Dn("div",{paddingTop:"$5",paddingBottom:"30px"}),wp=Dn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),vp=Dn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Fn=Dn("div",{maxWidth:"300px",padding:"$10"});import{i18n as Ti}from"@lingui/core";import{Typography as sg}from"@rango-dev/ui";import fo from"react";function xp(){return fo.createElement(Fn,null,fo.createElement(sg,{variant:"label",size:"medium",color:"neutral700"},Ti.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),fo.createElement("br",null),fo.createElement("br",null),fo.createElement("b",null,Ti.t("Warning")),":",Ti.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}s(xp,"SlippageTooltipContent");function wi(){let t=_.use.slippage(),e=_.use.setSlippage(),o=_.use.customSlippage(),n=_.use.setCustomSlippage();return Te.createElement(Tp,null,Te.createElement(vp,null,Te.createElement(Ap,{variant:"title",size:"xmedium"},bp.t("Slippage tolerance per swap")),Te.createElement(Ep,{direction:"horizontal",size:4}),Te.createElement(ug,{container:ee(),side:"top",content:Te.createElement(xp,null)},Te.createElement(lg,{color:"gray"}))),Te.createElement(wp,null,ms.map((r,i)=>{let a=`slippage-${i}`;return Te.createElement(Te.Fragment,null,Te.createElement(ag,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),Te.createElement(Ep,{direction:"horizontal",size:8}))}),Te.createElement(pg,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let i=parseFloat(r.target.value);(!i||i>=hs&&i<=gs)&&n(i)},suffix:o&&Te.createElement(Ap,{variant:"body",size:"small"},"%"),placeholder:bp.t("Custom")})))}s(wi,"Slippage");function Ip(){let t=yg(),{theme:e}=v().config,o=v().fetchStatus,n=v().swappers(),{navigateBackFrom:r}=re(),i=_.use.infiniteApprove(),a=_.use.toggleInfiniteApprove(),l=Do(n),p=l.filter(d=>d.type==="BRIDGE"||d.type==="AGGREGATOR"),u=p.length,c=p.filter(d=>d.selected).length,m=l.filter(d=>d.type==="DEX"),g=m.length,h=m.filter(d=>d.selected).length,w=s((d,C)=>{switch(o){case"loading":return G.createElement(fg,{variant:"text",size:"medium",width:50});case"failed":return G.createElement(It,{variant:"body",size:"medium",color:"$error500"},At.t("Loading failed"));default:return G.createElement(It,{variant:"body",size:"medium"},`${d} / ${C}`)}},"handleEndItem"),k={id:"bridge-item",title:G.createElement(It,{variant:"title",size:"xmedium"},At.t("Enabled bridges")),end:G.createElement(G.Fragment,null,w(c,u),G.createElement(xi,{direction:"horizontal",size:8}),G.createElement(vi,{color:"black"})),onClick:()=>t(S.bridges)},y={id:"exchange-item",title:G.createElement(It,{variant:"title",size:"xmedium"},At.t("Enabled exchanges")),end:G.createElement(G.Fragment,null,w(h,g),G.createElement(xi,{direction:"horizontal",size:8}),G.createElement(vi,{color:"gray"})),onClick:()=>t(S.exchanges)},x={id:"theme-item",title:G.createElement(It,{variant:"title",size:"xmedium"},At.t("Theme")),end:G.createElement(vi,{color:"gray"}),onClick:()=>t(S.themes)},f={id:"infinite-approval-item",title:G.createElement(G.Fragment,null,G.createElement(It,{variant:"title",size:"xmedium"},At.t("Infinite Approval")),G.createElement(xi,{direction:"horizontal",size:4}),G.createElement(hg,{side:"top",container:ee(),content:G.createElement(Fn,null,G.createElement(It,{variant:"label",size:"medium",color:"neutral700"},At.t("Enabling the 'Infinite Approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},G.createElement(cg,{color:"gray"}))),end:G.createElement(gg,{checked:i}),onClick:a},T=[k,y];return e?.singleTheme||T.push(x),T.push(f),G.createElement(K,{header:{onBack:()=>r(S.settings),title:At.t("Setting")}},G.createElement(Re,null,G.createElement(wi,null),G.createElement(mg,{type:G.createElement(dg,{title:"_",id:"_",onClick:()=>console.log()}),items:T})))}s(Ip,"SettingsPage");import{cancelSwap as ch}from"@rango-dev/queue-manager-rango-preset";import{useManager as mh}from"@rango-dev/queue-manager-react";import su from"react";import{i18n as et}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Vg,getCurrentStep as jg,getRelatedWalletOrNull as Kg,PendingSwapNetworkStatus as Kn}from"@rango-dev/queue-manager-rango-preset";import{Button as Zp,CopyIcon as Xg,Divider as Yg,IconButton as Jg,QuoteCost as Zg,StepDetails as Rg,Typography as Qt,useCopyToClipboard as eh}from"@rango-dev/ui";import{useWallets as th}from"@rango-dev/wallets-react";import X,{useEffect as Rp,useRef as oh,useState as eu}from"react";import{useNavigate as nh}from"react-router-dom";import{i18n as we}from"@lingui/core";var Sg=1e3,Cg=31536e3,kg=2592e3,Tg=86400,wg=3600,vg=60;function Np(t){let e=Math.floor((Date.now()-t)/Sg),n=[{turningPoint:Cg,label:we.t("year"),pluralLabel:we.t("years")},{turningPoint:kg,label:we.t("month"),pluralLabel:we.t("months")},{turningPoint:Tg,label:we.t("day"),pluralLabel:we.t("days")},{turningPoint:wg,label:we.t("hour"),pluralLabel:we.t("hours")},{turningPoint:vg,label:we.t("minute"),pluralLabel:we.t("minutes")}].sort((r,i)=>i.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:i,label:a,pluralLabel:l}=r,p=Math.floor(e/i);if(p>1)return`${p} ${l}`;if(p===1)return`${p} ${a}`}return e>1?`${e} ${we.t("seconds")}`:`${e} ${we.t("second")}`}s(Np,"timeSince");function Wp(t){return t.finishTime?we.t({id:"{time} ago",values:{time:Np(parseInt(t.finishTime))}}):we.t({id:"{time} ago",values:{time:Np(parseInt(t.creationTime))}})}s(Wp,"getSwapDate");import{PendingSwapNetworkStatus as zn}from"@rango-dev/queue-manager-rango-preset";import{Modal as Wg}from"@rango-dev/ui";import qn from"react";import{i18n as On}from"@lingui/core";import{Button as Bp,Divider as bi,MessageBox as xg,Typography as Lp}from"@rango-dev/ui";import je from"react";var Mp=s(({onCancel:t,onClose:e})=>je.createElement(je.Fragment,null,je.createElement(bi,{size:20}),je.createElement(xg,{type:"error",title:On.t("Transaction Cancel"),description:On.t("Are you sure you want to Cancel this swap?")}),je.createElement(bi,{size:32}),je.createElement(Bp,{variant:"contained",type:"primary",size:"large",onClick:t},je.createElement(Lp,{variant:"title",size:"medium",color:"neutral100"},On.t("Yes, Cancel it"))),je.createElement(bi,{size:12}),je.createElement(Bp,{variant:"outlined",type:"primary",size:"large",onClick:e},je.createElement(Lp,{variant:"title",size:"medium",color:"primary"},On.t("No, Continue")))),"CancelContent");import{i18n as Un}from"@lingui/core";import{Button as Pp,Divider as Ei,MessageBox as bg,Typography as $p}from"@rango-dev/ui";import Ke from"react";var _p=s(({onDelete:t,onClose:e})=>Ke.createElement(Ke.Fragment,null,Ke.createElement(Ei,{size:20}),Ke.createElement(bg,{type:"error",title:Un.t("Delete Transaction"),description:Un.t("Are you sure you want to delete this swap?")}),Ke.createElement(Ei,{size:32}),Ke.createElement(Pp,{variant:"contained",type:"primary",size:"large",onClick:t},Ke.createElement($p,{variant:"title",size:"medium",color:"neutral100"},Un.t("Yes, Delete it"))),Ke.createElement(Ei,{size:12}),Ke.createElement(Pp,{variant:"outlined",type:"primary",size:"large",onClick:e},Ke.createElement($p,{variant:"title",size:"medium",color:"primary"},Un.t("No, Cancel")))),"DeleteContent");import{i18n as Ai}from"@lingui/core";import{PendingSwapNetworkStatus as Ii}from"@rango-dev/queue-manager-rango-preset";var Ni={[Ii.WaitingForNetworkChange]:{type:"loading",title:Ai.t("Change Network")},[Ii.WaitingForConnectingWallet]:{type:"warning",title:Ai.t("Connect Wallet")},[Ii.NetworkChanged]:{type:"success",title:Ai.t("Network Changed")}};import{MessageBox as Ag,Wallet as Ig,WalletState as Fp}from"@rango-dev/ui";import{useWallets as Ng}from"@rango-dev/wallets-react";import go from"react";import{styled as Eg}from"@rango-dev/ui";var Dp=Eg("div",{display:"flex",justifyContent:"center"});var Op=s(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:i}=t,{connect:a,getWalletInfo:l,state:p}=Ng(),u=n?.walletType,m=u&&p(u).connected?Fp.CONNECTED:Fp.DISCONNECTED;return go.createElement(go.Fragment,null,go.createElement(Ag,{type:e,title:o,description:r}),i&&u&&go.createElement(Dp,null,go.createElement(Ig,{container:ee(),title:l(u).name,image:l(u).img,type:u,state:m,onClick:async()=>a(u)})))},"WalletStateContent");function Wi(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:i,message:a}=t,l=e===zn.WaitingForNetworkChange||e===zn.WaitingForConnectingWallet||e===zn.NetworkChanged;return qn.createElement(Wg,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&qn.createElement(Op,{type:Ni[e].type,title:Ni[e].title,currentStepWallet:i,message:a,showWalletButton:e!==zn.WaitingForNetworkChange}),e==="delete"&&qn.createElement(_p,{onClose:o,onDelete:n}),e==="cancel"&&qn.createElement(Mp,{onClose:o,onCancel:r}))}s(Wi,"SwapDetailsModal");import{i18n as ho}from"@lingui/core";import{Button as Bi,Divider as Gn,MessageBox as Up,Modal as Bg,TokenAmount as Lg,Typography as Hn}from"@rango-dev/ui";import ce from"react";import{useNavigate as Mg}from"react-router-dom";function Li(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:i,token:a,chain:l,percentageChange:p,description:u,diagnosisUrl:c}=t,m=Mg();return ce.createElement(Bg,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ce.createElement(Up,{type:"success",title:ho.t("Swap Successful")},ce.createElement(Lg,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:i},token:a,chain:l,percentageChange:p}),ce.createElement(Gn,{size:12}),ce.createElement(Hn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):ce.createElement(Up,{type:"error",title:ho.t("Transaction Failed"),description:u}),ce.createElement(Gn,{size:32}),n==="success"&&ce.createElement(Bi,{variant:"contained",type:"primary",size:"large",onClick:()=>m(S.home)},ce.createElement(Hn,{variant:"title",size:"medium",color:"neutral100"},ho.t("Done"))),ce.createElement(Gn,{size:12}),c&&ce.createElement(ce.Fragment,null,ce.createElement(Bi,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(c,"_blank")},ce.createElement(Hn,{variant:"title",size:"medium",color:"primary"},ho.t("Diagnosis"))),ce.createElement(Gn,{size:12})),ce.createElement(Bi,{variant:"outlined",type:"primary",size:"large",onClick:o},ce.createElement(Hn,{variant:"title",size:"medium",color:"primary"},ho.t("See Details"))))}s(Li,"SwapDetailsCompleteModal");import Hg from"react";import{i18n as Ug}from"@lingui/core";import{Alert as Vp,IconButton as zg,LinkIcon as qg}from"@rango-dev/ui";import gt,{Fragment as Gg}from"react";import{Alert as Pg,ChevronDownIcon as $g,ChevronUpIcon as _g,IconButton as Dg}from"@rango-dev/ui";import Qn,{useState as Fg}from"react";function zp(t){let{message:e}=t,[o,n]=Fg(!1);return Qn.createElement(Pg,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Qn.createElement(Dg,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Qn.createElement(_g,{size:12,color:"gray"}):Qn.createElement($g,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}s(zp,"FailedAlert");import{styled as Og}from"@rango-dev/ui";var qp=Og("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Gp}from"@lingui/core";import{PendingSwapNetworkStatus as Mi}from"@rango-dev/queue-manager-rango-preset";import{Alert as Pi,Button as Hp}from"@rango-dev/ui";import yo from"react";function Qp(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?yo.createElement(Pi,{type:"warning",title:n.shortMessage,action:yo.createElement(Hp,{size:"xxsmall",type:"warning",onClick:()=>{o(Mi.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},Gp.t("Change"))}):r===Mi.WaitingForConnectingWallet?yo.createElement(Pi,{type:"warning",title:n.shortMessage,action:yo.createElement(Hp,{size:"xxsmall",type:"warning",onClick:()=>{o(Mi.WaitingForConnectingWallet)}},Gp.t("Connect"))}):yo.createElement(Pi,{type:"warning",title:n.shortMessage})}s(Qp,"WarningAlert");function $i(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:i,hasAlreadyProceededToSign:a}=t,l=Jt(i),p=i.status==="waitingForApproval"&&!l,u=i.status==="running"&&!l;return gt.createElement(qp,null,i.explorerUrl?.map((c,m,g)=>{let h=m+c.url,w=m===g.length-1,k=w&&u||p,y=w&&i.status==="failed";return gt.createElement(Gg,{key:h},gt.createElement(Vp,{type:k&&"loading"||y&&"error"||"success",title:c.description?`${c.description} Tx`:Ug.t("View transaction"),action:c.url&&gt.createElement(zg,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},gt.createElement(qg,{size:16}))}))}),(u&&!a||p&&!i.explorerUrl?.length)&&gt.createElement(Vp,{type:"loading",title:r.shortMessage}),i.status!=="failed"&&l&&gt.createElement(Qp,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),i.status==="failed"&&gt.createElement(zp,{message:r}))}s($i,"SwapDetailsAlerts");var jp=2e3;var Kp=s(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,i)=>{let a=i===0?t.inputAmount:t.steps[i-1].outputAmount;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:fr(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:W(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:fr(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:W(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:Hg.createElement($i,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function Xp(t){if(Jt(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}s(Xp,"getStepState");import{darkTheme as Qg,styled as Ht}from"@rango-dev/ui";var Vn=Ht("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1,"& .row":{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${Qg} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"},"& .request-id":{display:"flex",justifyContent:"center",alignItems:"center",height:"$24"},"& .output":{display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"},"& .title-steps":{textAlign:"left",width:"100%",padding:"0 $20 $10"}}),jn=Ht("div",{width:"100%"}),Yp=Ht("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),WB=Ht("div",{display:"flex",flexDirection:"column",gap:"$10"}),Jp=Ht("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),BB=Ht("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function _i(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:i,connect:a,getWalletInfo:l}=th(),p=v().blockchains(),u=v().tokens(),c=P.use.retry(),m=nh(),{navigateBackFrom:g}=re(),[h,w]=eh(jp),k=oh(null),[y,x]=eu(null),[f,T]=eu(null),d=s(()=>{r(),x(null)},"onCancel"),C=Ie.use.getUnreadNotifications(),E=Ie.use.setAsRead(),$=C(),I=jg(e),D=I?.networkStatus;Rp(()=>{$.find(me=>me.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(T(e.status),E(e.requestId))},[e.status]),Rp(()=>{ne?x(Kn.WaitingForNetworkChange):D===Kn.WaitingForConnectingWallet||D===Kn.NetworkChanged?x(D):x(null)},[D]);let L=js(e),Q=I?Vg(e,I):null,b=I?Kg(e,I):null,z=Wp(e),F=Ks(e),O=s(ae=>!!l(ae)?.mobileWallet,"isMobileWallet"),ne=D===Kn.WaitingForNetworkChange&&!!Q&&!!b?.walletType&&(O(b.walletType)||i(b.walletType,Q)),Ue=ne?a.bind(null,b.walletType,Q):void 0,ot=Vs(e,I),V=Kp({swap:e,switchNetwork:Ue,showNetworkModal:D,setNetworkModal:x,message:ot,blockchains:p}),Z=V.length,[nt,rt]=[e.steps[0],e.steps[Z-1]],ht=rt.outputAmount||rt.expectedOutputAmountHumanReadable,Jn=e.steps.reduce((ae,me)=>ae+parseFloat(me.feeInUsd||""),0),xo=e.steps.find(ae=>ae.diagnosisUrl)?.diagnosisUrl,jt=W(String(parseFloat(W(ht,6,6))*(Lo(rt.toBlockchain,rt.toSymbol,rt.toSymbolAddress,u)||0)),4,4),U=W(String(parseFloat(e.inputAmount)*(Lo(nt.fromBlockchain,nt.fromSymbol,nt.fromSymbolAddress,u)||0)),4,4),j=Pt(U,jt),R=e.status==="success"?et.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:W(ht,6,6),token:V[Z-1].to.token.displayName,conciseAddress:Po(e.wallets[V[Z-1].to.chain.displayName]?.address||""),chain:V[Z-1].to.chain.displayName}}):`${et.t("Transaction was not sent.")} ${L?et.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:L.outputAmount,symbol:L.symbol,blockchain:L.blockchain}}):""}`;return X.createElement(K,{noPadding:!0,header:{title:et.t("Swap and Bridge"),onBack:()=>g(S.swapDetails),onCancel:e.status==="running"?()=>x("cancel"):void 0,suffix:e.status!=="running"&&X.createElement(Lt,null,X.createElement(Zp,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>x("delete")},X.createElement(Qt,{size:"medium",variant:"label",color:"error"},et.t("Delete"))))},footer:F&&!f&&X.createElement(Zp,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{c(e,{blockchains:p,tokens:u}),setTimeout(()=>{m(S.home)},0)}},et.t("Try again"))},X.createElement(Vn,null,X.createElement(jn,null,X.createElement("div",{className:"row"},X.createElement(Qt,{variant:"label",size:"large",color:"neutral700"},`${et.t("Request ID")}:`),X.createElement("div",{className:"request-id"},X.createElement(Qt,{variant:"label",size:"small",color:"neutral700"},o),X.createElement(Jg,{variant:"ghost",onClick:w.bind(null,o||"")},X.createElement(Xg,{size:16,color:"gray"})))),X.createElement("div",{className:"row"},X.createElement(Qt,{variant:"label",size:"large",color:"neutral700"},`${et.t("Created at")}:`),X.createElement(Qt,{variant:"label",size:"small",color:"neutral700"},z))),X.createElement("div",{className:"output"},X.createElement(Zg,{fee:W(String(Jn),2,2),time:Ao(Io(e.steps)),steps:Z}),X.createElement(Rt,{from:{price:{value:W(e.inputAmount,6,6),usdValue:U},token:{displayName:V[0].from.token.displayName,image:V[0].from.token.image},chain:{image:V[0].from.chain.image,displayName:V[0].from.chain.displayName}},to:{price:{value:W(ht,6,6),usdValue:jt},token:{displayName:V[Z-1].to.token.displayName,image:V[Z-1].to.token.image},chain:{image:V[Z-1].to.chain.image,displayName:V[Z-1].to.chain.displayName}},percentageChange:W(String(j),2,2),warningLevel:Xe(j??0)})),X.createElement("div",{className:"title-steps"},X.createElement(Qt,{variant:"title",size:"small"},et.t("Swaps steps"))),X.createElement(Yg,{size:8}),X.createElement(Yp,{ref:k},V.map((ae,me)=>{let ze=me,yt=Xp(e.steps[me]),Kt=yt==="error"||yt==="in-progress"||yt==="warning"||yt==="completed"&&me===V.length-1;return X.createElement(Rg,{key:ze,step:ae,type:"swap-progress",ref:k,state:yt,hasSeparator:me!==0,tabIndex:ze,isFocused:Kt})}))),X.createElement(Wi,{state:y,onClose:()=>x(null),onCancel:d,onDelete:n,message:ot.detailedMessage.content,currentStepWallet:b}),X.createElement(Li,{open:!!f,diagnosisUrl:xo,onClose:()=>T(null),status:e.status==="success"?"success":"failed",priceValue:W(ht,6,6),usdValue:jt,percentageChange:W(String(j),2,2),token:{displayName:V[Z-1].to.token.displayName,image:V[Z-1].to.token.image},chain:{image:V[Z-1].to.chain.image},description:R}))}s(_i,"SwapDetails");import{i18n as wo}from"@lingui/core";import{CopyIcon as lh,IconButton as ph,NotFound as uh,Skeleton as ru,Typography as Yn}from"@rango-dev/ui";import pe from"react";import{i18n as ih}from"@lingui/core";import{ChainToken as sh,Divider as Fi,Skeleton as To,Typography as ah}from"@rango-dev/ui";import J from"react";import{styled as Di}from"@rango-dev/ui";var tu=Di("div",{width:"100%",height:"100%",padding:"$0 $20",".cost":{paddingTop:"$15",display:"flex"},".quote-summary":{padding:"$15 $0"},".quote-summary-item":{display:"flex",justifyContent:"space-between",alignItems:"center"},".token-amount":{display:"flex",justifyContent:"space-between",alignItems:"center"},".quote-summary-separator":{width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"},".swaps-steps":{paddingBottom:"$10"}}),ou=Di("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15",".step-title":{display:"flex",justifyContent:"start",alignItems:"center"},".step-tokens":{paddingTop:"$5",display:"flex",alignItems:"center"},".step-token-info":{display:"flex",alignItems:"center"},".step-icon-container":{padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"},".extra-info":{display:"flex",paddingTop:"$10",paddingBottom:"$5"}}),Xn=Di("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as nu,Divider as So,NextIcon as rh,Skeleton as Co}from"@rango-dev/ui";import le from"react";function ko(t){let{extraInfo:e}=t;return le.createElement(ou,null,le.createElement("div",{className:"step-title"},le.createElement(Co,{height:28,width:28,variant:"circular"}),le.createElement(So,{direction:"horizontal",size:8}),le.createElement(Co,{height:15,width:148,variant:"rounded"})),le.createElement("div",{className:"step-tokens"},le.createElement(So,{direction:"horizontal",size:20}),le.createElement("div",{className:"step-token-info"},le.createElement(nu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(So,{direction:"horizontal",size:8}),le.createElement(Co,{height:12,width:76,variant:"rounded"})),le.createElement("div",{className:"step-icon-container"},le.createElement(rh,{color:"gray",size:16})),le.createElement("div",{className:"step-token-info"},le.createElement(nu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(So,{direction:"horizontal",size:8}),le.createElement(Co,{height:12,width:76,variant:"rounded"}))),e&&le.createElement("div",{className:"extra-info"},le.createElement(So,{direction:"horizontal",size:20}),le.createElement(Co,{height:22,width:297,variant:"rectangular"})))}s(ko,"LoadingSwapDetailStep");function Oi(){let t=J.createElement("div",{className:"quote-summary-item"},J.createElement("div",{className:"token-amount"},J.createElement(sh,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),J.createElement(Fi,{size:8,direction:"horizontal"}),J.createElement(To,{height:15,width:148,variant:"rounded"})),J.createElement(To,{height:12,width:64,variant:"rounded"}));return J.createElement(tu,null,J.createElement("div",{className:"cost"},J.createElement(To,{width:60,height:10,variant:"rounded"}),J.createElement(Fi,{size:4,direction:"horizontal"}),J.createElement(To,{width:60,height:10,variant:"rounded"}),J.createElement(Fi,{size:4,direction:"horizontal"}),J.createElement(To,{width:60,height:10,variant:"rounded"})),J.createElement("div",{className:"quote-summary"},t,J.createElement("div",{className:"quote-summary-separator"}),t),J.createElement("div",{className:"swaps-steps"},J.createElement(ah,{variant:"title",size:"small"},ih.t("Swaps steps"))),J.createElement("div",{className:"step-container"},J.createElement(ko,{extraInfo:!0}),J.createElement(Xn,null),J.createElement(ko,null),J.createElement(Xn,null),J.createElement(ko,null),J.createElement(Xn,null),J.createElement(ko,null)))}s(Oi,"LoadingSwapDetails");function iu(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=re();return pe.createElement(K,{noPadding:!0,header:{title:wo.t("Swap and Bridge"),onBack:()=>n(S.swapDetails),suffix:pe.createElement(Lt,null)}},o&&pe.createElement(Vn,null,pe.createElement(jn,null,pe.createElement("div",{className:"row"},pe.createElement(Yn,{variant:"label",size:"large",color:"neutral700"},`${wo.t("Request ID")}:`),pe.createElement("div",{className:"request-id"},pe.createElement(Yn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(ru,{width:60,height:10,variant:"rounded"})),pe.createElement(ph,{variant:"ghost"},pe.createElement(lh,{size:16,color:"gray"})))),pe.createElement("div",{className:"row"},pe.createElement(Yn,{variant:"label",size:"large",color:"neutral700"},`${wo.t("Created at")}:`),pe.createElement(Yn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(ru,{width:60,height:10,variant:"rounded"})))),pe.createElement(Oi,null)),!o&&pe.createElement(Jp,null,pe.createElement(uh,{title:wo.t("Not found"),description:wo.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}s(iu,"SwapDetailsPlaceholder");function au(){let{manager:t,state:e}=mh(),o=!e.loadedFromPersistor,n=En(t),r=Ce.use.selectedSwapRequestId(),{navigateBackFrom:i}=re(),{fetchStatus:a}=v(),l=o||a==="loading",p=n.find(({swap:g})=>g.requestId===r),u=s(()=>{if(p?.id){let g=t?.get(p.id);g&&ch(g)}},"onCancel"),c=s(async()=>{if(p?.id)try{await t?.deleteQueue(p.id),i(S.swapDetails)}catch(g){console.log(g)}},"onDelete"),m=p?.swap;return!m||l?su.createElement(iu,{requestId:r||"",showSkeleton:l}):su.createElement(_i,{swap:m,requestId:r||"",onCancel:u,onDelete:c})}s(au,"SwapDetailsPage");import{i18n as vo}from"@lingui/core";import{AutoThemeIcon as dh,DarkModeIcon as fh,LightModeIcon as gh,List as hh,ListItemButton as yh,Radio as Ui,RadioRoot as Sh,Typography as zi}from"@rango-dev/ui";import ve from"react";function lu(){let{navigateBackFrom:t}=re(),e=_.use.theme(),o=_.use.setTheme(),n=[{id:"light",value:"light",title:ve.createElement(zi,{variant:"title",size:"xmedium"},vo.t("Light")),onClick:()=>o("light"),start:ve.createElement(gh,{color:"gray"}),end:ve.createElement(Ui,{value:"light"})},{id:"dark",value:"dark",title:ve.createElement(zi,{variant:"title",size:"xmedium"},vo.t("Dark")),onClick:()=>o("dark"),start:ve.createElement(fh,{color:"gray"}),end:ve.createElement(Ui,{value:"dark"})},{id:"auto",value:"auto",title:ve.createElement(zi,{variant:"title",size:"xmedium"},vo.t("Auto")),onClick:()=>o("auto"),start:ve.createElement(dh,{color:"gray"}),end:ve.createElement(Ui,{value:"auto"})}];return ve.createElement(K,{header:{onBack:()=>t(S.settings),title:vo.t("Theme")}},ve.createElement(Re,null,ve.createElement(Sh,{onValueChange:r=>o(r),value:e},ve.createElement(hh,{type:ve.createElement(yh,{title:vo.t("Theme"),id:"_",onClick:()=>console.log()}),items:n}))))}s(lu,"ThemePage");var kh=s(t=>t.replace("/",""),"getAbsolutePath");function pu(){return Ch([{path:S.home,element:xe.createElement(mn,null)},{path:S.fromSwap,element:xe.createElement(ki,{type:"source"})},{path:S.toSwap,element:xe.createElement(ki,{type:"destination"})},{path:S.fromBlockchain,element:xe.createElement(pi,{type:"source"})},{path:S.toBlockchain,element:xe.createElement(pi,{type:"destination"})},{path:S.settings,element:xe.createElement(Ip,null)},{path:S.themes,element:xe.createElement(lu,null)},{path:S.languages,element:xe.createElement(Hl,null)},{path:S.exchanges,element:xe.createElement(ri,{sourceType:"Exchanges"})},{path:S.bridges,element:xe.createElement(ri,{sourceType:"Bridges"})},{path:S.swaps,element:xe.createElement(ql,null)},{path:S.swapDetails,element:xe.createElement(au,null)},{path:S.wallets,element:xe.createElement(gl,null)},{path:kh(S.confirmSwap),element:xe.createElement(Ll,null)}])}s(pu,"AppRoutes");import{isApprovalTX as Th,MainEvents as cu,RouteEventType as mu,StepEventType as Vt,StepExecutionEventStatus as wh,useEvents as vh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as du}from"react";import{StepExecutionBlockedEventStatus as qi}from"@rango-dev/queue-manager-rango-preset";var uu=[qi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,qi.WAITING_FOR_NETWORK_CHANGE,qi.WAITING_FOR_WALLET_CONNECT];function fu(){let t=v().tokens(),e=H.use.connectedWallets(),o=H.use.getWalletsDetails(),n=Ie.use.setNotification(),r=Ie.use.setAsRead(),i=vh();return du(()=>(i.on(cu.StepEvent,a=>{let{event:l,step:p,route:u}=a;if(l.type===Vt.TX_EXECUTION&&l.status===wh.TX_SENT&&!Th(p)||l.type===Vt.SUCCEEDED){let m=e.find(h=>h.chain===p?.fromBlockchain),g=p?.fromBlockchain!==p?.toBlockchain&&e.find(h=>h.chain===p?.toBlockchain);m&&o([m],t),g&&o([g],t)}l.type===Vt.TX_EXECUTION_BLOCKED&&uu.includes(l.status)||l.type===Vt.FAILED?n(l,u):(l.type===Vt.TX_EXECUTION||l.type===Vt.CHECK_STATUS)&&r(u.requestId)}),()=>i.all.clear()),[i,e.length]),du(()=>(i.on(cu.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===mu.FAILED||l.type===mu.SUCCEEDED)&&n(l,p)}),()=>i.all.clear()),[i,e.length]),null}s(fu,"WidgetEvents");import{globalCss as xh}from"@rango-dev/ui";var gu=s(()=>xh({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");import{createTheme as Hi,darkTheme as Nh,lightTheme as Wh}from"@rango-dev/ui";import{useEffect as Su,useState as Bh}from"react";import{theme as Ah,darkColors as Ih}from"@rango-dev/ui";var hu=s(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),bh=s(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=hu(o%52)+e;return hu(o%52)+e},"toAlphabeticName"),Eh=s((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Gi=s(t=>bh(Eh(5381,JSON.stringify(t))>>>0),"toHash");function yu(t){let e=Ah.colors,o=fi({...e,...Ih},!0,t?.dark),n=fi(e,!1,t?.light),r=Object.keys(o).length>0,i=Object.keys(n).length>0,a,l;if(i){let p={colors:n};a={id:`${Rn}-light-${Gi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${Rn}-dark-${Gi(p)}`,tokens:p}}return{light:a,dark:l}}s(yu,"customizedThemeTokens");function Cu(t){let{colors:e,fontFamily:o=Xi,borderRadius:n=ji,secondaryBorderRadius:r=Ki,mode:i="auto"}=t,[a,l]=Bh("light"),p=_.use.theme(),u=_.use.setTheme(),{dark:c,light:m}=yu(e),g=Hi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),h=[g.className,Wh.className],w=[g.className,Nh.className];if(m){let y=Hi(m.id,m.tokens);h.push(y.className)}if(c){let y=Hi(c.id,c.tokens);w.push(y.className)}return Su(()=>{let y=s(x=>{x.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",y),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",y)}},[]),Su(()=>{i!=="auto"&&u(i)},[i]),{activeTheme:s(()=>{let y=h.join(" "),x=w.join(" ");return p==="auto"?a==="dark"?x:y:p==="dark"?x:y},"getActiveTheme")}}s(Cu,"useTheme");import{checkWaitingForNetworkChange as Lh,makeQueueDefinition as Mh}from"@rango-dev/queue-manager-rango-preset";import{Provider as Ph}from"@rango-dev/queue-manager-react";import{useWallets as $h}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as _h}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Dh}from"rango-types";import Fh,{useMemo as Oh}from"react";function Uh(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:i,getWalletInfo:a}=$h(),l=Oh(()=>Mh({API_KEY:bo("API_KEY")}),[]),p=v().blockchains(),c={blockchains:H.use.connectedWallets().map(f=>({accounts:[f],name:f.chain}))},m=s(async(f,T)=>{if(i(f,T))return r(f,T)},"switchNetwork"),g=s(f=>!!a(f).mobileWallet,"isMobileWallet"),h=p.filter(f=>f.enabled).reduce((f,T)=>(f[T.name]=T,f),{}),w=p.filter(Dh),k=s(f=>{let{supportedChains:T}=a(f);return Wo(T)},"getSupportedChainNames"),y=e(),x={meta:{blockchains:h,evmBasedChains:w,evmNetworkChainInfo:_h(w),getSupportedChainNames:k},getSigners:o,wallets:c,providers:y,switchNetwork:m,canSwitchNetworkTo:i,connect:r,state:n,isMobileWallet:g};return Fh.createElement(Ph,{queuesDefs:[l],context:x,onPersistedDataLoaded:f=>{Lh(f)},isPaused:!1},t.children)}s(Uh,"QueueManager");var ku=Uh;var Qh=qh("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit",listStyleType:"none"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"}});function vu(){gu();let{fetch:t,config:e}=v(),{activeTheme:o}=Cu(e?.theme||{}),{activeLanguage:n,changeLanguage:r}=Nn(),[i,a]=wu(""),[l,p]=wu(),u=Gh(ir);return Hh(()=>{e?.apiKey&&Vi({API_KEY:e?.apiKey})},[e]),Tu(()=>{t().catch(),_.persist.rehydrate(),Ie.persist.rehydrate(),u.onConnectWallet(a)},[]),Tu(()=>{e?.language&&r(e.language)},[e?.language]),tt.createElement(zh,{language:n},tt.createElement(Qh,{id:"swap-container",className:o()},tt.createElement(ku,null,tt.createElement(fu,null),tt.createElement(sl,{lastConnectedWallet:i,disconnectedWallet:l,clearDisconnectedWallet:()=>{p(void 0)}},tt.createElement(pu,null)))))}s(vu,"Main");function Vh(t){return t.config?.externalWallets?tt.createElement(vu,null):tt.createElement(sr,{config:t.config??tr,providers:t.config?.wallets,options:{walletConnectProjectId:t.config?.walletConnectProjectId}},tt.createElement(vu,null))}s(Vh,"Widget");export{TP as MainEvents,wP as RouteEventType,vP as StepEventType,xP as StepExecutionBlockedEventStatus,bP as StepExecutionEventStatus,Vh as Widget,sr as WidgetWallets,vl as useWallets,EP as useWidgetEvents};
 //# sourceMappingURL=index.js.map