@rango-dev/widget-embedded 0.12.1-next.26 → 0.12.1-next.27

package/dist/index.js

@@ -1,2 +1,2 @@
-var wp=Object.defineProperty;var s=(t,e)=>wp(t,"name",{value:e,configurable:!0});import{I18nManager as hg,styled as yg}from"@rango-dev/ui";import st,{useContext as Sg,useEffect as ko,useMemo as Cg,useState as Cp}from"react";import{useQueueManager as uc}from"@rango-dev/queue-manager-rango-preset";import{useWallets as cc}from"@rango-dev/wallets-react";import{isEvmBlockchain as mc}from"rango-types";import St,{useEffect as dc,useRef as fc}from"react";import{MemoryRouter as gc,useInRouterContext as hc}from"react-router";import{useLocation as yc,useNavigate as Sc}from"react-router-dom";var h={home:"/",fromSwap:"from-swap",fromBlockchain:"/from-swap/blockchains",toBlockchain:"/to-swap/blockchains",toSwap:"to-swap",settings:"settings",liquiditySources:"/settings/liquidity-sources",themes:"/settings/themes",bridges:"/settings/bridges",exchanges:"/settings/exchanges",languages:"/settings/languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:"swaps/:requestId"};import{i18n as en}from"@lingui/core";import{Alert as Xu,BestRoute as ju,BestRouteSkeleton as Yu,Button as Qu,Divider as rr,styled as Mt,SwapInput as Ms,Typography as ir,WarningIcon as Ru}from"@rango-dev/ui";import Q,{useEffect as Ju,useRef as Zu,useState as ec}from"react";import{useNavigate as tc}from"react-router-dom";import{ChevronLeftIcon as xp}from"@rango-dev/ui";import gi from"react";import{darkTheme as vp,IconButton as bp,styled as To}from"@rango-dev/ui";var De=To(bp,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),di=To("div",{position:"absolute",background:"$secondary500",[`.${vp} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),xt=To("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),fi=To("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function $n(t){return gi.createElement(De,{variant:"ghost",size:"small",onClick:t.onClick},gi.createElement(xp,{color:"black",size:16}))}s($n,"BackButton");import{i18n as Ep}from"@lingui/core";import{Button as Ap,Typography as Bp}from"@rango-dev/ui";import On from"react";function Fn(t){return On.createElement(xt,null,On.createElement(Ap,{variant:"ghost",onClick:t.onClick,size:"xsmall"},On.createElement(Bp,{variant:"label",size:"medium",color:"error500"},Ep.t("Cancel"))))}s(Fn,"CancelButton");import{i18n as Wp}from"@lingui/core";import{Tooltip as Np,WalletIcon as Ip}from"@rango-dev/ui";import wo from"react";function Un(t){return wo.createElement(Np,{container:t.container,side:"top",content:Wp.t("Connect Wallet")},wo.createElement(De,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&wo.createElement(di,null),wo.createElement(Ip,{size:18,color:"black"})))}s(Un,"WalletButton");import{i18n as Qo}from"@lingui/core";import{NotificationsIcon as gu,Popover as hu,RefreshIcon as yu,SettingsIcon as Su,Tooltip as Ro,TransactionIcon as Cu}from"@rango-dev/ui";import ce from"react";function at(t){return Array.from(new Set(t))}s(at,"removeDuplicateFrom");function zn(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}s(zn,"areEqual");function yi(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}s(yi,"debounce");function ht(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}s(ht,"containsText");var hi=s((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[o,n,r]=t.match(/.{2}/g);[o,n,r]=[parseInt(o,16)+e,parseInt(n,16)+e,parseInt(r,16)+e],o=Math.max(Math.min(255,o),0).toString(16),n=Math.max(Math.min(255,n),0).toString(16),r=Math.max(Math.min(255,r),0).toString(16);let i=(o.length<2?"0":"")+o,a=(n.length<2?"0":"")+n,p=(r.length<2?"0":"")+r;return`#${i}${a}${p}`},"colorShade"),Si=s((t,e)=>{let o={[t]:e};for(let n=1;n<10;n++)n<5&&(o={...o,[t+n*100]:hi(e,(5-n)*32)}),n===5&&(o={...o,[t+n*100]:e}),n>5&&(o={...o,[t+n*100]:hi(e,-((n-5)*32))});return o},"generateRangeColors"),de=s(()=>document.getElementById("swap-box"),"getContainer");import{i18n as lu}from"@lingui/core";import{ChainToken as es,ChevronRightIcon as pu,ListItemButton as uu,Typography as cu}from"@rango-dev/ui";import Oe from"react";import{useNavigate as mu}from"react-router-dom";import{create as Zp}from"zustand";import{RangoClient as Lp}from"rango-sdk";var Mp="c6381a79-2817-4602-83bf-6a641a409e32",qn={API_KEY:Mp};function vo(t){return qn[t]}s(vo,"getConfig");function Ci(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),qn=e,qn}s(Ci,"initConfig");var ki=20,Ti=25;var bo,Et=s(()=>bo||(bo=new Lp(vo("API_KEY")),bo),"httpService");import{WalletState as Ke}from"@rango-dev/ui";import{readAccountAddress as _p}from"@rango-dev/wallets-react";import{detectInstallLink as $p,getCosmosExperimentalChainInfo as Op,isEvmAddress as Fp,KEPLR_COMPATIBLE_WALLETS as ah,Networks as bi}from"@rango-dev/wallets-shared";import Hn from"bignumber.js";import{isCosmosBlockchain as Up}from"rango-types";import Pp from"bignumber.js";var Ne=new Pp(0);import{WalletTypes as Dp}from"@rango-dev/wallets-shared";var wi=[Dp.LEAP];import{BigNumber as vi}from"bignumber.js";var xo=s(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),T=s((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new vi(t),r=1,i=1e3;for(let a=0;a<60;a++)if(new vi(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 Eo=s(t=>t?.result?.swaps?.reduce((e,o)=>e+o.estimatedTimeInSeconds,0)||0,"totalArrivalTime");var Ve=s((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Xt=s(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function Ao(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(Ao,"limitDecimalPlaces");function zp(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(zp,"mapStatusToWalletState");function xi(t,e,o,n){return o.filter(r=>!wi.includes(r)).filter(r=>{if(n){let{supportedChains:i}=e(r);return!!i.find(a=>a.name===n)}return!0}).map(r=>{let{name:i,img:a,installLink:p}=e(r),l=zp(t(r));return{title:i,image:a,link:$p(p),state:l,type:r}})}s(xi,"mapWalletTypesToWalletInfo");function Bo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}s(Bo,"walletAndSupportedChainsNames");function Ei(t,e,o,n){let r=[];function i(p,l){if(!!!r.find(d=>d.chain===p)){let d={address:l,chain:p,walletType:t};r.push(d)}}s(i,"addAccount");let a=n||[];return e.forEach(p=>{let{address:l,network:u}=_p(p),d=a.length>0,f=a.includes(u),m=u===bi.Unknown;if(d&&!f&&!m)return;let C=u===bi.Unknown&&Fp(l);if(m&&!C)return;o.includes(u)||C?a.filter(E=>o.includes(E)).forEach(E=>{i(E,l.toLowerCase())}):i(u,l)}),r}s(Ei,"prepareAccountsForWalletStore");function Ai(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,p=i.to.blockchain;e.includes(a)||e.push(a),e.includes(p)||e.push(p)})}),e}s(Ai,"getRequiredChains");function At(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(At,"getBalanceFromWallet");function Wo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}s(Wo,"isAccountAndWalletMatched");function Bi(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 Hn(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:No(o,r.asset.symbol,r.asset.address,e)||null}))||[]}s(Bi,"makeBalanceFor");function Wi(t){return{...t,loading:!1,error:!0}}s(Wi,"resetConnectedWalletState");var Bt=s(t=>!t.some(o=>o.balance)?t.filter(o=>!o.address).concat(t.filter(o=>o.address&&!o.isSecondaryCoin),t.filter(o=>o.isSecondaryCoin)):t.filter(o=>!!o.balance).sort((o,n)=>parseFloat(n.balance?.usdValue||"0")-parseFloat(o.balance?.usdValue||"0")).concat(t.filter(o=>!o.balance&&!o.isSecondaryCoin),t.filter(o=>!o.balance&&o.isSecondaryCoin)),"sortTokens"),No=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice"),Io=s((t,e)=>{let o=Op(Object.entries(t).map(([,n])=>n).filter(Up));return o&&o[e]?.experimental},"isExperimentalChain");function Wt(t,e){return t.map(({balance:o,...n})=>{let r=T(new Hn(At(e,n.blockchain,n.symbol,n.address)?.amount||Ne)),i="";return n.usdPrice&&(i=T(new Hn(At(e,n.blockchain,n.symbol,n.address)?.amount||Ne).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:i}}}})}s(Wt,"getTokensWithBalance");function jt(t,e,o,n){if(t?.name===n[0]?.name)return n;let i=e.filter(a=>a.blockchain===t?.name);return Bt(Wt(i,o))}s(jt,"getSortedTokens");function _e(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}s(_e,"tokensAreEqual");function Gn(t,e){let o,n=t[0],r=t[1];return t.length===1?o=n:_e(n,e)?o=r:o=n,o}s(Gn,"getDefaultToken");function Ni(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(Ni,"sortWalletsBasedOnConnectionState");function Mo(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(Mo,"getConciseAddress");function Ii({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}s(Ii,"getAddress");var qp=s(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),Ie=qp;import{create as Qp}from"zustand";import{subscribeWithSelector as Rp}from"zustand/middleware";import{shallow as Jp}from"zustand/shallow";import ut from"bignumber.js";import{create as jp}from"zustand";import{subscribeWithSelector as Yp}from"zustand/middleware";import Ch from"bignumber.js";function Vn(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(Vn,"searchParamsToToken");function Mi(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}s(Mi,"getBestRouteToTokenUsdPrice");function Kn(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}s(Kn,"isNumberOfSwapsChanged");function Xn(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!zn(o,n)}s(Xn,"isRouteSwappersUpdated");function jn(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!zn(o,n)}s(jn,"isRouteInternalCoinsUpdated");function Li(t,e){return Kn(t,e)||Xn(t,e)||jn(t,e)}s(Li,"isRouteChanged");function Pi(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(Pi,"getRequiredBalanceOfWallet");function Di(t){if(!t)return null;let e=(t.result?.swaps||[]).map(o=>({...o,fromAmount:T(o.fromAmount,6,6),toAmount:T(o.toAmount,6,6)}));return{...t,...t.result&&{result:{...t.result,swaps:e}}}}s(Di,"getFormattedBestRoute");function Nt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}s(Nt,"getPriceImpactLevel");function Po(t,e){let o=s(r=>`${r.symbol}-${r.blockchain}-${r.address??""}`,"tokenToString"),n=new Set;return t.forEach(r=>n.add(o(r))),e.filter(r=>n.has(o(r)))}s(Po,"findCommonTokens");import{i18n as $e}from"@lingui/core";import{PendingSwapNetworkStatus as Fo}from"@rango-dev/queue-manager-rango-preset";import we from"bignumber.js";function _i(t){return t.result?.swaps.map(e=>({swapper:{displayName:e.swapperId,image:e.swapperLogo},from:{token:{displayName:e.from.symbol,image:e.from.logo},chain:{displayName:e.from.blockchain,image:e.from.blockchainLogo},price:{value:T(e.fromAmount,6,6),usdValue:T(e.from.usdPrice?.toString(),4,4)}},to:{token:{displayName:e.to.symbol,image:e.to.logo},chain:{displayName:e.to.blockchain,image:e.to.blockchainLogo},price:{value:T(e.toAmount,6,6),usdValue:T(e.to.usdPrice?.toString(),4,4)}}}))}s(_i,"formatBestRoute");function Do(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(Do,"getRequiredWallets");function _o(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}s(_o,"isValidAddress");import{i18n as Se}from"@lingui/core";var Yt=(r=>(r[r.ROUTE_UPDATED=0]="ROUTE_UPDATED",r[r.ROUTE_SWAPPERS_UPDATED=1]="ROUTE_SWAPPERS_UPDATED",r[r.ROUTE_COINS_UPDATED=2]="ROUTE_COINS_UPDATED",r[r.ROUTE_AND_OUTPUT_AMOUNT_UPDATED=3]="ROUTE_AND_OUTPUT_AMOUNT_UPDATED",r))(Yt||{});var q={genericServerError:Se.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Se.t("Please reset your liquidity sources."),description:Se.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noRoutesError:{title:Se.t("No Routes Found"),description:"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:Se.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:Se.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:Se.t("High Price Impact"),title:Se.t("Price impact is too high!"),description:Se.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:Se.t("Confirm High price impact")},routeUpdatedWithHighValueLoss:{title:Se.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Se.t("USD Price Unknown"),title:Se.t("USD Price Unknown, Cannot calculate Price Impact."),description:Se.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Se.t("Confirm USD Price Unknown")}};function $o(t){switch(t.type){case 0:return t.diagnosisMessage??q.noRoutesError.title;case 2:return q.genericServerError;case 1:return q.routeUpdatedWithHighValueLoss.title;default:return""}}s($o,"getConfirmSwapErrorMessage");import{i18n as Oo}from"@lingui/core";var yt={connectWallet:Oo.t("Connect Wallet"),swap:Oo.t("Swap"),swapAnyway:Oo.t("Swap anyway"),ethRouteWarning:Oo.t("The route goes through Ethereum. Continue?")};function qo(t,e){return!t||!e||t.lte(Ne)||e.lte(Ne)?0:e.div(t).minus(1).multipliedBy(100)}s(qo,"getOutputRatio");function Ho(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new we(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new we(1e3)))??!1}s(Ho,"outputRatioHasWarning");function Go(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new we(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new we(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}s(Go,"hasLimitError");function Vo(t){if(!t)return{swap:null,fromAmountRangeError:"",recommendation:""};let e=(t?.result?.swaps||[]).filter(p=>{let l=p.fromAmountMinValue?new we(p.fromAmountMinValue):null,u=p.fromAmountMaxValue?new we(p.fromAmountMaxValue):null;return p.fromAmountRestrictionType==="EXCLUSIVE"?l?.gte(p.fromAmount)||u?.lte(p.fromAmount):l?.gt(p.fromAmount)||u?.lt(p.fromAmount)})[0];if(!e)return{swap:null,fromAmountRangeError:"",recommendation:""};let o=e.fromAmountMinValue?new we(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new we(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",i="",a="";return!r&&o&&o.gt(e.fromAmount)?(i=$e.t({id:"requiredEqualMin",message:"Required: >= {min} {symbol}",values:{min:T(o,6,6),symbol:e.from.symbol}}),a=q.bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(i=$e.t({id:"requiredMin",message:"Required: > {min} {symbol}",values:{min:T(o,6,6),symbol:e.from.symbol}}),a=q.bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(i=$e.t({id:"requiredEqualMax",message:"Required: <= {max} {symbol}",values:{max:T(n,6,6),symbol:e.from.symbol}}),a=q.bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(i=$e.t({id:"requiredMax",message:"Required: < {max} {symbol}",values:{max:T(n,6,6),symbol:e.from.symbol}}),a=q.bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:i,recommendation:a}}s(Vo,"LimitErrorMessage");function Oi(t,e,o,n,r,i,a,p,l){return t!=="success"?{title:yt.connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:yt.connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!l||l==="0"?{title:yt.swap,disabled:!0,state:"swap"}:i||a?{title:yt.swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:p?{title:yt.ethRouteWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:yt.swap,disabled:!1,state:"swap"}}s(Oi,"getSwapButtonState");function Yn(t,e,o){return!((!o||o.lte(Ne))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}s(Yn,"canComputePriceImpact");function Vp(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(Vp,"requiredWallets");var Kp=s((t,e,o,n)=>n?.find(i=>i.blockchain===t&&i.symbol?.toUpperCase()===e?.toUpperCase()&&i.address===o)?.usdPrice||null,"getUsdPrice");function Xp(t,e){let o=Ne;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let i=Kp(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new we(r.amount).multipliedBy(i||0))}return o}s(Xp,"getUsdFeeOfStep");function Ko(t,e){return t?.result?.swaps.reduce((o,n)=>o.plus(Xp(n,e)),Ne)||null}s(Ko,"getTotalFeeInUsd");function Fi(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(Fi,"getMinRequiredSlippage");function Ui(t,e){return e?parseFloat(t)>=parseFloat(e):!0}s(Ui,"hasProperSlippage");function Xo(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:i,disabledLiquiditySources:a,slippage:p,affiliateRef:l,affiliatePercent:u,affiliateWallets:d,initialRoute:f,destination:m}=t,g=i?.reduce((y,v)=>(y[v.chain]=v.address,y),{}),C=[];r?.forEach(y=>{let v=C.find(A=>A.blockchain===y.chain);v?v.addresses.push(y.address):C.push({blockchain:y.chain,addresses:[y.address]})});let c=!!f,w=at((f?.result?.swaps||[]).reduce((y,v)=>(y.push(v.from.blockchain,v.to.blockchain),v.internalSwaps&&Array.isArray(v.internalSwaps)&&v.internalSwaps.map(A=>{y.push(A.from.blockchain,A.to.blockchain)}),y),[]));return{amount:n.toString(),affiliateRef:l??void 0,affiliatePercent:u??void 0,affiliateWallets:d??void 0,checkPrerequisites:c,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:C,selectedWallets:g??{},slippage:p.toString(),...m&&{destination:m},...a.length>0&&{swapperGroups:a,swappersGroupsExclude:!0},...c&&{blockchains:w}}}s(Xo,"createBestRouteRequestBody");function zi(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}s(zi,"getWalletsForNewSwap");function It(t){return t?.result?.outputAmount||null}s(It,"getRouteOutputAmount");function Je(t,e){return!t||!e?null:new we(e).div(new we(t)).minus(1).multipliedBy(100)}s(Je,"getPercentageChange");function qi(t,e){let o=It(t),n=It(e);if(!o||!n)return!1;let r=Je(o,n);return r?r.toNumber()<=-1:!0}s(qi,"isOutputAmountChangedALot");function Hi(t,e){let o=t.validationStatus,n=Ai(t);return e.sort((i,a)=>n.indexOf(i.chain)-n.indexOf(a.chain)).flatMap(i=>Pi(i,o)||[]).filter(i=>!i.ok).map(i=>{let a=i.asset.symbol,p=T(new we(i.currentAmount.amount).shiftedBy(-i.currentAmount.decimals),8,8),l=T(new we(i.requiredAmount.amount).shiftedBy(-i.requiredAmount.decimals),8,8),u="";return i.reason==="FEE"&&(u=$e.t(" for network fee")),i.reason==="INPUT_ASSET"&&(u=$e.t(" for swap")),i.reason==="FEE_AND_INPUT_ASSET"&&(u=$e.t(" for input and network fee")),$e.t({id:"balanceWarningMessage",message:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:l,symbol:a,reason:u,currentAmount:p,blockchain:i.asset.blockchain}})})}s(Hi,"getBalanceWarnings");function Gi(t,e){return(t?new we(t):Ne).multipliedBy(e||0)}s(Gi,"calcOutputUsdValue");function Qt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Fo.NetworkChanged}s(Qt,"isNetworkStatusInWarningState");function Vi(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Qt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Fo.WaitingForConnectingWallet:n=n||$e.t("Waiting for connecting wallet");break;case Fo.WaitingForQueue:n=n||$e.t("Waiting for other running tasks to be finished");break;case Fo.WaitingForNetworkChange:n=n||$e.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(Vi,"getSwapMessages");function Ki(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(Ki,"getLastConvertedTokenInFailedSwap");function Xi(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}s(Xi,"shouldRetrySwap");function ji(t,e,o,n,r,i){return t||!e&&!Vp(n).every(a=>r.map(p=>p.chain).includes(a))||!!e&&!o||!!e&&!!o&&i&&!_o(i,o)}s(ji,"confirmSwapDisabled");var Rt=s((t,e)=>t?.usdPrice?new ut(e||Ne).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),M=Ie(jp()(Yp(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new ut(0),outputUsdValue:new ut(0),toBlockchain:null,toToken:null,bestRoute:null,routeWalletsConfirmed:!1,sourceTokens:[],destinationTokens:[],selectedWallets:[],customDestination:"",setRoute:e=>t(o=>{let n=null,r=Ne;return Xt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new ut(e.result?.outputAmount):null,r=Gi(e.result?.outputAmount,Mi(e)||o.toToken?.usdPrice)),{bestRoute:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetRoute:()=>t(()=>({bestRoute:null,outputAmount:null,outputUsdValue:new ut(0)})),setFromBlockchain:(e,o)=>{t(n=>{if(n.fromBlockchain?.name===e?.name)return{};let r=k.getState().meta.tokens,i=O.getState().connectedWallets,a=jt(e,r,i,n.destinationTokens),p=Gn(a,n.toToken);return{fromBlockchain:e,sourceTokens:a,...o&&{fromToken:p},...!!n.inputAmount&&{inputUsdValue:Rt(p,n.inputAmount)}}})},setFromToken:e=>t(o=>({fromToken:e,...!!o.inputAmount&&{inputUsdValue:Rt(e,o.inputAmount)}})),setToBlockchain:(e,o)=>{t(n=>{if(n.toBlockchain?.name===e?.name)return{};let r=k.getState().meta.tokens,i=O.getState().connectedWallets,a=jt(e,r,i,n.destinationTokens);return{toBlockchain:e,destinationTokens:a,...o&&{toToken:Gn(a,n.fromToken)}}})},setToToken:e=>t(()=>({toToken:e})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new ut(0),outputUsdValue:new ut(0),bestRoute:null},...!!o.fromToken&&{inputUsdValue:Rt(o.fromToken,e)}}))},retry:e=>{let{tokens:o,blockchains:n}=k.getState().meta,r=O.getState().connectedWallets,i=e.status==="failed"?e.steps.findIndex(c=>c.status==="failed"):null;if(i===null||i<0)return;let a=e.steps[0],p=e.steps[e.steps.length-1],l=n.find(c=>c.name===a.fromBlockchain)||null,u=n.find(c=>c.name===p.toBlockchain)||null,d=o.find(c=>_e(c,{blockchain:a.fromBlockchain,symbol:a.fromSymbol,address:a.fromSymbolAddress})),f=o.find(c=>_e(c,{blockchain:p.toBlockchain,symbol:p.toSymbol,address:p.toSymbolAddress})),m=jt(l,o,r,[]),g=jt(u,o,r,[]),C=e.inputAmount;t({fromBlockchain:l,fromToken:d,inputAmount:C,outputAmount:null,inputUsdValue:Rt(d||null,C),outputUsdValue:new ut(0),toBlockchain:u,toToken:f,bestRoute:null,sourceTokens:m,destinationTokens:g})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,sourceTokens:e.destinationTokens,destinationTokens:e.sourceTokens,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Rt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromBlockchain:null,sourceTokens:[]})),resetToBlockchain:()=>t(()=>({toBlockchain:null,destinationTokens:[]})),setRouteWalletConfirmed:e=>t({routeWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetRouteWallets:()=>t({routeWalletsConfirmed:!1,selectedWallets:[],customDestination:""})}))));var O=Ie(Qp()(Rp((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:o=>{let n=e().getWalletsDetails;t(r=>({loading:!0,connectedWallets:r.connectedWallets.filter(i=>i.walletType!==o[0].walletType).concat(o.map(i=>{let a=!r.connectedWallets.find(p=>p.chain===i.chain&&p.selected);return{balances:[],address:i.address,chain:i.chain,explorerUrl:null,walletType:i.walletType,selected:a,loading:!0,error:!1}}))})),n(o)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(i=>i.selected&&i.walletType!==o).map(i=>i.chain);return{connectedWallets:n.connectedWallets.filter(i=>i.walletType!==o).map(i=>r.includes(i.chain)?i:(r.push(i.chain),{...i,selected:!0}))}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let i=!!o.find(p=>p.chain===r.chain&&p.walletType!==r.walletType&&r.selected),a=!!o.find(p=>p.chain===r.chain&&p.walletType===r.walletType&&!r.selected);return i?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n=!0)=>{let r=e().getWalletsDetails,{tokens:i}=k.getState().meta;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(p=>o.find(l=>Wo(l,p))?{...p,loading:!0}:p)}));try{let a=o.map(({address:u,chain:d})=>({address:u,blockchain:d})),l=(await Et().getWalletsDetails(a)).wallets;if(l)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(d=>{let f=o.find(g=>Wo(g,d)),m=l.find(g=>g.address===d.address&&g.blockChain===d.chain);return m?.failed&&f&&n&&r([f],!1),f&&m?{...d,explorerUrl:m.explorerUrl,balances:Bi(m,i)}:d})}));else throw new Error("Wallet not found")}catch{t(p=>({loading:!1,connectedWallets:p.connectedWallets.map(l=>o.find(u=>Wo(u,l))?Wi(l):l)}))}}}))));O.subscribe(t=>t.connectedWallets,t=>{M.setState(({sourceTokens:e,destinationTokens:o})=>{let n=Wt(e,t),r=Wt(o,t);return{sourceTokens:Bt(n),destinationTokens:Bt(r)}})},{equalityFn:Jp});var k=Ie(Zp()(t=>({meta:{blockchains:[],popularTokens:[],swappers:[],tokens:[]},loadingStatus:"loading",setTokensWithBalance:()=>{let e=O.getState().connectedWallets;t(o=>({...o,meta:{...o.meta,tokens:Bt(Wt(o.meta.tokens,e))}}))},fetchMeta:async()=>{try{let e=await Et().getAllMetadata(),o=at(e.tokens.map(r=>r.blockchain)),n=e.blockchains.filter(r=>r.enabled&&o.includes(r.name));e.blockchains=n.sort((r,i)=>r.sort-i.sort),t({meta:e,loadingStatus:"success"})}catch{t({loadingStatus:"failed"})}}})));import{create as eu}from"zustand";import{persist as tu,subscribeWithSelector as ou}from"zustand/middleware";var Me=Ie(eu()(tu(ou((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}}},p=e().notifications.filter(l=>l.requestId!==n.requestId);t(()=>({notifications:[...p,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{create as nu}from"zustand";var ve=Ie(nu()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as jo}from"@rango-dev/ui";var Yi=jo("div",{padding:"$10",width:"350px",minHeight:"150px"}),Qi=jo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Ri=jo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Ji=jo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as ru}from"@lingui/core";import{Divider as iu,NoNotificationIcon as su,Typography as au}from"@rango-dev/ui";import Yo from"react";function Zi(){return Yo.createElement(Ji,null,Yo.createElement(su,{color:"secondary",size:26}),Yo.createElement(iu,{size:12}),Yo.createElement(au,{variant:"body",size:"medium",color:"neutral900"},ru.t("You have no notification")))}s(Zi,"NotificationNotFound");var du=4;function Qn(){let t=mu(),e=ve.use.setSelectedSwap(),{getUnreadNotifications:o}=Me(),n=o(),{tokens:r,blockchains:i}=k.use.meta(),a=n.sort((l,u)=>u.creationTime-l.creationTime).slice(0,du),p=s(l=>{e(l),t(`/swaps/${l}`)},"handleOnClick");return Oe.createElement(Yi,null,a.length?Oe.createElement(Qi,null,a.map(l=>{let u=r.find(g=>g.address===l.route.from.tokenAddress&&g.blockchain===l.route.from.blockchain&&g.symbol===l.route.from.tokenSymbol),d=i.find(g=>g.name===l.route.from.blockchain),f=r.find(g=>g.address===l.route.to.tokenAddress&&g.blockchain===l.route.to.blockchain&&g.symbol===l.route.to.tokenSymbol),m=i.find(g=>g.name===l.route.to.blockchain);return Oe.createElement(uu,{key:l.requestId,onClick:()=>p(l.requestId),title:Oe.createElement(cu,{variant:"body",size:"small",color:"$neutral900"},lu.t(l.event.message)),id:l.requestId,start:Oe.createElement(Ri,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(es,{tokenImage:u?u.image:"",chainImage:d?d.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(es,{tokenImage:f?f.image:"",chainImage:m?m.logo:"",size:"small"}))),end:Oe.createElement(pu,{size:12,color:"gray"})})})):Oe.createElement(Zi,null))}s(Qn,"NotificationContent");import{Typography as fu}from"@rango-dev/ui";import ts from"react";function os(){let{getUnreadNotifications:t}=Me(),e=t().length;return e?ts.createElement(fi,null,ts.createElement(fu,{variant:"body",size:"xsmall",color:"$background"},e)):null}s(os,"UnreadNotificationsBadge");function Rn(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:i}=t;return ce.createElement(ce.Fragment,null,ce.createElement(Ro,{container:de(),side:"top",content:Qo.t("Refresh")},ce.createElement(De,{variant:"ghost",size:"small",onClick:o,disabled:!o},ce.createElement(yu,{size:16,color:o?"black":"gray"}))),ce.createElement(Ro,{container:de(),side:"top",content:Qo.t("Notifications")},ce.createElement(hu,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:de(),content:ce.createElement(Qn,null)},ce.createElement(De,{size:"small",variant:"ghost",onClick:i},ce.createElement(gu,{size:18,color:"black"}),ce.createElement(os,null)))),ce.createElement(Ro,{container:de(),side:"top",content:Qo.t("Settings")},ce.createElement(De,{size:"small",variant:"ghost",onClick:r},ce.createElement(Su,{size:18,color:"black"}))),ce.createElement(Ro,{container:de(),side:"top",content:Qo.t("Transactions History")},ce.createElement(De,{size:"small",variant:"ghost",onClick:n},ce.createElement(Cu,{size:18,color:"black"}))))}s(Rn,"HomeButtons");import{BottomLogo as ku,Divider as Tu,Header as wu}from"@rango-dev/ui";import he from"react";import{useNavigate as vu}from"react-router-dom";import{styled as Jn}from"@rango-dev/ui";var ns=Jn("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",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),rs=Jn("div",{display:"flex",flexDirection:"column",flex:1,padding:"$20 $20 $10 $20",backgroundColor:"$background",position:"relative",overflowY:"auto",overflowX:"hidden",variants:{noPadding:{true:{padding:"0"}}}}),is=Jn("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function bu(t,e){let{children:o,header:n,footer:r,noPadding:i,hasLogo:a=!0,fixedHeight:p=!0}=t,l=O.use.connectedWallets(),u=ve.use.connectWalletsButtonDisabled(),d=vu(),f=s(()=>{u||d("/"+h.wallets)},"onConnectWallet");return he.createElement(ns,{ref:e,fixedHeight:p,id:"swap-box"},he.createElement(wu,{prefix:he.createElement(he.Fragment,null,n.onBack&&he.createElement($n,{onClick:n.onBack})),title:n.title,suffix:he.createElement(he.Fragment,null,n.suffix,n.hasConnectWallet&&he.createElement(Un,{container:de(),onClick:f,isConnected:!!l?.length}),n.onCancel&&he.createElement(Fn,{onClick:n.onCancel}))}),he.createElement(rs,{noPadding:i},o),(a||r)&&he.createElement(is,null,he.createElement("div",{className:"footer__content"},r),a&&he.createElement("div",{className:"footer__logo"},he.createElement(Tu,{size:12}),he.createElement(ku,null))))}s(bu,"LayoutComponent");var R=he.forwardRef(bu);R.displayName="Layout";import{Alert as Bu,Button as Wu,Divider as hs,NoRouteIcon as Nu,RefreshIcon as Iu,Typography as ys}from"@rango-dev/ui";import Fe from"react";import{create as xu}from"zustand";import{persist as Eu,subscribeWithSelector as Au}from"zustand/middleware";var ss=[.5,1,3],as=1,ls=5,ps=100,us=0;var U=Ie(xu()(Eu(Au(t=>({slippage:as,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",setSlippage:e=>t(()=>({slippage:e})),setCustomSlippage:e=>t(()=>({customSlippage:e})),setAffiliateRef:e=>t(()=>({affiliateRef:e})),setAffiliatePercent:e=>t(()=>({affiliatePercent:e})),setAffiliateWallets:e=>t(()=>({affiliateWallets:e})),toggleAllLiquiditySources:e=>t(o=>{if(e)return{disabledLiquiditySources:[]};let{swappers:n}=k.getState().meta,r=at(n.map(i=>i.swapperGroup));return r.length===o.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:r}}),toggleInfiniteApprove:()=>t(e=>({infiniteApprove:!e.infiniteApprove})),toggleLiquiditySource:e=>t(o=>o.disabledLiquiditySources.includes(e)?{disabledLiquiditySources:o.disabledLiquiditySources.filter(n=>n!=e)}:{disabledLiquiditySources:o.disabledLiquiditySources.concat(e)}),setTheme:e=>t(()=>({theme:e}))})),{name:"user-settings",skipHydration:!0})));import{i18n as cs}from"@lingui/core";function ms(t,e,o,n,r){return o?{alert:{type:"warning",text:q.genericServerError,action:{onClick:r,title:cs.t("Retry")}},description:""}:t?{alert:{type:"error",text:t,action:null},description:""}:e.length?{alert:{type:"warning",text:q.liquiditySourcesError.title,action:{onClick:()=>n(!0),title:cs.t("Reset")}},description:q.liquiditySourcesError.description}:{alert:null,description:q.noRoutesError.description}}s(ms,"makeInfo");import{styled as Zn}from"@rango-dev/ui";var ds=Zn("div",{display:"flex",flexDirection:"column",alignItems:"center"}),fs=Zn("div",{width:"100%"}),gs=Zn("div",{padding:"$6 $0"});function Jt(t){let{diagnosisMessage:e,fetch:o,error:n}=t,r=U.use.disabledLiquiditySources(),i=k.use.loadingStatus(),a=U.use.toggleAllLiquiditySources(),l=ms(e??null,r,n||i==="failed",a,o);return Fe.createElement(ds,null,Fe.createElement(Nu,{size:24,color:"gray"}),Fe.createElement(hs,{size:4}),Fe.createElement(ys,{variant:"title",size:"small"},q.noRoutesError.title),!!l.description&&Fe.createElement(ys,{variant:"body",size:"small",align:"center",color:"neutral900"},l.description),Fe.createElement(hs,{size:4}),!!l.alert&&Fe.createElement(fs,null,Fe.createElement(Bu,{type:l.alert.type,title:l.alert.text,action:l.alert.action&&Fe.createElement(Wu,{size:"xsmall",type:l.alert.type,prefix:Fe.createElement(gs,null,Fe.createElement(Iu,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}s(Jt,"NoRoutes");import{Alert as Es,Divider as $u,InfoIcon as Ou}from"@rango-dev/ui";import ze from"react";import{styled as Jo}from"@rango-dev/ui";var Ss=Jo("div",{width:"100%",paddingTop:"$10"}),er=Jo("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Cs=Jo("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),ks=Jo("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});import{i18n as Zt}from"@lingui/core";import{Button as Mu,Divider as vs,MessageBox as bs,Modal as Lu,Typography as Pu,WarningIcon as Du}from"@rango-dev/ui";import Ue from"react";import{useNavigate as _u}from"react-router-dom";import{Typography as Ts}from"@rango-dev/ui";import tr from"react";function ws(t){let{title:e,value:o,valueColor:n}=t;return tr.createElement(Cs,null,tr.createElement(Ts,{size:"medium",variant:"label",color:"neutral800"},e),tr.createElement(Ts,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}s(ws,"RouteErrorsModalItem");function xs(t){let{highValueLoss:e,open:o,onToggle:n,percentageChange:r,inputUsdValue:i,outputUsdValue:a,totalFeeInUsd:p}=t,l=_u(),u=e&&r?.lt(-10)?"error":"warning",d=[{title:Zt.t("Swapping"),value:T(i,4,4)},{title:Zt.t("Gas cost"),value:T(p,2,2)},{title:Zt.t("Receiving"),value:T(a,4,4)},{title:Zt.t("Price impact"),value:T(r,2,2),valueColor:`${u}500`}];return Ue.createElement(Lu,{open:o,onClose:()=>n(!1),container:document.getElementById("swap-box")||document.body},e?Ue.createElement(bs,{type:u,title:q.highValueLossError.impactTitle,description:q.highValueLossError.description}):Ue.createElement(bs,{type:u,title:q.unknownPriceError.impactTitle,description:q.unknownPriceError.description}),e&&Ue.createElement(er,null,Ue.createElement(vs,{size:20}),Ue.createElement(Pu,{size:"small",variant:"title"},Zt.t("Details")),Ue.createElement(er,null,d.map((f,m)=>Ue.createElement(ws,{key:m,...f})))),Ue.createElement(vs,{size:32}),Ue.createElement(Mu,{type:"primary",size:"large",prefix:Ue.createElement(Du,null),fullWidth:!0,onClick:()=>{l(h.confirmSwap)}},e?q.highValueLossError.confirmMessage:q.unknownPriceError.confirmMessage))}s(xs,"RouteErrorsModal");var Fu=-10;function or(t){let{bestRoute:e}=M(),{highValueLoss:o,percentageChange:n,priceImpactCanNotBeComputed:r,openModal:i,onToggle:a,totalFeeInUsd:p,outputUsdValue:l,inputUsdValue:u,loading:d,extraSpace:f}=t,m=Go(e),{recommendation:g}=Vo(e),C=!m&&(o||r),c=C||m;return ze.createElement(ze.Fragment,null,(d||f&&!c)&&ze.createElement($u,{size:20}),c&&ze.createElement(Ss,null,C&&ze.createElement(ze.Fragment,null,ze.createElement(Es,{title:o?q.highValueLossError.title:q.unknownPriceError.title,type:o&&n?.lt(Fu)?"error":"warning",variant:"alarm",action:ze.createElement(ks,{onClick:()=>a(!0)},ze.createElement(Ou,{size:12,color:"gray"}))})),m&&ze.createElement(Es,{type:"error",variant:"alarm",title:g})),ze.createElement(xs,{highValueLoss:o,open:i,onToggle:a,percentageChange:n,inputUsdValue:u,outputUsdValue:l,totalFeeInUsd:p}))}s(or,"RouteErrors");import{ReverseIcon as Uu,styled as As}from"@rango-dev/ui";import nr from"react";var zu=As("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),qu=As("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 Bs(){let t=M.use.switchFromAndTo();return nr.createElement(zu,null,nr.createElement(qu,{onClick:()=>{t()}},nr.createElement(Uu,{size:12})))}s(Bs,"SwitchFromAndToButton");import{useEffect as Ws,useRef as Vu,useState as Ns}from"react";import{useRef as Hu,useState as Gu}from"react";function Zo(){let[t,e]=Gu(!1),o=Hu(null),n=s(()=>o.current?.abort(),"cancel");return{fetch:s(async i=>{n(),o.current=new AbortController,e(!0);try{let a=await Et().getBestRoute(i,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}s(Zo,"useFetchBestRoute");var Ku=600;function Is(){let{fetch:t,cancelFetch:e}=Zo(),[o,n]=Ns(!1),{fromToken:r,toToken:i,inputAmount:a,inputUsdValue:p,resetRoute:l,setRoute:u}=M(),{slippage:d,customSlippage:f,affiliatePercent:m,affiliateRef:g,affiliateWallets:C,disabledLiquiditySources:c}=U(),[w,E]=Ns(""),y=Vu(c),v=f??d,S=!r||!i||_e(r,i)||!Xt(a),N=s(()=>{if(o||n(!0),!S){l();let W=Xo({fromToken:r,toToken:i,inputAmount:a,disabledLiquiditySources:c,slippage:v,affiliateRef:g,affiliatePercent:m,affiliateWallets:C});t(W).then(V=>{n(!1),u(V)}).catch(V=>{l(),V?.code!=="ERR_CANCELED"&&(E(V.message),n(!1))})}},"fetch"),D=yi(()=>{S||N()},Ku);return Ws(()=>{if(!Xt(a)||p?.eq(0)){n(!1),e();return}if(!S)return l(),n(!0),D(),e},[a,S]),Ws(()=>{let W=!!y.current.length&&!c.length;return!S&&W&&N(),y.current=c,e},[c.length]),{fetch:N,loading:o,error:w}}s(Is,"useSwapInput");var oc=Mt("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),nc=Mt("div",{position:"relative"}),rc=Mt("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"}),Ls=Mt("div",{width:"100%",paddingTop:"$2"}),ic=Mt("div",{paddingBottom:"$15"}),sc=Mt("div",{width:"100%",display:"flex"});function tn(){let t=tc(),{fetch:e,loading:o,error:n}=Is(),{fromToken:r,fromBlockchain:i,toToken:a,toBlockchain:p,setInputAmount:l,inputAmount:u,inputUsdValue:d,outputAmount:f,outputUsdValue:m,bestRoute:g,resetRouteWallets:C}=M(),{meta:{tokens:c},loadingStatus:w}=k(),E=O.use.connectedWallets(),y=ve.use.setCurrentPage(),[v,A]=ec(!1),{fromAmountRangeError:S,swap:N,recommendation:D}=Vo(g),W=Zu(null),V=!!Number(u)&&(!!g||o||!!n),Z=!1,b=qo(d,m),H=Ho(d,b),G=!Yn(g,u,d),_=!Yn(g,u,m),B=Oi(w,E,o,g,Go(g),H,G||_,Z,u),le=i&&r?T(At(E,i?.name,r?.symbol,r?.address)?.amount||"0",8,8):"0",Be=i&&r?T(At(E,i?.name,r?.symbol,r?.address)?.amount||"0",At(E,i?.name,r?.symbol,r?.address)?.decimal):"0";Ju(()=>(y(h.home),C(),y.bind(null,"")),[]);let F=!d||!m||!m.gt(0)?null:Je(d.toNumber(),m.toNumber()),Y=s(Pe=>Pe.map((se,ft)=>({swapper:{displayName:se.swapperId,image:se.swapperLogo},from:{token:{displayName:se.from.symbol,image:se.from.logo},chain:{displayName:se.from.blockchain,image:se.from.blockchainLogo},price:{value:ft===0?T(u,6,6):se.fromAmount}},to:{token:{displayName:se.to.symbol,image:se.to.logo},chain:{displayName:se.to.blockchain,image:se.to.blockchainLogo},price:{value:se.toAmount}},alerts:se.swapperId===N?.swapperId?Q.createElement(ic,null,Q.createElement(Xu,{type:"error",title:D,footer:Q.createElement(sc,null,Q.createElement(ir,{size:"xsmall",variant:"body",color:"neutral900"},S),Q.createElement(rr,{direction:"horizontal",size:8}),Q.createElement(ir,{size:"xsmall",variant:"body",color:"neutral900"},"|"),Q.createElement(rr,{direction:"horizontal",size:8}),Q.createElement(ir,{size:"xsmall",variant:"body",color:"neutral900"},en.t({id:"yourSymbol",message:"Yours: {amount} {symbol}",values:{amount:T(N?.fromAmount||null,6,6),symbol:se?.from.symbol}})))})):void 0})),"getBestRouteSteps"),We=Ko(g,c),Te=Di(g);return Q.createElement(R,{ref:W,fixedHeight:!1,hasLogo:!0,footer:Q.createElement(Qu,{type:"primary",size:"large",disabled:B.disabled,prefix:!B.disabled&&B.hasWarning&&Q.createElement(Ru,null),fullWidth:!0,onClick:()=>{B.state==="waitForConnecting"?t(h.wallets):B.state==="needToConfirm"?A(!0):t(h.confirmSwap)}},B.title),header:{hasConnectWallet:!0,title:en.t("Swap"),suffix:Q.createElement(Rn,{layoutRef:W.current,onClickRefresh:g||n?e:void 0,onClickHistory:()=>t(h.swaps),onClickSettings:()=>t(h.settings)})}},Q.createElement(oc,null,Q.createElement(rc,null,Q.createElement(nc,null,Q.createElement(Ms,{label:en.t("From"),mode:"From",onInputChange:l,balance:le,chain:{displayName:i?.displayName||"",image:i?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>t("from-swap"),price:{value:u,usdValue:G?void 0:T(d,4,4),error:G?q.unknownPriceError.impactTitle:void 0},disabled:w==="failed",loading:w==="loading",onSelectMaxBalance:()=>{le!=="0"&&l(Be.split(",").join(""))}}),Q.createElement(Bs,null)),Q.createElement(Ms,{sharpBottomStyle:!!g?.result||o,label:en.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:F?.lt(0)?T(F,2,2):null,warningLevel:Nt(F?.toNumber()??0),price:{value:T(f,6,6),usdValue:_?void 0:T(m,4,4),error:_?q.unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:w==="failed",loading:w==="loading"})),o&&Q.createElement(Ls,null,Q.createElement(Yu,{type:"basic"})),V&&!o&&Te?.result?.swaps?.length?Q.createElement(Ls,null,Q.createElement(ju,{type:"basic",recommended:!0,input:{value:T(u,6,6),usdValue:T(d,4,4)},output:{value:T(f,6,6),usdValue:T(m,4,4)},steps:Y(Te.result.swaps),percentageChange:T(F,2,2),totalFee:T(We,2,2),totalTime:xo(Eo(g))})):V&&!o?Q.createElement(Q.Fragment,null,Q.createElement(rr,{size:20}),Q.createElement(Jt,{diagnosisMessage:Te?.diagnosisMessages?.[0],fetch:e,error:!!n})):null),Q.createElement(or,{openModal:v,onToggle:A,totalFeeInUsd:We,outputUsdValue:m,inputUsdValue:d,percentageChange:F,highValueLoss:H,priceImpactCanNotBeComputed:G||_,loading:o||w==="loading",extraSpace:!!g?.result||!g}))}s(tn,"Home");import{useEffect as sr,useRef as ar}from"react";import{createSearchParams as ac,useLocation as lc,useSearchParams as pc}from"react-router-dom";function Ps(){let t=ar(!0),[e,o]=pc(),n=lc(),r=ar(n.search),i=ar({}),a=M.use.fromBlockchain(),p=M.use.toBlockchain(),l=M.use.fromToken(),u=M.use.toToken(),d=M.use.setFromBlockchain(),f=M.use.setFromToken(),m=M.use.setToBlockchain(),g=M.use.setToToken(),C=M.use.inputAmount(),c=M.use.setInputAmount(),w=k.use.loadingStatus(),{blockchains:E,tokens:y}=k.use.meta(),v=ve.use.setSelectedSwap();return sr(()=>{let A={};ac(r.current).forEach((N,D)=>{A[D]=N}),i.current=A;let S=n.pathname.split(h.swaps+"/")[1]||null;S&&v(S)},[]),sr(()=>{if(!t.current){let A="",S="",N="",D="",W="";if(w!=="success")A=i.current["fromBlockchain"],S=i.current["fromToken"],N=i.current["toBlockchain"],D=i.current["toToken"],W=i.current["fromAmount"]||C;else{if(n.state==="redirect")return;A=a?.name||"",S=(l?.symbol||"")+(l?.address?`--${l?.address}`:""),N=p?.name||"",D=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),W=C}o({...A&&{["fromBlockchain"]:A},...S&&{["fromToken"]:S},...N&&{["toBlockchain"]:N},...D&&{["toToken"]:D},...W&&{["fromAmount"]:W.toString()}},{replace:!0})}t.current=!1},[n.pathname,C,a,l,p,u]),sr(()=>{if(w==="success"){let A=e.get("fromBlockchain"),S=e.get("fromToken"),N=e.get("toBlockchain"),D=e.get("toToken"),W=e.get("fromAmount"),V=E.find(G=>G.name===A),Z=Vn(y,S,V||null),b=E.find(G=>G.name===N),H=Vn(y,D,b||null);V&&(d(V),Z&&f(Z)),b&&(m(b),H&&g(H)),W&&c(W)}},[w]),null}s(Ps,"UpdateUrl");function Cc(t){let e=yc(),o=Sc(),n=fc(!0),r=e.pathname.split("/"),a=r[r.length-1]===h.confirmSwap&&n.current;return dc(()=>{a&&o("."),n.current=!1},[]),a?St.createElement(tn,null):St.createElement(St.Fragment,null," ",t.children)}s(Cc,"Route");function Ds({children:t,...e}){let o=hc(),n=o?Cc:gc,{blockchains:r}=k.use.meta(),{canSwitchNetworkTo:i}=cc(),a=r.filter(mc);return uc({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:i}),St.createElement(St.Fragment,null,St.createElement(n,null,t),o&&St.createElement(Ps,null))}s(Ds,"AppRouter");import Ae from"react";import{useRoutes as Kf}from"react-router-dom";import{i18n as Xe}from"@lingui/core";import{useManager as dm}from"@rango-dev/queue-manager-react";import{Alert as gr,BestRoute as fm,BestRouteSkeleton as gm,Button as un,Divider as $t,IconButton as Ta,MessageBox as hm,Modal as ym,RefreshIcon as Sm,SettingsIcon as Cm,styled as wa,Tooltip as km,Typography as ka,WalletIcon as Tm}from"@rango-dev/ui";import L,{useEffect as cn,useState as mn}from"react";import{flushSync as wm}from"react-dom";import{useNavigate as vm}from"react-router-dom";import{i18n as ot}from"@lingui/core";import{Alert as fr,BalanceErrors as Zc,Button as ha,ChevronDownIcon as em,ChevronLeftIcon as tm,Divider as _t,MessageBox as om,Modal as ya,Typography as pn,WalletIcon as nm}from"@rango-dev/ui";import x,{useEffect as rm,useState as Tt}from"react";import{useNavigate as im}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,"getRouteWarningMessage");import*as Pt from"@radix-ui/react-collapsible";import{Button as kc,darkTheme as Lt,IconButton as Tc,keyframes as _s,styled as Ce,TextField as wc}from"@rango-dev/ui";var vc=_s({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),bc=_s({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),$s=Ce("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Os=Ce("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),Fs=Ce("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Lt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Lt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Lt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Us=Ce(Pt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent"}),zs=Ce("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),qs=Ce(Tc,{position:"absolute",left:"$20"}),Hs=Ce("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),Gs=Ce(Pt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Vs=Ce(kc,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Lt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Lt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Lt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),Ks=Ce("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),Xs=Ce("div",{transition:"all 300ms ease",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),js=Ce("div",{display:"flex"}),Ys=Ce(wc,{padding:"$0 $15 $15 $15"}),Qs=Ce(Pt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${vc} 300ms ease-out`},false:{animation:`${bc} 300ms ease-out`}}}}),Rs=Ce("div",{overflow:"visible",width:"100%"});import{i18n as tt}from"@lingui/core";import{Button as Qc,Divider as cr,Image as Rc,MessageBox as mr,Modal as ca,SelectableWallet as Jc,Typography as ma,WalletState as da}from"@rango-dev/ui";import ie,{useEffect as fa,useState as to}from"react";import{WalletState as Zs}from"@rango-dev/ui";import{useWallets as Ec}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Ac,WalletTypes as Bc}from"@rango-dev/wallets-shared";import{useEffect as Wc,useState as Nc}from"react";import{allProviders as xc}from"@rango-dev/provider-all";function rn(t,e){let o=xc({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(rn,"matchAndGenerateProviders");function Js(t,e){return rn(t,e).map(r=>r.config.type)}s(Js,"configWalletsToWalletName");var Ic=Object.values(Bc);function sn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:i,disconnect:a,getWalletInfo:p,connect:l}=Ec(),{connectedWallets:u}=O(),{blockchains:d}=k().meta,f=typeof e?.multiWallets>"u"?!0:e.multiWallets,m=Js(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Ic,g=xi(i,p,m,o),C=Ni(g),[c,w]=Nc(""),E=s(S=>!u.find(N=>N.walletType===S&&N.chain===o),"isExperimentalChainNotAdded"),y=s(async S=>{let N=i(S);try{if(c&&w(""),N.connected)await a(S);else{let D=!!g.find(W=>W.state===Zs.CONNECTED);if(!f&&D)return;n?.(S),await l(S),r?.(S)}}catch(D){w("Error: "+D?.message)}},"handleClick"),v=s(()=>{let S=g?.filter(N=>N.state===Zs.CONNECTING)||[];for(let N of S)a(N.type)},"disconnectConnectingWallets");Wc(()=>()=>{v()},[]);let A=s((S,N,D)=>Io(D,N)&&E(S)&&!Ac.includes(S),"shouldExcludeWallet");return{list:C.filter(S=>!A(S.type,o??"",d)),error:c,handleClick:y}}s(sn,"useWalletList");import{i18n as ra}from"@lingui/core";import{styled as ia,Typography as Uc,Wallet as zc,WalletState as qc}from"@rango-dev/ui";import kt,{Fragment as Hc,useState as Gc}from"react";import{Divider as _c,Modal as $c}from"@rango-dev/ui";import pr from"react";import{i18n as Dt}from"@lingui/core";import{Image as Pc,MessageBox as lr,WalletState as Dc}from"@rango-dev/ui";import Ct from"react";import{keyframes as Mc,styled as an}from"@rango-dev/ui";var vT=an("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),ea=an("div",{position:"relative"}),Lc=Mc({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ta=an("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Lc} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),oa=an("div",{"& img":{borderRadius:"50%"}});function na(t){let{state:e,image:o,error:n}=t;return e===Dc.CONNECTED?Ct.createElement(lr,{type:"success",title:Dt.t("Wallet Connected"),description:Dt.t("Your wallet is connected, you can use it to swap.")}):n?Ct.createElement(lr,{type:"error",title:Dt.t("Failed to Connect"),description:n||Dt.t("Your wallet is not connected. Please try again.")}):Ct.createElement(lr,{type:"loading",title:Dt.t("Connecting to your wallet"),description:Dt.t("Click connect in your wallet popup."),icon:Ct.createElement(ea,null,Ct.createElement(oa,null,Ct.createElement(Pc,{src:o,size:45})),Ct.createElement(ta,null))})}s(na,"ModalContent");function eo(t){let{open:e,onClose:o,...n}=t;return pr.createElement($c,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},pr.createElement(na,{...n}),pr.createElement(_c,{direction:"vertical",size:32}))}s(eo,"WalletModal");import{useInRouterContext as Oc,useNavigate as Fc}from"react-router-dom";function re(){let t=Oc(),e=Fc(),o=M.use.routeWalletsConfirmed();return h,{navigateBackFrom:s(r=>{if(r===h.swapDetails)return e("/"+h.swaps,{replace:!0});if(!t||window.history.state&&window.history.state.idx>0)e(-1);else{if([h.settings,h.wallets].includes(r)&&o)return e("/"+h.confirmSwap,{replace:!0});[h.fromSwap,h.toSwap,h.settings,h.wallets,h.swaps,h.confirmSwap].includes(r)?e(h.home,{replace:!0}):r===h.fromBlockchain?e("/"+h.fromSwap,{replace:!0}):r===h.toBlockchain?e("/"+h.fromSwap,{replace:!0}):r===h.liquiditySources&&e("/"+h.settings,{replace:!0})}},"navigateBackFrom")}}s(re,"useNavigateBack");var Vc=ia("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),Kc=ia("div",{textAlign:"center"}),ln=3e3,Xc=300;function sa({config:t}){let{navigateBackFrom:e}=re(),[o,n]=Gc(""),r=null,{list:i,handleClick:a,error:p}=sn({config:t,onBeforeConnect:m=>{r=setTimeout(()=>{n(m)},Xc)},onConnect:()=>{r&&clearTimeout(r),setTimeout(()=>{n("")},ln)}}),l=k.use.loadingStatus(),u=i.find(m=>m.type===o),d=u?.image||"",f=u?.state||qc.NOT_INSTALLED;return kt.createElement(R,{header:{title:ra.t("Connect Wallets"),onBack:e.bind(null,h.wallets)}},kt.createElement(Kc,null,kt.createElement(Uc,{variant:"title",size:"xmedium",align:"center"},ra.t("Choose a wallet to connect.")),kt.createElement(Vc,null,i.map((m,g)=>{let C=`wallet-${g}-${m.type}`;return kt.createElement(Hc,{key:C},kt.createElement(zc,{...m,container:de(),onClick:c=>{a(c)},isLoading:l==="loading"}))}),kt.createElement(eo,{open:!!o,onClose:()=>n(""),image:d,state:f,error:p}))))}s(sa,"WalletsPage");function aa(t,e){return e.find(o=>o.name===t)?.displayName}s(aa,"getBlockchainDisplayNameFor");import{keyframes as jc,styled as ur}from"@rango-dev/ui";var la=ur("div",{position:"relative"}),Yc=jc({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),pa=ur("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Yc} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ua=ur("div",{"& img":{borderRadius:"50%"}});function dr(t){let{config:e,chain:o,isSelected:n,selectWallet:r,limit:i,onShowMore:a}=t,p=O.use.connectedWallets(),{blockchains:l}=k.use.meta(),[u,d]=to(""),[f,m]=to(null),[g,C]=to(!1),[c,w]=to(null),{connect:E}=ga(),{list:y,error:v,handleClick:A}=sn({config:e,chain:o,onBeforeConnect:d,onConnect:()=>setTimeout(()=>d(""),ln)}),[S,N]=to(y),D=y.length,W=i&&D-i>0,V=s(async b=>{C(!1),w("in-progress"),await E(b.walletType,b.chain),w("completed")},"addExperimentalChain");fa(()=>{N(b=>{let H=y.findIndex(G=>n(G.type,o));return W&&H>1?[y[H]].concat(y.filter((G,_)=>_!==H)):b.map(G=>y.find(_=>_.type===G.type)??G)})},[JSON.stringify(y)]);let Z=document.querySelector("#swap-box");return fa(()=>{let b=null;return c==="completed"&&(b=setTimeout(()=>w(null),ln)),()=>{b&&clearTimeout(b)}},[c]),ie.createElement(ie.Fragment,null,S.slice(0,i).map(b=>{let H=Ii({connectedWallets:p,walletType:b.type,chain:o}),G=H?Mo(H):"",_=Io(l,o),B=!p.find(We=>We.walletType===b.type&&We.chain===o),le=_&&B&&b.state===da.CONNECTED,Be=le?tt.t({id:"addChain",message:"Add {chain} chain",values:{chain:o}}):G,F=s(()=>{b.state===da.DISCONNECTED?A(b.type):le?(m({walletType:b.type,chain:o,address:H??""}),C(!0)):r({walletType:b.type,chain:o,address:H??""})},"onClick"),Y=f?.chain?aa(f.chain,l):void 0;return ie.createElement(ie.Fragment,null,u===b.type&&ie.createElement(eo,{open:u===b.type,onClose:()=>d(""),image:b.image,state:b.state,error:v}),!!f&&ie.createElement(ca,{open:!!f&&g,container:Z,onClose:()=>{m(null)}},ie.createElement(mr,{title:tt.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Y}}),type:"warning",description:tt.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Y}})},ie.createElement(cr,{size:18}),ie.createElement(cr,{size:32}),ie.createElement(Qc,{onClick:V.bind(null,f),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},tt.t("Confirm")))),c&&ie.createElement(ca,{open:!!c,onClose:w.bind(null,null),container:Z},c==="in-progress"?ie.createElement(mr,{type:"loading",title:tt.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Y}}),description:tt.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Y}}),icon:ie.createElement(la,null,ie.createElement(ua,null,ie.createElement(Rc,{src:b.image,size:45})),ie.createElement(pa,null))}):ie.createElement(mr,{type:"success",title:tt.t({id:"blockchainAdded",message:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Y}}),description:tt.t({id:"blockchainAddedDescription",message:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Y}})}),ie.createElement(cr,{direction:"vertical",size:32})),ie.createElement(Jc,{key:b.type,description:Be,onClick:F,selected:n(b.type,o),...b}))}),W&&ie.createElement(Fs,{selected:!1,onClick:a.bind(null)},ie.createElement(ma,{variant:"label",size:"medium"},tt.t("Show more wallets"),ie.createElement(ma,{variant:"label",size:"medium",color:"$primary"},"\xA0+",D-(i??0)))))}s(dr,"WalletList");var sm=2;function Sa(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,config:i,loading:a}=t,{blockchains:p}=k.use.meta(),{bestRoute:l,setSelectedWallets:u,routeWalletsConfirmed:d,setRouteWalletConfirmed:f,customDestination:m,setCustomDestination:g}=M(),{connectedWallets:C,selectWallets:c}=O(),[w,E]=Tt(""),[y,v]=Tt([]),[A,S]=Tt(""),[N,D]=Tt(null),[W,V]=Tt(m),[Z,b]=Tt(!!m),H=Do(l),G=typeof i?.customDestination>"u"?!0:i.customDestination,_=p.find($=>$.name===l?.result?.swaps[l?.result?.swaps.length-1].to.blockchain),B=s($=>!!l?.result?.swaps.find(I=>I.from.blockchain===$),"isWalletRequiredFor"),[le,Be]=Tt(C.filter($=>$.selected&&H.includes($.chain))),F=p.find($=>$.name===_?.name),Y=s(($,I)=>!!le.find(z=>z.walletType===$&&z.chain===I&&z.selected&&(B(I)||!B(I)&&!W)),"isSelected"),We=!!W&&Z&&F&&!_o(F,W),Te=s(()=>{b(!1),V(""),Be($=>{let I=!1;return $.map(z=>!I&&z.chain===_?.name?(I=!0,{...z,selected:!0}):z)})},"resetCustomDestination"),Pe=s($=>{if(w&&E(""),Y($.walletType,$.chain))return;let z=C.find(pe=>pe.walletType===$.walletType&&pe.chain===$.chain);z&&(n(),$.chain===_?.name&&Z&&(b(!1),V("")),Be(pe=>pe.filter(K=>K.chain!==$.chain).concat({...z,selected:!0})))},"onChange"),se=s(()=>{let $=le.filter(I=>I.selected);c($),u($),g(W),f(!0),o()},"onConfirmBalance"),ft=s(async()=>{v([]),S(""),D(null);let $=C.filter(pe=>le.find(K=>K.chain===pe.chain&&K.walletType===pe.walletType)),I=await r?.({selectedWallets:$,customDestination:W}),z=I.warnings;z?.balance?.messages&&v(z.balance.messages),z?.route&&D(z.route),I.error&&S($o(I.error)),!I.error&&(!z?.balance?.messages.length||0>0)?se():v(z?.balance?.messages??[])},"onConfirmWallets");rm(()=>{Be($=>$.concat(C.filter(I=>!!!$.find(pe=>pe.chain===I.chain)&&I.selected&&H.includes(I.chain))))},[C.length]);let gt=document.querySelector("#swap-box"),Gt=im();return x.createElement(ya,{open:e,onClose:()=>{d||Gt(h.home,{replace:!0}),o()},dismissible:!w,container:gt,...!w&&{footer:x.createElement(js,null,x.createElement(ha,{loading:a,disabled:ji(a,Z,W,l,le,_),onClick:ft,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...w&&{containerStyle:{padding:"$0"},header:x.createElement(zs,null,x.createElement(qs,{variant:"ghost",onClick:E.bind(null,"")},x.createElement(tm,{size:16})),x.createElement(pn,{variant:"headline",size:"small"},ot.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:w}})))},anchor:"center"},x.createElement(ya,{open:y.length>0,onClose:v.bind(null,[]),container:gt},x.createElement(om,{title:ot.t("Insufficient account balance"),type:"error",description:x.createElement(Zc,{messages:y??[]})},x.createElement(ha,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:se},ot.t("Proceed anyway")))),w&&x.createElement(Hs,null,x.createElement("div",{className:"wallets-list"},x.createElement(dr,{chain:w,isSelected:Y,selectWallet:Pe,multiWallets:i?.multiWallets??!0,supportedWallets:i?.wallets??[],config:i,onShowMore:E.bind(null,w)}))),!w&&x.createElement(x.Fragment,null,A&&x.createElement(x.Fragment,null,x.createElement(fr,{variant:"alarm",type:"error",title:ot.t(A)}),x.createElement(_t,{size:12})),N&&x.createElement(x.Fragment,null,x.createElement(fr,{variant:"alarm",type:"warning",title:nn(N)}),x.createElement(_t,{size:12})),x.createElement(Rs,null,H.map(($,I)=>{let z=p.find(te=>te.name===$),pe=`wallet-${I}`,K=I===H.length-1;return x.createElement("div",{key:pe},x.createElement($s,null,x.createElement(pn,{variant:"title",size:"xmedium"},ot.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:z?.displayName}})),x.createElement(pn,{variant:"label",color:"$neutral900",size:"medium"},ot.t({id:"needConnect",message:"You need to connect a {blockchainName} wallet.",values:{blockchainName:z?.displayName}}))),x.createElement(_t,{size:24}),x.createElement(Os,null,x.createElement(dr,{chain:$,isSelected:Y,selectWallet:Pe,multiWallets:i?.multiWallets??!0,supportedWallets:i?.wallets??[],config:i,limit:sm,onShowMore:()=>E(z?.name??"")})),!K&&x.createElement(_t,{size:32}),K&&G&&x.createElement(Ks,null,x.createElement(Gs,{selected:Z,open:Z,onOpenChange:te=>{te?B(_?.name??"")||Be(Vt=>Vt.map(Ge=>Ge.chain===_?.name?{...Ge,selected:!1}:Ge)):Te()}},x.createElement(Us,{onClick:()=>b(te=>!te)},x.createElement(Vs,{fullWidth:!0,variant:"default",suffix:x.createElement(Xs,{orientation:Z?"up":"down"},x.createElement(em,{size:10,color:"gray"}))},x.createElement("div",{className:"button__content"},x.createElement(nm,{size:18,color:"info"}),x.createElement(_t,{size:4,direction:"horizontal"}),x.createElement(pn,{variant:"label",size:"medium"},ot.t("Send to a different address"))))),x.createElement(Qs,{open:Z},x.createElement(x.Fragment,null,x.createElement(_t,{size:4}),x.createElement(Ys,{autoFocus:!0,placeholder:ot.t("Your destination address"),value:W,onChange:te=>{V(te.target.value)}})))),We&&x.createElement("div",{className:"alarms"},x.createElement(fr,{variant:"alarm",type:"error",title:ot.t({id:"addressMatch",values:{destination:W},message:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}s(Sa,"ConfirmWalletsModal");import{calculatePendingSwap as lm}from"@rango-dev/queue-manager-rango-preset";import pm from"bignumber.js";import{useEffect as um}from"react";function cm(t,e){if(!t.result)throw new Error(q.noRoutesError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let o=new pm(t.result?.outputAmount||"0").multipliedBy(e.outputUsdValue||0),n=qo(e.inputUsdValue,o);if(Ho(e.inputUsdValue,n))throw new Error("High value loss for route",{cause:{type:1}});return t}s(cm,"throwErrorIfResponseIsNotValid");function mm(t,e,o){let n=Li(t,e),r={balance:null,route:null,slippage:null};n&&(qi(t,e)?r.route={type:3,newOutputAmount:T(It(e)),percentageChange:T(Je(It(t),It(e)),null,2)}:Kn(t,e)?r.route={type:0}:Xn(t,e)?r.route={type:1}:jn(t,e)&&(r.route={type:2}));let i=Hi(e,o.selectedWallets);i.length===0||(r.balance={messages:i});let p=Fi(t),l=o.userSlippage>ls;return Ui(o.userSlippage.toString(),p)?l&&(r.slippage={type:1,slippage:o.userSlippage.toString()}):r.slippage={type:0,slippage:p},r}s(mm,"generateWarnings");function Ca(){let{fromToken:t,toToken:e,inputAmount:o,inputUsdValue:n,setRoute:r,bestRoute:i,customDestination:a}=M(),{slippage:p,customSlippage:l,affiliatePercent:u,affiliateRef:d,affiliateWallets:f,disabledLiquiditySources:m}=U(),{connectedWallets:g}=O(),{meta:C}=k(),c=l||p,{fetch:w,cancelFetch:E,loading:y}=Zo();return um(()=>E,[]),{loading:y,fetch:s(async A=>{let S=A.selectedWallets,N=A?.customDestination??a;if(!t||!e||!o||!i)return{route:null,swap:null,error:null,warnings:null};let D=Xo({fromToken:t,toToken:e,inputAmount:o,wallets:g,selectedWallets:S,disabledLiquiditySources:m,slippage:c,affiliateRef:d,affiliatePercent:u,affiliateWallets:f,initialRoute:i,destination:N}),W;try{W=await w(D).then(b=>cm(b,{outputUsdValue:e.usdPrice,inputUsdValue:n})),r(W)}catch(b){return b?.code==="ERR_CANCELED"?{swap:null,error:{type:3},warnings:null}:b.cause?{swap:null,error:b.cause,warnings:null}:{swap:null,error:{type:2},warnings:null}}let V={slippage:c.toString(),disabledSwappersGroups:m},Z=lm(o.toString(),W,zi(S),V,!1,C);return{route:W,swap:Z,error:null,warnings:mm(i,W,{selectedWallets:S,userSlippage:c})}},"fetch"),cancelFetch:E}}s(Ca,"useConfirmSwap");var bm=wa("div",{position:"relative",width:"100%","& .description":{display:"flex",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10"},"& .icon":{width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}}),xm=wa("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Ta}`]:{width:"$48",height:"$48"}});function va(t){let{config:e}=t,{bestRoute:o,inputAmount:n,outputAmount:r,inputUsdValue:i,outputUsdValue:a,setInputAmount:p,selectedWallets:l,routeWalletsConfirmed:u,setRouteWalletConfirmed:d,customDestination:f}=M(),m=vm(),[g,C]=mn(""),[c,w]=mn(!1),{connectedWallets:E}=O(),y=!u,[v,A]=mn(!1),S=ve.use.setSelectedSwap(),{meta:{tokens:N},loadingStatus:D}=k(),W=U.use.slippage(),V=U.use.customSlippage(),{manager:Z}=dm(),b=V||W,{fetch:H,loading:G,cancelFetch:_}=Ca(),[B,le]=mn({swap:null,error:null,warnings:null}),Be=G||D==="loading",F=!G&&B.error&&[0,2].includes(B.error.type),Y=!F&&!G&&o&&o.result,We=Ko(o,N),Te=T(Je(i?.toNumber()??0,a?.toNumber()??0),2,2),Pe=Nt(parseFloat(Te)),se=s(async({selectedWallets:I,customDestination:z})=>{let pe=await H?.({selectedWallets:I,customDestination:z});return le(pe),pe},"onConfirmSwap"),ft=s(async()=>{if(B.swap&&u)try{await Z?.create("swap",{swapDetails:B.swap},{id:B.swap.requestId}),S(B.swap.requestId),m("/"+h.swaps+`/${B.swap.requestId}`,{replace:!0}),setTimeout(()=>{p("")},0)}catch(I){C("Error: "+I?.message)}},"addNewSwap"),gt=s(async()=>{await ft()},"onConfirm"),Gt=s(async()=>{B?.warnings?.slippage?w(!0):await gt()},"onStartConfirmSwap"),$=s(async()=>{le({error:null,swap:null,warnings:null}),H({selectedWallets:l}).then(I=>{le(I)}).catch(I=>console.error(I))},"onRefresh");return cn(()=>{y&&_()},[y]),cn(()=>{y&&A(y)},[y]),cn(()=>{y||H({selectedWallets:l,customDestination:f}).then(I=>le(I)).catch(I=>console.error(I))},[]),cn(()=>{let I=B.warnings?.route?.type&&Object.values(Yt).includes(B.warnings?.route?.type),z=l.length<1||!l.every(K=>E.find(te=>K.address===te.address&&K.walletType===te.walletType&&K.chain===te.chain)),pe=!1;if(I){let K=Do(o),te=o?.result?.swaps[o.result.swaps.length-1].to.blockchain;!!o?.result?.swaps.find(Kt=>Kt.from.blockchain===te)||(K=K.slice(-K.length,K.length-1)),K.every(Kt=>l.find(Tp=>Tp.chain===Kt))||(pe=!0)}o&&(z||pe)&&(queueMicrotask(()=>wm(A.bind(null,!0))),d(!1))},[B.warnings?.route,l.length,E.length]),L.createElement(R,{header:{title:Xe.t("Confirm Swap"),onBack:m.bind(null,-1),hasConnectWallet:!0,suffix:L.createElement(km,{container:de(),side:"bottom",content:Xe.t("Settings")},L.createElement(De,{size:"small",variant:"ghost",onClick:()=>m("/"+h.settings)},L.createElement(Cm,{size:18,color:"black"})))},footer:L.createElement(xm,null,L.createElement("div",{className:"confirm-button"},L.createElement(un,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:G,disabled:!!B.error,onClick:Gt},Xe.t("Start Swap"))),L.createElement(Ta,{variant:"contained",type:"primary",size:"large",loading:G,onClick:A.bind(null,!0)},L.createElement(Tm,{size:24})))},L.createElement(ym,{anchor:"bottom",open:c,prefix:L.createElement(un,{size:"small",variant:"ghost",onClick:()=>m("/"+h.settings)},L.createElement(ka,{variant:"label",size:"medium",color:"$neutral900"},Xe.t("Change settings"))),container:document.querySelector("#swap-box"),onClose:w.bind(null,I=>!I)},B.warnings?.slippage&&L.createElement(hm,{type:"warning",title:B.warnings.slippage.type===1?Xe.t("High slippage"):Xe.t("Low slippage"),description:B.warnings.slippage.type===1?Xe.t("highSlippage",{selectedSlippage:b},{message:" Caution, your slippage is high (={selectedSlippage}). Your trade may be front run."}):Xe.t("increaseSlippage",{minRequiredSlippage:B.warnings.slippage.slippage},{message:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route."})},L.createElement($t,{size:18}),L.createElement($t,{size:32}),L.createElement(un,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:gt},Xe.t("Confirm anyway")))),v&&L.createElement(Sa,{open:v,onClose:()=>A(!1),onCancel:_,loading:G,onCheckBalance:se,config:e}),L.createElement(bm,null,L.createElement("div",{className:"description"},L.createElement(ka,{variant:"title",size:"small"},Xe.t("You get")),L.createElement(un,{style:{padding:"0"},variant:"ghost",disabled:G,onClick:$},L.createElement("div",{className:"icon"},L.createElement(Sm,{size:16})))),g&&L.createElement(L.Fragment,null,L.createElement(gr,{type:"error",variant:"alarm",title:g}),L.createElement($t,{size:12})),B.warnings?.route&&L.createElement(L.Fragment,null,L.createElement(gr,{variant:"alarm",type:"warning",title:nn(B.warnings.route)}),L.createElement($t,{size:12})),Be&&L.createElement(gm,{type:"swap-preview",expanded:!0}),Y&&L.createElement(fm,{expanded:!0,tooltipContainer:document.getElementById("swap-box"),steps:_i(o)??[],input:{value:T(n,6,6),usdValue:T(i,4,4)},output:{value:T(r,6,6),usdValue:T(a,4,4)},totalFee:T(We,2,2),totalTime:xo(Eo(o)),recommended:!0,type:"swap-preview",percentageChange:Te,warningLevel:Pe}),F&&L.createElement(L.Fragment,null,L.createElement($t,{size:12}),L.createElement(Jt,{diagnosisMessage:B.error?.type===0?B.error.diagnosisMessage:void 0,error:B.error?.type===2,fetch:$})),B.error?.type===1&&L.createElement(L.Fragment,null,L.createElement(gr,{variant:"alarm",type:"error",title:$o(B.error)}),L.createElement($t,{size:12}))))}s(va,"ConfirmSwapPage");import{i18n as gn}from"@lingui/core";import{useManager as Im}from"@rango-dev/queue-manager-react";import{Divider as Mm,NotFound as Lm,styled as Ma}from"@rango-dev/ui";import ct,{useState as Pm}from"react";import{useNavigate as Dm}from"react-router-dom";import{CloseIcon as Am,IconButton as Bm,SearchIcon as Wm,TextField as Nm}from"@rango-dev/ui";import oo from"react";import{styled as Em}from"@rango-dev/ui";var ba=Em("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function nt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:i,value:a,setValue:p,...l}=t;return oo.createElement(Nm,{prefix:oo.createElement(ba,null,oo.createElement(Wm,{color:"black"})),suffix:!!a.length&&oo.createElement(Bm,{variant:"ghost",onClick:()=>p?.(""),size:"small"},oo.createElement(Am,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:i,...l})}s(nt,"SearchInput");import{i18n as Ea}from"@lingui/core";import{Divider as Aa,SwapListItem as Ba,Typography as Wa}from"@rango-dev/ui";import oe from"react";import{styled as dn}from"@rango-dev/ui";var hr=dn("div",{width:"100%",display:"flex",flexDirection:"column"}),yr=dn("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Sr=dn("div",{gap:"$10",display:"flex",flexDirection:"column"}),xa=dn("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function Cr(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,i=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return oe.createElement(oe.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(l=>oe.createElement(oe.Fragment,{key:l.title},oe.createElement(hr,null,oe.createElement(yr,null,oe.createElement(Wa,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},Ea.t(l.title))),oe.createElement(Aa,{size:4}),oe.createElement(Sr,null,l.swaps.map((u,d)=>{let f=d+l.title;return oe.createElement(oe.Fragment,{key:f},oe.createElement(Ba,{isLoading:!0}))}))))))}return oe.createElement(oe.Fragment,null,i.filter(a=>a.swaps.length>0).map(a=>oe.createElement(oe.Fragment,{key:a.title},oe.createElement(hr,null,oe.createElement(yr,null,oe.createElement(Wa,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},Ea.t(a.title))),oe.createElement(Aa,{size:4}),oe.createElement(Sr,null,a.swaps.map(p=>{let l=p.steps[0],u=p.steps[p.steps.length-1];return oe.createElement(oe.Fragment,{key:p.requestId},oe.createElement(Ba,{requestId:p.requestId,creationTime:p.creationTime,status:p.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:l.fromLogo,displayName:l.fromSymbol},blockchain:{image:l.fromBlockchainLogo||""},amount:Ao(p.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:Ao(u.outputAmount||""),estimatedAmount:Ao(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}s(Cr,"SwapsGroup");import Na from"dayjs";var Ia=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=Na();return t.forEach(n=>{let r=Na(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 fn=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 _m=Ma("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),$m=Ma("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Om=s((t,e)=>t?.length?t.filter(o=>Ve(o.fromBlockchain,e)||Ve(o.toBlockchain,e)||Ve(o.toSymbol,e)||Ve(o.fromSymbol,e)).length:!1,"isStepContainsText");function La(){let t=ve.use.setSelectedSwap(),e=Dm(),{navigateBackFrom:o}=re(),{manager:n,state:r}=Im(),i=fn(n).map(({swap:m})=>m),[a,p]=Pm(""),l=!r.loadedFromPersistor,u=s(m=>{let g=m.target.value;p(g)},"searchHandler"),d=i;a&&(d=i.filter(m=>Ve(m.inputAmount,a)||Ve(m.status,a)||Om(m.steps,a)||Ve(m.requestId,a)));let f=!d?.length&&!l;return ct.createElement(R,{header:{onBack:o.bind(null,h.swaps),title:gn.t("History")}},ct.createElement(_m,null,ct.createElement(nt,{setValue:p,fullWidth:!0,variant:"contained",placeholder:gn.t("Search Transaction"),autoFocus:!0,onChange:u,value:a}),ct.createElement($m,null,f&&ct.createElement(xa,null,ct.createElement(Mm,{size:32}),ct.createElement(Lm,{title:gn.t("No results found"),description:a?gn.t("Try using different keywords"):""})),!f&&ct.createElement(Cr,{list:d,onSwapClick:m=>{t(m),e(`${m}`,{replace:!0})},groupBy:Ia,isLoading:l}))))}s(La,"HistoryPage");import{i18n as ro}from"@lingui/core";import{List as Fm,ListItemButton as Um,Radio as wr,RadioRoot as zm,Typography as vr}from"@rango-dev/ui";import qe,{useState as qm}from"react";import{styled as hn}from"@rango-dev/ui";var rt=hn("div",{height:"100%"}),no=hn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"visible"}),kr=hn("div",{width:80,display:"flex",justifyContent:"flex-end"}),Tr=hn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Pa(){let{navigateBackFrom:t}=re(),[e,o]=qm("english"),n=[{id:"english",value:"english",title:qe.createElement(vr,{variant:"title",size:"xmedium"},ro.t("English")),onClick:()=>o("english"),end:qe.createElement(wr,{value:"english"})},{id:"french",value:"french",title:qe.createElement(vr,{variant:"title",size:"xmedium"},ro.t("French")),onClick:()=>o("french"),end:qe.createElement(wr,{value:"french"})},{id:"spanish",value:"spanish",title:qe.createElement(vr,{variant:"title",size:"xmedium"},ro.t("Spanish")),onClick:()=>o("spanish"),end:qe.createElement(wr,{value:"spanish"})}];return qe.createElement(R,{header:{onBack:t.bind(null,h.settings),title:ro.t("Language")}},qe.createElement(rt,null,qe.createElement(zm,{value:e},qe.createElement(Fm,{type:qe.createElement(Um,{title:ro.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}s(Pa,"LanguagePage");import{i18n as Ot}from"@lingui/core";import{Button as Xm,Checkbox as jm,Image as Ym,ListItemButton as Qm,NotFound as Rm,Typography as Jm}from"@rango-dev/ui";import ke,{useState as Zm}from"react";import{Checkbox as Vm,Skeleton as _a}from"@rango-dev/ui";import io from"react";import{ListItem as Hm,styled as Gm}from"@rango-dev/ui";var Da=Gm(Hm,{height:61});var Km=30;function br(){return io.createElement(no,null,Array.from(Array(Km),t=>io.createElement(Da,{hasDivider:!0,key:t,start:io.createElement(_a,{variant:"circular",width:35,height:35}),title:io.createElement(_a,{variant:"text",size:"large",width:90}),end:io.createElement(Vm,{checked:!1})})))}s(br,"LoadingLiquiditySourceList");function yn(t){let e=k.use.meta().swappers,o=U.use.disabledLiquiditySources(),n=[];return at(e.map(i=>i.swapperGroup)).map(i=>{let a=e.find(p=>p.swapperGroup===i);if(a){let p=!0;t&&(p=t.some(l=>l===a.title)),p&&a.types.map(l=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:l,selected:!o.includes(a.swapperGroup)})})}}),n}s(yn,"getUniqueSwappersGroups");function xr({supportedSwappers:t,sourceType:e}){let[o,n]=Zm(""),r=U.use.toggleLiquiditySource(),{navigateBackFrom:i}=re(),a=k.use.loadingStatus(),p=yn(t),l=[];e==="Exchanges"&&l.push("DEX"),e==="Bridges"&&(l.push("BRIDGE"),l.push("AGGREGATOR"));let u=p.filter(c=>l.includes(c.type)),d=u.length===u.filter(c=>c.selected).length,f=s(()=>{u.forEach(c=>{d?r(c.groupTitle):c.selected||r(c.groupTitle)})},"toggleAllSources"),m=u.map(c=>{let{selected:w,groupTitle:E,logo:y}=c;return{start:ke.createElement(Ym,{src:y,size:22,type:"circular"}),onClick:()=>r(E),end:ke.createElement(jm,{checked:w}),title:ke.createElement(Jm,{variant:"title",size:"xmedium"},Ot.t(E)),...c}}),g=s(c=>{let w=c.target.value;n(w)},"searchHandler"),C=m;return o&&(C=m.filter(c=>Ve(c.groupTitle,o))),ke.createElement(R,{header:{onBack:i.bind(null,h.settings),title:Ot.t(e),suffix:ke.createElement(kr,null,ke.createElement(Xm,{variant:"ghost",size:"xsmall",onClick:f},Ot.t(d?"Deselect all":"Select all")))}},ke.createElement(rt,null,ke.createElement(nt,{value:o,setValue:n,fullWidth:!0,color:"light",variant:"contained",placeholder:Ot.t("Swap {sourceType}",{sourceType:e}),onChange:g}),a==="loading"&&ke.createElement(br,null),!C.length&&o?ke.createElement(Tr,null,ke.createElement(Rm,{title:Ot.t("No results found"),description:Ot.t("Try using different keywords")})):a==="success"&&ke.createElement(no,null,C.map(c=>ke.createElement(ke.Fragment,{key:c.id},ke.createElement(Qm,{style:{height:"61px"},...c,selected:!1,hasDivider:!0}))))))}s(xr,"LiquiditySourcePage");import{i18n as Ya}from"@lingui/core";import{Divider as Mr}from"@rango-dev/ui";import wt,{useState as Qa}from"react";import{i18n as Ar}from"@lingui/core";import{Divider as qa,Image as od,ListItemButton as nd,NotFound as rd,Typography as Ha}from"@rango-dev/ui";import Le,{useEffect as id,useState as sd}from"react";import{TransactionType as Sn}from"rango-sdk";var Ft=(i=>(i.ALL="ALL",i.EVM="EVM",i.COSMOS="COSMOS",i.UTXO="UTXO",i.OTHER="OTHER",i))(Ft||{});var Er=s((t,e)=>{switch(e){case"ALL":return!0;case"UTXO":return t.type===Sn.TRANSFER;case"OTHER":return t.type!==Sn.TRANSFER&&t.type!==Sn.COSMOS&&t.type!==Sn.EVM;default:return t.type===e}},"filterByType"),$a=s((t,e,o)=>t.filter(n=>Er(n,o)).filter(n=>ht(n.name,e)||ht(n.displayName,e)),"filterBlockchains");import{styled as Oa}from"@rango-dev/ui";var Fa=Oa("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Cn=Oa("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as ed,Skeleton as Ua}from"@rango-dev/ui";import kn from"react";var td=20;function za(){return kn.createElement(Cn,null,Array.from(Array(td),t=>kn.createElement(ed,{key:t,hasDivider:!0,start:kn.createElement(Ua,{variant:"circular",width:35,height:35}),title:kn.createElement(Ua,{variant:"text",size:"large",width:90})})))}s(za,"LoadingBlockchainList");function Br(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[i,a]=sd(e),p=k.use.loadingStatus();id(()=>{a([...$a(e,o,r)])},[e,o,r]);let l=s(()=>!i.length&&o?Le.createElement(Le.Fragment,null,Le.createElement(qa,{size:32}),Le.createElement(rd,{title:Ar.t("No results found"),description:Ar.t("Try using different keywords")})):Le.createElement(Cn,{key:`${r}-${o}`},i.map(u=>Le.createElement(nd,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Le.createElement(od,{src:u.logo,size:30}),title:Le.createElement(Ha,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Le.createElement(Fa,null,Le.createElement(Ha,{variant:"label",size:"large"},Ar.t("Select Blockchain")),Le.createElement(qa,{size:4}),p==="loading"&&Le.createElement(za,null),p==="success"&&l())}s(Br,"BlockchainList");import{i18n as ud}from"@lingui/core";import{Divider as cd,Image as md,Skeleton as dd,Typography as fd}from"@rango-dev/ui";import je from"react";import ld from"react";import{darkTheme as Wr,styled as ad}from"@rango-dev/ui";var Ga=ad("button",{padding:"$10",borderRadius:"$sm",$$color:"$colors$neutral100",[`.${Wr} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",cursor:"pointer",border:0,".image-container":{borderRadius:"$xm",overflow:"hidden"},"&:hover":{$$color:"$colors$info100",[`.${Wr} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{outline:0,$$color:"$colors$info100",[`.${Wr} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color"},variants:{selected:{true:{outline:"1px solid $secondary500"},false:{outline:0}}}});function mt(t){let{children:e,selected:o,onClick:n}=t;return ld.createElement(Ga,{selected:o,onClick:n},e)}s(mt,"BlockchainsChip");var pd={["EVM"]:["ETH","BSC","POLYGON"],["COSMOS"]:["COSMOS","OSMOSIS","JUNO"],["UTXO"]:["BTC","LTC","BCH"],["OTHER"]:["STARKNET","TRON","SOLANA"]},Va=s((t,e)=>t.filter(o=>Er(o,e)).filter(o=>pd[e].includes(o.name)),"generateBlockchainsLogo");import{styled as Nr}from"@rango-dev/ui";var Ka=Nr("div",{display:"grid",gap:"$10",gridTemplateColumns:"auto 1fr 1fr 1fr 1fr"}),Xa=Nr("div",{display:"flex",position:"relative",alignItems:"center",justifyContent:"center",paddingTop:"$10"}),ja=Nr("img",{position:"absolute",top:-2,width:15,height:15});function Ir(t){let{setCategory:e,category:o}=t,n=k.use.meta().blockchains,r=k.use.loadingStatus(),i=Object.keys(Ft);return je.createElement(Ka,null,r==="loading"&&Array.from(Array(5),(a,p)=>je.createElement(dd,{key:p,variant:"rounded",height:70,width:p===0?45:65})),r==="success"&&i.map(a=>je.createElement(mt,{selected:o===a,key:a,onClick:()=>e(a)},a!=="ALL"&&je.createElement(je.Fragment,null,je.createElement(Xa,null,Va(n,a).map((p,l)=>l===0?je.createElement(ja,{key:`image-${p.name}-${p.chainId}`,src:p.logo}):je.createElement(md,{key:`image-${p.name}-${p.chainId}`,src:p.logo,size:15}))),je.createElement(cd,{size:12})),je.createElement(fd,{size:"xsmall",variant:"body",color:a==="ALL"?"secondary500":void 0},ud.t(Ft[a])))))}s(Ir,"SelectableCategoryList");function Lr(t){let{type:e,supportedBlockchains:o}=t,{navigateBackFrom:n}=re(),[r,i]=Qa(""),[a,p]=Qa("ALL"),l=M.use.setToBlockchain(),u=M.use.setFromBlockchain(),d=o?k.use.meta().blockchains.filter(f=>o.includes(f.name)):k.use.meta().blockchains;return wt.createElement(R,{header:{onBack:n.bind(null,h[`${e}Blockchain`]),title:Ya.t("Select Blockchain")}},wt.createElement(Mr,{size:12}),wt.createElement(Ir,{setCategory:p,category:a}),wt.createElement(Mr,{size:24}),wt.createElement(nt,{value:r,autoFocus:!0,placeholder:Ya.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>i(""),onChange:f=>i(f.target.value)}),wt.createElement(Mr,{size:16}),wt.createElement(Br,{list:d,searchedFor:r,blockchainCategory:a,onChange:f=>{e==="from"?u(f,!0):l(f,!0),n(h[`${e}Blockchain`])}}))}s(Lr,"SelectBlockchainPage");import{i18n as dl}from"@lingui/core";import{Divider as fl}from"@rango-dev/ui";import Ut,{useEffect as Id,useState as gl}from"react";import{useNavigate as Md}from"react-router-dom";import{i18n as Pr}from"@lingui/core";import{Divider as Za,Image as el,Skeleton as hd,Typography as Dr}from"@rango-dev/ui";import ye,{useEffect as yd,useState as Sd}from"react";var Ra=s(t=>{let e=[],o=[];for(let n of t)n.name==="ETH"||n.name==="COSMOS"||n.name==="OSMOSIS"?e.push(n):o.push(n);return e.concat(o)},"sortBlockchains");import{styled as gd}from"@rango-dev/ui";var Ja=gd("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var Cd=9,_r=10,kd=12;function $r(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:i}=t,a=Ra(e),[p,l]=Sd(null),u=k.use.loadingStatus(),d=M.use.resetToBlockchain(),f=M.use.resetFromBlockchain(),m=p?Cd:_r;return yd(()=>{let g=a.slice(_r,a.length).find(C=>C.chainId===n?.chainId&&C.name===n?.name);g&&l(g)},[n]),ye.createElement("div",null,ye.createElement(Za,{size:12}),ye.createElement(Dr,{variant:"label",size:"large"},Pr.t("Select Blockchain")),ye.createElement(Za,{size:12}),ye.createElement(Ja,null,u==="loading"&&Array.from(Array(kd),g=>ye.createElement(hd,{key:g,variant:"rounded",height:50})),u==="success"&&ye.createElement(ye.Fragment,null,ye.createElement(mt,{selected:!n,onClick:()=>{o==="from"?f():d()}},ye.createElement(Dr,{variant:"body",size:"xsmall",color:"secondary500"},Pr.t("All"))),!!p&&ye.createElement(mt,{selected:!!p&&p.chainId===n?.chainId,key:p.chainId,onClick:()=>r(p)},ye.createElement(el,{src:p.logo,size:30})),a.slice(0,m).map(g=>ye.createElement(mt,{key:g.chainId,selected:!!n&&n.chainId===g.chainId,onClick:()=>r(g)},ye.createElement(el,{src:g.logo,size:30}))),ye.createElement(mt,{onClick:i},ye.createElement(Dr,{variant:"body",size:"xsmall",color:"secondary500"},Pr._("More +{count}",{count:a.length-_r}))))))}s($r,"BlockchainsSection");import{i18n as zr}from"@lingui/core";import{darkTheme as al,Divider as ao,ExternalLinkIcon as vd,Image as bd,ListItemButton as xd,NotFound as Ed,PinIcon as Ad,Skeleton as ll,Typography as lo,VirtualizedList as Bd}from"@rango-dev/ui";import P,{forwardRef as Wd,useEffect as pl,useState as ul}from"react";import{Divider as il,ListItem as wd,Skeleton as so}from"@rango-dev/ui";import He from"react";import{styled as Ye,Typography as Td}from"@rango-dev/ui";var tl=Ye("div",{display:"flex",flexDirection:"column",flexGrow:1}),Or=Ye("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Tn=Ye("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:"$neutral800",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"}}}}}),Fr=Ye("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ur=Ye(Td,{}),ol=Ye("div",{textAlign:"right"}),wn=Ye("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),WE=Ye("div",{display:"flex",alignItems:"center"}),nl=Ye("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),rl=Ye("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function sl(t){return He.createElement(Tn,null,Array.from(Array(t.size),e=>He.createElement(wd,{key:e,hasDivider:!0,start:He.createElement(so,{variant:"circular",width:35,height:35}),end:He.createElement(wn,null,He.createElement(so,{variant:"text",size:"large",width:70}),He.createElement(il,{size:4}),He.createElement(so,{variant:"text",size:"medium",width:50})),title:He.createElement("div",null,He.createElement(so,{variant:"text",size:"large",width:90}),He.createElement(il,{size:4}),He.createElement(so,{variant:"text",size:"medium",width:90}))})))}s(sl,"LoadingTokenList");var qr=20,Nd=s(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:i,customCssForTagTitle:a}=t,p=e.length;return P.createElement("div",{className:"description"},o?P.createElement("div",{className:"token-name"},o):P.createElement(Or,{className:"token-title"},P.createElement(lo,{variant:"title",size:"xmedium"},r.symbol),P.createElement(ao,{direction:"horizontal",size:4}),P.createElement(Fr,{css:i},P.createElement(Ur,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&P.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},P.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:l=>l.stopPropagation()},p>10?`${e.slice(0,5)}...${e.slice(p-6,p)}`:e," ",P.createElement(vd,{color:"gray",size:12}))))},"renderDesc");function cl(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[i,a]=ul(e),p=k.use.loadingStatus(),[l,u]=ul(!0),d=O.use.loading(),{blockchains:f}=k.use.meta(),m=Wd((c,w)=>P.createElement("div",{...c,ref:w,style:{...c.style,height:`${parseFloat(c.style?.height)+8*2}px`}})),g=s(()=>{a(e.slice(0,i.length+qr))},"loadNextPage");pl(()=>{u(e.length>i.length)},[i.length]),pl(()=>{a(e.slice(0,qr))},[e]);let C=s(()=>!i.length&&o?P.createElement(P.Fragment,null,P.createElement(ao,{size:32}),P.createElement(Ed,{title:zr.t("No results found"),description:zr.t("Try using different keywords")})):P.createElement(Bd,{Item:({index:c,style:w})=>{let E=i[c].address||"",y=f.find(N=>N.name===i[c].blockchain),v=Si(i[c].symbol,y?.color||""),A={$$color:v[`${i[c].symbol}100`],[`.${al} &`]:{$$color:v[`${i[c].symbol}900`]},backgroundColor:"$$color"},S={$$color:v[`${i[c].symbol}700`],[`.${al} &`]:{$$color:v[`${i[c].symbol}100`]},color:"$$color"};return P.createElement("div",{style:{...w,paddingRight:5}},P.createElement(xd,{style:{height:w?.height},"tab-index":c,key:`${i[c].symbol}${i[c].address}`,id:`${i[c].symbol}${i[c].address}`,hasDivider:!0,onClick:()=>n(i[c]),start:P.createElement(nl,null,P.createElement(bd,{src:i[c].image,size:30}),i[c].pin&&P.createElement(rl,null,P.createElement(Ad,{size:12,color:"gray"}))),title:y?.type==="COSMOS"||i[c].name||!i[c].name&&!E?P.createElement(Or,null,P.createElement(lo,{variant:"title",size:"xmedium"},i[c].symbol),P.createElement(ao,{direction:"horizontal",size:4}),P.createElement(Fr,{css:A},P.createElement(Ur,{variant:"body",size:"xsmall",css:S},i[c].blockchain))):void 0,description:y?.info&&E&&y.type!=="COSMOS"?Nd({address:E,token:i[c],customCssForTag:A,customCssForTagTitle:S,name:i[c].name,url:y.info.addressUrl.split("{wallet}").join(E)}):i[c].name||void 0,end:d?P.createElement(wn,null,P.createElement(ll,{variant:"text",size:"large",width:70}),P.createElement(ao,{size:4}),P.createElement(ll,{variant:"text",size:"medium",width:50})):i[c]?.balance&&P.createElement(ol,null,P.createElement(lo,{variant:"title",size:"small"},i[c].balance?.amount),P.createElement("div",null),i[c].balance?.usdValue&&P.createElement(lo,{variant:"body",color:"neutral800",size:"xsmall"},`$${i[c].balance?.usdValue}`))}))},hasNextPage:l,itemCount:i.length,loadNextPage:g,innerElementType:m,size:60,key:`${r}-${o}`}),"renderList");return P.createElement(tl,null,P.createElement(lo,{variant:"label",size:"large"},zr.t("Select Token")),P.createElement(ao,{size:4}),p==="loading"&&P.createElement(sl,{size:qr}),p==="success"&&P.createElement(Tn,null,C()))}s(cl,"TokenList");var ml=s((t,e)=>t.filter(o=>ht(o.symbol,e)||ht(o.address||"",e)||ht(o.name||"",e)).sort((o,n)=>n.pin-o.pin),"filterTokens");function Hr(t){let{type:e,supportedBlockchains:o,supportedTokens:n,pinnedTokens:r}=t,[i,a]=gl(""),p=Md(),{navigateBackFrom:l}=re(),{meta:{tokens:u},setTokensWithBalance:d}=k(),{sourceTokens:f,destinationTokens:m,fromBlockchain:g,toBlockchain:C,setFromToken:c,setToToken:w,setFromBlockchain:E,setToBlockchain:y}=M(),{connectedWallets:v,loading:A}=O(),[S,N]=gl(""),D=o?k.use.meta().blockchains.filter(_=>o.includes(_.name)):k.use.meta().blockchains,W=n?Po(n,u):u.filter(_=>new Set(D.map(B=>B.name)).has(_.blockchain)),V=n?Po(n,f):f,Z=n?Po(n,m):m,b=e==="from"?V:Z,H=[];return e==="from"&&!g||e==="to"&&!C?H=W:b.length&&(H=b.map(_=>({..._,pin:r?.some(B=>_e(B,_))}))),Id(()=>{v.length&&!A&&d()},[v,A]),Ut.createElement(R,{header:{onBack:()=>l(e==="from"?h.fromSwap:h.toSwap),title:dl.t("Swap {type}",{type:e})}},Ut.createElement($r,{blockchains:D,type:e,blockchain:e==="from"?g:C,onMoreClick:()=>p(e==="from"?h.fromBlockchain:h.toBlockchain),onChange:_=>{e==="from"?E(_,!0):y(_,!0),a(_.name)}}),Ut.createElement(fl,{size:24}),Ut.createElement(nt,{value:S,autoFocus:!0,placeholder:dl.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>N(""),onChange:_=>N(_.target.value)}),Ut.createElement(fl,{size:16}),Ut.createElement(cl,{list:ml(H,S),selectedBlockchain:i,searchedFor:S,onChange:_=>{let B=D.find(le=>_.blockchain===le.name);e==="from"?(c(_),B&&E(B,!0)):(w(_),B&&y(B,!0)),l(h.fromSwap)}}))}s(Hr,"SelectSwapItemsPage");import{i18n as vt}from"@lingui/core";import{ChevronRightIcon as bn,Divider as bl,List as Od,ListItemButton as Fd,Skeleton as Ud,Switch as zd,Typography as bt}from"@rango-dev/ui";import ne from"react";import{useNavigate as qd}from"react-router-dom";import{i18n as Tl}from"@lingui/core";import{Chip as Pd,Divider as wl,InfoIcon as Dd,TextField as _d,Tooltip as $d,Typography as vl}from"@rango-dev/ui";import be from"react";import{styled as vn}from"@rango-dev/ui";var hl=vn("div",{paddingTop:"$5",paddingBottom:"30px"}),yl=vn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),Sl=vn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Cl=vn("div",{maxWidth:"300px",padding:"$10"});import{i18n as Gr}from"@lingui/core";import{Typography as Ld}from"@rango-dev/ui";import po from"react";function kl(){return po.createElement(Cl,null,po.createElement(Ld,{variant:"label",size:"small",color:"neutral900"},Gr.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),po.createElement("br",null),po.createElement("br",null),po.createElement("b",null,Gr.t("Warning")),":",Gr.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}s(kl,"SlippageTooltipContent");function Vr(){let t=U.use.slippage(),e=U.use.setSlippage(),o=U.use.customSlippage(),n=U.use.setCustomSlippage();return be.createElement(hl,null,be.createElement(Sl,null,be.createElement(vl,{variant:"title",size:"xmedium"},Tl.t("Slippage tolerance per swap")),be.createElement(wl,{direction:"horizontal",size:4}),be.createElement($d,{container:de(),side:"top",content:be.createElement(kl,null)},be.createElement(Dd,{color:"gray"}))),be.createElement(yl,null,ss.map((r,i)=>{let a=`slippage-${i}`;return be.createElement(be.Fragment,null,be.createElement(Pd,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),be.createElement(wl,{direction:"horizontal",size:8}))}),be.createElement(_d,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let i=parseFloat(r.target.value);(!i||i>=us&&i<=ps)&&n(i)},suffix:o&&be.createElement(vl,{variant:"body",size:"small"},"%"),placeholder:Tl.t("Custom")})))}s(Vr,"Slippage");function xl({supportedSwappers:t,singleTheme:e}){let o=qd(),{navigateBackFrom:n}=re(),r=U.use.infiniteApprove(),i=U.use.toggleInfiniteApprove(),a=k.use.loadingStatus(),p=yn(t),l=p.filter(S=>S.type==="BRIDGE"||S.type==="AGGREGATOR"),u=l.length,d=l.filter(S=>S.selected).length,f=p.filter(S=>S.type==="DEX"),m=f.length,g=f.filter(S=>S.selected).length,C=s((S,N)=>{switch(a){case"loading":return ne.createElement(Ud,{variant:"text",size:"medium",width:50});case"failed":return ne.createElement(bt,{variant:"body",size:"medium",color:"$error500"},vt.t("Loading failed"));default:return ne.createElement(bt,{variant:"body",size:"medium"},`${S} / ${N}`)}},"handleEndItem"),c={id:"bridge-item",title:ne.createElement(bt,{variant:"title",size:"xmedium"},vt.t("Enabled bridges")),end:ne.createElement(ne.Fragment,null,C(d,u),ne.createElement(bl,{direction:"horizontal",size:8}),ne.createElement(bn,{color:"black"})),onClick:()=>o(h.bridges)},w={id:"exchange-item",title:ne.createElement(bt,{variant:"title",size:"xmedium"},vt.t("Enabled exchanges")),end:ne.createElement(ne.Fragment,null,C(g,m),ne.createElement(bl,{direction:"horizontal",size:8}),ne.createElement(bn,{color:"gray"})),onClick:()=>o(h.exchanges)},E={id:"language-item",title:ne.createElement(bt,{variant:"title",size:"xmedium"},vt.t("Language")),end:ne.createElement(bn,{color:"gray"}),onClick:()=>o(h.languages)},y={id:"theme-item",title:ne.createElement(bt,{variant:"title",size:"xmedium"},vt.t("Theme")),end:ne.createElement(bn,{color:"gray"}),onClick:()=>o(h.themes)},v={id:"infinite-approval-item",title:ne.createElement(bt,{variant:"title",size:"xmedium"},vt.t("Infinite Approval")),end:ne.createElement(zd,{checked:r}),onClick:i},A=[c,w,E];return e||A.push(y),A.push(v),ne.createElement(R,{header:{onBack:n.bind(null,h.settings),title:vt.t("Setting")}},ne.createElement(rt,null,ne.createElement(Vr,null),ne.createElement(Od,{type:ne.createElement(Fd,{title:"_",id:"_",onClick:()=>console.log()}),items:A})))}s(xl,"SettingsPage");import{cancelSwap as Of}from"@rango-dev/queue-manager-rango-preset";import{useManager as Ff}from"@rango-dev/queue-manager-react";import rp from"react";import{i18n as it}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Sf,getCurrentStep as Cf,getRelatedWalletOrNull as kf,PendingSwapNetworkStatus as Pn}from"@rango-dev/queue-manager-rango-preset";import{Button as Ql,CopyIcon as Tf,Divider as wf,IconButton as vf,RouteCost as bf,RouteSummary as xf,StepDetails as Ef,Typography as qt,useCopyToClipboard as Af}from"@rango-dev/ui";import{useWallets as Bf}from"@rango-dev/wallets-react";import J,{useEffect as Rl,useRef as Wf,useState as Jl}from"react";import{useNavigate as Nf}from"react-router-dom";import{i18n as xe}from"@lingui/core";var Hd=1e3,Gd=31536e3,Vd=2592e3,Kd=86400,Xd=3600,jd=60;function El(t){let e=Math.floor((Date.now()-t)/Hd),n=[{turningPoint:Gd,label:xe.t("year"),pluralLabel:xe.t("years")},{turningPoint:Vd,label:xe.t("month"),pluralLabel:xe.t("months")},{turningPoint:Kd,label:xe.t("day"),pluralLabel:xe.t("days")},{turningPoint:Xd,label:xe.t("hour"),pluralLabel:xe.t("hours")},{turningPoint:jd,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:p}=r,l=Math.floor(e/i);if(l>1)return`${l} ${p}`;if(l===1)return`${l} ${a}`}return e>1?`${e} ${xe.t("seconds")}`:`${e} ${xe.t("second")}`}s(El,"timeSince");function Al(t){return t.finishTime?xe.t({id:"timeAgo",message:"{time} ago",values:{time:El(parseInt(t.finishTime))}}):xe.t({id:"timeAgo",message:"{time} ago",values:{time:El(parseInt(t.creationTime))}})}s(Al,"getSwapDate");import{PendingSwapNetworkStatus as An}from"@rango-dev/queue-manager-rango-preset";import{Modal as tf}from"@rango-dev/ui";import Bn from"react";import{i18n as xn}from"@lingui/core";import{Button as Bl,Divider as Kr,MessageBox as Yd,Typography as Wl}from"@rango-dev/ui";import Qe from"react";var Nl=s(({onCancel:t,onClose:e})=>Qe.createElement(Qe.Fragment,null,Qe.createElement(Kr,{size:20}),Qe.createElement(Yd,{type:"error",title:xn.t("Transaction Cancel"),description:xn.t("Are you sure you want to Cancel this swap?")}),Qe.createElement(Kr,{size:32}),Qe.createElement(Bl,{variant:"contained",type:"primary",size:"large",onClick:t},Qe.createElement(Wl,{variant:"title",size:"medium",color:"neutral100"},xn.t("Yes, Cancel it"))),Qe.createElement(Kr,{size:12}),Qe.createElement(Bl,{variant:"outlined",type:"primary",size:"large",onClick:e},Qe.createElement(Wl,{variant:"title",size:"medium",color:"primary"},xn.t("No, Continue")))),"CancelContent");import{i18n as En}from"@lingui/core";import{Button as Il,Divider as Xr,MessageBox as Qd,Typography as Ml}from"@rango-dev/ui";import Re from"react";var Ll=s(({onDelete:t,onClose:e})=>Re.createElement(Re.Fragment,null,Re.createElement(Xr,{size:20}),Re.createElement(Qd,{type:"error",title:En.t("Delete Transaction"),description:En.t("Are you sure you want to delete this swap?")}),Re.createElement(Xr,{size:32}),Re.createElement(Il,{variant:"contained",type:"primary",size:"large",onClick:t},Re.createElement(Ml,{variant:"title",size:"medium",color:"neutral100"},En.t("Yes, Delete it"))),Re.createElement(Xr,{size:12}),Re.createElement(Il,{variant:"outlined",type:"primary",size:"large",onClick:e},Re.createElement(Ml,{variant:"title",size:"medium",color:"primary"},En.t("No, Cancel")))),"DeleteContent");import{i18n as jr}from"@lingui/core";import{PendingSwapNetworkStatus as Yr}from"@rango-dev/queue-manager-rango-preset";var Qr={[Yr.WaitingForNetworkChange]:{type:"loading",title:jr.t("Change Network")},[Yr.WaitingForConnectingWallet]:{type:"warning",title:jr.t("Connect Wallet")},[Yr.NetworkChanged]:{type:"success",title:jr.t("Network Changed")}};import{MessageBox as Jd,Wallet as Zd,WalletState as Dl}from"@rango-dev/ui";import{useWallets as ef}from"@rango-dev/wallets-react";import uo from"react";import{styled as Rd}from"@rango-dev/ui";var Pl=Rd("div",{display:"flex",justifyContent:"center"});var _l=s(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:i}=t,{connect:a,getWalletInfo:p,state:l}=ef(),u=n?.walletType,f=u&&l(u).connected?Dl.CONNECTED:Dl.DISCONNECTED;return uo.createElement(uo.Fragment,null,uo.createElement(Jd,{type:e,title:o,description:r}),i&&u&&uo.createElement(Pl,null,uo.createElement(Zd,{container:de(),title:p(u).name,image:p(u).img,type:u,state:f,onClick:async()=>a(u)})))},"WalletStateContent");function Rr(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:i,message:a}=t,p=e===An.WaitingForNetworkChange||e===An.WaitingForConnectingWallet||e===An.NetworkChanged;return Bn.createElement(tf,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},p&&Bn.createElement(_l,{type:Qr[e].type,title:Qr[e].title,currentStepWallet:i,message:a,showWalletButton:e!==An.WaitingForNetworkChange}),e==="delete"&&Bn.createElement(Ll,{onClose:o,onDelete:n}),e==="cancel"&&Bn.createElement(Nl,{onClose:o,onCancel:r}))}s(Rr,"SwapDetailsModal");import{i18n as co}from"@lingui/core";import{Button as Jr,Divider as Wn,MessageBox as $l,Modal as of,TokenAmount as nf,Typography as Nn}from"@rango-dev/ui";import me from"react";import{useNavigate as rf}from"react-router-dom";function Zr(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:i,token:a,chain:p,percentageChange:l,description:u,diagnosisUrl:d}=t,f=rf();return me.createElement(of,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?me.createElement($l,{type:"success",title:co.t("Swap Successful")},me.createElement(nf,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:i},token:a,chain:p,percentageChange:l}),me.createElement(Wn,{size:12}),me.createElement(Nn,{variant:"body",size:"medium",color:"neutral900",align:"center"},u)):me.createElement($l,{type:"error",title:co.t("Transaction Failed"),description:u}),me.createElement(Wn,{size:32}),n==="success"&&me.createElement(Jr,{variant:"contained",type:"primary",size:"large",onClick:()=>f(h.home)},me.createElement(Nn,{variant:"title",size:"medium",color:"neutral100"},co.t("Done"))),me.createElement(Wn,{size:12}),d&&me.createElement(me.Fragment,null,me.createElement(Jr,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(d,"_blank")},me.createElement(Nn,{variant:"title",size:"medium",color:"primary"},co.t("Diagnosis"))),me.createElement(Wn,{size:12})),me.createElement(Jr,{variant:"outlined",type:"primary",size:"large",onClick:o},me.createElement(Nn,{variant:"title",size:"medium",color:"primary"},co.t("See Details"))))}s(Zr,"SwapDetailsCompleteModal");import hf from"react";import{i18n as mf}from"@lingui/core";import{Alert as Hl,IconButton as df,LinkIcon as ff}from"@rango-dev/ui";import dt,{Fragment as gf}from"react";import{Alert as sf,ChevronDownIcon as af,ChevronUpIcon as lf,IconButton as pf}from"@rango-dev/ui";import In,{useState as uf}from"react";function Ol(t){let{message:e}=t,[o,n]=uf(!1);return In.createElement(sf,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&In.createElement(pf,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?In.createElement(lf,{size:12,color:"gray"}):In.createElement(af,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}s(Ol,"FailedAlert");import{styled as cf}from"@rango-dev/ui";var Fl=cf("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Ul}from"@lingui/core";import{PendingSwapNetworkStatus as ei}from"@rango-dev/queue-manager-rango-preset";import{Alert as ti,Button as zl}from"@rango-dev/ui";import mo from"react";function ql(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?mo.createElement(ti,{type:"warning",title:n.shortMessage,action:mo.createElement(zl,{size:"xxsmall",type:"warning",onClick:()=>{o(ei.WaitingForNetworkChange),e().catch(i=>{console.log(i)})}},Ul.t("Change"))}):r===ei.WaitingForConnectingWallet?mo.createElement(ti,{type:"warning",title:n.shortMessage,action:mo.createElement(zl,{size:"xxsmall",type:"warning",onClick:()=>{o(ei.WaitingForConnectingWallet)}},Ul.t("Connect"))}):mo.createElement(ti,{type:"warning",title:n.shortMessage})}s(ql,"WarningAlert");function oi(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:i,hasAlreadyProceededToSign:a}=t,p=Qt(i),l=i.status==="waitingForApproval"&&!p,u=i.status==="running"&&!p;return dt.createElement(Fl,null,i.explorerUrl?.map((d,f,m)=>{let g=f+d.url,C=f===m.length-1,c=C&&u||l,w=C&&i.status==="failed";return dt.createElement(gf,{key:g},dt.createElement(Hl,{type:c&&"loading"||w&&"error"||"success",title:d.description?`${d.description} Tx`:mf.t("View transaction"),action:d.url&&dt.createElement(df,{variant:"ghost",size:"xsmall",onClick:()=>window.open(d.url,"_blank")},dt.createElement(ff,{size:16}))}))}),(u&&!a||l&&!i.explorerUrl?.length)&&dt.createElement(Hl,{type:"loading",title:r.shortMessage}),i.status!=="failed"&&p&&dt.createElement(ql,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),i.status==="failed"&&dt.createElement(Ol,{message:r}))}s(oi,"SwapDetailsAlerts");var Gl=2e3,Vl=60,Kl=s(({swap:t,...e})=>{let o=t.hasAlreadyProceededToSign!==!1;return t.steps.map((n,r)=>{let i=r===0?t.inputAmount:t.steps[r-1].outputAmount;return{from:{token:{displayName:n.fromSymbol,image:n.fromLogo||""},chain:{displayName:n.fromBlockchain,image:n.fromBlockchainLogo||""},price:{value:T(i,6,6)}},to:{token:{displayName:n.toSymbol,image:n.toLogo},chain:{displayName:n.toBlockchain,image:n.toBlockchainLogo||""},price:{value:T(n.outputAmount||n.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:n.swapperId,image:n.swapperLogo||""},alerts:hf.createElement(oi,{step:n,hasAlreadyProceededToSign:o,...e})}})},"getSteps");function Xl(t){if(Qt(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(Xl,"getStepState");import{darkTheme as yf,styled as zt}from"@rango-dev/ui";var Mn=zt("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 $5",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${yf} &`]:{$$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"}}),Ln=zt("div",{width:"100%",padding:"0px 15px"}),jl=zt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),fB=zt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Yl=zt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),gB=zt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function ni(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:i,connect:a,getWalletInfo:p}=Bf(),l=M.use.retry(),u=Nf(),{navigateBackFrom:d}=re(),[f,m]=Af(Gl),g=Wf(null),[C,c]=Jl(null),[w,E]=Jl(null),{meta:{tokens:y}}=k(),v=s(()=>{r(),c(null)},"onCancel"),A=Me.use.getUnreadNotifications(),S=Me.use.setAsRead(),N=A(),D=Cf(e),W=D?.networkStatus;Rl(()=>{N.find(te=>te.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(E(e.status),S(e.requestId))},[e.status]),Rl(()=>{B?c(Pn.WaitingForNetworkChange):W===Pn.WaitingForConnectingWallet||W===Pn.NetworkChanged?c(W):c(null)},[W]);let V=Ki(e),Z=D?Sf(e,D):null,b=D?kf(e,D):null,H=Al(e),G=Xi(e),_=s(K=>!!p(K)?.mobileWallet,"isMobileWallet"),B=W===Pn.WaitingForNetworkChange&&!!Z&&!!b?.walletType&&(_(b.walletType)||i(b.walletType,Z)),le=B?a.bind(null,b.walletType,Z):void 0,Be=Vi(e,D),F=Kl({swap:e,switchNetwork:le,showNetworkModal:W,setNetworkModal:c,message:Be}),Y=F.length,[We,Te]=[e.steps[0],e.steps[Y-1]],Pe=Te.outputAmount||Te.expectedOutputAmountHumanReadable,se=e.steps.reduce((K,te)=>K+parseFloat(te.feeInUsd||""),0),ft=e.steps.reduce((K,te)=>K+(te.estimatedTimeInSeconds||0),0),gt=Math.floor(ft/Vl),Gt=e.steps.find(K=>K.diagnosisUrl)?.diagnosisUrl,$=T(String(parseFloat(T(Pe,6,6))*(No(Te.toBlockchain,Te.toSymbol,Te.toSymbolAddress,y)||0)),4,4),I=T(String(parseFloat(e.inputAmount)*(No(We.fromBlockchain,We.fromSymbol,We.fromSymbolAddress,y)||0)),4,4),z=Je(I,$),pe=e.status==="success"?it.t({id:"receivedMessage",message:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:T(Pe,6,6),token:F[Y-1].to.token.displayName,conciseAddress:Mo(e.wallets[F[Y-1].to.chain.displayName]?.address||""),chain:F[Y-1].to.chain.displayName}}):`${it.t("Transaction was not sent.")} ${V?it.t({id:"remainSymbol",message:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:V.outputAmount,symbol:V.symbol,blockchain:V.blockchain}}):""}`;return J.createElement(R,{noPadding:!0,header:{title:it.t("Swap and Bridge"),onBack:d.bind(null,h.swapDetails),onCancel:e.status==="running"?()=>c("cancel"):void 0,suffix:e.status!=="running"&&J.createElement(xt,null,J.createElement(Ql,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>c("delete")},J.createElement(qt,{size:"medium",variant:"label",color:"error"},it.t("Delete"))))},footer:G&&!w&&J.createElement(Ql,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{l(e),setTimeout(()=>{u(h.home)},0)}},it.t("Try again"))},J.createElement(Mn,null,J.createElement(Ln,null,J.createElement("div",{className:"row"},J.createElement(qt,{variant:"label",size:"large",color:"neutral900"},`${it.t("Request ID")}:`),J.createElement("div",{className:"request-id"},J.createElement(qt,{variant:"label",size:"small",color:"neutral900"},o),J.createElement(vf,{variant:"ghost",onClick:m.bind(null,o||"")},J.createElement(Tf,{size:16,color:"gray"})))),J.createElement("div",{className:"row"},J.createElement(qt,{variant:"label",size:"large",color:"neutral900"},`${it.t("Created at")}:`),J.createElement(qt,{variant:"label",size:"small",color:"neutral900"},H))),J.createElement("div",{className:"output"},J.createElement(bf,{fee:T(String(se),2,2),time:gt,steps:Y}),J.createElement(xf,{from:{price:{value:T(e.inputAmount,6,6),usdValue:I},token:{displayName:F[0].from.token.displayName,image:F[0].from.token.image},chain:{image:F[0].from.chain.image,displayName:F[0].from.chain.displayName}},to:{price:{value:T(Pe,6,6),usdValue:$},token:{displayName:F[Y-1].to.token.displayName,image:F[Y-1].to.token.image},chain:{image:F[Y-1].to.chain.image,displayName:F[Y-1].to.chain.displayName}},percentageChange:T(z,2,2),warningLevel:Nt(z?.toNumber()??0)})),J.createElement("div",{className:"title-steps"},J.createElement(qt,{variant:"title",size:"small"},it.t("Swaps steps"))),J.createElement(wf,{size:8}),J.createElement(jl,{ref:g},F.map((K,te)=>{let Vt=te,Ge=Xl(e.steps[te]),Kt=Ge==="error"||Ge==="in-progress"||Ge==="warning"||Ge==="completed"&&te===F.length-1;return J.createElement(Ef,{key:Vt,step:K,type:"route-progress",ref:g,state:Ge,hasSeparator:te!==0,tabIndex:Vt,isFocused:Kt})}))),J.createElement(Rr,{state:C,onClose:()=>c(null),onCancel:v,onDelete:n,message:Be.detailedMessage.content,currentStepWallet:b}),J.createElement(Zr,{open:!!w,diagnosisUrl:Gt,onClose:()=>E(null),status:e.status==="success"?"success":"failed",priceValue:T(Pe,6,6),usdValue:$,percentageChange:T(z,2,2),token:{displayName:F[Y-1].to.token.displayName,image:F[Y-1].to.token.image},chain:{image:F[Y-1].to.chain.image},description:pe}))}s(ni,"SwapDetails");import{i18n as So}from"@lingui/core";import{CopyIcon as Df,IconButton as _f,NotFound as $f,Skeleton as op,Typography as _n}from"@rango-dev/ui";import ue from"react";import{i18n as Mf}from"@lingui/core";import{ChainToken as Lf,Divider as ii,Skeleton as yo,Typography as Pf}from"@rango-dev/ui";import ee from"react";import{styled as ri}from"@rango-dev/ui";var Zl=ri("div",{width:"100%",height:"100%",padding:"$0 $20",".cost":{paddingTop:"$15",display:"flex"},".route-summary":{padding:"$15 $0"},".route-summary-item":{display:"flex",justifyContent:"space-between",alignItems:"center"},".token-amount":{display:"flex",justifyContent:"space-between",alignItems:"center"},".route-summary-separator":{width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"},".swaps-steps":{paddingBottom:"$10"}}),ep=ri("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"}}),Dn=ri("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral900",marginLeft:"25px"});import{ChainToken as tp,Divider as fo,NextIcon as If,Skeleton as go}from"@rango-dev/ui";import ae from"react";function ho(t){let{extraInfo:e}=t;return ae.createElement(ep,null,ae.createElement("div",{className:"step-title"},ae.createElement(go,{height:28,width:28,variant:"circular"}),ae.createElement(fo,{direction:"horizontal",size:8}),ae.createElement(go,{height:15,width:148,variant:"rounded"})),ae.createElement("div",{className:"step-tokens"},ae.createElement(fo,{direction:"horizontal",size:20}),ae.createElement("div",{className:"step-token-info"},ae.createElement(tp,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(fo,{direction:"horizontal",size:8}),ae.createElement(go,{height:12,width:76,variant:"rounded"})),ae.createElement("div",{className:"step-icon-container"},ae.createElement(If,{color:"gray",size:16})),ae.createElement("div",{className:"step-token-info"},ae.createElement(tp,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(fo,{direction:"horizontal",size:8}),ae.createElement(go,{height:12,width:76,variant:"rounded"}))),e&&ae.createElement("div",{className:"extra-info"},ae.createElement(fo,{direction:"horizontal",size:20}),ae.createElement(go,{height:22,width:297,variant:"rectangular"})))}s(ho,"LoadingSwapDetailStep");function si(){let t=ee.createElement("div",{className:"route-summary-item"},ee.createElement("div",{className:"token-amount"},ee.createElement(Lf,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),ee.createElement(ii,{size:8,direction:"horizontal"}),ee.createElement(yo,{height:15,width:148,variant:"rounded"})),ee.createElement(yo,{height:12,width:64,variant:"rounded"}));return ee.createElement(Zl,null,ee.createElement("div",{className:"cost"},ee.createElement(yo,{width:60,height:10,variant:"rounded"}),ee.createElement(ii,{size:4,direction:"horizontal"}),ee.createElement(yo,{width:60,height:10,variant:"rounded"}),ee.createElement(ii,{size:4,direction:"horizontal"}),ee.createElement(yo,{width:60,height:10,variant:"rounded"})),ee.createElement("div",{className:"route-summary"},t,ee.createElement("div",{className:"route-summary-separator"}),t),ee.createElement("div",{className:"swaps-steps"},ee.createElement(Pf,{variant:"title",size:"small"},Mf.t("Swaps steps"))),ee.createElement("div",{className:"step-container"},ee.createElement(ho,{extraInfo:!0}),ee.createElement(Dn,null),ee.createElement(ho,null),ee.createElement(Dn,null),ee.createElement(ho,null),ee.createElement(Dn,null),ee.createElement(ho,null)))}s(si,"LoadingSwapDetails");function np(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=re();return ue.createElement(R,{noPadding:!0,header:{title:So.t("Swap and Bridge"),onBack:n.bind(null,h.swapDetails),suffix:ue.createElement(xt,null)}},o&&ue.createElement(Mn,null,ue.createElement(Ln,null,ue.createElement("div",{className:"row"},ue.createElement(_n,{variant:"label",size:"large",color:"neutral900"},`${So.t("Request ID")}:`),ue.createElement("div",{className:"request-id"},ue.createElement(_n,{variant:"label",size:"small",color:"neutral900"},ue.createElement(op,{width:60,height:10,variant:"rounded"})),ue.createElement(_f,{variant:"ghost"},ue.createElement(Df,{size:16,color:"gray"})))),ue.createElement("div",{className:"row"},ue.createElement(_n,{variant:"label",size:"large",color:"neutral900"},`${So.t("Created at")}:`),ue.createElement(_n,{variant:"label",size:"small",color:"neutral900"},ue.createElement(op,{width:60,height:10,variant:"rounded"})))),ue.createElement(si,null)),!o&&ue.createElement(Yl,null,ue.createElement($f,{title:So.t("Not found"),description:So.t({id:"swapNotFound",values:{requestId:e},message:"Swap with request ID = {requestId} not found."})})))}s(np,"SwapDetailsPlaceholder");function ip(){let{manager:t,state:e}=Ff(),o=!e.loadedFromPersistor,n=fn(t),r=ve.use.selectedSwapRequestId(),{navigateBackFrom:i}=re(),{loadingStatus:a}=k(),p=o||a==="loading",l=n.find(({swap:m})=>m.requestId===r),u=s(()=>{if(l?.id){let m=t?.get(l.id);m&&Of(m)}},"onCancel"),d=s(async()=>{if(l?.id)try{await t?.deleteQueue(l.id),i(h.swapDetails)}catch(m){console.log(m)}},"onDelete"),f=l?.swap;return!f||p?rp.createElement(np,{requestId:r||"",showSkeleton:p}):rp.createElement(ni,{swap:f,requestId:r||"",onCancel:u,onDelete:d})}s(ip,"SwapDetailsPage");import{i18n as Co}from"@lingui/core";import{AutoThemeIcon as Uf,DarkModeIcon as zf,LightModeIcon as qf,List as Hf,ListItemButton as Gf,Radio as ai,RadioRoot as Vf,Typography as li}from"@rango-dev/ui";import Ee from"react";function sp(){let{navigateBackFrom:t}=re(),e=U.use.theme(),o=U.use.setTheme(),n=[{id:"light",value:"light",title:Ee.createElement(li,{variant:"title",size:"xmedium"},Co.t("Light")),onClick:()=>o("light"),start:Ee.createElement(qf,{color:"gray"}),end:Ee.createElement(ai,{value:"light"})},{id:"dark",value:"dark",title:Ee.createElement(li,{variant:"title",size:"xmedium"},Co.t("Dark")),onClick:()=>o("dark"),start:Ee.createElement(zf,{color:"gray"}),end:Ee.createElement(ai,{value:"dark"})},{id:"auto",value:"auto",title:Ee.createElement(li,{variant:"title",size:"xmedium"},Co.t("Auto")),onClick:()=>o("auto"),start:Ee.createElement(Uf,{color:"gray"}),end:Ee.createElement(ai,{value:"auto"})}];return Ee.createElement(R,{header:{onBack:t.bind(null,h.settings),title:Co.t("Theme")}},Ee.createElement(rt,null,Ee.createElement(Vf,{onValueChange:r=>o(r),value:e},Ee.createElement(Hf,{type:Ee.createElement(Gf,{title:Co.t("Theme"),id:"_",onClick:()=>console.log()}),items:n}))))}s(sp,"ThemePage");var Xf=s(t=>t.replace("/",""),"getAbsolutePath");function ap(t){let{config:e}=t;return Kf([{path:h.home,element:Ae.createElement(tn,null)},{path:h.fromSwap,element:Ae.createElement(Hr,{type:"from",supportedBlockchains:e?.from?.blockchains,supportedTokens:e?.from?.tokens,pinnedTokens:e?.pinnedTokens})},{path:h.toSwap,element:Ae.createElement(Hr,{type:"to",supportedBlockchains:e?.to?.blockchains,supportedTokens:e?.to?.tokens,pinnedTokens:e?.pinnedTokens})},{path:h.fromBlockchain,element:Ae.createElement(Lr,{type:"from",supportedBlockchains:e?.to?.blockchains})},{path:h.toBlockchain,element:Ae.createElement(Lr,{type:"to",supportedBlockchains:e?.to?.blockchains})},{path:h.settings,element:Ae.createElement(xl,{singleTheme:e?.theme?.singleTheme,supportedSwappers:e?.liquiditySources})},{path:h.themes,element:Ae.createElement(sp,null)},{path:h.languages,element:Ae.createElement(Pa,null)},{path:h.exchanges,element:Ae.createElement(xr,{sourceType:"Exchanges",supportedSwappers:e?.liquiditySources})},{path:h.bridges,element:Ae.createElement(xr,{sourceType:"Bridges",supportedSwappers:e?.liquiditySources})},{path:h.swaps,element:Ae.createElement(La,null)},{path:h.swapDetails,element:Ae.createElement(ip,null)},{path:h.wallets,element:Ae.createElement(sa,{supportedWallets:e?.wallets,multiWallets:typeof e?.multiWallets>"u"?!0:e.multiWallets,config:e})},{path:Xf(h.confirmSwap),element:Ae.createElement(va,{config:e})}])}s(ap,"AppRoutes");import{isApprovalTX as jf,MainEvents as pp,RouteEventType as up,StepEventType as Ht,StepExecutionEventStatus as Yf,useEvents as Qf}from"@rango-dev/queue-manager-rango-preset";import{useEffect as cp}from"react";import{StepExecutionBlockedEventStatus as pi}from"@rango-dev/queue-manager-rango-preset";var lp=[pi.WAITING_FOR_CHANGE_WALLET_ACCOUNT,pi.WAITING_FOR_NETWORK_CHANGE,pi.WAITING_FOR_WALLET_CONNECT];function mp(){let t=O.use.connectedWallets(),e=O.use.getWalletsDetails(),o=Me.use.setNotification(),n=Me.use.setAsRead(),r=Qf();return cp(()=>(r.on(pp.StepEvent,i=>{let{event:a,step:p,route:l}=i;if(a.type===Ht.TX_EXECUTION&&a.status===Yf.TX_SENT&&!jf(p)||a.type===Ht.SUCCEEDED){let d=t.find(m=>m.chain===p?.fromBlockchain),f=p?.fromBlockchain!==p?.toBlockchain&&t.find(m=>m.chain===p?.toBlockchain);d&&e([d]),f&&e([f])}a.type===Ht.TX_EXECUTION_BLOCKED&&lp.includes(a.status)||a.type===Ht.FAILED?o(a,l):(a.type===Ht.TX_EXECUTION||a.type===Ht.CHECK_STATUS)&&n(l.requestId)}),()=>r.all.clear()),[r,t.length]),cp(()=>(r.on(pp.RouteEvent,i=>{let{event:a,route:p}=i;(a.type===up.FAILED||a.type===up.SUCCEEDED)&&o(a,p)}),()=>r.all.clear()),[r,t.length]),null}s(mp,"WidgetEvents");import{globalCss as Rf}from"@rango-dev/ui";var dp=s(()=>Rf({"@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 Jf,darkTheme as Zf,lightTheme as eg}from"@rango-dev/ui";import{useEffect as fp,useState as tg}from"react";function gp({fontFamily:t="Roboto",borderRadius:e=ki,secondaryBorderRadius:o=Ti,mode:n="auto"}){let r=U.use.theme(),i=k.use.fetchMeta(),a=U.use.setTheme(),p=Jf({radii:{primary:`${e}px`,secondary:`${o}px`},fonts:{widget:t}}),l=`${p.className} ${eg.className}`,u=`${p.className} ${Zf.className}`,[d,f]=tg("light");return fp(()=>{s(async()=>{await i()},"fetchData")();let C=s(c=>{c.matches?f("dark"):f("light")},"switchTheme");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&f("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",C),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",C)}},[]),fp(()=>{n!=="auto"&&a(n)},[n]),{activeTheme:s(()=>r==="auto"?d==="dark"?u:l:r==="dark"?u:l,"getActiveTheme")()}}s(gp,"useTheme");import og,{useMemo as ng}from"react";import{Provider as rg}from"@rango-dev/queue-manager-react";import{makeQueueDefinition as ig,checkWaitingForNetworkChange as sg}from"@rango-dev/queue-manager-rango-preset";import{useWallets as ag}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as lg}from"@rango-dev/wallets-shared";import{isEvmBlockchain as pg}from"rango-types";function ug(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:i,getWalletInfo:a}=ag(),p=ng(()=>ig({API_KEY:vo("API_KEY")}),[]),{blockchains:l}=k.use.meta(),d={blockchains:O.use.connectedWallets().map(y=>({accounts:[y],name:y.chain}))},f=s((y,v)=>{if(i(y,v))return r(y,v)},"switchNetwork"),m=s(y=>!!a(y).mobileWallet,"isMobileWallet"),g=l.filter(y=>y.enabled).reduce((y,v)=>(y[v.name]=v,y),{}),C=l.filter(pg),c=s(y=>{let{supportedChains:v}=a(y);return Bo(v)},"getSupportedChainNames"),w=e(),E={meta:{blockchains:g,evmBasedChains:C,evmNetworkChainInfo:lg(C),getSupportedChainNames:c},getSigners:o,wallets:d,providers:w,switchNetwork:f,canSwitchNetworkTo:i,connect:r,state:n,isMobileWallet:m};return og.createElement(rg,{queuesDefs:[p],context:E,onPersistedDataLoaded:y=>{sg(y)},isPaused:!1},t.children)}s(ug,"QueueManager");var hp=ug;import{Events as ui,Provider as mg}from"@rango-dev/wallets-react";import{isEvmBlockchain as dg}from"rango-sdk";import Sp,{createContext as fg,useRef as gg}from"react";import{useEffect as cg}from"react";function yp(t,e){let o=O.use.clearConnectedWallet(),n=rn(void 0,e);return cg(()=>{o(),n=rn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t]),{providers:n}}s(yp,"useWalletProviders");var ci=fg({onConnectWallet:()=>{}});function mi(t){let{blockchains:e}=k.use.meta(),{providers:o}=yp(t.providers,t?.options),n=O.use.disconnectWallet(),r=O.use.connectWallet(),i=gg(),a=e.filter(dg).map(l=>l.name),p=s((l,u,d,f,m)=>{if(u===ui.ACCOUNTS)if(d){let g=Bo(m),C=Ei(l,d,a,g);r(C)}else n(l);if(u===ui.ACCOUNTS&&f.connected){let g=`${l}-${f.network}-${d}`;f.connected&&(i.current?i.current(g):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(u===ui.NETWORK&&f.network){let g=`${l}-${f.network}`;i.current?i.current(g):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(l,u,d,f,m)},"onUpdateState");return Sp.createElement(ci.Provider,{value:{onConnectWallet:l=>{i.current=l}}},Sp.createElement(mg,{allBlockChains:e,providers:o,onUpdateState:p,autoConnect:!0},t.children))}s(mi,"WidgetWallets");var kg=yg("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit",listStyleType:"none"}});function kp(t){let{config:e}=t;dp();let{activeTheme:o}=gp(e?.theme||{}),[n,r]=Cp(""),[i,a]=Cp(),p=Sg(ci);Cg(()=>{e?.apiKey&&Ci({API_KEY:e?.apiKey})},[e]),ko(()=>{U.persist.rehydrate(),Me.persist.rehydrate(),p.onConnectWallet(r)},[]);let{setInputAmount:l,setToToken:u,setToBlockchain:d,setFromBlockchain:f,setFromToken:m}=M(),{meta:{tokens:g,blockchains:C},loadingStatus:c}=k(),{setAffiliateRef:w,setAffiliatePercent:E,setAffiliateWallets:y}=U();return ko(()=>{l(e?.amount?.toString()||"")},[e?.amount]),ko(()=>{if(c==="success"){let v=C.find(S=>S.name===e?.from?.blockchain),A=g.find(S=>_e(S,e?.from?.token||null));f(v||null),m(A||null)}},[e?.from?.token,e?.from?.blockchain,c]),ko(()=>{if(c==="success"){let v=C.find(S=>S.name===e?.to?.blockchain),A=g.find(S=>_e(S,e?.to?.token||null));d(v||null),u(A||null)}},[e?.to?.token,e?.to?.blockchain,c]),ko(()=>{w(e?.affiliate?.ref??null),E(e?.affiliate?.percent??null),y(e?.affiliate?.wallets??null)},[e?.affiliate?.ref,e?.affiliate?.percent,e?.affiliate?.wallets]),st.createElement(hg,{language:e?.language},st.createElement(kg,{id:"swap-container",className:o},st.createElement(hp,null,st.createElement(mp,null),st.createElement(Ds,{lastConnectedWallet:n,disconnectedWallet:i,clearDisconnectedWallet:()=>{a(void 0)}},st.createElement(ap,{config:e})))))}s(kp,"Main");function Tg(t){return t.config?.externalWallets?st.createElement(kp,{...t}):st.createElement(mi,{providers:t.config?.wallets,options:{walletConnectProjectId:t.config?.walletConnectProjectId}},st.createElement(kp,{...t}))}s(Tg,"Widget");import{useWallets as ga}from"@rango-dev/wallets-react";import{useEvents as kI,MainEvents as TI,RouteEventType as WI,StepEventType as OI,StepExecutionEventStatus as FI,StepExecutionBlockedEventStatus as UI}from"@rango-dev/queue-manager-rango-preset";export{TI as MainEvents,WI as RouteEventType,OI as StepEventType,UI as StepExecutionBlockedEventStatus,FI as StepExecutionEventStatus,Tg as Widget,mi as WidgetWallets,ga as useWallets,kI as useWidgetEvents};
+var mp=Object.defineProperty;var i=(t,e)=>mp(t,"name",{value:e,configurable:!0});import{I18nManager as eg,styled as tg}from"@rango-dev/ui";import it,{useContext as og,useEffect as yo,useMemo as ng,useState as pp}from"react";import{useQueueManager as ec}from"@rango-dev/queue-manager-rango-preset";import{useWallets as tc}from"@rango-dev/wallets-react";import{isEvmBlockchain as oc}from"rango-types";import ht,{useEffect as nc,useRef as rc}from"react";import{MemoryRouter as ic,useInRouterContext as sc}from"react-router";import{useLocation as ac,useNavigate as lc}from"react-router-dom";var h={home:"/",fromSwap:"from-swap",fromBlockchain:"/from-swap/blockchains",toBlockchain:"/to-swap/blockchains",toSwap:"to-swap",settings:"settings",liquiditySources:"/settings/liquidity-sources",themes:"/settings/themes",bridges:"/settings/bridges",exchanges:"/settings/exchanges",languages:"/settings/languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:"swaps/:requestId"};import{i18n as Ro}from"@lingui/core";import{Alert as $u,BestRoute as Fu,BestRouteSkeleton as Ou,Button as Uu,Divider as or,styled as Nt,SwapInput as As,Typography as nr,WarningIcon as zu}from"@rango-dev/ui";import Q,{useEffect as qu,useRef as Hu,useState as Gu}from"react";import{useNavigate as Vu}from"react-router-dom";import{ChevronLeftIcon as gp}from"@rango-dev/ui";import ui from"react";import{darkTheme as dp,IconButton as fp,styled as So}from"@rango-dev/ui";var De=So(fp,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),li=So("div",{position:"absolute",background:"$secondary500",[`.${dp} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),vt=So("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),pi=So("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function Dn(t){return ui.createElement(De,{variant:"ghost",size:"small",onClick:t.onClick},ui.createElement(gp,{color:"black",size:16}))}i(Dn,"BackButton");import{i18n as hp}from"@lingui/core";import{Button as yp,Typography as Sp}from"@rango-dev/ui";import _n from"react";function $n(t){return _n.createElement(vt,null,_n.createElement(yp,{variant:"ghost",onClick:t.onClick,size:"xsmall"},_n.createElement(Sp,{variant:"label",size:"medium",color:"error500"},hp.t("Cancel"))))}i($n,"CancelButton");import{i18n as Cp}from"@lingui/core";import{Tooltip as kp,WalletIcon as Tp}from"@rango-dev/ui";import Co from"react";function Fn(t){return Co.createElement(kp,{container:t.container,side:"top",content:Cp.t("Connect Wallet")},Co.createElement(De,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Co.createElement(li,null),Co.createElement(Tp,{size:18,color:"black"})))}i(Fn,"WalletButton");import{i18n as Xo}from"@lingui/core";import{NotificationsIcon as iu,Popover as su,RefreshIcon as au,SettingsIcon as lu,Tooltip as jo,TransactionIcon as pu}from"@rango-dev/ui";import ce from"react";function st(t){return Array.from(new Set(t))}i(st,"removeDuplicateFrom");function On(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(On,"areEqual");function mi(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(mi,"debounce");function ft(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(ft,"containsText");var ci=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[o,n,r]=t.match(/.{2}/g);[o,n,r]=[parseInt(o,16)+e,parseInt(n,16)+e,parseInt(r,16)+e],o=Math.max(Math.min(255,o),0).toString(16),n=Math.max(Math.min(255,n),0).toString(16),r=Math.max(Math.min(255,r),0).toString(16);let s=(o.length<2?"0":"")+o,a=(n.length<2?"0":"")+n,p=(r.length<2?"0":"")+r;return`#${s}${a}${p}`},"colorShade"),di=i((t,e)=>{let o={[t]:e};for(let n=1;n<10;n++)n<5&&(o={...o,[t+n*100]:ci(e,(5-n)*32)}),n===5&&(o={...o,[t+n*100]:e}),n>5&&(o={...o,[t+n*100]:ci(e,-((n-5)*32))});return o},"generateRangeColors"),de=i(()=>document.getElementById("swap-box"),"getContainer");import{i18n as Zp}from"@lingui/core";import{ChainToken as Yi,ChevronRightIcon as Jp,ListItemButton as eu,Typography as tu}from"@rango-dev/ui";import Fe from"react";import{useNavigate as ou}from"react-router-dom";import{create as Hp}from"zustand";import{RangoClient as vp}from"rango-sdk";var wp="c6381a79-2817-4602-83bf-6a641a409e32",Un={API_KEY:wp};function ko(t){return Un[t]}i(ko,"getConfig");function fi(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Un=e,Un}i(fi,"initConfig");var gi=20,hi=25;var To,bt=i(()=>To||(To=new vp(ko("API_KEY")),To),"httpService");import{WalletState as Ke}from"@rango-dev/ui";import{readAccountAddress as Ep}from"@rango-dev/wallets-react";import{detectInstallLink as Ap,getCosmosExperimentalChainInfo as Bp,isEvmAddress as Wp,KEPLR_COMPATIBLE_WALLETS as Vg,Networks as Ci}from"@rango-dev/wallets-shared";import zn from"bignumber.js";import{isCosmosBlockchain as Np}from"rango-types";import bp from"bignumber.js";var Ne=new bp(0);import{WalletTypes as xp}from"@rango-dev/wallets-shared";var yi=[xp.LEAP];import{BigNumber as Si}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"),T=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new Si(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new Si(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 vo=i(t=>t?.result?.swaps?.reduce((e,o)=>e+o.estimatedTimeInSeconds,0)||0,"totalArrivalTime");var Ve=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Gt=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function bo(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(bo,"limitDecimalPlaces");function Ip(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(Ip,"mapStatusToWalletState");function ki(t,e,o,n){return o.filter(r=>!yi.includes(r)).filter(r=>{if(n){let{supportedChains:s}=e(r);return!!s.find(a=>a.name===n)}return!0}).map(r=>{let{name:s,img:a,installLink:p}=e(r),l=Ip(t(r));return{title:s,image:a,link:Ap(p),state:l,type:r}})}i(ki,"mapWalletTypesToWalletInfo");function xo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(xo,"walletAndSupportedChainsNames");function Ti(t,e,o,n){let r=[];function s(p,l){if(!!!r.find(d=>d.chain===p)){let d={address:l,chain:p,walletType:t};r.push(d)}}i(s,"addAccount");let a=n||[];return e.forEach(p=>{let{address:l,network:u}=Ep(p),d=a.length>0,g=a.includes(u),m=u===Ci.Unknown;if(d&&!g&&!m)return;let C=u===Ci.Unknown&&Wp(l);if(m&&!C)return;o.includes(u)||C?a.filter(E=>o.includes(E)).forEach(E=>{s(E,l.toLowerCase())}):s(u,l)}),r}i(Ti,"prepareAccountsForWalletStore");function wi(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,p=s.to.blockchain;e.includes(a)||e.push(a),e.includes(p)||e.push(p)})}),e}i(wi,"getRequiredChains");function xt(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(xt,"getBalanceFromWallet");function Eo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(Eo,"isAccountAndWalletMatched");function vi(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 zn(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Ao(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(vi,"makeBalanceFor");function bi(t){return{...t,loading:!1,error:!0}}i(bi,"resetConnectedWalletState");var Et=i(t=>!t.some(o=>o.balance)?t.filter(o=>!o.address).concat(t.filter(o=>o.address&&!o.isSecondaryCoin),t.filter(o=>o.isSecondaryCoin)):t.filter(o=>!!o.balance).sort((o,n)=>parseFloat(n.balance?.usdValue||"0")-parseFloat(o.balance?.usdValue||"0")).concat(t.filter(o=>!o.balance&&!o.isSecondaryCoin),t.filter(o=>!o.balance&&o.isSecondaryCoin)),"sortTokens"),Ao=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Bo=i((t,e)=>{let o=Bp(Object.entries(t).map(([,n])=>n).filter(Np));return o&&o[e]?.experimental},"isExperimentalChain");function At(t,e){return t.map(({balance:o,...n})=>{let r=T(new zn(xt(e,n.blockchain,n.symbol,n.address)?.amount||Ne)),s="";return n.usdPrice&&(s=T(new zn(xt(e,n.blockchain,n.symbol,n.address)?.amount||Ne).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:s}}}})}i(At,"getTokensWithBalance");function Vt(t,e,o,n){if(t?.name===n[0]?.name)return n;let s=e.filter(a=>a.blockchain===t?.name);return Et(At(s,o))}i(Vt,"getSortedTokens");function _e(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(_e,"tokensAreEqual");function qn(t,e){let o,n=t[0],r=t[1];return t.length===1?o=n:_e(n,e)?o=r:o=n,o}i(qn,"getDefaultToken");function xi(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(xi,"sortWalletsBasedOnConnectionState");function Wo(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(Wo,"getConciseAddress");function Ei({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Ei,"getAddress");var Mp=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"),Ie=Mp;import{create as Up}from"zustand";import{subscribeWithSelector as zp}from"zustand/middleware";import{shallow as qp}from"zustand/shallow";import pt from"bignumber.js";import{create as Fp}from"zustand";import{subscribeWithSelector as Op}from"zustand/middleware";import nh from"bignumber.js";function Hn(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(Hn,"searchParamsToToken");function Ai(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(Ai,"getBestRouteToTokenUsdPrice");function Gn(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(Gn,"isNumberOfSwapsChanged");function Vn(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!On(o,n)}i(Vn,"isRouteSwappersUpdated");function Kn(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!On(o,n)}i(Kn,"isRouteInternalCoinsUpdated");function Bi(t,e){return Gn(t,e)||Vn(t,e)||Kn(t,e)}i(Bi,"isRouteChanged");function Wi(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(Wi,"getRequiredBalanceOfWallet");function Ni(t){if(!t)return null;let e=(t.result?.swaps||[]).map(o=>({...o,fromAmount:T(o.fromAmount,6,6),toAmount:T(o.toAmount,6,6)}));return{...t,...t.result&&{result:{...t.result,swaps:e}}}}i(Ni,"getFormattedBestRoute");function Bt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(Bt,"getPriceImpactLevel");function Io(t,e){let o=i(r=>`${r.symbol}-${r.blockchain}-${r.address??""}`,"tokenToString"),n=new Set;return t.forEach(r=>n.add(o(r))),e.filter(r=>n.has(o(r)))}i(Io,"findCommonTokens");import{i18n as $e}from"@lingui/core";import{PendingSwapNetworkStatus as _o}from"@rango-dev/queue-manager-rango-preset";import we from"bignumber.js";function Ii(t){return t.result?.swaps.map(e=>({swapper:{displayName:e.swapperId,image:e.swapperLogo},from:{token:{displayName:e.from.symbol,image:e.from.logo},chain:{displayName:e.from.blockchain,image:e.from.blockchainLogo},price:{value:T(e.fromAmount,6,6),usdValue:T(e.from.usdPrice?.toString(),4,4)}},to:{token:{displayName:e.to.symbol,image:e.to.logo},chain:{displayName:e.to.blockchain,image:e.to.blockchainLogo},price:{value:T(e.toAmount,6,6),usdValue:T(e.to.usdPrice?.toString(),4,4)}}}))}i(Ii,"formatBestRoute");function Mo(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(Mo,"getRequiredWallets");function Lo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(Lo,"isValidAddress");import{i18n as Se}from"@lingui/core";var Kt=(r=>(r[r.ROUTE_UPDATED=0]="ROUTE_UPDATED",r[r.ROUTE_SWAPPERS_UPDATED=1]="ROUTE_SWAPPERS_UPDATED",r[r.ROUTE_COINS_UPDATED=2]="ROUTE_COINS_UPDATED",r[r.ROUTE_AND_OUTPUT_AMOUNT_UPDATED=3]="ROUTE_AND_OUTPUT_AMOUNT_UPDATED",r))(Kt||{});var q={genericServerError:Se.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Se.t("Please reset your liquidity sources."),description:Se.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noRoutesError:{title:Se.t("No Routes Found"),description:"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:Se.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:Se.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:Se.t("High Price Impact"),title:Se.t("Price impact is too high!"),description:Se.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:Se.t("Confirm High price impact")},routeUpdatedWithHighValueLoss:{title:Se.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Se.t("USD Price Unknown"),title:Se.t("USD Price Unknown, Cannot calculate Price Impact."),description:Se.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Se.t("Confirm USD Price Unknown")}};function Po(t){switch(t.type){case 0:return t.diagnosisMessage??q.noRoutesError.title;case 2:return q.genericServerError;case 1:return q.routeUpdatedWithHighValueLoss.title;default:return""}}i(Po,"getConfirmSwapErrorMessage");import{i18n as Do}from"@lingui/core";var gt={connectWallet:Do.t("Connect Wallet"),swap:Do.t("Swap"),swapAnyway:Do.t("Swap anyway"),ethRouteWarning:Do.t("The route goes through Ethereum. Continue?")};function Oo(t,e){return!t||!e||t.lte(Ne)||e.lte(Ne)?0:e.div(t).minus(1).multipliedBy(100)}i(Oo,"getOutputRatio");function Uo(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new we(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new we(1e3)))??!1}i(Uo,"outputRatioHasWarning");function zo(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new we(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new we(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(zo,"hasLimitError");function qo(t){if(!t)return{swap:null,fromAmountRangeError:"",recommendation:""};let e=(t?.result?.swaps||[]).filter(p=>{let l=p.fromAmountMinValue?new we(p.fromAmountMinValue):null,u=p.fromAmountMaxValue?new we(p.fromAmountMaxValue):null;return p.fromAmountRestrictionType==="EXCLUSIVE"?l?.gte(p.fromAmount)||u?.lte(p.fromAmount):l?.gt(p.fromAmount)||u?.lt(p.fromAmount)})[0];if(!e)return{swap:null,fromAmountRangeError:"",recommendation:""};let o=e.fromAmountMinValue?new we(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new we(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=$e.t({id:"requiredEqualMin",message:"Required: >= {min} {symbol}",values:{min:T(o,6,6),symbol:e.from.symbol}}),a=q.bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=$e.t({id:"requiredMin",message:"Required: > {min} {symbol}",values:{min:T(o,6,6),symbol:e.from.symbol}}),a=q.bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=$e.t({id:"requiredEqualMax",message:"Required: <= {max} {symbol}",values:{max:T(n,6,6),symbol:e.from.symbol}}),a=q.bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=$e.t({id:"requiredMax",message:"Required: < {max} {symbol}",values:{max:T(n,6,6),symbol:e.from.symbol}}),a=q.bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(qo,"LimitErrorMessage");function Li(t,e,o,n,r,s,a,p,l){return t!=="success"?{title:gt.connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:gt.connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!l||l==="0"?{title:gt.swap,disabled:!0,state:"swap"}:s||a?{title:gt.swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:p?{title:gt.ethRouteWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:gt.swap,disabled:!1,state:"swap"}}i(Li,"getSwapButtonState");function Xn(t,e,o){return!((!o||o.lte(Ne))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Xn,"canComputePriceImpact");function Dp(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(Dp,"requiredWallets");var _p=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function $p(t,e){let o=Ne;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=_p(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new we(r.amount).multipliedBy(s||0))}return o}i($p,"getUsdFeeOfStep");function Ho(t,e){return t?.result?.swaps.reduce((o,n)=>o.plus($p(n,e)),Ne)||null}i(Ho,"getTotalFeeInUsd");function Pi(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(Pi,"getMinRequiredSlippage");function Di(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Di,"hasProperSlippage");function Go(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,slippage:p,affiliateRef:l,affiliatePercent:u,affiliateWallets:d,initialRoute:g,destination:m}=t,f=s?.reduce((y,v)=>(y[v.chain]=v.address,y),{}),C=[];r?.forEach(y=>{let v=C.find(A=>A.blockchain===y.chain);v?v.addresses.push(y.address):C.push({blockchain:y.chain,addresses:[y.address]})});let c=!!g,w=st((g?.result?.swaps||[]).reduce((y,v)=>(y.push(v.from.blockchain,v.to.blockchain),v.internalSwaps&&Array.isArray(v.internalSwaps)&&v.internalSwaps.map(A=>{y.push(A.from.blockchain,A.to.blockchain)}),y),[]));return{amount:n.toString(),affiliateRef:l??void 0,affiliatePercent:u??void 0,affiliateWallets:d??void 0,checkPrerequisites:c,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:C,selectedWallets:f??{},slippage:p.toString(),...m&&{destination:m},...a.length>0&&{swapperGroups:a,swappersGroupsExclude:!0},...c&&{blockchains:w}}}i(Go,"createBestRouteRequestBody");function _i(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(_i,"getWalletsForNewSwap");function Wt(t){return t?.result?.outputAmount||null}i(Wt,"getRouteOutputAmount");function Re(t,e){return!t||!e?null:new we(e).div(new we(t)).minus(1).multipliedBy(100)}i(Re,"getPercentageChange");function $i(t,e){let o=Wt(t),n=Wt(e);if(!o||!n)return!1;let r=Re(o,n);return r?r.toNumber()<=-1:!0}i($i,"isOutputAmountChangedALot");function Fi(t,e){let o=t.validationStatus,n=wi(t);return e.sort((s,a)=>n.indexOf(s.chain)-n.indexOf(a.chain)).flatMap(s=>Wi(s,o)||[]).filter(s=>!s.ok).map(s=>{let a=s.asset.symbol,p=T(new we(s.currentAmount.amount).shiftedBy(-s.currentAmount.decimals),8,8),l=T(new we(s.requiredAmount.amount).shiftedBy(-s.requiredAmount.decimals),8,8),u="";return s.reason==="FEE"&&(u=$e.t(" for network fee")),s.reason==="INPUT_ASSET"&&(u=$e.t(" for swap")),s.reason==="FEE_AND_INPUT_ASSET"&&(u=$e.t(" for input and network fee")),$e.t({id:"balanceWarningMessage",message:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:l,symbol:a,reason:u,currentAmount:p,blockchain:s.asset.blockchain}})})}i(Fi,"getBalanceWarnings");function Oi(t,e){return(t?new we(t):Ne).multipliedBy(e||0)}i(Oi,"calcOutputUsdValue");function Xt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==_o.NetworkChanged}i(Xt,"isNetworkStatusInWarningState");function Ui(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Xt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case _o.WaitingForConnectingWallet:n=n||$e.t("Waiting for connecting wallet");break;case _o.WaitingForQueue:n=n||$e.t("Waiting for other running tasks to be finished");break;case _o.WaitingForNetworkChange:n=n||$e.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(Ui,"getSwapMessages");function zi(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(zi,"getLastConvertedTokenInFailedSwap");function qi(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(qi,"shouldRetrySwap");function Hi(t,e,o,n,r,s){return t||!e&&!Dp(n).every(a=>r.map(p=>p.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!Lo(s,o)}i(Hi,"confirmSwapDisabled");var jt=i((t,e)=>t?.usdPrice?new pt(e||Ne).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),M=Ie(Fp()(Op(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new pt(0),outputUsdValue:new pt(0),toBlockchain:null,toToken:null,bestRoute:null,routeWalletsConfirmed:!1,sourceTokens:[],destinationTokens:[],selectedWallets:[],customDestination:"",setRoute:e=>t(o=>{let n=null,r=Ne;return Gt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new pt(e.result?.outputAmount):null,r=Oi(e.result?.outputAmount,Ai(e)||o.toToken?.usdPrice)),{bestRoute:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetRoute:()=>t(()=>({bestRoute:null,outputAmount:null,outputUsdValue:new pt(0)})),setFromBlockchain:(e,o)=>{t(n=>{if(n.fromBlockchain?.name===e?.name)return{};let r=k.getState().meta.tokens,s=F.getState().connectedWallets,a=Vt(e,r,s,n.destinationTokens),p=qn(a,n.toToken);return{fromBlockchain:e,sourceTokens:a,...o&&{fromToken:p},...!!n.inputAmount&&{inputUsdValue:jt(p,n.inputAmount)}}})},setFromToken:e=>t(o=>({fromToken:e,...!!o.inputAmount&&{inputUsdValue:jt(e,o.inputAmount)}})),setToBlockchain:(e,o)=>{t(n=>{if(n.toBlockchain?.name===e?.name)return{};let r=k.getState().meta.tokens,s=F.getState().connectedWallets,a=Vt(e,r,s,n.destinationTokens);return{toBlockchain:e,destinationTokens:a,...o&&{toToken:qn(a,n.fromToken)}}})},setToToken:e=>t(()=>({toToken:e})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new pt(0),outputUsdValue:new pt(0),bestRoute:null},...!!o.fromToken&&{inputUsdValue:jt(o.fromToken,e)}}))},retry:e=>{let{tokens:o,blockchains:n}=k.getState().meta,r=F.getState().connectedWallets,s=e.status==="failed"?e.steps.findIndex(c=>c.status==="failed"):null;if(s===null||s<0)return;let a=e.steps[0],p=e.steps[e.steps.length-1],l=n.find(c=>c.name===a.fromBlockchain)||null,u=n.find(c=>c.name===p.toBlockchain)||null,d=o.find(c=>_e(c,{blockchain:a.fromBlockchain,symbol:a.fromSymbol,address:a.fromSymbolAddress})),g=o.find(c=>_e(c,{blockchain:p.toBlockchain,symbol:p.toSymbol,address:p.toSymbolAddress})),m=Vt(l,o,r,[]),f=Vt(u,o,r,[]),C=e.inputAmount;t({fromBlockchain:l,fromToken:d,inputAmount:C,outputAmount:null,inputUsdValue:jt(d||null,C),outputUsdValue:new pt(0),toBlockchain:u,toToken:g,bestRoute:null,sourceTokens:m,destinationTokens:f})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,sourceTokens:e.destinationTokens,destinationTokens:e.sourceTokens,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:jt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromBlockchain:null,sourceTokens:[]})),resetToBlockchain:()=>t(()=>({toBlockchain:null,destinationTokens:[]})),setRouteWalletConfirmed:e=>t({routeWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetRouteWallets:()=>t({routeWalletsConfirmed:!1,selectedWallets:[],customDestination:""})}))));var F=Ie(Up()(zp((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:o=>{let n=e().getWalletsDetails;t(r=>({loading:!0,connectedWallets:r.connectedWallets.filter(s=>s.walletType!==o[0].walletType).concat(o.map(s=>{let a=!r.connectedWallets.find(p=>p.chain===s.chain&&p.selected);return{balances:[],address:s.address,chain:s.chain,explorerUrl:null,walletType:s.walletType,selected:a,loading:!0,error:!1}}))})),n(o)},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(p=>p.chain===r.chain&&p.walletType!==r.walletType&&r.selected),a=!!o.find(p=>p.chain===r.chain&&p.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n=!0)=>{let r=e().getWalletsDetails,{tokens:s}=k.getState().meta;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(p=>o.find(l=>Eo(l,p))?{...p,loading:!0}:p)}));try{let a=o.map(({address:u,chain:d})=>({address:u,blockchain:d})),l=(await bt().getWalletsDetails(a)).wallets;if(l)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(d=>{let g=o.find(f=>Eo(f,d)),m=l.find(f=>f.address===d.address&&f.blockChain===d.chain);return m?.failed&&g&&n&&r([g],!1),g&&m?{...d,explorerUrl:m.explorerUrl,balances:vi(m,s)}:d})}));else throw new Error("Wallet not found")}catch{t(p=>({loading:!1,connectedWallets:p.connectedWallets.map(l=>o.find(u=>Eo(u,l))?bi(l):l)}))}}}))));F.subscribe(t=>t.connectedWallets,t=>{M.setState(({sourceTokens:e,destinationTokens:o})=>{let n=At(e,t),r=At(o,t);return{sourceTokens:Et(n),destinationTokens:Et(r)}})},{equalityFn:qp});var k=Ie(Hp()(t=>({meta:{blockchains:[],popularTokens:[],swappers:[],tokens:[]},loadingStatus:"loading",setTokensWithBalance:()=>{let e=F.getState().connectedWallets;t(o=>({...o,meta:{...o.meta,tokens:Et(At(o.meta.tokens,e))}}))},fetchMeta:async()=>{try{let e=await bt().getAllMetadata(),o=st(e.tokens.map(r=>r.blockchain)),n=e.blockchains.filter(r=>r.enabled&&o.includes(r.name));e.blockchains=n.sort((r,s)=>r.sort-s.sort),t({meta:e,loadingStatus:"success"})}catch{t({loadingStatus:"failed"})}}})));import{create as Gp}from"zustand";import{persist as Vp,subscribeWithSelector as Kp}from"zustand/middleware";var Me=Ie(Gp()(Vp(Kp((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}}},p=e().notifications.filter(l=>l.requestId!==n.requestId);t(()=>({notifications:[...p,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{create as Xp}from"zustand";var ve=Ie(Xp()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as Vo}from"@rango-dev/ui";var Gi=Vo("div",{padding:"$10",width:"350px",minHeight:"150px"}),Vi=Vo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Ki=Vo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Xi=Vo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as jp}from"@lingui/core";import{Divider as Yp,NoNotificationIcon as Qp,Typography as Rp}from"@rango-dev/ui";import Ko from"react";function ji(){return Ko.createElement(Xi,null,Ko.createElement(Qp,{color:"secondary",size:26}),Ko.createElement(Yp,{size:12}),Ko.createElement(Rp,{variant:"body",size:"medium",color:"neutral900"},jp.t("You have no notification")))}i(ji,"NotificationNotFound");var nu=4;function jn(){let t=ou(),e=ve.use.setSelectedSwap(),{getUnreadNotifications:o}=Me(),n=o(),{tokens:r,blockchains:s}=k.use.meta(),a=n.sort((l,u)=>u.creationTime-l.creationTime).slice(0,nu),p=i(l=>{e(l),t(`/swaps/${l}`)},"handleOnClick");return Fe.createElement(Gi,null,a.length?Fe.createElement(Vi,null,a.map(l=>{let u=r.find(f=>f.address===l.route.from.tokenAddress&&f.blockchain===l.route.from.blockchain&&f.symbol===l.route.from.tokenSymbol),d=s.find(f=>f.name===l.route.from.blockchain),g=r.find(f=>f.address===l.route.to.tokenAddress&&f.blockchain===l.route.to.blockchain&&f.symbol===l.route.to.tokenSymbol),m=s.find(f=>f.name===l.route.to.blockchain);return Fe.createElement(eu,{key:l.requestId,onClick:()=>p(l.requestId),title:Fe.createElement(tu,{variant:"body",size:"small",color:"$neutral900"},Zp.t(l.event.message)),id:l.requestId,start:Fe.createElement(Ki,null,Fe.createElement("div",{className:"from-chain-token"},Fe.createElement(Yi,{tokenImage:u?u.image:"",chainImage:d?d.logo:"",size:"small"})),Fe.createElement("div",{className:"to-chain-token"},Fe.createElement(Yi,{tokenImage:g?g.image:"",chainImage:m?m.logo:"",size:"small"}))),end:Fe.createElement(Jp,{size:12,color:"gray"})})})):Fe.createElement(ji,null))}i(jn,"NotificationContent");import{Typography as ru}from"@rango-dev/ui";import Qi from"react";function Ri(){let{getUnreadNotifications:t}=Me(),e=t().length;return e?Qi.createElement(pi,null,Qi.createElement(ru,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(Ri,"UnreadNotificationsBadge");function Yn(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:s}=t;return ce.createElement(ce.Fragment,null,ce.createElement(jo,{container:de(),side:"top",content:Xo.t("Refresh")},ce.createElement(De,{variant:"ghost",size:"small",onClick:o,disabled:!o},ce.createElement(au,{size:16,color:o?"black":"gray"}))),ce.createElement(jo,{container:de(),side:"top",content:Xo.t("Notifications")},ce.createElement(su,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:de(),content:ce.createElement(jn,null)},ce.createElement(De,{size:"small",variant:"ghost",onClick:s},ce.createElement(iu,{size:18,color:"black"}),ce.createElement(Ri,null)))),ce.createElement(jo,{container:de(),side:"top",content:Xo.t("Settings")},ce.createElement(De,{size:"small",variant:"ghost",onClick:r},ce.createElement(lu,{size:18,color:"black"}))),ce.createElement(jo,{container:de(),side:"top",content:Xo.t("Transactions History")},ce.createElement(De,{size:"small",variant:"ghost",onClick:n},ce.createElement(pu,{size:18,color:"black"}))))}i(Yn,"HomeButtons");import{BottomLogo as uu,Divider as cu,Header as mu}from"@rango-dev/ui";import he from"react";import{useNavigate as du}from"react-router-dom";import{styled as Qn}from"@rango-dev/ui";var Zi=Qn("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",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),Ji=Qn("div",{display:"flex",flexDirection:"column",flex:1,padding:"$20 $20 $10 $20",backgroundColor:"$background",position:"relative",overflowY:"auto",overflowX:"hidden",variants:{noPadding:{true:{padding:"0"}}}}),es=Qn("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function fu(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:p=!0}=t,l=F.use.connectedWallets(),u=ve.use.connectWalletsButtonDisabled(),d=du(),g=i(()=>{u||d("/"+h.wallets)},"onConnectWallet");return he.createElement(Zi,{ref:e,fixedHeight:p,id:"swap-box"},he.createElement(mu,{prefix:he.createElement(he.Fragment,null,n.onBack&&he.createElement(Dn,{onClick:n.onBack})),title:n.title,suffix:he.createElement(he.Fragment,null,n.suffix,n.hasConnectWallet&&he.createElement(Fn,{container:de(),onClick:g,isConnected:!!l?.length}),n.onCancel&&he.createElement($n,{onClick:n.onCancel}))}),he.createElement(Ji,{noPadding:s},o),(a||r)&&he.createElement(es,null,he.createElement("div",{className:"footer__content"},r),a&&he.createElement("div",{className:"footer__logo"},he.createElement(cu,{size:12}),he.createElement(uu,null))))}i(fu,"LayoutComponent");var R=he.forwardRef(fu);R.displayName="Layout";import{Alert as Su,Button as Cu,Divider as cs,NoRouteIcon as ku,RefreshIcon as Tu,Typography as ms}from"@rango-dev/ui";import Oe from"react";import{create as gu}from"zustand";import{persist as hu,subscribeWithSelector as yu}from"zustand/middleware";var ts=[.5,1,3],os=1,ns=5,rs=100,is=0;var U=Ie(gu()(hu(yu(t=>({slippage:os,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",setSlippage:e=>t(()=>({slippage:e})),setCustomSlippage:e=>t(()=>({customSlippage:e})),setAffiliateRef:e=>t(()=>({affiliateRef:e})),setAffiliatePercent:e=>t(()=>({affiliatePercent:e})),setAffiliateWallets:e=>t(()=>({affiliateWallets:e})),toggleAllLiquiditySources:e=>t(o=>{if(e)return{disabledLiquiditySources:[]};let{swappers:n}=k.getState().meta,r=st(n.map(s=>s.swapperGroup));return r.length===o.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:r}}),toggleInfiniteApprove:()=>t(e=>({infiniteApprove:!e.infiniteApprove})),toggleLiquiditySource:e=>t(o=>o.disabledLiquiditySources.includes(e)?{disabledLiquiditySources:o.disabledLiquiditySources.filter(n=>n!=e)}:{disabledLiquiditySources:o.disabledLiquiditySources.concat(e)}),setTheme:e=>t(()=>({theme:e}))})),{name:"user-settings",skipHydration:!0})));import{i18n as ss}from"@lingui/core";function as(t,e,o,n,r){return o?{alert:{type:"warning",text:q.genericServerError,action:{onClick:r,title:ss.t("Retry")}},description:""}:t?{alert:{type:"error",text:t,action:null},description:""}:e.length?{alert:{type:"warning",text:q.liquiditySourcesError.title,action:{onClick:()=>n(!0),title:ss.t("Reset")}},description:q.liquiditySourcesError.description}:{alert:null,description:q.noRoutesError.description}}i(as,"makeInfo");import{styled as Rn}from"@rango-dev/ui";var ls=Rn("div",{display:"flex",flexDirection:"column",alignItems:"center"}),ps=Rn("div",{width:"100%"}),us=Rn("div",{padding:"$6 $0"});function Yt(t){let{diagnosisMessage:e,fetch:o,error:n}=t,r=U.use.disabledLiquiditySources(),s=k.use.loadingStatus(),a=U.use.toggleAllLiquiditySources(),l=as(e??null,r,n||s==="failed",a,o);return Oe.createElement(ls,null,Oe.createElement(ku,{size:24,color:"gray"}),Oe.createElement(cs,{size:4}),Oe.createElement(ms,{variant:"title",size:"small"},q.noRoutesError.title),!!l.description&&Oe.createElement(ms,{variant:"body",size:"small",align:"center",color:"neutral900"},l.description),Oe.createElement(cs,{size:4}),!!l.alert&&Oe.createElement(ps,null,Oe.createElement(Su,{type:l.alert.type,title:l.alert.text,action:l.alert.action&&Oe.createElement(Cu,{size:"xsmall",type:l.alert.type,prefix:Oe.createElement(us,null,Oe.createElement(Tu,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i(Yt,"NoRoutes");import{Alert as Ts,Divider as Au,InfoIcon as Bu}from"@rango-dev/ui";import ze from"react";import{styled as Yo}from"@rango-dev/ui";var ds=Yo("div",{width:"100%",paddingTop:"$10"}),Zn=Yo("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),fs=Yo("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),gs=Yo("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});import{i18n as Qt}from"@lingui/core";import{Button as wu,Divider as Ss,MessageBox as Cs,Modal as vu,Typography as bu,WarningIcon as xu}from"@rango-dev/ui";import Ue from"react";import{useNavigate as Eu}from"react-router-dom";import{Typography as hs}from"@rango-dev/ui";import Jn from"react";function ys(t){let{title:e,value:o,valueColor:n}=t;return Jn.createElement(fs,null,Jn.createElement(hs,{size:"medium",variant:"label",color:"neutral800"},e),Jn.createElement(hs,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(ys,"RouteErrorsModalItem");function ks(t){let{highValueLoss:e,open:o,onToggle:n,percentageChange:r,inputUsdValue:s,outputUsdValue:a,totalFeeInUsd:p}=t,l=Eu(),u=e&&r?.lt(-10)?"error":"warning",d=[{title:Qt.t("Swapping"),value:T(s,4,4)},{title:Qt.t("Gas cost"),value:T(p,2,2)},{title:Qt.t("Receiving"),value:T(a,4,4)},{title:Qt.t("Price impact"),value:T(r,2,2),valueColor:`${u}500`}];return Ue.createElement(vu,{open:o,onClose:()=>n(!1),container:document.getElementById("swap-box")||document.body},e?Ue.createElement(Cs,{type:u,title:q.highValueLossError.impactTitle,description:q.highValueLossError.description}):Ue.createElement(Cs,{type:u,title:q.unknownPriceError.impactTitle,description:q.unknownPriceError.description}),e&&Ue.createElement(Zn,null,Ue.createElement(Ss,{size:20}),Ue.createElement(bu,{size:"small",variant:"title"},Qt.t("Details")),Ue.createElement(Zn,null,d.map((g,m)=>Ue.createElement(ys,{key:m,...g})))),Ue.createElement(Ss,{size:32}),Ue.createElement(wu,{type:"primary",size:"large",prefix:Ue.createElement(xu,null),fullWidth:!0,onClick:()=>{l(h.confirmSwap)}},e?q.highValueLossError.confirmMessage:q.unknownPriceError.confirmMessage))}i(ks,"RouteErrorsModal");var Wu=-10;function er(t){let{bestRoute:e}=M(),{highValueLoss:o,percentageChange:n,priceImpactCanNotBeComputed:r,openModal:s,onToggle:a,totalFeeInUsd:p,outputUsdValue:l,inputUsdValue:u,loading:d,extraSpace:g}=t,m=zo(e),{recommendation:f}=qo(e),C=!m&&(o||r),c=C||m;return ze.createElement(ze.Fragment,null,(d||g&&!c)&&ze.createElement(Au,{size:20}),c&&ze.createElement(ds,null,C&&ze.createElement(ze.Fragment,null,ze.createElement(Ts,{title:o?q.highValueLossError.title:q.unknownPriceError.title,type:o&&n?.lt(Wu)?"error":"warning",variant:"alarm",action:ze.createElement(gs,{onClick:()=>a(!0)},ze.createElement(Bu,{size:12,color:"gray"}))})),m&&ze.createElement(Ts,{type:"error",variant:"alarm",title:f})),ze.createElement(ks,{highValueLoss:o,open:s,onToggle:a,percentageChange:n,inputUsdValue:u,outputUsdValue:l,totalFeeInUsd:p}))}i(er,"RouteErrors");import{ReverseIcon as Nu,styled as ws}from"@rango-dev/ui";import tr from"react";var Iu=ws("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Mu=ws("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 vs(){let t=M.use.switchFromAndTo();return tr.createElement(Iu,null,tr.createElement(Mu,{onClick:()=>{t()}},tr.createElement(Nu,{size:12})))}i(vs,"SwitchFromAndToButton");import{useEffect as bs,useRef as Du,useState as xs}from"react";import{useRef as Lu,useState as Pu}from"react";function Qo(){let[t,e]=Pu(!1),o=Lu(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await bt().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(Qo,"useFetchBestRoute");var _u=600;function Es(){let{fetch:t,cancelFetch:e}=Qo(),[o,n]=xs(!1),{fromToken:r,toToken:s,inputAmount:a,inputUsdValue:p,resetRoute:l,setRoute:u}=M(),{slippage:d,customSlippage:g,affiliatePercent:m,affiliateRef:f,affiliateWallets:C,disabledLiquiditySources:c}=U(),[w,E]=xs(""),y=Du(c),v=g??d,S=!r||!s||_e(r,s)||!Gt(a),N=i(()=>{if(o||n(!0),!S){l();let W=Go({fromToken:r,toToken:s,inputAmount:a,disabledLiquiditySources:c,slippage:v,affiliateRef:f,affiliatePercent:m,affiliateWallets:C});t(W).then(V=>{n(!1),u(V)}).catch(V=>{l(),V?.code!=="ERR_CANCELED"&&(E(V.message),n(!1))})}},"fetch"),D=mi(()=>{S||N()},_u);return bs(()=>{if(!Gt(a)||p?.eq(0)){n(!1),e();return}if(!S)return l(),n(!0),D(),e},[a,S]),bs(()=>{let W=!!y.current.length&&!c.length;return!S&&W&&N(),y.current=c,e},[c.length]),{fetch:N,loading:o,error:w}}i(Es,"useSwapInput");var Ku=Nt("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),Xu=Nt("div",{position:"relative"}),ju=Nt("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"}),Bs=Nt("div",{width:"100%",paddingTop:"$2"}),Yu=Nt("div",{paddingBottom:"$15"}),Qu=Nt("div",{width:"100%",display:"flex"});function Zo(){let t=Vu(),{fetch:e,loading:o,error:n}=Es(),{fromToken:r,fromBlockchain:s,toToken:a,toBlockchain:p,setInputAmount:l,inputAmount:u,inputUsdValue:d,outputAmount:g,outputUsdValue:m,bestRoute:f,resetRouteWallets:C}=M(),{meta:{tokens:c},loadingStatus:w}=k(),E=F.use.connectedWallets(),y=ve.use.setCurrentPage(),[v,A]=Gu(!1),{fromAmountRangeError:S,swap:N,recommendation:D}=qo(f),W=Hu(null),V=!!Number(u)&&(!!f||o||!!n),J=!1,b=Oo(d,m),H=Uo(d,b),G=!Xn(f,u,d),_=!Xn(f,u,m),B=Li(w,E,o,f,zo(f),H,G||_,J,u),le=s&&r?T(xt(E,s?.name,r?.symbol,r?.address)?.amount||"0",8,8):"0",Be=s&&r?T(xt(E,s?.name,r?.symbol,r?.address)?.amount||"0",xt(E,s?.name,r?.symbol,r?.address)?.decimal):"0";qu(()=>(y(h.home),C(),y.bind(null,"")),[]);let O=!d||!m||!m.gt(0)?null:Re(d.toNumber(),m.toNumber()),Y=i(Pe=>Pe.map((se,mt)=>({swapper:{displayName:se.swapperId,image:se.swapperLogo},from:{token:{displayName:se.from.symbol,image:se.from.logo},chain:{displayName:se.from.blockchain,image:se.from.blockchainLogo},price:{value:mt===0?T(u,6,6):se.fromAmount}},to:{token:{displayName:se.to.symbol,image:se.to.logo},chain:{displayName:se.to.blockchain,image:se.to.blockchainLogo},price:{value:se.toAmount}},alerts:se.swapperId===N?.swapperId?Q.createElement(Yu,null,Q.createElement($u,{type:"error",title:D,footer:Q.createElement(Qu,null,Q.createElement(nr,{size:"xsmall",variant:"body",color:"neutral900"},S),Q.createElement(or,{direction:"horizontal",size:8}),Q.createElement(nr,{size:"xsmall",variant:"body",color:"neutral900"},"|"),Q.createElement(or,{direction:"horizontal",size:8}),Q.createElement(nr,{size:"xsmall",variant:"body",color:"neutral900"},Ro.t({id:"yourSymbol",message:"Yours: {amount} {symbol}",values:{amount:T(N?.fromAmount||null,6,6),symbol:se?.from.symbol}})))})):void 0})),"getBestRouteSteps"),We=Ho(f,c),Te=Ni(f);return Q.createElement(R,{ref:W,fixedHeight:!1,hasLogo:!0,footer:Q.createElement(Uu,{type:"primary",size:"large",disabled:B.disabled,prefix:!B.disabled&&B.hasWarning&&Q.createElement(zu,null),fullWidth:!0,onClick:()=>{B.state==="waitForConnecting"?t(h.wallets):B.state==="needToConfirm"?A(!0):t(h.confirmSwap)}},B.title),header:{hasConnectWallet:!0,title:Ro.t("Swap"),suffix:Q.createElement(Yn,{layoutRef:W.current,onClickRefresh:f||n?e:void 0,onClickHistory:()=>t(h.swaps),onClickSettings:()=>t(h.settings)})}},Q.createElement(Ku,null,Q.createElement(ju,null,Q.createElement(Xu,null,Q.createElement(As,{label:Ro.t("From"),mode:"From",onInputChange:l,balance:le,chain:{displayName:s?.displayName||"",image:s?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>t("from-swap"),price:{value:u,usdValue:G?void 0:T(d,4,4),error:G?q.unknownPriceError.impactTitle:void 0},disabled:w==="failed",loading:w==="loading",onSelectMaxBalance:()=>{le!=="0"&&l(Be.split(",").join(""))}}),Q.createElement(vs,null)),Q.createElement(As,{sharpBottomStyle:!!f?.result||o,label:Ro.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:O?.lt(0)?T(O,2,2):null,warningLevel:Bt(O?.toNumber()??0),price:{value:T(g,6,6),usdValue:_?void 0:T(m,4,4),error:_?q.unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:w==="failed",loading:w==="loading"})),o&&Q.createElement(Bs,null,Q.createElement(Ou,{type:"basic"})),V&&!o&&Te?.result?.swaps?.length?Q.createElement(Bs,null,Q.createElement(Fu,{type:"basic",recommended:!0,input:{value:T(u,6,6),usdValue:T(d,4,4)},output:{value:T(g,6,6),usdValue:T(m,4,4)},steps:Y(Te.result.swaps),percentageChange:T(O,2,2),totalFee:T(We,2,2),totalTime:wo(vo(f))})):V&&!o?Q.createElement(Q.Fragment,null,Q.createElement(or,{size:20}),Q.createElement(Yt,{diagnosisMessage:Te?.diagnosisMessages?.[0],fetch:e,error:!!n})):null),Q.createElement(er,{openModal:v,onToggle:A,totalFeeInUsd:We,outputUsdValue:m,inputUsdValue:d,percentageChange:O,highValueLoss:H,priceImpactCanNotBeComputed:G||_,loading:o||w==="loading",extraSpace:!!f?.result||!f}))}i(Zo,"Home");import{useEffect as rr,useRef as ir}from"react";import{createSearchParams as Ru,useLocation as Zu,useSearchParams as Ju}from"react-router-dom";function Ws(){let t=ir(!0),[e,o]=Ju(),n=Zu(),r=ir(n.search),s=ir({}),a=M.use.fromBlockchain(),p=M.use.toBlockchain(),l=M.use.fromToken(),u=M.use.toToken(),d=M.use.setFromBlockchain(),g=M.use.setFromToken(),m=M.use.setToBlockchain(),f=M.use.setToToken(),C=M.use.inputAmount(),c=M.use.setInputAmount(),w=k.use.loadingStatus(),{blockchains:E,tokens:y}=k.use.meta(),v=ve.use.setSelectedSwap();return rr(()=>{let A={};Ru(r.current).forEach((N,D)=>{A[D]=N}),s.current=A;let S=n.pathname.split(h.swaps+"/")[1]||null;S&&v(S)},[]),rr(()=>{if(!t.current){let A="",S="",N="",D="",W="";if(w!=="success")A=s.current["fromBlockchain"],S=s.current["fromToken"],N=s.current["toBlockchain"],D=s.current["toToken"],W=s.current["fromAmount"]||C;else{if(n.state==="redirect")return;A=a?.name||"",S=(l?.symbol||"")+(l?.address?`--${l?.address}`:""),N=p?.name||"",D=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),W=C}o({...A&&{["fromBlockchain"]:A},...S&&{["fromToken"]:S},...N&&{["toBlockchain"]:N},...D&&{["toToken"]:D},...W&&{["fromAmount"]:W.toString()}},{replace:!0})}t.current=!1},[n.pathname,C,a,l,p,u]),rr(()=>{if(w==="success"){let A=e.get("fromBlockchain"),S=e.get("fromToken"),N=e.get("toBlockchain"),D=e.get("toToken"),W=e.get("fromAmount"),V=E.find(G=>G.name===A),J=Hn(y,S,V||null),b=E.find(G=>G.name===N),H=Hn(y,D,b||null);V&&(d(V),J&&g(J)),b&&(m(b),H&&f(H)),W&&c(W)}},[w]),null}i(Ws,"UpdateUrl");function pc(t){let e=ac(),o=lc(),n=rc(!0),r=e.pathname.split("/"),a=r[r.length-1]===h.confirmSwap&&n.current;return nc(()=>{a&&o("."),n.current=!1},[]),a?ht.createElement(Zo,null):ht.createElement(ht.Fragment,null," ",t.children)}i(pc,"Route");function Ns({children:t,...e}){let o=sc(),n=o?pc:ic,{blockchains:r}=k.use.meta(),{canSwitchNetworkTo:s}=tc(),a=r.filter(oc);return ec({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),ht.createElement(ht.Fragment,null,ht.createElement(n,null,t),o&&ht.createElement(Ws,null))}i(Ns,"AppRouter");import Ae from"react";import{useRoutes as Nf}from"react-router-dom";import{i18n as Xe}from"@lingui/core";import{useManager as nm}from"@rango-dev/queue-manager-react";import{Alert as dr,BestRoute as rm,BestRouteSkeleton as im,Button as an,Divider as Dt,IconButton as ha,MessageBox as sm,Modal as am,RefreshIcon as lm,SettingsIcon as pm,styled as ya,Tooltip as um,Typography as ga,WalletIcon as cm}from"@rango-dev/ui";import L,{useEffect as ln,useState as pn}from"react";import{flushSync as mm}from"react-dom";import{useNavigate as dm}from"react-router-dom";import{i18n as tt}from"@lingui/core";import{Alert as mr,BalanceErrors as Hc,Button as ca,ChevronDownIcon as Gc,ChevronLeftIcon as Vc,Divider as Pt,MessageBox as Kc,Modal as ma,Typography as sn,WalletIcon as Xc}from"@rango-dev/ui";import x,{useEffect as jc,useState as Ct}from"react";import{useNavigate as Yc}from"react-router-dom";import{i18n as Jo}from"@lingui/core";function en(t){switch(t.type){case 0:return Jo.t("Route has been updated.");case 3:return Jo.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Jo.t("Route swappers has been updated.");case 2:return Jo.t("Route internal coins has been updated.");default:return""}}i(en,"getRouteWarningMessage");import*as Mt from"@radix-ui/react-collapsible";import{Button as uc,darkTheme as It,IconButton as cc,keyframes as Is,styled as Ce,TextField as mc}from"@rango-dev/ui";var dc=Is({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),fc=Is({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Ms=Ce("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Ls=Ce("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),Ps=Ce("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${It} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${It} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${It} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Ds=Ce(Mt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent"}),_s=Ce("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),$s=Ce(cc,{position:"absolute",left:"$20"}),Fs=Ce("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),Os=Ce(Mt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Us=Ce(uc,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${It} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${It} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${It} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),zs=Ce("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),qs=Ce("div",{transition:"all 300ms ease",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Hs=Ce("div",{display:"flex"}),Gs=Ce(mc,{padding:"$0 $15 $15 $15"}),Vs=Ce(Mt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${dc} 300ms ease-out`},false:{animation:`${fc} 300ms ease-out`}}}}),Ks=Ce("div",{overflow:"visible",width:"100%"});import{i18n as et}from"@lingui/core";import{Button as Uc,Divider as pr,Image as zc,MessageBox as ur,Modal as sa,SelectableWallet as qc,Typography as aa,WalletState as la}from"@rango-dev/ui";import ie,{useEffect as pa,useState as Zt}from"react";import{WalletState as js}from"@rango-dev/ui";import{useWallets as hc}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as yc,WalletTypes as Sc}from"@rango-dev/wallets-shared";import{useEffect as Cc,useState as kc}from"react";import{allProviders as gc}from"@rango-dev/provider-all";function tn(t,e){let o=gc({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(tn,"matchAndGenerateProviders");function Xs(t,e){return tn(t,e).map(r=>r.config.type)}i(Xs,"configWalletsToWalletName");var Tc=Object.values(Sc);function on(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:p,connect:l}=hc(),{connectedWallets:u}=F(),{blockchains:d}=k().meta,g=typeof e?.multiWallets>"u"?!0:e.multiWallets,m=Xs(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Tc,f=ki(s,p,m,o),C=xi(f),[c,w]=kc(""),E=i(S=>!u.find(N=>N.walletType===S&&N.chain===o),"isExperimentalChainNotAdded"),y=i(async S=>{let N=s(S);try{if(c&&w(""),N.connected)await a(S);else{let D=!!f.find(W=>W.state===js.CONNECTED);if(!g&&D)return;n?.(S),await l(S),r?.(S)}}catch(D){w("Error: "+D?.message)}},"handleClick"),v=i(()=>{let S=f?.filter(N=>N.state===js.CONNECTING)||[];for(let N of S)a(N.type)},"disconnectConnectingWallets");Cc(()=>()=>{v()},[]);let A=i((S,N,D)=>Bo(D,N)&&E(S)&&!yc.includes(S),"shouldExcludeWallet");return{list:C.filter(S=>!A(S.type,o??"",d)),error:c,handleClick:y}}i(on,"useWalletList");import{i18n as Js}from"@lingui/core";import{styled as ea,Typography as Nc,Wallet as Ic,WalletState as Mc}from"@rango-dev/ui";import St,{Fragment as Lc,useState as Pc}from"react";import{Divider as Ec,Modal as Ac}from"@rango-dev/ui";import ar from"react";import{i18n as Lt}from"@lingui/core";import{Image as bc,MessageBox as sr,WalletState as xc}from"@rango-dev/ui";import yt from"react";import{keyframes as wc,styled as nn}from"@rango-dev/ui";var aT=nn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Ys=nn("div",{position:"relative"}),vc=wc({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Qs=nn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${vc} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Rs=nn("div",{"& img":{borderRadius:"50%"}});function Zs(t){let{state:e,image:o,error:n}=t;return e===xc.CONNECTED?yt.createElement(sr,{type:"success",title:Lt.t("Wallet Connected"),description:Lt.t("Your wallet is connected, you can use it to swap.")}):n?yt.createElement(sr,{type:"error",title:Lt.t("Failed to Connect"),description:n||Lt.t("Your wallet is not connected. Please try again.")}):yt.createElement(sr,{type:"loading",title:Lt.t("Connecting to your wallet"),description:Lt.t("Click connect in your wallet popup."),icon:yt.createElement(Ys,null,yt.createElement(Rs,null,yt.createElement(bc,{src:o,size:45})),yt.createElement(Qs,null))})}i(Zs,"ModalContent");function Rt(t){let{open:e,onClose:o,...n}=t;return ar.createElement(Ac,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},ar.createElement(Zs,{...n}),ar.createElement(Ec,{direction:"vertical",size:32}))}i(Rt,"WalletModal");import{useInRouterContext as Bc,useNavigate as Wc}from"react-router-dom";function re(){let t=Bc(),e=Wc(),o=M.use.routeWalletsConfirmed();return h,{navigateBackFrom:i(r=>{if(r===h.swapDetails)return e("/"+h.swaps,{replace:!0});if(!t||window.history.state&&window.history.state.idx>0)e(-1);else{if([h.settings,h.wallets].includes(r)&&o)return e("/"+h.confirmSwap,{replace:!0});[h.fromSwap,h.toSwap,h.settings,h.wallets,h.swaps,h.confirmSwap].includes(r)?e(h.home,{replace:!0}):r===h.fromBlockchain?e("/"+h.fromSwap,{replace:!0}):r===h.toBlockchain?e("/"+h.fromSwap,{replace:!0}):r===h.liquiditySources&&e("/"+h.settings,{replace:!0})}},"navigateBackFrom")}}i(re,"useNavigateBack");var Dc=ea("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),_c=ea("div",{textAlign:"center"}),rn=3e3,$c=300;function ta({config:t}){let{navigateBackFrom:e}=re(),[o,n]=Pc(""),r=null,{list:s,handleClick:a,error:p}=on({config:t,onBeforeConnect:m=>{r=setTimeout(()=>{n(m)},$c)},onConnect:()=>{r&&clearTimeout(r),setTimeout(()=>{n("")},rn)}}),l=k.use.loadingStatus(),u=s.find(m=>m.type===o),d=u?.image||"",g=u?.state||Mc.NOT_INSTALLED;return St.createElement(R,{header:{title:Js.t("Connect Wallets"),onBack:e.bind(null,h.wallets)}},St.createElement(_c,null,St.createElement(Nc,{variant:"title",size:"xmedium",align:"center"},Js.t("Choose a wallet to connect.")),St.createElement(Dc,null,s.map((m,f)=>{let C=`wallet-${f}-${m.type}`;return St.createElement(Lc,{key:C},St.createElement(Ic,{...m,container:de(),onClick:c=>{a(c)},isLoading:l==="loading"}))}),St.createElement(Rt,{open:!!o,onClose:()=>n(""),image:d,state:g,error:p}))))}i(ta,"WalletsPage");function oa(t,e){return e.find(o=>o.name===t)?.displayName}i(oa,"getBlockchainDisplayNameFor");import{keyframes as Fc,styled as lr}from"@rango-dev/ui";var na=lr("div",{position:"relative"}),Oc=Fc({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ra=lr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Oc} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ia=lr("div",{"& img":{borderRadius:"50%"}});function cr(t){let{config:e,chain:o,isSelected:n,selectWallet:r,limit:s,onShowMore:a}=t,p=F.use.connectedWallets(),{blockchains:l}=k.use.meta(),[u,d]=Zt(""),[g,m]=Zt(null),[f,C]=Zt(!1),[c,w]=Zt(null),{connect:E}=ua(),{list:y,error:v,handleClick:A}=on({config:e,chain:o,onBeforeConnect:d,onConnect:()=>setTimeout(()=>d(""),rn)}),[S,N]=Zt(y),D=y.length,W=s&&D-s>0,V=i(async b=>{C(!1),w("in-progress"),await E(b.walletType,b.chain),w("completed")},"addExperimentalChain");pa(()=>{N(b=>{let H=y.findIndex(G=>n(G.type,o));return W&&H>1?[y[H]].concat(y.filter((G,_)=>_!==H)):b.map(G=>y.find(_=>_.type===G.type)??G)})},[JSON.stringify(y)]);let J=document.querySelector("#swap-box");return pa(()=>{let b=null;return c==="completed"&&(b=setTimeout(()=>w(null),rn)),()=>{b&&clearTimeout(b)}},[c]),ie.createElement(ie.Fragment,null,S.slice(0,s).map(b=>{let H=Ei({connectedWallets:p,walletType:b.type,chain:o}),G=H?Wo(H):"",_=Bo(l,o),B=!p.find(We=>We.walletType===b.type&&We.chain===o),le=_&&B&&b.state===la.CONNECTED,Be=le?et.t({id:"addChain",message:"Add {chain} chain",values:{chain:o}}):G,O=i(()=>{b.state===la.DISCONNECTED?A(b.type):le?(m({walletType:b.type,chain:o,address:H??""}),C(!0)):r({walletType:b.type,chain:o,address:H??""})},"onClick"),Y=g?.chain?oa(g.chain,l):void 0;return ie.createElement(ie.Fragment,null,u===b.type&&ie.createElement(Rt,{open:u===b.type,onClose:()=>d(""),image:b.image,state:b.state,error:v}),!!g&&ie.createElement(sa,{open:!!g&&f,container:J,onClose:()=>{m(null)}},ie.createElement(ur,{title:et.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Y}}),type:"warning",description:et.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Y}})},ie.createElement(pr,{size:18}),ie.createElement(pr,{size:32}),ie.createElement(Uc,{onClick:V.bind(null,g),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},et.t("Confirm")))),c&&ie.createElement(sa,{open:!!c,onClose:w.bind(null,null),container:J},c==="in-progress"?ie.createElement(ur,{type:"loading",title:et.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Y}}),description:et.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Y}}),icon:ie.createElement(na,null,ie.createElement(ia,null,ie.createElement(zc,{src:b.image,size:45})),ie.createElement(ra,null))}):ie.createElement(ur,{type:"success",title:et.t({id:"blockchainAdded",message:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Y}}),description:et.t({id:"blockchainAddedDescription",message:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Y}})}),ie.createElement(pr,{direction:"vertical",size:32})),ie.createElement(qc,{key:b.type,description:Be,onClick:O,selected:n(b.type,o),...b}))}),W&&ie.createElement(Ps,{selected:!1,onClick:a.bind(null)},ie.createElement(aa,{variant:"label",size:"medium"},et.t("Show more wallets"),ie.createElement(aa,{variant:"label",size:"medium",color:"$primary"},"\xA0+",D-(s??0)))))}i(cr,"WalletList");var Qc=2;function da(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,config:s,loading:a}=t,{blockchains:p}=k.use.meta(),{bestRoute:l,setSelectedWallets:u,routeWalletsConfirmed:d,setRouteWalletConfirmed:g,customDestination:m,setCustomDestination:f}=M(),{connectedWallets:C,selectWallets:c}=F(),[w,E]=Ct(""),[y,v]=Ct([]),[A,S]=Ct(""),[N,D]=Ct(null),[W,V]=Ct(m),[J,b]=Ct(!!m),H=Mo(l),G=typeof s?.customDestination>"u"?!0:s.customDestination,_=p.find($=>$.name===l?.result?.swaps[l?.result?.swaps.length-1].to.blockchain),B=i($=>!!l?.result?.swaps.find(I=>I.from.blockchain===$),"isWalletRequiredFor"),[le,Be]=Ct(C.filter($=>$.selected&&H.includes($.chain))),O=p.find($=>$.name===_?.name),Y=i(($,I)=>!!le.find(z=>z.walletType===$&&z.chain===I&&z.selected&&(B(I)||!B(I)&&!W)),"isSelected"),We=!!W&&J&&O&&!Lo(O,W),Te=i(()=>{b(!1),V(""),Be($=>{let I=!1;return $.map(z=>!I&&z.chain===_?.name?(I=!0,{...z,selected:!0}):z)})},"resetCustomDestination"),Pe=i($=>{if(w&&E(""),Y($.walletType,$.chain))return;let z=C.find(pe=>pe.walletType===$.walletType&&pe.chain===$.chain);z&&(n(),$.chain===_?.name&&J&&(b(!1),V("")),Be(pe=>pe.filter(K=>K.chain!==$.chain).concat({...z,selected:!0})))},"onChange"),se=i(()=>{let $=le.filter(I=>I.selected);c($),u($),f(W),g(!0),o()},"onConfirmBalance"),mt=i(async()=>{v([]),S(""),D(null);let $=C.filter(pe=>le.find(K=>K.chain===pe.chain&&K.walletType===pe.walletType)),I=await r?.({selectedWallets:$,customDestination:W}),z=I.warnings;z?.balance?.messages&&v(z.balance.messages),z?.route&&D(z.route),I.error&&S(Po(I.error)),!I.error&&(!z?.balance?.messages.length||0>0)?se():v(z?.balance?.messages??[])},"onConfirmWallets");jc(()=>{Be($=>$.concat(C.filter(I=>!!!$.find(pe=>pe.chain===I.chain)&&I.selected&&H.includes(I.chain))))},[C.length]);let dt=document.querySelector("#swap-box"),zt=Yc();return x.createElement(ma,{open:e,onClose:()=>{d||zt(h.home,{replace:!0}),o()},dismissible:!w,container:dt,...!w&&{footer:x.createElement(Hs,null,x.createElement(ca,{loading:a,disabled:Hi(a,J,W,l,le,_),onClick:mt,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...w&&{containerStyle:{padding:"$0"},header:x.createElement(_s,null,x.createElement($s,{variant:"ghost",onClick:E.bind(null,"")},x.createElement(Vc,{size:16})),x.createElement(sn,{variant:"headline",size:"small"},tt.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:w}})))},anchor:"center"},x.createElement(ma,{open:y.length>0,onClose:v.bind(null,[]),container:dt},x.createElement(Kc,{title:tt.t("Insufficient account balance"),type:"error",description:x.createElement(Hc,{messages:y??[]})},x.createElement(ca,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:se},tt.t("Proceed anyway")))),w&&x.createElement(Fs,null,x.createElement("div",{className:"wallets-list"},x.createElement(cr,{chain:w,isSelected:Y,selectWallet:Pe,multiWallets:s?.multiWallets??!0,supportedWallets:s?.wallets??[],config:s,onShowMore:E.bind(null,w)}))),!w&&x.createElement(x.Fragment,null,A&&x.createElement(x.Fragment,null,x.createElement(mr,{variant:"alarm",type:"error",title:tt.t(A)}),x.createElement(Pt,{size:12})),N&&x.createElement(x.Fragment,null,x.createElement(mr,{variant:"alarm",type:"warning",title:en(N)}),x.createElement(Pt,{size:12})),x.createElement(Ks,null,H.map(($,I)=>{let z=p.find(te=>te.name===$),pe=`wallet-${I}`,K=I===H.length-1;return x.createElement("div",{key:pe},x.createElement(Ms,null,x.createElement(sn,{variant:"title",size:"xmedium"},tt.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:z?.displayName}})),x.createElement(sn,{variant:"label",color:"$neutral900",size:"medium"},tt.t({id:"needConnect",message:"You need to connect a {blockchainName} wallet.",values:{blockchainName:z?.displayName}}))),x.createElement(Pt,{size:24}),x.createElement(Ls,null,x.createElement(cr,{chain:$,isSelected:Y,selectWallet:Pe,multiWallets:s?.multiWallets??!0,supportedWallets:s?.wallets??[],config:s,limit:Qc,onShowMore:()=>E(z?.name??"")})),!K&&x.createElement(Pt,{size:32}),K&&G&&x.createElement(zs,null,x.createElement(Os,{selected:J,open:J,onOpenChange:te=>{te?B(_?.name??"")||Be(qt=>qt.map(Ge=>Ge.chain===_?.name?{...Ge,selected:!1}:Ge)):Te()}},x.createElement(Ds,{onClick:()=>b(te=>!te)},x.createElement(Us,{fullWidth:!0,variant:"default",suffix:x.createElement(qs,{orientation:J?"up":"down"},x.createElement(Gc,{size:10,color:"gray"}))},x.createElement("div",{className:"button__content"},x.createElement(Xc,{size:18,color:"info"}),x.createElement(Pt,{size:4,direction:"horizontal"}),x.createElement(sn,{variant:"label",size:"medium"},tt.t("Send to a different address"))))),x.createElement(Vs,{open:J},x.createElement(x.Fragment,null,x.createElement(Pt,{size:4}),x.createElement(Gs,{autoFocus:!0,placeholder:tt.t("Your destination address"),value:W,onChange:te=>{V(te.target.value)}})))),We&&x.createElement("div",{className:"alarms"},x.createElement(mr,{variant:"alarm",type:"error",title:tt.t({id:"addressMatch",values:{destination:W},message:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(da,"ConfirmWalletsModal");import{calculatePendingSwap as Zc}from"@rango-dev/queue-manager-rango-preset";import Jc from"bignumber.js";import{useEffect as em}from"react";function tm(t,e){if(!t.result)throw new Error(q.noRoutesError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let o=new Jc(t.result?.outputAmount||"0").multipliedBy(e.outputUsdValue||0),n=Oo(e.inputUsdValue,o);if(Uo(e.inputUsdValue,n))throw new Error("High value loss for route",{cause:{type:1}});return t}i(tm,"throwErrorIfResponseIsNotValid");function om(t,e,o){let n=Bi(t,e),r={balance:null,route:null,slippage:null};n&&($i(t,e)?r.route={type:3,newOutputAmount:T(Wt(e)),percentageChange:T(Re(Wt(t),Wt(e)),null,2)}:Gn(t,e)?r.route={type:0}:Vn(t,e)?r.route={type:1}:Kn(t,e)&&(r.route={type:2}));let s=Fi(e,o.selectedWallets);s.length===0||(r.balance={messages:s});let p=Pi(t),l=o.userSlippage>ns;return Di(o.userSlippage.toString(),p)?l&&(r.slippage={type:1,slippage:o.userSlippage.toString()}):r.slippage={type:0,slippage:p},r}i(om,"generateWarnings");function fa(){let{fromToken:t,toToken:e,inputAmount:o,inputUsdValue:n,setRoute:r,bestRoute:s,customDestination:a}=M(),{slippage:p,customSlippage:l,affiliatePercent:u,affiliateRef:d,affiliateWallets:g,disabledLiquiditySources:m}=U(),{connectedWallets:f}=F(),{meta:C}=k(),c=l||p,{fetch:w,cancelFetch:E,loading:y}=Qo();return em(()=>E,[]),{loading:y,fetch:i(async A=>{let S=A.selectedWallets,N=A?.customDestination??a;if(!t||!e||!o||!s)return{route:null,swap:null,error:null,warnings:null};let D=Go({fromToken:t,toToken:e,inputAmount:o,wallets:f,selectedWallets:S,disabledLiquiditySources:m,slippage:c,affiliateRef:d,affiliatePercent:u,affiliateWallets:g,initialRoute:s,destination:N}),W;try{W=await w(D).then(b=>tm(b,{outputUsdValue:e.usdPrice,inputUsdValue:n})),r(W)}catch(b){return b?.code==="ERR_CANCELED"?{swap:null,error:{type:3},warnings:null}:b.cause?{swap:null,error:b.cause,warnings:null}:{swap:null,error:{type:2},warnings:null}}let V={slippage:c.toString(),disabledSwappersGroups:m},J=Zc(o.toString(),W,_i(S),V,!1,C);return{route:W,swap:J,error:null,warnings:om(s,W,{selectedWallets:S,userSlippage:c})}},"fetch"),cancelFetch:E}}i(fa,"useConfirmSwap");var fm=ya("div",{position:"relative",width:"100%","& .description":{display:"flex",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10"},"& .icon":{width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}}),gm=ya("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${ha}`]:{width:"$48",height:"$48"}});function Sa(t){let{config:e}=t,{bestRoute:o,inputAmount:n,outputAmount:r,inputUsdValue:s,outputUsdValue:a,setInputAmount:p,selectedWallets:l,routeWalletsConfirmed:u,setRouteWalletConfirmed:d,customDestination:g}=M(),m=dm(),[f,C]=pn(""),[c,w]=pn(!1),{connectedWallets:E}=F(),y=!u,[v,A]=pn(!1),S=ve.use.setSelectedSwap(),{meta:{tokens:N},loadingStatus:D}=k(),W=U.use.slippage(),V=U.use.customSlippage(),{manager:J}=nm(),b=V||W,{fetch:H,loading:G,cancelFetch:_}=fa(),[B,le]=pn({swap:null,error:null,warnings:null}),Be=G||D==="loading",O=!G&&B.error&&[0,2].includes(B.error.type),Y=!O&&!G&&o&&o.result,We=Ho(o,N),Te=T(Re(s?.toNumber()??0,a?.toNumber()??0),2,2),Pe=Bt(parseFloat(Te)),se=i(async({selectedWallets:I,customDestination:z})=>{let pe=await H?.({selectedWallets:I,customDestination:z});return le(pe),pe},"onConfirmSwap"),mt=i(async()=>{if(B.swap&&u)try{await J?.create("swap",{swapDetails:B.swap},{id:B.swap.requestId}),S(B.swap.requestId),m("/"+h.swaps+`/${B.swap.requestId}`,{replace:!0}),setTimeout(()=>{p("")},0)}catch(I){C("Error: "+I?.message)}},"addNewSwap"),dt=i(async()=>{await mt()},"onConfirm"),zt=i(async()=>{B?.warnings?.slippage?w(!0):await dt()},"onStartConfirmSwap"),$=i(async()=>{le({error:null,swap:null,warnings:null}),H({selectedWallets:l}).then(I=>{le(I)}).catch(I=>console.error(I))},"onRefresh");return ln(()=>{y&&_()},[y]),ln(()=>{y&&A(y)},[y]),ln(()=>{y||H({selectedWallets:l,customDestination:g}).then(I=>le(I)).catch(I=>console.error(I))},[]),ln(()=>{let I=B.warnings?.route?.type&&Object.values(Kt).includes(B.warnings?.route?.type),z=l.length<1||!l.every(K=>E.find(te=>K.address===te.address&&K.walletType===te.walletType&&K.chain===te.chain)),pe=!1;if(I){let K=Mo(o),te=o?.result?.swaps[o.result.swaps.length-1].to.blockchain;!!o?.result?.swaps.find(Ht=>Ht.from.blockchain===te)||(K=K.slice(-K.length,K.length-1)),K.every(Ht=>l.find(cp=>cp.chain===Ht))||(pe=!0)}o&&(z||pe)&&(queueMicrotask(()=>mm(A.bind(null,!0))),d(!1))},[B.warnings?.route,l.length,E.length]),L.createElement(R,{header:{title:Xe.t("Confirm Swap"),onBack:m.bind(null,-1),hasConnectWallet:!0,suffix:L.createElement(um,{container:de(),side:"bottom",content:Xe.t("Settings")},L.createElement(De,{size:"small",variant:"ghost",onClick:()=>m("/"+h.settings)},L.createElement(pm,{size:18,color:"black"})))},footer:L.createElement(gm,null,L.createElement("div",{className:"confirm-button"},L.createElement(an,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:G,disabled:!!B.error,onClick:zt},Xe.t("Start Swap"))),L.createElement(ha,{variant:"contained",type:"primary",size:"large",loading:G,onClick:A.bind(null,!0)},L.createElement(cm,{size:24})))},L.createElement(am,{anchor:"bottom",open:c,prefix:L.createElement(an,{size:"small",variant:"ghost",onClick:()=>m("/"+h.settings)},L.createElement(ga,{variant:"label",size:"medium",color:"$neutral900"},Xe.t("Change settings"))),container:document.querySelector("#swap-box"),onClose:w.bind(null,I=>!I)},B.warnings?.slippage&&L.createElement(sm,{type:"warning",title:B.warnings.slippage.type===1?Xe.t("High slippage"):Xe.t("Low slippage"),description:B.warnings.slippage.type===1?Xe.t("highSlippage",{selectedSlippage:b},{message:" Caution, your slippage is high (={selectedSlippage}). Your trade may be front run."}):Xe.t("increaseSlippage",{minRequiredSlippage:B.warnings.slippage.slippage},{message:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route."})},L.createElement(Dt,{size:18}),L.createElement(Dt,{size:32}),L.createElement(an,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:dt},Xe.t("Confirm anyway")))),v&&L.createElement(da,{open:v,onClose:()=>A(!1),onCancel:_,loading:G,onCheckBalance:se,config:e}),L.createElement(fm,null,L.createElement("div",{className:"description"},L.createElement(ga,{variant:"title",size:"small"},Xe.t("You get")),L.createElement(an,{style:{padding:"0"},variant:"ghost",disabled:G,onClick:$},L.createElement("div",{className:"icon"},L.createElement(lm,{size:16})))),f&&L.createElement(L.Fragment,null,L.createElement(dr,{type:"error",variant:"alarm",title:f}),L.createElement(Dt,{size:12})),B.warnings?.route&&L.createElement(L.Fragment,null,L.createElement(dr,{variant:"alarm",type:"warning",title:en(B.warnings.route)}),L.createElement(Dt,{size:12})),Be&&L.createElement(im,{type:"swap-preview",expanded:!0}),Y&&L.createElement(rm,{expanded:!0,tooltipContainer:document.getElementById("swap-box"),steps:Ii(o)??[],input:{value:T(n,6,6),usdValue:T(s,4,4)},output:{value:T(r,6,6),usdValue:T(a,4,4)},totalFee:T(We,2,2),totalTime:wo(vo(o)),recommended:!0,type:"swap-preview",percentageChange:Te,warningLevel:Pe}),O&&L.createElement(L.Fragment,null,L.createElement(Dt,{size:12}),L.createElement(Yt,{diagnosisMessage:B.error?.type===0?B.error.diagnosisMessage:void 0,error:B.error?.type===2,fetch:$})),B.error?.type===1&&L.createElement(L.Fragment,null,L.createElement(dr,{variant:"alarm",type:"error",title:Po(B.error)}),L.createElement(Dt,{size:12}))))}i(Sa,"ConfirmSwapPage");import{i18n as mn}from"@lingui/core";import{useManager as Tm}from"@rango-dev/queue-manager-react";import{Divider as wm,NotFound as vm,styled as Aa}from"@rango-dev/ui";import ut,{useState as bm}from"react";import{useNavigate as xm}from"react-router-dom";import{CloseIcon as ym,IconButton as Sm,SearchIcon as Cm,TextField as km}from"@rango-dev/ui";import Jt from"react";import{styled as hm}from"@rango-dev/ui";var Ca=hm("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function ot(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:p,...l}=t;return Jt.createElement(km,{prefix:Jt.createElement(Ca,null,Jt.createElement(Cm,{color:"black"})),suffix:!!a.length&&Jt.createElement(Sm,{variant:"ghost",onClick:()=>p?.(""),size:"small"},Jt.createElement(ym,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...l})}i(ot,"SearchInput");import{i18n as Ta}from"@lingui/core";import{Divider as wa,SwapListItem as va,Typography as ba}from"@rango-dev/ui";import oe from"react";import{styled as un}from"@rango-dev/ui";var fr=un("div",{width:"100%",display:"flex",flexDirection:"column"}),gr=un("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),hr=un("div",{gap:"$10",display:"flex",flexDirection:"column"}),ka=un("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function yr(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,s=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return oe.createElement(oe.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(l=>oe.createElement(oe.Fragment,{key:l.title},oe.createElement(fr,null,oe.createElement(gr,null,oe.createElement(ba,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},Ta.t(l.title))),oe.createElement(wa,{size:4}),oe.createElement(hr,null,l.swaps.map((u,d)=>{let g=d+l.title;return oe.createElement(oe.Fragment,{key:g},oe.createElement(va,{isLoading:!0}))}))))))}return oe.createElement(oe.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>oe.createElement(oe.Fragment,{key:a.title},oe.createElement(fr,null,oe.createElement(gr,null,oe.createElement(ba,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},Ta.t(a.title))),oe.createElement(wa,{size:4}),oe.createElement(hr,null,a.swaps.map(p=>{let l=p.steps[0],u=p.steps[p.steps.length-1];return oe.createElement(oe.Fragment,{key:p.requestId},oe.createElement(va,{requestId:p.requestId,creationTime:p.creationTime,status:p.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:l.fromLogo,displayName:l.fromSymbol},blockchain:{image:l.fromBlockchainLogo||""},amount:bo(p.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:bo(u.outputAmount||""),estimatedAmount:bo(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}i(yr,"SwapsGroup");import xa from"dayjs";var Ea=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=xa();return t.forEach(n=>{let r=xa(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 cn=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 Em=Aa("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Am=Aa("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Bm=i((t,e)=>t?.length?t.filter(o=>Ve(o.fromBlockchain,e)||Ve(o.toBlockchain,e)||Ve(o.toSymbol,e)||Ve(o.fromSymbol,e)).length:!1,"isStepContainsText");function Ba(){let t=ve.use.setSelectedSwap(),e=xm(),{navigateBackFrom:o}=re(),{manager:n,state:r}=Tm(),s=cn(n).map(({swap:m})=>m),[a,p]=bm(""),l=!r.loadedFromPersistor,u=i(m=>{let f=m.target.value;p(f)},"searchHandler"),d=s;a&&(d=s.filter(m=>Ve(m.inputAmount,a)||Ve(m.status,a)||Bm(m.steps,a)||Ve(m.requestId,a)));let g=!d?.length&&!l;return ut.createElement(R,{header:{onBack:o.bind(null,h.swaps),title:mn.t("History")}},ut.createElement(Em,null,ut.createElement(ot,{setValue:p,fullWidth:!0,variant:"contained",placeholder:mn.t("Search Transaction"),autoFocus:!0,onChange:u,value:a}),ut.createElement(Am,null,g&&ut.createElement(ka,null,ut.createElement(wm,{size:32}),ut.createElement(vm,{title:mn.t("No results found"),description:a?mn.t("Try using different keywords"):""})),!g&&ut.createElement(yr,{list:d,onSwapClick:m=>{t(m),e(`${m}`,{replace:!0})},groupBy:Ea,isLoading:l}))))}i(Ba,"HistoryPage");import{i18n as to}from"@lingui/core";import{List as Wm,ListItemButton as Nm,Radio as kr,RadioRoot as Im,Typography as Tr}from"@rango-dev/ui";import qe,{useState as Mm}from"react";import{styled as dn}from"@rango-dev/ui";var nt=dn("div",{height:"100%"}),eo=dn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"visible"}),Sr=dn("div",{width:80,display:"flex",justifyContent:"flex-end"}),Cr=dn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Wa(){let{navigateBackFrom:t}=re(),[e,o]=Mm("english"),n=[{id:"english",value:"english",title:qe.createElement(Tr,{variant:"title",size:"xmedium"},to.t("English")),onClick:()=>o("english"),end:qe.createElement(kr,{value:"english"})},{id:"french",value:"french",title:qe.createElement(Tr,{variant:"title",size:"xmedium"},to.t("French")),onClick:()=>o("french"),end:qe.createElement(kr,{value:"french"})},{id:"spanish",value:"spanish",title:qe.createElement(Tr,{variant:"title",size:"xmedium"},to.t("Spanish")),onClick:()=>o("spanish"),end:qe.createElement(kr,{value:"spanish"})}];return qe.createElement(R,{header:{onBack:t.bind(null,h.settings),title:to.t("Language")}},qe.createElement(nt,null,qe.createElement(Im,{value:e},qe.createElement(Wm,{type:qe.createElement(Nm,{title:to.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(Wa,"LanguagePage");import{i18n as _t}from"@lingui/core";import{Button as $m,Checkbox as Fm,Image as Om,ListItemButton as Um,NotFound as zm,Typography as qm}from"@rango-dev/ui";import ke,{useState as Hm}from"react";import{Checkbox as Dm,Skeleton as Ia}from"@rango-dev/ui";import oo from"react";import{ListItem as Lm,styled as Pm}from"@rango-dev/ui";var Na=Pm(Lm,{height:61});var _m=30;function wr(){return oo.createElement(eo,null,Array.from(Array(_m),t=>oo.createElement(Na,{hasDivider:!0,key:t,start:oo.createElement(Ia,{variant:"circular",width:35,height:35}),title:oo.createElement(Ia,{variant:"text",size:"large",width:90}),end:oo.createElement(Dm,{checked:!1})})))}i(wr,"LoadingLiquiditySourceList");function fn(t){let e=k.use.meta().swappers,o=U.use.disabledLiquiditySources(),n=[];return st(e.map(s=>s.swapperGroup)).map(s=>{let a=e.find(p=>p.swapperGroup===s);if(a){let p=!0;t&&(p=t.some(l=>l===a.title)),p&&a.types.map(l=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:l,selected:!o.includes(a.swapperGroup)})})}}),n}i(fn,"getUniqueSwappersGroups");function vr({supportedSwappers:t,sourceType:e}){let[o,n]=Hm(""),r=U.use.toggleLiquiditySource(),{navigateBackFrom:s}=re(),a=k.use.loadingStatus(),p=fn(t),l=[];e==="Exchanges"&&l.push("DEX"),e==="Bridges"&&(l.push("BRIDGE"),l.push("AGGREGATOR"));let u=p.filter(c=>l.includes(c.type)),d=u.length===u.filter(c=>c.selected).length,g=i(()=>{u.forEach(c=>{d?r(c.groupTitle):c.selected||r(c.groupTitle)})},"toggleAllSources"),m=u.map(c=>{let{selected:w,groupTitle:E,logo:y}=c;return{start:ke.createElement(Om,{src:y,size:22,type:"circular"}),onClick:()=>r(E),end:ke.createElement(Fm,{checked:w}),title:ke.createElement(qm,{variant:"title",size:"xmedium"},_t.t(E)),...c}}),f=i(c=>{let w=c.target.value;n(w)},"searchHandler"),C=m;return o&&(C=m.filter(c=>Ve(c.groupTitle,o))),ke.createElement(R,{header:{onBack:s.bind(null,h.settings),title:_t.t(e),suffix:ke.createElement(Sr,null,ke.createElement($m,{variant:"ghost",size:"xsmall",onClick:g},_t.t(d?"Deselect all":"Select all")))}},ke.createElement(nt,null,ke.createElement(ot,{value:o,setValue:n,fullWidth:!0,color:"light",variant:"contained",placeholder:_t.t("Swap {sourceType}",{sourceType:e}),onChange:f}),a==="loading"&&ke.createElement(wr,null),!C.length&&o?ke.createElement(Cr,null,ke.createElement(zm,{title:_t.t("No results found"),description:_t.t("Try using different keywords")})):a==="success"&&ke.createElement(eo,null,C.map(c=>ke.createElement(ke.Fragment,{key:c.id},ke.createElement(Um,{style:{height:"61px"},...c,selected:!1,hasDivider:!0}))))))}i(vr,"LiquiditySourcePage");import{i18n as Oa}from"@lingui/core";import{Divider as Ar,SelectableCategoryList as Zm}from"@rango-dev/ui";import kt,{useState as Ua}from"react";import{i18n as xr}from"@lingui/core";import{Divider as $a,Image as Xm,ListItemButton as jm,NotFound as Ym,Typography as Fa}from"@rango-dev/ui";import Le,{useEffect as Qm,useState as Rm}from"react";import{BlockchainCategories as br}from"@rango-dev/ui";import{TransactionType as gn}from"rango-sdk";var Gm=i((t,e)=>{switch(e){case br.ALL:return!0;case br.UTXO:return t.type===gn.TRANSFER;case br.OTHER:return t.type!==gn.TRANSFER&&t.type!==gn.COSMOS&&t.type!==gn.EVM;default:return t.type===e}},"filterByType"),Ma=i((t,e,o)=>t.filter(n=>Gm(n,o)).filter(n=>ft(n.name,e)||ft(n.displayName,e)),"filterBlockchains");import{styled as La}from"@rango-dev/ui";var Pa=La("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),hn=La("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Vm,Skeleton as Da}from"@rango-dev/ui";import yn from"react";var Km=20;function _a(){return yn.createElement(hn,null,Array.from(Array(Km),t=>yn.createElement(Vm,{key:t,hasDivider:!0,start:yn.createElement(Da,{variant:"circular",width:35,height:35}),title:yn.createElement(Da,{variant:"text",size:"large",width:90})})))}i(_a,"LoadingBlockchainList");function Er(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=Rm(e),p=k.use.loadingStatus();Qm(()=>{a([...Ma(e,o,r)])},[e,o,r]);let l=i(()=>!s.length&&o?Le.createElement(Le.Fragment,null,Le.createElement($a,{size:32}),Le.createElement(Ym,{title:xr.t("No results found"),description:xr.t("Try using different keywords")})):Le.createElement(hn,{key:`${r}-${o}`},s.map(u=>Le.createElement(jm,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Le.createElement(Xm,{src:u.logo,size:30}),title:Le.createElement(Fa,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Le.createElement(Pa,null,Le.createElement(Fa,{variant:"label",size:"large"},xr.t("Select Blockchain")),Le.createElement($a,{size:4}),p==="loading"&&Le.createElement(_a,null),p==="success"&&l())}i(Er,"BlockchainList");function Br(t){let{type:e,supportedBlockchains:o}=t,{navigateBackFrom:n}=re(),[r,s]=Ua(""),[a,p]=Ua("ALL"),l=M.use.setToBlockchain(),u=M.use.setFromBlockchain(),{meta:{blockchains:d},loadingStatus:g}=k(),m=o?k.use.meta().blockchains.filter(f=>o.includes(f.name)):k.use.meta().blockchains;return kt.createElement(R,{header:{onBack:n.bind(null,h[`${e}Blockchain`]),title:Oa.t("Select Blockchain")}},kt.createElement(Ar,{size:12}),kt.createElement(Zm,{setCategory:p,category:a,blockchains:d,isLoading:g==="loading"}),kt.createElement(Ar,{size:24}),kt.createElement(ot,{value:r,autoFocus:!0,placeholder:Oa.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>s(""),onChange:f=>s(f.target.value)}),kt.createElement(Ar,{size:16}),kt.createElement(Er,{list:m,searchedFor:r,blockchainCategory:a,onChange:f=>{e==="from"?u(f,!0):l(f,!0),n(h[`${e}Blockchain`])}}))}i(Br,"SelectBlockchainPage");import{i18n as nl}from"@lingui/core";import{Divider as rl}from"@rango-dev/ui";import $t,{useEffect as gd,useState as il}from"react";import{useNavigate as hd}from"react-router-dom";import{i18n as Wr}from"@lingui/core";import{BlockchainsChip as Sn,Divider as Ha,Image as Ga,Skeleton as ed,Typography as Nr}from"@rango-dev/ui";import ye,{useEffect as td,useState as od}from"react";var za=i(t=>{let e=[],o=[];for(let n of t)n.name==="ETH"||n.name==="COSMOS"||n.name==="OSMOSIS"?e.push(n):o.push(n);return e.concat(o)},"sortBlockchains");import{styled as Jm}from"@rango-dev/ui";var qa=Jm("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var nd=9,Ir=10,rd=12;function Mr(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=za(e),[p,l]=od(null),u=k.use.loadingStatus(),d=M.use.resetToBlockchain(),g=M.use.resetFromBlockchain(),m=p?nd:Ir;return td(()=>{let f=a.slice(Ir,a.length).find(C=>C.chainId===n?.chainId&&C.name===n?.name);f&&l(f)},[n]),ye.createElement("div",null,ye.createElement(Ha,{size:12}),ye.createElement(Nr,{variant:"label",size:"large"},Wr.t("Select Blockchain")),ye.createElement(Ha,{size:12}),ye.createElement(qa,null,u==="loading"&&Array.from(Array(rd),f=>ye.createElement(ed,{key:f,variant:"rounded",height:50})),u==="success"&&ye.createElement(ye.Fragment,null,ye.createElement(Sn,{selected:!n,onClick:()=>{o==="from"?g():d()}},ye.createElement(Nr,{variant:"body",size:"xsmall",color:"secondary500"},Wr.t("All"))),!!p&&ye.createElement(Sn,{selected:!!p&&p.chainId===n?.chainId,key:p.chainId,onClick:()=>r(p)},ye.createElement(Ga,{src:p.logo,size:30})),a.slice(0,m).map(f=>ye.createElement(Sn,{key:f.chainId,selected:!!n&&n.chainId===f.chainId,onClick:()=>r(f)},ye.createElement(Ga,{src:f.logo,size:30}))),ye.createElement(Sn,{onClick:s},ye.createElement(Nr,{variant:"body",size:"xsmall",color:"secondary500"},Wr._("More +{count}",{count:a.length-Ir}))))))}i(Mr,"BlockchainsSection");import{i18n as _r}from"@lingui/core";import{darkTheme as Ra,Divider as ro,ExternalLinkIcon as ad,Image as ld,ListItemButton as pd,NotFound as ud,PinIcon as cd,Skeleton as Za,Typography as io,VirtualizedList as md}from"@rango-dev/ui";import P,{forwardRef as dd,useEffect as Ja,useState as el}from"react";import{Divider as Ya,ListItem as sd,Skeleton as no}from"@rango-dev/ui";import He from"react";import{styled as je,Typography as id}from"@rango-dev/ui";var Va=je("div",{display:"flex",flexDirection:"column",flexGrow:1}),Lr=je("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Cn=je("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:"$neutral800",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"}}}}}),Pr=je("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Dr=je(id,{}),Ka=je("div",{textAlign:"right"}),kn=je("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),Fx=je("div",{display:"flex",alignItems:"center"}),Xa=je("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),ja=je("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function Qa(t){return He.createElement(Cn,null,Array.from(Array(t.size),e=>He.createElement(sd,{key:e,hasDivider:!0,start:He.createElement(no,{variant:"circular",width:35,height:35}),end:He.createElement(kn,null,He.createElement(no,{variant:"text",size:"large",width:70}),He.createElement(Ya,{size:4}),He.createElement(no,{variant:"text",size:"medium",width:50})),title:He.createElement("div",null,He.createElement(no,{variant:"text",size:"large",width:90}),He.createElement(Ya,{size:4}),He.createElement(no,{variant:"text",size:"medium",width:90}))})))}i(Qa,"LoadingTokenList");var $r=20,fd=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,p=e.length;return P.createElement("div",{className:"description"},o?P.createElement("div",{className:"token-name"},o):P.createElement(Lr,{className:"token-title"},P.createElement(io,{variant:"title",size:"xmedium"},r.symbol),P.createElement(ro,{direction:"horizontal",size:4}),P.createElement(Pr,{css:s},P.createElement(Dr,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&P.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},P.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:l=>l.stopPropagation()},p>10?`${e.slice(0,5)}...${e.slice(p-6,p)}`:e," ",P.createElement(ad,{color:"gray",size:12}))))},"renderDesc");function tl(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=el(e),p=k.use.loadingStatus(),[l,u]=el(!0),d=F.use.loading(),{blockchains:g}=k.use.meta(),m=dd((c,w)=>P.createElement("div",{...c,ref:w,style:{...c.style,height:`${parseFloat(c.style?.height)+8*2}px`}})),f=i(()=>{a(e.slice(0,s.length+$r))},"loadNextPage");Ja(()=>{u(e.length>s.length)},[s.length]),Ja(()=>{a(e.slice(0,$r))},[e]);let C=i(()=>!s.length&&o?P.createElement(P.Fragment,null,P.createElement(ro,{size:32}),P.createElement(ud,{title:_r.t("No results found"),description:_r.t("Try using different keywords")})):P.createElement(md,{Item:({index:c,style:w})=>{let E=s[c].address||"",y=g.find(N=>N.name===s[c].blockchain),v=di(s[c].symbol,y?.color||""),A={$$color:v[`${s[c].symbol}100`],[`.${Ra} &`]:{$$color:v[`${s[c].symbol}900`]},backgroundColor:"$$color"},S={$$color:v[`${s[c].symbol}700`],[`.${Ra} &`]:{$$color:v[`${s[c].symbol}100`]},color:"$$color"};return P.createElement("div",{style:{...w,paddingRight:5}},P.createElement(pd,{style:{height:w?.height},"tab-index":c,key:`${s[c].symbol}${s[c].address}`,id:`${s[c].symbol}${s[c].address}`,hasDivider:!0,onClick:()=>n(s[c]),start:P.createElement(Xa,null,P.createElement(ld,{src:s[c].image,size:30}),s[c].pin&&P.createElement(ja,null,P.createElement(cd,{size:12,color:"gray"}))),title:y?.type==="COSMOS"||s[c].name||!s[c].name&&!E?P.createElement(Lr,null,P.createElement(io,{variant:"title",size:"xmedium"},s[c].symbol),P.createElement(ro,{direction:"horizontal",size:4}),P.createElement(Pr,{css:A},P.createElement(Dr,{variant:"body",size:"xsmall",css:S},s[c].blockchain))):void 0,description:y?.info&&E&&y.type!=="COSMOS"?fd({address:E,token:s[c],customCssForTag:A,customCssForTagTitle:S,name:s[c].name,url:y.info.addressUrl.split("{wallet}").join(E)}):s[c].name||void 0,end:d?P.createElement(kn,null,P.createElement(Za,{variant:"text",size:"large",width:70}),P.createElement(ro,{size:4}),P.createElement(Za,{variant:"text",size:"medium",width:50})):s[c]?.balance&&P.createElement(Ka,null,P.createElement(io,{variant:"title",size:"small"},s[c].balance?.amount),P.createElement("div",null),s[c].balance?.usdValue&&P.createElement(io,{variant:"body",color:"neutral800",size:"xsmall"},`$${s[c].balance?.usdValue}`))}))},hasNextPage:l,itemCount:s.length,loadNextPage:f,innerElementType:m,size:60,key:`${r}-${o}`}),"renderList");return P.createElement(Va,null,P.createElement(io,{variant:"label",size:"large"},_r.t("Select Token")),P.createElement(ro,{size:4}),p==="loading"&&P.createElement(Qa,{size:$r}),p==="success"&&P.createElement(Cn,null,C()))}i(tl,"TokenList");var ol=i((t,e)=>t.filter(o=>ft(o.symbol,e)||ft(o.address||"",e)||ft(o.name||"",e)).sort((o,n)=>n.pin-o.pin),"filterTokens");function Fr(t){let{type:e,supportedBlockchains:o,supportedTokens:n,pinnedTokens:r}=t,[s,a]=il(""),p=hd(),{navigateBackFrom:l}=re(),{meta:{tokens:u},setTokensWithBalance:d}=k(),{sourceTokens:g,destinationTokens:m,fromBlockchain:f,toBlockchain:C,setFromToken:c,setToToken:w,setFromBlockchain:E,setToBlockchain:y}=M(),{connectedWallets:v,loading:A}=F(),[S,N]=il(""),D=o?k.use.meta().blockchains.filter(_=>o.includes(_.name)):k.use.meta().blockchains,W=n?Io(n,u):u.filter(_=>new Set(D.map(B=>B.name)).has(_.blockchain)),V=n?Io(n,g):g,J=n?Io(n,m):m,b=e==="from"?V:J,H=[];return e==="from"&&!f||e==="to"&&!C?H=W:b.length&&(H=b.map(_=>({..._,pin:r?.some(B=>_e(B,_))}))),gd(()=>{v.length&&!A&&d()},[v,A]),$t.createElement(R,{header:{onBack:()=>l(e==="from"?h.fromSwap:h.toSwap),title:nl.t("Swap {type}",{type:e})}},$t.createElement(Mr,{blockchains:D,type:e,blockchain:e==="from"?f:C,onMoreClick:()=>p(e==="from"?h.fromBlockchain:h.toBlockchain),onChange:_=>{e==="from"?E(_,!0):y(_,!0),a(_.name)}}),$t.createElement(rl,{size:24}),$t.createElement(ot,{value:S,autoFocus:!0,placeholder:nl.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>N(""),onChange:_=>N(_.target.value)}),$t.createElement(rl,{size:16}),$t.createElement(tl,{list:ol(H,S),selectedBlockchain:s,searchedFor:S,onChange:_=>{let B=D.find(le=>_.blockchain===le.name);e==="from"?(c(_),B&&E(B,!0)):(w(_),B&&y(B,!0)),l(h.fromSwap)}}))}i(Fr,"SelectSwapItemsPage");import{i18n as Tt}from"@lingui/core";import{ChevronRightIcon as wn,Divider as fl,List as wd,ListItemButton as vd,Skeleton as bd,Switch as xd,Typography as wt}from"@rango-dev/ui";import ne from"react";import{useNavigate as Ed}from"react-router-dom";import{i18n as cl}from"@lingui/core";import{Chip as Sd,Divider as ml,InfoIcon as Cd,TextField as kd,Tooltip as Td,Typography as dl}from"@rango-dev/ui";import be from"react";import{styled as Tn}from"@rango-dev/ui";var sl=Tn("div",{paddingTop:"$5",paddingBottom:"30px"}),al=Tn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),ll=Tn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),pl=Tn("div",{maxWidth:"300px",padding:"$10"});import{i18n as Or}from"@lingui/core";import{Typography as yd}from"@rango-dev/ui";import so from"react";function ul(){return so.createElement(pl,null,so.createElement(yd,{variant:"label",size:"small",color:"neutral900"},Or.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),so.createElement("br",null),so.createElement("br",null),so.createElement("b",null,Or.t("Warning")),":",Or.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}i(ul,"SlippageTooltipContent");function Ur(){let t=U.use.slippage(),e=U.use.setSlippage(),o=U.use.customSlippage(),n=U.use.setCustomSlippage();return be.createElement(sl,null,be.createElement(ll,null,be.createElement(dl,{variant:"title",size:"xmedium"},cl.t("Slippage tolerance per swap")),be.createElement(ml,{direction:"horizontal",size:4}),be.createElement(Td,{container:de(),side:"top",content:be.createElement(ul,null)},be.createElement(Cd,{color:"gray"}))),be.createElement(al,null,ts.map((r,s)=>{let a=`slippage-${s}`;return be.createElement(be.Fragment,null,be.createElement(Sd,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),be.createElement(ml,{direction:"horizontal",size:8}))}),be.createElement(kd,{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>=is&&s<=rs)&&n(s)},suffix:o&&be.createElement(dl,{variant:"body",size:"small"},"%"),placeholder:cl.t("Custom")})))}i(Ur,"Slippage");function gl({supportedSwappers:t,singleTheme:e}){let o=Ed(),{navigateBackFrom:n}=re(),r=U.use.infiniteApprove(),s=U.use.toggleInfiniteApprove(),a=k.use.loadingStatus(),p=fn(t),l=p.filter(S=>S.type==="BRIDGE"||S.type==="AGGREGATOR"),u=l.length,d=l.filter(S=>S.selected).length,g=p.filter(S=>S.type==="DEX"),m=g.length,f=g.filter(S=>S.selected).length,C=i((S,N)=>{switch(a){case"loading":return ne.createElement(bd,{variant:"text",size:"medium",width:50});case"failed":return ne.createElement(wt,{variant:"body",size:"medium",color:"$error500"},Tt.t("Loading failed"));default:return ne.createElement(wt,{variant:"body",size:"medium"},`${S} / ${N}`)}},"handleEndItem"),c={id:"bridge-item",title:ne.createElement(wt,{variant:"title",size:"xmedium"},Tt.t("Enabled bridges")),end:ne.createElement(ne.Fragment,null,C(d,u),ne.createElement(fl,{direction:"horizontal",size:8}),ne.createElement(wn,{color:"black"})),onClick:()=>o(h.bridges)},w={id:"exchange-item",title:ne.createElement(wt,{variant:"title",size:"xmedium"},Tt.t("Enabled exchanges")),end:ne.createElement(ne.Fragment,null,C(f,m),ne.createElement(fl,{direction:"horizontal",size:8}),ne.createElement(wn,{color:"gray"})),onClick:()=>o(h.exchanges)},E={id:"language-item",title:ne.createElement(wt,{variant:"title",size:"xmedium"},Tt.t("Language")),end:ne.createElement(wn,{color:"gray"}),onClick:()=>o(h.languages)},y={id:"theme-item",title:ne.createElement(wt,{variant:"title",size:"xmedium"},Tt.t("Theme")),end:ne.createElement(wn,{color:"gray"}),onClick:()=>o(h.themes)},v={id:"infinite-approval-item",title:ne.createElement(wt,{variant:"title",size:"xmedium"},Tt.t("Infinite Approval")),end:ne.createElement(xd,{checked:r}),onClick:s},A=[c,w,E];return e||A.push(y),A.push(v),ne.createElement(R,{header:{onBack:n.bind(null,h.settings),title:Tt.t("Setting")}},ne.createElement(nt,null,ne.createElement(Ur,null),ne.createElement(wd,{type:ne.createElement(vd,{title:"_",id:"_",onClick:()=>console.log()}),items:A})))}i(gl,"SettingsPage");import{cancelSwap as wf}from"@rango-dev/queue-manager-rango-preset";import{useManager as vf}from"@rango-dev/queue-manager-react";import jl from"react";import{i18n as rt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as tf,getCurrentStep as of,getRelatedWalletOrNull as nf,PendingSwapNetworkStatus as Mn}from"@rango-dev/queue-manager-rango-preset";import{Button as Ul,CopyIcon as rf,Divider as sf,IconButton as af,RouteCost as lf,RouteSummary as pf,StepDetails as uf,Typography as Ot,useCopyToClipboard as cf}from"@rango-dev/ui";import{useWallets as mf}from"@rango-dev/wallets-react";import Z,{useEffect as zl,useRef as df,useState as ql}from"react";import{useNavigate as ff}from"react-router-dom";import{i18n as xe}from"@lingui/core";var Ad=1e3,Bd=31536e3,Wd=2592e3,Nd=86400,Id=3600,Md=60;function hl(t){let e=Math.floor((Date.now()-t)/Ad),n=[{turningPoint:Bd,label:xe.t("year"),pluralLabel:xe.t("years")},{turningPoint:Wd,label:xe.t("month"),pluralLabel:xe.t("months")},{turningPoint:Nd,label:xe.t("day"),pluralLabel:xe.t("days")},{turningPoint:Id,label:xe.t("hour"),pluralLabel:xe.t("hours")},{turningPoint:Md,label:xe.t("minute"),pluralLabel:xe.t("minutes")}].sort((r,s)=>s.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:s,label:a,pluralLabel:p}=r,l=Math.floor(e/s);if(l>1)return`${l} ${p}`;if(l===1)return`${l} ${a}`}return e>1?`${e} ${xe.t("seconds")}`:`${e} ${xe.t("second")}`}i(hl,"timeSince");function yl(t){return t.finishTime?xe.t({id:"timeAgo",message:"{time} ago",values:{time:hl(parseInt(t.finishTime))}}):xe.t({id:"timeAgo",message:"{time} ago",values:{time:hl(parseInt(t.creationTime))}})}i(yl,"getSwapDate");import{PendingSwapNetworkStatus as xn}from"@rango-dev/queue-manager-rango-preset";import{Modal as Od}from"@rango-dev/ui";import En from"react";import{i18n as vn}from"@lingui/core";import{Button as Sl,Divider as zr,MessageBox as Ld,Typography as Cl}from"@rango-dev/ui";import Ye from"react";var kl=i(({onCancel:t,onClose:e})=>Ye.createElement(Ye.Fragment,null,Ye.createElement(zr,{size:20}),Ye.createElement(Ld,{type:"error",title:vn.t("Transaction Cancel"),description:vn.t("Are you sure you want to Cancel this swap?")}),Ye.createElement(zr,{size:32}),Ye.createElement(Sl,{variant:"contained",type:"primary",size:"large",onClick:t},Ye.createElement(Cl,{variant:"title",size:"medium",color:"neutral100"},vn.t("Yes, Cancel it"))),Ye.createElement(zr,{size:12}),Ye.createElement(Sl,{variant:"outlined",type:"primary",size:"large",onClick:e},Ye.createElement(Cl,{variant:"title",size:"medium",color:"primary"},vn.t("No, Continue")))),"CancelContent");import{i18n as bn}from"@lingui/core";import{Button as Tl,Divider as qr,MessageBox as Pd,Typography as wl}from"@rango-dev/ui";import Qe from"react";var vl=i(({onDelete:t,onClose:e})=>Qe.createElement(Qe.Fragment,null,Qe.createElement(qr,{size:20}),Qe.createElement(Pd,{type:"error",title:bn.t("Delete Transaction"),description:bn.t("Are you sure you want to delete this swap?")}),Qe.createElement(qr,{size:32}),Qe.createElement(Tl,{variant:"contained",type:"primary",size:"large",onClick:t},Qe.createElement(wl,{variant:"title",size:"medium",color:"neutral100"},bn.t("Yes, Delete it"))),Qe.createElement(qr,{size:12}),Qe.createElement(Tl,{variant:"outlined",type:"primary",size:"large",onClick:e},Qe.createElement(wl,{variant:"title",size:"medium",color:"primary"},bn.t("No, Cancel")))),"DeleteContent");import{i18n as Hr}from"@lingui/core";import{PendingSwapNetworkStatus as Gr}from"@rango-dev/queue-manager-rango-preset";var Vr={[Gr.WaitingForNetworkChange]:{type:"loading",title:Hr.t("Change Network")},[Gr.WaitingForConnectingWallet]:{type:"warning",title:Hr.t("Connect Wallet")},[Gr.NetworkChanged]:{type:"success",title:Hr.t("Network Changed")}};import{MessageBox as _d,Wallet as $d,WalletState as xl}from"@rango-dev/ui";import{useWallets as Fd}from"@rango-dev/wallets-react";import ao from"react";import{styled as Dd}from"@rango-dev/ui";var bl=Dd("div",{display:"flex",justifyContent:"center"});var El=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:p,state:l}=Fd(),u=n?.walletType,g=u&&l(u).connected?xl.CONNECTED:xl.DISCONNECTED;return ao.createElement(ao.Fragment,null,ao.createElement(_d,{type:e,title:o,description:r}),s&&u&&ao.createElement(bl,null,ao.createElement($d,{container:de(),title:p(u).name,image:p(u).img,type:u,state:g,onClick:async()=>a(u)})))},"WalletStateContent");function Kr(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,p=e===xn.WaitingForNetworkChange||e===xn.WaitingForConnectingWallet||e===xn.NetworkChanged;return En.createElement(Od,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},p&&En.createElement(El,{type:Vr[e].type,title:Vr[e].title,currentStepWallet:s,message:a,showWalletButton:e!==xn.WaitingForNetworkChange}),e==="delete"&&En.createElement(vl,{onClose:o,onDelete:n}),e==="cancel"&&En.createElement(kl,{onClose:o,onCancel:r}))}i(Kr,"SwapDetailsModal");import{i18n as lo}from"@lingui/core";import{Button as Xr,Divider as An,MessageBox as Al,Modal as Ud,TokenAmount as zd,Typography as Bn}from"@rango-dev/ui";import me from"react";import{useNavigate as qd}from"react-router-dom";function jr(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,token:a,chain:p,percentageChange:l,description:u,diagnosisUrl:d}=t,g=qd();return me.createElement(Ud,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?me.createElement(Al,{type:"success",title:lo.t("Swap Successful")},me.createElement(zd,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:s},token:a,chain:p,percentageChange:l}),me.createElement(An,{size:12}),me.createElement(Bn,{variant:"body",size:"medium",color:"neutral900",align:"center"},u)):me.createElement(Al,{type:"error",title:lo.t("Transaction Failed"),description:u}),me.createElement(An,{size:32}),n==="success"&&me.createElement(Xr,{variant:"contained",type:"primary",size:"large",onClick:()=>g(h.home)},me.createElement(Bn,{variant:"title",size:"medium",color:"neutral100"},lo.t("Done"))),me.createElement(An,{size:12}),d&&me.createElement(me.Fragment,null,me.createElement(Xr,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(d,"_blank")},me.createElement(Bn,{variant:"title",size:"medium",color:"primary"},lo.t("Diagnosis"))),me.createElement(An,{size:12})),me.createElement(Xr,{variant:"outlined",type:"primary",size:"large",onClick:o},me.createElement(Bn,{variant:"title",size:"medium",color:"primary"},lo.t("See Details"))))}i(jr,"SwapDetailsCompleteModal");import Jd from"react";import{i18n as Yd}from"@lingui/core";import{Alert as Ll,IconButton as Qd,LinkIcon as Rd}from"@rango-dev/ui";import ct,{Fragment as Zd}from"react";import{Alert as Hd,ChevronDownIcon as Gd,ChevronUpIcon as Vd,IconButton as Kd}from"@rango-dev/ui";import Wn,{useState as Xd}from"react";function Bl(t){let{message:e}=t,[o,n]=Xd(!1);return Wn.createElement(Hd,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Wn.createElement(Kd,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Wn.createElement(Vd,{size:12,color:"gray"}):Wn.createElement(Gd,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(Bl,"FailedAlert");import{styled as jd}from"@rango-dev/ui";var Wl=jd("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Nl}from"@lingui/core";import{PendingSwapNetworkStatus as Yr}from"@rango-dev/queue-manager-rango-preset";import{Alert as Qr,Button as Il}from"@rango-dev/ui";import po from"react";function Ml(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?po.createElement(Qr,{type:"warning",title:n.shortMessage,action:po.createElement(Il,{size:"xxsmall",type:"warning",onClick:()=>{o(Yr.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},Nl.t("Change"))}):r===Yr.WaitingForConnectingWallet?po.createElement(Qr,{type:"warning",title:n.shortMessage,action:po.createElement(Il,{size:"xxsmall",type:"warning",onClick:()=>{o(Yr.WaitingForConnectingWallet)}},Nl.t("Connect"))}):po.createElement(Qr,{type:"warning",title:n.shortMessage})}i(Ml,"WarningAlert");function Rr(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,p=Xt(s),l=s.status==="waitingForApproval"&&!p,u=s.status==="running"&&!p;return ct.createElement(Wl,null,s.explorerUrl?.map((d,g,m)=>{let f=g+d.url,C=g===m.length-1,c=C&&u||l,w=C&&s.status==="failed";return ct.createElement(Zd,{key:f},ct.createElement(Ll,{type:c&&"loading"||w&&"error"||"success",title:d.description?`${d.description} Tx`:Yd.t("View transaction"),action:d.url&&ct.createElement(Qd,{variant:"ghost",size:"xsmall",onClick:()=>window.open(d.url,"_blank")},ct.createElement(Rd,{size:16}))}))}),(u&&!a||l&&!s.explorerUrl?.length)&&ct.createElement(Ll,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&p&&ct.createElement(Ml,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&ct.createElement(Bl,{message:r}))}i(Rr,"SwapDetailsAlerts");var Pl=2e3,Dl=60,_l=i(({swap:t,...e})=>{let o=t.hasAlreadyProceededToSign!==!1;return t.steps.map((n,r)=>{let s=r===0?t.inputAmount:t.steps[r-1].outputAmount;return{from:{token:{displayName:n.fromSymbol,image:n.fromLogo||""},chain:{displayName:n.fromBlockchain,image:n.fromBlockchainLogo||""},price:{value:T(s,6,6)}},to:{token:{displayName:n.toSymbol,image:n.toLogo},chain:{displayName:n.toBlockchain,image:n.toBlockchainLogo||""},price:{value:T(n.outputAmount||n.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:n.swapperId,image:n.swapperLogo||""},alerts:Jd.createElement(Rr,{step:n,hasAlreadyProceededToSign:o,...e})}})},"getSteps");function $l(t){if(Xt(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i($l,"getStepState");import{darkTheme as ef,styled as Ft}from"@rango-dev/ui";var Nn=Ft("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 $5",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${ef} &`]:{$$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"}}),In=Ft("div",{width:"100%",padding:"0px 15px"}),Fl=Ft("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),v0=Ft("div",{display:"flex",flexDirection:"column",gap:"$10"}),Ol=Ft("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),b0=Ft("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function Zr(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:p}=mf(),l=M.use.retry(),u=ff(),{navigateBackFrom:d}=re(),[g,m]=cf(Pl),f=df(null),[C,c]=ql(null),[w,E]=ql(null),{meta:{tokens:y}}=k(),v=i(()=>{r(),c(null)},"onCancel"),A=Me.use.getUnreadNotifications(),S=Me.use.setAsRead(),N=A(),D=of(e),W=D?.networkStatus;zl(()=>{N.find(te=>te.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(E(e.status),S(e.requestId))},[e.status]),zl(()=>{B?c(Mn.WaitingForNetworkChange):W===Mn.WaitingForConnectingWallet||W===Mn.NetworkChanged?c(W):c(null)},[W]);let V=zi(e),J=D?tf(e,D):null,b=D?nf(e,D):null,H=yl(e),G=qi(e),_=i(K=>!!p(K)?.mobileWallet,"isMobileWallet"),B=W===Mn.WaitingForNetworkChange&&!!J&&!!b?.walletType&&(_(b.walletType)||s(b.walletType,J)),le=B?a.bind(null,b.walletType,J):void 0,Be=Ui(e,D),O=_l({swap:e,switchNetwork:le,showNetworkModal:W,setNetworkModal:c,message:Be}),Y=O.length,[We,Te]=[e.steps[0],e.steps[Y-1]],Pe=Te.outputAmount||Te.expectedOutputAmountHumanReadable,se=e.steps.reduce((K,te)=>K+parseFloat(te.feeInUsd||""),0),mt=e.steps.reduce((K,te)=>K+(te.estimatedTimeInSeconds||0),0),dt=Math.floor(mt/Dl),zt=e.steps.find(K=>K.diagnosisUrl)?.diagnosisUrl,$=T(String(parseFloat(T(Pe,6,6))*(Ao(Te.toBlockchain,Te.toSymbol,Te.toSymbolAddress,y)||0)),4,4),I=T(String(parseFloat(e.inputAmount)*(Ao(We.fromBlockchain,We.fromSymbol,We.fromSymbolAddress,y)||0)),4,4),z=Re(I,$),pe=e.status==="success"?rt.t({id:"receivedMessage",message:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:T(Pe,6,6),token:O[Y-1].to.token.displayName,conciseAddress:Wo(e.wallets[O[Y-1].to.chain.displayName]?.address||""),chain:O[Y-1].to.chain.displayName}}):`${rt.t("Transaction was not sent.")} ${V?rt.t({id:"remainSymbol",message:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:V.outputAmount,symbol:V.symbol,blockchain:V.blockchain}}):""}`;return Z.createElement(R,{noPadding:!0,header:{title:rt.t("Swap and Bridge"),onBack:d.bind(null,h.swapDetails),onCancel:e.status==="running"?()=>c("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(vt,null,Z.createElement(Ul,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>c("delete")},Z.createElement(Ot,{size:"medium",variant:"label",color:"error"},rt.t("Delete"))))},footer:G&&!w&&Z.createElement(Ul,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{l(e),setTimeout(()=>{u(h.home)},0)}},rt.t("Try again"))},Z.createElement(Nn,null,Z.createElement(In,null,Z.createElement("div",{className:"row"},Z.createElement(Ot,{variant:"label",size:"large",color:"neutral900"},`${rt.t("Request ID")}:`),Z.createElement("div",{className:"request-id"},Z.createElement(Ot,{variant:"label",size:"small",color:"neutral900"},o),Z.createElement(af,{variant:"ghost",onClick:m.bind(null,o||"")},Z.createElement(rf,{size:16,color:"gray"})))),Z.createElement("div",{className:"row"},Z.createElement(Ot,{variant:"label",size:"large",color:"neutral900"},`${rt.t("Created at")}:`),Z.createElement(Ot,{variant:"label",size:"small",color:"neutral900"},H))),Z.createElement("div",{className:"output"},Z.createElement(lf,{fee:T(String(se),2,2),time:dt,steps:Y}),Z.createElement(pf,{from:{price:{value:T(e.inputAmount,6,6),usdValue:I},token:{displayName:O[0].from.token.displayName,image:O[0].from.token.image},chain:{image:O[0].from.chain.image,displayName:O[0].from.chain.displayName}},to:{price:{value:T(Pe,6,6),usdValue:$},token:{displayName:O[Y-1].to.token.displayName,image:O[Y-1].to.token.image},chain:{image:O[Y-1].to.chain.image,displayName:O[Y-1].to.chain.displayName}},percentageChange:T(z,2,2),warningLevel:Bt(z?.toNumber()??0)})),Z.createElement("div",{className:"title-steps"},Z.createElement(Ot,{variant:"title",size:"small"},rt.t("Swaps steps"))),Z.createElement(sf,{size:8}),Z.createElement(Fl,{ref:f},O.map((K,te)=>{let qt=te,Ge=$l(e.steps[te]),Ht=Ge==="error"||Ge==="in-progress"||Ge==="warning"||Ge==="completed"&&te===O.length-1;return Z.createElement(uf,{key:qt,step:K,type:"route-progress",ref:f,state:Ge,hasSeparator:te!==0,tabIndex:qt,isFocused:Ht})}))),Z.createElement(Kr,{state:C,onClose:()=>c(null),onCancel:v,onDelete:n,message:Be.detailedMessage.content,currentStepWallet:b}),Z.createElement(jr,{open:!!w,diagnosisUrl:zt,onClose:()=>E(null),status:e.status==="success"?"success":"failed",priceValue:T(Pe,6,6),usdValue:$,percentageChange:T(z,2,2),token:{displayName:O[Y-1].to.token.displayName,image:O[Y-1].to.token.image},chain:{image:O[Y-1].to.chain.image},description:pe}))}i(Zr,"SwapDetails");import{i18n as go}from"@lingui/core";import{CopyIcon as Cf,IconButton as kf,NotFound as Tf,Skeleton as Kl,Typography as Pn}from"@rango-dev/ui";import ue from"react";import{i18n as hf}from"@lingui/core";import{ChainToken as yf,Divider as ei,Skeleton as fo,Typography as Sf}from"@rango-dev/ui";import ee from"react";import{styled as Jr}from"@rango-dev/ui";var Hl=Jr("div",{width:"100%",height:"100%",padding:"$0 $20",".cost":{paddingTop:"$15",display:"flex"},".route-summary":{padding:"$15 $0"},".route-summary-item":{display:"flex",justifyContent:"space-between",alignItems:"center"},".token-amount":{display:"flex",justifyContent:"space-between",alignItems:"center"},".route-summary-separator":{width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"},".swaps-steps":{paddingBottom:"$10"}}),Gl=Jr("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"}}),Ln=Jr("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral900",marginLeft:"25px"});import{ChainToken as Vl,Divider as uo,NextIcon as gf,Skeleton as co}from"@rango-dev/ui";import ae from"react";function mo(t){let{extraInfo:e}=t;return ae.createElement(Gl,null,ae.createElement("div",{className:"step-title"},ae.createElement(co,{height:28,width:28,variant:"circular"}),ae.createElement(uo,{direction:"horizontal",size:8}),ae.createElement(co,{height:15,width:148,variant:"rounded"})),ae.createElement("div",{className:"step-tokens"},ae.createElement(uo,{direction:"horizontal",size:20}),ae.createElement("div",{className:"step-token-info"},ae.createElement(Vl,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(uo,{direction:"horizontal",size:8}),ae.createElement(co,{height:12,width:76,variant:"rounded"})),ae.createElement("div",{className:"step-icon-container"},ae.createElement(gf,{color:"gray",size:16})),ae.createElement("div",{className:"step-token-info"},ae.createElement(Vl,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(uo,{direction:"horizontal",size:8}),ae.createElement(co,{height:12,width:76,variant:"rounded"}))),e&&ae.createElement("div",{className:"extra-info"},ae.createElement(uo,{direction:"horizontal",size:20}),ae.createElement(co,{height:22,width:297,variant:"rectangular"})))}i(mo,"LoadingSwapDetailStep");function ti(){let t=ee.createElement("div",{className:"route-summary-item"},ee.createElement("div",{className:"token-amount"},ee.createElement(yf,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),ee.createElement(ei,{size:8,direction:"horizontal"}),ee.createElement(fo,{height:15,width:148,variant:"rounded"})),ee.createElement(fo,{height:12,width:64,variant:"rounded"}));return ee.createElement(Hl,null,ee.createElement("div",{className:"cost"},ee.createElement(fo,{width:60,height:10,variant:"rounded"}),ee.createElement(ei,{size:4,direction:"horizontal"}),ee.createElement(fo,{width:60,height:10,variant:"rounded"}),ee.createElement(ei,{size:4,direction:"horizontal"}),ee.createElement(fo,{width:60,height:10,variant:"rounded"})),ee.createElement("div",{className:"route-summary"},t,ee.createElement("div",{className:"route-summary-separator"}),t),ee.createElement("div",{className:"swaps-steps"},ee.createElement(Sf,{variant:"title",size:"small"},hf.t("Swaps steps"))),ee.createElement("div",{className:"step-container"},ee.createElement(mo,{extraInfo:!0}),ee.createElement(Ln,null),ee.createElement(mo,null),ee.createElement(Ln,null),ee.createElement(mo,null),ee.createElement(Ln,null),ee.createElement(mo,null)))}i(ti,"LoadingSwapDetails");function Xl(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=re();return ue.createElement(R,{noPadding:!0,header:{title:go.t("Swap and Bridge"),onBack:n.bind(null,h.swapDetails),suffix:ue.createElement(vt,null)}},o&&ue.createElement(Nn,null,ue.createElement(In,null,ue.createElement("div",{className:"row"},ue.createElement(Pn,{variant:"label",size:"large",color:"neutral900"},`${go.t("Request ID")}:`),ue.createElement("div",{className:"request-id"},ue.createElement(Pn,{variant:"label",size:"small",color:"neutral900"},ue.createElement(Kl,{width:60,height:10,variant:"rounded"})),ue.createElement(kf,{variant:"ghost"},ue.createElement(Cf,{size:16,color:"gray"})))),ue.createElement("div",{className:"row"},ue.createElement(Pn,{variant:"label",size:"large",color:"neutral900"},`${go.t("Created at")}:`),ue.createElement(Pn,{variant:"label",size:"small",color:"neutral900"},ue.createElement(Kl,{width:60,height:10,variant:"rounded"})))),ue.createElement(ti,null)),!o&&ue.createElement(Ol,null,ue.createElement(Tf,{title:go.t("Not found"),description:go.t({id:"swapNotFound",values:{requestId:e},message:"Swap with request ID = {requestId} not found."})})))}i(Xl,"SwapDetailsPlaceholder");function Yl(){let{manager:t,state:e}=vf(),o=!e.loadedFromPersistor,n=cn(t),r=ve.use.selectedSwapRequestId(),{navigateBackFrom:s}=re(),{loadingStatus:a}=k(),p=o||a==="loading",l=n.find(({swap:m})=>m.requestId===r),u=i(()=>{if(l?.id){let m=t?.get(l.id);m&&wf(m)}},"onCancel"),d=i(async()=>{if(l?.id)try{await t?.deleteQueue(l.id),s(h.swapDetails)}catch(m){console.log(m)}},"onDelete"),g=l?.swap;return!g||p?jl.createElement(Xl,{requestId:r||"",showSkeleton:p}):jl.createElement(Zr,{swap:g,requestId:r||"",onCancel:u,onDelete:d})}i(Yl,"SwapDetailsPage");import{i18n as ho}from"@lingui/core";import{AutoThemeIcon as bf,DarkModeIcon as xf,LightModeIcon as Ef,List as Af,ListItemButton as Bf,Radio as oi,RadioRoot as Wf,Typography as ni}from"@rango-dev/ui";import Ee from"react";function Ql(){let{navigateBackFrom:t}=re(),e=U.use.theme(),o=U.use.setTheme(),n=[{id:"light",value:"light",title:Ee.createElement(ni,{variant:"title",size:"xmedium"},ho.t("Light")),onClick:()=>o("light"),start:Ee.createElement(Ef,{color:"gray"}),end:Ee.createElement(oi,{value:"light"})},{id:"dark",value:"dark",title:Ee.createElement(ni,{variant:"title",size:"xmedium"},ho.t("Dark")),onClick:()=>o("dark"),start:Ee.createElement(xf,{color:"gray"}),end:Ee.createElement(oi,{value:"dark"})},{id:"auto",value:"auto",title:Ee.createElement(ni,{variant:"title",size:"xmedium"},ho.t("Auto")),onClick:()=>o("auto"),start:Ee.createElement(bf,{color:"gray"}),end:Ee.createElement(oi,{value:"auto"})}];return Ee.createElement(R,{header:{onBack:t.bind(null,h.settings),title:ho.t("Theme")}},Ee.createElement(nt,null,Ee.createElement(Wf,{onValueChange:r=>o(r),value:e},Ee.createElement(Af,{type:Ee.createElement(Bf,{title:ho.t("Theme"),id:"_",onClick:()=>console.log()}),items:n}))))}i(Ql,"ThemePage");var If=i(t=>t.replace("/",""),"getAbsolutePath");function Rl(t){let{config:e}=t;return Nf([{path:h.home,element:Ae.createElement(Zo,null)},{path:h.fromSwap,element:Ae.createElement(Fr,{type:"from",supportedBlockchains:e?.from?.blockchains,supportedTokens:e?.from?.tokens,pinnedTokens:e?.pinnedTokens})},{path:h.toSwap,element:Ae.createElement(Fr,{type:"to",supportedBlockchains:e?.to?.blockchains,supportedTokens:e?.to?.tokens,pinnedTokens:e?.pinnedTokens})},{path:h.fromBlockchain,element:Ae.createElement(Br,{type:"from",supportedBlockchains:e?.to?.blockchains})},{path:h.toBlockchain,element:Ae.createElement(Br,{type:"to",supportedBlockchains:e?.to?.blockchains})},{path:h.settings,element:Ae.createElement(gl,{singleTheme:e?.theme?.singleTheme,supportedSwappers:e?.liquiditySources})},{path:h.themes,element:Ae.createElement(Ql,null)},{path:h.languages,element:Ae.createElement(Wa,null)},{path:h.exchanges,element:Ae.createElement(vr,{sourceType:"Exchanges",supportedSwappers:e?.liquiditySources})},{path:h.bridges,element:Ae.createElement(vr,{sourceType:"Bridges",supportedSwappers:e?.liquiditySources})},{path:h.swaps,element:Ae.createElement(Ba,null)},{path:h.swapDetails,element:Ae.createElement(Yl,null)},{path:h.wallets,element:Ae.createElement(ta,{supportedWallets:e?.wallets,multiWallets:typeof e?.multiWallets>"u"?!0:e.multiWallets,config:e})},{path:If(h.confirmSwap),element:Ae.createElement(Sa,{config:e})}])}i(Rl,"AppRoutes");import{isApprovalTX as Mf,MainEvents as Jl,RouteEventType as ep,StepEventType as Ut,StepExecutionEventStatus as Lf,useEvents as Pf}from"@rango-dev/queue-manager-rango-preset";import{useEffect as tp}from"react";import{StepExecutionBlockedEventStatus as ri}from"@rango-dev/queue-manager-rango-preset";var Zl=[ri.WAITING_FOR_CHANGE_WALLET_ACCOUNT,ri.WAITING_FOR_NETWORK_CHANGE,ri.WAITING_FOR_WALLET_CONNECT];function op(){let t=F.use.connectedWallets(),e=F.use.getWalletsDetails(),o=Me.use.setNotification(),n=Me.use.setAsRead(),r=Pf();return tp(()=>(r.on(Jl.StepEvent,s=>{let{event:a,step:p,route:l}=s;if(a.type===Ut.TX_EXECUTION&&a.status===Lf.TX_SENT&&!Mf(p)||a.type===Ut.SUCCEEDED){let d=t.find(m=>m.chain===p?.fromBlockchain),g=p?.fromBlockchain!==p?.toBlockchain&&t.find(m=>m.chain===p?.toBlockchain);d&&e([d]),g&&e([g])}a.type===Ut.TX_EXECUTION_BLOCKED&&Zl.includes(a.status)||a.type===Ut.FAILED?o(a,l):(a.type===Ut.TX_EXECUTION||a.type===Ut.CHECK_STATUS)&&n(l.requestId)}),()=>r.all.clear()),[r,t.length]),tp(()=>(r.on(Jl.RouteEvent,s=>{let{event:a,route:p}=s;(a.type===ep.FAILED||a.type===ep.SUCCEEDED)&&o(a,p)}),()=>r.all.clear()),[r,t.length]),null}i(op,"WidgetEvents");import{globalCss as Df}from"@rango-dev/ui";var np=i(()=>Df({"@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 _f,darkTheme as $f,lightTheme as Ff}from"@rango-dev/ui";import{useEffect as rp,useState as Of}from"react";function ip({fontFamily:t="Roboto",borderRadius:e=gi,secondaryBorderRadius:o=hi,mode:n="auto"}){let r=U.use.theme(),s=k.use.fetchMeta(),a=U.use.setTheme(),p=_f({radii:{primary:`${e}px`,secondary:`${o}px`},fonts:{widget:t}}),l=`${p.className} ${Ff.className}`,u=`${p.className} ${$f.className}`,[d,g]=Of("light");return rp(()=>{i(async()=>{await s()},"fetchData")();let C=i(c=>{c.matches?g("dark"):g("light")},"switchTheme");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&g("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",C),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",C)}},[]),rp(()=>{n!=="auto"&&a(n)},[n]),{activeTheme:i(()=>r==="auto"?d==="dark"?u:l:r==="dark"?u:l,"getActiveTheme")()}}i(ip,"useTheme");import Uf,{useMemo as zf}from"react";import{Provider as qf}from"@rango-dev/queue-manager-react";import{makeQueueDefinition as Hf,checkWaitingForNetworkChange as Gf}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Vf}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as Kf}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Xf}from"rango-types";function jf(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=Vf(),p=zf(()=>Hf({API_KEY:ko("API_KEY")}),[]),{blockchains:l}=k.use.meta(),d={blockchains:F.use.connectedWallets().map(y=>({accounts:[y],name:y.chain}))},g=i((y,v)=>{if(s(y,v))return r(y,v)},"switchNetwork"),m=i(y=>!!a(y).mobileWallet,"isMobileWallet"),f=l.filter(y=>y.enabled).reduce((y,v)=>(y[v.name]=v,y),{}),C=l.filter(Xf),c=i(y=>{let{supportedChains:v}=a(y);return xo(v)},"getSupportedChainNames"),w=e(),E={meta:{blockchains:f,evmBasedChains:C,evmNetworkChainInfo:Kf(C),getSupportedChainNames:c},getSigners:o,wallets:d,providers:w,switchNetwork:g,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m};return Uf.createElement(qf,{queuesDefs:[p],context:E,onPersistedDataLoaded:y=>{Gf(y)},isPaused:!1},t.children)}i(jf,"QueueManager");var sp=jf;import{Events as ii,Provider as Qf}from"@rango-dev/wallets-react";import{isEvmBlockchain as Rf}from"rango-sdk";import lp,{createContext as Zf,useRef as Jf}from"react";import{useEffect as Yf}from"react";function ap(t,e){let o=F.use.clearConnectedWallet(),n=tn(void 0,e);return Yf(()=>{o(),n=tn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t]),{providers:n}}i(ap,"useWalletProviders");var si=Zf({onConnectWallet:()=>{}});function ai(t){let{blockchains:e}=k.use.meta(),{providers:o}=ap(t.providers,t?.options),n=F.use.disconnectWallet(),r=F.use.connectWallet(),s=Jf(),a=e.filter(Rf).map(l=>l.name),p=i((l,u,d,g,m)=>{if(u===ii.ACCOUNTS)if(d){let f=xo(m),C=Ti(l,d,a,f);r(C)}else n(l);if(u===ii.ACCOUNTS&&g.connected){let f=`${l}-${g.network}-${d}`;g.connected&&(s.current?s.current(f):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(u===ii.NETWORK&&g.network){let f=`${l}-${g.network}`;s.current?s.current(f):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(l,u,d,g,m)},"onUpdateState");return lp.createElement(si.Provider,{value:{onConnectWallet:l=>{s.current=l}}},lp.createElement(Qf,{allBlockChains:e,providers:o,onUpdateState:p,autoConnect:!0},t.children))}i(ai,"WidgetWallets");var rg=tg("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit",listStyleType:"none"}});function up(t){let{config:e}=t;np();let{activeTheme:o}=ip(e?.theme||{}),[n,r]=pp(""),[s,a]=pp(),p=og(si);ng(()=>{e?.apiKey&&fi({API_KEY:e?.apiKey})},[e]),yo(()=>{U.persist.rehydrate(),Me.persist.rehydrate(),p.onConnectWallet(r)},[]);let{setInputAmount:l,setToToken:u,setToBlockchain:d,setFromBlockchain:g,setFromToken:m}=M(),{meta:{tokens:f,blockchains:C},loadingStatus:c}=k(),{setAffiliateRef:w,setAffiliatePercent:E,setAffiliateWallets:y}=U();return yo(()=>{l(e?.amount?.toString()||"")},[e?.amount]),yo(()=>{if(c==="success"){let v=C.find(S=>S.name===e?.from?.blockchain),A=f.find(S=>_e(S,e?.from?.token||null));g(v||null),m(A||null)}},[e?.from?.token,e?.from?.blockchain,c]),yo(()=>{if(c==="success"){let v=C.find(S=>S.name===e?.to?.blockchain),A=f.find(S=>_e(S,e?.to?.token||null));d(v||null),u(A||null)}},[e?.to?.token,e?.to?.blockchain,c]),yo(()=>{w(e?.affiliate?.ref??null),E(e?.affiliate?.percent??null),y(e?.affiliate?.wallets??null)},[e?.affiliate?.ref,e?.affiliate?.percent,e?.affiliate?.wallets]),it.createElement(eg,{language:e?.language},it.createElement(rg,{id:"swap-container",className:o},it.createElement(sp,null,it.createElement(op,null),it.createElement(Ns,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},it.createElement(Rl,{config:e})))))}i(up,"Main");function ig(t){return t.config?.externalWallets?it.createElement(up,{...t}):it.createElement(ai,{providers:t.config?.wallets,options:{walletConnectProjectId:t.config?.walletConnectProjectId}},it.createElement(up,{...t}))}i(ig,"Widget");import{useWallets as ua}from"@rango-dev/wallets-react";import{useEvents as WN,MainEvents as NN,RouteEventType as FN,StepEventType as XN,StepExecutionEventStatus as jN,StepExecutionBlockedEventStatus as YN}from"@rango-dev/queue-manager-rango-preset";export{NN as MainEvents,FN as RouteEventType,XN as StepEventType,YN as StepExecutionBlockedEventStatus,jN as StepExecutionEventStatus,ig as Widget,ai as WidgetWallets,ua as useWallets,WN as useWidgetEvents};
 //# sourceMappingURL=index.js.map