@rango-dev/widget-embedded 0.17.1-next.19 → 0.17.1-next.20

package/dist/index.js

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