@rango-dev/widget-embedded 0.17.1-next.21 → 0.17.1-next.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- var Uu=Object.defineProperty;var s=(t,e)=>Uu(t,"name",{value:e,configurable:!0});import{MainEvents as Z$,RouteEventType as R$,StepEventType as eP,StepExecutionBlockedEventStatus as tP,StepExecutionEventStatus as oP,useEvents as nP}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Va}from"@rango-dev/wallets-react";import{Events as sr,Provider as fc}from"@rango-dev/wallets-react";import{isEvmBlockchain as gc}from"rango-sdk";import Oo,{createContext as hc,useEffect as yc,useRef as Sc}from"react";import{useEffect as tc}from"react";import{create as Zu}from"zustand";import{subscribeWithSelector as Ru}from"zustand/middleware";import{RangoClient as Ou}from"rango-sdk";var Ao="c6381a79-2817-4602-83bf-6a641a409e32",Zi="https://api.rango.exchange";var tr={API_KEY:Ao};function Wt(t){return tr[t]||""}s(Wt,"getConfig");function Ri(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),tr=e,tr}s(Ri,"initConfig");var es=20,ts=25,os="Roboto",or="theme-widget";var Io,Nt=s(()=>Io||(Io=new Ou(Wt("API_KEY"),Wt("BASE_URL")),Io),"httpService");import{WalletState as Ke}from"@rango-dev/ui";import{readAccountAddress as Gu}from"@rango-dev/wallets-react";import{detectInstallLink as Qu,getCosmosExperimentalChainInfo as Hu,isEvmAddress as Vu,KEPLR_COMPATIBLE_WALLETS as By,Networks as is}from"@rango-dev/wallets-shared";import Bo from"bignumber.js";import{isCosmosBlockchain as ju}from"rango-types";import zu from"bignumber.js";var ke=new zu(0);import{WalletTypes as qu}from"@rango-dev/wallets-shared";var ns=[qu.LEAP];import{BigNumber as rs}from"bignumber.js";var Wo=s(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),A=s((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new rs(t),r=1,i=1e3;for(let a=0;a<60;a++)if(new rs(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 No=s(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var je=s((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Xt=s(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function Lo(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(Lo,"limitDecimalPlaces");function Ku(t){switch(!0){case t.connected:return Ke.CONNECTED;case t.connecting:return Ke.CONNECTING;case!t.installed:return Ke.NOT_INSTALLED;default:return Ke.DISCONNECTED}}s(Ku,"mapStatusToWalletState");function ss(t,e,o,n){return o.filter(r=>!ns.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(m=>m.name===n):!0}).map(r=>{let{name:i,img:a,installLink:l}=e(r),p=Ku(t(r));return{title:i,image:a,link:Qu(l),state:p,type:r}})}s(ss,"mapWalletTypesToWalletInfo");function Mo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}s(Mo,"walletAndSupportedChainsNames");function as(t,e,o,n,r){let i=[];function a(p,u){if(!!!i.find(c=>c.chain===p)){let c={address:u,chain:p,walletType:t};i.push(c)}}s(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:m}=Gu(p),c=l.length>0,h=l.includes(m),d=m===is.Unknown;if(c&&!h&&!d)return;let x=m===is.Unknown&&Vu(u);if(d&&!x)return;o.includes(m)||x?r?a(m,u.toLowerCase()):l.filter(g=>o.includes(g)).forEach(g=>{a(g,u.toLowerCase())}):a(m,u)}),i}s(as,"prepareAccountsForWalletStore");function ls(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(ls,"getRequiredChains");function Lt(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(Lt,"getBalanceFromWallet");function $o(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}s($o,"isAccountAndWalletMatched");function ps(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 Bo(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Po(o,r.asset.symbol,r.asset.address,e)||null}))||[]}s(ps,"makeBalanceFor");function us(t){return{...t,loading:!1,error:!0}}s(us,"resetConnectedWalletState");var cs=s(t=>{let e=new Set,n=t?.reduce((i,a)=>i.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...i,a]:i,[])?.map(i=>{let a={name:i.chain,accounts:[]};return e.has(i.address)||e.add(i.address),e.forEach(l=>{i.address===l&&a.accounts.push(i)}),a}),r=A(n?.flatMap(i=>i.accounts)?.flatMap(i=>i?.balances)?.map(i=>new Bo(i?.amount||ke).multipliedBy(i?.usdPrice||0))?.reduce((i,a)=>i.plus(a),ke)||ke).toString();return Xu(r)},"calculateWalletUsdValue");function Xu(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}s(Xu,"numberWithThousandSeparator");var Po=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice"),_o=s((t,e)=>{let o=Hu(Object.entries(t).map(([,n])=>n).filter(ju));return o&&o[e]?.experimental},"isExperimentalChain");function Yu(t,e){return t.map(({balance:o,...n})=>{let r=A(new Bo(Lt(e,n.blockchain,n.symbol,n.address)?.amount||ke)),i="";return n.usdPrice&&(i=A(new Bo(Lt(e,n.blockchain,n.symbol,n.address)?.amount||ke).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:i}}}})}s(Yu,"getTokensWithBalance");function ms(t,e){let o=e.length>0?Yu(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(ms,"getTokensBalanceFromWalletAndSort");function We(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}s(We,"tokensAreEqual");function ds(t){return t.sort((e,o)=>+(o.state===Ke.CONNECTED)-+(e.state===Ke.CONNECTED)||+(o.state===Ke.DISCONNECTED||o.state===Ke.CONNECTING)-+(e.state===Ke.DISCONNECTED||e.state===Ke.CONNECTING))}s(ds,"sortWalletsBasedOnConnectionState");function Do(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(Do,"getConciseAddress");function fs({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(fs,"getAddress");var Ju=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"),Xe=Ju;var G=Xe(Zu()(Ru((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=>$o(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:m})=>({address:u,blockchain:m})),p=(await Nt().getWalletsDetails(a)).wallets;if(p)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(m=>{let c=o.find(d=>$o(d,m)),h=p.find(d=>d.address===m.address&&d.blockChain===m.chain);return h?.failed&&c&&r&&i([c],n,!1),c&&h?{...m,explorerUrl:h.explorerUrl,balances:ps(h,n),loading:!1}:m})}));else throw new Error("Wallet not found")}catch{t(l=>({loading:!1,connectedWallets:l.connectedWallets.map(p=>o.find(u=>$o(u,p))?us(p):p)}))}}}))));import{allProviders as ec}from"@rango-dev/provider-all";function Fo(t,e){let o=ec({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(Fo,"matchAndGenerateProviders");function gs(t,e){return Fo(t,e).map(r=>r.config.type)}s(gs,"configWalletsToWalletName");function hs(t,e){let o=G.use.clearConnectedWallet(),n=Fo(void 0,e);return tc(()=>{o(),n=Fo(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}s(hs,"useWalletProviders");import uc,{createContext as cc,useContext as mc,useRef as dc}from"react";import{create as pc}from"zustand";var nr={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0},ys=s((t,e,o)=>({config:{...nr,...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 rr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}s(rr,"areEqual");function Ss(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}s(Ss,"debounce");function Ct(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}s(Ct,"containsText");var K=s(()=>document.getElementById("swap-box"),"getContainer");import{create as sc}from"zustand";import{persist as ac,subscribeWithSelector as lc}from"zustand/middleware";import{English as oc,French as nc,Japanese as rc,Spanish as ic}from"@rango-dev/ui";var Cs=[{title:"English",label:"English",local:"en",SVGFlag:oc},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:ic},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:nc},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:rc}],Yt="en";var ks=[.5,1,3],Ts=1,ws=5,vs=100,xs=0;var O=Xe(sc()(ac(lc((t,e)=>({preferredBlockchains:[],slippage:Ts,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",language:Yt,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 Uo(t){let e=O.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(Uo,"getUniqueSwappersGroups");function bs(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}s(bs,"sortLiquiditySourcesByGroupTitle");var Es=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=>We(u,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(Ct(p.symbol,o.searchFor)||Ct(p.address||"",o.searchFor)||Ct(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p)?-1:e().isTokenPinned(u)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>We(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(bs)},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 As(t){return pc()((...e)=>({...Es(...e),...ys(t,...e)}))}s(As,"createAppStore");var Is=cc(null);function k(){let t=mc(Is);if(!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}s(k,"useAppStore");function Ws(t){let e=dc();return e.current||(e.current=As(t.config)),uc.createElement(Is.Provider,{value:e.current},t.children)}s(Ws,"AppStoreProvider");var zo=hc({onConnectWallet:()=>{}});function Cc(t){let e=k().updateConfig,o=k().blockchains(),n=k().tokens(),r={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:i}=hs(t.config.wallets,r),a=G.use.disconnectWallet(),l=G.use.connectWallet(),p=Sc();yc(()=>{t.config&&e(t.config)},[t.config]);let u=o.filter(gc).map(c=>c.name),m=s((c,h,d,y,x)=>{if(h===sr.ACCOUNTS)if(d){let f=Mo(x.supportedBlockchains),b=as(c,d,u,f,x.isContractWallet);l(b,n)}else a(c);if(h===sr.ACCOUNTS&&y.connected){let f=`${c}-${y.network}-${d}`;y.connected&&(p.current?p.current(f):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(h===sr.NETWORK&&y.network){let f=`${c}-${y.network}`;p.current?p.current(f):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(c,h,d,y,x)},"onUpdateState");return Oo.createElement(zo.Provider,{value:{onConnectWallet:c=>{p.current=c}}},Oo.createElement(fc,{allBlockChains:o,providers:i,onUpdateState:m,autoConnect:!0},t.children))}s(Cc,"Main");function qo(t){let{config:e,...o}=t;return Oo.createElement(Ws,{config:e},Oo.createElement(Cc,{...o,config:e}))}s(qo,"WidgetWallets");import Ji from"react";import{I18nManager as Jh}from"@rango-dev/ui";import Eo,{useContext as Zh,useEffect as Mu,useState as $u}from"react";import{useQueueManager as Pc}from"@rango-dev/queue-manager-rango-preset";import{useWallets as _c}from"@rango-dev/wallets-react";import{isEvmBlockchain as Dc}from"rango-types";import tn,{Fragment as Fc}from"react";import{MemoryRouter as Uc,useInRouterContext as Oc}from"react-router";import{useWallets as Tc}from"@rango-dev/wallets-react";import{useEffect as wc,useRef as vc}from"react";function Ns(){let{connect:t,state:e}=Tc(),o=vc({}),{fetchStatus:n}=k(),r=new URLSearchParams(location.search).get("autoConnect")||"",i=e(r);wc(()=>{n==="success"&&r&&i.installed&&!i.connecting&&!i.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[i,n])}s(Ns,"useForceAutoConnect");import{useEffect as yr,useRef as Sr}from"react";import{createSearchParams as Bc,useLocation as Mc,useSearchParams as $c}from"react-router-dom";var $={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{useEffect as $t,useMemo as Ro,useRef as en}from"react";import mt from"bignumber.js";import{create as Wc}from"zustand";import{subscribeWithSelector as Nc}from"zustand/middleware";import{getLastSuccessfulStep as Ic}from"@rango-dev/queue-manager-rango-preset";import UC from"bignumber.js";var ut=(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))(ut||{});function Ls(t,e){return e.find(o=>o.name===t)?.displayName}s(Ls,"getBlockchainDisplayNameFor");function Ye(t,e){return e.find(o=>o.name===t)?.shortName}s(Ye,"getBlockchainShortNameFor");function Bs(t,e){return e.find(o=>o.id===t)?.swapperGroup}s(Bs,"getSwapperDisplayName");function ar(t,e){return e.find(o=>We(o,t))??null}s(ar,"findToken");function lr(t,e){return e.find(o=>o.name===t)??null}s(lr,"findBlockchain");import{i18n as Fe}from"@lingui/core";import{PendingSwapNetworkStatus as Vo}from"@rango-dev/queue-manager-rango-preset";import Te from"bignumber.js";function Go(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(Go,"getRequiredWallets");function Qo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}s(Qo,"isValidAddress");import{i18n as fe}from"@lingui/core";var H=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 Ms(t){switch(t.type){case 0:return t.diagnosisMessage??H().noResultError.title;case 1:return H().genericServerError;default:return""}}s(Ms,"getQuoteErrorMessage");import{i18n as Ho}from"@lingui/core";var kt=s(()=>({connectWallet:Ho.t("Connect Wallet"),swap:Ho.t("Swap"),swapAnyway:Ho.t("Swap anyway"),ethWarning:Ho.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function $s(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Te(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Te(1e3)))??!1}s($s,"hasHighValueLoss");function pr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new Te(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Te(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}s(pr,"hasLimitError");function ur(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new Te(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new Te(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Te(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Te(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",i="",a="";return!r&&o&&o.gt(e.fromAmount)?(i=Fe.t({id:"Required: >= {min} {symbol}",values:{min:A(o,6,6),symbol:e.from.symbol}}),a=H().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(i=Fe.t({id:"Required: > {min} {symbol}",values:{min:A(o,6,6),symbol:e.from.symbol}}),a=H().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(i=Fe.t({id:"Required: <= {max} {symbol}",values:{max:A(n,6,6),symbol:e.from.symbol}}),a=H().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(i=Fe.t({id:"Required: < {max} {symbol}",values:{max:A(n,6,6),symbol:e.from.symbol}}),a=H().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:i,recommendation:a}}s(ur,"getLimitErrorMessage");function Ps(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:i,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:kt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!i||!i.result||l||!r||r==="0"?{title:kt().swap,action:"confirm-swap",disabled:!0}:a?{title:kt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:kt().ethWarning,action:"confirm-warning",disabled:!1}:{title:kt().swap,action:"confirm-swap",disabled:!1}:{title:kt().connectWallet,action:"connect-wallet",disabled:!1}}s(Ps,"getSwapButtonState");function cr(t,e,o){return!((!o||o.lte(ke))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}s(cr,"canComputePriceImpact");function xc(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(xc,"requiredWallets");var bc=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice");function Ec(t,e){let o=ke;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let i=bc(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Te(r.amount).multipliedBy(i||0))}return o}s(Ec,"getUsdFeeOfStep");function Xo(t,e){return t.reduce((o,n)=>o.plus(Ec(n,e)),ke)}s(Xo,"getTotalFeeInUsd");function mr(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(mr,"checkSlippageErrors");function _s(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}s(_s,"checkSlippageWarnings");function Yo(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}s(Yo,"getMinRequiredSlippage");function Ds(t,e){return e?parseFloat(t)>=parseFloat(e):!0}s(Ds,"hasProperSlippage");function Jo(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:i,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:m,affiliatePercent:c,affiliateWallets:h,initialQuote:d,destination:y}=t,x=i?.reduce((S,C)=>(S[C.chain]=C.address,S),{}),f=[];r?.forEach(S=>{let C=f.find(B=>B.blockchain===S.chain);C?C.addresses.push(S.address):f.push({blockchain:S.chain,addresses:[S.address]})});let b=!!d,g=Bt((d?.result?.swaps||[]).reduce((S,C)=>(S.push(C.from.blockchain,C.to.blockchain),C.internalSwaps&&Array.isArray(C.internalSwaps)&&C.internalSwaps.map(B=>{S.push(B.from.blockchain,B.to.blockchain)}),S),[]));return{amount:n.toString(),affiliateRef:m??void 0,affiliatePercent:c??void 0,affiliateWallets:h??void 0,checkPrerequisites:b,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:f,selectedWallets:x??{},slippage:u.toString(),...y&&{destination:y},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(S=>!a.includes(S)),swappersGroupsExclude:!1},...b&&{blockchains:g}}}s(Jo,"createQuoteRequestBody");function Fs(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}s(Fs,"getWalletsForNewSwap");function Mt(t){return t.result?.outputAmount||null}s(Mt,"getQuoteOutputAmount");function Us(t,e){return new Te(e).div(new Te(t)).minus(1).multipliedBy(100).toNumber()}s(Us,"getPercentageChange");function Os(t,e){let o=Mt(t),n=Mt(e);if(!o||!n)return!1;let r=Ne(o,n);return r?r<=-1:!0}s(Os,"isOutputAmountChangedALot");function zs(t,e,o){let n=t.validationStatus,r=ls(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>js(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=A(new Te(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=A(new Te(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),m="";return a.reason==="FEE"&&(m=Fe.t(" for network fee")),a.reason==="INPUT_ASSET"&&(m=Fe.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(m=Fe.t(" for input and network fee")),Fe.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:u,symbol:l,reason:m,currentAmount:p,blockchain:Ye(a.asset.blockchain,o)}})})}s(zs,"generateBalanceWarnings");function qs(t,e){return(t?new Te(t):ke).multipliedBy(e||0)}s(qs,"calcOutputUsdValue");function Jt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Vo.NetworkChanged}s(Jt,"isNetworkStatusInWarningState");function Gs(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Jt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Vo.WaitingForConnectingWallet:n=n||Fe.t("Waiting for connecting wallet");break;case Vo.WaitingForQueue:n=n||Fe.t("Waiting for other running tasks to be finished");break;case Vo.WaitingForNetworkChange:n=n||Fe.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}s(Gs,"getSwapMessages");function Qs(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}s(Qs,"getLastConvertedTokenInFailedSwap");function Hs(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}s(Hs,"shouldRetrySwap");function Vs(t,e,o,n,r,i){return t||!e&&!xc(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&i&&!Qo(i,o)}s(Vs,"confirmSwapDisabled");function dr(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(dr,"searchParamsToToken");function Xs(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}s(Xs,"getQuoteToTokenUsdPrice");function fr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}s(fr,"isNumberOfSwapsChanged");function gr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!rr(o,n)}s(gr,"isQuoteSwappersUpdated");function hr(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!rr(o,n)}s(hr,"isQuoteInternalCoinsUpdated");function Ys(t,e){return fr(t,e)||gr(t,e)||hr(t,e)}s(Ys,"isQuoteChanged");function js(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}s(js,"getRequiredBalanceOfWallet");function nt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}s(nt,"getPriceImpactLevel");function Js(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],i=Ic(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=lr(i?i.toBlockchain:n.fromBlockchain,e),p=lr(r.toBlockchain,e),u=ar(i?{blockchain:l?.name??"",symbol:i.toSymbol,address:i.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),m=ar(a,o),c=i?i.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:m,inputAmount:c}}s(Js,"createRetryQuote");function Zo(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:i}=e,a=Tt(o,t.requestAmount),l=Tt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let m=Ne(a.toString(),l.toString());if(!!m&&$s(a,m)){let h=Xo(t.result.swaps,r),d=nt(m);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:m,totalFee:h,warningLevel:d}}}else if(t.result&&(!a||!l))return{type:1};let p=Yo(t),u=i>ws;if(Ds(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<i)return{type:3,slippage:i.toString()}}else return{type:2,recommendedSlippages:_s(t,i),minRequiredSlippage:p};return null}s(Zo,"generateQuoteWarnings");function Ne(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:Us(t.toString(),e.toString());return n&&n<0?n:null}s(Ne,"getPriceImpact");var Tt=s((t,e)=>t?.usdPrice?new mt(e||ke).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),z=Xe(Wc()(Nc(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new mt(0),outputUsdValue:new mt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=ke;return Xt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new mt(e.result?.outputAmount):null,r=qs(e.result?.outputAmount,Xs(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new mt(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{quote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:Tt(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{quote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new mt(0),outputUsdValue:new mt(0),quote:null},...!!o.fromToken&&{inputUsdValue:Tt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:i,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=Js(e,r,n);t({fromBlockchain:i,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:Tt(a??null,u),outputUsdValue:new mt(0),toBlockchain:l,toToken:p,quote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Tt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:""}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function Zs(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:i,toToken:a,fromBlockchain:l,toBlockchain:p}=z(),u=k().config,m=k().fetchStatus,c=k().blockchains(),h=k().tokens(),{setAffiliateRef:d,setAffiliatePercent:y,setAffiliateWallets:x}=O(),f=Ro(()=>u?.from?.tokens,[u?.from?.tokens]),b=Ro(()=>u?.from?.blockchains,[u?.from?.blockchains]),g=Ro(()=>u?.to?.tokens,[u?.to?.tokens]),v=Ro(()=>u?.to?.blockchains,[u?.to?.blockchains]),S=en(void 0),C=en(void 0),B=en(void 0),U=en(void 0);$t(()=>{t(u?.amount?.toString()||"")},[u?.amount]),$t(()=>{if(m==="success"){let T=c.find(M=>M.name===u?.from?.blockchain),P=h.find(M=>We(M,u?.from?.token||null));(T||!T&&B.current)&&n(T??null),P?r({token:P,meta:{blockchains:c,tokens:h}}):!P&&S.current&&r({token:null}),B.current=u?.from?.blockchain,S.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,m]),$t(()=>{i&&f&&(f.some(T=>We(T,i))||r({token:null})),l&&b&&(b.includes(l.name)||n(null))},[f,b]),$t(()=>{a&&g&&(g.some(T=>We(T,a))||e({token:null})),p&&v&&(v.includes(p.name)||o(null))},[g,v]),$t(()=>{if(m==="success"){let T=c.find(M=>M.name===u?.to?.blockchain),P=h.find(M=>We(M,u?.to?.token||null));(T||!T&&U.current)&&o(T??null),P?e({token:P,meta:{blockchains:c,tokens:h}}):!P&&C.current&&e({token:null}),U.current=u?.to?.blockchain,C.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,m]),$t(()=>{d(u?.affiliate?.ref??null),y(u?.affiliate?.percent??null),x(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}s(Zs,"useSyncStoresWithConfig");import{create as Lc}from"zustand";var we=Xe(Lc()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));function Rs(){let t=Sr(!0),[e,o]=$c(),n=Mc(),r=Sr(n.search),i=Sr({}),a=z.use.fromBlockchain(),l=z.use.toBlockchain(),p=z.use.fromToken(),u=z.use.toToken(),m=z.use.setFromBlockchain(),c=z.use.setFromToken(),h=z.use.setToBlockchain(),d=z.use.setToToken(),y=z.use.inputAmount(),x=z.use.setInputAmount(),f=k().fetchStatus,b=k().blockchains(),g=k().tokens(),v=we.use.setSelectedSwap();return Zs(),yr(()=>{let S={};Bc(r.current).forEach((B,U)=>{S[U]=B}),i.current=S;let C=n.pathname.split($.swaps+"/")[1]||null;C&&v(C)},[]),yr(()=>{if(!t.current){let S="",C="",B="",U="",T="",P=i.current["autoConnect"];f!=="success"?(S=i.current["fromBlockchain"],C=i.current["fromToken"],B=i.current["toBlockchain"],U=i.current["toToken"],T=i.current["fromAmount"]||y):(S=a?.name||"",C=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),B=l?.name||"",U=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),T=y),o({...S&&{["fromBlockchain"]:S},...C&&{["fromToken"]:C},...B&&{["toBlockchain"]:B},...U&&{["toToken"]:U},...T&&{["fromAmount"]:T.toString()},...P&&{["autoConnect"]:P}},{replace:!0})}t.current=!1},[n.pathname,y,a,p,l,u]),yr(()=>{if(f==="success"){let S=e.get("fromBlockchain"),C=e.get("fromToken"),B=e.get("toBlockchain"),U=e.get("toToken"),T=e.get("fromAmount"),P=b.find(D=>D.name===S),M=dr(g,C,P||null),N=b.find(D=>D.name===B),w=dr(g,U,N||null);P&&(m(P),M&&c({token:M,meta:{blockchains:b,tokens:g}})),N&&(h(N),w&&d({token:w,meta:{blockchains:b,tokens:g}})),T&&x(T)}},[f]),null}s(Rs,"UpdateUrl");function ea({children:t,...e}){let o=Oc(),n=o?Fc:Uc,r=k().blockchains(),{canSwitchNetworkTo:i}=_c();Ns();let a=r.filter(Dc);return Pc({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:i}),tn.createElement(tn.Fragment,null,tn.createElement(n,null,t),o&&tn.createElement(Rs,null))}s(ea,"AppRouter");import Ee from"react";import{useRoutes as Fh}from"react-router-dom";import{i18n as xn}from"@lingui/core";import{useManager as Vd}from"@rango-dev/queue-manager-react";import{Alert as Pl,Button as _l,Divider as jd,IconButton as Dl,RefreshIcon as Kd,SettingsIcon as Xd,styled as Fl,Tooltip as Yd,Typography as Jd,WalletIcon as Zd}from"@rango-dev/ui";import te,{useEffect as lo,useLayoutEffect as Rd,useRef as ef,useState as bn}from"react";import{flushSync as tf}from"react-dom";import{useNavigate as of}from"react-router-dom";import{i18n as rt}from"@lingui/core";import{Alert as Br,BalanceErrors as Ym,Button as ja,ChevronDownIcon as Jm,ChevronLeftIcon as Zm,Divider as Ut,MessageBox as Rm,Modal as Ka,Typography as hn,WalletIcon as ed}from"@rango-dev/ui";import W,{useEffect as td,useLayoutEffect as od,useRef as nd,useState as xt}from"react";import{useNavigate as rd}from"react-router-dom";import{i18n as on}from"@lingui/core";function nn(t){switch(t.type){case 0:return on.t("Route has been updated.");case 3:return on.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return on.t("Route swappers has been updated.");case 2:return on.t("Route internal coins has been updated.");default:return""}}s(nn,"getQuoteUpdateWarningMessage");import*as _t from"@radix-ui/react-collapsible";import{Button as qc,darkTheme as Pt,IconButton as Gc,keyframes as ta,styled as ye,TextField as Qc}from"@rango-dev/ui";var Zt=300,Hc=ta({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Vc=ta({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),oa=ye("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),na=ye("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),ra=ye("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Pt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),ia=ye(_t.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),sa=ye("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),aa=ye(Gc,{position:"absolute",left:"$20"}),la=ye("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),pa=ye(_t.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ua=ye(qc,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Pt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Pt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Pt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),ca=ye("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),ma=ye("div",{transition:`all ${Zt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),da=ye("div",{display:"flex"}),fa=ye(Qc,{padding:"$0 $15 $15 $15"}),rn=ye(_t.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Hc} ${Zt}ms ease-out`},false:{animation:`${Vc} ${Zt}ms ease-out`}}}}),ga=ye("div",{overflow:"visible",width:"100%"});import{i18n as ze}from"@lingui/core";import{Button as jm,Divider as Nr,Image as Km,MessageBox as gn,Modal as qa,SelectableWallet as Xm,Typography as Ga,WalletState as Qa}from"@rango-dev/ui";import ee,{useEffect as Ha,useState as eo}from"react";import{WalletState as ha}from"@rango-dev/ui";import{useWallets as jc}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Kc,WalletTypes as Xc}from"@rango-dev/wallets-shared";import{useEffect as Yc,useState as Jc}from"react";var Zc=Object.values(Xc);function sn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:i,disconnect:a,getWalletInfo:l,connect:p}=jc(),{connectedWallets:u}=G(),m=k().blockchains(),c=gs(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Zc,h=ss(i,l,c,o),d=ds(h),[y,x]=Jc(""),f=s(S=>!u.find(C=>C.walletType===S&&C.chain===o),"isExperimentalChainNotAdded"),b=s(async S=>{let C=i(S);try{if(y&&x(""),C.connected)await a(S);else{let B=!!h.find(U=>U.state===ha.CONNECTED);if(!e?.multiWallets&&B)return;n?.(S),await p(S),r?.(S)}}catch(B){x("Error: "+B?.message)}},"handleClick"),g=s(()=>{let S=h?.filter(C=>C.state===ha.CONNECTING)||[];for(let C of S)a(C.type)},"disconnectConnectingWallets");Yc(()=>()=>{g()},[]);let v=s((S,C,B)=>_o(B,C)&&f(S)&&!Kc.includes(S),"shouldExcludeWallet");return{list:d.filter(S=>!v(S.type,o??"",m)),error:y,handleClick:b}}s(sn,"useWalletList");import{i18n as Pa}from"@lingui/core";import{styled as Da,Typography as Um,Wallet as Om,WalletState as zm}from"@rango-dev/ui";import vt,{Fragment as qm,useState as _a}from"react";import{BottomLogo as Wm,Divider as Nm,Header as Lm}from"@rango-dev/ui";import ge from"react";import{useNavigate as Rc}from"react-router-dom";function dt(){let t=Rc();return()=>t(-1)}s(dt,"useNavigateBack");import{ChevronLeftIcon as om}from"@rango-dev/ui";import Ca from"react";import{darkTheme as em,IconButton as tm,styled as an}from"@rango-dev/ui";var Ue=an(tm,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),ya=an("div",{position:"absolute",background:"$secondary500",[`.${em} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Dt=an("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),Sa=an("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function Cr(t){return Ca.createElement(Ue,{variant:"ghost",size:"small",onClick:t.onClick},Ca.createElement(om,{color:"black",size:16}))}s(Cr,"BackButton");import{i18n as nm}from"@lingui/core";import{Button as rm,Typography as im}from"@rango-dev/ui";import kr from"react";function Tr(t){return kr.createElement(Dt,null,kr.createElement(rm,{variant:"ghost",onClick:t.onClick,size:"xsmall"},kr.createElement(im,{variant:"label",size:"medium",color:"error500"},nm.t("Cancel"))))}s(Tr,"CancelButton");import{i18n as sm}from"@lingui/core";import{Tooltip as am,WalletIcon as lm}from"@rango-dev/ui";import ln from"react";function wr(t){return ln.createElement(am,{container:t.container,side:"top",content:sm.t("Connect Wallet")},ln.createElement(Ue,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&ln.createElement(ya,null),ln.createElement(lm,{size:18,color:"black"})))}s(wr,"WalletButton");import{i18n as cn}from"@lingui/core";import{NotificationsIcon as vm,Popover as xm,RefreshIcon as bm,SettingsIcon as Em,Tooltip as mn,TransactionIcon as Am}from"@rango-dev/ui";import ue from"react";import{i18n as hm}from"@lingui/core";import{ChainToken as ba,ChevronRightIcon as ym,ListItemButton as Sm,Typography as Cm}from"@rango-dev/ui";import Oe from"react";import{useNavigate as km}from"react-router-dom";import{create as pm}from"zustand";import{persist as um,subscribeWithSelector as cm}from"zustand/middleware";var Le=Xe(pm()(um(cm((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{styled as pn}from"@rango-dev/ui";var ka=pn("div",{padding:"$10",width:"350px",minHeight:"150px"}),Ta=pn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),wa=pn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),va=pn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as mm}from"@lingui/core";import{Divider as dm,NoNotificationIcon as fm,Typography as gm}from"@rango-dev/ui";import un from"react";function xa(){return un.createElement(va,null,un.createElement(fm,{color:"secondary",size:26}),un.createElement(dm,{size:12}),un.createElement(gm,{variant:"body",size:"medium",color:"neutral700"},mm.t("You have no notification")))}s(xa,"NotificationNotFound");var Tm=4;function vr(){let t=km(),e=we.use.setSelectedSwap(),{getUnreadNotifications:o}=Le(),n=o(),r=k().blockchains(),i=k().tokens(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,Tm),l=s(p=>{e(p),t(`${$.swaps}/${p}`)},"handleOnClick");return Oe.createElement(ka,null,a.length?Oe.createElement(Ta,null,a.map(p=>{let u=i.find(d=>d.address===p.route.from.tokenAddress&&d.blockchain===p.route.from.blockchain&&d.symbol===p.route.from.tokenSymbol),m=r.find(d=>d.name===p.route.from.blockchain),c=i.find(d=>d.address===p.route.to.tokenAddress&&d.blockchain===p.route.to.blockchain&&d.symbol===p.route.to.tokenSymbol),h=r.find(d=>d.name===p.route.to.blockchain);return Oe.createElement(Sm,{key:p.requestId,onClick:()=>l(p.requestId),title:Oe.createElement(Cm,{variant:"body",size:"small",color:"$neutral700"},hm.t(p.event.message)),id:p.requestId,start:Oe.createElement(wa,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(ba,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(ba,{tokenImage:c?c.image:"",chainImage:h?h.logo:"",size:"small"}))),end:Oe.createElement(ym,{size:12,color:"gray"})})})):Oe.createElement(xa,null))}s(vr,"NotificationContent");import{Typography as wm}from"@rango-dev/ui";import Ea from"react";function Aa(){let{getUnreadNotifications:t}=Le(),e=t().length;return e?Ea.createElement(Sa,null,Ea.createElement(wm,{variant:"body",size:"xsmall",color:"$background"},e)):null}s(Aa,"UnreadNotificationsBadge");function xr(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:i}=t;return ue.createElement(ue.Fragment,null,ue.createElement(mn,{container:K(),side:"top",content:cn.t("Refresh")},ue.createElement(Ue,{variant:"ghost",size:"small",onClick:o,disabled:!o},ue.createElement(bm,{size:16,color:o?"black":"gray"}))),ue.createElement(mn,{container:K(),side:"top",content:cn.t("Notifications")},ue.createElement(xm,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:K(),content:ue.createElement(vr,null)},ue.createElement(Ue,{size:"small",variant:"ghost",onClick:i},ue.createElement(vm,{size:18,color:"black"}),ue.createElement(Aa,null)))),ue.createElement(mn,{container:K(),side:"top",content:cn.t("Settings")},ue.createElement(Ue,{size:"small",variant:"ghost",onClick:r},ue.createElement(Em,{size:18,color:"black"}))),ue.createElement(mn,{container:K(),side:"top",content:cn.t("Transactions History")},ue.createElement(Ue,{size:"small",variant:"ghost",onClick:n},ue.createElement(Am,{size:18,color:"black"}))))}s(xr,"HomeButtons");import{darkTheme as Im,styled as br}from"@rango-dev/ui";var Ia=br("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",[`.${Im} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),Wa=br("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"}}}}),Na=br("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Bm(t,e){let{children:o,header:n,footer:r,noPadding:i,hasLogo:a=!0,fixedHeight:l=!0}=t,p=G.use.connectedWallets(),u=we.use.connectWalletsButtonDisabled(),m=dt(),c=s(()=>{!u&&n.onWallet&&n.onWallet()},"onConnectWallet"),h=typeof n.hasBackButton>"u"||n.hasBackButton;return ge.createElement(Ia,{ref:e,fixedHeight:l,id:"swap-box"},ge.createElement(Lm,{prefix:ge.createElement(ge.Fragment,null,h&&ge.createElement(Cr,{onClick:m})),title:n.title,suffix:ge.createElement(ge.Fragment,null,n.suffix,n.onWallet&&ge.createElement(wr,{container:K(),onClick:c,isConnected:!!p?.length}),n.onCancel&&ge.createElement(Tr,{onClick:n.onCancel}))}),ge.createElement(Wa,{noPadding:i},o),(a||r)&&ge.createElement(Na,null,ge.createElement("div",{className:"footer__content"},r),a&&ge.createElement("div",{className:"footer__logo"},ge.createElement(Nm,{size:12}),ge.createElement(Wm,null))))}s(Bm,"LayoutComponent");var X=ge.forwardRef(Bm);X.displayName="Layout";import{Divider as Dm,Modal as Fm}from"@rango-dev/ui";import Ar from"react";import{i18n as Ft}from"@lingui/core";import{Image as Pm,MessageBox as Er,WalletState as _m}from"@rango-dev/ui";import wt from"react";import{keyframes as Mm,styled as dn}from"@rango-dev/ui";var Aw=dn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),La=dn("div",{position:"relative"}),$m=Mm({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Ba=dn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${$m} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Ma=dn("div",{"& img":{borderRadius:"50%"}});function $a(t){let{state:e,image:o,error:n}=t;return e===_m.CONNECTED?wt.createElement(Er,{type:"success",title:Ft.t("Wallet Connected"),description:Ft.t("Your wallet is connected, you can use it to swap.")}):n?wt.createElement(Er,{type:"error",title:Ft.t("Failed to Connect"),description:n||Ft.t("Your wallet is not connected. Please try again.")}):wt.createElement(Er,{type:"loading",title:Ft.t("Connecting to your wallet"),description:Ft.t("Click connect in your wallet popup."),icon:wt.createElement(La,null,wt.createElement(Ma,null,wt.createElement(Pm,{src:o,size:45})),wt.createElement(Ba,null))})}s($a,"ModalContent");function Rt(t){let{open:e,onClose:o,...n}=t;return Ar.createElement(Fm,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},Ar.createElement($a,{...n}),Ar.createElement(Dm,{direction:"vertical",size:32}))}s(Rt,"WalletModal");var Gm=Da("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),Qm=Da("div",{textAlign:"center"}),fn=3e3,Ir=300;function Fa(){let{config:t,fetchStatus:e}=k(),[o,n]=_a(!1),[r,i]=_a(""),a=null,{list:l,handleClick:p,error:u}=sn({config:t,onBeforeConnect:d=>{a=setTimeout(()=>{n(!0),i(d)},Ir)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},fn)}}),m=l.find(d=>d.type===r),c=m?.image||"",h=m?.state||zm.NOT_INSTALLED;return vt.createElement(X,{header:{title:Pa.t("Connect Wallets")}},vt.createElement(Qm,null,vt.createElement(Um,{variant:"title",size:"xmedium",align:"center"},Pa.t("Choose a wallet to connect.")),vt.createElement(Gm,null,l.map((d,y)=>{let x=`wallet-${y}-${d.type}`;return vt.createElement(qm,{key:x},vt.createElement(Om,{...d,container:K(),onClick:f=>{p(f)},isLoading:e==="loading"}))}),vt.createElement(Rt,{open:!!o,onClose:()=>n(!1),image:c,state:h,error:u}))))}s(Fa,"WalletsPage");import{keyframes as Hm,styled as Wr}from"@rango-dev/ui";var Ua=Wr("div",{position:"relative"}),Vm=Hm({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Oa=Wr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Vm} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),za=Wr("div",{"& img":{borderRadius:"50%"}});function Lr(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:i}=t,{config:a}=k(),l=G.use.connectedWallets(),{blockchains:p}=k(),[u,m]=eo(""),[c,h]=eo(null),[d,y]=eo(!1),[x,f]=eo(null),{suggestAndConnect:b}=Va(),g=null,{list:v,error:S,handleClick:C}=sn({config:a,chain:e,onBeforeConnect:w=>{g=setTimeout(()=>{m(w)},Ir)},onConnect:()=>{g&&clearTimeout(g),setTimeout(()=>{m("")},fn)}}),[B,U]=eo(v),T=v.length,P=r&&T-r>0,M=s(async w=>{y(!1),f("in-progress");try{await b(w.walletType,w.chain),f("completed")}catch{f("rejected")}},"addExperimentalChain");Ha(()=>{U(w=>{let D=v.findIndex(I=>o(I.type,e));return P&&D>1?[v[D]].concat(v.filter((I,j)=>j!==D)):w.map(I=>v.find(j=>j.type===I.type)??I)})},[JSON.stringify(v)]);let N=document.querySelector("#swap-box");return Ha(()=>{let w=null;return(x==="completed"||x==="rejected")&&(w=setTimeout(()=>f(null),fn)),()=>{w&&clearTimeout(w)}},[x]),ee.createElement(ee.Fragment,null,B.slice(0,r).map(w=>{let D=fs({connectedWallets:l,walletType:w.type,chain:e}),I=D?Do(D):"",j=_o(p(),e),oe=!l.find(de=>de.walletType===w.type&&de.chain===e),ne=j&&oe&&w.state===Qa.CONNECTED,Q=ne?ze.t({id:"Add {chain} chain",values:{chain:e}}):I,se=s(()=>{w.state===Qa.DISCONNECTED?C(w.type):ne?(h({walletType:w.type,chain:e,address:D??""}),y(!0)):n({walletType:w.type,chain:e,address:D??""})},"onClick"),me=c?.chain?Ls(c.chain,p()):void 0;return ee.createElement(ee.Fragment,null,ee.createElement(Rt,{open:u===w.type,onClose:()=>m(""),image:w.image,state:w.state,error:S}),!!c&&ee.createElement(qa,{open:!!c&&d,container:N,onClose:()=>{h(null)}},ee.createElement(gn,{title:ze.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:me}}),type:"warning",description:ze.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:me}})},ee.createElement(Nr,{size:18}),ee.createElement(Nr,{size:32}),ee.createElement(jm,{onClick:M.bind(null,c),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},ze.t("Confirm")))),x&&ee.createElement(qa,{open:!!x,onClose:f.bind(null,null),container:N},x==="in-progress"&&ee.createElement(gn,{type:"loading",title:ze.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:me}}),description:ze.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:me}}),icon:ee.createElement(Ua,null,ee.createElement(za,null,ee.createElement(Km,{src:w.image,size:45})),ee.createElement(Oa,null))}),x==="completed"&&ee.createElement(gn,{type:"success",title:ze.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:me}}),description:ze.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:me}})}),x==="rejected"&&ee.createElement(gn,{type:"error",title:ze.t("Request Rejected"),description:ze.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:me}})}),ee.createElement(Nr,{direction:"vertical",size:32})),ee.createElement(Xm,{key:w.type,description:Q,onClick:se,selected:o(w.type,e),...w}))}),P&&ee.createElement(ra,{selected:!1,onClick:i.bind(null)},ee.createElement(Ga,{variant:"label",size:"medium"},ze.t("Show more wallets"),ee.createElement(Ga,{variant:"label",size:"medium",color:"$primary"},"\xA0+",T-(r??0)))))}s(Lr,"WalletList");var id=2;function Xa(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:i}=t,a=k().config,l=k().blockchains(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:m,setQuoteWalletConfirmed:c,customDestination:h,setCustomDestination:d}=z(),{connectedWallets:y,selectWallets:x}=G(),[f,b]=xt(""),[g,v]=xt([]),[S,C]=xt(""),[B,U]=xt(null),[T,P]=xt(h),[M,N]=xt(!!h),w=nd(null),D=Go(p),I=l.find(_=>_.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),j=s(_=>!!p?.result?.swaps.find(J=>J.from.blockchain===_),"isWalletRequiredFor"),[oe,ne]=xt(y.filter(_=>_.selected&&D.includes(_.chain))),Q=l.find(_=>_.name===I?.name),se=s((_,J)=>!!oe.find(q=>q.walletType===_&&q.chain===J&&q.selected&&(j(J)||!j(J)&&!T)),"isSelected"),me=!!T&&M&&Q&&!Qo(Q,T),de=s(()=>{N(!1),P(""),ne(_=>{let J=!1;return _.map(q=>!J&&q.chain===I?.name?(J=!0,{...q,selected:!0}):q)})},"resetCustomDestination"),De=s(_=>{if(f&&b(""),se(_.walletType,_.chain))return;let q=y.find(ae=>ae.walletType===_.walletType&&ae.chain===_.chain);q&&(n(),_.chain===I?.name&&M&&(N(!1),P("")),ne(ae=>ae.filter(Ve=>Ve.chain!==_.chain).concat({...q,selected:!0})))},"onChange"),It=s(()=>{let _=oe.filter(J=>J.selected);x(_),u(_),d(T),c(!0),o()},"onConfirmBalance"),Kt=s(async()=>{v([]),C(""),U(null);let _=y.filter(ae=>oe.find(Ve=>Ve.chain===ae.chain&&Ve.walletType===ae.walletType)),J=await r?.({selectedWallets:_,customDestination:T}),q=J.warnings;q?.balance?.messages&&v(q.balance.messages),q?.quoteUpdate&&U(q.quoteUpdate),J.error&&C(Ms(J.error)),!J.error&&(!q?.balance?.messages.length||0>0)?It():v(q?.balance?.messages??[])},"onConfirmWallets");td(()=>{ne(_=>_.concat(y.filter(J=>!!!_.find(ae=>ae.chain===J.chain)&&J.selected&&D.includes(J.chain))))},[y.length]),od(()=>{M&&w.current&&setTimeout(()=>{w?.current?.scrollIntoView({behavior:"smooth"})},Zt)},[M]);let ot=document.querySelector("#swap-box"),He=rd();return W.createElement(Ka,{open:e,onClose:()=>{m||He("../",{replace:!0}),o()},dismissible:!f,container:ot,...!f&&{footer:W.createElement(da,null,W.createElement(ja,{loading:i,disabled:Vs(i,M,T,p,oe,I),onClick:Kt,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...f&&{containerStyle:{padding:"$0"},header:W.createElement(sa,null,W.createElement(aa,{variant:"ghost",onClick:b.bind(null,"")},W.createElement(Zm,{size:16})),W.createElement(hn,{variant:"headline",size:"small"},rt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ye(f,l)}})))},anchor:"center"},W.createElement(Ka,{open:g.length>0,onClose:v.bind(null,[]),container:ot},W.createElement(Rm,{title:rt.t("Insufficient account balance"),type:"error",description:W.createElement(Ym,{messages:g??[]})},W.createElement(ja,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:It},rt.t("Proceed anyway")))),f&&W.createElement(la,null,W.createElement("div",{className:"wallets-list"},W.createElement(Lr,{chain:f,isSelected:se,selectWallet:De,onShowMore:b.bind(null,f)}))),!f&&W.createElement(W.Fragment,null,S&&W.createElement(W.Fragment,null,W.createElement(Br,{variant:"alarm",type:"error",title:rt.t(S)}),W.createElement(Ut,{size:12})),B&&W.createElement(W.Fragment,null,W.createElement(Br,{variant:"alarm",type:"warning",title:nn(B)}),W.createElement(Ut,{size:12})),W.createElement(ga,null,D.map((_,J)=>{let q=l.find(Ae=>Ae.name===_),ae=`wallet-${J}`,Ve=J===D.length-1;return W.createElement("div",{key:ae},W.createElement(oa,null,W.createElement(hn,{variant:"title",size:"xmedium"},rt.t({id:"Your {blockchainName} wallets",values:{blockchainName:q?.shortName}})),W.createElement(hn,{variant:"label",color:"$neutral700",size:"medium"},rt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:q?.shortName}}))),W.createElement(Ut,{size:24}),W.createElement(na,null,W.createElement(Lr,{chain:_,isSelected:se,selectWallet:De,limit:id,onShowMore:()=>b(q?.name??"")})),!Ve&&W.createElement(Ut,{size:32}),Ve&&a?.customDestination&&W.createElement(ca,null,W.createElement(pa,{ref:w,selected:M,open:M,onOpenChange:Ae=>{Ae?j(I?.name??"")||ne(Rn=>Rn.map(er=>er.chain===I?.name?{...er,selected:!1}:er)):de()}},W.createElement(ia,{onClick:()=>N(Ae=>!Ae)},W.createElement(ua,{fullWidth:!0,variant:"default",suffix:W.createElement(ma,{orientation:M?"up":"down"},W.createElement(Jm,{size:10,color:"gray"}))},W.createElement("div",{className:"button__content"},W.createElement(ed,{size:18,color:"info"}),W.createElement(Ut,{size:4,direction:"horizontal"}),W.createElement(hn,{variant:"label",size:"medium"},rt.t("Send to a different address"))))),W.createElement(rn,{open:M},W.createElement(W.Fragment,null,W.createElement(Ut,{size:4}),W.createElement(fa,{autoFocus:!0,placeholder:rt.t("Your destination address"),value:T,onChange:Ae=>{P(Ae.target.value)}})))),me&&W.createElement("div",{className:"alarms"},W.createElement(Br,{variant:"alarm",type:"error",title:rt.t({values:{destination:T},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}s(Xa,"ConfirmWalletsModal");import{Divider as zd}from"@rango-dev/ui";import $e from"react";import{i18n as Dr}from"@lingui/core";import{Alert as ad,ChevronDownIcon as ld,ChevronRightIcon as pd,Divider as Fr,Image as pl,InfoIcon as ud,QuoteCost as cd,StepDetails as md,TokenAmount as dd,Tooltip as ul,Typography as Ot}from"@rango-dev/ui";import L,{useLayoutEffect as fd,useRef as cl,useState as gd}from"react";import{styled as to}from"@rango-dev/ui";var Ya=to("div",{paddingBottom:"$10"}),Mr=to("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Ja=to("div",{variants:{paddingTop:{true:{paddingTop:"$10"}}}}),Za=to("div",{paddingBottom:"$15"}),Ra=to("div",{width:"100%",display:"flex"});import*as yn from"@radix-ui/react-collapsible";import{darkTheme as Je,Image as el,styled as it}from"@rango-dev/ui";var $r=300,tl=it(yn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${Je} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Je} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& .steps-details":{padding:"$10 $15"}}),ol=it("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",cursor:"pointer",boxSizing:"border-box",position:"relative",variants:{recommended:{true:{$$color:"$colors$info100",[`.${Je} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${Je} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{},false:{}}},compoundVariants:[{listItem:!0,recommended:!0,css:{"&:hover":{$$color:"$colors$secondary200",[`.${Je} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${Je} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}],"& .summary":{width:"100%",padding:"$15 $15 $10 $15",cursor:"default"},"& .basic-info":{paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Je} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}}),nl=it(yn.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:{[`& ${el}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${el}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${Je} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Je} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& div:nth-child(1)":{display:"flex"}}),Pr=it("div",{width:"18px",height:"18px",borderRadius:"100%",border:"1.5px transparent solid",display:"flex",justifyContent:"center",alignItems:"center",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),rl=it(rn,{width:"100%"}),_r=it("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${$r}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Pv=it("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),il=it("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Je} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),sl=it("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"});import{TokenAmount as ll}from"@rango-dev/ui";import Sn from"react";import{styled as sd}from"@rango-dev/ui";var al=sd("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%","& .separator":{height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"}});function oo(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Sn.createElement(al,null,Sn.createElement(ll,{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(ll,{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(oo,"QuoteSummary");function Ur(t){let{quote:e,input:o,output:n,error:r,warning:i,type:a,recommended:l=!0}=t,p=k().tokens(),u=k().blockchains(),m=k().swappers(),[c,h]=gd(t.expanded),d=cl(null),y=cl(c),x=A(Xo(e.result?.swaps??[],p),2,2),f=Wo(No(e.result?.swaps)),b=A(o.value,6,6),g=A(n.value,6,6),v=n.usdValue?A(n.usdValue,4,4):"",S=Ne(o.usdValue,n.usdValue??null),C=A(S,2,2),B=nt(S??0),T=s(N=>N.map((w,D)=>{let I,j=r?.type===3&&r.swap.swapperId===w.swapperId||r?.type===4&&r.recommendedSlippages?.has(D),oe=i?.type===2&&i.recommendedSlippages?.has(D);return j?I="error":oe&&(I="warning"),{swapper:{displayName:Bs(w.swapperId,m),image:w.swapperLogo},from:{token:{displayName:w.from.symbol,image:w.from.logo},chain:{displayName:Ye(w.from.blockchain,u),image:w.from.blockchainLogo},price:{value:D===0?A(o.value,6,6):A(w.fromAmount,6,6),usdValue:A((w.from.usdPrice??0)*parseFloat(w.fromAmount),4,4)}},to:{token:{displayName:w.to.symbol,image:w.to.logo},chain:{displayName:Ye(w.to.blockchain,u),image:w.to.blockchainLogo},price:{value:A(w.toAmount,6,6),usdValue:A((w.to.usdPrice??0)*parseFloat(w.toAmount),4,4)}},state:I,alerts:j||oe?L.createElement(Za,null,L.createElement(ad,{type:j?"error":"warning",title:r?.type===3?r?.recommendation:Dr.t("Slippage Error:"),footer:L.createElement(Ra,null,r?.type===3&&L.createElement(L.Fragment,null,L.createElement(Ot,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),L.createElement(Fr,{direction:"horizontal",size:8}),L.createElement(Ot,{size:"xsmall",variant:"body",color:"neutral900"},"|"),L.createElement(Fr,{direction:"horizontal",size:8}),L.createElement(Ot,{size:"xsmall",variant:"body",color:"neutral900"},Dr.t({id:"Yours: {amount} {symbol}",values:{amount:A(w.fromAmount,6,6),symbol:w?.from.symbol}}))),(r?.type===4||i?.type===2)&&L.createElement(Ot,{size:"xsmall",variant:"body",color:"neutral900"},Dr.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(D)},...i?.type===2&&{minRequiredSlippage:i.recommendedSlippages?.get(D)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),P=T.length,M=K();return fd(()=>{c&&!y.current&&d.current&&setTimeout(()=>{d?.current?.scrollIntoView({behavior:"smooth"})},$r),y.current=c},[c,y]),L.createElement(L.Fragment,null,L.createElement(ol,{recommended:l,listItem:a==="list-item",basic:a==="basic"},L.createElement("div",{className:"summary"},L.createElement(cd,{fee:x,time:f,steps:P}),a==="basic"&&L.createElement("div",{className:"basic-info"},L.createElement(sl,null,L.createElement(ud,{size:12,color:"gray"})),L.createElement(Ot,{size:"small",variant:"body",style:{letterSpacing:.4}},`${b} ${T[0].from.token.displayName} = ${g} ${T[T.length-1].to.token.displayName}`),L.createElement(Ot,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${v})`)),a==="list-item"&&L.createElement(dd,{type:"output",direction:"vertical",price:{value:g,usdValue:v},token:{displayName:T[P-1].to.token.displayName,image:T[P-1].to.token.image},chain:{image:T[P-1].to.chain.image},percentageChange:C,warningLevel:B}),a==="swap-preview"&&L.createElement(L.Fragment,null,L.createElement(oo,{from:T[0].from,to:T[P-1].to,percentageChange:C,warningLevel:B}),L.createElement(Fr,{size:4}))),L.createElement(tl,{recommended:l,open:c,onOpenChange:h},L.createElement(nl,{ref:N=>d.current=N,recommended:l,onClick:()=>h(N=>!N)},L.createElement("div",null,T.map((N,w)=>{let D=`item-${w}`,I=L.createElement(_r,null,L.createElement(pd,{size:12,color:"black",...N.state&&{color:N.state==="error"?"error":"warning"}}));return L.createElement(L.Fragment,{key:D},L.createElement(ul,{container:M,side:"bottom",sideOffset:4,content:N.from.chain.displayName},L.createElement(Pr,{state:N.state||T[w-1]?.state},L.createElement(pl,{src:N.from.chain.image,size:16}))),w===P-1&&L.createElement(L.Fragment,null,I,L.createElement(ul,{container:M,side:"bottom",sideOffset:4,content:N.to.chain.displayName},L.createElement(Pr,{state:N.state},L.createElement(pl,{src:N.to.chain.image,size:16})))),w!==P-1&&L.createElement(L.Fragment,null,I))})),L.createElement(_r,{orientation:c?"up":"down"},L.createElement(ld,{size:12,color:"black"}))),L.createElement(rl,{open:c},L.createElement(il,null),L.createElement("div",{className:"steps-details"},T.map((N,w)=>{let D=`item-${w}`;return L.createElement(md,{type:"quote-details",key:D,step:N,hasSeparator:w!==T.length-1,state:N.state})}))))))}s(Ur,"Quote");import{ChainToken as Cn,Divider as qe,NextIcon as yd,Skeleton as Se}from"@rango-dev/ui";import E from"react";import{darkTheme as hd,styled as ml}from"@rango-dev/ui";var dl=ml("div",{$$color:"$colors$neutral100",[`.${hd} &`]:{$$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"}}),fl=ml("div",{borderLeft:"1px dashed black",minHeight:" 64px",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});function Or(t){let{separator:e=!0}=t;return E.createElement(E.Fragment,null,E.createElement("div",{className:"step__title"},E.createElement(Se,{height:22,width:22,variant:"circular"}),E.createElement(qe,{direction:"horizontal",size:8}),E.createElement(Se,{height:15,width:148,variant:"rounded"})),E.createElement("div",{className:"step__content"},E.createElement(fl,{hideSeparator:!e}),E.createElement("div",{className:"step__tokens"},E.createElement("div",{className:"step__token-info"},E.createElement(Cn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),E.createElement(qe,{direction:"horizontal",size:8}),E.createElement(Se,{height:12,width:76,variant:"rounded"})),E.createElement("div",{className:"step__icon-container"},E.createElement(yd,{color:"gray",size:16})),E.createElement("div",{className:"step__token-info"},E.createElement(Cn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),E.createElement(qe,{direction:"horizontal",size:8}),E.createElement(Se,{height:12,width:76,variant:"rounded"})))))}s(Or,"StepSkeleton");function zr(t){let{type:e,expanded:o,tag:n=!1}=t,r=E.createElement("div",{className:"quote-summary"},E.createElement("div",{className:"token-amount"},E.createElement(Cn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),E.createElement(qe,{size:8,direction:"horizontal"}),E.createElement("div",{className:"token-amount__label"},E.createElement(Se,{height:10,width:60,variant:"rounded"}),E.createElement(qe,{size:4}),E.createElement(Se,{height:15,width:148,variant:"rounded"}))),E.createElement(Se,{height:12,width:64,variant:"rounded"}));return E.createElement(dl,{rounded:e!=="basic"},E.createElement("div",{className:"cost-and-tag"},E.createElement("div",{className:"cost"},E.createElement(Se,{width:60,height:10,variant:"rounded"}),E.createElement(qe,{size:4,direction:"horizontal"}),E.createElement(Se,{width:60,height:10,variant:"rounded"}),E.createElement(qe,{size:4,direction:"horizontal"}),E.createElement(Se,{width:60,height:10,variant:"rounded"})),n&&E.createElement(Se,{height:22,width:100,variant:"rounded"})),e==="basic"&&E.createElement("div",{className:"basic-summary"},E.createElement(Se,{height:15,width:148,variant:"rounded"})),e==="list-item"&&E.createElement("div",{className:"output"},E.createElement("div",{className:"output__token-info"},E.createElement(Cn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),E.createElement(qe,{direction:"horizontal",size:4}),E.createElement(Se,{height:15,width:150,variant:"rounded"})),E.createElement(qe,{size:4}),E.createElement(Se,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&E.createElement(E.Fragment,null,E.createElement(qe,{size:4}),E.createElement("div",{className:"swap-preview"},r,E.createElement("div",{className:"quote-summary__separator"}),r)),E.createElement("div",{className:"chains"},E.createElement(Se,{height:15,width:321,variant:"rounded"})),o&&E.createElement("div",{className:"steps"},E.createElement(qe,{size:20}),E.createElement(Or,null),E.createElement(Or,null),E.createElement(Or,{separator:!1})))}s(zr,"QuoteSkeleton");import{i18n as Dd}from"@lingui/core";import{Alert as Fd,Button as Ud,InfoIcon as Od}from"@rango-dev/ui";import Ie from"react";import{Alert as Sd,Button as Cd,Divider as kl,NoRouteIcon as kd,RefreshIcon as Td,Typography as Tl}from"@rango-dev/ui";import Ge from"react";import{i18n as gl}from"@lingui/core";function hl(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:H().genericServerError,action:{onClick:n,title:gl.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:H().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:gl.t("Reset")}},description:H().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:H().noResultError.description}}s(hl,"makeInfo");import{styled as qr}from"@rango-dev/ui";var yl=qr("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Sl=qr("div",{width:"100%"}),Cl=qr("div",{padding:"$6 $0"});function Gr(t){let{fetch:e,error:o}=t,n=O.use.disabledLiquiditySources(),r=O.use.toggleAllLiquiditySources(),i=k().swappers(),a=hl(o,n,()=>r(i,!0),e);return Ge.createElement(yl,null,Ge.createElement(kd,{size:24,color:"gray"}),Ge.createElement(kl,{size:4}),Ge.createElement(Tl,{variant:"title",size:"small"},H().noResultError.title),!!a.description&&Ge.createElement(Tl,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Ge.createElement(kl,{size:4}),!!a.alert&&Ge.createElement(Sl,null,Ge.createElement(Sd,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Ge.createElement(Cd,{size:"xsmall",type:a.alert.type,prefix:Ge.createElement(Cl,null,Ge.createElement(Td,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}s(Gr,"NoResult");import{i18n as io}from"@lingui/core";import{Button as vd,Divider as Al,MessageBox as xd,Modal as bd,Typography as Ed,WarningIcon as Ad}from"@rango-dev/ui";import Ze from"react";import{Typography as bl}from"@rango-dev/ui";import Hr from"react";import{darkTheme as wd,styled as kn}from"@rango-dev/ui";var wl=kn("div",{width:"100%",paddingTop:"$10"}),Qr=kn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),vl=kn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${wd} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),xl=kn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function El(t){let{title:e,value:o,valueColor:n}=t;return Hr.createElement(vl,null,Hr.createElement(bl,{size:"medium",variant:"label",className:"_title"},e),Hr.createElement(bl,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}s(El,"QuoteErrorsModalItem");function Il(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,i=r.warningLevel==="high"?"error":"warning",a=[{title:io.t("Swapping"),value:A(r.inputUsdValue,4,4)},{title:io.t("Gas cost"),value:A(r.totalFee,2,2)},{title:io.t("Receiving"),value:A(r.outputUsdValue,4,4)},{title:io.t("Price impact"),value:A(r.priceImpact,2,2),valueColor:`${i}500`}];return Ze.createElement(bd,{open:e,onClose:o,container:K()},Ze.createElement(xd,{type:i,title:H().highValueLossError.impactTitle,description:H().highValueLossError.description}),Ze.createElement(Qr,null,Ze.createElement(Al,{size:20}),Ze.createElement(Ed,{size:"small",variant:"title"},io.t("Details")),Ze.createElement(Qr,null,a.map((l,p)=>Ze.createElement(El,{key:p,...l})))),Ze.createElement(Al,{size:32}),Ze.createElement(vd,{type:"primary",size:"large",prefix:Ze.createElement(Ad,null),fullWidth:!0,onClick:n},H().highValueLossError.confirmMessage))}s(Il,"HighValueLossWarningModal");import{i18n as Vr}from"@lingui/core";function Wl(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(nt(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=H().highValueLossError.title),t.type===1&&(o.title=H().unknownPriceError.title),t.type===2&&(o.title=Vr.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:t.minRequiredSlippage}}),o.action="change-settings"),t.type===3&&(o.title=Vr.t("Caution, your slippage is high.")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action="show-info"),e.type===4&&(o.title=Vr.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):null}s(Wl,"makeAlerts");import{i18n as zt}from"@lingui/core";import{Button as Nl,Divider as Ll,MessageBox as Id,Modal as Wd,Typography as Nd}from"@rango-dev/ui";import bt from"react";import{useNavigate as Ld}from"react-router-dom";function Bl(t){let{customSlippage:e,slippage:o}=O(),{open:n,onClose:r,onConfirm:i,warning:a}=t,l=Ld(),p=e??o;return bt.createElement(Wd,{anchor:"bottom",open:n,prefix:bt.createElement(Nl,{size:"small",variant:"ghost",onClick:()=>l("../"+$.settings)},bt.createElement(Nd,{variant:"label",size:"medium",color:"$neutral900"},zt.t("Change settings"))),container:K(),onClose:r},bt.createElement(Id,{type:"warning",title:a.type===3?zt.t("High slippage"):zt.t("Low slippage"),description:a.type===3?zt.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):zt.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},bt.createElement(Ll,{size:18}),bt.createElement(Ll,{size:32}),bt.createElement(Nl,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:i},zt.t("Confirm anyway"))))}s(Bl,"SlippageWarningModal");import{Button as Bd,Divider as Md,MessageBox as $d,Modal as Pd,WarningIcon as _d}from"@rango-dev/ui";import so from"react";function Ml(t){let{open:e,onClose:o,onConfirm:n}=t;return so.createElement(Pd,{open:e,onClose:o,container:K()},so.createElement($d,{type:"warning",title:H().unknownPriceError.impactTitle,description:H().unknownPriceError.description}),so.createElement(Md,{size:32}),so.createElement(Bd,{type:"primary",size:"large",prefix:so.createElement(_d,null),fullWidth:!0,onClick:n},H().unknownPriceError.confirmMessage))}s(Ml,"UnknownPriceWarningModal");function jr(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:i,onCloseWarningModal:a,onConfirmWarningModal:l,onChangeSettings:p}=t,u={open:r,onClose:a,onConfirm:l},m=o?.type===0||o?.type===1,c=Wl(e,o?.type===3||o?.type===4?o:null);return Ie.createElement(Ie.Fragment,null,m&&Ie.createElement(Gr,{error:o,fetch:n}),!!c&&Ie.createElement(wl,null,Ie.createElement(Fd,{title:c.title,type:c.alertType,variant:"alarm",...c.action==="show-info"&&{action:Ie.createElement(xl,{onClick:i},Ie.createElement(Od,{size:12,color:"gray"}))},...c.action==="change-settings"&&{action:Ie.createElement(Ud,{size:"xxsmall",type:c.alertType,onClick:p},Dd.t("Change"))}})),e&&Ie.createElement(Ie.Fragment,null,e.type===0&&Ie.createElement(Il,{...u,warning:e}),(e.type===3||e.type===2)&&Ie.createElement(Bl,{...u,warning:e}),e.type===1&&Ie.createElement(Ml,{...u,warning:e})))}s(jr,"QuoteWarningsAndErrors");function ao(t){let{quote:e,type:o,loading:n,error:r,warning:i,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m,onChangeSettings:c,expanded:h=!1,alertPosition:d="bottom"}=t,{inputAmount:y,inputUsdValue:x,outputUsdValue:f,outputAmount:b}=z(),v=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n,S=(i||r)&&$e.createElement(jr,{warning:i,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m,onChangeSettings:c});return $e.createElement($e.Fragment,null,n&&$e.createElement(Mr,null,$e.createElement(Ja,{paddingTop:d==="top"},$e.createElement(zr,{type:o,expanded:h}))),d==="top"&&$e.createElement(Ya,null,S),v?$e.createElement(Mr,null,$e.createElement(Ur,{quote:e,error:r,warning:i,type:o,expanded:h,recommended:!0,input:{value:y,usdValue:x?.toString()??""},output:{value:b?.toString()??"",usdValue:f?.toString()??""}})):null,d==="bottom"&&$e.createElement($e.Fragment,null,!i&&!r&&$e.createElement(zd,{size:16}),S))}s(ao,"QuoteInfo");import{calculatePendingSwap as Qd}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Hd}from"react";import{useRef as qd,useState as Gd}from"react";function Tn(){let[t,e]=Gd(!1),o=qd(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(Tn,"useFetchQuote");function wn(t){if(!t.result)throw new Error(H().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(pr(t)){let{swap:n,recommendation:r,fromAmountRangeError:i}=ur(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:i}})}let o=mr(t);if(o){let n=Yo(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}s(wn,"throwErrorIfResponseIsNotValid");function $l(t,e,o){let n=!1;t&&(n=Ys(t,e));let r={quote:null,quoteUpdate:null,balance:null},i=Zo(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});i&&(r.quote=i),t&&n&&(Os(t,e)?r.quoteUpdate={type:3,newOutputAmount:A(Mt(e)),percentageChange:A(Ne(Mt(t)??"",Mt(e)??""),null,2)}:fr(t,e)?r.quoteUpdate={type:0}:gr(t,e)?r.quoteUpdate={type:1}:hr(t,e)&&(r.quoteUpdate={type:2}));let a=zs(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}s($l,"generateWarnings");function vn(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(vn,"handleQuoteErrors");function Kr(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:i,setQuoteWarningsConfirmed:a}=z(),{slippage:l,customSlippage:p,affiliatePercent:u,affiliateRef:m,affiliateWallets:c,disabledLiquiditySources:h}=O(),{connectedWallets:d}=G(),y=k().blockchains(),x=k().tokens(),{experimental:f}=k().config,{enableNewLiquiditySources:b}=k().config,g=p||l,{fetch:v,cancelFetch:S,loading:C}=Tn();return Hd(()=>S,[]),{loading:C,fetch:s(async U=>{let T=U.selectedWallets,P=U?.customDestination??i;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let M=Jo({fromToken:t,toToken:e,inputAmount:o,wallets:d,selectedWallets:T,excludeLiquiditySources:b,disabledLiquiditySources:h,slippage:g,affiliateRef:m,affiliatePercent:u,affiliateWallets:c,initialQuote:r??void 0,destination:P});f?.routing&&(M.experimental=!0);let N;try{N=await v(M).then(j=>wn(j)),n(N)}catch(j){return vn(j)}let w={slippage:g.toString(),disabledSwappersGroups:h},D=Qd(o.toString(),N,Fs(T),w,!1,{blockchains:y,tokens:x}),I=$l(r??void 0,N,{fromToken:t,toToken:e,meta:{blockchains:y,tokens:x},selectedWallets:T,userSlippage:g});return I.quoteUpdate&&a(!1),{quote:N,swap:D,error:null,warnings:I}},"fetch"),cancelFetch:S}}s(Kr,"useConfirmSwap");var nf=Fl("div",{position:"relative",width:"100%","& .description":{display:"flex",justifyContent:"space-between",alignItems:"center"},"& .icon":{width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"},"& .quote-update__alert":{paddingTop:"$10"}}),rf=Fl("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Dl}`]:{width:"$48",height:"$48"}});function Ul(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:i,quoteWarningsConfirmed:a}=z(),l=of(),[p,u]=bn(""),{connectedWallets:m}=G(),c=!n,[h,d]=bn(!1),y=we.use.setSelectedSwap(),x=O.use.disabledLiquiditySources(),f=ef(x),{manager:b}=Vd(),{fetch:g,loading:v,cancelFetch:S}=Kr(),[C,B]=bn({swap:null,error:null,warnings:null}),[U,T]=bn(!1),P=s(async({selectedWallets:I,customDestination:j})=>{let oe=await g?.({selectedWallets:I,customDestination:j});return B(oe),oe},"onConfirmSwap"),M=s(async()=>{if(C.swap&&n)try{await b?.create("swap",{swapDetails:C.swap},{id:C.swap.requestId}),y(C.swap.requestId);let I=`../${$.swaps}/${C.swap.requestId}`;l(I,{replace:!0}),setTimeout(()=>{e("")},0)}catch(I){u("Error: "+I?.message)}},"addNewSwap"),N=s(async()=>{await M()},"onConfirm"),w=s(async()=>{C?.warnings?.quote&&!a?T(!0):await N()},"onStartConfirmSwap"),D=s(async()=>{B({error:null,swap:null,warnings:null}),g({selectedWallets:o,customDestination:i}).then(I=>{B(I)}).catch(I=>console.error(I))},"onRefresh");return lo(()=>{!!f.current.length&&!x.length&&D(),f.current=x},[x.length]),lo(()=>{c&&S()},[c]),lo(()=>{c&&d(c)},[c]),lo(()=>{c||g({selectedWallets:o,customDestination:i}).then(I=>B(I)).catch(I=>console.error(I))},[]),lo(()=>{let I=C.warnings?.quote?.type&&Object.values(ut).includes(C.warnings?.quote?.type),j=o.length<1||!o.every(ne=>m.find(Q=>ne.address===Q.address&&ne.walletType===Q.walletType&&ne.chain===Q.chain)),oe=!1;if(I){let ne=Go(t),Q=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(de=>de.from.blockchain===Q)||(ne=ne.slice(-ne.length,ne.length-1)),ne.every(de=>o.find(De=>De.chain===de))||(oe=!0)}t&&(j||oe)&&(queueMicrotask(()=>tf(d.bind(null,!0))),r(!1))},[C.warnings?.quote,o.length,m.length]),Rd(()=>{t||l("../")},[]),te.createElement(X,{header:{title:xn.t("Confirm Swap"),onWallet:()=>{let I=`../${$.wallets}`;l(I)},suffix:te.createElement(Yd,{container:K(),side:"bottom",content:xn.t("Settings")},te.createElement(Ue,{size:"small",variant:"ghost",onClick:()=>l("../"+$.settings)},te.createElement(Xd,{size:18,color:"black"})))},footer:te.createElement(rf,null,te.createElement("div",{className:"confirm-button"},te.createElement(_l,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:v,disabled:!!C.error,onClick:w},xn.t("Start Swap"))),te.createElement(Dl,{variant:"contained",type:"primary",size:"large",loading:v,onClick:d.bind(null,!0)},te.createElement(Zd,{size:24})))},h&&te.createElement(Xa,{open:h,onClose:()=>d(!1),onCancel:S,loading:v,onCheckBalance:P}),te.createElement(nf,null,te.createElement("div",{className:"description"},te.createElement(Jd,{variant:"title",size:"small"},xn.t("You get")),te.createElement(_l,{style:{padding:"0"},variant:"ghost",disabled:v,onClick:D},te.createElement("div",{className:"icon"},te.createElement(Kd,{size:16})))),p&&te.createElement(te.Fragment,null,te.createElement(Pl,{type:"error",variant:"alarm",title:p}),te.createElement(jd,{size:12})),C.warnings?.quoteUpdate&&te.createElement("div",{className:"quote-update__alert"},te.createElement(Pl,{variant:"alarm",type:"warning",title:C.warnings.quoteUpdate&&nn(C.warnings.quoteUpdate)})),te.createElement(ao,{quote:t,type:"swap-preview",expanded:!0,alertPosition:"top",error:C.error,loading:v,warning:C.warnings?.quote??null,refetchQuote:D,showWarningModal:U,onOpenWarningModal:()=>T(!0),onCloseWarningModal:()=>T(!1),onConfirmWarningModal:async()=>{T(!1),await M()},onChangeSettings:()=>l("../"+$.settings)})))}s(Ul,"ConfirmSwapPage");import{i18n as An}from"@lingui/core";import{useManager as mf}from"@rango-dev/queue-manager-react";import{Divider as df,NotFound as ff,styled as Kl}from"@rango-dev/ui";import ht,{useState as gf}from"react";import{useNavigate as hf}from"react-router-dom";import{CloseIcon as af,IconButton as lf,SearchIcon as pf,TextField as uf}from"@rango-dev/ui";import po from"react";import{styled as sf}from"@rango-dev/ui";var Ol=sf("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function st(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:i,value:a,setValue:l,...p}=t;return po.createElement(uf,{prefix:po.createElement(Ol,null,po.createElement(pf,{color:"black"})),suffix:!!a.length&&po.createElement(lf,{variant:"ghost",onClick:()=>l?.(""),size:"small"},po.createElement(af,{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(st,"SearchInput");import{i18n as ql}from"@lingui/core";import{Divider as Gl,SwapListItem as Ql,Typography as Hl}from"@rango-dev/ui";import R from"react";import{darkTheme as cf,styled as En}from"@rango-dev/ui";var Xr=En("div",{width:"100%",display:"flex",flexDirection:"column",".group-title":{$$color:"$colors$neutral600",[`.${cf} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Yr=En("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Jr=En("div",{gap:"$10",display:"flex",flexDirection:"column"}),zl=En("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function Zr(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,i=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return R.createElement(R.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>R.createElement(R.Fragment,{key:p.title},R.createElement(Xr,null,R.createElement(Yr,null,R.createElement(Hl,{variant:"label",size:"medium",className:"group-title"},ql.t(p.title))),R.createElement(Gl,{size:4}),R.createElement(Jr,null,p.swaps.map((u,m)=>{let c=m+p.title;return R.createElement(R.Fragment,{key:c},R.createElement(Ql,{isLoading:!0}))}))))))}return R.createElement(R.Fragment,null,i.filter(a=>a.swaps.length>0).map(a=>R.createElement(R.Fragment,{key:a.title},R.createElement(Xr,null,R.createElement(Yr,null,R.createElement(Hl,{variant:"label",size:"medium",className:"group-title"},ql.t(a.title))),R.createElement(Gl,{size:4}),R.createElement(Jr,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return R.createElement(R.Fragment,{key:l.requestId},R.createElement(Ql,{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:Lo(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:Lo(u.outputAmount||""),estimatedAmount:Lo(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}s(Zr,"SwapsGroup");import Vl from"dayjs";var jl=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=Vl();return t.forEach(n=>{let r=Vl(Number(n.creationTime));o.isSame(r,"day")?e.get("today")?.swaps.push(n):o.isSame(r,"month")?e.get("month")?.swaps.push(n):o.isSame(r,"year")?e.get("year")?.swaps.push(n):e.get("history")?.swaps.push(n)}),Array.from(e.values())},"groupSwapsByDate");var qt=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 yf=Kl("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Sf=Kl("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Cf=s((t,e)=>t?.length?t.filter(o=>je(o.fromBlockchain,e)||je(o.toBlockchain,e)||je(o.toSymbol,e)||je(o.fromSymbol,e)).length:!1,"isStepContainsText");function Xl(){let t=we.use.setSelectedSwap(),e=hf(),{manager:o,state:n}=mf(),r=qt(o).map(({swap:c})=>c),[i,a]=gf(""),l=!n.loadedFromPersistor,p=s(c=>{let h=c.target.value;a(h)},"searchHandler"),u=r;i&&(u=r.filter(c=>je(c.inputAmount,i)||je(c.status,i)||Cf(c.steps,i)||je(c.requestId,i)));let m=!u?.length&&!l;return ht.createElement(X,{header:{title:An.t("History")}},ht.createElement(yf,null,ht.createElement(st,{setValue:a,fullWidth:!0,variant:"contained",placeholder:An.t("Search Transaction"),autoFocus:!0,onChange:p,value:i}),ht.createElement(Sf,null,m&&ht.createElement(zl,null,ht.createElement(df,{size:32}),ht.createElement(ff,{title:An.t("No results found"),description:i?An.t("Try using different keywords"):""})),!m&&ht.createElement(Zr,{list:u,onSwapClick:c=>{t(c),e(c)},groupBy:jl,isLoading:l}))))}s(Xl,"HistoryPage");import{i18n as ti}from"@lingui/core";import{Button as Ef,styled as oi,SwapInput as Rl,WarningIcon as Af}from"@rango-dev/ui";import Pe,{useEffect as If,useRef as Wf,useState as Nf}from"react";import{useNavigate as Lf}from"react-router-dom";import{ReverseIcon as kf,styled as Yl}from"@rango-dev/ui";import Rr from"react";var Tf=Yl("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),wf=Yl("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 Jl(){let t=z.use.switchFromAndTo();return Rr.createElement(Tf,null,Rr.createElement(wf,{onClick:()=>{t()}},Rr.createElement(kf,{size:12})))}s(Jl,"SwitchFromAndToButton");import{useCallback as vf,useEffect as xf,useState as ei}from"react";var bf=600;function Zl(){let{fetch:t,cancelFetch:e}=Tn(),{liquiditySources:o,enableNewLiquiditySources:n,experimental:r}=k().config,i=k().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:u,resetQuote:m,setQuote:c}=z(),{slippage:h,customSlippage:d,affiliatePercent:y,affiliateRef:x,affiliateWallets:f,disabledLiquiditySources:b}=O(),[g,v]=ei(!1),[S,C]=ei(null),[B,U]=ei(null),T=d??h,M=!a||!l||We(a,l)||!Xt(p),N=s(I=>{v(I),C(null),U(null)},"resetState"),w=s(I=>{let{fromToken:j,toToken:oe,inputAmount:ne,liquiditySources:Q,excludeLiquiditySources:se,disabledLiquiditySources:me,slippage:de,affiliateRef:De,affiliatePercent:It,affiliateWallets:Kt}=I;if(g||N(!0),!M&&j&&oe){m();let ot=Jo({fromToken:j,toToken:oe,inputAmount:ne,liquiditySources:Q,excludeLiquiditySources:se,disabledLiquiditySources:me,slippage:de,affiliateRef:De,affiliatePercent:It,affiliateWallets:Kt});r?.routing&&(ot.experimental=!0),t(ot).then(He=>{v(!1),c(He),wn(He);let _=Zo(He,{fromToken:j,toToken:oe,userSlippage:T,tokens:i});U(_)}).catch(He=>{let{error:_}=vn(He);(_?.type===0||_?.type===1)&&m(),_?.type!==2&&(C(_),v(!1))})}},"fetch"),D=vf(Ss(I=>{M||w(I)},bf),[M]);return xf(()=>{if(!Xt(p)||u?.eq(0)){N(!1),e();return}if(!M)return m(),N(!0),D({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:b,slippage:T,affiliateRef:x,affiliatePercent:y,affiliateWallets:f}),e},[p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,M,o?.length,n,b.length,T,x,y,JSON.stringify(f)]),{fetch:()=>w({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:b,slippage:T,affiliateRef:x,affiliatePercent:y,affiliateWallets:f}),loading:g,error:S,warning:B}}s(Zl,"useSwapInput");var Bf=oi("div",{display:"flex",flexDirection:"column",overflowY:"visible","& .quote__container":{paddingTop:"$2"}}),Mf=oi("div",{position:"relative"}),$f=oi("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function ep(){let t=Lf(),{fetch:e,loading:o,error:n,warning:r}=Zl(),{fromToken:i,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:m,inputUsdValue:c,outputAmount:h,outputUsdValue:d,quote:y,resetQuoteWallets:x,setQuoteWarningsConfirmed:f}=z(),b=k().fetchStatus,g=G.use.connectedWallets(),v=we.use.setCurrentPage(),[S,C]=Nf(!1),B=Wf(null),U=!1,T=!cr(y,m,c),P=!cr(y,m,d),M=Ps({fetchMetaStatus:b,fetchingQuote:o,inputAmount:m,quote:y,anyWalletConnected:g.length>0,error:n,warning:r,needsToWarnEthOnPath:U}),N=a&&i?A(Lt(g,a?.name,i?.symbol,i?.address)?.amount||"0",8,8):"0",w=a&&i?A(Lt(g,a?.name,i?.symbol,i?.address)?.amount||"0",Lt(g,a?.name,i?.symbol,i?.address)?.decimal):"0";If(()=>(v($.home),x(),v.bind(null,"")),[]);let D=!c||!d||!d.gt(0)?null:Ne(c.toString(),d.toString());return Pe.createElement(X,{ref:B,fixedHeight:!1,hasLogo:!0,footer:Pe.createElement(Ef,{type:"primary",size:"large",disabled:M.disabled,prefix:M.action==="confirm-warning"&&Pe.createElement(Af,null),fullWidth:!0,onClick:()=>{M.action==="connect-wallet"?t($.wallets):M.action==="confirm-warning"?C(!0):t($.confirmSwap)}},M.title),header:{onWallet:()=>{t($.wallets)},hasBackButton:!1,title:ti.t("Swap"),suffix:Pe.createElement(xr,{layoutRef:B.current,onClickRefresh:y||n?e:void 0,onClickHistory:()=>t($.swaps),onClickSettings:()=>t($.settings)})}},Pe.createElement(Bf,null,Pe.createElement($f,null,Pe.createElement(Mf,null,Pe.createElement(Rl,{label:ti.t("From"),mode:"From",onInputChange:u,balance:N,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:i?.symbol||"",image:i?.image||""},onClickToken:()=>t($.fromSwap),price:{value:m,usdValue:T?void 0:A(c,4,4),error:T?H().unknownPriceError.impactTitle:void 0},disabled:b==="failed",loading:b==="loading",onSelectMaxBalance:()=>{N!=="0"&&u(w.split(",").join(""))}}),Pe.createElement(Jl,null)),Pe.createElement(Rl,{sharpBottomStyle:!!y?.result||o,label:ti.t("To"),mode:"To",fetchingQuote:o,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:A(Ne(c,d),2,2),warningLevel:nt(D??0),price:{value:A(h,6,6),usdValue:P?void 0:A(d,4,4),error:P?H().unknownPriceError.impactTitle:void 0},onClickToken:()=>t($.toSwap),disabled:b==="failed",loading:b==="loading"})),Pe.createElement("div",{className:"quote__container"},Pe.createElement(ao,{quote:y,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:S,onOpenWarningModal:()=>C(!0),onCloseWarningModal:()=>C(!1),onConfirmWarningModal:()=>{C(!1),f(!0),t($.confirmSwap)},onChangeSettings:()=>t($.settings)}))))}s(ep,"Home");import{i18n as tp}from"@lingui/core";import{List as Pf,ListItemButton as _f,Radio as Df,RadioRoot as Ff,Typography as Uf}from"@rango-dev/ui";import yt from"react";import{styled as In}from"@rango-dev/ui";var at=In("div",{height:"100%",overflow:"hidden"}),uo=In("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ni=In("div",{width:80,display:"flex",justifyContent:"flex-end"}),ri=In("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Wn(){let t=O.use.language(),e=O.use.setLanguage();return{activeLanguage:t,languages:Cs,defaultLanguage:Yt,changeLanguage:r=>e(r||Yt)}}s(Wn,"useLanguage");function op(){let{activeLanguage:t,changeLanguage:e,languages:o}=Wn(),n=o.map(r=>{let{local:i,label:a,SVGFlag:l}=r;return{id:i,value:i,title:yt.createElement(Uf,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:yt.createElement(Df,{value:i}),start:yt.createElement(l,null)}});return yt.createElement(X,{header:{title:tp.t("Language")}},yt.createElement(at,null,yt.createElement(Ff,{value:t},yt.createElement(Pf,{type:yt.createElement(_f,{title:tp.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}s(op,"LanguagePage");import{i18n as Gt}from"@lingui/core";import{Button as Qf,Checkbox as Hf,Image as Vf,ListItemButton as jf,NotFound as Kf,Typography as Xf}from"@rango-dev/ui";import Ce,{useState as Yf}from"react";import{Checkbox as qf,Skeleton as rp}from"@rango-dev/ui";import co from"react";import{ListItem as Of,styled as zf}from"@rango-dev/ui";var np=zf(Of,{height:61});var Gf=30;function ii(){return co.createElement(uo,null,Array.from(Array(Gf),t=>co.createElement(np,{hasDivider:!0,key:t,start:co.createElement(rp,{variant:"circular",width:35,height:35}),title:co.createElement(rp,{variant:"text",size:"large",width:90}),end:co.createElement(qf,{checked:!1})})))}s(ii,"LoadingLiquiditySourceList");function si({sourceType:t}){let e=k().fetchStatus,o=k().swappers(),[n,r]=Yf(""),i=O.use.toggleLiquiditySource(),a=Uo(o),l=[];t==="Exchanges"&&l.push("DEX"),t==="Bridges"&&(l.push("BRIDGE"),l.push("AGGREGATOR"));let p=a.filter(y=>l.includes(y.type)),u=p.length===p.filter(y=>y.selected).length,m=s(()=>{p.forEach(y=>{u?i(y.groupTitle):y.selected||i(y.groupTitle)})},"toggleAllSources"),c=p.map(y=>{let{selected:x,groupTitle:f,logo:b}=y;return{start:Ce.createElement(Vf,{src:b,size:22,type:"circular"}),onClick:()=>i(f),end:Ce.createElement(Hf,{checked:x}),title:Ce.createElement(Xf,{variant:"title",size:"xmedium"},Gt.t(f)),...y}}),h=s(y=>{let x=y.target.value;r(x)},"searchHandler"),d=c;return n&&(d=c.filter(y=>je(y.groupTitle,n))),Ce.createElement(X,{header:{title:Gt.t(t),suffix:Ce.createElement(ni,null,Ce.createElement(Qf,{variant:"ghost",size:"xsmall",onClick:m},Gt.t(u?"Deselect all":"Select all")))}},Ce.createElement(at,null,Ce.createElement(st,{value:n,setValue:r,fullWidth:!0,color:"light",variant:"contained",placeholder:Gt.t("Search {sourceType}",{sourceType:t}),onChange:h}),e==="loading"&&Ce.createElement(ii,null),!d.length&&n?Ce.createElement(ri,null,Ce.createElement(Kf,{title:Gt.t("No results found"),description:Gt.t("Try using different keywords")})):e==="success"&&Ce.createElement(uo,null,d.map(y=>Ce.createElement(Ce.Fragment,{key:y.id},Ce.createElement(jf,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}s(si,"LiquiditySourcePage");import{i18n as mp}from"@lingui/core";import{Divider as ui,getCountCategories as ig,SelectableCategoryList as sg}from"@rango-dev/ui";import lt,{useState as dp}from"react";import{i18n as li}from"@lingui/core";import{Divider as up,Image as eg,ListItemButton as tg,NotFound as og,Typography as cp}from"@rango-dev/ui";import _e,{useEffect as ng,useState as rg}from"react";import{BlockchainCategories as ai}from"@rango-dev/ui";import{TransactionType as Nn}from"rango-sdk";var Jf=s((t,e)=>{switch(e){case ai.ALL:return!0;case ai.UTXO:return t.type===Nn.TRANSFER;case ai.OTHER:return t.type!==Nn.TRANSFER&&t.type!==Nn.COSMOS&&t.type!==Nn.EVM;default:return t.type===e}},"filterByType"),ip=s((t,e,o)=>t.filter(n=>Jf(n,o)).filter(n=>Ct(n.name,e)||Ct(n.displayName,e)),"filterBlockchains");import{styled as sp}from"@rango-dev/ui";var ap=sp("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Ln=sp("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Zf,Skeleton as lp}from"@rango-dev/ui";import Bn from"react";var Rf=20;function pp(){return Bn.createElement(Ln,null,Array.from(Array(Rf),t=>Bn.createElement(Zf,{key:t,hasDivider:!0,start:Bn.createElement(lp,{variant:"circular",width:35,height:35}),title:Bn.createElement(lp,{variant:"text",size:"large",width:90})})))}s(pp,"LoadingBlockchainList");function pi(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[i,a]=rg(e),{fetchStatus:l}=k();ng(()=>{a([...ip(e,o,r)])},[e,o,r]);let p=s(()=>!i.length&&o?_e.createElement(_e.Fragment,null,_e.createElement(up,{size:32}),_e.createElement(og,{title:li.t("No results found"),description:li.t("Try using different keywords")})):_e.createElement(Ln,{key:`${r}-${o}`},i.map(u=>_e.createElement(tg,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:_e.createElement(eg,{src:u.logo,size:30}),title:_e.createElement(cp,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return _e.createElement(ap,null,_e.createElement(cp,{variant:"label",size:"large"},li.t("Select Blockchain")),_e.createElement(up,{size:4}),l==="loading"&&_e.createElement(pp,null),l==="success"&&p())}s(pi,"BlockchainList");function ci(t){let{type:e}=t,o=dt(),[n,r]=dp(""),[i,a]=dp("ALL"),l=z.use.setToBlockchain(),p=z.use.setFromBlockchain(),u=k().fetchStatus,m=k().blockchains({type:e}),h=ig(m)!==1;return lt.createElement(X,{header:{title:mp.t("Select Blockchain")}},lt.createElement(ui,{size:12}),h&&lt.createElement(lt.Fragment,null,lt.createElement(sg,{setCategory:a,category:i,blockchains:m,isLoading:u==="loading"}),lt.createElement(ui,{size:24})),lt.createElement(st,{value:n,autoFocus:!0,placeholder:mp.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),lt.createElement(ui,{size:16}),lt.createElement(pi,{list:m,searchedFor:n,blockchainCategory:i,onChange:d=>{e==="source"?p(d):l(d),o()}}))}s(ci,"SelectBlockchainPage");import{i18n as Bp}from"@lingui/core";import{Divider as Mp}from"@rango-dev/ui";import Qt,{useState as vg}from"react";import{useNavigate as xg}from"react-router-dom";import{i18n as fi}from"@lingui/core";import{BlockchainsChip as Mn,Divider as yp,Image as Sp,Skeleton as cg,Typography as gi}from"@rango-dev/ui";import he from"react";import{useEffect as pg}from"react";var fp=["ETH","COSMOS","OSMOSIS"];function mi(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(ag),o?.limit&&t.length>o.limit){let i=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let u=n[p];a=a.filter(m=>u.name!==m)}}n.sort(lg(a)),r=n.splice(i)}return{list:n,more:r}}s(mi,"prepare");function ag(t,e){let o=fp,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(ag,"sortByMostUsedBlockchains");function lg(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(lg,"generateSortByPreferredBlockchainsFor");function gp(t,e){return!!e.list.find(o=>o.name===t)}s(gp,"isInVisibleList");function di(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=O();pg(()=>{if(e?.selected){let i=mi(t,o,e);gp(e.selected,i)||n(e?.selected)}},[e?.selected]);let r=mi(t,o,e);return{list:r.list,more:r.more,history:[]}}s(di,"usePrepareBlockchainList");import{styled as ug}from"@rango-dev/ui";var hp=ug("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var mg=12;function hi(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:i}=t,a=di(e,{limit:10,selected:n?.name}),{fetchStatus:l}=k(),p=z.use.resetToBlockchain(),u=z.use.resetFromBlockchain(),m=a.more.length>0,c=a.more.length===1,h=!c&&m;return he.createElement("div",null,he.createElement(yp,{size:12}),he.createElement(gi,{variant:"label",size:"large"},fi.t("Select Blockchain")),he.createElement(yp,{size:12}),he.createElement(hp,null,l==="loading"&&Array.from(Array(mg),d=>he.createElement(cg,{key:d,variant:"rounded",height:50})),l==="success"&&he.createElement(he.Fragment,null,he.createElement(Mn,{selected:!n,onClick:()=>{o==="from"?u():p()}},he.createElement(gi,{variant:"body",size:"xsmall",color:"secondary500"},fi.t("All"))),a.list.map(d=>he.createElement(Mn,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},he.createElement(Sp,{src:d.logo,size:30}))),c?he.createElement(Mn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},he.createElement(Sp,{src:a.more[0].logo,size:30})):null,h?he.createElement(Mn,{onClick:i,key:"more-blockchains"},he.createElement(gi,{variant:"body",size:"xsmall",color:"secondary500"},fi._("More +{count}",{count:a.more.length}))):null)))}s(hi,"BlockchainsSection");import{i18n as Ti}from"@lingui/core";import{darkTheme as Ap,Divider as fo,ExternalLinkIcon as gg,Image as hg,ListItemButton as yg,NotFound as Sg,PinIcon as Cg,Skeleton as Ip,Typography as go,VirtualizedList as kg}from"@rango-dev/ui";import F,{forwardRef as Tg,useEffect as Wp,useState as Np}from"react";var Cp=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,m=(l.length<2?"0":"")+l;return`#${p}${u}${m}`},"colorShade"),$n=s((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:Cp(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:Cp(e,-((l-5)*25))});return a},"generateRangeColors"),yi=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=$n(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,...$n(i,a)}}return n?r:{}},"generateColors");import{Divider as bp,ListItem as fg,Skeleton as mo}from"@rango-dev/ui";import Qe from"react";import{darkTheme as kp,styled as Re,Typography as dg}from"@rango-dev/ui";var Tp=Re("div",{display:"flex",flexDirection:"column",flexGrow:1}),Si=Re("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Pn=Re("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none",".description":{position:"relative",height:12,width:150,".token-title":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"},".token-address":{transform:"translateY(12px)",visibility:"hidden","& a":{fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${kp} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}},".token-name":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}},"&:hover":{".description":{".token-address":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},".token-address-without-name":{bottom:"-15px"},".token-name":{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},".token-title":{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Ci=Re("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),ki=Re(dg,{}),wp=Re("div",{textAlign:"right",".usd-value":{$$color:"$colors$neutral600",[`.${kp} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),_n=Re("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),rW=Re("div",{display:"flex",alignItems:"center"}),vp=Re("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),xp=Re("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function Ep(t){return Qe.createElement(Pn,null,Array.from(Array(t.size),e=>Qe.createElement(fg,{key:e,hasDivider:!0,start:Qe.createElement(mo,{variant:"circular",width:35,height:35}),end:Qe.createElement(_n,null,Qe.createElement(mo,{variant:"text",size:"large",width:70}),Qe.createElement(bp,{size:4}),Qe.createElement(mo,{variant:"text",size:"medium",width:50})),title:Qe.createElement("div",null,Qe.createElement(mo,{variant:"text",size:"large",width:90}),Qe.createElement(bp,{size:4}),Qe.createElement(mo,{variant:"text",size:"medium",width:90}))})))}s(Ep,"LoadingTokenList");var wi=20,wg=s(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:i,customCssForTagTitle:a}=t,l=e.length;return F.createElement("div",{className:"description"},o?F.createElement("div",{className:"token-name"},o):F.createElement(Si,{className:"token-title"},F.createElement(go,{variant:"title",size:"xmedium"},r.symbol),F.createElement(fo,{direction:"horizontal",size:4}),F.createElement(Ci,{css:i},F.createElement(ki,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&F.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},F.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," ",F.createElement(gg,{color:"gray",size:12}))))},"renderDesc");function Lp(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[i,a]=Np(e),l=k().fetchStatus,p=k().blockchains(),[u,m]=Np(!0),c=G.use.loading(),{isTokenPinned:h}=k(),d=Tg((f,b)=>F.createElement("div",{...f,ref:b,style:{...f.style,height:`${parseFloat(f.style?.height)+8*2}px`}})),y=s(()=>{a(e.slice(0,i.length+wi))},"loadNextPage");Wp(()=>{m(e.length>i.length)},[i.length]),Wp(()=>{a(e.slice(0,wi))},[e]);let x=s(()=>!i.length&&o?F.createElement(F.Fragment,null,F.createElement(fo,{size:32}),F.createElement(Sg,{title:Ti.t("No results found"),description:Ti.t("Try using different keywords")})):F.createElement(kg,{Item:({index:f,style:b})=>{let g=i[f],v=g.address||"",S=p.find(T=>T.name===g.blockchain),C=$n(g.symbol,S?.color||""),B={$$color:C[`${g.symbol}100`],[`.${Ap} &`]:{$$color:C[`${g.symbol}900`]},backgroundColor:"$$color"},U={$$color:C[`${g.symbol}700`],[`.${Ap} &`]:{$$color:C[`${g.symbol}100`]},color:"$$color"};return F.createElement("div",{style:{...b,paddingRight:5}},F.createElement(yg,{style:{height:b?.height},"tab-index":f,key:`${g.symbol}${g.address}`,id:`${g.symbol}${g.address}`,hasDivider:!0,onClick:()=>n(i[f]),start:F.createElement(vp,null,F.createElement(hg,{src:g.image,size:30}),h(g)&&F.createElement(xp,null,F.createElement(Cg,{size:12,color:"gray"}))),title:S?.type==="COSMOS"||g.name||!g.name&&!v?F.createElement(Si,null,F.createElement(go,{variant:"title",size:"xmedium"},g.symbol),F.createElement(fo,{direction:"horizontal",size:4}),F.createElement(Ci,{css:B},F.createElement(ki,{variant:"body",size:"xsmall",css:U},g.blockchain))):void 0,description:S?.info&&v&&S.type!=="COSMOS"?wg({address:v,token:i[f],customCssForTag:B,customCssForTagTitle:U,name:g.name,url:S.info.addressUrl.split("{wallet}").join(v)}):g.name||void 0,end:c?F.createElement(_n,null,F.createElement(Ip,{variant:"text",size:"large",width:70}),F.createElement(fo,{size:4}),F.createElement(Ip,{variant:"text",size:"medium",width:50})):i[f]?.balance&&F.createElement(wp,null,F.createElement(go,{variant:"title",size:"small"},g.balance?.amount),F.createElement("div",null),g.balance?.usdValue&&F.createElement(go,{variant:"body",className:"usd-value",size:"xsmall"},`$${g.balance?.usdValue}`))}))},hasNextPage:u,itemCount:i.length,loadNextPage:y,innerElementType:d,size:60,key:`${r}-${o}`}),"renderList");return F.createElement(Tp,null,F.createElement(go,{variant:"label",size:"large"},Ti.t("Select Token")),F.createElement(fo,{size:4}),l==="loading"&&F.createElement(Ep,{size:wi}),l==="success"&&F.createElement(Pn,null,x()))}s(Lp,"TokenList");function vi(t){let{type:e}=t,o=xg(),n=dt(),{fromBlockchain:r,toBlockchain:i,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=z(),{connectedWallets:m}=G(),[c,h]=vg(""),y=(e==="source"?r:i)?.name??"",x=k().blockchains({type:e}),f=k().tokens({type:e,blockchain:y,searchFor:c}),b=ms(f,m),g=s(S=>{e==="source"?p(S):u(S)},"updateBlockchain"),v=s(S=>{e==="source"?a({token:S,meta:{blockchains:x,tokens:f}}):l({token:S,meta:{blockchains:x,tokens:f}})},"updateToken");return Qt.createElement(X,{header:{title:Bp.t("Swap {type}",{type:e})}},Qt.createElement(hi,{blockchains:x,type:e=="source"?"from":"to",blockchain:e==="source"?r:i,onMoreClick:()=>o($.blockchains),onChange:S=>{g(S)}}),Qt.createElement(Mp,{size:24}),Qt.createElement(st,{value:c,autoFocus:!0,placeholder:Bp.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>h(""),onChange:S=>h(S.target.value)}),Qt.createElement(Mp,{size:16}),Qt.createElement(Lp,{list:b,selectedBlockchain:y,searchedFor:c,onChange:S=>{v(S);let C=x.find(B=>S.blockchain===B.name);C&&g(C),n()}}))}s(vi,"SelectSwapItemsPage");import{i18n as Et}from"@lingui/core";import{ChevronRightIcon as Ei,Divider as Ai,InfoIcon as Ng,List as Lg,ListItemButton as Bg,Skeleton as Mg,Switch as $g,Tooltip as Pg,Typography as At}from"@rango-dev/ui";import V from"react";import{useNavigate as _g}from"react-router-dom";import{i18n as Fp}from"@lingui/core";import{Chip as Eg,Divider as Up,InfoIcon as Ag,TextField as Ig,Tooltip as Wg,Typography as Op}from"@rango-dev/ui";import ve from"react";import{styled as Dn}from"@rango-dev/ui";var $p=Dn("div",{paddingTop:"$5",paddingBottom:"30px"}),Pp=Dn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),_p=Dn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Fn=Dn("div",{maxWidth:"300px",padding:"$10"});import{i18n as xi}from"@lingui/core";import{Typography as bg}from"@rango-dev/ui";import ho from"react";function Dp(){return ho.createElement(Fn,null,ho.createElement(bg,{variant:"label",size:"medium",color:"neutral700"},xi.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),ho.createElement("br",null),ho.createElement("br",null),ho.createElement("b",null,xi.t("Warning")),":",xi.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}s(Dp,"SlippageTooltipContent");function bi(){let t=O.use.slippage(),e=O.use.setSlippage(),o=O.use.customSlippage(),n=O.use.setCustomSlippage();return ve.createElement($p,null,ve.createElement(_p,null,ve.createElement(Op,{variant:"title",size:"xmedium"},Fp.t("Slippage tolerance per swap")),ve.createElement(Up,{direction:"horizontal",size:4}),ve.createElement(Wg,{container:K(),side:"top",content:ve.createElement(Dp,null)},ve.createElement(Ag,{color:"gray"}))),ve.createElement(Pp,null,ks.map((r,i)=>{let a=`slippage-${i}`;return ve.createElement(ve.Fragment,null,ve.createElement(Eg,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),ve.createElement(Up,{direction:"horizontal",size:8}))}),ve.createElement(Ig,{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>=xs&&i<=vs)&&n(i)},suffix:o&&ve.createElement(Op,{variant:"body",size:"small"},"%"),placeholder:Fp.t("Custom")})))}s(bi,"Slippage");function zp(){let t=_g(),{theme:e}=k().config,o=k().fetchStatus,n=k().swappers(),r=O.use.infiniteApprove(),i=O.use.toggleInfiniteApprove(),a=Uo(n),l=a.filter(v=>v.type==="BRIDGE"||v.type==="AGGREGATOR"),p=l.length,u=l.filter(v=>v.selected).length,m=a.filter(v=>v.type==="DEX"),c=m.length,h=m.filter(v=>v.selected).length,d=s((v,S)=>{switch(o){case"loading":return V.createElement(Mg,{variant:"text",size:"medium",width:50});case"failed":return V.createElement(At,{variant:"body",size:"medium",color:"$error500"},Et.t("Loading failed"));default:return V.createElement(At,{variant:"body",size:"medium"},`${v} / ${S}`)}},"handleEndItem"),y={id:"bridge-item",title:V.createElement(At,{variant:"title",size:"xmedium"},Et.t("Enabled bridges")),end:V.createElement(V.Fragment,null,d(u,p),V.createElement(Ai,{direction:"horizontal",size:8}),V.createElement(Ei,{color:"black"})),onClick:()=>t($.bridges)},x={id:"exchange-item",title:V.createElement(At,{variant:"title",size:"xmedium"},Et.t("Enabled exchanges")),end:V.createElement(V.Fragment,null,d(h,c),V.createElement(Ai,{direction:"horizontal",size:8}),V.createElement(Ei,{color:"gray"})),onClick:()=>t($.exchanges)},f={id:"theme-item",title:V.createElement(At,{variant:"title",size:"xmedium"},Et.t("Theme")),end:V.createElement(Ei,{color:"gray"}),onClick:()=>t($.themes)},b={id:"infinite-approval-item",title:V.createElement(V.Fragment,null,V.createElement(At,{variant:"title",size:"xmedium"},Et.t("Infinite Approval")),V.createElement(Ai,{direction:"horizontal",size:4}),V.createElement(Pg,{side:"top",container:K(),content:V.createElement(Fn,null,V.createElement(At,{variant:"label",size:"medium",color:"neutral700"},Et.t("Enabling the 'Infinite Approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},V.createElement(Ng,{color:"gray"}))),end:V.createElement($g,{checked:r}),onClick:i},g=[y,x];return e?.singleTheme||g.push(f),g.push(b),V.createElement(X,{header:{title:Et.t("Setting")}},V.createElement(at,null,V.createElement(bi,null),V.createElement(Lg,{type:V.createElement(Bg,{title:"_",id:"_",onClick:()=>console.log()}),items:g})))}s(zp,"SettingsPage");import{cancelSwap as Nh}from"@rango-dev/queue-manager-rango-preset";import{useManager as Lh}from"@rango-dev/queue-manager-react";import Cu from"react";import{i18n as pt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as ch,getCurrentStep as mh,getRelatedWalletOrNull as dh,PendingSwapNetworkStatus as Kn}from"@rango-dev/queue-manager-rango-preset";import{Button as cu,CopyIcon as fh,Divider as gh,IconButton as hh,QuoteCost as yh,StepDetails as Sh,Typography as Vt,useCopyToClipboard as Ch}from"@rango-dev/ui";import{useWallets as kh}from"@rango-dev/wallets-react";import Y,{useEffect as mu,useRef as Th,useState as du}from"react";import{useNavigate as wh}from"react-router-dom";import{i18n as xe}from"@lingui/core";var Dg=1e3,Fg=31536e3,Ug=2592e3,Og=86400,zg=3600,qg=60;function qp(t){let e=Math.floor((Date.now()-t)/Dg),n=[{turningPoint:Fg,label:xe.t("year"),pluralLabel:xe.t("years")},{turningPoint:Ug,label:xe.t("month"),pluralLabel:xe.t("months")},{turningPoint:Og,label:xe.t("day"),pluralLabel:xe.t("days")},{turningPoint:zg,label:xe.t("hour"),pluralLabel:xe.t("hours")},{turningPoint:qg,label:xe.t("minute"),pluralLabel:xe.t("minutes")}].sort((r,i)=>i.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:i,label:a,pluralLabel:l}=r,p=Math.floor(e/i);if(p>1)return`${p} ${l}`;if(p===1)return`${p} ${a}`}return e>1?`${e} ${xe.t("seconds")}`:`${e} ${xe.t("second")}`}s(qp,"timeSince");function Gp(t){return t.finishTime?xe.t({id:"{time} ago",values:{time:qp(parseInt(t.finishTime))}}):xe.t({id:"{time} ago",values:{time:qp(parseInt(t.creationTime))}})}s(Gp,"getSwapDate");import{PendingSwapNetworkStatus as zn}from"@rango-dev/queue-manager-rango-preset";import{Modal as Xg}from"@rango-dev/ui";import qn from"react";import{i18n as Un}from"@lingui/core";import{Button as Qp,Divider as Ii,MessageBox as Gg,Typography as Hp}from"@rango-dev/ui";import et from"react";var Vp=s(({onCancel:t,onClose:e})=>et.createElement(et.Fragment,null,et.createElement(Ii,{size:20}),et.createElement(Gg,{type:"error",title:Un.t("Cancel Swap"),description:Un.t("Are you sure you want to cancel this swap?")}),et.createElement(Ii,{size:32}),et.createElement(Qp,{variant:"contained",type:"primary",size:"large",onClick:t},et.createElement(Hp,{variant:"title",size:"medium",color:"neutral100"},Un.t("Yes, Cancel it"))),et.createElement(Ii,{size:12}),et.createElement(Qp,{variant:"outlined",type:"primary",size:"large",onClick:e},et.createElement(Hp,{variant:"title",size:"medium",color:"primary"},Un.t("No, Continue")))),"CancelContent");import{i18n as On}from"@lingui/core";import{Button as jp,Divider as Wi,MessageBox as Qg,Typography as Kp}from"@rango-dev/ui";import tt from"react";var Xp=s(({onDelete:t,onClose:e})=>tt.createElement(tt.Fragment,null,tt.createElement(Wi,{size:20}),tt.createElement(Qg,{type:"error",title:On.t("Delete Transaction"),description:On.t("Are you sure you want to delete this swap?")}),tt.createElement(Wi,{size:32}),tt.createElement(jp,{variant:"contained",type:"primary",size:"large",onClick:t},tt.createElement(Kp,{variant:"title",size:"medium",color:"neutral100"},On.t("Yes, Delete it"))),tt.createElement(Wi,{size:12}),tt.createElement(jp,{variant:"outlined",type:"primary",size:"large",onClick:e},tt.createElement(Kp,{variant:"title",size:"medium",color:"primary"},On.t("No, Cancel")))),"DeleteContent");import{i18n as Ni}from"@lingui/core";import{PendingSwapNetworkStatus as Li}from"@rango-dev/queue-manager-rango-preset";var Bi={[Li.WaitingForNetworkChange]:{type:"loading",title:Ni.t("Change Network")},[Li.WaitingForConnectingWallet]:{type:"warning",title:Ni.t("Connect Wallet")},[Li.NetworkChanged]:{type:"success",title:Ni.t("Network Changed")}};import{MessageBox as Vg,Wallet as jg,WalletState as Jp}from"@rango-dev/ui";import{useWallets as Kg}from"@rango-dev/wallets-react";import yo from"react";import{styled as Hg}from"@rango-dev/ui";var Yp=Hg("div",{display:"flex",justifyContent:"center"});var Zp=s(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:i}=t,{connect:a,getWalletInfo:l,state:p}=Kg(),u=n?.walletType,c=u&&p(u).connected?Jp.CONNECTED:Jp.DISCONNECTED;return yo.createElement(yo.Fragment,null,yo.createElement(Vg,{type:e,title:o,description:r}),i&&u&&yo.createElement(Yp,null,yo.createElement(jg,{container:K(),title:l(u).name,image:l(u).img,type:u,state:c,onClick:async()=>a(u)})))},"WalletStateContent");function Mi(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(Xg,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&qn.createElement(Zp,{type:Bi[e].type,title:Bi[e].title,currentStepWallet:i,message:a,showWalletButton:e!==zn.WaitingForNetworkChange}),e==="delete"&&qn.createElement(Xp,{onClose:o,onDelete:n}),e==="cancel"&&qn.createElement(Vp,{onClose:o,onCancel:r}))}s(Mi,"SwapDetailsModal");import{i18n as So}from"@lingui/core";import{Button as $i,Divider as Gn,MessageBox as Rp,Modal as Yg,TokenAmount as Jg,Typography as Qn}from"@rango-dev/ui";import ce from"react";import{useNavigate as Zg}from"react-router-dom";function Pi(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:i,token:a,chain:l,percentageChange:p,description:u,diagnosisUrl:m}=t,c=Zg();return ce.createElement(Yg,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ce.createElement(Rp,{type:"success",title:So.t("Swap Successful")},ce.createElement(Jg,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:i},token:a,chain:l,percentageChange:p}),ce.createElement(Gn,{size:12}),ce.createElement(Qn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):ce.createElement(Rp,{type:"error",title:So.t("Transaction Failed"),description:u}),ce.createElement(Gn,{size:32}),n==="success"&&ce.createElement($i,{variant:"contained",type:"primary",size:"large",onClick:()=>{c("../../")}},ce.createElement(Qn,{variant:"title",size:"medium",color:"neutral100"},So.t("Done"))),ce.createElement(Gn,{size:12}),m&&ce.createElement(ce.Fragment,null,ce.createElement($i,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},ce.createElement(Qn,{variant:"title",size:"medium",color:"primary"},So.t("Diagnosis"))),ce.createElement(Gn,{size:12})),ce.createElement($i,{variant:"outlined",type:"primary",size:"large",onClick:o},ce.createElement(Qn,{variant:"title",size:"medium",color:"primary"},So.t("See Details"))))}s(Pi,"SwapDetailsCompleteModal");import ph from"react";import{i18n as ih}from"@lingui/core";import{Alert as iu,IconButton as sh,LinkIcon as ah}from"@rango-dev/ui";import St,{Fragment as lh}from"react";import{Alert as Rg,ChevronDownIcon as eh,ChevronUpIcon as th,IconButton as oh}from"@rango-dev/ui";import Hn,{useState as nh}from"react";function eu(t){let{message:e}=t,[o,n]=nh(!1);return Hn.createElement(Rg,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Hn.createElement(oh,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Hn.createElement(th,{size:12,color:"gray"}):Hn.createElement(eh,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}s(eu,"FailedAlert");import{styled as rh}from"@rango-dev/ui";var tu=rh("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as ou}from"@lingui/core";import{PendingSwapNetworkStatus as _i}from"@rango-dev/queue-manager-rango-preset";import{Alert as Di,Button as nu}from"@rango-dev/ui";import Co from"react";function ru(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Co.createElement(Di,{type:"warning",title:n.shortMessage,action:Co.createElement(nu,{size:"xxsmall",type:"warning",onClick:()=>{o(_i.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},ou.t("Change"))}):r===_i.WaitingForConnectingWallet?Co.createElement(Di,{type:"warning",title:n.shortMessage,action:Co.createElement(nu,{size:"xxsmall",type:"warning",onClick:()=>{o(_i.WaitingForConnectingWallet)}},ou.t("Connect"))}):Co.createElement(Di,{type:"warning",title:n.shortMessage})}s(ru,"WarningAlert");function Fi(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 St.createElement(tu,null,i.explorerUrl?.map((m,c,h)=>{let d=c+m.url,y=c===h.length-1,x=y&&u||p,f=y&&i.status==="failed";return St.createElement(lh,{key:d},St.createElement(iu,{type:x&&"loading"||f&&"error"||"success",title:m.description?`${m.description} Tx`:ih.t("View transaction"),action:m.url&&St.createElement(sh,{variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},St.createElement(ah,{size:16}))}))}),(u&&!a||p&&!i.explorerUrl?.length)&&St.createElement(iu,{type:"loading",title:r.shortMessage}),i.status!=="failed"&&l&&St.createElement(ru,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),i.status==="failed"&&St.createElement(eu,{message:r}))}s(Fi,"SwapDetailsAlerts");var su=2e3;var au=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:Ye(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:A(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:Ye(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:A(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:ph.createElement(Fi,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function lu(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(lu,"getStepState");import{darkTheme as uh,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",[`.${uh} &`]:{$$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%"}),pu=Ht("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),UL=Ht("div",{display:"flex",flexDirection:"column",gap:"$10"}),uu=Ht("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),OL=Ht("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function Ui(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:i,connect:a,getWalletInfo:l}=kh(),p=k().blockchains(),u=k().tokens(),m=z.use.retry(),c=wh(),[h,d]=Ch(su),y=Th(null),[x,f]=du(null),[b,g]=du(null),v=s(()=>{r(),f(null)},"onCancel"),S=Le.use.getUnreadNotifications(),C=Le.use.setAsRead(),B=S(),U=mh(e),T=U?.networkStatus;mu(()=>{B.find(ae=>ae.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(g(e.status),C(e.requestId))},[e.status]),mu(()=>{j?f(Kn.WaitingForNetworkChange):T===Kn.WaitingForConnectingWallet||T===Kn.NetworkChanged?f(T):f(null)},[T]);let P=Qs(e),M=U?ch(e,U):null,N=U?dh(e,U):null,w=Gp(e),D=Hs(e),I=s(q=>!!l(q)?.mobileWallet,"isMobileWallet"),j=T===Kn.WaitingForNetworkChange&&!!M&&!!N?.walletType&&(I(N.walletType)||i(N.walletType,M)),oe=j?a.bind(null,N.walletType,M):void 0,ne=Gs(e,U),Q=au({swap:e,switchNetwork:oe,showNetworkModal:T,setNetworkModal:f,message:ne,blockchains:p}),se=Q.length,[me,de]=[e.steps[0],e.steps[se-1]],De=de.outputAmount||de.expectedOutputAmountHumanReadable,It=e.steps.reduce((q,ae)=>q+parseFloat(ae.feeInUsd||""),0),Kt=e.steps.find(q=>q.diagnosisUrl)?.diagnosisUrl,ot=A(String(parseFloat(A(De,6,6))*(Po(de.toBlockchain,de.toSymbol,de.toSymbolAddress,u)||0)),4,4),He=A(String(parseFloat(e.inputAmount)*(Po(me.fromBlockchain,me.fromSymbol,me.fromSymbolAddress,u)||0)),4,4),_=Ne(He,ot),J=e.status==="success"?pt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:A(De,6,6),token:Q[se-1].to.token.displayName,conciseAddress:Do(e.wallets[Q[se-1].to.chain.displayName]?.address||""),chain:Q[se-1].to.chain.displayName}}):`${pt.t("Transaction was not sent.")} ${P?pt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:P.outputAmount,symbol:P.symbol,blockchain:P.blockchain}}):""}`;return Y.createElement(X,{noPadding:!0,header:{title:pt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>f("cancel"):void 0,suffix:e.status!=="running"&&Y.createElement(Dt,null,Y.createElement(cu,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>f("delete")},Y.createElement(Vt,{size:"medium",variant:"label",color:"error"},pt.t("Delete"))))},footer:D&&!b&&Y.createElement(cu,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{m(e,{blockchains:p,tokens:u}),setTimeout(()=>{c("../../")},0)}},pt.t("Try again"))},Y.createElement(Vn,null,Y.createElement(jn,null,Y.createElement("div",{className:"row"},Y.createElement(Vt,{variant:"label",size:"large",color:"neutral700"},`${pt.t("Request ID")}:`),Y.createElement("div",{className:"request-id"},Y.createElement(Vt,{variant:"label",size:"small",color:"neutral700"},o),Y.createElement(hh,{variant:"ghost",onClick:d.bind(null,o||"")},Y.createElement(fh,{size:16,color:"gray"})))),Y.createElement("div",{className:"row"},Y.createElement(Vt,{variant:"label",size:"large",color:"neutral700"},`${pt.t("Created at")}:`),Y.createElement(Vt,{variant:"label",size:"small",color:"neutral700"},w))),Y.createElement("div",{className:"output"},Y.createElement(yh,{fee:A(String(It),2,2),time:Wo(No(e.steps)),steps:se}),Y.createElement(oo,{from:{price:{value:A(e.inputAmount,6,6),usdValue:He},token:{displayName:Q[0].from.token.displayName,image:Q[0].from.token.image},chain:{image:Q[0].from.chain.image,displayName:Q[0].from.chain.displayName}},to:{price:{value:A(De,6,6),usdValue:ot},token:{displayName:Q[se-1].to.token.displayName,image:Q[se-1].to.token.image},chain:{image:Q[se-1].to.chain.image,displayName:Q[se-1].to.chain.displayName}},percentageChange:A(_,2,2),warningLevel:nt(_??0)})),Y.createElement("div",{className:"title-steps"},Y.createElement(Vt,{variant:"title",size:"small"},pt.t("Swaps steps"))),Y.createElement(gh,{size:8}),Y.createElement(pu,{ref:y},Q.map((q,ae)=>{let Ve=ae,Ae=lu(e.steps[ae]),Rn=Ae==="error"||Ae==="in-progress"||Ae==="warning"||Ae==="completed"&&ae===Q.length-1;return Y.createElement(Sh,{key:Ve,step:q,type:"swap-progress",ref:y,state:Ae,hasSeparator:ae!==0,tabIndex:Ve,isFocused:Rn})}))),Y.createElement(Mi,{state:x,onClose:()=>f(null),onCancel:v,onDelete:n,message:ne.detailedMessage.content,currentStepWallet:N}),Y.createElement(Pi,{open:!!b,diagnosisUrl:Kt,onClose:()=>g(null),status:e.status==="success"?"success":"failed",priceValue:A(De,6,6),usdValue:ot,percentageChange:A(_,2,2),token:{displayName:Q[se-1].to.token.displayName,image:Q[se-1].to.token.image},chain:{image:Q[se-1].to.chain.image},description:J}))}s(Ui,"SwapDetails");import{i18n as xo}from"@lingui/core";import{CopyIcon as Ah,IconButton as Ih,NotFound as Wh,Skeleton as yu,Typography as Yn}from"@rango-dev/ui";import pe from"react";import{i18n as xh}from"@lingui/core";import{ChainToken as bh,Divider as zi,Skeleton as vo,Typography as Eh}from"@rango-dev/ui";import Z from"react";import{styled as Oi}from"@rango-dev/ui";var fu=Oi("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"}}),gu=Oi("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=Oi("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as hu,Divider as ko,NextIcon as vh,Skeleton as To}from"@rango-dev/ui";import le from"react";function wo(t){let{extraInfo:e}=t;return le.createElement(gu,null,le.createElement("div",{className:"step-title"},le.createElement(To,{height:28,width:28,variant:"circular"}),le.createElement(ko,{direction:"horizontal",size:8}),le.createElement(To,{height:15,width:148,variant:"rounded"})),le.createElement("div",{className:"step-tokens"},le.createElement(ko,{direction:"horizontal",size:20}),le.createElement("div",{className:"step-token-info"},le.createElement(hu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(ko,{direction:"horizontal",size:8}),le.createElement(To,{height:12,width:76,variant:"rounded"})),le.createElement("div",{className:"step-icon-container"},le.createElement(vh,{color:"gray",size:16})),le.createElement("div",{className:"step-token-info"},le.createElement(hu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(ko,{direction:"horizontal",size:8}),le.createElement(To,{height:12,width:76,variant:"rounded"}))),e&&le.createElement("div",{className:"extra-info"},le.createElement(ko,{direction:"horizontal",size:20}),le.createElement(To,{height:22,width:297,variant:"rectangular"})))}s(wo,"LoadingSwapDetailStep");function qi(){let t=Z.createElement("div",{className:"quote-summary-item"},Z.createElement("div",{className:"token-amount"},Z.createElement(bh,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),Z.createElement(zi,{size:8,direction:"horizontal"}),Z.createElement(vo,{height:15,width:148,variant:"rounded"})),Z.createElement(vo,{height:12,width:64,variant:"rounded"}));return Z.createElement(fu,null,Z.createElement("div",{className:"cost"},Z.createElement(vo,{width:60,height:10,variant:"rounded"}),Z.createElement(zi,{size:4,direction:"horizontal"}),Z.createElement(vo,{width:60,height:10,variant:"rounded"}),Z.createElement(zi,{size:4,direction:"horizontal"}),Z.createElement(vo,{width:60,height:10,variant:"rounded"})),Z.createElement("div",{className:"quote-summary"},t,Z.createElement("div",{className:"quote-summary-separator"}),t),Z.createElement("div",{className:"swaps-steps"},Z.createElement(Eh,{variant:"title",size:"small"},xh.t("Swaps steps"))),Z.createElement("div",{className:"step-container"},Z.createElement(wo,{extraInfo:!0}),Z.createElement(Xn,null),Z.createElement(wo,null),Z.createElement(Xn,null),Z.createElement(wo,null),Z.createElement(Xn,null),Z.createElement(wo,null)))}s(qi,"LoadingSwapDetails");function Su(t){let{requestId:e,showSkeleton:o}=t;return pe.createElement(X,{noPadding:!0,header:{title:xo.t("Swap and Bridge"),suffix:pe.createElement(Dt,null)}},o&&pe.createElement(Vn,null,pe.createElement(jn,null,pe.createElement("div",{className:"row"},pe.createElement(Yn,{variant:"label",size:"large",color:"neutral700"},`${xo.t("Request ID")}:`),pe.createElement("div",{className:"request-id"},pe.createElement(Yn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(yu,{width:60,height:10,variant:"rounded"})),pe.createElement(Ih,{variant:"ghost"},pe.createElement(Ah,{size:16,color:"gray"})))),pe.createElement("div",{className:"row"},pe.createElement(Yn,{variant:"label",size:"large",color:"neutral700"},`${xo.t("Created at")}:`),pe.createElement(Yn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(yu,{width:60,height:10,variant:"rounded"})))),pe.createElement(qi,null)),!o&&pe.createElement(uu,null,pe.createElement(Wh,{title:xo.t("Not found"),description:xo.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}s(Su,"SwapDetailsPlaceholder");function ku(){let{manager:t,state:e}=Lh(),o=!e.loadedFromPersistor,n=qt(t),r=we.use.selectedSwapRequestId(),i=dt(),{fetchStatus:a}=k(),l=o||a==="loading",p=n.find(({swap:h})=>h.requestId===r),u=s(()=>{if(p?.id){let h=t?.get(p.id);h&&Nh(h)}},"onCancel"),m=s(async()=>{if(p?.id)try{t?.deleteQueue(p.id),i()}catch(h){console.log(h)}},"onDelete"),c=p?.swap;return!c||l?Cu.createElement(Su,{requestId:r||"",showSkeleton:l}):Cu.createElement(Ui,{swap:c,requestId:r||"",onCancel:u,onDelete:m})}s(ku,"SwapDetailsPage");import{i18n as bo}from"@lingui/core";import{AutoThemeIcon as Bh,DarkModeIcon as Mh,LightModeIcon as $h,List as Ph,ListItemButton as _h,Radio as Gi,RadioRoot as Dh,Typography as Qi}from"@rango-dev/ui";import be from"react";function Tu(){let t=O.use.theme(),e=O.use.setTheme(),o=[{id:"light",value:"light",title:be.createElement(Qi,{variant:"title",size:"xmedium"},bo.t("Light")),onClick:()=>e("light"),start:be.createElement($h,{color:"gray"}),end:be.createElement(Gi,{value:"light"})},{id:"dark",value:"dark",title:be.createElement(Qi,{variant:"title",size:"xmedium"},bo.t("Dark")),onClick:()=>e("dark"),start:be.createElement(Mh,{color:"gray"}),end:be.createElement(Gi,{value:"dark"})},{id:"auto",value:"auto",title:be.createElement(Qi,{variant:"title",size:"xmedium"},bo.t("Auto")),onClick:()=>e("auto"),start:be.createElement(Bh,{color:"gray"}),end:be.createElement(Gi,{value:"auto"})}];return be.createElement(X,{header:{title:bo.t("Theme")}},be.createElement(at,null,be.createElement(Dh,{onValueChange:n=>e(n),value:t},be.createElement(Ph,{type:be.createElement(_h,{title:bo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}s(Tu,"ThemePage");function wu(){return Fh([{path:$.home,element:Ee.createElement(ep,null)},{path:$.fromSwap,children:[{index:!0,element:Ee.createElement(vi,{type:"source"})},{path:$.blockchains,element:Ee.createElement(ci,{type:"source"})}]},{path:$.toSwap,children:[{index:!0,element:Ee.createElement(vi,{type:"destination"})},{path:$.blockchains,element:Ee.createElement(ci,{type:"destination"})}]},{path:$.settings,children:[{index:!0,element:Ee.createElement(zp,null)},{path:$.themes,element:Ee.createElement(Tu,null)},{path:$.languages,element:Ee.createElement(op,null)},{path:$.exchanges,element:Ee.createElement(si,{sourceType:"Exchanges"})},{path:$.bridges,element:Ee.createElement(si,{sourceType:"Bridges"})}]},{path:$.swaps,children:[{index:!0,element:Ee.createElement(Xl,null)},{path:$.swapDetails,element:Ee.createElement(ku,null)}]},{path:$.wallets,element:Ee.createElement(Fa,null)},{path:$.confirmSwap,element:Ee.createElement(Ul,null)}])}s(wu,"AppRoutes");import{isApprovalTX as Uh,MainEvents as xu,RouteEventType as bu,StepEventType as jt,StepExecutionEventStatus as Oh,useEvents as zh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Eu}from"react";import{StepExecutionBlockedEventStatus as Hi}from"@rango-dev/queue-manager-rango-preset";var vu=[Hi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,Hi.WAITING_FOR_NETWORK_CHANGE,Hi.WAITING_FOR_WALLET_CONNECT];function Au(){let t=k().tokens(),e=G.use.connectedWallets(),o=G.use.getWalletsDetails(),n=Le.use.setNotification(),r=Le.use.setAsRead(),i=zh();return Eu(()=>(i.on(xu.StepEvent,a=>{let{event:l,step:p,route:u}=a;if(l.type===jt.TX_EXECUTION&&l.status===Oh.TX_SENT&&!Uh(p)||l.type===jt.SUCCEEDED){let c=e.find(d=>d.chain===p?.fromBlockchain),h=p?.fromBlockchain!==p?.toBlockchain&&e.find(d=>d.chain===p?.toBlockchain);c&&o([c],t),h&&o([h],t)}l.type===jt.TX_EXECUTION_BLOCKED&&vu.includes(l.status)||l.type===jt.FAILED?n(l,u):(l.type===jt.TX_EXECUTION||l.type===jt.CHECK_STATUS)&&r(u.requestId)}),()=>i.all.clear()),[i,e.length]),Eu(()=>(i.on(xu.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===bu.FAILED||l.type===bu.SUCCEEDED)&&n(l,p)}),()=>i.all.clear()),[i,e.length]),null}s(Au,"WidgetEvents");import{globalCss as qh}from"@rango-dev/ui";var Iu=s(()=>qh({"@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 Ki,darkTheme as jh,lightTheme as Kh}from"@rango-dev/ui";import{useEffect as Nu,useState as Xh}from"react";import{theme as Hh,darkColors as Vh}from"@rango-dev/ui";var Wu=s(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Gh=s(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Wu(o%52)+e;return Wu(o%52)+e},"toAlphabeticName"),Qh=s((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Vi=s(t=>Gh(Qh(5381,JSON.stringify(t))>>>0),"toHash");function ji(t){let e=Hh.colors,o=yi({...e,...Vh},!0,t?.dark),n=yi(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:`${or}-light-${Vi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${or}-dark-${Vi(p)}`,tokens:p}}return{light:a,dark:l}}s(ji,"customizedThemeTokens");function Lu(t){let{colors:e,fontFamily:o=os,borderRadius:n=es,secondaryBorderRadius:r=ts,mode:i="auto"}=t,[a,l]=Xh("light"),p=O.use.theme(),u=O.use.setTheme(),{dark:m,light:c}=ji(e),h=Ki({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[h.className,Kh.className],y=[h.className,jh.className];if(c){let f=Ki(c.id,c.tokens);d.push(f.className)}if(m){let f=Ki(m.id,m.tokens);y.push(f.className)}return Nu(()=>{let f=s(b=>{b.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",f),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",f)}},[]),Nu(()=>{i!=="auto"&&u(i)},[i]),{activeTheme:s(()=>{let f=d.join(" "),b=y.join(" ");return p==="auto"?a==="dark"?b:f:p==="dark"?b:f},"getActiveTheme")}}s(Lu,"useTheme");import{styled as Yh}from"@rango-dev/ui";var Bu=Yh("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 Jn(){Iu();let{fetch:t,config:e}=k(),{activeTheme:o}=Lu(e?.theme||{}),{activeLanguage:n,changeLanguage:r}=Wn(),[i,a]=$u(""),[l,p]=$u(),u=Zh(zo);return Mu(()=>{t().catch(),O.persist.rehydrate(),Le.persist.rehydrate(),u.onConnectWallet(a)},[]),Mu(()=>{r(e?.language)},[e?.language]),Eo.createElement(Jh,{language:n},Eo.createElement(Bu,{id:"swap-container",className:o()},Eo.createElement(Au,null),Eo.createElement(ea,{lastConnectedWallet:i,disconnectedWallet:l,clearDisconnectedWallet:()=>{p(void 0)}},Eo.createElement(wu,null))))}s(Jn,"Main");import Yi,{useMemo as my}from"react";import{checkWaitingForNetworkChange as Rh,makeQueueDefinition as ey}from"@rango-dev/queue-manager-rango-preset";import{Provider as ty}from"@rango-dev/queue-manager-react";import{useWallets as oy}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as ny}from"@rango-dev/wallets-shared";import{isEvmBlockchain as ry}from"rango-types";import iy,{useMemo as sy}from"react";function ay(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:i,getWalletInfo:a}=oy(),l=sy(()=>ey({API_KEY:t.apiKey||Wt("API_KEY"),BASE_URL:Wt("BASE_URL")}),[t.apiKey]),p=k().blockchains(),m={blockchains:G.use.connectedWallets().map(g=>({accounts:[g],name:g.chain}))},c=s(async(g,v)=>{if(i(g,v))return r(g,v)},"switchNetwork"),h=s(g=>!!a(g).mobileWallet,"isMobileWallet"),d=p.filter(g=>g.enabled).reduce((g,v)=>(g[v.name]=v,g),{}),y=p.filter(ry),x=s(g=>{let{supportedChains:v}=a(g);return Mo(v)},"getSupportedChainNames"),f=e(),b={meta:{blockchains:d,evmBasedChains:y,evmNetworkChainInfo:ny(y),getSupportedChainNames:x},getSigners:o,wallets:m,providers:f,switchNetwork:c,canSwitchNetworkTo:i,connect:r,state:n,isMobileWallet:h};return iy.createElement(ty,{queuesDefs:[l],context:b,onPersistedDataLoaded:g=>{Rh(g)},isPaused:!1},t.children)}s(ay,"QueueManager");var Pu=ay;import{useManager as ly}from"@rango-dev/queue-manager-react";import py,{createContext as uy,useContext as cy}from"react";var _u=uy(void 0);function Xi(t){let{manager:e}=ly(),o=qt(e),n=G.use.connectedWallets(),r=G.use.loading(),i=cs(n),a=G.use.getWalletsDetails(),l={swaps:o,wallets:{isLoading:r,details:n,totalBalance:i,refetch:a}};return py.createElement(_u.Provider,{value:l},t.children)}s(Xi,"WidgetInfo");function Du(){let t=cy(_u);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}s(Du,"useWidget");function Zn(t){let{onUpdateState:e,config:o}=t;return my(()=>{Ri({API_KEY:o?.apiKey||Ao,BASE_URL:o?.apiUrl||Zi})},[o]),Yi.createElement(qo,{config:o,onUpdateState:e},Yi.createElement(Pu,{apiKey:o.apiKey},Yi.createElement(Xi,null,t.children)))}s(Zn,"WidgetProvider");function Fu(t){return t.config?.externalWallets?Ji.createElement(Jn,null):Ji.createElement(Zn,{config:t.config??nr},Ji.createElement(Jn,null))}s(Fu,"Widget");export{Z$ as MainEvents,R$ as RouteEventType,eP as StepEventType,tP as StepExecutionBlockedEventStatus,oP as StepExecutionEventStatus,Fu as Widget,Zn as WidgetProvider,qo as WidgetWallets,ji as customizedThemeTokens,Va as useWallets,Du as useWidget,nP as useWidgetEvents};
1
+ var Ou=Object.defineProperty;var s=(t,e)=>Ou(t,"name",{value:e,configurable:!0});import{MainEvents as R$,RouteEventType as eP,StepEventType as tP,StepExecutionBlockedEventStatus as oP,StepExecutionEventStatus as nP,useEvents as rP}from"@rango-dev/queue-manager-rango-preset";import{useWallets as ja}from"@rango-dev/wallets-react";import{Events as hr,Provider as wc}from"@rango-dev/wallets-react";import{isEvmBlockchain as vc}from"rango-sdk";import Zo,{createContext as xc,useEffect as bc,useRef as Ec}from"react";import{useEffect as Ko,useLayoutEffect as Xs,useMemo as Xo,useRef as Yo}from"react";import ac,{createContext as lc,useContext as pc,useRef as uc}from"react";import{create as sc}from"zustand";var tr={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0},Zi=s((t,e,o)=>({config:{...tr,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");import{RangoClient as zu}from"rango-sdk";var Eo="c6381a79-2817-4602-83bf-6a641a409e32",Ri="https://api.rango.exchange";var or={API_KEY:Eo};function Wt(t){return or[t]||""}s(Wt,"getConfig");function es(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),or=e,or}s(es,"initConfig");var ts=20,os=25,ns="Roboto",nr="theme-widget";var Ao,Nt=s(()=>Ao||(Ao=new zu(Wt("API_KEY"),Wt("BASE_URL")),Ao),"httpService");function Lt(t){return Array.from(new Set(t))}s(Lt,"removeDuplicateFrom");function rr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}s(rr,"areEqual");function rs(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}s(rs,"debounce");function Ct(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}s(Ct,"containsText");var K=s(()=>document.getElementById("swap-box"),"getContainer");import{create as ju}from"zustand";import{persist as Ku,subscribeWithSelector as Xu}from"zustand/middleware";import{English as qu,French as Gu,Japanese as Qu,Spanish as Hu}from"@rango-dev/ui";var is=[{title:"English",label:"English",local:"en",SVGFlag:qu},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Hu},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Gu},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Qu}],Kt="en";var ss=[.5,1,3],as=1,ls=5,ps=100,us=0;var Vu=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"),je=Vu;var O=je(ju()(Ku(Xu((t,e)=>({preferredBlockchains:[],slippage:as,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",language:Kt,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=Lt(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 Io(t){let e=O.use.disabledLiquiditySources(),o=t.map(i=>i.swapperGroup),n=[];return Lt(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(Io,"getUniqueSwappersGroups");function cs(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}s(cs,"sortLiquiditySourcesByGroupTitle");import{WalletState as Xe}from"@rango-dev/ui";import{readAccountAddress as Zu}from"@rango-dev/wallets-react";import{detectInstallLink as Ru,getCosmosExperimentalChainInfo as ec,isEvmAddress as tc,KEPLR_COMPATIBLE_WALLETS as tS,Networks as fs}from"@rango-dev/wallets-shared";import Bo from"bignumber.js";import{isCosmosBlockchain as oc}from"rango-types";import Yu from"bignumber.js";var ke=new Yu(0);import{WalletTypes as Ju}from"@rango-dev/wallets-shared";var ms=[Ju.LEAP];import{BigNumber as ds}from"bignumber.js";var Wo=s(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),A=s((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new ds(t),r=1,i=1e3;for(let a=0;a<60;a++)if(new ds(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 No=s(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Ke=s((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Xt=s(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function Lo(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(Lo,"limitDecimalPlaces");function nc(t){switch(!0){case t.connected:return Xe.CONNECTED;case t.connecting:return Xe.CONNECTING;case!t.installed:return Xe.NOT_INSTALLED;default:return Xe.DISCONNECTED}}s(nc,"mapStatusToWalletState");function gs(t,e,o,n){return o.filter(r=>!ms.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(m=>m.name===n):!0}).map(r=>{let{name:i,img:a,installLink:l}=e(r),p=nc(t(r));return{title:i,image:a,link:Ru(l),state:p,type:r}})}s(gs,"mapWalletTypesToWalletInfo");function Mo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}s(Mo,"walletAndSupportedChainsNames");function hs(t,e,o,n,r){let i=[];function a(p,u){if(!!!i.find(c=>c.chain===p)){let c={address:u,chain:p,walletType:t};i.push(c)}}s(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:m}=Zu(p),c=l.length>0,h=l.includes(m),d=m===fs.Unknown;if(c&&!h&&!d)return;let x=m===fs.Unknown&&tc(u);if(d&&!x)return;o.includes(m)||x?r?a(m,u.toLowerCase()):l.filter(g=>o.includes(g)).forEach(g=>{a(g,u.toLowerCase())}):a(m,u)}),i}s(hs,"prepareAccountsForWalletStore");function ys(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(ys,"getRequiredChains");function Bt(t,e,o,n){if(t.length===0)return null;let r=t.filter(i=>i.chain===e);return r.length===0?null:r.map(i=>i.balances?.find(a=>n!==null&&a.address===n||n===null&&a.address===n&&a.symbol===o)||null).filter(i=>i!==null).sort((i,a)=>parseFloat(a?.amount||"0")-parseFloat(i?.amount||"1")).find(()=>!0)||null}s(Bt,"getBalanceFromWallet");function $o(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}s($o,"isAccountAndWalletMatched");function Ss(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 Bo(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Po(o,r.asset.symbol,r.asset.address,e)||null}))||[]}s(Ss,"makeBalanceFor");function Cs(t){return{...t,loading:!1,error:!0}}s(Cs,"resetConnectedWalletState");var ks=s(t=>{let e=new Set,n=t?.reduce((i,a)=>i.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...i,a]:i,[])?.map(i=>{let a={name:i.chain,accounts:[]};return e.has(i.address)||e.add(i.address),e.forEach(l=>{i.address===l&&a.accounts.push(i)}),a}),r=A(n?.flatMap(i=>i.accounts)?.flatMap(i=>i?.balances)?.map(i=>new Bo(i?.amount||ke).multipliedBy(i?.usdPrice||0))?.reduce((i,a)=>i.plus(a),ke)||ke).toString();return rc(r)},"calculateWalletUsdValue");function rc(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}s(rc,"numberWithThousandSeparator");var Po=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice"),_o=s((t,e)=>{let o=ec(Object.entries(t).map(([,n])=>n).filter(oc));return o&&o[e]?.experimental},"isExperimentalChain");function ic(t,e){return t.map(({balance:o,...n})=>{let r=A(new Bo(Bt(e,n.blockchain,n.symbol,n.address)?.amount||ke)),i="";return n.usdPrice&&(i=A(new Bo(Bt(e,n.blockchain,n.symbol,n.address)?.amount||ke).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:i}}}})}s(ic,"getTokensWithBalance");function Ts(t,e){let o=e.length>0?ic(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(Ts,"getTokensBalanceFromWalletAndSort");function We(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}s(We,"tokensAreEqual");function ws(t){return t.sort((e,o)=>+(o.state===Xe.CONNECTED)-+(e.state===Xe.CONNECTED)||+(o.state===Xe.DISCONNECTED||o.state===Xe.CONNECTING)-+(e.state===Xe.DISCONNECTED||e.state===Xe.CONNECTING))}s(ws,"sortWalletsBasedOnConnectionState");function Do(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(Do,"getConciseAddress");function vs({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(vs,"getAddress");var xs=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=>We(u,p))||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(Ct(p.symbol,o.searchFor)||Ct(p.address||"",o.searchFor)||Ct(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p)?-1:e().isTokenPinned(u)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:o=>!!e().config.pinnedTokens?.some(r=>We(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(cs)},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 bs(t){return sc()((...e)=>({...xs(...e),...Zi(t,...e)}))}s(bs,"createAppStore");var Es=lc(null);function k(){let t=pc(Es);if(!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}s(k,"useAppStore");function As(t){let e=uc();return e.current||(e.current=bs(t.config)),ac.createElement(Es.Provider,{value:e.current},t.children)}s(As,"AppStoreProvider");import mt from"bignumber.js";import{create as hc}from"zustand";import{subscribeWithSelector as yc}from"zustand/middleware";import{getLastSuccessfulStep as gc}from"@rango-dev/queue-manager-rango-preset";import sC from"bignumber.js";var ut=(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))(ut||{});function Is(t,e){return e.find(o=>o.name===t)?.displayName}s(Is,"getBlockchainDisplayNameFor");function Ye(t,e){return e.find(o=>o.name===t)?.shortName}s(Ye,"getBlockchainShortNameFor");function Ws(t,e){return e.find(o=>o.id===t)?.swapperGroup}s(Ws,"getSwapperDisplayName");function sr(t,e){return e.find(o=>We(o,t))??null}s(sr,"findToken");function ar(t,e){return e.find(o=>o.name===t)??null}s(ar,"findBlockchain");import{i18n as Fe}from"@lingui/core";import{PendingSwapNetworkStatus as zo}from"@rango-dev/queue-manager-rango-preset";import Te from"bignumber.js";function Fo(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(Fo,"getRequiredWallets");function Uo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}s(Uo,"isValidAddress");import{i18n as fe}from"@lingui/core";var H=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 Ns(t){switch(t.type){case 0:return t.diagnosisMessage??H().noResultError.title;case 1:return H().genericServerError;default:return""}}s(Ns,"getQuoteErrorMessage");import{i18n as Oo}from"@lingui/core";var kt=s(()=>({connectWallet:Oo.t("Connect Wallet"),swap:Oo.t("Swap"),swapAnyway:Oo.t("Swap anyway"),ethWarning:Oo.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Ls(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Te(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Te(1e3)))??!1}s(Ls,"hasHighValueLoss");function lr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new Te(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Te(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}s(lr,"hasLimitError");function pr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new Te(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new Te(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Te(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Te(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",i="",a="";return!r&&o&&o.gt(e.fromAmount)?(i=Fe.t({id:"Required: >= {min} {symbol}",values:{min:A(o,6,6),symbol:e.from.symbol}}),a=H().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(i=Fe.t({id:"Required: > {min} {symbol}",values:{min:A(o,6,6),symbol:e.from.symbol}}),a=H().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(i=Fe.t({id:"Required: <= {max} {symbol}",values:{max:A(n,6,6),symbol:e.from.symbol}}),a=H().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(i=Fe.t({id:"Required: < {max} {symbol}",values:{max:A(n,6,6),symbol:e.from.symbol}}),a=H().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:i,recommendation:a}}s(pr,"getLimitErrorMessage");function Bs(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:i,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:kt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!i||!i.result||l||!r||r==="0"?{title:kt().swap,action:"confirm-swap",disabled:!0}:a?{title:kt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:kt().ethWarning,action:"confirm-warning",disabled:!1}:{title:kt().swap,action:"confirm-swap",disabled:!1}:{title:kt().connectWallet,action:"connect-wallet",disabled:!1}}s(Bs,"getSwapButtonState");function ur(t,e,o){return!((!o||o.lte(ke))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}s(ur,"canComputePriceImpact");function cc(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(cc,"requiredWallets");var mc=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice");function dc(t,e){let o=ke;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let i=mc(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Te(r.amount).multipliedBy(i||0))}return o}s(dc,"getUsdFeeOfStep");function Qo(t,e){return t.reduce((o,n)=>o.plus(dc(n,e)),ke)}s(Qo,"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 Ms(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}s(Ms,"checkSlippageWarnings");function Ho(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(Ho,"getMinRequiredSlippage");function $s(t,e){return e?parseFloat(t)>=parseFloat(e):!0}s($s,"hasProperSlippage");function Vo(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:i,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:m,affiliatePercent:c,affiliateWallets:h,initialQuote:d,destination:y}=t,x=i?.reduce((S,C)=>(S[C.chain]=C.address,S),{}),f=[];r?.forEach(S=>{let C=f.find(B=>B.blockchain===S.chain);C?C.addresses.push(S.address):f.push({blockchain:S.chain,addresses:[S.address]})});let b=!!d,g=Lt((d?.result?.swaps||[]).reduce((S,C)=>(S.push(C.from.blockchain,C.to.blockchain),C.internalSwaps&&Array.isArray(C.internalSwaps)&&C.internalSwaps.map(B=>{S.push(B.from.blockchain,B.to.blockchain)}),S),[]));return{amount:n.toString(),affiliateRef:m??void 0,affiliatePercent:c??void 0,affiliateWallets:h??void 0,checkPrerequisites:b,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:f,selectedWallets:x??{},slippage:u.toString(),...y&&{destination:y},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(S=>!a.includes(S)),swappersGroupsExclude:!1},...b&&{blockchains:g}}}s(Vo,"createQuoteRequestBody");function Ps(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}s(Ps,"getWalletsForNewSwap");function Mt(t){return t.result?.outputAmount||null}s(Mt,"getQuoteOutputAmount");function _s(t,e){return new Te(e).div(new Te(t)).minus(1).multipliedBy(100).toNumber()}s(_s,"getPercentageChange");function Ds(t,e){let o=Mt(t),n=Mt(e);if(!o||!n)return!1;let r=Ne(o,n);return r?r<=-1:!0}s(Ds,"isOutputAmountChangedALot");function Fs(t,e,o){let n=t.validationStatus,r=ys(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>Qs(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=A(new Te(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=A(new Te(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),m="";return a.reason==="FEE"&&(m=Fe.t(" for network fee")),a.reason==="INPUT_ASSET"&&(m=Fe.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(m=Fe.t(" for input and network fee")),Fe.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:u,symbol:l,reason:m,currentAmount:p,blockchain:Ye(a.asset.blockchain,o)}})})}s(Fs,"generateBalanceWarnings");function Us(t,e){return(t?new Te(t):ke).multipliedBy(e||0)}s(Us,"calcOutputUsdValue");function Yt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==zo.NetworkChanged}s(Yt,"isNetworkStatusInWarningState");function Os(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Yt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case zo.WaitingForConnectingWallet:n=n||Fe.t("Waiting for connecting wallet");break;case zo.WaitingForQueue:n=n||Fe.t("Waiting for other running tasks to be finished");break;case zo.WaitingForNetworkChange:n=n||Fe.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}s(Os,"getSwapMessages");function zs(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(zs,"getLastConvertedTokenInFailedSwap");function qs(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}s(qs,"shouldRetrySwap");function Gs(t,e,o,n,r,i){return t||!e&&!cc(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&i&&!Uo(i,o)}s(Gs,"confirmSwapDisabled");function mr(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(mr,"searchParamsToToken");function Vs(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}s(Vs,"getQuoteToTokenUsdPrice");function dr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}s(dr,"isNumberOfSwapsChanged");function fr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!rr(o,n)}s(fr,"isQuoteSwappersUpdated");function gr(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!rr(o,n)}s(gr,"isQuoteInternalCoinsUpdated");function js(t,e){return dr(t,e)||fr(t,e)||gr(t,e)}s(js,"isQuoteChanged");function Qs(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(Qs,"getRequiredBalanceOfWallet");function nt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}s(nt,"getPriceImpactLevel");function Ks(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],i=gc(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=ar(i?i.toBlockchain:n.fromBlockchain,e),p=ar(r.toBlockchain,e),u=sr(i?{blockchain:l?.name??"",symbol:i.toSymbol,address:i.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),m=sr(a,o),c=i?i.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:m,inputAmount:c}}s(Ks,"createRetryQuote");function jo(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:i}=e,a=Tt(o,t.requestAmount),l=Tt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let m=Ne(a.toString(),l.toString());if(!!m&&Ls(a,m)){let h=Qo(t.result.swaps,r),d=nt(m);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:m,totalFee:h,warningLevel:d}}}else if(t.result&&(!a||!l))return{type:1};let p=Ho(t),u=i>ls;if($s(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<i)return{type:3,slippage:i.toString()}}else return{type:2,recommendedSlippages:Ms(t,i),minRequiredSlippage:p};return null}s(jo,"generateQuoteWarnings");function Ne(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:_s(t.toString(),e.toString());return n&&n<0?n:null}s(Ne,"getPriceImpact");var Tt=s((t,e)=>t?.usdPrice?new mt(e||ke).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),z=je(hc()(yc(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new mt(0),outputUsdValue:new mt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=ke;return Xt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new mt(e.result?.outputAmount):null,r=Us(e.result?.outputAmount,Vs(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new mt(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{quote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:Tt(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{quote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new mt(0),outputUsdValue:new mt(0),quote:null},...!!o.fromToken&&{inputUsdValue:Tt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:i,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=Ks(e,r,n);t({fromBlockchain:i,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:Tt(a??null,u),outputUsdValue:new mt(0),toBlockchain:l,toToken:p,quote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Tt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:""}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function Ys(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:i,toToken:a,fromBlockchain:l,toBlockchain:p}=z(),u=k().config,m=k().fetchStatus,c=k().blockchains(),h=k().tokens(),{setAffiliateRef:d,setAffiliatePercent:y,setAffiliateWallets:x}=O(),f=Xo(()=>u?.from?.tokens,[u?.from?.tokens]),b=Xo(()=>u?.from?.blockchains,[u?.from?.blockchains]),g=Xo(()=>u?.to?.tokens,[u?.to?.tokens]),v=Xo(()=>u?.to?.blockchains,[u?.to?.blockchains]),S=Yo(void 0),C=Yo(void 0),B=Yo(void 0),U=Yo(void 0);Ko(()=>{t(u?.amount?.toString()||"")},[u?.amount]),Xs(()=>{if(m==="success"){let T=c.find(M=>M.name===u?.from?.blockchain),P=h.find(M=>We(M,u?.from?.token||null));(T||!T&&B.current)&&n(T??null),P?r({token:P,meta:{blockchains:c,tokens:h}}):!P&&S.current&&r({token:null}),B.current=u?.from?.blockchain,S.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,m]),Ko(()=>{i&&f&&(f.some(T=>We(T,i))||r({token:null})),l&&b&&(b.includes(l.name)||n(null))},[f,b]),Ko(()=>{a&&g&&(g.some(T=>We(T,a))||e({token:null})),p&&v&&(v.includes(p.name)||o(null))},[g,v]),Xs(()=>{if(m==="success"){let T=c.find(M=>M.name===u?.to?.blockchain),P=h.find(M=>We(M,u?.to?.token||null));(T||!T&&U.current)&&o(T??null),P?e({token:P,meta:{blockchains:c,tokens:h}}):!P&&C.current&&e({token:null}),U.current=u?.to?.blockchain,C.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,m]),Ko(()=>{d(u?.affiliate?.ref??null),y(u?.affiliate?.percent??null),x(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}s(Ys,"useSyncStoresWithConfig");import{useEffect as Tc}from"react";import{create as Sc}from"zustand";import{subscribeWithSelector as Cc}from"zustand/middleware";var G=je(Sc()(Cc((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=>$o(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:m})=>({address:u,blockchain:m})),p=(await Nt().getWalletsDetails(a)).wallets;if(p)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(m=>{let c=o.find(d=>$o(d,m)),h=p.find(d=>d.address===m.address&&d.blockChain===m.chain);return h?.failed&&c&&r&&i([c],n,!1),c&&h?{...m,explorerUrl:h.explorerUrl,balances:Ss(h,n),loading:!1}:m})}));else throw new Error("Wallet not found")}catch{t(l=>({loading:!1,connectedWallets:l.connectedWallets.map(p=>o.find(u=>$o(u,p))?Cs(p):p)}))}}}))));import{allProviders as kc}from"@rango-dev/provider-all";function Jo(t,e){let o=kc({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(Jo,"matchAndGenerateProviders");function Js(t,e){return Jo(t,e).map(r=>r.config.type)}s(Js,"configWalletsToWalletName");function Zs(t,e){let o=G.use.clearConnectedWallet(),n=Jo(void 0,e);return Tc(()=>{o(),n=Jo(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}s(Zs,"useWalletProviders");var Ro=xc({onConnectWallet:()=>{}});function Ac(t){let e=k().updateConfig,o=k().blockchains(),n=k().tokens(),r={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:i}=Zs(t.config.wallets,r),a=G.use.disconnectWallet(),l=G.use.connectWallet(),p=Ec();Ys(),bc(()=>{t.config&&e(t.config)},[t.config]);let u=o.filter(vc).map(c=>c.name),m=s((c,h,d,y,x)=>{if(h===hr.ACCOUNTS)if(d){let f=Mo(x.supportedBlockchains),b=hs(c,d,u,f,x.isContractWallet);l(b,n)}else a(c);if(h===hr.ACCOUNTS&&y.connected){let f=`${c}-${y.network}-${d}`;y.connected&&(p.current?p.current(f):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(h===hr.NETWORK&&y.network){let f=`${c}-${y.network}`;p.current?p.current(f):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(c,h,d,y,x)},"onUpdateState");return Zo.createElement(Ro.Provider,{value:{onConnectWallet:c=>{p.current=c}}},Zo.createElement(wc,{allBlockChains:o,providers:i,onUpdateState:m,autoConnect:!0},t.children))}s(Ac,"Main");function en(t){let{config:e,...o}=t;return Zo.createElement(As,{config:e},Zo.createElement(Ac,{...o,config:e}))}s(en,"WidgetWallets");import Ji from"react";import{I18nManager as Zh}from"@rango-dev/ui";import bo,{useContext as Rh,useEffect as $u,useState as Pu}from"react";import{useQueueManager as _c}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Dc}from"@rango-dev/wallets-react";import{isEvmBlockchain as Fc}from"rango-types";import tn,{Fragment as Uc}from"react";import{MemoryRouter as Oc,useInRouterContext as zc}from"react-router";import{useWallets as Wc}from"@rango-dev/wallets-react";import{useEffect as Nc,useRef as Lc}from"react";function Rs(){let{connect:t,state:e}=Wc(),o=Lc({}),{fetchStatus:n}=k(),r=new URLSearchParams(location.search).get("autoConnect")||"",i=e(r);Nc(()=>{n==="success"&&r&&i.installed&&!i.connecting&&!i.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[i,n])}s(Rs,"useForceAutoConnect");import{useEffect as yr,useRef as Sr}from"react";import{createSearchParams as Mc,useLocation as $c,useSearchParams as Pc}from"react-router-dom";var $={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{create as Bc}from"zustand";var we=je(Bc()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));function ea(){let t=Sr(!0),[e,o]=Pc(),n=$c(),r=Sr(n.search),i=Sr({}),a=z.use.fromBlockchain(),l=z.use.toBlockchain(),p=z.use.fromToken(),u=z.use.toToken(),m=z.use.setFromBlockchain(),c=z.use.setFromToken(),h=z.use.setToBlockchain(),d=z.use.setToToken(),y=z.use.inputAmount(),x=z.use.setInputAmount(),f=k().fetchStatus,b=k().blockchains(),g=k().tokens(),v=we.use.setSelectedSwap();return yr(()=>{let S={};Mc(r.current).forEach((B,U)=>{S[U]=B}),i.current=S;let C=n.pathname.split($.swaps+"/")[1]||null;C&&v(C)},[]),yr(()=>{if(!t.current){let S="",C="",B="",U="",T="",P=i.current["autoConnect"];f!=="success"?(S=i.current["fromBlockchain"],C=i.current["fromToken"],B=i.current["toBlockchain"],U=i.current["toToken"],T=i.current["fromAmount"]||y):(S=a?.name||"",C=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),B=l?.name||"",U=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),T=y),o({...S&&{["fromBlockchain"]:S},...C&&{["fromToken"]:C},...B&&{["toBlockchain"]:B},...U&&{["toToken"]:U},...T&&{["fromAmount"]:T.toString()},...P&&{["autoConnect"]:P}},{replace:!0})}t.current=!1},[n.pathname,y,a,p,l,u]),yr(()=>{if(f==="success"){let S=e.get("fromBlockchain"),C=e.get("fromToken"),B=e.get("toBlockchain"),U=e.get("toToken"),T=e.get("fromAmount"),P=b.find(D=>D.name===S),M=mr(g,C,P||null),N=b.find(D=>D.name===B),w=mr(g,U,N||null);P&&(m(P),M&&c({token:M,meta:{blockchains:b,tokens:g}})),N&&(h(N),w&&d({token:w,meta:{blockchains:b,tokens:g}})),T&&x(T)}},[f]),null}s(ea,"UpdateUrl");function ta({children:t,...e}){let o=zc(),n=o?Uc:Oc,r=k().blockchains(),{canSwitchNetworkTo:i}=Dc();Rs();let a=r.filter(Fc);return _c({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:i}),tn.createElement(tn.Fragment,null,tn.createElement(n,null,t),o&&tn.createElement(ea,null))}s(ta,"AppRouter");import Ee from"react";import{useRoutes as Uh}from"react-router-dom";import{i18n as xn}from"@lingui/core";import{useManager as jd}from"@rango-dev/queue-manager-react";import{Alert as _l,Button as Dl,Divider as Kd,IconButton as Fl,RefreshIcon as Xd,SettingsIcon as Yd,styled as Ul,Tooltip as Jd,Typography as Zd,WalletIcon as Rd}from"@rango-dev/ui";import te,{useEffect as ao,useLayoutEffect as ef,useRef as tf,useState as bn}from"react";import{flushSync as of}from"react-dom";import{useNavigate as nf}from"react-router-dom";import{i18n as rt}from"@lingui/core";import{Alert as Br,BalanceErrors as Jm,Button as Ka,ChevronDownIcon as Zm,ChevronLeftIcon as Rm,Divider as Ft,MessageBox as ed,Modal as Xa,Typography as hn,WalletIcon as td}from"@rango-dev/ui";import W,{useEffect as od,useLayoutEffect as nd,useRef as rd,useState as xt}from"react";import{useNavigate as id}from"react-router-dom";import{i18n as on}from"@lingui/core";function nn(t){switch(t.type){case 0:return on.t("Route has been updated.");case 3:return on.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return on.t("Route swappers has been updated.");case 2:return on.t("Route internal coins has been updated.");default:return""}}s(nn,"getQuoteUpdateWarningMessage");import*as Pt from"@radix-ui/react-collapsible";import{Button as Gc,darkTheme as $t,IconButton as Qc,keyframes as oa,styled as ye,TextField as Hc}from"@rango-dev/ui";var Jt=300,Vc=oa({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),jc=oa({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),na=ye("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),ra=ye("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),ia=ye("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${$t} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${$t} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${$t} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),sa=ye(Pt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),aa=ye("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),la=ye(Qc,{position:"absolute",left:"$20"}),pa=ye("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),ua=ye(Pt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ca=ye(Gc,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${$t} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${$t} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${$t} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),ma=ye("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),da=ye("div",{transition:`all ${Jt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),fa=ye("div",{display:"flex"}),ga=ye(Hc,{padding:"$0 $15 $15 $15"}),rn=ye(Pt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Vc} ${Jt}ms ease-out`},false:{animation:`${jc} ${Jt}ms ease-out`}}}}),ha=ye("div",{overflow:"visible",width:"100%"});import{i18n as ze}from"@lingui/core";import{Button as Km,Divider as Nr,Image as Xm,MessageBox as gn,Modal as Ga,SelectableWallet as Ym,Typography as Qa,WalletState as Ha}from"@rango-dev/ui";import ee,{useEffect as Va,useState as Rt}from"react";import{WalletState as ya}from"@rango-dev/ui";import{useWallets as Kc}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Xc,WalletTypes as Yc}from"@rango-dev/wallets-shared";import{useEffect as Jc,useState as Zc}from"react";var Rc=Object.values(Yc);function sn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:i,disconnect:a,getWalletInfo:l,connect:p}=Kc(),{connectedWallets:u}=G(),m=k().blockchains(),c=Js(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Rc,h=gs(i,l,c,o),d=ws(h),[y,x]=Zc(""),f=s(S=>!u.find(C=>C.walletType===S&&C.chain===o),"isExperimentalChainNotAdded"),b=s(async S=>{let C=i(S);try{if(y&&x(""),C.connected)await a(S);else{let B=!!h.find(U=>U.state===ya.CONNECTED);if(!e?.multiWallets&&B)return;n?.(S),await p(S),r?.(S)}}catch(B){x("Error: "+B?.message)}},"handleClick"),g=s(()=>{let S=h?.filter(C=>C.state===ya.CONNECTING)||[];for(let C of S)a(C.type)},"disconnectConnectingWallets");Jc(()=>()=>{g()},[]);let v=s((S,C,B)=>_o(B,C)&&f(S)&&!Xc.includes(S),"shouldExcludeWallet");return{list:d.filter(S=>!v(S.type,o??"",m)),error:y,handleClick:b}}s(sn,"useWalletList");import{i18n as _a}from"@lingui/core";import{styled as Fa,Typography as Om,Wallet as zm,WalletState as qm}from"@rango-dev/ui";import vt,{Fragment as Gm,useState as Da}from"react";import{BottomLogo as Nm,Divider as Lm,Header as Bm}from"@rango-dev/ui";import ge from"react";import{useNavigate as em}from"react-router-dom";function dt(){let t=em();return()=>t(-1)}s(dt,"useNavigateBack");import{ChevronLeftIcon as nm}from"@rango-dev/ui";import ka from"react";import{darkTheme as tm,IconButton as om,styled as an}from"@rango-dev/ui";var Ue=an(om,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Sa=an("div",{position:"absolute",background:"$secondary500",[`.${tm} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),_t=an("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),Ca=an("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function Cr(t){return ka.createElement(Ue,{variant:"ghost",size:"small",onClick:t.onClick},ka.createElement(nm,{color:"black",size:16}))}s(Cr,"BackButton");import{i18n as rm}from"@lingui/core";import{Button as im,Typography as sm}from"@rango-dev/ui";import kr from"react";function Tr(t){return kr.createElement(_t,null,kr.createElement(im,{variant:"ghost",onClick:t.onClick,size:"xsmall"},kr.createElement(sm,{variant:"label",size:"medium",color:"error500"},rm.t("Cancel"))))}s(Tr,"CancelButton");import{i18n as am}from"@lingui/core";import{Tooltip as lm,WalletIcon as pm}from"@rango-dev/ui";import ln from"react";function wr(t){return ln.createElement(lm,{container:t.container,side:"top",content:am.t("Connect Wallet")},ln.createElement(Ue,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&ln.createElement(Sa,null),ln.createElement(pm,{size:18,color:"black"})))}s(wr,"WalletButton");import{i18n as cn}from"@lingui/core";import{NotificationsIcon as xm,Popover as bm,RefreshIcon as Em,SettingsIcon as Am,Tooltip as mn,TransactionIcon as Im}from"@rango-dev/ui";import ue from"react";import{i18n as ym}from"@lingui/core";import{ChainToken as Ea,ChevronRightIcon as Sm,ListItemButton as Cm,Typography as km}from"@rango-dev/ui";import Oe from"react";import{useNavigate as Tm}from"react-router-dom";import{create as um}from"zustand";import{persist as cm,subscribeWithSelector as mm}from"zustand/middleware";var Le=je(um()(cm(mm((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{styled as pn}from"@rango-dev/ui";var Ta=pn("div",{padding:"$10",width:"350px",minHeight:"150px"}),wa=pn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),va=pn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),xa=pn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as dm}from"@lingui/core";import{Divider as fm,NoNotificationIcon as gm,Typography as hm}from"@rango-dev/ui";import un from"react";function ba(){return un.createElement(xa,null,un.createElement(gm,{color:"secondary",size:26}),un.createElement(fm,{size:12}),un.createElement(hm,{variant:"body",size:"medium",color:"neutral700"},dm.t("You have no notification")))}s(ba,"NotificationNotFound");var wm=4;function vr(){let t=Tm(),e=we.use.setSelectedSwap(),{getUnreadNotifications:o}=Le(),n=o(),r=k().blockchains(),i=k().tokens(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,wm),l=s(p=>{e(p),t(`${$.swaps}/${p}`)},"handleOnClick");return Oe.createElement(Ta,null,a.length?Oe.createElement(wa,null,a.map(p=>{let u=i.find(d=>d.address===p.route.from.tokenAddress&&d.blockchain===p.route.from.blockchain&&d.symbol===p.route.from.tokenSymbol),m=r.find(d=>d.name===p.route.from.blockchain),c=i.find(d=>d.address===p.route.to.tokenAddress&&d.blockchain===p.route.to.blockchain&&d.symbol===p.route.to.tokenSymbol),h=r.find(d=>d.name===p.route.to.blockchain);return Oe.createElement(Cm,{key:p.requestId,onClick:()=>l(p.requestId),title:Oe.createElement(km,{variant:"body",size:"small",color:"$neutral700"},ym.t(p.event.message)),id:p.requestId,start:Oe.createElement(va,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(Ea,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(Ea,{tokenImage:c?c.image:"",chainImage:h?h.logo:"",size:"small"}))),end:Oe.createElement(Sm,{size:12,color:"gray"})})})):Oe.createElement(ba,null))}s(vr,"NotificationContent");import{Typography as vm}from"@rango-dev/ui";import Aa from"react";function Ia(){let{getUnreadNotifications:t}=Le(),e=t().length;return e?Aa.createElement(Ca,null,Aa.createElement(vm,{variant:"body",size:"xsmall",color:"$background"},e)):null}s(Ia,"UnreadNotificationsBadge");function xr(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:i}=t;return ue.createElement(ue.Fragment,null,ue.createElement(mn,{container:K(),side:"top",content:cn.t("Refresh")},ue.createElement(Ue,{variant:"ghost",size:"small",onClick:o,disabled:!o},ue.createElement(Em,{size:16,color:o?"black":"gray"}))),ue.createElement(mn,{container:K(),side:"top",content:cn.t("Notifications")},ue.createElement(bm,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:K(),content:ue.createElement(vr,null)},ue.createElement(Ue,{size:"small",variant:"ghost",onClick:i},ue.createElement(xm,{size:18,color:"black"}),ue.createElement(Ia,null)))),ue.createElement(mn,{container:K(),side:"top",content:cn.t("Settings")},ue.createElement(Ue,{size:"small",variant:"ghost",onClick:r},ue.createElement(Am,{size:18,color:"black"}))),ue.createElement(mn,{container:K(),side:"top",content:cn.t("Transactions History")},ue.createElement(Ue,{size:"small",variant:"ghost",onClick:n},ue.createElement(Im,{size:18,color:"black"}))))}s(xr,"HomeButtons");import{darkTheme as Wm,styled as br}from"@rango-dev/ui";var Wa=br("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",[`.${Wm} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),Na=br("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"}}}}),La=br("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Mm(t,e){let{children:o,header:n,footer:r,noPadding:i,hasLogo:a=!0,fixedHeight:l=!0}=t,p=G.use.connectedWallets(),u=we.use.connectWalletsButtonDisabled(),m=dt(),c=s(()=>{!u&&n.onWallet&&n.onWallet()},"onConnectWallet"),h=typeof n.hasBackButton>"u"||n.hasBackButton;return ge.createElement(Wa,{ref:e,fixedHeight:l,id:"swap-box"},ge.createElement(Bm,{prefix:ge.createElement(ge.Fragment,null,h&&ge.createElement(Cr,{onClick:m})),title:n.title,suffix:ge.createElement(ge.Fragment,null,n.suffix,n.onWallet&&ge.createElement(wr,{container:K(),onClick:c,isConnected:!!p?.length}),n.onCancel&&ge.createElement(Tr,{onClick:n.onCancel}))}),ge.createElement(Na,{noPadding:i},o),(a||r)&&ge.createElement(La,null,ge.createElement("div",{className:"footer__content"},r),a&&ge.createElement("div",{className:"footer__logo"},ge.createElement(Lm,{size:12}),ge.createElement(Nm,null))))}s(Mm,"LayoutComponent");var X=ge.forwardRef(Mm);X.displayName="Layout";import{Divider as Fm,Modal as Um}from"@rango-dev/ui";import Ar from"react";import{i18n as Dt}from"@lingui/core";import{Image as _m,MessageBox as Er,WalletState as Dm}from"@rango-dev/ui";import wt from"react";import{keyframes as $m,styled as dn}from"@rango-dev/ui";var Iw=dn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Ba=dn("div",{position:"relative"}),Pm=$m({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Ma=dn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Pm} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),$a=dn("div",{"& img":{borderRadius:"50%"}});function Pa(t){let{state:e,image:o,error:n}=t;return e===Dm.CONNECTED?wt.createElement(Er,{type:"success",title:Dt.t("Wallet Connected"),description:Dt.t("Your wallet is connected, you can use it to swap.")}):n?wt.createElement(Er,{type:"error",title:Dt.t("Failed to Connect"),description:n||Dt.t("Your wallet is not connected. Please try again.")}):wt.createElement(Er,{type:"loading",title:Dt.t("Connecting to your wallet"),description:Dt.t("Click connect in your wallet popup."),icon:wt.createElement(Ba,null,wt.createElement($a,null,wt.createElement(_m,{src:o,size:45})),wt.createElement(Ma,null))})}s(Pa,"ModalContent");function Zt(t){let{open:e,onClose:o,...n}=t;return Ar.createElement(Um,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},Ar.createElement(Pa,{...n}),Ar.createElement(Fm,{direction:"vertical",size:32}))}s(Zt,"WalletModal");var Qm=Fa("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),Hm=Fa("div",{textAlign:"center"}),fn=3e3,Ir=300;function Ua(){let{config:t,fetchStatus:e}=k(),[o,n]=Da(!1),[r,i]=Da(""),a=null,{list:l,handleClick:p,error:u}=sn({config:t,onBeforeConnect:d=>{a=setTimeout(()=>{n(!0),i(d)},Ir)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},fn)}}),m=l.find(d=>d.type===r),c=m?.image||"",h=m?.state||qm.NOT_INSTALLED;return vt.createElement(X,{header:{title:_a.t("Connect Wallets")}},vt.createElement(Hm,null,vt.createElement(Om,{variant:"title",size:"xmedium",align:"center"},_a.t("Choose a wallet to connect.")),vt.createElement(Qm,null,l.map((d,y)=>{let x=`wallet-${y}-${d.type}`;return vt.createElement(Gm,{key:x},vt.createElement(zm,{...d,container:K(),onClick:f=>{p(f)},isLoading:e==="loading"}))}),vt.createElement(Zt,{open:!!o,onClose:()=>n(!1),image:c,state:h,error:u}))))}s(Ua,"WalletsPage");import{keyframes as Vm,styled as Wr}from"@rango-dev/ui";var Oa=Wr("div",{position:"relative"}),jm=Vm({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),za=Wr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${jm} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),qa=Wr("div",{"& img":{borderRadius:"50%"}});function Lr(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:i}=t,{config:a}=k(),l=G.use.connectedWallets(),{blockchains:p}=k(),[u,m]=Rt(""),[c,h]=Rt(null),[d,y]=Rt(!1),[x,f]=Rt(null),{suggestAndConnect:b}=ja(),g=null,{list:v,error:S,handleClick:C}=sn({config:a,chain:e,onBeforeConnect:w=>{g=setTimeout(()=>{m(w)},Ir)},onConnect:()=>{g&&clearTimeout(g),setTimeout(()=>{m("")},fn)}}),[B,U]=Rt(v),T=v.length,P=r&&T-r>0,M=s(async w=>{y(!1),f("in-progress");try{await b(w.walletType,w.chain),f("completed")}catch{f("rejected")}},"addExperimentalChain");Va(()=>{U(w=>{let D=v.findIndex(I=>o(I.type,e));return P&&D>1?[v[D]].concat(v.filter((I,j)=>j!==D)):w.map(I=>v.find(j=>j.type===I.type)??I)})},[JSON.stringify(v)]);let N=document.querySelector("#swap-box");return Va(()=>{let w=null;return(x==="completed"||x==="rejected")&&(w=setTimeout(()=>f(null),fn)),()=>{w&&clearTimeout(w)}},[x]),ee.createElement(ee.Fragment,null,B.slice(0,r).map(w=>{let D=vs({connectedWallets:l,walletType:w.type,chain:e}),I=D?Do(D):"",j=_o(p(),e),oe=!l.find(de=>de.walletType===w.type&&de.chain===e),ne=j&&oe&&w.state===Ha.CONNECTED,Q=ne?ze.t({id:"Add {chain} chain",values:{chain:e}}):I,se=s(()=>{w.state===Ha.DISCONNECTED?C(w.type):ne?(h({walletType:w.type,chain:e,address:D??""}),y(!0)):n({walletType:w.type,chain:e,address:D??""})},"onClick"),me=c?.chain?Is(c.chain,p()):void 0;return ee.createElement(ee.Fragment,null,ee.createElement(Zt,{open:u===w.type,onClose:()=>m(""),image:w.image,state:w.state,error:S}),!!c&&ee.createElement(Ga,{open:!!c&&d,container:N,onClose:()=>{h(null)}},ee.createElement(gn,{title:ze.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:me}}),type:"warning",description:ze.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:me}})},ee.createElement(Nr,{size:18}),ee.createElement(Nr,{size:32}),ee.createElement(Km,{onClick:M.bind(null,c),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},ze.t("Confirm")))),x&&ee.createElement(Ga,{open:!!x,onClose:f.bind(null,null),container:N},x==="in-progress"&&ee.createElement(gn,{type:"loading",title:ze.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:me}}),description:ze.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:me}}),icon:ee.createElement(Oa,null,ee.createElement(qa,null,ee.createElement(Xm,{src:w.image,size:45})),ee.createElement(za,null))}),x==="completed"&&ee.createElement(gn,{type:"success",title:ze.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:me}}),description:ze.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:me}})}),x==="rejected"&&ee.createElement(gn,{type:"error",title:ze.t("Request Rejected"),description:ze.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:me}})}),ee.createElement(Nr,{direction:"vertical",size:32})),ee.createElement(Ym,{key:w.type,description:Q,onClick:se,selected:o(w.type,e),...w}))}),P&&ee.createElement(ia,{selected:!1,onClick:i.bind(null)},ee.createElement(Qa,{variant:"label",size:"medium"},ze.t("Show more wallets"),ee.createElement(Qa,{variant:"label",size:"medium",color:"$primary"},"\xA0+",T-(r??0)))))}s(Lr,"WalletList");var sd=2;function Ya(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:i}=t,a=k().config,l=k().blockchains(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:m,setQuoteWalletConfirmed:c,customDestination:h,setCustomDestination:d}=z(),{connectedWallets:y,selectWallets:x}=G(),[f,b]=xt(""),[g,v]=xt([]),[S,C]=xt(""),[B,U]=xt(null),[T,P]=xt(h),[M,N]=xt(!!h),w=rd(null),D=Fo(p),I=l.find(_=>_.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),j=s(_=>!!p?.result?.swaps.find(J=>J.from.blockchain===_),"isWalletRequiredFor"),[oe,ne]=xt(y.filter(_=>_.selected&&D.includes(_.chain))),Q=l.find(_=>_.name===I?.name),se=s((_,J)=>!!oe.find(q=>q.walletType===_&&q.chain===J&&q.selected&&(j(J)||!j(J)&&!T)),"isSelected"),me=!!T&&M&&Q&&!Uo(Q,T),de=s(()=>{N(!1),P(""),ne(_=>{let J=!1;return _.map(q=>!J&&q.chain===I?.name?(J=!0,{...q,selected:!0}):q)})},"resetCustomDestination"),De=s(_=>{if(f&&b(""),se(_.walletType,_.chain))return;let q=y.find(ae=>ae.walletType===_.walletType&&ae.chain===_.chain);q&&(n(),_.chain===I?.name&&M&&(N(!1),P("")),ne(ae=>ae.filter(Ve=>Ve.chain!==_.chain).concat({...q,selected:!0})))},"onChange"),It=s(()=>{let _=oe.filter(J=>J.selected);x(_),u(_),d(T),c(!0),o()},"onConfirmBalance"),jt=s(async()=>{v([]),C(""),U(null);let _=y.filter(ae=>oe.find(Ve=>Ve.chain===ae.chain&&Ve.walletType===ae.walletType)),J=await r?.({selectedWallets:_,customDestination:T}),q=J.warnings;q?.balance?.messages&&v(q.balance.messages),q?.quoteUpdate&&U(q.quoteUpdate),J.error&&C(Ns(J.error)),!J.error&&(!q?.balance?.messages.length||0>0)?It():v(q?.balance?.messages??[])},"onConfirmWallets");od(()=>{ne(_=>_.concat(y.filter(J=>!!!_.find(ae=>ae.chain===J.chain)&&J.selected&&D.includes(J.chain))))},[y.length]),nd(()=>{M&&w.current&&setTimeout(()=>{w?.current?.scrollIntoView({behavior:"smooth"})},Jt)},[M]);let ot=document.querySelector("#swap-box"),He=id();return W.createElement(Xa,{open:e,onClose:()=>{m||He("../",{replace:!0}),o()},dismissible:!f,container:ot,...!f&&{footer:W.createElement(fa,null,W.createElement(Ka,{loading:i,disabled:Gs(i,M,T,p,oe,I),onClick:jt,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...f&&{containerStyle:{padding:"$0"},header:W.createElement(aa,null,W.createElement(la,{variant:"ghost",onClick:b.bind(null,"")},W.createElement(Rm,{size:16})),W.createElement(hn,{variant:"headline",size:"small"},rt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ye(f,l)}})))},anchor:"center"},W.createElement(Xa,{open:g.length>0,onClose:v.bind(null,[]),container:ot},W.createElement(ed,{title:rt.t("Insufficient account balance"),type:"error",description:W.createElement(Jm,{messages:g??[]})},W.createElement(Ka,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:It},rt.t("Proceed anyway")))),f&&W.createElement(pa,null,W.createElement("div",{className:"wallets-list"},W.createElement(Lr,{chain:f,isSelected:se,selectWallet:De,onShowMore:b.bind(null,f)}))),!f&&W.createElement(W.Fragment,null,S&&W.createElement(W.Fragment,null,W.createElement(Br,{variant:"alarm",type:"error",title:rt.t(S)}),W.createElement(Ft,{size:12})),B&&W.createElement(W.Fragment,null,W.createElement(Br,{variant:"alarm",type:"warning",title:nn(B)}),W.createElement(Ft,{size:12})),W.createElement(ha,null,D.map((_,J)=>{let q=l.find(Ae=>Ae.name===_),ae=`wallet-${J}`,Ve=J===D.length-1;return W.createElement("div",{key:ae},W.createElement(na,null,W.createElement(hn,{variant:"title",size:"xmedium"},rt.t({id:"Your {blockchainName} wallets",values:{blockchainName:q?.shortName}})),W.createElement(hn,{variant:"label",color:"$neutral700",size:"medium"},rt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:q?.shortName}}))),W.createElement(Ft,{size:24}),W.createElement(ra,null,W.createElement(Lr,{chain:_,isSelected:se,selectWallet:De,limit:sd,onShowMore:()=>b(q?.name??"")})),!Ve&&W.createElement(Ft,{size:32}),Ve&&a?.customDestination&&W.createElement(ma,null,W.createElement(ua,{ref:w,selected:M,open:M,onOpenChange:Ae=>{Ae?j(I?.name??"")||ne(Rn=>Rn.map(er=>er.chain===I?.name?{...er,selected:!1}:er)):de()}},W.createElement(sa,{onClick:()=>N(Ae=>!Ae)},W.createElement(ca,{fullWidth:!0,variant:"default",suffix:W.createElement(da,{orientation:M?"up":"down"},W.createElement(Zm,{size:10,color:"gray"}))},W.createElement("div",{className:"button__content"},W.createElement(td,{size:18,color:"info"}),W.createElement(Ft,{size:4,direction:"horizontal"}),W.createElement(hn,{variant:"label",size:"medium"},rt.t("Send to a different address"))))),W.createElement(rn,{open:M},W.createElement(W.Fragment,null,W.createElement(Ft,{size:4}),W.createElement(ga,{autoFocus:!0,placeholder:rt.t("Your destination address"),value:T,onChange:Ae=>{P(Ae.target.value)}})))),me&&W.createElement("div",{className:"alarms"},W.createElement(Br,{variant:"alarm",type:"error",title:rt.t({values:{destination:T},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}s(Ya,"ConfirmWalletsModal");import{Divider as qd}from"@rango-dev/ui";import $e from"react";import{i18n as Dr}from"@lingui/core";import{Alert as ld,ChevronDownIcon as pd,ChevronRightIcon as ud,Divider as Fr,Image as ul,InfoIcon as cd,QuoteCost as md,StepDetails as dd,TokenAmount as fd,Tooltip as cl,Typography as Ut}from"@rango-dev/ui";import L,{useLayoutEffect as gd,useRef as ml,useState as hd}from"react";import{styled as eo}from"@rango-dev/ui";var Ja=eo("div",{paddingBottom:"$10"}),Mr=eo("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Za=eo("div",{variants:{paddingTop:{true:{paddingTop:"$10"}}}}),Ra=eo("div",{paddingBottom:"$15"}),el=eo("div",{width:"100%",display:"flex"});import*as yn from"@radix-ui/react-collapsible";import{darkTheme as Je,Image as tl,styled as it}from"@rango-dev/ui";var $r=300,ol=it(yn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${Je} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Je} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& .steps-details":{padding:"$10 $15"}}),nl=it("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",cursor:"pointer",boxSizing:"border-box",position:"relative",variants:{recommended:{true:{$$color:"$colors$info100",[`.${Je} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${Je} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{},false:{}}},compoundVariants:[{listItem:!0,recommended:!0,css:{"&:hover":{$$color:"$colors$secondary200",[`.${Je} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${Je} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}],"& .summary":{width:"100%",padding:"$15 $15 $10 $15",cursor:"default"},"& .basic-info":{paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Je} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}}),rl=it(yn.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:{[`& ${tl}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${tl}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${Je} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Je} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& div:nth-child(1)":{display:"flex"}}),Pr=it("div",{width:"18px",height:"18px",borderRadius:"100%",border:"1.5px transparent solid",display:"flex",justifyContent:"center",alignItems:"center",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),il=it(rn,{width:"100%"}),_r=it("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${$r}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),_v=it("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),sl=it("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Je} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),al=it("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"});import{TokenAmount as pl}from"@rango-dev/ui";import Sn from"react";import{styled as ad}from"@rango-dev/ui";var ll=ad("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%","& .separator":{height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"}});function to(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Sn.createElement(ll,null,Sn.createElement(pl,{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(pl,{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(to,"QuoteSummary");function Ur(t){let{quote:e,input:o,output:n,error:r,warning:i,type:a,recommended:l=!0}=t,p=k().tokens(),u=k().blockchains(),m=k().swappers(),[c,h]=hd(t.expanded),d=ml(null),y=ml(c),x=A(Qo(e.result?.swaps??[],p),2,2),f=Wo(No(e.result?.swaps)),b=A(o.value,6,6),g=A(n.value,6,6),v=n.usdValue?A(n.usdValue,4,4):"",S=Ne(o.usdValue,n.usdValue??null),C=A(S,2,2),B=nt(S??0),T=s(N=>N.map((w,D)=>{let I,j=r?.type===3&&r.swap.swapperId===w.swapperId||r?.type===4&&r.recommendedSlippages?.has(D),oe=i?.type===2&&i.recommendedSlippages?.has(D);return j?I="error":oe&&(I="warning"),{swapper:{displayName:Ws(w.swapperId,m),image:w.swapperLogo},from:{token:{displayName:w.from.symbol,image:w.from.logo},chain:{displayName:Ye(w.from.blockchain,u),image:w.from.blockchainLogo},price:{value:D===0?A(o.value,6,6):A(w.fromAmount,6,6),usdValue:A((w.from.usdPrice??0)*parseFloat(w.fromAmount),4,4)}},to:{token:{displayName:w.to.symbol,image:w.to.logo},chain:{displayName:Ye(w.to.blockchain,u),image:w.to.blockchainLogo},price:{value:A(w.toAmount,6,6),usdValue:A((w.to.usdPrice??0)*parseFloat(w.toAmount),4,4)}},state:I,alerts:j||oe?L.createElement(Ra,null,L.createElement(ld,{type:j?"error":"warning",title:r?.type===3?r?.recommendation:Dr.t("Slippage Error:"),footer:L.createElement(el,null,r?.type===3&&L.createElement(L.Fragment,null,L.createElement(Ut,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),L.createElement(Fr,{direction:"horizontal",size:8}),L.createElement(Ut,{size:"xsmall",variant:"body",color:"neutral900"},"|"),L.createElement(Fr,{direction:"horizontal",size:8}),L.createElement(Ut,{size:"xsmall",variant:"body",color:"neutral900"},Dr.t({id:"Yours: {amount} {symbol}",values:{amount:A(w.fromAmount,6,6),symbol:w?.from.symbol}}))),(r?.type===4||i?.type===2)&&L.createElement(Ut,{size:"xsmall",variant:"body",color:"neutral900"},Dr.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(D)},...i?.type===2&&{minRequiredSlippage:i.recommendedSlippages?.get(D)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),P=T.length,M=K();return gd(()=>{c&&!y.current&&d.current&&setTimeout(()=>{d?.current?.scrollIntoView({behavior:"smooth"})},$r),y.current=c},[c,y]),L.createElement(L.Fragment,null,L.createElement(nl,{recommended:l,listItem:a==="list-item",basic:a==="basic"},L.createElement("div",{className:"summary"},L.createElement(md,{fee:x,time:f,steps:P}),a==="basic"&&L.createElement("div",{className:"basic-info"},L.createElement(al,null,L.createElement(cd,{size:12,color:"gray"})),L.createElement(Ut,{size:"small",variant:"body",style:{letterSpacing:.4}},`${b} ${T[0].from.token.displayName} = ${g} ${T[T.length-1].to.token.displayName}`),L.createElement(Ut,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${v})`)),a==="list-item"&&L.createElement(fd,{type:"output",direction:"vertical",price:{value:g,usdValue:v},token:{displayName:T[P-1].to.token.displayName,image:T[P-1].to.token.image},chain:{image:T[P-1].to.chain.image},percentageChange:C,warningLevel:B}),a==="swap-preview"&&L.createElement(L.Fragment,null,L.createElement(to,{from:T[0].from,to:T[P-1].to,percentageChange:C,warningLevel:B}),L.createElement(Fr,{size:4}))),L.createElement(ol,{recommended:l,open:c,onOpenChange:h},L.createElement(rl,{ref:N=>d.current=N,recommended:l,onClick:()=>h(N=>!N)},L.createElement("div",null,T.map((N,w)=>{let D=`item-${w}`,I=L.createElement(_r,null,L.createElement(ud,{size:12,color:"black",...N.state&&{color:N.state==="error"?"error":"warning"}}));return L.createElement(L.Fragment,{key:D},L.createElement(cl,{container:M,side:"bottom",sideOffset:4,content:N.from.chain.displayName},L.createElement(Pr,{state:N.state||T[w-1]?.state},L.createElement(ul,{src:N.from.chain.image,size:16}))),w===P-1&&L.createElement(L.Fragment,null,I,L.createElement(cl,{container:M,side:"bottom",sideOffset:4,content:N.to.chain.displayName},L.createElement(Pr,{state:N.state},L.createElement(ul,{src:N.to.chain.image,size:16})))),w!==P-1&&L.createElement(L.Fragment,null,I))})),L.createElement(_r,{orientation:c?"up":"down"},L.createElement(pd,{size:12,color:"black"}))),L.createElement(il,{open:c},L.createElement(sl,null),L.createElement("div",{className:"steps-details"},T.map((N,w)=>{let D=`item-${w}`;return L.createElement(dd,{type:"quote-details",key:D,step:N,hasSeparator:w!==T.length-1,state:N.state})}))))))}s(Ur,"Quote");import{ChainToken as Cn,Divider as qe,NextIcon as Sd,Skeleton as Se}from"@rango-dev/ui";import E from"react";import{darkTheme as yd,styled as dl}from"@rango-dev/ui";var fl=dl("div",{$$color:"$colors$neutral100",[`.${yd} &`]:{$$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"}}),gl=dl("div",{borderLeft:"1px dashed black",minHeight:" 64px",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});function Or(t){let{separator:e=!0}=t;return E.createElement(E.Fragment,null,E.createElement("div",{className:"step__title"},E.createElement(Se,{height:22,width:22,variant:"circular"}),E.createElement(qe,{direction:"horizontal",size:8}),E.createElement(Se,{height:15,width:148,variant:"rounded"})),E.createElement("div",{className:"step__content"},E.createElement(gl,{hideSeparator:!e}),E.createElement("div",{className:"step__tokens"},E.createElement("div",{className:"step__token-info"},E.createElement(Cn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),E.createElement(qe,{direction:"horizontal",size:8}),E.createElement(Se,{height:12,width:76,variant:"rounded"})),E.createElement("div",{className:"step__icon-container"},E.createElement(Sd,{color:"gray",size:16})),E.createElement("div",{className:"step__token-info"},E.createElement(Cn,{size:"small",loading:!0,chainImage:"",tokenImage:""}),E.createElement(qe,{direction:"horizontal",size:8}),E.createElement(Se,{height:12,width:76,variant:"rounded"})))))}s(Or,"StepSkeleton");function zr(t){let{type:e,expanded:o,tag:n=!1}=t,r=E.createElement("div",{className:"quote-summary"},E.createElement("div",{className:"token-amount"},E.createElement(Cn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),E.createElement(qe,{size:8,direction:"horizontal"}),E.createElement("div",{className:"token-amount__label"},E.createElement(Se,{height:10,width:60,variant:"rounded"}),E.createElement(qe,{size:4}),E.createElement(Se,{height:15,width:148,variant:"rounded"}))),E.createElement(Se,{height:12,width:64,variant:"rounded"}));return E.createElement(fl,{rounded:e!=="basic"},E.createElement("div",{className:"cost-and-tag"},E.createElement("div",{className:"cost"},E.createElement(Se,{width:60,height:10,variant:"rounded"}),E.createElement(qe,{size:4,direction:"horizontal"}),E.createElement(Se,{width:60,height:10,variant:"rounded"}),E.createElement(qe,{size:4,direction:"horizontal"}),E.createElement(Se,{width:60,height:10,variant:"rounded"})),n&&E.createElement(Se,{height:22,width:100,variant:"rounded"})),e==="basic"&&E.createElement("div",{className:"basic-summary"},E.createElement(Se,{height:15,width:148,variant:"rounded"})),e==="list-item"&&E.createElement("div",{className:"output"},E.createElement("div",{className:"output__token-info"},E.createElement(Cn,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),E.createElement(qe,{direction:"horizontal",size:4}),E.createElement(Se,{height:15,width:150,variant:"rounded"})),E.createElement(qe,{size:4}),E.createElement(Se,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&E.createElement(E.Fragment,null,E.createElement(qe,{size:4}),E.createElement("div",{className:"swap-preview"},r,E.createElement("div",{className:"quote-summary__separator"}),r)),E.createElement("div",{className:"chains"},E.createElement(Se,{height:15,width:321,variant:"rounded"})),o&&E.createElement("div",{className:"steps"},E.createElement(qe,{size:20}),E.createElement(Or,null),E.createElement(Or,null),E.createElement(Or,{separator:!1})))}s(zr,"QuoteSkeleton");import{i18n as Fd}from"@lingui/core";import{Alert as Ud,Button as Od,InfoIcon as zd}from"@rango-dev/ui";import Ie from"react";import{Alert as Cd,Button as kd,Divider as Tl,NoRouteIcon as Td,RefreshIcon as wd,Typography as wl}from"@rango-dev/ui";import Ge from"react";import{i18n as hl}from"@lingui/core";function yl(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:H().genericServerError,action:{onClick:n,title:hl.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:H().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:hl.t("Reset")}},description:H().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:H().noResultError.description}}s(yl,"makeInfo");import{styled as qr}from"@rango-dev/ui";var Sl=qr("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Cl=qr("div",{width:"100%"}),kl=qr("div",{padding:"$6 $0"});function Gr(t){let{fetch:e,error:o}=t,n=O.use.disabledLiquiditySources(),r=O.use.toggleAllLiquiditySources(),i=k().swappers(),a=yl(o,n,()=>r(i,!0),e);return Ge.createElement(Sl,null,Ge.createElement(Td,{size:24,color:"gray"}),Ge.createElement(Tl,{size:4}),Ge.createElement(wl,{variant:"title",size:"small"},H().noResultError.title),!!a.description&&Ge.createElement(wl,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Ge.createElement(Tl,{size:4}),!!a.alert&&Ge.createElement(Cl,null,Ge.createElement(Cd,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Ge.createElement(kd,{size:"xsmall",type:a.alert.type,prefix:Ge.createElement(kl,null,Ge.createElement(wd,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}s(Gr,"NoResult");import{i18n as ro}from"@lingui/core";import{Button as xd,Divider as Il,MessageBox as bd,Modal as Ed,Typography as Ad,WarningIcon as Id}from"@rango-dev/ui";import Ze from"react";import{Typography as El}from"@rango-dev/ui";import Hr from"react";import{darkTheme as vd,styled as kn}from"@rango-dev/ui";var vl=kn("div",{width:"100%",paddingTop:"$10"}),Qr=kn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),xl=kn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${vd} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),bl=kn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Al(t){let{title:e,value:o,valueColor:n}=t;return Hr.createElement(xl,null,Hr.createElement(El,{size:"medium",variant:"label",className:"_title"},e),Hr.createElement(El,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}s(Al,"QuoteErrorsModalItem");function Wl(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,i=r.warningLevel==="high"?"error":"warning",a=[{title:ro.t("Swapping"),value:A(r.inputUsdValue,4,4)},{title:ro.t("Gas cost"),value:A(r.totalFee,2,2)},{title:ro.t("Receiving"),value:A(r.outputUsdValue,4,4)},{title:ro.t("Price impact"),value:A(r.priceImpact,2,2),valueColor:`${i}500`}];return Ze.createElement(Ed,{open:e,onClose:o,container:K()},Ze.createElement(bd,{type:i,title:H().highValueLossError.impactTitle,description:H().highValueLossError.description}),Ze.createElement(Qr,null,Ze.createElement(Il,{size:20}),Ze.createElement(Ad,{size:"small",variant:"title"},ro.t("Details")),Ze.createElement(Qr,null,a.map((l,p)=>Ze.createElement(Al,{key:p,...l})))),Ze.createElement(Il,{size:32}),Ze.createElement(xd,{type:"primary",size:"large",prefix:Ze.createElement(Id,null),fullWidth:!0,onClick:n},H().highValueLossError.confirmMessage))}s(Wl,"HighValueLossWarningModal");import{i18n as Vr}from"@lingui/core";function Nl(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(nt(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=H().highValueLossError.title),t.type===1&&(o.title=H().unknownPriceError.title),t.type===2&&(o.title=Vr.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:t.minRequiredSlippage}}),o.action="change-settings"),t.type===3&&(o.title=Vr.t("Caution, your slippage is high.")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action="show-info"),e.type===4&&(o.title=Vr.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):null}s(Nl,"makeAlerts");import{i18n as Ot}from"@lingui/core";import{Button as Ll,Divider as Bl,MessageBox as Wd,Modal as Nd,Typography as Ld}from"@rango-dev/ui";import bt from"react";import{useNavigate as Bd}from"react-router-dom";function Ml(t){let{customSlippage:e,slippage:o}=O(),{open:n,onClose:r,onConfirm:i,warning:a}=t,l=Bd(),p=e??o;return bt.createElement(Nd,{anchor:"bottom",open:n,prefix:bt.createElement(Ll,{size:"small",variant:"ghost",onClick:()=>l("../"+$.settings)},bt.createElement(Ld,{variant:"label",size:"medium",color:"$neutral900"},Ot.t("Change settings"))),container:K(),onClose:r},bt.createElement(Wd,{type:"warning",title:a.type===3?Ot.t("High slippage"):Ot.t("Low slippage"),description:a.type===3?Ot.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):Ot.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},bt.createElement(Bl,{size:18}),bt.createElement(Bl,{size:32}),bt.createElement(Ll,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:i},Ot.t("Confirm anyway"))))}s(Ml,"SlippageWarningModal");import{Button as Md,Divider as $d,MessageBox as Pd,Modal as _d,WarningIcon as Dd}from"@rango-dev/ui";import io from"react";function $l(t){let{open:e,onClose:o,onConfirm:n}=t;return io.createElement(_d,{open:e,onClose:o,container:K()},io.createElement(Pd,{type:"warning",title:H().unknownPriceError.impactTitle,description:H().unknownPriceError.description}),io.createElement($d,{size:32}),io.createElement(Md,{type:"primary",size:"large",prefix:io.createElement(Dd,null),fullWidth:!0,onClick:n},H().unknownPriceError.confirmMessage))}s($l,"UnknownPriceWarningModal");function jr(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:i,onCloseWarningModal:a,onConfirmWarningModal:l,onChangeSettings:p}=t,u={open:r,onClose:a,onConfirm:l},m=o?.type===0||o?.type===1,c=Nl(e,o?.type===3||o?.type===4?o:null);return Ie.createElement(Ie.Fragment,null,m&&Ie.createElement(Gr,{error:o,fetch:n}),!!c&&Ie.createElement(vl,null,Ie.createElement(Ud,{title:c.title,type:c.alertType,variant:"alarm",...c.action==="show-info"&&{action:Ie.createElement(bl,{onClick:i},Ie.createElement(zd,{size:12,color:"gray"}))},...c.action==="change-settings"&&{action:Ie.createElement(Od,{size:"xxsmall",type:c.alertType,onClick:p},Fd.t("Change"))}})),e&&Ie.createElement(Ie.Fragment,null,e.type===0&&Ie.createElement(Wl,{...u,warning:e}),(e.type===3||e.type===2)&&Ie.createElement(Ml,{...u,warning:e}),e.type===1&&Ie.createElement($l,{...u,warning:e})))}s(jr,"QuoteWarningsAndErrors");function so(t){let{quote:e,type:o,loading:n,error:r,warning:i,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m,onChangeSettings:c,expanded:h=!1,alertPosition:d="bottom"}=t,{inputAmount:y,inputUsdValue:x,outputUsdValue:f,outputAmount:b}=z(),v=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n,S=(i||r)&&$e.createElement(jr,{warning:i,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m,onChangeSettings:c});return $e.createElement($e.Fragment,null,n&&$e.createElement(Mr,null,$e.createElement(Za,{paddingTop:d==="top"},$e.createElement(zr,{type:o,expanded:h}))),d==="top"&&$e.createElement(Ja,null,S),v?$e.createElement(Mr,null,$e.createElement(Ur,{quote:e,error:r,warning:i,type:o,expanded:h,recommended:!0,input:{value:y,usdValue:x?.toString()??""},output:{value:b?.toString()??"",usdValue:f?.toString()??""}})):null,d==="bottom"&&$e.createElement($e.Fragment,null,!i&&!r&&$e.createElement(qd,{size:16}),S))}s(so,"QuoteInfo");import{calculatePendingSwap as Hd}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Vd}from"react";import{useRef as Gd,useState as Qd}from"react";function Tn(){let[t,e]=Qd(!1),o=Gd(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(Tn,"useFetchQuote");function wn(t){if(!t.result)throw new Error(H().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(lr(t)){let{swap:n,recommendation:r,fromAmountRangeError:i}=pr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:i}})}let o=cr(t);if(o){let n=Ho(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}s(wn,"throwErrorIfResponseIsNotValid");function Pl(t,e,o){let n=!1;t&&(n=js(t,e));let r={quote:null,quoteUpdate:null,balance:null},i=jo(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});i&&(r.quote=i),t&&n&&(Ds(t,e)?r.quoteUpdate={type:3,newOutputAmount:A(Mt(e)),percentageChange:A(Ne(Mt(t)??"",Mt(e)??""),null,2)}:dr(t,e)?r.quoteUpdate={type:0}:fr(t,e)?r.quoteUpdate={type:1}:gr(t,e)&&(r.quoteUpdate={type:2}));let a=Fs(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}s(Pl,"generateWarnings");function vn(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(vn,"handleQuoteErrors");function Kr(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:i,setQuoteWarningsConfirmed:a}=z(),{slippage:l,customSlippage:p,affiliatePercent:u,affiliateRef:m,affiliateWallets:c,disabledLiquiditySources:h}=O(),{connectedWallets:d}=G(),y=k().blockchains(),x=k().tokens(),{experimental:f}=k().config,{enableNewLiquiditySources:b}=k().config,g=p||l,{fetch:v,cancelFetch:S,loading:C}=Tn();return Vd(()=>S,[]),{loading:C,fetch:s(async U=>{let T=U.selectedWallets,P=U?.customDestination??i;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let M=Vo({fromToken:t,toToken:e,inputAmount:o,wallets:d,selectedWallets:T,excludeLiquiditySources:b,disabledLiquiditySources:h,slippage:g,affiliateRef:m,affiliatePercent:u,affiliateWallets:c,initialQuote:r??void 0,destination:P});f?.routing&&(M.experimental=!0);let N;try{N=await v(M).then(j=>wn(j)),n(N)}catch(j){return vn(j)}let w={slippage:g.toString(),disabledSwappersGroups:h},D=Hd(o.toString(),N,Ps(T),w,!1,{blockchains:y,tokens:x}),I=Pl(r??void 0,N,{fromToken:t,toToken:e,meta:{blockchains:y,tokens:x},selectedWallets:T,userSlippage:g});return I.quoteUpdate&&a(!1),{quote:N,swap:D,error:null,warnings:I}},"fetch"),cancelFetch:S}}s(Kr,"useConfirmSwap");var rf=Ul("div",{position:"relative",width:"100%","& .description":{display:"flex",justifyContent:"space-between",alignItems:"center"},"& .icon":{width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"},"& .quote-update__alert":{paddingTop:"$10"}}),sf=Ul("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Fl}`]:{width:"$48",height:"$48"}});function Ol(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:i,quoteWarningsConfirmed:a}=z(),l=nf(),[p,u]=bn(""),{connectedWallets:m}=G(),c=!n,[h,d]=bn(!1),y=we.use.setSelectedSwap(),x=O.use.disabledLiquiditySources(),f=tf(x),{manager:b}=jd(),{fetch:g,loading:v,cancelFetch:S}=Kr(),[C,B]=bn({swap:null,error:null,warnings:null}),[U,T]=bn(!1),P=s(async({selectedWallets:I,customDestination:j})=>{let oe=await g?.({selectedWallets:I,customDestination:j});return B(oe),oe},"onConfirmSwap"),M=s(async()=>{if(C.swap&&n)try{await b?.create("swap",{swapDetails:C.swap},{id:C.swap.requestId}),y(C.swap.requestId);let I=`../${$.swaps}/${C.swap.requestId}`;l(I,{replace:!0}),setTimeout(()=>{e("")},0)}catch(I){u("Error: "+I?.message)}},"addNewSwap"),N=s(async()=>{await M()},"onConfirm"),w=s(async()=>{C?.warnings?.quote&&!a?T(!0):await N()},"onStartConfirmSwap"),D=s(async()=>{B({error:null,swap:null,warnings:null}),g({selectedWallets:o,customDestination:i}).then(I=>{B(I)}).catch(I=>console.error(I))},"onRefresh");return ao(()=>{!!f.current.length&&!x.length&&D(),f.current=x},[x.length]),ao(()=>{c&&S()},[c]),ao(()=>{c&&d(c)},[c]),ao(()=>{c||g({selectedWallets:o,customDestination:i}).then(I=>B(I)).catch(I=>console.error(I))},[]),ao(()=>{let I=C.warnings?.quote?.type&&Object.values(ut).includes(C.warnings?.quote?.type),j=o.length<1||!o.every(ne=>m.find(Q=>ne.address===Q.address&&ne.walletType===Q.walletType&&ne.chain===Q.chain)),oe=!1;if(I){let ne=Fo(t),Q=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(de=>de.from.blockchain===Q)||(ne=ne.slice(-ne.length,ne.length-1)),ne.every(de=>o.find(De=>De.chain===de))||(oe=!0)}t&&(j||oe)&&(queueMicrotask(()=>of(d.bind(null,!0))),r(!1))},[C.warnings?.quote,o.length,m.length]),ef(()=>{t||l("../")},[]),te.createElement(X,{header:{title:xn.t("Confirm Swap"),onWallet:()=>{let I=`../${$.wallets}`;l(I)},suffix:te.createElement(Jd,{container:K(),side:"bottom",content:xn.t("Settings")},te.createElement(Ue,{size:"small",variant:"ghost",onClick:()=>l("../"+$.settings)},te.createElement(Yd,{size:18,color:"black"})))},footer:te.createElement(sf,null,te.createElement("div",{className:"confirm-button"},te.createElement(Dl,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:v,disabled:!!C.error,onClick:w},xn.t("Start Swap"))),te.createElement(Fl,{variant:"contained",type:"primary",size:"large",loading:v,onClick:d.bind(null,!0)},te.createElement(Rd,{size:24})))},h&&te.createElement(Ya,{open:h,onClose:()=>d(!1),onCancel:S,loading:v,onCheckBalance:P}),te.createElement(rf,null,te.createElement("div",{className:"description"},te.createElement(Zd,{variant:"title",size:"small"},xn.t("You get")),te.createElement(Dl,{style:{padding:"0"},variant:"ghost",disabled:v,onClick:D},te.createElement("div",{className:"icon"},te.createElement(Xd,{size:16})))),p&&te.createElement(te.Fragment,null,te.createElement(_l,{type:"error",variant:"alarm",title:p}),te.createElement(Kd,{size:12})),C.warnings?.quoteUpdate&&te.createElement("div",{className:"quote-update__alert"},te.createElement(_l,{variant:"alarm",type:"warning",title:C.warnings.quoteUpdate&&nn(C.warnings.quoteUpdate)})),te.createElement(so,{quote:t,type:"swap-preview",expanded:!0,alertPosition:"top",error:C.error,loading:v,warning:C.warnings?.quote??null,refetchQuote:D,showWarningModal:U,onOpenWarningModal:()=>T(!0),onCloseWarningModal:()=>T(!1),onConfirmWarningModal:async()=>{T(!1),await M()},onChangeSettings:()=>l("../"+$.settings)})))}s(Ol,"ConfirmSwapPage");import{i18n as An}from"@lingui/core";import{useManager as df}from"@rango-dev/queue-manager-react";import{Divider as ff,NotFound as gf,styled as Xl}from"@rango-dev/ui";import ht,{useState as hf}from"react";import{useNavigate as yf}from"react-router-dom";import{CloseIcon as lf,IconButton as pf,SearchIcon as uf,TextField as cf}from"@rango-dev/ui";import lo from"react";import{styled as af}from"@rango-dev/ui";var zl=af("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function st(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:i,value:a,setValue:l,...p}=t;return lo.createElement(cf,{prefix:lo.createElement(zl,null,lo.createElement(uf,{color:"black"})),suffix:!!a.length&&lo.createElement(pf,{variant:"ghost",onClick:()=>l?.(""),size:"small"},lo.createElement(lf,{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(st,"SearchInput");import{i18n as Gl}from"@lingui/core";import{Divider as Ql,SwapListItem as Hl,Typography as Vl}from"@rango-dev/ui";import R from"react";import{darkTheme as mf,styled as En}from"@rango-dev/ui";var Xr=En("div",{width:"100%",display:"flex",flexDirection:"column",".group-title":{$$color:"$colors$neutral600",[`.${mf} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Yr=En("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Jr=En("div",{gap:"$10",display:"flex",flexDirection:"column"}),ql=En("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function Zr(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,i=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return R.createElement(R.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>R.createElement(R.Fragment,{key:p.title},R.createElement(Xr,null,R.createElement(Yr,null,R.createElement(Vl,{variant:"label",size:"medium",className:"group-title"},Gl.t(p.title))),R.createElement(Ql,{size:4}),R.createElement(Jr,null,p.swaps.map((u,m)=>{let c=m+p.title;return R.createElement(R.Fragment,{key:c},R.createElement(Hl,{isLoading:!0}))}))))))}return R.createElement(R.Fragment,null,i.filter(a=>a.swaps.length>0).map(a=>R.createElement(R.Fragment,{key:a.title},R.createElement(Xr,null,R.createElement(Yr,null,R.createElement(Vl,{variant:"label",size:"medium",className:"group-title"},Gl.t(a.title))),R.createElement(Ql,{size:4}),R.createElement(Jr,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return R.createElement(R.Fragment,{key:l.requestId},R.createElement(Hl,{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:Lo(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:Lo(u.outputAmount||""),estimatedAmount:Lo(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}s(Zr,"SwapsGroup");import jl from"dayjs";var Kl=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=jl();return t.forEach(n=>{let r=jl(Number(n.creationTime));o.isSame(r,"day")?e.get("today")?.swaps.push(n):o.isSame(r,"month")?e.get("month")?.swaps.push(n):o.isSame(r,"year")?e.get("year")?.swaps.push(n):e.get("history")?.swaps.push(n)}),Array.from(e.values())},"groupSwapsByDate");var zt=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 Sf=Xl("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Cf=Xl("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),kf=s((t,e)=>t?.length?t.filter(o=>Ke(o.fromBlockchain,e)||Ke(o.toBlockchain,e)||Ke(o.toSymbol,e)||Ke(o.fromSymbol,e)).length:!1,"isStepContainsText");function Yl(){let t=we.use.setSelectedSwap(),e=yf(),{manager:o,state:n}=df(),r=zt(o).map(({swap:c})=>c),[i,a]=hf(""),l=!n.loadedFromPersistor,p=s(c=>{let h=c.target.value;a(h)},"searchHandler"),u=r;i&&(u=r.filter(c=>Ke(c.inputAmount,i)||Ke(c.status,i)||kf(c.steps,i)||Ke(c.requestId,i)));let m=!u?.length&&!l;return ht.createElement(X,{header:{title:An.t("History")}},ht.createElement(Sf,null,ht.createElement(st,{setValue:a,fullWidth:!0,variant:"contained",placeholder:An.t("Search Transaction"),autoFocus:!0,onChange:p,value:i}),ht.createElement(Cf,null,m&&ht.createElement(ql,null,ht.createElement(ff,{size:32}),ht.createElement(gf,{title:An.t("No results found"),description:i?An.t("Try using different keywords"):""})),!m&&ht.createElement(Zr,{list:u,onSwapClick:c=>{t(c),e(c)},groupBy:Kl,isLoading:l}))))}s(Yl,"HistoryPage");import{i18n as ti}from"@lingui/core";import{Button as Af,styled as oi,SwapInput as ep,WarningIcon as If}from"@rango-dev/ui";import Pe,{useEffect as Wf,useRef as Nf,useState as Lf}from"react";import{useNavigate as Bf}from"react-router-dom";import{ReverseIcon as Tf,styled as Jl}from"@rango-dev/ui";import Rr from"react";var wf=Jl("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),vf=Jl("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 Zl(){let t=z.use.switchFromAndTo();return Rr.createElement(wf,null,Rr.createElement(vf,{onClick:()=>{t()}},Rr.createElement(Tf,{size:12})))}s(Zl,"SwitchFromAndToButton");import{useCallback as xf,useEffect as bf,useState as ei}from"react";var Ef=600;function Rl(){let{fetch:t,cancelFetch:e}=Tn(),{liquiditySources:o,enableNewLiquiditySources:n,experimental:r}=k().config,i=k().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:u,resetQuote:m,setQuote:c}=z(),{slippage:h,customSlippage:d,affiliatePercent:y,affiliateRef:x,affiliateWallets:f,disabledLiquiditySources:b}=O(),[g,v]=ei(!1),[S,C]=ei(null),[B,U]=ei(null),T=d??h,M=!a||!l||We(a,l)||!Xt(p),N=s(I=>{v(I),C(null),U(null)},"resetState"),w=s(I=>{let{fromToken:j,toToken:oe,inputAmount:ne,liquiditySources:Q,excludeLiquiditySources:se,disabledLiquiditySources:me,slippage:de,affiliateRef:De,affiliatePercent:It,affiliateWallets:jt}=I;if(g||N(!0),!M&&j&&oe){m();let ot=Vo({fromToken:j,toToken:oe,inputAmount:ne,liquiditySources:Q,excludeLiquiditySources:se,disabledLiquiditySources:me,slippage:de,affiliateRef:De,affiliatePercent:It,affiliateWallets:jt});r?.routing&&(ot.experimental=!0),t(ot).then(He=>{v(!1),c(He),wn(He);let _=jo(He,{fromToken:j,toToken:oe,userSlippage:T,tokens:i});U(_)}).catch(He=>{let{error:_}=vn(He);(_?.type===0||_?.type===1)&&m(),_?.type!==2&&(C(_),v(!1))})}},"fetch"),D=xf(rs(I=>{M||w(I)},Ef),[M]);return bf(()=>{if(!Xt(p)||u?.eq(0)){N(!1),e();return}if(!M)return m(),N(!0),D({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:b,slippage:T,affiliateRef:x,affiliatePercent:y,affiliateWallets:f}),e},[p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,M,o?.length,n,b.length,T,x,y,JSON.stringify(f)]),{fetch:()=>w({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:b,slippage:T,affiliateRef:x,affiliatePercent:y,affiliateWallets:f}),loading:g,error:S,warning:B}}s(Rl,"useSwapInput");var Mf=oi("div",{display:"flex",flexDirection:"column",overflowY:"visible","& .quote__container":{paddingTop:"$2"}}),$f=oi("div",{position:"relative"}),Pf=oi("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function tp(){let t=Bf(),{fetch:e,loading:o,error:n,warning:r}=Rl(),{fromToken:i,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:m,inputUsdValue:c,outputAmount:h,outputUsdValue:d,quote:y,resetQuoteWallets:x,setQuoteWarningsConfirmed:f}=z(),b=k().fetchStatus,g=G.use.connectedWallets(),v=we.use.setCurrentPage(),[S,C]=Lf(!1),B=Nf(null),U=!1,T=!ur(y,m,c),P=!ur(y,m,d),M=Bs({fetchMetaStatus:b,fetchingQuote:o,inputAmount:m,quote:y,anyWalletConnected:g.length>0,error:n,warning:r,needsToWarnEthOnPath:U}),N=a&&i?A(Bt(g,a?.name,i?.symbol,i?.address)?.amount||"0",8,8):"0",w=a&&i?A(Bt(g,a?.name,i?.symbol,i?.address)?.amount||"0",Bt(g,a?.name,i?.symbol,i?.address)?.decimal):"0";Wf(()=>(v($.home),x(),v.bind(null,"")),[]);let D=!c||!d||!d.gt(0)?null:Ne(c.toString(),d.toString());return Pe.createElement(X,{ref:B,fixedHeight:!1,hasLogo:!0,footer:Pe.createElement(Af,{type:"primary",size:"large",disabled:M.disabled,prefix:M.action==="confirm-warning"&&Pe.createElement(If,null),fullWidth:!0,onClick:()=>{M.action==="connect-wallet"?t($.wallets):M.action==="confirm-warning"?C(!0):t($.confirmSwap)}},M.title),header:{onWallet:()=>{t($.wallets)},hasBackButton:!1,title:ti.t("Swap"),suffix:Pe.createElement(xr,{layoutRef:B.current,onClickRefresh:y||n?e:void 0,onClickHistory:()=>t($.swaps),onClickSettings:()=>t($.settings)})}},Pe.createElement(Mf,null,Pe.createElement(Pf,null,Pe.createElement($f,null,Pe.createElement(ep,{label:ti.t("From"),mode:"From",onInputChange:u,balance:N,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:i?.symbol||"",image:i?.image||""},onClickToken:()=>t($.fromSwap),price:{value:m,usdValue:T?void 0:A(c,4,4),error:T?H().unknownPriceError.impactTitle:void 0},disabled:b==="failed",loading:b==="loading",onSelectMaxBalance:()=>{N!=="0"&&u(w.split(",").join(""))}}),Pe.createElement(Zl,null)),Pe.createElement(ep,{sharpBottomStyle:!!y?.result||o,label:ti.t("To"),mode:"To",fetchingQuote:o,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:A(Ne(c,d),2,2),warningLevel:nt(D??0),price:{value:A(h,6,6),usdValue:P?void 0:A(d,4,4),error:P?H().unknownPriceError.impactTitle:void 0},onClickToken:()=>t($.toSwap),disabled:b==="failed",loading:b==="loading"})),Pe.createElement("div",{className:"quote__container"},Pe.createElement(so,{quote:y,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:S,onOpenWarningModal:()=>C(!0),onCloseWarningModal:()=>C(!1),onConfirmWarningModal:()=>{C(!1),f(!0),t($.confirmSwap)},onChangeSettings:()=>t($.settings)}))))}s(tp,"Home");import{i18n as op}from"@lingui/core";import{List as _f,ListItemButton as Df,Radio as Ff,RadioRoot as Uf,Typography as Of}from"@rango-dev/ui";import yt from"react";import{styled as In}from"@rango-dev/ui";var at=In("div",{height:"100%",overflow:"hidden"}),po=In("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ni=In("div",{width:80,display:"flex",justifyContent:"flex-end"}),ri=In("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Wn(){let t=O.use.language(),e=O.use.setLanguage();return{activeLanguage:t,languages:is,defaultLanguage:Kt,changeLanguage:r=>e(r||Kt)}}s(Wn,"useLanguage");function np(){let{activeLanguage:t,changeLanguage:e,languages:o}=Wn(),n=o.map(r=>{let{local:i,label:a,SVGFlag:l}=r;return{id:i,value:i,title:yt.createElement(Of,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:yt.createElement(Ff,{value:i}),start:yt.createElement(l,null)}});return yt.createElement(X,{header:{title:op.t("Language")}},yt.createElement(at,null,yt.createElement(Uf,{value:t},yt.createElement(_f,{type:yt.createElement(Df,{title:op.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}s(np,"LanguagePage");import{i18n as qt}from"@lingui/core";import{Button as Hf,Checkbox as Vf,Image as jf,ListItemButton as Kf,NotFound as Xf,Typography as Yf}from"@rango-dev/ui";import Ce,{useState as Jf}from"react";import{Checkbox as Gf,Skeleton as ip}from"@rango-dev/ui";import uo from"react";import{ListItem as zf,styled as qf}from"@rango-dev/ui";var rp=qf(zf,{height:61});var Qf=30;function ii(){return uo.createElement(po,null,Array.from(Array(Qf),t=>uo.createElement(rp,{hasDivider:!0,key:t,start:uo.createElement(ip,{variant:"circular",width:35,height:35}),title:uo.createElement(ip,{variant:"text",size:"large",width:90}),end:uo.createElement(Gf,{checked:!1})})))}s(ii,"LoadingLiquiditySourceList");function si({sourceType:t}){let e=k().fetchStatus,o=k().swappers(),[n,r]=Jf(""),i=O.use.toggleLiquiditySource(),a=Io(o),l=[];t==="Exchanges"&&l.push("DEX"),t==="Bridges"&&(l.push("BRIDGE"),l.push("AGGREGATOR"));let p=a.filter(y=>l.includes(y.type)),u=p.length===p.filter(y=>y.selected).length,m=s(()=>{p.forEach(y=>{u?i(y.groupTitle):y.selected||i(y.groupTitle)})},"toggleAllSources"),c=p.map(y=>{let{selected:x,groupTitle:f,logo:b}=y;return{start:Ce.createElement(jf,{src:b,size:22,type:"circular"}),onClick:()=>i(f),end:Ce.createElement(Vf,{checked:x}),title:Ce.createElement(Yf,{variant:"title",size:"xmedium"},qt.t(f)),...y}}),h=s(y=>{let x=y.target.value;r(x)},"searchHandler"),d=c;return n&&(d=c.filter(y=>Ke(y.groupTitle,n))),Ce.createElement(X,{header:{title:qt.t(t),suffix:Ce.createElement(ni,null,Ce.createElement(Hf,{variant:"ghost",size:"xsmall",onClick:m},qt.t(u?"Deselect all":"Select all")))}},Ce.createElement(at,null,Ce.createElement(st,{value:n,setValue:r,fullWidth:!0,color:"light",variant:"contained",placeholder:qt.t("Search {sourceType}",{sourceType:t}),onChange:h}),e==="loading"&&Ce.createElement(ii,null),!d.length&&n?Ce.createElement(ri,null,Ce.createElement(Xf,{title:qt.t("No results found"),description:qt.t("Try using different keywords")})):e==="success"&&Ce.createElement(po,null,d.map(y=>Ce.createElement(Ce.Fragment,{key:y.id},Ce.createElement(Kf,{style:{height:"61px"},...y,selected:!1,hasDivider:!0}))))))}s(si,"LiquiditySourcePage");import{i18n as dp}from"@lingui/core";import{Divider as ui,getCountCategories as sg,SelectableCategoryList as ag}from"@rango-dev/ui";import lt,{useState as fp}from"react";import{i18n as li}from"@lingui/core";import{Divider as cp,Image as tg,ListItemButton as og,NotFound as ng,Typography as mp}from"@rango-dev/ui";import _e,{useEffect as rg,useState as ig}from"react";import{BlockchainCategories as ai}from"@rango-dev/ui";import{TransactionType as Nn}from"rango-sdk";var Zf=s((t,e)=>{switch(e){case ai.ALL:return!0;case ai.UTXO:return t.type===Nn.TRANSFER;case ai.OTHER:return t.type!==Nn.TRANSFER&&t.type!==Nn.COSMOS&&t.type!==Nn.EVM;default:return t.type===e}},"filterByType"),sp=s((t,e,o)=>t.filter(n=>Zf(n,o)).filter(n=>Ct(n.name,e)||Ct(n.displayName,e)),"filterBlockchains");import{styled as ap}from"@rango-dev/ui";var lp=ap("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Ln=ap("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Rf,Skeleton as pp}from"@rango-dev/ui";import Bn from"react";var eg=20;function up(){return Bn.createElement(Ln,null,Array.from(Array(eg),t=>Bn.createElement(Rf,{key:t,hasDivider:!0,start:Bn.createElement(pp,{variant:"circular",width:35,height:35}),title:Bn.createElement(pp,{variant:"text",size:"large",width:90})})))}s(up,"LoadingBlockchainList");function pi(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[i,a]=ig(e),{fetchStatus:l}=k();rg(()=>{a([...sp(e,o,r)])},[e,o,r]);let p=s(()=>!i.length&&o?_e.createElement(_e.Fragment,null,_e.createElement(cp,{size:32}),_e.createElement(ng,{title:li.t("No results found"),description:li.t("Try using different keywords")})):_e.createElement(Ln,{key:`${r}-${o}`},i.map(u=>_e.createElement(og,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:_e.createElement(tg,{src:u.logo,size:30}),title:_e.createElement(mp,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return _e.createElement(lp,null,_e.createElement(mp,{variant:"label",size:"large"},li.t("Select Blockchain")),_e.createElement(cp,{size:4}),l==="loading"&&_e.createElement(up,null),l==="success"&&p())}s(pi,"BlockchainList");function ci(t){let{type:e}=t,o=dt(),[n,r]=fp(""),[i,a]=fp("ALL"),l=z.use.setToBlockchain(),p=z.use.setFromBlockchain(),u=k().fetchStatus,m=k().blockchains({type:e}),h=sg(m)!==1;return lt.createElement(X,{header:{title:dp.t("Select Blockchain")}},lt.createElement(ui,{size:12}),h&&lt.createElement(lt.Fragment,null,lt.createElement(ag,{setCategory:a,category:i,blockchains:m,isLoading:u==="loading"}),lt.createElement(ui,{size:24})),lt.createElement(st,{value:n,autoFocus:!0,placeholder:dp.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),lt.createElement(ui,{size:16}),lt.createElement(pi,{list:m,searchedFor:n,blockchainCategory:i,onChange:d=>{e==="source"?p(d):l(d),o()}}))}s(ci,"SelectBlockchainPage");import{i18n as Mp}from"@lingui/core";import{Divider as $p}from"@rango-dev/ui";import Gt,{useState as xg}from"react";import{useNavigate as bg}from"react-router-dom";import{i18n as fi}from"@lingui/core";import{BlockchainsChip as Mn,Divider as Sp,Image as Cp,Skeleton as mg,Typography as gi}from"@rango-dev/ui";import he from"react";import{useEffect as ug}from"react";var gp=["ETH","COSMOS","OSMOSIS"];function mi(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(lg),o?.limit&&t.length>o.limit){let i=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let u=n[p];a=a.filter(m=>u.name!==m)}}n.sort(pg(a)),r=n.splice(i)}return{list:n,more:r}}s(mi,"prepare");function lg(t,e){let o=gp,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(lg,"sortByMostUsedBlockchains");function pg(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(pg,"generateSortByPreferredBlockchainsFor");function hp(t,e){return!!e.list.find(o=>o.name===t)}s(hp,"isInVisibleList");function di(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=O();ug(()=>{if(e?.selected){let i=mi(t,o,e);hp(e.selected,i)||n(e?.selected)}},[e?.selected]);let r=mi(t,o,e);return{list:r.list,more:r.more,history:[]}}s(di,"usePrepareBlockchainList");import{styled as cg}from"@rango-dev/ui";var yp=cg("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var dg=12;function hi(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:i}=t,a=di(e,{limit:10,selected:n?.name}),{fetchStatus:l}=k(),p=z.use.resetToBlockchain(),u=z.use.resetFromBlockchain(),m=a.more.length>0,c=a.more.length===1,h=!c&&m;return he.createElement("div",null,he.createElement(Sp,{size:12}),he.createElement(gi,{variant:"label",size:"large"},fi.t("Select Blockchain")),he.createElement(Sp,{size:12}),he.createElement(yp,null,l==="loading"&&Array.from(Array(dg),d=>he.createElement(mg,{key:d,variant:"rounded",height:50})),l==="success"&&he.createElement(he.Fragment,null,he.createElement(Mn,{selected:!n,onClick:()=>{o==="from"?u():p()}},he.createElement(gi,{variant:"body",size:"xsmall",color:"secondary500"},fi.t("All"))),a.list.map(d=>he.createElement(Mn,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},he.createElement(Cp,{src:d.logo,size:30}))),c?he.createElement(Mn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},he.createElement(Cp,{src:a.more[0].logo,size:30})):null,h?he.createElement(Mn,{onClick:i,key:"more-blockchains"},he.createElement(gi,{variant:"body",size:"xsmall",color:"secondary500"},fi._("More +{count}",{count:a.more.length}))):null)))}s(hi,"BlockchainsSection");import{i18n as Ti}from"@lingui/core";import{darkTheme as Ip,Divider as mo,ExternalLinkIcon as hg,Image as yg,ListItemButton as Sg,NotFound as Cg,PinIcon as kg,Skeleton as Wp,Typography as fo,VirtualizedList as Tg}from"@rango-dev/ui";import F,{forwardRef as wg,useEffect as Np,useState as Lp}from"react";var kp=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,m=(l.length<2?"0":"")+l;return`#${p}${u}${m}`},"colorShade"),$n=s((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:kp(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:kp(e,-((l-5)*25))});return a},"generateRangeColors"),yi=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=$n(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,...$n(i,a)}}return n?r:{}},"generateColors");import{Divider as Ep,ListItem as gg,Skeleton as co}from"@rango-dev/ui";import Qe from"react";import{darkTheme as Tp,styled as Re,Typography as fg}from"@rango-dev/ui";var wp=Re("div",{display:"flex",flexDirection:"column",flexGrow:1}),Si=Re("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Pn=Re("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none",".description":{position:"relative",height:12,width:150,".token-title":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"},".token-address":{transform:"translateY(12px)",visibility:"hidden","& a":{fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Tp} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}},".token-name":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}},"&:hover":{".description":{".token-address":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},".token-address-without-name":{bottom:"-15px"},".token-name":{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},".token-title":{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Ci=Re("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),ki=Re(fg,{}),vp=Re("div",{textAlign:"right",".usd-value":{$$color:"$colors$neutral600",[`.${Tp} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),_n=Re("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),iW=Re("div",{display:"flex",alignItems:"center"}),xp=Re("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),bp=Re("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function Ap(t){return Qe.createElement(Pn,null,Array.from(Array(t.size),e=>Qe.createElement(gg,{key:e,hasDivider:!0,start:Qe.createElement(co,{variant:"circular",width:35,height:35}),end:Qe.createElement(_n,null,Qe.createElement(co,{variant:"text",size:"large",width:70}),Qe.createElement(Ep,{size:4}),Qe.createElement(co,{variant:"text",size:"medium",width:50})),title:Qe.createElement("div",null,Qe.createElement(co,{variant:"text",size:"large",width:90}),Qe.createElement(Ep,{size:4}),Qe.createElement(co,{variant:"text",size:"medium",width:90}))})))}s(Ap,"LoadingTokenList");var wi=20,vg=s(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:i,customCssForTagTitle:a}=t,l=e.length;return F.createElement("div",{className:"description"},o?F.createElement("div",{className:"token-name"},o):F.createElement(Si,{className:"token-title"},F.createElement(fo,{variant:"title",size:"xmedium"},r.symbol),F.createElement(mo,{direction:"horizontal",size:4}),F.createElement(Ci,{css:i},F.createElement(ki,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&F.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},F.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," ",F.createElement(hg,{color:"gray",size:12}))))},"renderDesc");function Bp(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[i,a]=Lp(e),l=k().fetchStatus,p=k().blockchains(),[u,m]=Lp(!0),c=G.use.loading(),{isTokenPinned:h}=k(),d=wg((f,b)=>F.createElement("div",{...f,ref:b,style:{...f.style,height:`${parseFloat(f.style?.height)+8*2}px`}})),y=s(()=>{a(e.slice(0,i.length+wi))},"loadNextPage");Np(()=>{m(e.length>i.length)},[i.length]),Np(()=>{a(e.slice(0,wi))},[e]);let x=s(()=>!i.length&&o?F.createElement(F.Fragment,null,F.createElement(mo,{size:32}),F.createElement(Cg,{title:Ti.t("No results found"),description:Ti.t("Try using different keywords")})):F.createElement(Tg,{Item:({index:f,style:b})=>{let g=i[f],v=g.address||"",S=p.find(T=>T.name===g.blockchain),C=$n(g.symbol,S?.color||""),B={$$color:C[`${g.symbol}100`],[`.${Ip} &`]:{$$color:C[`${g.symbol}900`]},backgroundColor:"$$color"},U={$$color:C[`${g.symbol}700`],[`.${Ip} &`]:{$$color:C[`${g.symbol}100`]},color:"$$color"};return F.createElement("div",{style:{...b,paddingRight:5}},F.createElement(Sg,{style:{height:b?.height},"tab-index":f,key:`${g.symbol}${g.address}`,id:`${g.symbol}${g.address}`,hasDivider:!0,onClick:()=>n(i[f]),start:F.createElement(xp,null,F.createElement(yg,{src:g.image,size:30}),h(g)&&F.createElement(bp,null,F.createElement(kg,{size:12,color:"gray"}))),title:S?.type==="COSMOS"||g.name||!g.name&&!v?F.createElement(Si,null,F.createElement(fo,{variant:"title",size:"xmedium"},g.symbol),F.createElement(mo,{direction:"horizontal",size:4}),F.createElement(Ci,{css:B},F.createElement(ki,{variant:"body",size:"xsmall",css:U},g.blockchain))):void 0,description:S?.info&&v&&S.type!=="COSMOS"?vg({address:v,token:i[f],customCssForTag:B,customCssForTagTitle:U,name:g.name,url:S.info.addressUrl.split("{wallet}").join(v)}):g.name||void 0,end:c?F.createElement(_n,null,F.createElement(Wp,{variant:"text",size:"large",width:70}),F.createElement(mo,{size:4}),F.createElement(Wp,{variant:"text",size:"medium",width:50})):i[f]?.balance&&F.createElement(vp,null,F.createElement(fo,{variant:"title",size:"small"},g.balance?.amount),F.createElement("div",null),g.balance?.usdValue&&F.createElement(fo,{variant:"body",className:"usd-value",size:"xsmall"},`$${g.balance?.usdValue}`))}))},hasNextPage:u,itemCount:i.length,loadNextPage:y,innerElementType:d,size:60,key:`${r}-${o}`}),"renderList");return F.createElement(wp,null,F.createElement(fo,{variant:"label",size:"large"},Ti.t("Select Token")),F.createElement(mo,{size:4}),l==="loading"&&F.createElement(Ap,{size:wi}),l==="success"&&F.createElement(Pn,null,x()))}s(Bp,"TokenList");function vi(t){let{type:e}=t,o=bg(),n=dt(),{fromBlockchain:r,toBlockchain:i,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=z(),{connectedWallets:m}=G(),[c,h]=xg(""),y=(e==="source"?r:i)?.name??"",x=k().blockchains({type:e}),f=k().tokens({type:e,blockchain:y,searchFor:c}),b=Ts(f,m),g=s(S=>{e==="source"?p(S):u(S)},"updateBlockchain"),v=s(S=>{e==="source"?a({token:S,meta:{blockchains:x,tokens:f}}):l({token:S,meta:{blockchains:x,tokens:f}})},"updateToken");return Gt.createElement(X,{header:{title:Mp.t("Swap {type}",{type:e})}},Gt.createElement(hi,{blockchains:x,type:e=="source"?"from":"to",blockchain:e==="source"?r:i,onMoreClick:()=>o($.blockchains),onChange:S=>{g(S)}}),Gt.createElement($p,{size:24}),Gt.createElement(st,{value:c,autoFocus:!0,placeholder:Mp.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>h(""),onChange:S=>h(S.target.value)}),Gt.createElement($p,{size:16}),Gt.createElement(Bp,{list:b,selectedBlockchain:y,searchedFor:c,onChange:S=>{v(S);let C=x.find(B=>S.blockchain===B.name);C&&g(C),n()}}))}s(vi,"SelectSwapItemsPage");import{i18n as Et}from"@lingui/core";import{ChevronRightIcon as Ei,Divider as Ai,InfoIcon as Lg,List as Bg,ListItemButton as Mg,Skeleton as $g,Switch as Pg,Tooltip as _g,Typography as At}from"@rango-dev/ui";import V from"react";import{useNavigate as Dg}from"react-router-dom";import{i18n as Up}from"@lingui/core";import{Chip as Ag,Divider as Op,InfoIcon as Ig,TextField as Wg,Tooltip as Ng,Typography as zp}from"@rango-dev/ui";import ve from"react";import{styled as Dn}from"@rango-dev/ui";var Pp=Dn("div",{paddingTop:"$5",paddingBottom:"30px"}),_p=Dn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),Dp=Dn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Fn=Dn("div",{maxWidth:"300px",padding:"$10"});import{i18n as xi}from"@lingui/core";import{Typography as Eg}from"@rango-dev/ui";import go from"react";function Fp(){return go.createElement(Fn,null,go.createElement(Eg,{variant:"label",size:"medium",color:"neutral700"},xi.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),go.createElement("br",null),go.createElement("br",null),go.createElement("b",null,xi.t("Warning")),":",xi.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}s(Fp,"SlippageTooltipContent");function bi(){let t=O.use.slippage(),e=O.use.setSlippage(),o=O.use.customSlippage(),n=O.use.setCustomSlippage();return ve.createElement(Pp,null,ve.createElement(Dp,null,ve.createElement(zp,{variant:"title",size:"xmedium"},Up.t("Slippage tolerance per swap")),ve.createElement(Op,{direction:"horizontal",size:4}),ve.createElement(Ng,{container:K(),side:"top",content:ve.createElement(Fp,null)},ve.createElement(Ig,{color:"gray"}))),ve.createElement(_p,null,ss.map((r,i)=>{let a=`slippage-${i}`;return ve.createElement(ve.Fragment,null,ve.createElement(Ag,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),ve.createElement(Op,{direction:"horizontal",size:8}))}),ve.createElement(Wg,{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>=us&&i<=ps)&&n(i)},suffix:o&&ve.createElement(zp,{variant:"body",size:"small"},"%"),placeholder:Up.t("Custom")})))}s(bi,"Slippage");function qp(){let t=Dg(),{theme:e}=k().config,o=k().fetchStatus,n=k().swappers(),r=O.use.infiniteApprove(),i=O.use.toggleInfiniteApprove(),a=Io(n),l=a.filter(v=>v.type==="BRIDGE"||v.type==="AGGREGATOR"),p=l.length,u=l.filter(v=>v.selected).length,m=a.filter(v=>v.type==="DEX"),c=m.length,h=m.filter(v=>v.selected).length,d=s((v,S)=>{switch(o){case"loading":return V.createElement($g,{variant:"text",size:"medium",width:50});case"failed":return V.createElement(At,{variant:"body",size:"medium",color:"$error500"},Et.t("Loading failed"));default:return V.createElement(At,{variant:"body",size:"medium"},`${v} / ${S}`)}},"handleEndItem"),y={id:"bridge-item",title:V.createElement(At,{variant:"title",size:"xmedium"},Et.t("Enabled bridges")),end:V.createElement(V.Fragment,null,d(u,p),V.createElement(Ai,{direction:"horizontal",size:8}),V.createElement(Ei,{color:"black"})),onClick:()=>t($.bridges)},x={id:"exchange-item",title:V.createElement(At,{variant:"title",size:"xmedium"},Et.t("Enabled exchanges")),end:V.createElement(V.Fragment,null,d(h,c),V.createElement(Ai,{direction:"horizontal",size:8}),V.createElement(Ei,{color:"gray"})),onClick:()=>t($.exchanges)},f={id:"theme-item",title:V.createElement(At,{variant:"title",size:"xmedium"},Et.t("Theme")),end:V.createElement(Ei,{color:"gray"}),onClick:()=>t($.themes)},b={id:"infinite-approval-item",title:V.createElement(V.Fragment,null,V.createElement(At,{variant:"title",size:"xmedium"},Et.t("Infinite Approval")),V.createElement(Ai,{direction:"horizontal",size:4}),V.createElement(_g,{side:"top",container:K(),content:V.createElement(Fn,null,V.createElement(At,{variant:"label",size:"medium",color:"neutral700"},Et.t("Enabling the 'Infinite Approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},V.createElement(Lg,{color:"gray"}))),end:V.createElement(Pg,{checked:r}),onClick:i},g=[y,x];return e?.singleTheme||g.push(f),g.push(b),V.createElement(X,{header:{title:Et.t("Setting")}},V.createElement(at,null,V.createElement(bi,null),V.createElement(Bg,{type:V.createElement(Mg,{title:"_",id:"_",onClick:()=>console.log()}),items:g})))}s(qp,"SettingsPage");import{cancelSwap as Lh}from"@rango-dev/queue-manager-rango-preset";import{useManager as Bh}from"@rango-dev/queue-manager-react";import ku from"react";import{i18n as pt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as mh,getCurrentStep as dh,getRelatedWalletOrNull as fh,PendingSwapNetworkStatus as Kn}from"@rango-dev/queue-manager-rango-preset";import{Button as mu,CopyIcon as gh,Divider as hh,IconButton as yh,QuoteCost as Sh,StepDetails as Ch,Typography as Ht,useCopyToClipboard as kh}from"@rango-dev/ui";import{useWallets as Th}from"@rango-dev/wallets-react";import Y,{useEffect as du,useRef as wh,useState as fu}from"react";import{useNavigate as vh}from"react-router-dom";import{i18n as xe}from"@lingui/core";var Fg=1e3,Ug=31536e3,Og=2592e3,zg=86400,qg=3600,Gg=60;function Gp(t){let e=Math.floor((Date.now()-t)/Fg),n=[{turningPoint:Ug,label:xe.t("year"),pluralLabel:xe.t("years")},{turningPoint:Og,label:xe.t("month"),pluralLabel:xe.t("months")},{turningPoint:zg,label:xe.t("day"),pluralLabel:xe.t("days")},{turningPoint:qg,label:xe.t("hour"),pluralLabel:xe.t("hours")},{turningPoint:Gg,label:xe.t("minute"),pluralLabel:xe.t("minutes")}].sort((r,i)=>i.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:i,label:a,pluralLabel:l}=r,p=Math.floor(e/i);if(p>1)return`${p} ${l}`;if(p===1)return`${p} ${a}`}return e>1?`${e} ${xe.t("seconds")}`:`${e} ${xe.t("second")}`}s(Gp,"timeSince");function Qp(t){return t.finishTime?xe.t({id:"{time} ago",values:{time:Gp(parseInt(t.finishTime))}}):xe.t({id:"{time} ago",values:{time:Gp(parseInt(t.creationTime))}})}s(Qp,"getSwapDate");import{PendingSwapNetworkStatus as zn}from"@rango-dev/queue-manager-rango-preset";import{Modal as Yg}from"@rango-dev/ui";import qn from"react";import{i18n as Un}from"@lingui/core";import{Button as Hp,Divider as Ii,MessageBox as Qg,Typography as Vp}from"@rango-dev/ui";import et from"react";var jp=s(({onCancel:t,onClose:e})=>et.createElement(et.Fragment,null,et.createElement(Ii,{size:20}),et.createElement(Qg,{type:"error",title:Un.t("Cancel Swap"),description:Un.t("Are you sure you want to cancel this swap?")}),et.createElement(Ii,{size:32}),et.createElement(Hp,{variant:"contained",type:"primary",size:"large",onClick:t},et.createElement(Vp,{variant:"title",size:"medium",color:"neutral100"},Un.t("Yes, Cancel it"))),et.createElement(Ii,{size:12}),et.createElement(Hp,{variant:"outlined",type:"primary",size:"large",onClick:e},et.createElement(Vp,{variant:"title",size:"medium",color:"primary"},Un.t("No, Continue")))),"CancelContent");import{i18n as On}from"@lingui/core";import{Button as Kp,Divider as Wi,MessageBox as Hg,Typography as Xp}from"@rango-dev/ui";import tt from"react";var Yp=s(({onDelete:t,onClose:e})=>tt.createElement(tt.Fragment,null,tt.createElement(Wi,{size:20}),tt.createElement(Hg,{type:"error",title:On.t("Delete Transaction"),description:On.t("Are you sure you want to delete this swap?")}),tt.createElement(Wi,{size:32}),tt.createElement(Kp,{variant:"contained",type:"primary",size:"large",onClick:t},tt.createElement(Xp,{variant:"title",size:"medium",color:"neutral100"},On.t("Yes, Delete it"))),tt.createElement(Wi,{size:12}),tt.createElement(Kp,{variant:"outlined",type:"primary",size:"large",onClick:e},tt.createElement(Xp,{variant:"title",size:"medium",color:"primary"},On.t("No, Cancel")))),"DeleteContent");import{i18n as Ni}from"@lingui/core";import{PendingSwapNetworkStatus as Li}from"@rango-dev/queue-manager-rango-preset";var Bi={[Li.WaitingForNetworkChange]:{type:"loading",title:Ni.t("Change Network")},[Li.WaitingForConnectingWallet]:{type:"warning",title:Ni.t("Connect Wallet")},[Li.NetworkChanged]:{type:"success",title:Ni.t("Network Changed")}};import{MessageBox as jg,Wallet as Kg,WalletState as Zp}from"@rango-dev/ui";import{useWallets as Xg}from"@rango-dev/wallets-react";import ho from"react";import{styled as Vg}from"@rango-dev/ui";var Jp=Vg("div",{display:"flex",justifyContent:"center"});var Rp=s(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:i}=t,{connect:a,getWalletInfo:l,state:p}=Xg(),u=n?.walletType,c=u&&p(u).connected?Zp.CONNECTED:Zp.DISCONNECTED;return ho.createElement(ho.Fragment,null,ho.createElement(jg,{type:e,title:o,description:r}),i&&u&&ho.createElement(Jp,null,ho.createElement(Kg,{container:K(),title:l(u).name,image:l(u).img,type:u,state:c,onClick:async()=>a(u)})))},"WalletStateContent");function Mi(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(Yg,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&qn.createElement(Rp,{type:Bi[e].type,title:Bi[e].title,currentStepWallet:i,message:a,showWalletButton:e!==zn.WaitingForNetworkChange}),e==="delete"&&qn.createElement(Yp,{onClose:o,onDelete:n}),e==="cancel"&&qn.createElement(jp,{onClose:o,onCancel:r}))}s(Mi,"SwapDetailsModal");import{i18n as yo}from"@lingui/core";import{Button as $i,Divider as Gn,MessageBox as eu,Modal as Jg,TokenAmount as Zg,Typography as Qn}from"@rango-dev/ui";import ce from"react";import{useNavigate as Rg}from"react-router-dom";function Pi(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:i,token:a,chain:l,percentageChange:p,description:u,diagnosisUrl:m}=t,c=Rg();return ce.createElement(Jg,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ce.createElement(eu,{type:"success",title:yo.t("Swap Successful")},ce.createElement(Zg,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:i},token:a,chain:l,percentageChange:p}),ce.createElement(Gn,{size:12}),ce.createElement(Qn,{variant:"body",size:"medium",color:"neutral700",align:"center"},u)):ce.createElement(eu,{type:"error",title:yo.t("Transaction Failed"),description:u}),ce.createElement(Gn,{size:32}),n==="success"&&ce.createElement($i,{variant:"contained",type:"primary",size:"large",onClick:()=>{c("../../")}},ce.createElement(Qn,{variant:"title",size:"medium",color:"neutral100"},yo.t("Done"))),ce.createElement(Gn,{size:12}),m&&ce.createElement(ce.Fragment,null,ce.createElement($i,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},ce.createElement(Qn,{variant:"title",size:"medium",color:"primary"},yo.t("Diagnosis"))),ce.createElement(Gn,{size:12})),ce.createElement($i,{variant:"outlined",type:"primary",size:"large",onClick:o},ce.createElement(Qn,{variant:"title",size:"medium",color:"primary"},yo.t("See Details"))))}s(Pi,"SwapDetailsCompleteModal");import uh from"react";import{i18n as sh}from"@lingui/core";import{Alert as su,IconButton as ah,LinkIcon as lh}from"@rango-dev/ui";import St,{Fragment as ph}from"react";import{Alert as eh,ChevronDownIcon as th,ChevronUpIcon as oh,IconButton as nh}from"@rango-dev/ui";import Hn,{useState as rh}from"react";function tu(t){let{message:e}=t,[o,n]=rh(!1);return Hn.createElement(eh,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Hn.createElement(nh,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Hn.createElement(oh,{size:12,color:"gray"}):Hn.createElement(th,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}s(tu,"FailedAlert");import{styled as ih}from"@rango-dev/ui";var ou=ih("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as nu}from"@lingui/core";import{PendingSwapNetworkStatus as _i}from"@rango-dev/queue-manager-rango-preset";import{Alert as Di,Button as ru}from"@rango-dev/ui";import So from"react";function iu(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?So.createElement(Di,{type:"warning",title:n.shortMessage,action:So.createElement(ru,{size:"xxsmall",type:"warning",onClick:()=>{o(_i.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},nu.t("Change"))}):r===_i.WaitingForConnectingWallet?So.createElement(Di,{type:"warning",title:n.shortMessage,action:So.createElement(ru,{size:"xxsmall",type:"warning",onClick:()=>{o(_i.WaitingForConnectingWallet)}},nu.t("Connect"))}):So.createElement(Di,{type:"warning",title:n.shortMessage})}s(iu,"WarningAlert");function Fi(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:i,hasAlreadyProceededToSign:a}=t,l=Yt(i),p=i.status==="waitingForApproval"&&!l,u=i.status==="running"&&!l;return St.createElement(ou,null,i.explorerUrl?.map((m,c,h)=>{let d=c+m.url,y=c===h.length-1,x=y&&u||p,f=y&&i.status==="failed";return St.createElement(ph,{key:d},St.createElement(su,{type:x&&"loading"||f&&"error"||"success",title:m.description?`${m.description} Tx`:sh.t("View transaction"),action:m.url&&St.createElement(ah,{variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},St.createElement(lh,{size:16}))}))}),(u&&!a||p&&!i.explorerUrl?.length)&&St.createElement(su,{type:"loading",title:r.shortMessage}),i.status!=="failed"&&l&&St.createElement(iu,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),i.status==="failed"&&St.createElement(tu,{message:r}))}s(Fi,"SwapDetailsAlerts");var au=2e3;var lu=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:Ye(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:A(a,6,6)}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:Ye(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:A(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:uh.createElement(Fi,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function pu(t){if(Yt(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}s(pu,"getStepState");import{darkTheme as ch,styled as Qt}from"@rango-dev/ui";var Vn=Qt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1,"& .row":{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${ch} &`]:{$$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=Qt("div",{width:"100%"}),uu=Qt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),OL=Qt("div",{display:"flex",flexDirection:"column",gap:"$10"}),cu=Qt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),zL=Qt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function Ui(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:i,connect:a,getWalletInfo:l}=Th(),p=k().blockchains(),u=k().tokens(),m=z.use.retry(),c=vh(),[h,d]=kh(au),y=wh(null),[x,f]=fu(null),[b,g]=fu(null),v=s(()=>{r(),f(null)},"onCancel"),S=Le.use.getUnreadNotifications(),C=Le.use.setAsRead(),B=S(),U=dh(e),T=U?.networkStatus;du(()=>{B.find(ae=>ae.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(g(e.status),C(e.requestId))},[e.status]),du(()=>{j?f(Kn.WaitingForNetworkChange):T===Kn.WaitingForConnectingWallet||T===Kn.NetworkChanged?f(T):f(null)},[T]);let P=zs(e),M=U?mh(e,U):null,N=U?fh(e,U):null,w=Qp(e),D=qs(e),I=s(q=>!!l(q)?.mobileWallet,"isMobileWallet"),j=T===Kn.WaitingForNetworkChange&&!!M&&!!N?.walletType&&(I(N.walletType)||i(N.walletType,M)),oe=j?a.bind(null,N.walletType,M):void 0,ne=Os(e,U),Q=lu({swap:e,switchNetwork:oe,showNetworkModal:T,setNetworkModal:f,message:ne,blockchains:p}),se=Q.length,[me,de]=[e.steps[0],e.steps[se-1]],De=de.outputAmount||de.expectedOutputAmountHumanReadable,It=e.steps.reduce((q,ae)=>q+parseFloat(ae.feeInUsd||""),0),jt=e.steps.find(q=>q.diagnosisUrl)?.diagnosisUrl,ot=A(String(parseFloat(A(De,6,6))*(Po(de.toBlockchain,de.toSymbol,de.toSymbolAddress,u)||0)),4,4),He=A(String(parseFloat(e.inputAmount)*(Po(me.fromBlockchain,me.fromSymbol,me.fromSymbolAddress,u)||0)),4,4),_=Ne(He,ot),J=e.status==="success"?pt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:A(De,6,6),token:Q[se-1].to.token.displayName,conciseAddress:Do(e.wallets[Q[se-1].to.chain.displayName]?.address||""),chain:Q[se-1].to.chain.displayName}}):`${pt.t("Transaction was not sent.")} ${P?pt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:P.outputAmount,symbol:P.symbol,blockchain:P.blockchain}}):""}`;return Y.createElement(X,{noPadding:!0,header:{title:pt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>f("cancel"):void 0,suffix:e.status!=="running"&&Y.createElement(_t,null,Y.createElement(mu,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>f("delete")},Y.createElement(Ht,{size:"medium",variant:"label",color:"error"},pt.t("Delete"))))},footer:D&&!b&&Y.createElement(mu,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{m(e,{blockchains:p,tokens:u}),setTimeout(()=>{c("../../")},0)}},pt.t("Try again"))},Y.createElement(Vn,null,Y.createElement(jn,null,Y.createElement("div",{className:"row"},Y.createElement(Ht,{variant:"label",size:"large",color:"neutral700"},`${pt.t("Request ID")}:`),Y.createElement("div",{className:"request-id"},Y.createElement(Ht,{variant:"label",size:"small",color:"neutral700"},o),Y.createElement(yh,{variant:"ghost",onClick:d.bind(null,o||"")},Y.createElement(gh,{size:16,color:"gray"})))),Y.createElement("div",{className:"row"},Y.createElement(Ht,{variant:"label",size:"large",color:"neutral700"},`${pt.t("Created at")}:`),Y.createElement(Ht,{variant:"label",size:"small",color:"neutral700"},w))),Y.createElement("div",{className:"output"},Y.createElement(Sh,{fee:A(String(It),2,2),time:Wo(No(e.steps)),steps:se}),Y.createElement(to,{from:{price:{value:A(e.inputAmount,6,6),usdValue:He},token:{displayName:Q[0].from.token.displayName,image:Q[0].from.token.image},chain:{image:Q[0].from.chain.image,displayName:Q[0].from.chain.displayName}},to:{price:{value:A(De,6,6),usdValue:ot},token:{displayName:Q[se-1].to.token.displayName,image:Q[se-1].to.token.image},chain:{image:Q[se-1].to.chain.image,displayName:Q[se-1].to.chain.displayName}},percentageChange:A(_,2,2),warningLevel:nt(_??0)})),Y.createElement("div",{className:"title-steps"},Y.createElement(Ht,{variant:"title",size:"small"},pt.t("Swaps steps"))),Y.createElement(hh,{size:8}),Y.createElement(uu,{ref:y},Q.map((q,ae)=>{let Ve=ae,Ae=pu(e.steps[ae]),Rn=Ae==="error"||Ae==="in-progress"||Ae==="warning"||Ae==="completed"&&ae===Q.length-1;return Y.createElement(Ch,{key:Ve,step:q,type:"swap-progress",ref:y,state:Ae,hasSeparator:ae!==0,tabIndex:Ve,isFocused:Rn})}))),Y.createElement(Mi,{state:x,onClose:()=>f(null),onCancel:v,onDelete:n,message:ne.detailedMessage.content,currentStepWallet:N}),Y.createElement(Pi,{open:!!b,diagnosisUrl:jt,onClose:()=>g(null),status:e.status==="success"?"success":"failed",priceValue:A(De,6,6),usdValue:ot,percentageChange:A(_,2,2),token:{displayName:Q[se-1].to.token.displayName,image:Q[se-1].to.token.image},chain:{image:Q[se-1].to.chain.image},description:J}))}s(Ui,"SwapDetails");import{i18n as vo}from"@lingui/core";import{CopyIcon as Ih,IconButton as Wh,NotFound as Nh,Skeleton as Su,Typography as Yn}from"@rango-dev/ui";import pe from"react";import{i18n as bh}from"@lingui/core";import{ChainToken as Eh,Divider as zi,Skeleton as wo,Typography as Ah}from"@rango-dev/ui";import Z from"react";import{styled as Oi}from"@rango-dev/ui";var gu=Oi("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"}}),hu=Oi("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=Oi("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"});import{ChainToken as yu,Divider as Co,NextIcon as xh,Skeleton as ko}from"@rango-dev/ui";import le from"react";function To(t){let{extraInfo:e}=t;return le.createElement(hu,null,le.createElement("div",{className:"step-title"},le.createElement(ko,{height:28,width:28,variant:"circular"}),le.createElement(Co,{direction:"horizontal",size:8}),le.createElement(ko,{height:15,width:148,variant:"rounded"})),le.createElement("div",{className:"step-tokens"},le.createElement(Co,{direction:"horizontal",size:20}),le.createElement("div",{className:"step-token-info"},le.createElement(yu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(Co,{direction:"horizontal",size:8}),le.createElement(ko,{height:12,width:76,variant:"rounded"})),le.createElement("div",{className:"step-icon-container"},le.createElement(xh,{color:"gray",size:16})),le.createElement("div",{className:"step-token-info"},le.createElement(yu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(Co,{direction:"horizontal",size:8}),le.createElement(ko,{height:12,width:76,variant:"rounded"}))),e&&le.createElement("div",{className:"extra-info"},le.createElement(Co,{direction:"horizontal",size:20}),le.createElement(ko,{height:22,width:297,variant:"rectangular"})))}s(To,"LoadingSwapDetailStep");function qi(){let t=Z.createElement("div",{className:"quote-summary-item"},Z.createElement("div",{className:"token-amount"},Z.createElement(Eh,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),Z.createElement(zi,{size:8,direction:"horizontal"}),Z.createElement(wo,{height:15,width:148,variant:"rounded"})),Z.createElement(wo,{height:12,width:64,variant:"rounded"}));return Z.createElement(gu,null,Z.createElement("div",{className:"cost"},Z.createElement(wo,{width:60,height:10,variant:"rounded"}),Z.createElement(zi,{size:4,direction:"horizontal"}),Z.createElement(wo,{width:60,height:10,variant:"rounded"}),Z.createElement(zi,{size:4,direction:"horizontal"}),Z.createElement(wo,{width:60,height:10,variant:"rounded"})),Z.createElement("div",{className:"quote-summary"},t,Z.createElement("div",{className:"quote-summary-separator"}),t),Z.createElement("div",{className:"swaps-steps"},Z.createElement(Ah,{variant:"title",size:"small"},bh.t("Swaps steps"))),Z.createElement("div",{className:"step-container"},Z.createElement(To,{extraInfo:!0}),Z.createElement(Xn,null),Z.createElement(To,null),Z.createElement(Xn,null),Z.createElement(To,null),Z.createElement(Xn,null),Z.createElement(To,null)))}s(qi,"LoadingSwapDetails");function Cu(t){let{requestId:e,showSkeleton:o}=t;return pe.createElement(X,{noPadding:!0,header:{title:vo.t("Swap and Bridge"),suffix:pe.createElement(_t,null)}},o&&pe.createElement(Vn,null,pe.createElement(jn,null,pe.createElement("div",{className:"row"},pe.createElement(Yn,{variant:"label",size:"large",color:"neutral700"},`${vo.t("Request ID")}:`),pe.createElement("div",{className:"request-id"},pe.createElement(Yn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(Su,{width:60,height:10,variant:"rounded"})),pe.createElement(Wh,{variant:"ghost"},pe.createElement(Ih,{size:16,color:"gray"})))),pe.createElement("div",{className:"row"},pe.createElement(Yn,{variant:"label",size:"large",color:"neutral700"},`${vo.t("Created at")}:`),pe.createElement(Yn,{variant:"label",size:"small",color:"neutral700"},pe.createElement(Su,{width:60,height:10,variant:"rounded"})))),pe.createElement(qi,null)),!o&&pe.createElement(cu,null,pe.createElement(Nh,{title:vo.t("Not found"),description:vo.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}s(Cu,"SwapDetailsPlaceholder");function Tu(){let{manager:t,state:e}=Bh(),o=!e.loadedFromPersistor,n=zt(t),r=we.use.selectedSwapRequestId(),i=dt(),{fetchStatus:a}=k(),l=o||a==="loading",p=n.find(({swap:h})=>h.requestId===r),u=s(()=>{if(p?.id){let h=t?.get(p.id);h&&Lh(h)}},"onCancel"),m=s(async()=>{if(p?.id)try{t?.deleteQueue(p.id),i()}catch(h){console.log(h)}},"onDelete"),c=p?.swap;return!c||l?ku.createElement(Cu,{requestId:r||"",showSkeleton:l}):ku.createElement(Ui,{swap:c,requestId:r||"",onCancel:u,onDelete:m})}s(Tu,"SwapDetailsPage");import{i18n as xo}from"@lingui/core";import{AutoThemeIcon as Mh,DarkModeIcon as $h,LightModeIcon as Ph,List as _h,ListItemButton as Dh,Radio as Gi,RadioRoot as Fh,Typography as Qi}from"@rango-dev/ui";import be from"react";function wu(){let t=O.use.theme(),e=O.use.setTheme(),o=[{id:"light",value:"light",title:be.createElement(Qi,{variant:"title",size:"xmedium"},xo.t("Light")),onClick:()=>e("light"),start:be.createElement(Ph,{color:"gray"}),end:be.createElement(Gi,{value:"light"})},{id:"dark",value:"dark",title:be.createElement(Qi,{variant:"title",size:"xmedium"},xo.t("Dark")),onClick:()=>e("dark"),start:be.createElement($h,{color:"gray"}),end:be.createElement(Gi,{value:"dark"})},{id:"auto",value:"auto",title:be.createElement(Qi,{variant:"title",size:"xmedium"},xo.t("Auto")),onClick:()=>e("auto"),start:be.createElement(Mh,{color:"gray"}),end:be.createElement(Gi,{value:"auto"})}];return be.createElement(X,{header:{title:xo.t("Theme")}},be.createElement(at,null,be.createElement(Fh,{onValueChange:n=>e(n),value:t},be.createElement(_h,{type:be.createElement(Dh,{title:xo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}s(wu,"ThemePage");function vu(){return Uh([{path:$.home,element:Ee.createElement(tp,null)},{path:$.fromSwap,children:[{index:!0,element:Ee.createElement(vi,{type:"source"})},{path:$.blockchains,element:Ee.createElement(ci,{type:"source"})}]},{path:$.toSwap,children:[{index:!0,element:Ee.createElement(vi,{type:"destination"})},{path:$.blockchains,element:Ee.createElement(ci,{type:"destination"})}]},{path:$.settings,children:[{index:!0,element:Ee.createElement(qp,null)},{path:$.themes,element:Ee.createElement(wu,null)},{path:$.languages,element:Ee.createElement(np,null)},{path:$.exchanges,element:Ee.createElement(si,{sourceType:"Exchanges"})},{path:$.bridges,element:Ee.createElement(si,{sourceType:"Bridges"})}]},{path:$.swaps,children:[{index:!0,element:Ee.createElement(Yl,null)},{path:$.swapDetails,element:Ee.createElement(Tu,null)}]},{path:$.wallets,element:Ee.createElement(Ua,null)},{path:$.confirmSwap,element:Ee.createElement(Ol,null)}])}s(vu,"AppRoutes");import{isApprovalTX as Oh,MainEvents as bu,RouteEventType as Eu,StepEventType as Vt,StepExecutionEventStatus as zh,useEvents as qh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Au}from"react";import{StepExecutionBlockedEventStatus as Hi}from"@rango-dev/queue-manager-rango-preset";var xu=[Hi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,Hi.WAITING_FOR_NETWORK_CHANGE,Hi.WAITING_FOR_WALLET_CONNECT];function Iu(){let t=k().tokens(),e=G.use.connectedWallets(),o=G.use.getWalletsDetails(),n=Le.use.setNotification(),r=Le.use.setAsRead(),i=qh();return Au(()=>(i.on(bu.StepEvent,a=>{let{event:l,step:p,route:u}=a;if(l.type===Vt.TX_EXECUTION&&l.status===zh.TX_SENT&&!Oh(p)||l.type===Vt.SUCCEEDED){let c=e.find(d=>d.chain===p?.fromBlockchain),h=p?.fromBlockchain!==p?.toBlockchain&&e.find(d=>d.chain===p?.toBlockchain);c&&o([c],t),h&&o([h],t)}l.type===Vt.TX_EXECUTION_BLOCKED&&xu.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]),Au(()=>(i.on(bu.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===Eu.FAILED||l.type===Eu.SUCCEEDED)&&n(l,p)}),()=>i.all.clear()),[i,e.length]),null}s(Iu,"WidgetEvents");import{globalCss as Gh}from"@rango-dev/ui";var Wu=s(()=>Gh({"@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 Ki,darkTheme as Kh,lightTheme as Xh}from"@rango-dev/ui";import{useEffect as Lu,useState as Yh}from"react";import{theme as Vh,darkColors as jh}from"@rango-dev/ui";var Nu=s(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Qh=s(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Nu(o%52)+e;return Nu(o%52)+e},"toAlphabeticName"),Hh=s((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Vi=s(t=>Qh(Hh(5381,JSON.stringify(t))>>>0),"toHash");function ji(t){let e=Vh.colors,o=yi({...e,...jh},!0,t?.dark),n=yi(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:`${nr}-light-${Vi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${nr}-dark-${Vi(p)}`,tokens:p}}return{light:a,dark:l}}s(ji,"customizedThemeTokens");function Bu(t){let{colors:e,fontFamily:o=ns,borderRadius:n=ts,secondaryBorderRadius:r=os,mode:i="auto"}=t,[a,l]=Yh("light"),p=O.use.theme(),u=O.use.setTheme(),{dark:m,light:c}=ji(e),h=Ki({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[h.className,Xh.className],y=[h.className,Kh.className];if(c){let f=Ki(c.id,c.tokens);d.push(f.className)}if(m){let f=Ki(m.id,m.tokens);y.push(f.className)}return Lu(()=>{let f=s(b=>{b.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",f),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",f)}},[]),Lu(()=>{i!=="auto"&&u(i)},[i]),{activeTheme:s(()=>{let f=d.join(" "),b=y.join(" ");return p==="auto"?a==="dark"?b:f:p==="dark"?b:f},"getActiveTheme")}}s(Bu,"useTheme");import{styled as Jh}from"@rango-dev/ui";var Mu=Jh("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 Jn(){Wu();let{fetch:t,config:e}=k(),{activeTheme:o}=Bu(e?.theme||{}),{activeLanguage:n,changeLanguage:r}=Wn(),[i,a]=Pu(""),[l,p]=Pu(),u=Rh(Ro);return $u(()=>{t().catch(),O.persist.rehydrate(),Le.persist.rehydrate(),u.onConnectWallet(a)},[]),$u(()=>{r(e?.language)},[e?.language]),bo.createElement(Zh,{language:n},bo.createElement(Mu,{id:"swap-container",className:o()},bo.createElement(Iu,null),bo.createElement(ta,{lastConnectedWallet:i,disconnectedWallet:l,clearDisconnectedWallet:()=>{p(void 0)}},bo.createElement(vu,null))))}s(Jn,"Main");import Yi,{useMemo as dy}from"react";import{checkWaitingForNetworkChange as ey,makeQueueDefinition as ty}from"@rango-dev/queue-manager-rango-preset";import{Provider as oy}from"@rango-dev/queue-manager-react";import{useWallets as ny}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as ry}from"@rango-dev/wallets-shared";import{isEvmBlockchain as iy}from"rango-types";import sy,{useMemo as ay}from"react";function ly(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:i,getWalletInfo:a}=ny(),l=ay(()=>ty({API_KEY:t.apiKey||Wt("API_KEY"),BASE_URL:Wt("BASE_URL")}),[t.apiKey]),p=k().blockchains(),m={blockchains:G.use.connectedWallets().map(g=>({accounts:[g],name:g.chain}))},c=s(async(g,v)=>{if(i(g,v))return r(g,v)},"switchNetwork"),h=s(g=>!!a(g).mobileWallet,"isMobileWallet"),d=p.filter(g=>g.enabled).reduce((g,v)=>(g[v.name]=v,g),{}),y=p.filter(iy),x=s(g=>{let{supportedChains:v}=a(g);return Mo(v)},"getSupportedChainNames"),f=e(),b={meta:{blockchains:d,evmBasedChains:y,evmNetworkChainInfo:ry(y),getSupportedChainNames:x},getSigners:o,wallets:m,providers:f,switchNetwork:c,canSwitchNetworkTo:i,connect:r,state:n,isMobileWallet:h};return sy.createElement(oy,{queuesDefs:[l],context:b,onPersistedDataLoaded:g=>{ey(g)},isPaused:!1},t.children)}s(ly,"QueueManager");var _u=ly;import{useManager as py}from"@rango-dev/queue-manager-react";import uy,{createContext as cy,useContext as my}from"react";var Du=cy(void 0);function Xi(t){let{manager:e}=py(),o=zt(e),n=G.use.connectedWallets(),r=G.use.loading(),i=ks(n),a=G.use.getWalletsDetails(),l={swaps:o,wallets:{isLoading:r,details:n,totalBalance:i,refetch:a}};return uy.createElement(Du.Provider,{value:l},t.children)}s(Xi,"WidgetInfo");function Fu(){let t=my(Du);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}s(Fu,"useWidget");function Zn(t){let{onUpdateState:e,config:o}=t;return dy(()=>{es({API_KEY:o?.apiKey||Eo,BASE_URL:o?.apiUrl||Ri})},[o]),Yi.createElement(en,{config:o,onUpdateState:e},Yi.createElement(_u,{apiKey:o.apiKey},Yi.createElement(Xi,null,t.children)))}s(Zn,"WidgetProvider");function Uu(t){return t.config?.externalWallets?Ji.createElement(Jn,null):Ji.createElement(Zn,{config:t.config??tr},Ji.createElement(Jn,null))}s(Uu,"Widget");export{R$ as MainEvents,eP as RouteEventType,tP as StepEventType,oP as StepExecutionBlockedEventStatus,nP as StepExecutionEventStatus,Uu as Widget,Zn as WidgetProvider,en as WidgetWallets,ji as customizedThemeTokens,ja as useWallets,Fu as useWidget,rP as useWidgetEvents};
2
2
  //# sourceMappingURL=index.js.map