@rango-dev/widget-embedded 0.12.1-next.23 → 0.12.1-next.24

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