npm - @rango-dev/widget-embedded - Versions diffs - 0.12.1-next.27 → 0.12.1-next.29 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (31) hide show

package/dist/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-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};
+var fp=Object.defineProperty;var i=(t,e)=>fp(t,"name",{value:e,configurable:!0});import{I18nManager as rg,styled as ig}from"@rango-dev/ui";import rt,{useContext as sg,useEffect as Co,useMemo as ag,useState as cp}from"react";import{useQueueManager as oc}from"@rango-dev/queue-manager-rango-preset";import{useWallets as nc}from"@rango-dev/wallets-react";import{isEvmBlockchain as rc}from"rango-types";import Tt,{useEffect as ic,useRef as sc}from"react";import{MemoryRouter as ac,useInRouterContext as lc}from"react-router";import{useLocation as pc,useNavigate as uc}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 Qo}from"@lingui/core";import{Alert as Ou,BestRoute as Uu,BestRouteSkeleton as zu,Button as qu,Divider as nr,styled as Pt,SwapInput as Is,Typography as rr,WarningIcon as Hu}from"@rango-dev/ui";import Y,{useEffect as Gu,useRef as Vu,useState as Xu}from"react";import{useNavigate as Ku}from"react-router-dom";import{ChevronLeftIcon as yp}from"@rango-dev/ui";import fi from"react";import{darkTheme as gp,IconButton as hp,styled as To}from"@rango-dev/ui";var Le=To(hp,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),mi=To("div",{position:"absolute",background:"$secondary500",[`.${gp} &`]:{$$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"}),di=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 fi.createElement(Le,{variant:"ghost",size:"small",onClick:t.onClick},fi.createElement(yp,{color:"black",size:16}))}i(_n,"BackButton");import{i18n as Sp}from"@lingui/core";import{Button as Cp,Typography as Tp}from"@rango-dev/ui";import $n from"react";function Fn(t){return $n.createElement(xt,null,$n.createElement(Cp,{variant:"ghost",onClick:t.onClick,size:"xsmall"},$n.createElement(Tp,{variant:"label",size:"medium",color:"error500"},Sp.t("Cancel"))))}i(Fn,"CancelButton");import{i18n as kp}from"@lingui/core";import{Tooltip as wp,WalletIcon as vp}from"@rango-dev/ui";import ko from"react";function On(t){return ko.createElement(wp,{container:t.container,side:"top",content:kp.t("Connect Wallet")},ko.createElement(Le,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&ko.createElement(mi,null),ko.createElement(vp,{size:18,color:"black"})))}i(On,"WalletButton");import{i18n as Ko}from"@lingui/core";import{NotificationsIcon as au,Popover as lu,RefreshIcon as pu,SettingsIcon as uu,Tooltip as jo,TransactionIcon as cu}from"@rango-dev/ui";import de from"react";function lt(t){return Array.from(new Set(t))}i(lt,"removeDuplicateFrom");function Un(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Un,"areEqual");function hi(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(hi,"debounce");function St(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(St,"containsText");var gi=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"),yi=i((t,e)=>{let o={[t]:e};for(let n=1;n<10;n++)n<5&&(o={...o,[t+n*100]:gi(e,(5-n)*32)}),n===5&&(o={...o,[t+n*100]:e}),n>5&&(o={...o,[t+n*100]:gi(e,-((n-5)*32))});return o},"generateRangeColors"),se=i(()=>document.getElementById("swap-box"),"getContainer");import{i18n as eu}from"@lingui/core";import{ChainToken as Ji,ChevronRightIcon as tu,ListItemButton as ou,Typography as nu}from"@rango-dev/ui";import _e from"react";import{useNavigate as ru}from"react-router-dom";import{create as Vp}from"zustand";import{RangoClient as xp}from"rango-sdk";var bp="c6381a79-2817-4602-83bf-6a641a409e32",zn={API_KEY:bp};function wo(t){return zn[t]}i(wo,"getConfig");function Si(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),zn=e,zn}i(Si,"initConfig");var Ci=20,Ti=25;var vo,Et=i(()=>vo||(vo=new xp(wo("API_KEY")),vo),"httpService");import{WalletState as Ve}from"@rango-dev/ui";import{readAccountAddress as Bp}from"@rango-dev/wallets-react";import{detectInstallLink as Wp,getCosmosExperimentalChainInfo as Np,isEvmAddress as Ip,KEPLR_COMPATIBLE_WALLETS as Yg,Networks as vi}from"@rango-dev/wallets-shared";import qn from"bignumber.js";import{isCosmosBlockchain as Mp}from"rango-types";import Ep from"bignumber.js";var We=new Ep(0);import{WalletTypes as Ap}from"@rango-dev/wallets-shared";var ki=[Ap.LEAP];import{BigNumber as wi}from"bignumber.js";var At=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),w=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new wi(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new wi(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 Bt=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Ge=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Vt=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 Lp(t){switch(!0){case t.connected:return Ve.CONNECTED;case t.connecting:return Ve.CONNECTING;case!t.installed:return Ve.NOT_INSTALLED;default:return Ve.DISCONNECTED}}i(Lp,"mapStatusToWalletState");function bi(t,e,o,n){return o.filter(r=>!ki.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=Lp(t(r));return{title:s,image:a,link:Wp(p),state:l,type:r}})}i(bi,"mapWalletTypesToWalletInfo");function xo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(xo,"walletAndSupportedChainsNames");function xi(t,e,o,n){let r=[];function s(p,l){if(!!!r.find(m=>m.chain===p)){let m={address:l,chain:p,walletType:t};r.push(m)}}i(s,"addAccount");let a=n||[];return e.forEach(p=>{let{address:l,network:u}=Bp(p),m=a.length>0,g=a.includes(u),f=u===vi.Unknown;if(m&&!g&&!f)return;let y=u===vi.Unknown&&Ip(l);if(f&&!y)return;o.includes(u)||y?a.filter(x=>o.includes(x)).forEach(x=>{s(x,l.toLowerCase())}):s(u,l)}),r}i(xi,"prepareAccountsForWalletStore");function Ei(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(Ei,"getRequiredChains");function Wt(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(Wt,"getBalanceFromWallet");function Eo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(Eo,"isAccountAndWalletMatched");function Ai(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 qn(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Ao(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Ai,"makeBalanceFor");function Bi(t){return{...t,loading:!1,error:!0}}i(Bi,"resetConnectedWalletState");var Nt=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=Np(Object.entries(t).map(([,n])=>n).filter(Mp));return o&&o[e]?.experimental},"isExperimentalChain");function It(t,e){return t.map(({balance:o,...n})=>{let r=w(new qn(Wt(e,n.blockchain,n.symbol,n.address)?.amount||We)),s="";return n.usdPrice&&(s=w(new qn(Wt(e,n.blockchain,n.symbol,n.address)?.amount||We).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:s}}}})}i(It,"getTokensWithBalance");function Xt(t,e,o,n){if(t?.name===n[0]?.name)return n;let s=e.filter(a=>a.blockchain===t?.name);return Nt(It(s,o))}i(Xt,"getSortedTokens");function Pe(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Pe,"tokensAreEqual");function Hn(t,e){let o,n=t[0],r=t[1];return t.length===1?o=n:Pe(n,e)?o=r:o=n,o}i(Hn,"getDefaultToken");function Wi(t){return t.sort((e,o)=>+(o.state===Ve.CONNECTED)-+(e.state===Ve.CONNECTED)||+(o.state===Ve.DISCONNECTED||o.state===Ve.CONNECTING)-+(e.state===Ve.DISCONNECTED||e.state===Ve.CONNECTING))}i(Wi,"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 Ni({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Ni,"getAddress");var Pp=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"),Ne=Pp;import{create as qp}from"zustand";import{subscribeWithSelector as Hp}from"zustand/middleware";import{shallow as Gp}from"zustand/shallow";import ct from"bignumber.js";import{create as Up}from"zustand";import{subscribeWithSelector as zp}from"zustand/middleware";import ah from"bignumber.js";function Gn(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(Gn,"searchParamsToToken");function Ii(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(Ii,"getBestRouteToTokenUsdPrice");function Vn(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(Vn,"isNumberOfSwapsChanged");function Xn(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!Un(o,n)}i(Xn,"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!Un(o,n)}i(Kn,"isRouteInternalCoinsUpdated");function Mi(t,e){return Vn(t,e)||Xn(t,e)||Kn(t,e)}i(Mi,"isRouteChanged");function Li(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(Li,"getRequiredBalanceOfWallet");function Pi(t){if(!t)return null;let e=(t.result?.swaps||[]).map(o=>({...o,fromAmount:w(o.fromAmount,6,6),toAmount:w(o.toAmount,6,6)}));return{...t,...t.result&&{result:{...t.result,swaps:e}}}}i(Pi,"getFormattedBestRoute");function Mt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(Mt,"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 De}from"@lingui/core";import{PendingSwapNetworkStatus as _o}from"@rango-dev/queue-manager-rango-preset";import ve from"bignumber.js";function Di(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:w(e.fromAmount,6,6),usdValue:w(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:w(e.toAmount,6,6),usdValue:w(e.to.usdPrice?.toString(),4,4)}}}))}i(Di,"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 Ce}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 G={genericServerError:Ce.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Ce.t("Please reset your liquidity sources."),description:Ce.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noRoutesError:{title:Ce.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:Ce.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:Ce.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:Ce.t("High Price Impact"),title:Ce.t("Price impact is too high!"),description:Ce.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:Ce.t("Confirm High price impact")},routeUpdatedWithHighValueLoss:{title:Ce.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Ce.t("USD Price Unknown"),title:Ce.t("USD Price Unknown, Cannot calculate Price Impact."),description:Ce.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Ce.t("Confirm USD Price Unknown")}};function Po(t){switch(t.type){case 0:return t.diagnosisMessage??G.noRoutesError.title;case 2:return G.genericServerError;case 1:return G.routeUpdatedWithHighValueLoss.title;default:return""}}i(Po,"getConfirmSwapErrorMessage");import{i18n as Do}from"@lingui/core";var Ct={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(We)||e.lte(We)?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 ve(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new ve(1e3)))??!1}i(Uo,"outputRatioHasWarning");function zo(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new ve(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ve(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 ve(p.fromAmountMinValue):null,u=p.fromAmountMaxValue?new ve(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 ve(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ve(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=De.t({id:"requiredEqualMin",message:"Required: >= {min} {symbol}",values:{min:w(o,6,6),symbol:e.from.symbol}}),a=G.bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=De.t({id:"requiredMin",message:"Required: > {min} {symbol}",values:{min:w(o,6,6),symbol:e.from.symbol}}),a=G.bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=De.t({id:"requiredEqualMax",message:"Required: <= {max} {symbol}",values:{max:w(n,6,6),symbol:e.from.symbol}}),a=G.bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=De.t({id:"requiredMax",message:"Required: < {max} {symbol}",values:{max:w(n,6,6),symbol:e.from.symbol}}),a=G.bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(qo,"LimitErrorMessage");function $i(t,e,o,n,r,s,a,p,l){return t!=="success"?{title:Ct.connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:Ct.connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!l||l==="0"?{title:Ct.swap,disabled:!0,state:"swap"}:s||a?{title:Ct.swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:p?{title:Ct.ethRouteWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:Ct.swap,disabled:!1,state:"swap"}}i($i,"getSwapButtonState");function jn(t,e,o){return!((!o||o.lte(We))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(jn,"canComputePriceImpact");function $p(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($p,"requiredWallets");var Fp=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Op(t,e){let o=We;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Fp(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new ve(r.amount).multipliedBy(s||0))}return o}i(Op,"getUsdFeeOfStep");function Ho(t,e){return t?.result?.swaps.reduce((o,n)=>o.plus(Op(n,e)),We)||null}i(Ho,"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}i(Fi,"getMinRequiredSlippage");function Oi(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Oi,"hasProperSlippage");function Go(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,slippage:p,affiliateRef:l,affiliatePercent:u,affiliateWallets:m,initialRoute:g,destination:f}=t,d=s?.reduce((S,v)=>(S[v.chain]=v.address,S),{}),y=[];r?.forEach(S=>{let v=y.find(A=>A.blockchain===S.chain);v?v.addresses.push(S.address):y.push({blockchain:S.chain,addresses:[S.address]})});let c=!!g,k=lt((g?.result?.swaps||[]).reduce((S,v)=>(S.push(v.from.blockchain,v.to.blockchain),v.internalSwaps&&Array.isArray(v.internalSwaps)&&v.internalSwaps.map(A=>{S.push(A.from.blockchain,A.to.blockchain)}),S),[]));return{amount:n.toString(),affiliateRef:l??void 0,affiliatePercent:u??void 0,affiliateWallets:m??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:y,selectedWallets:d??{},slippage:p.toString(),...f&&{destination:f},...a.length>0&&{swapperGroups:a,swappersGroupsExclude:!0},...c&&{blockchains:k}}}i(Go,"createBestRouteRequestBody");function Ui(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Ui,"getWalletsForNewSwap");function Lt(t){return t?.result?.outputAmount||null}i(Lt,"getRouteOutputAmount");function Re(t,e){return!t||!e?null:new ve(e).div(new ve(t)).minus(1).multipliedBy(100)}i(Re,"getPercentageChange");function zi(t,e){let o=Lt(t),n=Lt(e);if(!o||!n)return!1;let r=Re(o,n);return r?r.toNumber()<=-1:!0}i(zi,"isOutputAmountChangedALot");function qi(t,e){let o=t.validationStatus,n=Ei(t);return e.sort((s,a)=>n.indexOf(s.chain)-n.indexOf(a.chain)).flatMap(s=>Li(s,o)||[]).filter(s=>!s.ok).map(s=>{let a=s.asset.symbol,p=w(new ve(s.currentAmount.amount).shiftedBy(-s.currentAmount.decimals),8,8),l=w(new ve(s.requiredAmount.amount).shiftedBy(-s.requiredAmount.decimals),8,8),u="";return s.reason==="FEE"&&(u=De.t(" for network fee")),s.reason==="INPUT_ASSET"&&(u=De.t(" for swap")),s.reason==="FEE_AND_INPUT_ASSET"&&(u=De.t(" for input and network fee")),De.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(qi,"getBalanceWarnings");function Hi(t,e){return(t?new ve(t):We).multipliedBy(e||0)}i(Hi,"calcOutputUsdValue");function jt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==_o.NetworkChanged}i(jt,"isNetworkStatusInWarningState");function Gi(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),jt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case _o.WaitingForConnectingWallet:n=n||De.t("Waiting for connecting wallet");break;case _o.WaitingForQueue:n=n||De.t("Waiting for other running tasks to be finished");break;case _o.WaitingForNetworkChange:n=n||De.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(Gi,"getSwapMessages");function Vi(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(Vi,"getLastConvertedTokenInFailedSwap");function Xi(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Xi,"shouldRetrySwap");function Ki(t,e,o,n,r,s){return t||!e&&!$p(n).every(a=>r.map(p=>p.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!Lo(s,o)}i(Ki,"confirmSwapDisabled");var Yt=i((t,e)=>t?.usdPrice?new ct(e||We).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),M=Ne(Up()(zp(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new ct(0),outputUsdValue:new ct(0),toBlockchain:null,toToken:null,bestRoute:null,routeWalletsConfirmed:!1,sourceTokens:[],destinationTokens:[],selectedWallets:[],customDestination:"",setRoute:e=>t(o=>{let n=null,r=We;return Vt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new ct(e.result?.outputAmount):null,r=Hi(e.result?.outputAmount,Ii(e)||o.toToken?.usdPrice)),{bestRoute:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetRoute:()=>t(()=>({bestRoute:null,outputAmount:null,outputUsdValue:new ct(0)})),setFromBlockchain:(e,o)=>{t(n=>{if(n.fromBlockchain?.name===e?.name)return{};let r=T.getState().meta.tokens,s=O.getState().connectedWallets,a=Xt(e,r,s,n.destinationTokens),p=Hn(a,n.toToken);return{fromBlockchain:e,sourceTokens:a,...o&&{fromToken:p},...!!n.inputAmount&&{inputUsdValue:Yt(p,n.inputAmount)}}})},setFromToken:e=>t(o=>({fromToken:e,...!!o.inputAmount&&{inputUsdValue:Yt(e,o.inputAmount)}})),setToBlockchain:(e,o)=>{t(n=>{if(n.toBlockchain?.name===e?.name)return{};let r=T.getState().meta.tokens,s=O.getState().connectedWallets,a=Xt(e,r,s,n.destinationTokens);return{toBlockchain:e,destinationTokens:a,...o&&{toToken:Hn(a,n.fromToken)}}})},setToToken:e=>t(()=>({toToken:e})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new ct(0),outputUsdValue:new ct(0),bestRoute:null},...!!o.fromToken&&{inputUsdValue:Yt(o.fromToken,e)}}))},retry:e=>{let{tokens:o,blockchains:n}=T.getState().meta,r=O.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,m=o.find(c=>Pe(c,{blockchain:a.fromBlockchain,symbol:a.fromSymbol,address:a.fromSymbolAddress})),g=o.find(c=>Pe(c,{blockchain:p.toBlockchain,symbol:p.toSymbol,address:p.toSymbolAddress})),f=Xt(l,o,r,[]),d=Xt(u,o,r,[]),y=e.inputAmount;t({fromBlockchain:l,fromToken:m,inputAmount:y,outputAmount:null,inputUsdValue:Yt(m||null,y),outputUsdValue:new ct(0),toBlockchain:u,toToken:g,bestRoute:null,sourceTokens:f,destinationTokens:d})},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:Yt(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=Ne(qp()(Hp((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}=T.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:m})=>({address:u,blockchain:m})),l=(await Et().getWalletsDetails(a)).wallets;if(l)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(m=>{let g=o.find(d=>Eo(d,m)),f=l.find(d=>d.address===m.address&&d.blockChain===m.chain);return f?.failed&&g&&n&&r([g],!1),g&&f?{...m,explorerUrl:f.explorerUrl,balances:Ai(f,s)}:m})}));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)}))}}}))));O.subscribe(t=>t.connectedWallets,t=>{M.setState(({sourceTokens:e,destinationTokens:o})=>{let n=It(e,t),r=It(o,t);return{sourceTokens:Nt(n),destinationTokens:Nt(r)}})},{equalityFn:Gp});var T=Ne(Vp()(t=>({meta:{blockchains:[],popularTokens:[],swappers:[],tokens:[]},loadingStatus:"loading",setTokensWithBalance:()=>{let e=O.getState().connectedWallets;t(o=>({...o,meta:{...o.meta,tokens:Nt(It(o.meta.tokens,e))}}))},fetchMeta:async()=>{try{let e=await Et().getAllMetadata(),o=lt(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 Xp}from"zustand";import{persist as Kp,subscribeWithSelector as jp}from"zustand/middleware";var Ie=Ne(Xp()(Kp(jp((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 Yp}from"zustand";var be=Ne(Yp()(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 ji=Vo("div",{padding:"$10",width:"350px",minHeight:"150px"}),Yi=Vo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Ri=Vo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Qi=Vo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Rp}from"@lingui/core";import{Divider as Qp,NoNotificationIcon as Zp,Typography as Jp}from"@rango-dev/ui";import Xo from"react";function Zi(){return Xo.createElement(Qi,null,Xo.createElement(Zp,{color:"secondary",size:26}),Xo.createElement(Qp,{size:12}),Xo.createElement(Jp,{variant:"body",size:"medium",color:"neutral900"},Rp.t("You have no notification")))}i(Zi,"NotificationNotFound");var iu=4;function Yn(){let t=ru(),e=be.use.setSelectedSwap(),{getUnreadNotifications:o}=Ie(),n=o(),{tokens:r,blockchains:s}=T.use.meta(),a=n.sort((l,u)=>u.creationTime-l.creationTime).slice(0,iu),p=i(l=>{e(l),t(`/swaps/${l}`)},"handleOnClick");return _e.createElement(ji,null,a.length?_e.createElement(Yi,null,a.map(l=>{let u=r.find(d=>d.address===l.route.from.tokenAddress&&d.blockchain===l.route.from.blockchain&&d.symbol===l.route.from.tokenSymbol),m=s.find(d=>d.name===l.route.from.blockchain),g=r.find(d=>d.address===l.route.to.tokenAddress&&d.blockchain===l.route.to.blockchain&&d.symbol===l.route.to.tokenSymbol),f=s.find(d=>d.name===l.route.to.blockchain);return _e.createElement(ou,{key:l.requestId,onClick:()=>p(l.requestId),title:_e.createElement(nu,{variant:"body",size:"small",color:"$neutral900"},eu.t(l.event.message)),id:l.requestId,start:_e.createElement(Ri,null,_e.createElement("div",{className:"from-chain-token"},_e.createElement(Ji,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),_e.createElement("div",{className:"to-chain-token"},_e.createElement(Ji,{tokenImage:g?g.image:"",chainImage:f?f.logo:"",size:"small"}))),end:_e.createElement(tu,{size:12,color:"gray"})})})):_e.createElement(Zi,null))}i(Yn,"NotificationContent");import{Typography as su}from"@rango-dev/ui";import es from"react";function ts(){let{getUnreadNotifications:t}=Ie(),e=t().length;return e?es.createElement(di,null,es.createElement(su,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(ts,"UnreadNotificationsBadge");function Rn(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:s}=t;return de.createElement(de.Fragment,null,de.createElement(jo,{container:se(),side:"top",content:Ko.t("Refresh")},de.createElement(Le,{variant:"ghost",size:"small",onClick:o,disabled:!o},de.createElement(pu,{size:16,color:o?"black":"gray"}))),de.createElement(jo,{container:se(),side:"top",content:Ko.t("Notifications")},de.createElement(lu,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:se(),content:de.createElement(Yn,null)},de.createElement(Le,{size:"small",variant:"ghost",onClick:s},de.createElement(au,{size:18,color:"black"}),de.createElement(ts,null)))),de.createElement(jo,{container:se(),side:"top",content:Ko.t("Settings")},de.createElement(Le,{size:"small",variant:"ghost",onClick:r},de.createElement(uu,{size:18,color:"black"}))),de.createElement(jo,{container:se(),side:"top",content:Ko.t("Transactions History")},de.createElement(Le,{size:"small",variant:"ghost",onClick:n},de.createElement(cu,{size:18,color:"black"}))))}i(Rn,"HomeButtons");import{BottomLogo as mu,Divider as du,Header as fu}from"@rango-dev/ui";import ye from"react";import{useNavigate as gu}from"react-router-dom";import{styled as Qn}from"@rango-dev/ui";var os=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",backgroundColor:"$neutral100",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),ns=Qn("div",{borderTopLeftRadius:"20px",borderTopRightRadius:"20px",display:"flex",flexDirection:"column",flex:1,padding:"$20 $20 $10 $20",backgroundColor:"$background",position:"relative",overflowY:"auto",overflowX:"hidden",variants:{noPadding:{true:{padding:"0"}}}}),rs=Qn("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function hu(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:p=!0}=t,l=O.use.connectedWallets(),u=be.use.connectWalletsButtonDisabled(),m=gu(),g=i(()=>{u||m("/"+h.wallets)},"onConnectWallet");return ye.createElement(os,{ref:e,fixedHeight:p,id:"swap-box"},ye.createElement(fu,{prefix:ye.createElement(ye.Fragment,null,n.onBack&&ye.createElement(_n,{onClick:n.onBack})),title:n.title,suffix:ye.createElement(ye.Fragment,null,n.suffix,n.hasConnectWallet&&ye.createElement(On,{container:se(),onClick:g,isConnected:!!l?.length}),n.onCancel&&ye.createElement(Fn,{onClick:n.onCancel}))}),ye.createElement(ns,{noPadding:s},o),(a||r)&&ye.createElement(rs,null,ye.createElement("div",{className:"footer__content"},r),a&&ye.createElement("div",{className:"footer__logo"},ye.createElement(du,{size:12}),ye.createElement(mu,null))))}i(hu,"LayoutComponent");var Q=ye.forwardRef(hu);Q.displayName="Layout";import{Alert as Tu,Button as ku,Divider as gs,NoRouteIcon as wu,RefreshIcon as vu,Typography as hs}from"@rango-dev/ui";import $e from"react";import{create as yu}from"zustand";import{persist as Su,subscribeWithSelector as Cu}from"zustand/middleware";var is=[.5,1,3],ss=1,as=5,ls=100,ps=0;var q=Ne(yu()(Su(Cu(t=>({slippage:ss,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}=T.getState().meta,r=lt(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 us}from"@lingui/core";function cs(t,e,o,n,r){return o?{alert:{type:"warning",text:G.genericServerError,action:{onClick:r,title:us.t("Retry")}},description:""}:t?{alert:{type:"error",text:t,action:null},description:""}:e.length?{alert:{type:"warning",text:G.liquiditySourcesError.title,action:{onClick:()=>n(!0),title:us.t("Reset")}},description:G.liquiditySourcesError.description}:{alert:null,description:G.noRoutesError.description}}i(cs,"makeInfo");import{styled as Zn}from"@rango-dev/ui";var ms=Zn("div",{display:"flex",flexDirection:"column",alignItems:"center"}),ds=Zn("div",{width:"100%"}),fs=Zn("div",{padding:"$6 $0"});function Rt(t){let{diagnosisMessage:e,fetch:o,error:n}=t,r=q.use.disabledLiquiditySources(),s=T.use.loadingStatus(),a=q.use.toggleAllLiquiditySources(),l=cs(e??null,r,n||s==="failed",a,o);return $e.createElement(ms,null,$e.createElement(wu,{size:24,color:"gray"}),$e.createElement(gs,{size:4}),$e.createElement(hs,{variant:"title",size:"small"},G.noRoutesError.title),!!l.description&&$e.createElement(hs,{variant:"body",size:"small",align:"center",color:"neutral900"},l.description),$e.createElement(gs,{size:4}),!!l.alert&&$e.createElement(ds,null,$e.createElement(Tu,{type:l.alert.type,title:l.alert.text,action:l.alert.action&&$e.createElement(ku,{size:"xsmall",type:l.alert.type,prefix:$e.createElement(fs,null,$e.createElement(vu,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i(Rt,"NoRoutes");import{Alert as xs,Divider as Wu,InfoIcon as Nu}from"@rango-dev/ui";import Oe from"react";import{styled as Yo}from"@rango-dev/ui";var ys=Yo("div",{width:"100%",paddingTop:"$10"}),Jn=Yo("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Ss=Yo("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),Cs=Yo("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});import{i18n as Qt}from"@lingui/core";import{Button as bu,Divider as ws,MessageBox as vs,Modal as xu,Typography as Eu,WarningIcon as Au}from"@rango-dev/ui";import Fe from"react";import{useNavigate as Bu}from"react-router-dom";import{Typography as Ts}from"@rango-dev/ui";import er from"react";function ks(t){let{title:e,value:o,valueColor:n}=t;return er.createElement(Ss,null,er.createElement(Ts,{size:"medium",variant:"label",color:"neutral800"},e),er.createElement(Ts,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(ks,"RouteErrorsModalItem");function bs(t){let{highValueLoss:e,open:o,onToggle:n,percentageChange:r,inputUsdValue:s,outputUsdValue:a,totalFeeInUsd:p}=t,l=Bu(),u=e&&r?.lt(-10)?"error":"warning",m=[{title:Qt.t("Swapping"),value:w(s,4,4)},{title:Qt.t("Gas cost"),value:w(p,2,2)},{title:Qt.t("Receiving"),value:w(a,4,4)},{title:Qt.t("Price impact"),value:w(r,2,2),valueColor:`${u}500`}];return Fe.createElement(xu,{open:o,onClose:()=>n(!1),container:document.getElementById("swap-box")||document.body},e?Fe.createElement(vs,{type:u,title:G.highValueLossError.impactTitle,description:G.highValueLossError.description}):Fe.createElement(vs,{type:u,title:G.unknownPriceError.impactTitle,description:G.unknownPriceError.description}),e&&Fe.createElement(Jn,null,Fe.createElement(ws,{size:20}),Fe.createElement(Eu,{size:"small",variant:"title"},Qt.t("Details")),Fe.createElement(Jn,null,m.map((g,f)=>Fe.createElement(ks,{key:f,...g})))),Fe.createElement(ws,{size:32}),Fe.createElement(bu,{type:"primary",size:"large",prefix:Fe.createElement(Au,null),fullWidth:!0,onClick:()=>{l(h.confirmSwap)}},e?G.highValueLossError.confirmMessage:G.unknownPriceError.confirmMessage))}i(bs,"RouteErrorsModal");var Iu=-10;function tr(t){let{bestRoute:e}=M(),{highValueLoss:o,percentageChange:n,priceImpactCanNotBeComputed:r,openModal:s,onToggle:a,totalFeeInUsd:p,outputUsdValue:l,inputUsdValue:u,loading:m,extraSpace:g}=t,f=zo(e),{recommendation:d}=qo(e),y=!f&&(o||r),c=y||f;return Oe.createElement(Oe.Fragment,null,(m||g&&!c)&&Oe.createElement(Wu,{size:20}),c&&Oe.createElement(ys,null,y&&Oe.createElement(Oe.Fragment,null,Oe.createElement(xs,{title:o?G.highValueLossError.title:G.unknownPriceError.title,type:o&&n?.lt(Iu)?"error":"warning",variant:"alarm",action:Oe.createElement(Cs,{onClick:()=>a(!0)},Oe.createElement(Nu,{size:12,color:"gray"}))})),f&&Oe.createElement(xs,{type:"error",variant:"alarm",title:d})),Oe.createElement(bs,{highValueLoss:o,open:s,onToggle:a,percentageChange:n,inputUsdValue:u,outputUsdValue:l,totalFeeInUsd:p}))}i(tr,"RouteErrors");import{ReverseIcon as Mu,styled as Es}from"@rango-dev/ui";import or from"react";var Lu=Es("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Pu=Es("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 As(){let t=M.use.switchFromAndTo();return or.createElement(Lu,null,or.createElement(Pu,{onClick:()=>{t()}},or.createElement(Mu,{size:12})))}i(As,"SwitchFromAndToButton");import{useEffect as Bs,useRef as $u,useState as Ws}from"react";import{useRef as Du,useState as _u}from"react";function Ro(){let[t,e]=_u(!1),o=Du(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Et().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(Ro,"useFetchBestRoute");var Fu=600;function Ns(){let{fetch:t,cancelFetch:e}=Ro(),[o,n]=Ws(!1),{fromToken:r,toToken:s,inputAmount:a,inputUsdValue:p,resetRoute:l,setRoute:u}=M(),{slippage:m,customSlippage:g,affiliatePercent:f,affiliateRef:d,affiliateWallets:y,disabledLiquiditySources:c}=q(),[k,x]=Ws(""),S=$u(c),v=g??m,C=!r||!s||Pe(r,s)||!Vt(a),I=i(()=>{if(o||n(!0),!C){l();let W=Go({fromToken:r,toToken:s,inputAmount:a,disabledLiquiditySources:c,slippage:v,affiliateRef:d,affiliatePercent:f,affiliateWallets:y});t(W).then(V=>{n(!1),u(V)}).catch(V=>{l(),V?.code!=="ERR_CANCELED"&&(x(V.message),n(!1))})}},"fetch"),D=hi(()=>{C||I()},Fu);return Bs(()=>{if(!Vt(a)||p?.eq(0)){n(!1),e();return}if(!C)return l(),n(!0),D(),e},[a,C]),Bs(()=>{let W=!!S.current.length&&!c.length;return!C&&W&&I(),S.current=c,e},[c.length]),{fetch:I,loading:o,error:k}}i(Ns,"useSwapInput");var ju=Pt("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),Yu=Pt("div",{position:"relative"}),Ru=Pt("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"}),Ms=Pt("div",{width:"100%",paddingTop:"$2"}),Qu=Pt("div",{paddingBottom:"$15"}),Zu=Pt("div",{width:"100%",display:"flex"});function Zo(){let t=Ku(),{fetch:e,loading:o,error:n}=Ns(),{fromToken:r,fromBlockchain:s,toToken:a,toBlockchain:p,setInputAmount:l,inputAmount:u,inputUsdValue:m,outputAmount:g,outputUsdValue:f,bestRoute:d,resetRouteWallets:y}=M(),{meta:{tokens:c},loadingStatus:k}=T(),x=O.use.connectedWallets(),S=be.use.setCurrentPage(),[v,A]=Xu(!1),{fromAmountRangeError:C,swap:I,recommendation:D}=qo(d),W=Vu(null),V=!!Number(u)&&(!!d||o||!!n),R=!1,X=Oo(m,f),N=Uo(m,X),U=!jn(d,u,m),$=!jn(d,u,f),b=$i(k,x,o,d,zo(d),N,U||$,R,u),ce=s&&r?w(Wt(x,s?.name,r?.symbol,r?.address)?.amount||"0",8,8):"0",we=s&&r?w(Wt(x,s?.name,r?.symbol,r?.address)?.amount||"0",Wt(x,s?.name,r?.symbol,r?.address)?.decimal):"0";Gu(()=>(S(h.home),y(),S.bind(null,"")),[]);let z=!m||!f||!f.gt(0)?null:Re(m.toNumber(),f.toNumber()),re=i(qe=>qe.map((ie,it)=>({swapper:{displayName:ie.swapperId,image:ie.swapperLogo},from:{token:{displayName:ie.from.symbol,image:ie.from.logo},chain:{displayName:ie.from.blockchain,image:ie.from.blockchainLogo},price:{value:it===0?w(u,6,6):ie.fromAmount}},to:{token:{displayName:ie.to.symbol,image:ie.to.logo},chain:{displayName:ie.to.blockchain,image:ie.to.blockchainLogo},price:{value:ie.toAmount}},alerts:ie.swapperId===I?.swapperId?Y.createElement(Qu,null,Y.createElement(Ou,{type:"error",title:D,footer:Y.createElement(Zu,null,Y.createElement(rr,{size:"xsmall",variant:"body",color:"neutral900"},C),Y.createElement(nr,{direction:"horizontal",size:8}),Y.createElement(rr,{size:"xsmall",variant:"body",color:"neutral900"},"|"),Y.createElement(nr,{direction:"horizontal",size:8}),Y.createElement(rr,{size:"xsmall",variant:"body",color:"neutral900"},Qo.t({id:"yourSymbol",message:"Yours: {amount} {symbol}",values:{amount:w(I?.fromAmount||null,6,6),symbol:ie?.from.symbol}})))})):void 0})),"getBestRouteSteps"),le=Ho(d,c),me=Pi(d);return Y.createElement(Q,{ref:W,fixedHeight:!1,hasLogo:!0,footer:Y.createElement(qu,{type:"primary",size:"large",disabled:b.disabled,prefix:!b.disabled&&b.hasWarning&&Y.createElement(Hu,null),fullWidth:!0,onClick:()=>{b.state==="waitForConnecting"?t(h.wallets):b.state==="needToConfirm"?A(!0):t(h.confirmSwap)}},b.title),header:{hasConnectWallet:!0,title:Qo.t("Swap"),suffix:Y.createElement(Rn,{layoutRef:W.current,onClickRefresh:d||n?e:void 0,onClickHistory:()=>t(h.swaps),onClickSettings:()=>t(h.settings)})}},Y.createElement(ju,null,Y.createElement(Ru,null,Y.createElement(Yu,null,Y.createElement(Is,{label:Qo.t("From"),mode:"From",onInputChange:l,balance:ce,chain:{displayName:s?.displayName||"",image:s?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>t("from-swap"),price:{value:u,usdValue:U?void 0:w(m,4,4),error:U?G.unknownPriceError.impactTitle:void 0},disabled:k==="failed",loading:k==="loading",onSelectMaxBalance:()=>{ce!=="0"&&l(we.split(",").join(""))}}),Y.createElement(As,null)),Y.createElement(Is,{sharpBottomStyle:!!d?.result||o,label:Qo.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:z?.lt(0)?w(z,2,2):null,warningLevel:Mt(z?.toNumber()??0),price:{value:w(g,6,6),usdValue:$?void 0:w(f,4,4),error:$?G.unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:k==="failed",loading:k==="loading"})),o&&Y.createElement(Ms,null,Y.createElement(zu,{type:"basic"})),V&&!o&&me?.result?.swaps?.length?Y.createElement(Ms,null,Y.createElement(Uu,{type:"basic",recommended:!0,tooltipContainer:se(),input:{value:w(u,6,6),usdValue:w(m,4,4)},output:{value:w(g,6,6),usdValue:w(f,4,4)},steps:re(me.result.swaps),percentageChange:w(z,2,2),totalFee:w(le,2,2),totalTime:At(Bt(d?.result?.swaps))})):V&&!o?Y.createElement(Y.Fragment,null,Y.createElement(nr,{size:20}),Y.createElement(Rt,{diagnosisMessage:me?.diagnosisMessages?.[0],fetch:e,error:!!n})):null),Y.createElement(tr,{openModal:v,onToggle:A,totalFeeInUsd:le,outputUsdValue:f,inputUsdValue:m,percentageChange:z,highValueLoss:N,priceImpactCanNotBeComputed:U||$,loading:o||k==="loading",extraSpace:!!d?.result||!d}))}i(Zo,"Home");import{useEffect as ir,useRef as sr}from"react";import{createSearchParams as Ju,useLocation as ec,useSearchParams as tc}from"react-router-dom";function Ls(){let t=sr(!0),[e,o]=tc(),n=ec(),r=sr(n.search),s=sr({}),a=M.use.fromBlockchain(),p=M.use.toBlockchain(),l=M.use.fromToken(),u=M.use.toToken(),m=M.use.setFromBlockchain(),g=M.use.setFromToken(),f=M.use.setToBlockchain(),d=M.use.setToToken(),y=M.use.inputAmount(),c=M.use.setInputAmount(),k=T.use.loadingStatus(),{blockchains:x,tokens:S}=T.use.meta(),v=be.use.setSelectedSwap();return ir(()=>{let A={};Ju(r.current).forEach((I,D)=>{A[D]=I}),s.current=A;let C=n.pathname.split(h.swaps+"/")[1]||null;C&&v(C)},[]),ir(()=>{if(!t.current){let A="",C="",I="",D="",W="";if(k!=="success")A=s.current["fromBlockchain"],C=s.current["fromToken"],I=s.current["toBlockchain"],D=s.current["toToken"],W=s.current["fromAmount"]||y;else{if(n.state==="redirect")return;A=a?.name||"",C=(l?.symbol||"")+(l?.address?`--${l?.address}`:""),I=p?.name||"",D=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),W=y}o({...A&&{["fromBlockchain"]:A},...C&&{["fromToken"]:C},...I&&{["toBlockchain"]:I},...D&&{["toToken"]:D},...W&&{["fromAmount"]:W.toString()}},{replace:!0})}t.current=!1},[n.pathname,y,a,l,p,u]),ir(()=>{if(k==="success"){let A=e.get("fromBlockchain"),C=e.get("fromToken"),I=e.get("toBlockchain"),D=e.get("toToken"),W=e.get("fromAmount"),V=x.find(U=>U.name===A),R=Gn(S,C,V||null),X=x.find(U=>U.name===I),N=Gn(S,D,X||null);V&&(m(V),R&&g(R)),X&&(f(X),N&&d(N)),W&&c(W)}},[k]),null}i(Ls,"UpdateUrl");function cc(t){let e=pc(),o=uc(),n=sc(!0),r=e.pathname.split("/"),a=r[r.length-1]===h.confirmSwap&&n.current;return ic(()=>{a&&o("."),n.current=!1},[]),a?Tt.createElement(Zo,null):Tt.createElement(Tt.Fragment,null," ",t.children)}i(cc,"Route");function Ps({children:t,...e}){let o=lc(),n=o?cc:ac,{blockchains:r}=T.use.meta(),{canSwitchNetworkTo:s}=nc(),a=r.filter(rc);return oc({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),Tt.createElement(Tt.Fragment,null,Tt.createElement(n,null,t),o&&Tt.createElement(Ls,null))}i(Ps,"AppRouter");import Be from"react";import{useRoutes as Pf}from"react-router-dom";import{i18n as Xe}from"@lingui/core";import{useManager as im}from"@rango-dev/queue-manager-react";import{Alert as gr,BestRoute as sm,BestRouteSkeleton as am,Button as an,Divider as Ot,IconButton as ka,MessageBox as lm,Modal as pm,RefreshIcon as um,SettingsIcon as cm,styled as wa,Tooltip as mm,Typography as Ta,WalletIcon as dm}from"@rango-dev/ui";import L,{useEffect as ln,useState as pn}from"react";import{flushSync as fm}from"react-dom";import{useNavigate as gm}from"react-router-dom";import{i18n as et}from"@lingui/core";import{Alert as fr,BalanceErrors as Hc,Button as ha,ChevronDownIcon as Gc,ChevronLeftIcon as Vc,Divider as Ft,MessageBox as Xc,Modal as ya,Typography as sn,WalletIcon as Kc}from"@rango-dev/ui";import E,{useEffect as jc,useLayoutEffect as Yc,useRef as Rc,useState as vt}from"react";import{useNavigate as Qc}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 _t from"@radix-ui/react-collapsible";import{Button as mc,darkTheme as Dt,IconButton as dc,keyframes as Ds,styled as Te,TextField as fc}from"@rango-dev/ui";var Zt=300,gc=Ds({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),hc=Ds({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),_s=Te("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),$s=Te("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),Fs=Te("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Dt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Dt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Dt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Os=Te(_t.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent"}),Us=Te("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),zs=Te(dc,{position:"absolute",left:"$20"}),qs=Te("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),Hs=Te(_t.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Gs=Te(mc,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Dt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Dt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Dt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),Vs=Te("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),Xs=Te("div",{transition:`all ${Zt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Ks=Te("div",{display:"flex"}),js=Te(fc,{padding:"$0 $15 $15 $15"}),Ys=Te(_t.Content,{overflow:"hidden",variants:{open:{true:{animation:`${gc} ${Zt}ms ease-out`},false:{animation:`${hc} ${Zt}ms ease-out`}}}}),Rs=Te("div",{overflow:"visible",width:"100%"});import{i18n as Je}from"@lingui/core";import{Button as Uc,Divider as cr,Image as zc,MessageBox as mr,Modal as ca,SelectableWallet as qc,Typography as ma,WalletState as da}from"@rango-dev/ui";import ne,{useEffect as fa,useState as eo}from"react";import{WalletState as Zs}from"@rango-dev/ui";import{useWallets as Sc}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Cc,WalletTypes as Tc}from"@rango-dev/wallets-shared";import{useEffect as kc,useState as wc}from"react";import{allProviders as yc}from"@rango-dev/provider-all";function tn(t,e){let o=yc({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 Qs(t,e){return tn(t,e).map(r=>r.config.type)}i(Qs,"configWalletsToWalletName");var vc=Object.values(Tc);function on(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:p,connect:l}=Sc(),{connectedWallets:u}=O(),{blockchains:m}=T().meta,g=typeof e?.multiWallets>"u"?!0:e.multiWallets,f=Qs(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||vc,d=bi(s,p,f,o),y=Wi(d),[c,k]=wc(""),x=i(C=>!u.find(I=>I.walletType===C&&I.chain===o),"isExperimentalChainNotAdded"),S=i(async C=>{let I=s(C);try{if(c&&k(""),I.connected)await a(C);else{let D=!!d.find(W=>W.state===Zs.CONNECTED);if(!g&&D)return;n?.(C),await l(C),r?.(C)}}catch(D){k("Error: "+D?.message)}},"handleClick"),v=i(()=>{let C=d?.filter(I=>I.state===Zs.CONNECTING)||[];for(let I of C)a(I.type)},"disconnectConnectingWallets");kc(()=>()=>{v()},[]);let A=i((C,I,D)=>Bo(D,I)&&x(C)&&!Cc.includes(C),"shouldExcludeWallet");return{list:y.filter(C=>!A(C.type,o??"",m)),error:c,handleClick:S}}i(on,"useWalletList");import{i18n as na}from"@lingui/core";import{styled as ia,Typography as Mc,Wallet as Lc,WalletState as Pc}from"@rango-dev/ui";import wt,{Fragment as Dc,useState as ra}from"react";import{Divider as Bc,Modal as Wc}from"@rango-dev/ui";import lr from"react";import{i18n as $t}from"@lingui/core";import{Image as Ec,MessageBox as ar,WalletState as Ac}from"@rango-dev/ui";import kt from"react";import{keyframes as bc,styled as nn}from"@rango-dev/ui";var mk=nn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Js=nn("div",{position:"relative"}),xc=bc({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ea=nn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${xc} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ta=nn("div",{"& img":{borderRadius:"50%"}});function oa(t){let{state:e,image:o,error:n}=t;return e===Ac.CONNECTED?kt.createElement(ar,{type:"success",title:$t.t("Wallet Connected"),description:$t.t("Your wallet is connected, you can use it to swap.")}):n?kt.createElement(ar,{type:"error",title:$t.t("Failed to Connect"),description:n||$t.t("Your wallet is not connected. Please try again.")}):kt.createElement(ar,{type:"loading",title:$t.t("Connecting to your wallet"),description:$t.t("Click connect in your wallet popup."),icon:kt.createElement(Js,null,kt.createElement(ta,null,kt.createElement(Ec,{src:o,size:45})),kt.createElement(ea,null))})}i(oa,"ModalContent");function Jt(t){let{open:e,onClose:o,...n}=t;return lr.createElement(Wc,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},lr.createElement(oa,{...n}),lr.createElement(Bc,{direction:"vertical",size:32}))}i(Jt,"WalletModal");import{useInRouterContext as Nc,useNavigate as Ic}from"react-router-dom";function oe(){let t=Nc(),e=Ic(),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(oe,"useNavigateBack");var _c=ia("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),$c=ia("div",{textAlign:"center"}),rn=3e3,pr=300;function sa({config:t}){let{navigateBackFrom:e}=oe(),[o,n]=ra(!1),[r,s]=ra(""),a=null,{list:p,handleClick:l,error:u}=on({config:t,onBeforeConnect:y=>{a=setTimeout(()=>{n(!0),s(y)},pr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},rn)}}),m=T.use.loadingStatus(),g=p.find(y=>y.type===r),f=g?.image||"",d=g?.state||Pc.NOT_INSTALLED;return wt.createElement(Q,{header:{title:na.t("Connect Wallets"),onBack:e.bind(null,h.wallets)}},wt.createElement($c,null,wt.createElement(Mc,{variant:"title",size:"xmedium",align:"center"},na.t("Choose a wallet to connect.")),wt.createElement(_c,null,p.map((y,c)=>{let k=`wallet-${c}-${y.type}`;return wt.createElement(Dc,{key:k},wt.createElement(Lc,{...y,container:se(),onClick:x=>{l(x)},isLoading:m==="loading"}))}),wt.createElement(Jt,{open:!!o,onClose:()=>n(!1),image:f,state:d,error:u}))))}i(sa,"WalletsPage");function aa(t,e){return e.find(o=>o.name===t)?.displayName}i(aa,"getBlockchainDisplayNameFor");import{keyframes as Fc,styled as ur}from"@rango-dev/ui";var la=ur("div",{position:"relative"}),Oc=Fc({"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:`${Oc} 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:s,onShowMore:a}=t,p=O.use.connectedWallets(),{blockchains:l}=T.use.meta(),[u,m]=eo(""),[g,f]=eo(null),[d,y]=eo(!1),[c,k]=eo(null),{connect:x}=ga(),S=null,{list:v,error:A,handleClick:C}=on({config:e,chain:o,onBeforeConnect:N=>{S=setTimeout(()=>{m(N)},pr)},onConnect:()=>{S&&clearTimeout(S),setTimeout(()=>{m("")},rn)}}),[I,D]=eo(v),W=v.length,V=s&&W-s>0,R=i(async N=>{y(!1),k("in-progress"),await x(N.walletType,N.chain),k("completed")},"addExperimentalChain");fa(()=>{D(N=>{let U=v.findIndex($=>n($.type,o));return V&&U>1?[v[U]].concat(v.filter(($,b)=>b!==U)):N.map($=>v.find(b=>b.type===$.type)??$)})},[JSON.stringify(v)]);let X=document.querySelector("#swap-box");return fa(()=>{let N=null;return c==="completed"&&(N=setTimeout(()=>k(null),rn)),()=>{N&&clearTimeout(N)}},[c]),ne.createElement(ne.Fragment,null,I.slice(0,s).map(N=>{let U=Ni({connectedWallets:p,walletType:N.type,chain:o}),$=U?Wo(U):"",b=Bo(l,o),ce=!p.find(me=>me.walletType===N.type&&me.chain===o),we=b&&ce&&N.state===da.CONNECTED,z=we?Je.t({id:"addChain",message:"Add {chain} chain",values:{chain:o}}):$,re=i(()=>{N.state===da.DISCONNECTED?C(N.type):we?(f({walletType:N.type,chain:o,address:U??""}),y(!0)):r({walletType:N.type,chain:o,address:U??""})},"onClick"),le=g?.chain?aa(g.chain,l):void 0;return ne.createElement(ne.Fragment,null,ne.createElement(Jt,{open:u===N.type,onClose:()=>m(""),image:N.image,state:N.state,error:A}),!!g&&ne.createElement(ca,{open:!!g&&d,container:X,onClose:()=>{f(null)}},ne.createElement(mr,{title:Je.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:le}}),type:"warning",description:Je.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:le}})},ne.createElement(cr,{size:18}),ne.createElement(cr,{size:32}),ne.createElement(Uc,{onClick:R.bind(null,g),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Je.t("Confirm")))),c&&ne.createElement(ca,{open:!!c,onClose:k.bind(null,null),container:X},c==="in-progress"?ne.createElement(mr,{type:"loading",title:Je.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:le}}),description:Je.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:le}}),icon:ne.createElement(la,null,ne.createElement(ua,null,ne.createElement(zc,{src:N.image,size:45})),ne.createElement(pa,null))}):ne.createElement(mr,{type:"success",title:Je.t({id:"blockchainAdded",message:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:le}}),description:Je.t({id:"blockchainAddedDescription",message:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:le}})}),ne.createElement(cr,{direction:"vertical",size:32})),ne.createElement(qc,{key:N.type,description:z,onClick:re,selected:n(N.type,o),...N}))}),V&&ne.createElement(Fs,{selected:!1,onClick:a.bind(null)},ne.createElement(ma,{variant:"label",size:"medium"},Je.t("Show more wallets"),ne.createElement(ma,{variant:"label",size:"medium",color:"$primary"},"\xA0+",W-(s??0)))))}i(dr,"WalletList");var Zc=2;function Sa(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,config:s,loading:a}=t,{blockchains:p}=T.use.meta(),{bestRoute:l,setSelectedWallets:u,routeWalletsConfirmed:m,setRouteWalletConfirmed:g,customDestination:f,setCustomDestination:d}=M(),{connectedWallets:y,selectWallets:c}=O(),[k,x]=vt(""),[S,v]=vt([]),[A,C]=vt(""),[I,D]=vt(null),[W,V]=vt(f),[R,X]=vt(!!f),N=Rc(null),U=Mo(l),$=typeof s?.customDestination>"u"?!0:s.customDestination,b=p.find(B=>B.name===l?.result?.swaps[l?.result?.swaps.length-1].to.blockchain),ce=i(B=>!!l?.result?.swaps.find(F=>F.from.blockchain===B),"isWalletRequiredFor"),[we,z]=vt(y.filter(B=>B.selected&&U.includes(B.chain))),re=p.find(B=>B.name===b?.name),le=i((B,F)=>!!we.find(_=>_.walletType===B&&_.chain===F&&_.selected&&(ce(F)||!ce(F)&&!W)),"isSelected"),me=!!W&&R&&re&&!Lo(re,W),qe=i(()=>{X(!1),V(""),z(B=>{let F=!1;return B.map(_=>!F&&_.chain===b?.name?(F=!0,{..._,selected:!0}):_)})},"resetCustomDestination"),ie=i(B=>{if(k&&x(""),le(B.walletType,B.chain))return;let _=y.find(ee=>ee.walletType===B.walletType&&ee.chain===B.chain);_&&(n(),B.chain===b?.name&&R&&(X(!1),V("")),z(ee=>ee.filter(pe=>pe.chain!==B.chain).concat({..._,selected:!0})))},"onChange"),it=i(()=>{let B=we.filter(F=>F.selected);c(B),u(B),d(W),g(!0),o()},"onConfirmBalance"),st=i(async()=>{v([]),C(""),D(null);let B=y.filter(ee=>we.find(pe=>pe.chain===ee.chain&&pe.walletType===ee.walletType)),F=await r?.({selectedWallets:B,customDestination:W}),_=F.warnings;_?.balance?.messages&&v(_.balance.messages),_?.route&&D(_.route),F.error&&C(Po(F.error)),!F.error&&(!_?.balance?.messages.length||0>0)?it():v(_?.balance?.messages??[])},"onConfirmWallets");jc(()=>{z(B=>B.concat(y.filter(F=>!!!B.find(ee=>ee.chain===F.chain)&&F.selected&&U.includes(F.chain))))},[y.length]),Yc(()=>{R&&N.current&&setTimeout(()=>{N?.current?.scrollIntoView({behavior:"smooth"})},Zt)},[R]);let ht=document.querySelector("#swap-box"),at=Qc();return E.createElement(ya,{open:e,onClose:()=>{m||at(h.home,{replace:!0}),o()},dismissible:!k,container:ht,...!k&&{footer:E.createElement(Ks,null,E.createElement(ha,{loading:a,disabled:Ki(a,R,W,l,we,b),onClick:st,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...k&&{containerStyle:{padding:"$0"},header:E.createElement(Us,null,E.createElement(zs,{variant:"ghost",onClick:x.bind(null,"")},E.createElement(Vc,{size:16})),E.createElement(sn,{variant:"headline",size:"small"},et.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:k}})))},anchor:"center"},E.createElement(ya,{open:S.length>0,onClose:v.bind(null,[]),container:ht},E.createElement(Xc,{title:et.t("Insufficient account balance"),type:"error",description:E.createElement(Hc,{messages:S??[]})},E.createElement(ha,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:it},et.t("Proceed anyway")))),k&&E.createElement(qs,null,E.createElement("div",{className:"wallets-list"},E.createElement(dr,{chain:k,isSelected:le,selectWallet:ie,multiWallets:s?.multiWallets??!0,supportedWallets:s?.wallets??[],config:s,onShowMore:x.bind(null,k)}))),!k&&E.createElement(E.Fragment,null,A&&E.createElement(E.Fragment,null,E.createElement(fr,{variant:"alarm",type:"error",title:et.t(A)}),E.createElement(Ft,{size:12})),I&&E.createElement(E.Fragment,null,E.createElement(fr,{variant:"alarm",type:"warning",title:en(I)}),E.createElement(Ft,{size:12})),E.createElement(Rs,null,U.map((B,F)=>{let _=p.find(He=>He.name===B),ee=`wallet-${F}`,pe=F===U.length-1;return E.createElement("div",{key:ee},E.createElement(_s,null,E.createElement(sn,{variant:"title",size:"xmedium"},et.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:_?.displayName}})),E.createElement(sn,{variant:"label",color:"$neutral900",size:"medium"},et.t({id:"needConnect",message:"You need to connect a {blockchainName} wallet.",values:{blockchainName:_?.displayName}}))),E.createElement(Ft,{size:24}),E.createElement($s,null,E.createElement(dr,{chain:B,isSelected:le,selectWallet:ie,multiWallets:s?.multiWallets??!0,supportedWallets:s?.wallets??[],config:s,limit:Zc,onShowMore:()=>x(_?.name??"")})),!pe&&E.createElement(Ft,{size:32}),pe&&$&&E.createElement(Vs,null,E.createElement(Hs,{ref:N,selected:R,open:R,onOpenChange:He=>{He?ce(b?.name??"")||z(ci=>ci.map(yt=>yt.chain===b?.name?{...yt,selected:!1}:yt)):qe()}},E.createElement(Os,{onClick:()=>X(He=>!He)},E.createElement(Gs,{fullWidth:!0,variant:"default",suffix:E.createElement(Xs,{orientation:R?"up":"down"},E.createElement(Gc,{size:10,color:"gray"}))},E.createElement("div",{className:"button__content"},E.createElement(Kc,{size:18,color:"info"}),E.createElement(Ft,{size:4,direction:"horizontal"}),E.createElement(sn,{variant:"label",size:"medium"},et.t("Send to a different address"))))),E.createElement(Ys,{open:R},E.createElement(E.Fragment,null,E.createElement(Ft,{size:4}),E.createElement(js,{autoFocus:!0,placeholder:et.t("Your destination address"),value:W,onChange:He=>{V(He.target.value)}})))),me&&E.createElement("div",{className:"alarms"},E.createElement(fr,{variant:"alarm",type:"error",title:et.t({id:"addressMatch",values:{destination:W},message:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Sa,"ConfirmWalletsModal");import{calculatePendingSwap as em}from"@rango-dev/queue-manager-rango-preset";import tm from"bignumber.js";import{useEffect as om}from"react";function nm(t,e){if(!t.result)throw new Error(G.noRoutesError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let o=new tm(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(nm,"throwErrorIfResponseIsNotValid");function rm(t,e,o){let n=Mi(t,e),r={balance:null,route:null,slippage:null};n&&(zi(t,e)?r.route={type:3,newOutputAmount:w(Lt(e)),percentageChange:w(Re(Lt(t),Lt(e)),null,2)}:Vn(t,e)?r.route={type:0}:Xn(t,e)?r.route={type:1}:Kn(t,e)&&(r.route={type:2}));let s=qi(e,o.selectedWallets);s.length===0||(r.balance={messages:s});let p=Fi(t),l=o.userSlippage>as;return Oi(o.userSlippage.toString(),p)?l&&(r.slippage={type:1,slippage:o.userSlippage.toString()}):r.slippage={type:0,slippage:p},r}i(rm,"generateWarnings");function Ca(){let{fromToken:t,toToken:e,inputAmount:o,inputUsdValue:n,setRoute:r,bestRoute:s,customDestination:a}=M(),{slippage:p,customSlippage:l,affiliatePercent:u,affiliateRef:m,affiliateWallets:g,disabledLiquiditySources:f}=q(),{connectedWallets:d}=O(),{meta:y}=T(),c=l||p,{fetch:k,cancelFetch:x,loading:S}=Ro();return om(()=>x,[]),{loading:S,fetch:i(async A=>{let C=A.selectedWallets,I=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:d,selectedWallets:C,disabledLiquiditySources:f,slippage:c,affiliateRef:m,affiliatePercent:u,affiliateWallets:g,initialRoute:s,destination:I}),W;try{W=await k(D).then(X=>nm(X,{outputUsdValue:e.usdPrice,inputUsdValue:n})),r(W)}catch(X){return X?.code==="ERR_CANCELED"?{swap:null,error:{type:3},warnings:null}:X.cause?{swap:null,error:X.cause,warnings:null}:{swap:null,error:{type:2},warnings:null}}let V={slippage:c.toString(),disabledSwappersGroups:f},R=em(o.toString(),W,Ui(C),V,!1,y);return{route:W,swap:R,error:null,warnings:rm(s,W,{selectedWallets:C,userSlippage:c})}},"fetch"),cancelFetch:x}}i(Ca,"useConfirmSwap");var hm=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"}}),ym=wa("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${ka}`]:{width:"$48",height:"$48"}});function va(t){let{config:e}=t,{bestRoute:o,inputAmount:n,outputAmount:r,inputUsdValue:s,outputUsdValue:a,setInputAmount:p,selectedWallets:l,routeWalletsConfirmed:u,setRouteWalletConfirmed:m,customDestination:g}=M(),f=gm(),[d,y]=pn(""),[c,k]=pn(!1),{connectedWallets:x}=O(),S=!u,[v,A]=pn(!1),C=be.use.setSelectedSwap(),{meta:{tokens:I},loadingStatus:D}=T(),W=q.use.slippage(),V=q.use.customSlippage(),{manager:R}=im(),X=V||W,{fetch:N,loading:U,cancelFetch:$}=Ca(),[b,ce]=pn({swap:null,error:null,warnings:null}),we=U||D==="loading",z=!U&&b.error&&[0,2].includes(b.error.type),re=!z&&!U&&o&&o.result,le=Ho(o,I),me=w(Re(s?.toNumber()??0,a?.toNumber()??0),2,2),qe=Mt(parseFloat(me)),ie=i(async({selectedWallets:B,customDestination:F})=>{let _=await N?.({selectedWallets:B,customDestination:F});return ce(_),_},"onConfirmSwap"),it=i(async()=>{if(b.swap&&u)try{await R?.create("swap",{swapDetails:b.swap},{id:b.swap.requestId}),C(b.swap.requestId),f("/"+h.swaps+`/${b.swap.requestId}`,{replace:!0}),setTimeout(()=>{p("")},0)}catch(B){y("Error: "+B?.message)}},"addNewSwap"),st=i(async()=>{await it()},"onConfirm"),ht=i(async()=>{b?.warnings?.slippage?k(!0):await st()},"onStartConfirmSwap"),at=i(async()=>{ce({error:null,swap:null,warnings:null}),N({selectedWallets:l}).then(B=>{ce(B)}).catch(B=>console.error(B))},"onRefresh");return ln(()=>{S&&$()},[S]),ln(()=>{S&&A(S)},[S]),ln(()=>{S||N({selectedWallets:l,customDestination:g}).then(B=>ce(B)).catch(B=>console.error(B))},[]),ln(()=>{let B=b.warnings?.route?.type&&Object.values(Kt).includes(b.warnings?.route?.type),F=l.length<1||!l.every(ee=>x.find(pe=>ee.address===pe.address&&ee.walletType===pe.walletType&&ee.chain===pe.chain)),_=!1;if(B){let ee=Mo(o),pe=o?.result?.swaps[o.result.swaps.length-1].to.blockchain;!!o?.result?.swaps.find(yt=>yt.from.blockchain===pe)||(ee=ee.slice(-ee.length,ee.length-1)),ee.every(yt=>l.find(dp=>dp.chain===yt))||(_=!0)}o&&(F||_)&&(queueMicrotask(()=>fm(A.bind(null,!0))),m(!1))},[b.warnings?.route,l.length,x.length]),L.createElement(Q,{header:{title:Xe.t("Confirm Swap"),onBack:f.bind(null,-1),hasConnectWallet:!0,suffix:L.createElement(mm,{container:se(),side:"bottom",content:Xe.t("Settings")},L.createElement(Le,{size:"small",variant:"ghost",onClick:()=>f("/"+h.settings)},L.createElement(cm,{size:18,color:"black"})))},footer:L.createElement(ym,null,L.createElement("div",{className:"confirm-button"},L.createElement(an,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:U,disabled:!!b.error,onClick:ht},Xe.t("Start Swap"))),L.createElement(ka,{variant:"contained",type:"primary",size:"large",loading:U,onClick:A.bind(null,!0)},L.createElement(dm,{size:24})))},L.createElement(pm,{anchor:"bottom",open:c,prefix:L.createElement(an,{size:"small",variant:"ghost",onClick:()=>f("/"+h.settings)},L.createElement(Ta,{variant:"label",size:"medium",color:"$neutral900"},Xe.t("Change settings"))),container:document.querySelector("#swap-box"),onClose:k.bind(null,B=>!B)},b.warnings?.slippage&&L.createElement(lm,{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:X},{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(Ot,{size:18}),L.createElement(Ot,{size:32}),L.createElement(an,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:st},Xe.t("Confirm anyway")))),v&&L.createElement(Sa,{open:v,onClose:()=>A(!1),onCancel:$,loading:U,onCheckBalance:ie,config:e}),L.createElement(hm,null,L.createElement("div",{className:"description"},L.createElement(Ta,{variant:"title",size:"small"},Xe.t("You get")),L.createElement(an,{style:{padding:"0"},variant:"ghost",disabled:U,onClick:at},L.createElement("div",{className:"icon"},L.createElement(um,{size:16})))),d&&L.createElement(L.Fragment,null,L.createElement(gr,{type:"error",variant:"alarm",title:d}),L.createElement(Ot,{size:12})),b.warnings?.route&&L.createElement(L.Fragment,null,L.createElement(gr,{variant:"alarm",type:"warning",title:en(b.warnings.route)}),L.createElement(Ot,{size:12})),we&&L.createElement(am,{type:"swap-preview",expanded:!0}),re&&L.createElement(sm,{expanded:!0,tooltipContainer:se(),steps:Di(o)??[],input:{value:w(n,6,6),usdValue:w(s,4,4)},output:{value:w(r,6,6),usdValue:w(a,4,4)},totalFee:w(le,2,2),totalTime:At(Bt(o.result?.swaps)),recommended:!0,type:"swap-preview",percentageChange:me,warningLevel:qe}),z&&L.createElement(L.Fragment,null,L.createElement(Ot,{size:12}),L.createElement(Rt,{diagnosisMessage:b.error?.type===0?b.error.diagnosisMessage:void 0,error:b.error?.type===2,fetch:at})),b.error?.type===1&&L.createElement(L.Fragment,null,L.createElement(gr,{variant:"alarm",type:"error",title:Po(b.error)}),L.createElement(Ot,{size:12}))))}i(va,"ConfirmSwapPage");import{i18n as mn}from"@lingui/core";import{useManager as vm}from"@rango-dev/queue-manager-react";import{Divider as bm,NotFound as xm,styled as Ma}from"@rango-dev/ui";import mt,{useState as Em}from"react";import{useNavigate as Am}from"react-router-dom";import{CloseIcon as Cm,IconButton as Tm,SearchIcon as km,TextField as wm}from"@rango-dev/ui";import to from"react";import{styled as Sm}from"@rango-dev/ui";var ba=Sm("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function tt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:p,...l}=t;return to.createElement(wm,{prefix:to.createElement(ba,null,to.createElement(km,{color:"black"})),suffix:!!a.length&&to.createElement(Tm,{variant:"ghost",onClick:()=>p?.(""),size:"small"},to.createElement(Cm,{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(tt,"SearchInput");import{i18n as Ea}from"@lingui/core";import{Divider as Aa,SwapListItem as Ba,Typography as Wa}from"@rango-dev/ui";import te from"react";import{styled as un}from"@rango-dev/ui";var hr=un("div",{width:"100%",display:"flex",flexDirection:"column"}),yr=un("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Sr=un("div",{gap:"$10",display:"flex",flexDirection:"column"}),xa=un("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function Cr(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,s=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return te.createElement(te.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(l=>te.createElement(te.Fragment,{key:l.title},te.createElement(hr,null,te.createElement(yr,null,te.createElement(Wa,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},Ea.t(l.title))),te.createElement(Aa,{size:4}),te.createElement(Sr,null,l.swaps.map((u,m)=>{let g=m+l.title;return te.createElement(te.Fragment,{key:g},te.createElement(Ba,{isLoading:!0}))}))))))}return te.createElement(te.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>te.createElement(te.Fragment,{key:a.title},te.createElement(hr,null,te.createElement(yr,null,te.createElement(Wa,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},Ea.t(a.title))),te.createElement(Aa,{size:4}),te.createElement(Sr,null,a.swaps.map(p=>{let l=p.steps[0],u=p.steps[p.steps.length-1];return te.createElement(te.Fragment,{key:p.requestId},te.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:bo(p.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:bo(u.outputAmount||""),estimatedAmount:bo(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}i(Cr,"SwapsGroup");import Na from"dayjs";var Ia=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=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 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 Bm=Ma("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Wm=Ma("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Nm=i((t,e)=>t?.length?t.filter(o=>Ge(o.fromBlockchain,e)||Ge(o.toBlockchain,e)||Ge(o.toSymbol,e)||Ge(o.fromSymbol,e)).length:!1,"isStepContainsText");function La(){let t=be.use.setSelectedSwap(),e=Am(),{navigateBackFrom:o}=oe(),{manager:n,state:r}=vm(),s=cn(n).map(({swap:f})=>f),[a,p]=Em(""),l=!r.loadedFromPersistor,u=i(f=>{let d=f.target.value;p(d)},"searchHandler"),m=s;a&&(m=s.filter(f=>Ge(f.inputAmount,a)||Ge(f.status,a)||Nm(f.steps,a)||Ge(f.requestId,a)));let g=!m?.length&&!l;return mt.createElement(Q,{header:{onBack:o.bind(null,h.swaps),title:mn.t("History")}},mt.createElement(Bm,null,mt.createElement(tt,{setValue:p,fullWidth:!0,variant:"contained",placeholder:mn.t("Search Transaction"),autoFocus:!0,onChange:u,value:a}),mt.createElement(Wm,null,g&&mt.createElement(xa,null,mt.createElement(bm,{size:32}),mt.createElement(xm,{title:mn.t("No results found"),description:a?mn.t("Try using different keywords"):""})),!g&&mt.createElement(Cr,{list:m,onSwapClick:f=>{t(f),e(`${f}`,{replace:!0})},groupBy:Ia,isLoading:l}))))}i(La,"HistoryPage");import{i18n as no}from"@lingui/core";import{List as Im,ListItemButton as Mm,Radio as wr,RadioRoot as Lm,Typography as vr}from"@rango-dev/ui";import Ue,{useState as Pm}from"react";import{styled as dn}from"@rango-dev/ui";var ot=dn("div",{height:"100%"}),oo=dn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"visible"}),Tr=dn("div",{width:80,display:"flex",justifyContent:"flex-end"}),kr=dn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Pa(){let{navigateBackFrom:t}=oe(),[e,o]=Pm("english"),n=[{id:"english",value:"english",title:Ue.createElement(vr,{variant:"title",size:"xmedium"},no.t("English")),onClick:()=>o("english"),end:Ue.createElement(wr,{value:"english"})},{id:"french",value:"french",title:Ue.createElement(vr,{variant:"title",size:"xmedium"},no.t("French")),onClick:()=>o("french"),end:Ue.createElement(wr,{value:"french"})},{id:"spanish",value:"spanish",title:Ue.createElement(vr,{variant:"title",size:"xmedium"},no.t("Spanish")),onClick:()=>o("spanish"),end:Ue.createElement(wr,{value:"spanish"})}];return Ue.createElement(Q,{header:{onBack:t.bind(null,h.settings),title:no.t("Language")}},Ue.createElement(ot,null,Ue.createElement(Lm,{value:e},Ue.createElement(Im,{type:Ue.createElement(Mm,{title:no.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(Pa,"LanguagePage");import{i18n as Ut}from"@lingui/core";import{Button as Om,Checkbox as Um,Image as zm,ListItemButton as qm,NotFound as Hm,Typography as Gm}from"@rango-dev/ui";import ke,{useState as Vm}from"react";import{Checkbox as $m,Skeleton as _a}from"@rango-dev/ui";import ro from"react";import{ListItem as Dm,styled as _m}from"@rango-dev/ui";var Da=_m(Dm,{height:61});var Fm=30;function br(){return ro.createElement(oo,null,Array.from(Array(Fm),t=>ro.createElement(Da,{hasDivider:!0,key:t,start:ro.createElement(_a,{variant:"circular",width:35,height:35}),title:ro.createElement(_a,{variant:"text",size:"large",width:90}),end:ro.createElement($m,{checked:!1})})))}i(br,"LoadingLiquiditySourceList");function fn(t){let e=T.use.meta().swappers,o=q.use.disabledLiquiditySources(),n=[];return lt(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 xr({supportedSwappers:t,sourceType:e}){let[o,n]=Vm(""),r=q.use.toggleLiquiditySource(),{navigateBackFrom:s}=oe(),a=T.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)),m=u.length===u.filter(c=>c.selected).length,g=i(()=>{u.forEach(c=>{m?r(c.groupTitle):c.selected||r(c.groupTitle)})},"toggleAllSources"),f=u.map(c=>{let{selected:k,groupTitle:x,logo:S}=c;return{start:ke.createElement(zm,{src:S,size:22,type:"circular"}),onClick:()=>r(x),end:ke.createElement(Um,{checked:k}),title:ke.createElement(Gm,{variant:"title",size:"xmedium"},Ut.t(x)),...c}}),d=i(c=>{let k=c.target.value;n(k)},"searchHandler"),y=f;return o&&(y=f.filter(c=>Ge(c.groupTitle,o))),ke.createElement(Q,{header:{onBack:s.bind(null,h.settings),title:Ut.t(e),suffix:ke.createElement(Tr,null,ke.createElement(Om,{variant:"ghost",size:"xsmall",onClick:g},Ut.t(m?"Deselect all":"Select all")))}},ke.createElement(ot,null,ke.createElement(tt,{value:o,setValue:n,fullWidth:!0,color:"light",variant:"contained",placeholder:Ut.t("Swap {sourceType}",{sourceType:e}),onChange:d}),a==="loading"&&ke.createElement(br,null),!y.length&&o?ke.createElement(kr,null,ke.createElement(Hm,{title:Ut.t("No results found"),description:Ut.t("Try using different keywords")})):a==="success"&&ke.createElement(oo,null,y.map(c=>ke.createElement(ke.Fragment,{key:c.id},ke.createElement(qm,{style:{height:"61px"},...c,selected:!1,hasDivider:!0}))))))}i(xr,"LiquiditySourcePage");import{i18n as Ga}from"@lingui/core";import{Divider as Wr,SelectableCategoryList as ed}from"@rango-dev/ui";import bt,{useState as Va}from"react";import{i18n as Ar}from"@lingui/core";import{Divider as qa,Image as Ym,ListItemButton as Rm,NotFound as Qm,Typography as Ha}from"@rango-dev/ui";import Me,{useEffect as Zm,useState as Jm}from"react";import{BlockchainCategories as Er}from"@rango-dev/ui";import{TransactionType as gn}from"rango-sdk";var Xm=i((t,e)=>{switch(e){case Er.ALL:return!0;case Er.UTXO:return t.type===gn.TRANSFER;case Er.OTHER:return t.type!==gn.TRANSFER&&t.type!==gn.COSMOS&&t.type!==gn.EVM;default:return t.type===e}},"filterByType"),$a=i((t,e,o)=>t.filter(n=>Xm(n,o)).filter(n=>St(n.name,e)||St(n.displayName,e)),"filterBlockchains");import{styled as Fa}from"@rango-dev/ui";var Oa=Fa("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),hn=Fa("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Km,Skeleton as Ua}from"@rango-dev/ui";import yn from"react";var jm=20;function za(){return yn.createElement(hn,null,Array.from(Array(jm),t=>yn.createElement(Km,{key:t,hasDivider:!0,start:yn.createElement(Ua,{variant:"circular",width:35,height:35}),title:yn.createElement(Ua,{variant:"text",size:"large",width:90})})))}i(za,"LoadingBlockchainList");function Br(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=Jm(e),p=T.use.loadingStatus();Zm(()=>{a([...$a(e,o,r)])},[e,o,r]);let l=i(()=>!s.length&&o?Me.createElement(Me.Fragment,null,Me.createElement(qa,{size:32}),Me.createElement(Qm,{title:Ar.t("No results found"),description:Ar.t("Try using different keywords")})):Me.createElement(hn,{key:`${r}-${o}`},s.map(u=>Me.createElement(Rm,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Me.createElement(Ym,{src:u.logo,size:30}),title:Me.createElement(Ha,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Me.createElement(Oa,null,Me.createElement(Ha,{variant:"label",size:"large"},Ar.t("Select Blockchain")),Me.createElement(qa,{size:4}),p==="loading"&&Me.createElement(za,null),p==="success"&&l())}i(Br,"BlockchainList");function Nr(t){let{type:e,supportedBlockchains:o}=t,{navigateBackFrom:n}=oe(),[r,s]=Va(""),[a,p]=Va("ALL"),l=M.use.setToBlockchain(),u=M.use.setFromBlockchain(),{meta:{blockchains:m},loadingStatus:g}=T(),f=o?T.use.meta().blockchains.filter(d=>o.includes(d.name)):T.use.meta().blockchains;return bt.createElement(Q,{header:{onBack:n.bind(null,h[`${e}Blockchain`]),title:Ga.t("Select Blockchain")}},bt.createElement(Wr,{size:12}),bt.createElement(ed,{setCategory:p,category:a,blockchains:m,isLoading:g==="loading"}),bt.createElement(Wr,{size:24}),bt.createElement(tt,{value:r,autoFocus:!0,placeholder:Ga.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>s(""),onChange:d=>s(d.target.value)}),bt.createElement(Wr,{size:16}),bt.createElement(Br,{list:f,searchedFor:r,blockchainCategory:a,onChange:d=>{e==="from"?u(d,!0):l(d,!0),n(h[`${e}Blockchain`])}}))}i(Nr,"SelectBlockchainPage");import{i18n as ll}from"@lingui/core";import{Divider as pl}from"@rango-dev/ui";import zt,{useEffect as yd,useState as ul}from"react";import{useNavigate as Sd}from"react-router-dom";import{i18n as Ir}from"@lingui/core";import{BlockchainsChip as Sn,Divider as ja,Image as Ya,Skeleton as od,Typography as Mr}from"@rango-dev/ui";import Se,{useEffect as nd,useState as rd}from"react";var Xa=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 td}from"@rango-dev/ui";var Ka=td("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var id=9,Lr=10,sd=12;function Pr(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Xa(e),[p,l]=rd(null),u=T.use.loadingStatus(),m=M.use.resetToBlockchain(),g=M.use.resetFromBlockchain(),f=p?id:Lr;return nd(()=>{let d=a.slice(Lr,a.length).find(y=>y.chainId===n?.chainId&&y.name===n?.name);d&&l(d)},[n]),Se.createElement("div",null,Se.createElement(ja,{size:12}),Se.createElement(Mr,{variant:"label",size:"large"},Ir.t("Select Blockchain")),Se.createElement(ja,{size:12}),Se.createElement(Ka,null,u==="loading"&&Array.from(Array(sd),d=>Se.createElement(od,{key:d,variant:"rounded",height:50})),u==="success"&&Se.createElement(Se.Fragment,null,Se.createElement(Sn,{selected:!n,onClick:()=>{o==="from"?g():m()}},Se.createElement(Mr,{variant:"body",size:"xsmall",color:"secondary500"},Ir.t("All"))),!!p&&Se.createElement(Sn,{selected:!!p&&p.chainId===n?.chainId,key:p.chainId,onClick:()=>r(p)},Se.createElement(Ya,{src:p.logo,size:30})),a.slice(0,f).map(d=>Se.createElement(Sn,{key:d.chainId,selected:!!n&&n.chainId===d.chainId,onClick:()=>r(d)},Se.createElement(Ya,{src:d.logo,size:30}))),Se.createElement(Sn,{onClick:s},Se.createElement(Mr,{variant:"body",size:"xsmall",color:"secondary500"},Ir._("More +{count}",{count:a.length-Lr}))))))}i(Pr,"BlockchainsSection");import{i18n as Fr}from"@lingui/core";import{darkTheme as ol,Divider as so,ExternalLinkIcon as pd,Image as ud,ListItemButton as cd,NotFound as md,PinIcon as dd,Skeleton as nl,Typography as ao,VirtualizedList as fd}from"@rango-dev/ui";import P,{forwardRef as gd,useEffect as rl,useState as il}from"react";import{Divider as el,ListItem as ld,Skeleton as io}from"@rango-dev/ui";import ze from"react";import{styled as Ke,Typography as ad}from"@rango-dev/ui";var Ra=Ke("div",{display:"flex",flexDirection:"column",flexGrow:1}),Dr=Ke("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Cn=Ke("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"}}}}}),_r=Ke("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),$r=Ke(ad,{}),Qa=Ke("div",{textAlign:"right"}),Tn=Ke("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),Hx=Ke("div",{display:"flex",alignItems:"center"}),Za=Ke("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),Ja=Ke("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function tl(t){return ze.createElement(Cn,null,Array.from(Array(t.size),e=>ze.createElement(ld,{key:e,hasDivider:!0,start:ze.createElement(io,{variant:"circular",width:35,height:35}),end:ze.createElement(Tn,null,ze.createElement(io,{variant:"text",size:"large",width:70}),ze.createElement(el,{size:4}),ze.createElement(io,{variant:"text",size:"medium",width:50})),title:ze.createElement("div",null,ze.createElement(io,{variant:"text",size:"large",width:90}),ze.createElement(el,{size:4}),ze.createElement(io,{variant:"text",size:"medium",width:90}))})))}i(tl,"LoadingTokenList");var Or=20,hd=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(Dr,{className:"token-title"},P.createElement(ao,{variant:"title",size:"xmedium"},r.symbol),P.createElement(so,{direction:"horizontal",size:4}),P.createElement(_r,{css:s},P.createElement($r,{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(pd,{color:"gray",size:12}))))},"renderDesc");function sl(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=il(e),p=T.use.loadingStatus(),[l,u]=il(!0),m=O.use.loading(),{blockchains:g}=T.use.meta(),f=gd((c,k)=>P.createElement("div",{...c,ref:k,style:{...c.style,height:`${parseFloat(c.style?.height)+8*2}px`}})),d=i(()=>{a(e.slice(0,s.length+Or))},"loadNextPage");rl(()=>{u(e.length>s.length)},[s.length]),rl(()=>{a(e.slice(0,Or))},[e]);let y=i(()=>!s.length&&o?P.createElement(P.Fragment,null,P.createElement(so,{size:32}),P.createElement(md,{title:Fr.t("No results found"),description:Fr.t("Try using different keywords")})):P.createElement(fd,{Item:({index:c,style:k})=>{let x=s[c].address||"",S=g.find(I=>I.name===s[c].blockchain),v=yi(s[c].symbol,S?.color||""),A={$$color:v[`${s[c].symbol}100`],[`.${ol} &`]:{$$color:v[`${s[c].symbol}900`]},backgroundColor:"$$color"},C={$$color:v[`${s[c].symbol}700`],[`.${ol} &`]:{$$color:v[`${s[c].symbol}100`]},color:"$$color"};return P.createElement("div",{style:{...k,paddingRight:5}},P.createElement(cd,{style:{height:k?.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(Za,null,P.createElement(ud,{src:s[c].image,size:30}),s[c].pin&&P.createElement(Ja,null,P.createElement(dd,{size:12,color:"gray"}))),title:S?.type==="COSMOS"||s[c].name||!s[c].name&&!x?P.createElement(Dr,null,P.createElement(ao,{variant:"title",size:"xmedium"},s[c].symbol),P.createElement(so,{direction:"horizontal",size:4}),P.createElement(_r,{css:A},P.createElement($r,{variant:"body",size:"xsmall",css:C},s[c].blockchain))):void 0,description:S?.info&&x&&S.type!=="COSMOS"?hd({address:x,token:s[c],customCssForTag:A,customCssForTagTitle:C,name:s[c].name,url:S.info.addressUrl.split("{wallet}").join(x)}):s[c].name||void 0,end:m?P.createElement(Tn,null,P.createElement(nl,{variant:"text",size:"large",width:70}),P.createElement(so,{size:4}),P.createElement(nl,{variant:"text",size:"medium",width:50})):s[c]?.balance&&P.createElement(Qa,null,P.createElement(ao,{variant:"title",size:"small"},s[c].balance?.amount),P.createElement("div",null),s[c].balance?.usdValue&&P.createElement(ao,{variant:"body",color:"neutral800",size:"xsmall"},`$${s[c].balance?.usdValue}`))}))},hasNextPage:l,itemCount:s.length,loadNextPage:d,innerElementType:f,size:60,key:`${r}-${o}`}),"renderList");return P.createElement(Ra,null,P.createElement(ao,{variant:"label",size:"large"},Fr.t("Select Token")),P.createElement(so,{size:4}),p==="loading"&&P.createElement(tl,{size:Or}),p==="success"&&P.createElement(Cn,null,y()))}i(sl,"TokenList");var al=i((t,e)=>t.filter(o=>St(o.symbol,e)||St(o.address||"",e)||St(o.name||"",e)).sort((o,n)=>n.pin-o.pin),"filterTokens");function Ur(t){let{type:e,supportedBlockchains:o,supportedTokens:n,pinnedTokens:r}=t,[s,a]=ul(""),p=Sd(),{navigateBackFrom:l}=oe(),{meta:{tokens:u},setTokensWithBalance:m}=T(),{sourceTokens:g,destinationTokens:f,fromBlockchain:d,toBlockchain:y,setFromToken:c,setToToken:k,setFromBlockchain:x,setToBlockchain:S}=M(),{connectedWallets:v,loading:A}=O(),[C,I]=ul(""),D=o?T.use.meta().blockchains.filter($=>o.includes($.name)):T.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,R=n?Io(n,f):f,X=e==="from"?V:R,N=[];return e==="from"&&!d||e==="to"&&!y?N=W:X.length&&(N=X.map($=>({...$,pin:r?.some(b=>Pe(b,$))}))),yd(()=>{v.length&&!A&&m()},[v,A]),zt.createElement(Q,{header:{onBack:()=>l(e==="from"?h.fromSwap:h.toSwap),title:ll.t("Swap {type}",{type:e})}},zt.createElement(Pr,{blockchains:D,type:e,blockchain:e==="from"?d:y,onMoreClick:()=>p(e==="from"?h.fromBlockchain:h.toBlockchain),onChange:$=>{e==="from"?x($,!0):S($,!0),a($.name)}}),zt.createElement(pl,{size:24}),zt.createElement(tt,{value:C,autoFocus:!0,placeholder:ll.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>I(""),onChange:$=>I($.target.value)}),zt.createElement(pl,{size:16}),zt.createElement(sl,{list:al(N,C),selectedBlockchain:s,searchedFor:C,onChange:$=>{let b=D.find(ce=>$.blockchain===ce.name);e==="from"?(c($),b&&x(b,!0)):(k($),b&&S(b,!0)),l(h.fromSwap)}}))}i(Ur,"SelectSwapItemsPage");import{i18n as dt}from"@lingui/core";import{ChevronRightIcon as vn,Divider as Hr,InfoIcon as bd,List as xd,ListItemButton as Ed,Skeleton as Ad,Switch as Bd,Tooltip as Wd,Typography as ft}from"@rango-dev/ui";import H from"react";import{useNavigate as Nd}from"react-router-dom";import{i18n as gl}from"@lingui/core";import{Chip as Td,Divider as hl,InfoIcon as kd,TextField as wd,Tooltip as vd,Typography as yl}from"@rango-dev/ui";import xe from"react";import{styled as kn}from"@rango-dev/ui";var cl=kn("div",{paddingTop:"$5",paddingBottom:"30px"}),ml=kn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),dl=kn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),wn=kn("div",{maxWidth:"300px",padding:"$10"});import{i18n as zr}from"@lingui/core";import{Typography as Cd}from"@rango-dev/ui";import lo from"react";function fl(){return lo.createElement(wn,null,lo.createElement(Cd,{variant:"label",size:"medium",color:"neutral900"},zr.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),lo.createElement("br",null),lo.createElement("br",null),lo.createElement("b",null,zr.t("Warning")),":",zr.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}i(fl,"SlippageTooltipContent");function qr(){let t=q.use.slippage(),e=q.use.setSlippage(),o=q.use.customSlippage(),n=q.use.setCustomSlippage();return xe.createElement(cl,null,xe.createElement(dl,null,xe.createElement(yl,{variant:"title",size:"xmedium"},gl.t("Slippage tolerance per swap")),xe.createElement(hl,{direction:"horizontal",size:4}),xe.createElement(vd,{container:se(),side:"top",content:xe.createElement(fl,null)},xe.createElement(kd,{color:"gray"}))),xe.createElement(ml,null,is.map((r,s)=>{let a=`slippage-${s}`;return xe.createElement(xe.Fragment,null,xe.createElement(Td,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),xe.createElement(hl,{direction:"horizontal",size:8}))}),xe.createElement(wd,{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>=ps&&s<=ls)&&n(s)},suffix:o&&xe.createElement(yl,{variant:"body",size:"small"},"%"),placeholder:gl.t("Custom")})))}i(qr,"Slippage");function Sl({supportedSwappers:t,singleTheme:e}){let o=Nd(),{navigateBackFrom:n}=oe(),r=q.use.infiniteApprove(),s=q.use.toggleInfiniteApprove(),a=T.use.loadingStatus(),p=fn(t),l=p.filter(C=>C.type==="BRIDGE"||C.type==="AGGREGATOR"),u=l.length,m=l.filter(C=>C.selected).length,g=p.filter(C=>C.type==="DEX"),f=g.length,d=g.filter(C=>C.selected).length,y=i((C,I)=>{switch(a){case"loading":return H.createElement(Ad,{variant:"text",size:"medium",width:50});case"failed":return H.createElement(ft,{variant:"body",size:"medium",color:"$error500"},dt.t("Loading failed"));default:return H.createElement(ft,{variant:"body",size:"medium"},`${C} / ${I}`)}},"handleEndItem"),c={id:"bridge-item",title:H.createElement(ft,{variant:"title",size:"xmedium"},dt.t("Enabled bridges")),end:H.createElement(H.Fragment,null,y(m,u),H.createElement(Hr,{direction:"horizontal",size:8}),H.createElement(vn,{color:"black"})),onClick:()=>o(h.bridges)},k={id:"exchange-item",title:H.createElement(ft,{variant:"title",size:"xmedium"},dt.t("Enabled exchanges")),end:H.createElement(H.Fragment,null,y(d,f),H.createElement(Hr,{direction:"horizontal",size:8}),H.createElement(vn,{color:"gray"})),onClick:()=>o(h.exchanges)},x={id:"language-item",title:H.createElement(ft,{variant:"title",size:"xmedium"},dt.t("Language")),end:H.createElement(vn,{color:"gray"}),onClick:()=>o(h.languages)},S={id:"theme-item",title:H.createElement(ft,{variant:"title",size:"xmedium"},dt.t("Theme")),end:H.createElement(vn,{color:"gray"}),onClick:()=>o(h.themes)},v={id:"infinite-approval-item",title:H.createElement(H.Fragment,null,H.createElement(ft,{variant:"title",size:"xmedium"},dt.t("Infinite Approval")),H.createElement(Hr,{direction:"horizontal",size:4}),H.createElement(Wd,{side:"top",container:se(),content:H.createElement(wn,null,H.createElement(ft,{variant:"label",size:"medium",color:"neutral900"},dt.t("Enabling the 'Infinite Approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},H.createElement(bd,{color:"gray"}))),end:H.createElement(Bd,{checked:r}),onClick:s},A=[c,k,x];return e||A.push(S),A.push(v),H.createElement(Q,{header:{onBack:n.bind(null,h.settings),title:dt.t("Setting")}},H.createElement(ot,null,H.createElement(qr,null),H.createElement(xd,{type:H.createElement(Ed,{title:"_",id:"_",onClick:()=>console.log()}),items:A})))}i(Sl,"SettingsPage");import{cancelSwap as Ef}from"@rango-dev/queue-manager-rango-preset";import{useManager as Af}from"@rango-dev/queue-manager-react";import Rl from"react";import{i18n as nt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as sf,getCurrentStep as af,getRelatedWalletOrNull as lf,PendingSwapNetworkStatus as Ln}from"@rango-dev/queue-manager-rango-preset";import{Button as ql,CopyIcon as pf,Divider as uf,IconButton as cf,RouteCost as mf,RouteSummary as df,StepDetails as ff,Typography as Ht,useCopyToClipboard as gf}from"@rango-dev/ui";import{useWallets as hf}from"@rango-dev/wallets-react";import Z,{useEffect as Hl,useRef as yf,useState as Gl}from"react";import{useNavigate as Sf}from"react-router-dom";import{i18n as Ee}from"@lingui/core";var Id=1e3,Md=31536e3,Ld=2592e3,Pd=86400,Dd=3600,_d=60;function Cl(t){let e=Math.floor((Date.now()-t)/Id),n=[{turningPoint:Md,label:Ee.t("year"),pluralLabel:Ee.t("years")},{turningPoint:Ld,label:Ee.t("month"),pluralLabel:Ee.t("months")},{turningPoint:Pd,label:Ee.t("day"),pluralLabel:Ee.t("days")},{turningPoint:Dd,label:Ee.t("hour"),pluralLabel:Ee.t("hours")},{turningPoint:_d,label:Ee.t("minute"),pluralLabel:Ee.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} ${Ee.t("seconds")}`:`${e} ${Ee.t("second")}`}i(Cl,"timeSince");function Tl(t){return t.finishTime?Ee.t({id:"timeAgo",message:"{time} ago",values:{time:Cl(parseInt(t.finishTime))}}):Ee.t({id:"timeAgo",message:"{time} ago",values:{time:Cl(parseInt(t.creationTime))}})}i(Tl,"getSwapDate");import{PendingSwapNetworkStatus as En}from"@rango-dev/queue-manager-rango-preset";import{Modal as Hd}from"@rango-dev/ui";import An from"react";import{i18n as bn}from"@lingui/core";import{Button as kl,Divider as Gr,MessageBox as $d,Typography as wl}from"@rango-dev/ui";import je from"react";var vl=i(({onCancel:t,onClose:e})=>je.createElement(je.Fragment,null,je.createElement(Gr,{size:20}),je.createElement($d,{type:"error",title:bn.t("Transaction Cancel"),description:bn.t("Are you sure you want to Cancel this swap?")}),je.createElement(Gr,{size:32}),je.createElement(kl,{variant:"contained",type:"primary",size:"large",onClick:t},je.createElement(wl,{variant:"title",size:"medium",color:"neutral100"},bn.t("Yes, Cancel it"))),je.createElement(Gr,{size:12}),je.createElement(kl,{variant:"outlined",type:"primary",size:"large",onClick:e},je.createElement(wl,{variant:"title",size:"medium",color:"primary"},bn.t("No, Continue")))),"CancelContent");import{i18n as xn}from"@lingui/core";import{Button as bl,Divider as Vr,MessageBox as Fd,Typography as xl}from"@rango-dev/ui";import Ye from"react";var El=i(({onDelete:t,onClose:e})=>Ye.createElement(Ye.Fragment,null,Ye.createElement(Vr,{size:20}),Ye.createElement(Fd,{type:"error",title:xn.t("Delete Transaction"),description:xn.t("Are you sure you want to delete this swap?")}),Ye.createElement(Vr,{size:32}),Ye.createElement(bl,{variant:"contained",type:"primary",size:"large",onClick:t},Ye.createElement(xl,{variant:"title",size:"medium",color:"neutral100"},xn.t("Yes, Delete it"))),Ye.createElement(Vr,{size:12}),Ye.createElement(bl,{variant:"outlined",type:"primary",size:"large",onClick:e},Ye.createElement(xl,{variant:"title",size:"medium",color:"primary"},xn.t("No, Cancel")))),"DeleteContent");import{i18n as Xr}from"@lingui/core";import{PendingSwapNetworkStatus as Kr}from"@rango-dev/queue-manager-rango-preset";var jr={[Kr.WaitingForNetworkChange]:{type:"loading",title:Xr.t("Change Network")},[Kr.WaitingForConnectingWallet]:{type:"warning",title:Xr.t("Connect Wallet")},[Kr.NetworkChanged]:{type:"success",title:Xr.t("Network Changed")}};import{MessageBox as Ud,Wallet as zd,WalletState as Bl}from"@rango-dev/ui";import{useWallets as qd}from"@rango-dev/wallets-react";import po from"react";import{styled as Od}from"@rango-dev/ui";var Al=Od("div",{display:"flex",justifyContent:"center"});var Wl=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:p,state:l}=qd(),u=n?.walletType,g=u&&l(u).connected?Bl.CONNECTED:Bl.DISCONNECTED;return po.createElement(po.Fragment,null,po.createElement(Ud,{type:e,title:o,description:r}),s&&u&&po.createElement(Al,null,po.createElement(zd,{container:se(),title:p(u).name,image:p(u).img,type:u,state:g,onClick:async()=>a(u)})))},"WalletStateContent");function Yr(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,p=e===En.WaitingForNetworkChange||e===En.WaitingForConnectingWallet||e===En.NetworkChanged;return An.createElement(Hd,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},p&&An.createElement(Wl,{type:jr[e].type,title:jr[e].title,currentStepWallet:s,message:a,showWalletButton:e!==En.WaitingForNetworkChange}),e==="delete"&&An.createElement(El,{onClose:o,onDelete:n}),e==="cancel"&&An.createElement(vl,{onClose:o,onCancel:r}))}i(Yr,"SwapDetailsModal");import{i18n as uo}from"@lingui/core";import{Button as Rr,Divider as Bn,MessageBox as Nl,Modal as Gd,TokenAmount as Vd,Typography as Wn}from"@rango-dev/ui";import fe from"react";import{useNavigate as Xd}from"react-router-dom";function Qr(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,token:a,chain:p,percentageChange:l,description:u,diagnosisUrl:m}=t,g=Xd();return fe.createElement(Gd,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?fe.createElement(Nl,{type:"success",title:uo.t("Swap Successful")},fe.createElement(Vd,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:s},token:a,chain:p,percentageChange:l}),fe.createElement(Bn,{size:12}),fe.createElement(Wn,{variant:"body",size:"medium",color:"neutral900",align:"center"},u)):fe.createElement(Nl,{type:"error",title:uo.t("Transaction Failed"),description:u}),fe.createElement(Bn,{size:32}),n==="success"&&fe.createElement(Rr,{variant:"contained",type:"primary",size:"large",onClick:()=>g(h.home)},fe.createElement(Wn,{variant:"title",size:"medium",color:"neutral100"},uo.t("Done"))),fe.createElement(Bn,{size:12}),m&&fe.createElement(fe.Fragment,null,fe.createElement(Rr,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},fe.createElement(Wn,{variant:"title",size:"medium",color:"primary"},uo.t("Diagnosis"))),fe.createElement(Bn,{size:12})),fe.createElement(Rr,{variant:"outlined",type:"primary",size:"large",onClick:o},fe.createElement(Wn,{variant:"title",size:"medium",color:"primary"},uo.t("See Details"))))}i(Qr,"SwapDetailsCompleteModal");import nf from"react";import{i18n as Jd}from"@lingui/core";import{Alert as _l,IconButton as ef,LinkIcon as tf}from"@rango-dev/ui";import gt,{Fragment as of}from"react";import{Alert as Kd,ChevronDownIcon as jd,ChevronUpIcon as Yd,IconButton as Rd}from"@rango-dev/ui";import Nn,{useState as Qd}from"react";function Il(t){let{message:e}=t,[o,n]=Qd(!1);return Nn.createElement(Kd,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Nn.createElement(Rd,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Nn.createElement(Yd,{size:12,color:"gray"}):Nn.createElement(jd,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(Il,"FailedAlert");import{styled as Zd}from"@rango-dev/ui";var Ml=Zd("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Ll}from"@lingui/core";import{PendingSwapNetworkStatus as Zr}from"@rango-dev/queue-manager-rango-preset";import{Alert as Jr,Button as Pl}from"@rango-dev/ui";import co from"react";function Dl(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?co.createElement(Jr,{type:"warning",title:n.shortMessage,action:co.createElement(Pl,{size:"xxsmall",type:"warning",onClick:()=>{o(Zr.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},Ll.t("Change"))}):r===Zr.WaitingForConnectingWallet?co.createElement(Jr,{type:"warning",title:n.shortMessage,action:co.createElement(Pl,{size:"xxsmall",type:"warning",onClick:()=>{o(Zr.WaitingForConnectingWallet)}},Ll.t("Connect"))}):co.createElement(Jr,{type:"warning",title:n.shortMessage})}i(Dl,"WarningAlert");function ei(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,p=jt(s),l=s.status==="waitingForApproval"&&!p,u=s.status==="running"&&!p;return gt.createElement(Ml,null,s.explorerUrl?.map((m,g,f)=>{let d=g+m.url,y=g===f.length-1,c=y&&u||l,k=y&&s.status==="failed";return gt.createElement(of,{key:d},gt.createElement(_l,{type:c&&"loading"||k&&"error"||"success",title:m.description?`${m.description} Tx`:Jd.t("View transaction"),action:m.url&&gt.createElement(ef,{variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},gt.createElement(tf,{size:16}))}))}),(u&&!a||l&&!s.explorerUrl?.length)&&gt.createElement(_l,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&p&&gt.createElement(Dl,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&gt.createElement(Il,{message:r}))}i(ei,"SwapDetailsAlerts");var $l=2e3;var Fl=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:w(s,6,6)}},to:{token:{displayName:n.toSymbol,image:n.toLogo},chain:{displayName:n.toBlockchain,image:n.toBlockchainLogo||""},price:{value:w(n.outputAmount||n.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:n.swapperId,image:n.swapperLogo||""},alerts:nf.createElement(ei,{step:n,hasAlreadyProceededToSign:o,...e})}})},"getSteps");function Ol(t){if(jt(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i(Ol,"getStepState");import{darkTheme as rf,styled as qt}from"@rango-dev/ui";var In=qt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1,"& .row":{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${rf} &`]:{$$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"}}),Mn=qt("div",{width:"100%"}),Ul=qt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),N0=qt("div",{display:"flex",flexDirection:"column",gap:"$10"}),zl=qt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),I0=qt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function ti(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:p}=hf(),l=M.use.retry(),u=Sf(),{navigateBackFrom:m}=oe(),[g,f]=gf($l),d=yf(null),[y,c]=Gl(null),[k,x]=Gl(null),{meta:{tokens:S}}=T(),v=i(()=>{r(),c(null)},"onCancel"),A=Ie.use.getUnreadNotifications(),C=Ie.use.setAsRead(),I=A(),D=af(e),W=D?.networkStatus;Hl(()=>{I.find(_=>_.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(x(e.status),C(e.requestId))},[e.status]),Hl(()=>{b?c(Ln.WaitingForNetworkChange):W===Ln.WaitingForConnectingWallet||W===Ln.NetworkChanged?c(W):c(null)},[W]);let V=Vi(e),R=D?sf(e,D):null,X=D?lf(e,D):null,N=Tl(e),U=Xi(e),$=i(F=>!!p(F)?.mobileWallet,"isMobileWallet"),b=W===Ln.WaitingForNetworkChange&&!!R&&!!X?.walletType&&($(X.walletType)||s(X.walletType,R)),ce=b?a.bind(null,X.walletType,R):void 0,we=Gi(e,D),z=Fl({swap:e,switchNetwork:ce,showNetworkModal:W,setNetworkModal:c,message:we}),re=z.length,[le,me]=[e.steps[0],e.steps[re-1]],qe=me.outputAmount||me.expectedOutputAmountHumanReadable,ie=e.steps.reduce((F,_)=>F+parseFloat(_.feeInUsd||""),0),it=e.steps.find(F=>F.diagnosisUrl)?.diagnosisUrl,st=w(String(parseFloat(w(qe,6,6))*(Ao(me.toBlockchain,me.toSymbol,me.toSymbolAddress,S)||0)),4,4),ht=w(String(parseFloat(e.inputAmount)*(Ao(le.fromBlockchain,le.fromSymbol,le.fromSymbolAddress,S)||0)),4,4),at=Re(ht,st),B=e.status==="success"?nt.t({id:"receivedMessage",message:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:w(qe,6,6),token:z[re-1].to.token.displayName,conciseAddress:Wo(e.wallets[z[re-1].to.chain.displayName]?.address||""),chain:z[re-1].to.chain.displayName}}):`${nt.t("Transaction was not sent.")} ${V?nt.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(Q,{noPadding:!0,header:{title:nt.t("Swap and Bridge"),onBack:m.bind(null,h.swapDetails),onCancel:e.status==="running"?()=>c("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(xt,null,Z.createElement(ql,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>c("delete")},Z.createElement(Ht,{size:"medium",variant:"label",color:"error"},nt.t("Delete"))))},footer:U&&!k&&Z.createElement(ql,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{l(e),setTimeout(()=>{u(h.home)},0)}},nt.t("Try again"))},Z.createElement(In,null,Z.createElement(Mn,null,Z.createElement("div",{className:"row"},Z.createElement(Ht,{variant:"label",size:"large",color:"neutral900"},`${nt.t("Request ID")}:`),Z.createElement("div",{className:"request-id"},Z.createElement(Ht,{variant:"label",size:"small",color:"neutral900"},o),Z.createElement(cf,{variant:"ghost",onClick:f.bind(null,o||"")},Z.createElement(pf,{size:16,color:"gray"})))),Z.createElement("div",{className:"row"},Z.createElement(Ht,{variant:"label",size:"large",color:"neutral900"},`${nt.t("Created at")}:`),Z.createElement(Ht,{variant:"label",size:"small",color:"neutral900"},N))),Z.createElement("div",{className:"output"},Z.createElement(mf,{fee:w(String(ie),2,2),time:At(Bt(e.steps)),steps:re}),Z.createElement(df,{from:{price:{value:w(e.inputAmount,6,6),usdValue:ht},token:{displayName:z[0].from.token.displayName,image:z[0].from.token.image},chain:{image:z[0].from.chain.image,displayName:z[0].from.chain.displayName}},to:{price:{value:w(qe,6,6),usdValue:st},token:{displayName:z[re-1].to.token.displayName,image:z[re-1].to.token.image},chain:{image:z[re-1].to.chain.image,displayName:z[re-1].to.chain.displayName}},percentageChange:w(at,2,2),warningLevel:Mt(at?.toNumber()??0)})),Z.createElement("div",{className:"title-steps"},Z.createElement(Ht,{variant:"title",size:"small"},nt.t("Swaps steps"))),Z.createElement(uf,{size:8}),Z.createElement(Ul,{ref:d},z.map((F,_)=>{let ee=_,pe=Ol(e.steps[_]),He=pe==="error"||pe==="in-progress"||pe==="warning"||pe==="completed"&&_===z.length-1;return Z.createElement(ff,{key:ee,step:F,type:"route-progress",ref:d,state:pe,hasSeparator:_!==0,tabIndex:ee,isFocused:He})}))),Z.createElement(Yr,{state:y,onClose:()=>c(null),onCancel:v,onDelete:n,message:we.detailedMessage.content,currentStepWallet:X}),Z.createElement(Qr,{open:!!k,diagnosisUrl:it,onClose:()=>x(null),status:e.status==="success"?"success":"failed",priceValue:w(qe,6,6),usdValue:st,percentageChange:w(at,2,2),token:{displayName:z[re-1].to.token.displayName,image:z[re-1].to.token.image},chain:{image:z[re-1].to.chain.image},description:B}))}i(ti,"SwapDetails");import{i18n as yo}from"@lingui/core";import{CopyIcon as vf,IconButton as bf,NotFound as xf,Skeleton as jl,Typography as Dn}from"@rango-dev/ui";import ue from"react";import{i18n as Tf}from"@lingui/core";import{ChainToken as kf,Divider as ni,Skeleton as ho,Typography as wf}from"@rango-dev/ui";import J from"react";import{styled as oi}from"@rango-dev/ui";var Vl=oi("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"}}),Xl=oi("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15",".step-title":{display:"flex",justifyContent:"start",alignItems:"center"},".step-tokens":{paddingTop:"$5",display:"flex",alignItems:"center"},".step-token-info":{display:"flex",alignItems:"center"},".step-icon-container":{padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"},".extra-info":{display:"flex",paddingTop:"$10",paddingBottom:"$5"}}),Pn=oi("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral900",marginLeft:"25px"});import{ChainToken as Kl,Divider as mo,NextIcon as Cf,Skeleton as fo}from"@rango-dev/ui";import ae from"react";function go(t){let{extraInfo:e}=t;return ae.createElement(Xl,null,ae.createElement("div",{className:"step-title"},ae.createElement(fo,{height:28,width:28,variant:"circular"}),ae.createElement(mo,{direction:"horizontal",size:8}),ae.createElement(fo,{height:15,width:148,variant:"rounded"})),ae.createElement("div",{className:"step-tokens"},ae.createElement(mo,{direction:"horizontal",size:20}),ae.createElement("div",{className:"step-token-info"},ae.createElement(Kl,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(mo,{direction:"horizontal",size:8}),ae.createElement(fo,{height:12,width:76,variant:"rounded"})),ae.createElement("div",{className:"step-icon-container"},ae.createElement(Cf,{color:"gray",size:16})),ae.createElement("div",{className:"step-token-info"},ae.createElement(Kl,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(mo,{direction:"horizontal",size:8}),ae.createElement(fo,{height:12,width:76,variant:"rounded"}))),e&&ae.createElement("div",{className:"extra-info"},ae.createElement(mo,{direction:"horizontal",size:20}),ae.createElement(fo,{height:22,width:297,variant:"rectangular"})))}i(go,"LoadingSwapDetailStep");function ri(){let t=J.createElement("div",{className:"route-summary-item"},J.createElement("div",{className:"token-amount"},J.createElement(kf,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),J.createElement(ni,{size:8,direction:"horizontal"}),J.createElement(ho,{height:15,width:148,variant:"rounded"})),J.createElement(ho,{height:12,width:64,variant:"rounded"}));return J.createElement(Vl,null,J.createElement("div",{className:"cost"},J.createElement(ho,{width:60,height:10,variant:"rounded"}),J.createElement(ni,{size:4,direction:"horizontal"}),J.createElement(ho,{width:60,height:10,variant:"rounded"}),J.createElement(ni,{size:4,direction:"horizontal"}),J.createElement(ho,{width:60,height:10,variant:"rounded"})),J.createElement("div",{className:"route-summary"},t,J.createElement("div",{className:"route-summary-separator"}),t),J.createElement("div",{className:"swaps-steps"},J.createElement(wf,{variant:"title",size:"small"},Tf.t("Swaps steps"))),J.createElement("div",{className:"step-container"},J.createElement(go,{extraInfo:!0}),J.createElement(Pn,null),J.createElement(go,null),J.createElement(Pn,null),J.createElement(go,null),J.createElement(Pn,null),J.createElement(go,null)))}i(ri,"LoadingSwapDetails");function Yl(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=oe();return ue.createElement(Q,{noPadding:!0,header:{title:yo.t("Swap and Bridge"),onBack:n.bind(null,h.swapDetails),suffix:ue.createElement(xt,null)}},o&&ue.createElement(In,null,ue.createElement(Mn,null,ue.createElement("div",{className:"row"},ue.createElement(Dn,{variant:"label",size:"large",color:"neutral900"},`${yo.t("Request ID")}:`),ue.createElement("div",{className:"request-id"},ue.createElement(Dn,{variant:"label",size:"small",color:"neutral900"},ue.createElement(jl,{width:60,height:10,variant:"rounded"})),ue.createElement(bf,{variant:"ghost"},ue.createElement(vf,{size:16,color:"gray"})))),ue.createElement("div",{className:"row"},ue.createElement(Dn,{variant:"label",size:"large",color:"neutral900"},`${yo.t("Created at")}:`),ue.createElement(Dn,{variant:"label",size:"small",color:"neutral900"},ue.createElement(jl,{width:60,height:10,variant:"rounded"})))),ue.createElement(ri,null)),!o&&ue.createElement(zl,null,ue.createElement(xf,{title:yo.t("Not found"),description:yo.t({id:"swapNotFound",values:{requestId:e},message:"Swap with request ID = {requestId} not found."})})))}i(Yl,"SwapDetailsPlaceholder");function Ql(){let{manager:t,state:e}=Af(),o=!e.loadedFromPersistor,n=cn(t),r=be.use.selectedSwapRequestId(),{navigateBackFrom:s}=oe(),{loadingStatus:a}=T(),p=o||a==="loading",l=n.find(({swap:f})=>f.requestId===r),u=i(()=>{if(l?.id){let f=t?.get(l.id);f&&Ef(f)}},"onCancel"),m=i(async()=>{if(l?.id)try{await t?.deleteQueue(l.id),s(h.swapDetails)}catch(f){console.log(f)}},"onDelete"),g=l?.swap;return!g||p?Rl.createElement(Yl,{requestId:r||"",showSkeleton:p}):Rl.createElement(ti,{swap:g,requestId:r||"",onCancel:u,onDelete:m})}i(Ql,"SwapDetailsPage");import{i18n as So}from"@lingui/core";import{AutoThemeIcon as Bf,DarkModeIcon as Wf,LightModeIcon as Nf,List as If,ListItemButton as Mf,Radio as ii,RadioRoot as Lf,Typography as si}from"@rango-dev/ui";import Ae from"react";function Zl(){let{navigateBackFrom:t}=oe(),e=q.use.theme(),o=q.use.setTheme(),n=[{id:"light",value:"light",title:Ae.createElement(si,{variant:"title",size:"xmedium"},So.t("Light")),onClick:()=>o("light"),start:Ae.createElement(Nf,{color:"gray"}),end:Ae.createElement(ii,{value:"light"})},{id:"dark",value:"dark",title:Ae.createElement(si,{variant:"title",size:"xmedium"},So.t("Dark")),onClick:()=>o("dark"),start:Ae.createElement(Wf,{color:"gray"}),end:Ae.createElement(ii,{value:"dark"})},{id:"auto",value:"auto",title:Ae.createElement(si,{variant:"title",size:"xmedium"},So.t("Auto")),onClick:()=>o("auto"),start:Ae.createElement(Bf,{color:"gray"}),end:Ae.createElement(ii,{value:"auto"})}];return Ae.createElement(Q,{header:{onBack:t.bind(null,h.settings),title:So.t("Theme")}},Ae.createElement(ot,null,Ae.createElement(Lf,{onValueChange:r=>o(r),value:e},Ae.createElement(If,{type:Ae.createElement(Mf,{title:So.t("Theme"),id:"_",onClick:()=>console.log()}),items:n}))))}i(Zl,"ThemePage");var Df=i(t=>t.replace("/",""),"getAbsolutePath");function Jl(t){let{config:e}=t;return Pf([{path:h.home,element:Be.createElement(Zo,null)},{path:h.fromSwap,element:Be.createElement(Ur,{type:"from",supportedBlockchains:e?.from?.blockchains,supportedTokens:e?.from?.tokens,pinnedTokens:e?.pinnedTokens})},{path:h.toSwap,element:Be.createElement(Ur,{type:"to",supportedBlockchains:e?.to?.blockchains,supportedTokens:e?.to?.tokens,pinnedTokens:e?.pinnedTokens})},{path:h.fromBlockchain,element:Be.createElement(Nr,{type:"from",supportedBlockchains:e?.to?.blockchains})},{path:h.toBlockchain,element:Be.createElement(Nr,{type:"to",supportedBlockchains:e?.to?.blockchains})},{path:h.settings,element:Be.createElement(Sl,{singleTheme:e?.theme?.singleTheme,supportedSwappers:e?.liquiditySources})},{path:h.themes,element:Be.createElement(Zl,null)},{path:h.languages,element:Be.createElement(Pa,null)},{path:h.exchanges,element:Be.createElement(xr,{sourceType:"Exchanges",supportedSwappers:e?.liquiditySources})},{path:h.bridges,element:Be.createElement(xr,{sourceType:"Bridges",supportedSwappers:e?.liquiditySources})},{path:h.swaps,element:Be.createElement(La,null)},{path:h.swapDetails,element:Be.createElement(Ql,null)},{path:h.wallets,element:Be.createElement(sa,{supportedWallets:e?.wallets,multiWallets:typeof e?.multiWallets>"u"?!0:e.multiWallets,config:e})},{path:Df(h.confirmSwap),element:Be.createElement(va,{config:e})}])}i(Jl,"AppRoutes");import{isApprovalTX as _f,MainEvents as tp,RouteEventType as op,StepEventType as Gt,StepExecutionEventStatus as $f,useEvents as Ff}from"@rango-dev/queue-manager-rango-preset";import{useEffect as np}from"react";import{StepExecutionBlockedEventStatus as ai}from"@rango-dev/queue-manager-rango-preset";var ep=[ai.WAITING_FOR_CHANGE_WALLET_ACCOUNT,ai.WAITING_FOR_NETWORK_CHANGE,ai.WAITING_FOR_WALLET_CONNECT];function rp(){let t=O.use.connectedWallets(),e=O.use.getWalletsDetails(),o=Ie.use.setNotification(),n=Ie.use.setAsRead(),r=Ff();return np(()=>(r.on(tp.StepEvent,s=>{let{event:a,step:p,route:l}=s;if(a.type===Gt.TX_EXECUTION&&a.status===$f.TX_SENT&&!_f(p)||a.type===Gt.SUCCEEDED){let m=t.find(f=>f.chain===p?.fromBlockchain),g=p?.fromBlockchain!==p?.toBlockchain&&t.find(f=>f.chain===p?.toBlockchain);m&&e([m]),g&&e([g])}a.type===Gt.TX_EXECUTION_BLOCKED&&ep.includes(a.status)||a.type===Gt.FAILED?o(a,l):(a.type===Gt.TX_EXECUTION||a.type===Gt.CHECK_STATUS)&&n(l.requestId)}),()=>r.all.clear()),[r,t.length]),np(()=>(r.on(tp.RouteEvent,s=>{let{event:a,route:p}=s;(a.type===op.FAILED||a.type===op.SUCCEEDED)&&o(a,p)}),()=>r.all.clear()),[r,t.length]),null}i(rp,"WidgetEvents");import{globalCss as Of}from"@rango-dev/ui";var ip=i(()=>Of({"@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 Uf,darkTheme as zf,lightTheme as qf}from"@rango-dev/ui";import{useEffect as sp,useState as Hf}from"react";function ap({fontFamily:t="Roboto",borderRadius:e=Ci,secondaryBorderRadius:o=Ti,mode:n="auto"}){let r=q.use.theme(),s=T.use.fetchMeta(),a=q.use.setTheme(),p=Uf({radii:{primary:`${e}px`,secondary:`${o}px`},fonts:{widget:t}}),l=`${p.className} ${qf.className}`,u=`${p.className} ${zf.className}`,[m,g]=Hf("light");return sp(()=>{i(async()=>{await s()},"fetchData")();let y=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",y),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",y)}},[]),sp(()=>{n!=="auto"&&a(n)},[n]),{activeTheme:i(()=>r==="auto"?m==="dark"?u:l:r==="dark"?u:l,"getActiveTheme")()}}i(ap,"useTheme");import Gf,{useMemo as Vf}from"react";import{Provider as Xf}from"@rango-dev/queue-manager-react";import{makeQueueDefinition as Kf,checkWaitingForNetworkChange as jf}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Yf}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as Rf}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Qf}from"rango-types";function Zf(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=Yf(),p=Vf(()=>Kf({API_KEY:wo("API_KEY")}),[]),{blockchains:l}=T.use.meta(),m={blockchains:O.use.connectedWallets().map(S=>({accounts:[S],name:S.chain}))},g=i((S,v)=>{if(s(S,v))return r(S,v)},"switchNetwork"),f=i(S=>!!a(S).mobileWallet,"isMobileWallet"),d=l.filter(S=>S.enabled).reduce((S,v)=>(S[v.name]=v,S),{}),y=l.filter(Qf),c=i(S=>{let{supportedChains:v}=a(S);return xo(v)},"getSupportedChainNames"),k=e(),x={meta:{blockchains:d,evmBasedChains:y,evmNetworkChainInfo:Rf(y),getSupportedChainNames:c},getSigners:o,wallets:m,providers:k,switchNetwork:g,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:f};return Gf.createElement(Xf,{queuesDefs:[p],context:x,onPersistedDataLoaded:S=>{jf(S)},isPaused:!1},t.children)}i(Zf,"QueueManager");var lp=Zf;import{Events as li,Provider as eg}from"@rango-dev/wallets-react";import{isEvmBlockchain as tg}from"rango-sdk";import up,{createContext as og,useRef as ng}from"react";import{useEffect as Jf}from"react";function pp(t,e){let o=O.use.clearConnectedWallet(),n=tn(void 0,e);return Jf(()=>{o(),n=tn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t]),{providers:n}}i(pp,"useWalletProviders");var pi=og({onConnectWallet:()=>{}});function ui(t){let{blockchains:e}=T.use.meta(),{providers:o}=pp(t.providers,t?.options),n=O.use.disconnectWallet(),r=O.use.connectWallet(),s=ng(),a=e.filter(tg).map(l=>l.name),p=i((l,u,m,g,f)=>{if(u===li.ACCOUNTS)if(m){let d=xo(f),y=xi(l,m,a,d);r(y)}else n(l);if(u===li.ACCOUNTS&&g.connected){let d=`${l}-${g.network}-${m}`;g.connected&&(s.current?s.current(d):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(u===li.NETWORK&&g.network){let d=`${l}-${g.network}`;s.current?s.current(d):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(l,u,m,g,f)},"onUpdateState");return up.createElement(pi.Provider,{value:{onConnectWallet:l=>{s.current=l}}},up.createElement(eg,{allBlockChains:e,providers:o,onUpdateState:p,autoConnect:!0},t.children))}i(ui,"WidgetWallets");var lg=ig("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit",listStyleType:"none"},"& *:focus-visible":{outline:"1px $info500 solid",transition:"none"}});function mp(t){let{config:e}=t;ip();let{activeTheme:o}=ap(e?.theme||{}),[n,r]=cp(""),[s,a]=cp(),p=sg(pi);ag(()=>{e?.apiKey&&Si({API_KEY:e?.apiKey})},[e]),Co(()=>{q.persist.rehydrate(),Ie.persist.rehydrate(),p.onConnectWallet(r)},[]);let{setInputAmount:l,setToToken:u,setToBlockchain:m,setFromBlockchain:g,setFromToken:f}=M(),{meta:{tokens:d,blockchains:y},loadingStatus:c}=T(),{setAffiliateRef:k,setAffiliatePercent:x,setAffiliateWallets:S}=q();return Co(()=>{l(e?.amount?.toString()||"")},[e?.amount]),Co(()=>{if(c==="success"){let v=y.find(C=>C.name===e?.from?.blockchain),A=d.find(C=>Pe(C,e?.from?.token||null));g(v||null),f(A||null)}},[e?.from?.token,e?.from?.blockchain,c]),Co(()=>{if(c==="success"){let v=y.find(C=>C.name===e?.to?.blockchain),A=d.find(C=>Pe(C,e?.to?.token||null));m(v||null),u(A||null)}},[e?.to?.token,e?.to?.blockchain,c]),Co(()=>{k(e?.affiliate?.ref??null),x(e?.affiliate?.percent??null),S(e?.affiliate?.wallets??null)},[e?.affiliate?.ref,e?.affiliate?.percent,e?.affiliate?.wallets]),rt.createElement(rg,{language:e?.language},rt.createElement(lg,{id:"swap-container",className:o},rt.createElement(lp,null,rt.createElement(rp,null),rt.createElement(Ps,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},rt.createElement(Jl,{config:e})))))}i(mp,"Main");function pg(t){return t.config?.externalWallets?rt.createElement(mp,{...t}):rt.createElement(ui,{providers:t.config?.wallets,options:{walletConnectProjectId:t.config?.walletConnectProjectId}},rt.createElement(mp,{...t}))}i(pg,"Widget");import{useWallets as ga}from"@rango-dev/wallets-react";import{useEvents as _N,MainEvents as $N,RouteEventType as VN,StepEventType as eI,StepExecutionEventStatus as tI,StepExecutionBlockedEventStatus as oI}from"@rango-dev/queue-manager-rango-preset";export{$N as MainEvents,VN as RouteEventType,eI as StepEventType,oI as StepExecutionBlockedEventStatus,tI as StepExecutionEventStatus,pg as Widget,ui as WidgetWallets,ga as useWallets,_N as useWidgetEvents};
 //# sourceMappingURL=index.js.map