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

package/dist/index.js

@@ -1,2 +1,2 @@
-var fp=Object.defineProperty;var i=(t,e)=>fp(t,"name",{value:e,configurable:!0});import{I18nManager as rg,styled as ig}from"@rango-dev/ui";import rt,{useContext as sg,useEffect as Co,useMemo as ag,useState as cp}from"react";import{useQueueManager as oc}from"@rango-dev/queue-manager-rango-preset";import{useWallets as nc}from"@rango-dev/wallets-react";import{isEvmBlockchain as rc}from"rango-types";import Tt,{useEffect as ic,useRef as sc}from"react";import{MemoryRouter as ac,useInRouterContext as lc}from"react-router";import{useLocation as pc,useNavigate as uc}from"react-router-dom";var h={home:"/",fromSwap:"from-swap",fromBlockchain:"/from-swap/blockchains",toBlockchain:"/to-swap/blockchains",toSwap:"to-swap",settings:"settings",liquiditySources:"/settings/liquidity-sources",themes:"/settings/themes",bridges:"/settings/bridges",exchanges:"/settings/exchanges",languages:"/settings/languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:"swaps/:requestId"};import{i18n as Qo}from"@lingui/core";import{Alert as Ou,BestRoute as Uu,BestRouteSkeleton as zu,Button as qu,Divider as nr,styled as Pt,SwapInput as Is,Typography as rr,WarningIcon as Hu}from"@rango-dev/ui";import Y,{useEffect as Gu,useRef as Vu,useState as Xu}from"react";import{useNavigate as Ku}from"react-router-dom";import{ChevronLeftIcon as yp}from"@rango-dev/ui";import fi from"react";import{darkTheme as gp,IconButton as hp,styled as To}from"@rango-dev/ui";var Le=To(hp,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),mi=To("div",{position:"absolute",background:"$secondary500",[`.${gp} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),xt=To("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),di=To("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function _n(t){return fi.createElement(Le,{variant:"ghost",size:"small",onClick:t.onClick},fi.createElement(yp,{color:"black",size:16}))}i(_n,"BackButton");import{i18n as Sp}from"@lingui/core";import{Button as Cp,Typography as Tp}from"@rango-dev/ui";import $n from"react";function Fn(t){return $n.createElement(xt,null,$n.createElement(Cp,{variant:"ghost",onClick:t.onClick,size:"xsmall"},$n.createElement(Tp,{variant:"label",size:"medium",color:"error500"},Sp.t("Cancel"))))}i(Fn,"CancelButton");import{i18n as kp}from"@lingui/core";import{Tooltip as wp,WalletIcon as vp}from"@rango-dev/ui";import ko from"react";function On(t){return ko.createElement(wp,{container:t.container,side:"top",content:kp.t("Connect Wallet")},ko.createElement(Le,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&ko.createElement(mi,null),ko.createElement(vp,{size:18,color:"black"})))}i(On,"WalletButton");import{i18n as Ko}from"@lingui/core";import{NotificationsIcon as au,Popover as lu,RefreshIcon as pu,SettingsIcon as uu,Tooltip as jo,TransactionIcon as cu}from"@rango-dev/ui";import de from"react";function lt(t){return Array.from(new Set(t))}i(lt,"removeDuplicateFrom");function Un(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Un,"areEqual");function hi(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(hi,"debounce");function St(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(St,"containsText");var gi=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[o,n,r]=t.match(/.{2}/g);[o,n,r]=[parseInt(o,16)+e,parseInt(n,16)+e,parseInt(r,16)+e],o=Math.max(Math.min(255,o),0).toString(16),n=Math.max(Math.min(255,n),0).toString(16),r=Math.max(Math.min(255,r),0).toString(16);let s=(o.length<2?"0":"")+o,a=(n.length<2?"0":"")+n,p=(r.length<2?"0":"")+r;return`#${s}${a}${p}`},"colorShade"),yi=i((t,e)=>{let o={[t]:e};for(let n=1;n<10;n++)n<5&&(o={...o,[t+n*100]:gi(e,(5-n)*32)}),n===5&&(o={...o,[t+n*100]:e}),n>5&&(o={...o,[t+n*100]:gi(e,-((n-5)*32))});return o},"generateRangeColors"),se=i(()=>document.getElementById("swap-box"),"getContainer");import{i18n as eu}from"@lingui/core";import{ChainToken as Ji,ChevronRightIcon as tu,ListItemButton as ou,Typography as nu}from"@rango-dev/ui";import _e from"react";import{useNavigate as ru}from"react-router-dom";import{create as Vp}from"zustand";import{RangoClient as xp}from"rango-sdk";var bp="c6381a79-2817-4602-83bf-6a641a409e32",zn={API_KEY:bp};function wo(t){return zn[t]}i(wo,"getConfig");function Si(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),zn=e,zn}i(Si,"initConfig");var Ci=20,Ti=25;var vo,Et=i(()=>vo||(vo=new xp(wo("API_KEY")),vo),"httpService");import{WalletState as Ve}from"@rango-dev/ui";import{readAccountAddress as Bp}from"@rango-dev/wallets-react";import{detectInstallLink as Wp,getCosmosExperimentalChainInfo as Np,isEvmAddress as Ip,KEPLR_COMPATIBLE_WALLETS as Yg,Networks as vi}from"@rango-dev/wallets-shared";import qn from"bignumber.js";import{isCosmosBlockchain as Mp}from"rango-types";import Ep from"bignumber.js";var We=new Ep(0);import{WalletTypes as Ap}from"@rango-dev/wallets-shared";var ki=[Ap.LEAP];import{BigNumber as wi}from"bignumber.js";var At=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),w=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new wi(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new wi(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Bt=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Ge=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Vt=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function bo(t,e=4){let o=parseFloat(t);if(isNaN(o))return t;let n=Math.pow(10,e);return(Math.round(o*n)/n).toString()}i(bo,"limitDecimalPlaces");function Lp(t){switch(!0){case t.connected:return Ve.CONNECTED;case t.connecting:return Ve.CONNECTING;case!t.installed:return Ve.NOT_INSTALLED;default:return Ve.DISCONNECTED}}i(Lp,"mapStatusToWalletState");function bi(t,e,o,n){return o.filter(r=>!ki.includes(r)).filter(r=>{if(n){let{supportedChains:s}=e(r);return!!s.find(a=>a.name===n)}return!0}).map(r=>{let{name:s,img:a,installLink:p}=e(r),l=Lp(t(r));return{title:s,image:a,link:Wp(p),state:l,type:r}})}i(bi,"mapWalletTypesToWalletInfo");function xo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(xo,"walletAndSupportedChainsNames");function xi(t,e,o,n){let r=[];function s(p,l){if(!!!r.find(m=>m.chain===p)){let m={address:l,chain:p,walletType:t};r.push(m)}}i(s,"addAccount");let a=n||[];return e.forEach(p=>{let{address:l,network:u}=Bp(p),m=a.length>0,g=a.includes(u),f=u===vi.Unknown;if(m&&!g&&!f)return;let y=u===vi.Unknown&&Ip(l);if(f&&!y)return;o.includes(u)||y?a.filter(x=>o.includes(x)).forEach(x=>{s(x,l.toLowerCase())}):s(u,l)}),r}i(xi,"prepareAccountsForWalletStore");function Ei(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,p=s.to.blockchain;e.includes(a)||e.push(a),e.includes(p)||e.push(p)})}),e}i(Ei,"getRequiredChains");function Wt(t,e,o,n){if(t.length===0)return null;let r=t.filter(s=>s.chain===e);return r.length===0?null:r.map(s=>s.balances?.find(a=>n!==null&&a.address===n||n===null&&a.address===n&&a.symbol===o)||null).filter(s=>s!==null).sort((s,a)=>parseFloat(a?.amount||"0")-parseFloat(s?.amount||"1")).find(()=>!0)||null}i(Wt,"getBalanceFromWallet");function Eo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(Eo,"isAccountAndWalletMatched");function Ai(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new qn(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Ao(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Ai,"makeBalanceFor");function Bi(t){return{...t,loading:!1,error:!0}}i(Bi,"resetConnectedWalletState");var Nt=i(t=>!t.some(o=>o.balance)?t.filter(o=>!o.address).concat(t.filter(o=>o.address&&!o.isSecondaryCoin),t.filter(o=>o.isSecondaryCoin)):t.filter(o=>!!o.balance).sort((o,n)=>parseFloat(n.balance?.usdValue||"0")-parseFloat(o.balance?.usdValue||"0")).concat(t.filter(o=>!o.balance&&!o.isSecondaryCoin),t.filter(o=>!o.balance&&o.isSecondaryCoin)),"sortTokens"),Ao=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Bo=i((t,e)=>{let o=Np(Object.entries(t).map(([,n])=>n).filter(Mp));return o&&o[e]?.experimental},"isExperimentalChain");function It(t,e){return t.map(({balance:o,...n})=>{let r=w(new qn(Wt(e,n.blockchain,n.symbol,n.address)?.amount||We)),s="";return n.usdPrice&&(s=w(new qn(Wt(e,n.blockchain,n.symbol,n.address)?.amount||We).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:s}}}})}i(It,"getTokensWithBalance");function Xt(t,e,o,n){if(t?.name===n[0]?.name)return n;let s=e.filter(a=>a.blockchain===t?.name);return Nt(It(s,o))}i(Xt,"getSortedTokens");function Pe(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Pe,"tokensAreEqual");function Hn(t,e){let o,n=t[0],r=t[1];return t.length===1?o=n:Pe(n,e)?o=r:o=n,o}i(Hn,"getDefaultToken");function Wi(t){return t.sort((e,o)=>+(o.state===Ve.CONNECTED)-+(e.state===Ve.CONNECTED)||+(o.state===Ve.DISCONNECTED||o.state===Ve.CONNECTING)-+(e.state===Ve.DISCONNECTED||e.state===Ve.CONNECTING))}i(Wi,"sortWalletsBasedOnConnectionState");function Wo(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}i(Wo,"getConciseAddress");function Ni({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Ni,"getAddress");var Pp=i(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),Ne=Pp;import{create as qp}from"zustand";import{subscribeWithSelector as Hp}from"zustand/middleware";import{shallow as Gp}from"zustand/shallow";import ct from"bignumber.js";import{create as Up}from"zustand";import{subscribeWithSelector as zp}from"zustand/middleware";import ah from"bignumber.js";function Gn(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}i(Gn,"searchParamsToToken");function Ii(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(Ii,"getBestRouteToTokenUsdPrice");function Vn(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(Vn,"isNumberOfSwapsChanged");function Xn(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!Un(o,n)}i(Xn,"isRouteSwappersUpdated");function Kn(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!Un(o,n)}i(Kn,"isRouteInternalCoinsUpdated");function Mi(t,e){return Vn(t,e)||Xn(t,e)||Kn(t,e)}i(Mi,"isRouteChanged");function Li(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}i(Li,"getRequiredBalanceOfWallet");function Pi(t){if(!t)return null;let e=(t.result?.swaps||[]).map(o=>({...o,fromAmount:w(o.fromAmount,6,6),toAmount:w(o.toAmount,6,6)}));return{...t,...t.result&&{result:{...t.result,swaps:e}}}}i(Pi,"getFormattedBestRoute");function Mt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(Mt,"getPriceImpactLevel");function Io(t,e){let o=i(r=>`${r.symbol}-${r.blockchain}-${r.address??""}`,"tokenToString"),n=new Set;return t.forEach(r=>n.add(o(r))),e.filter(r=>n.has(o(r)))}i(Io,"findCommonTokens");import{i18n as De}from"@lingui/core";import{PendingSwapNetworkStatus as _o}from"@rango-dev/queue-manager-rango-preset";import ve from"bignumber.js";function Di(t){return t.result?.swaps.map(e=>({swapper:{displayName:e.swapperId,image:e.swapperLogo},from:{token:{displayName:e.from.symbol,image:e.from.logo},chain:{displayName:e.from.blockchain,image:e.from.blockchainLogo},price:{value:w(e.fromAmount,6,6),usdValue:w(e.from.usdPrice?.toString(),4,4)}},to:{token:{displayName:e.to.symbol,image:e.to.logo},chain:{displayName:e.to.blockchain,image:e.to.blockchainLogo},price:{value:w(e.toAmount,6,6),usdValue:w(e.to.usdPrice?.toString(),4,4)}}}))}i(Di,"formatBestRoute");function Mo(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(Mo,"getRequiredWallets");function Lo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(Lo,"isValidAddress");import{i18n as Ce}from"@lingui/core";var Kt=(r=>(r[r.ROUTE_UPDATED=0]="ROUTE_UPDATED",r[r.ROUTE_SWAPPERS_UPDATED=1]="ROUTE_SWAPPERS_UPDATED",r[r.ROUTE_COINS_UPDATED=2]="ROUTE_COINS_UPDATED",r[r.ROUTE_AND_OUTPUT_AMOUNT_UPDATED=3]="ROUTE_AND_OUTPUT_AMOUNT_UPDATED",r))(Kt||{});var G={genericServerError:Ce.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Ce.t("Please reset your liquidity sources."),description:Ce.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noRoutesError:{title:Ce.t("No Routes Found"),description:"Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination."},bridgeLimitErrors:{increaseAmount:Ce.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:Ce.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:Ce.t("High Price Impact"),title:Ce.t("Price impact is too high!"),description:Ce.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:Ce.t("Confirm High price impact")},routeUpdatedWithHighValueLoss:{title:Ce.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Ce.t("USD Price Unknown"),title:Ce.t("USD Price Unknown, Cannot calculate Price Impact."),description:Ce.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Ce.t("Confirm USD Price Unknown")}};function Po(t){switch(t.type){case 0:return t.diagnosisMessage??G.noRoutesError.title;case 2:return G.genericServerError;case 1:return G.routeUpdatedWithHighValueLoss.title;default:return""}}i(Po,"getConfirmSwapErrorMessage");import{i18n as Do}from"@lingui/core";var Ct={connectWallet:Do.t("Connect Wallet"),swap:Do.t("Swap"),swapAnyway:Do.t("Swap anyway"),ethRouteWarning:Do.t("The route goes through Ethereum. Continue?")};function Oo(t,e){return!t||!e||t.lte(We)||e.lte(We)?0:e.div(t).minus(1).multipliedBy(100)}i(Oo,"getOutputRatio");function Uo(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new ve(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new ve(1e3)))??!1}i(Uo,"outputRatioHasWarning");function zo(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new ve(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ve(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(zo,"hasLimitError");function qo(t){if(!t)return{swap:null,fromAmountRangeError:"",recommendation:""};let e=(t?.result?.swaps||[]).filter(p=>{let l=p.fromAmountMinValue?new ve(p.fromAmountMinValue):null,u=p.fromAmountMaxValue?new ve(p.fromAmountMaxValue):null;return p.fromAmountRestrictionType==="EXCLUSIVE"?l?.gte(p.fromAmount)||u?.lte(p.fromAmount):l?.gt(p.fromAmount)||u?.lt(p.fromAmount)})[0];if(!e)return{swap:null,fromAmountRangeError:"",recommendation:""};let o=e.fromAmountMinValue?new ve(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ve(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=De.t({id:"requiredEqualMin",message:"Required: >= {min} {symbol}",values:{min:w(o,6,6),symbol:e.from.symbol}}),a=G.bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=De.t({id:"requiredMin",message:"Required: > {min} {symbol}",values:{min:w(o,6,6),symbol:e.from.symbol}}),a=G.bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=De.t({id:"requiredEqualMax",message:"Required: <= {max} {symbol}",values:{max:w(n,6,6),symbol:e.from.symbol}}),a=G.bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=De.t({id:"requiredMax",message:"Required: < {max} {symbol}",values:{max:w(n,6,6),symbol:e.from.symbol}}),a=G.bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(qo,"LimitErrorMessage");function $i(t,e,o,n,r,s,a,p,l){return t!=="success"?{title:Ct.connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:Ct.connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!l||l==="0"?{title:Ct.swap,disabled:!0,state:"swap"}:s||a?{title:Ct.swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:p?{title:Ct.ethRouteWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:Ct.swap,disabled:!1,state:"swap"}}i($i,"getSwapButtonState");function jn(t,e,o){return!((!o||o.lte(We))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(jn,"canComputePriceImpact");function $p(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i($p,"requiredWallets");var Fp=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Op(t,e){let o=We;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Fp(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new ve(r.amount).multipliedBy(s||0))}return o}i(Op,"getUsdFeeOfStep");function Ho(t,e){return t?.result?.swaps.reduce((o,n)=>o.plus(Op(n,e)),We)||null}i(Ho,"getTotalFeeInUsd");function Fi(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(Fi,"getMinRequiredSlippage");function Oi(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Oi,"hasProperSlippage");function Go(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,slippage:p,affiliateRef:l,affiliatePercent:u,affiliateWallets:m,initialRoute:g,destination:f}=t,d=s?.reduce((S,v)=>(S[v.chain]=v.address,S),{}),y=[];r?.forEach(S=>{let v=y.find(A=>A.blockchain===S.chain);v?v.addresses.push(S.address):y.push({blockchain:S.chain,addresses:[S.address]})});let c=!!g,k=lt((g?.result?.swaps||[]).reduce((S,v)=>(S.push(v.from.blockchain,v.to.blockchain),v.internalSwaps&&Array.isArray(v.internalSwaps)&&v.internalSwaps.map(A=>{S.push(A.from.blockchain,A.to.blockchain)}),S),[]));return{amount:n.toString(),affiliateRef:l??void 0,affiliatePercent:u??void 0,affiliateWallets:m??void 0,checkPrerequisites:c,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:y,selectedWallets:d??{},slippage:p.toString(),...f&&{destination:f},...a.length>0&&{swapperGroups:a,swappersGroupsExclude:!0},...c&&{blockchains:k}}}i(Go,"createBestRouteRequestBody");function Ui(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Ui,"getWalletsForNewSwap");function Lt(t){return t?.result?.outputAmount||null}i(Lt,"getRouteOutputAmount");function Re(t,e){return!t||!e?null:new ve(e).div(new ve(t)).minus(1).multipliedBy(100)}i(Re,"getPercentageChange");function zi(t,e){let o=Lt(t),n=Lt(e);if(!o||!n)return!1;let r=Re(o,n);return r?r.toNumber()<=-1:!0}i(zi,"isOutputAmountChangedALot");function qi(t,e){let o=t.validationStatus,n=Ei(t);return e.sort((s,a)=>n.indexOf(s.chain)-n.indexOf(a.chain)).flatMap(s=>Li(s,o)||[]).filter(s=>!s.ok).map(s=>{let a=s.asset.symbol,p=w(new ve(s.currentAmount.amount).shiftedBy(-s.currentAmount.decimals),8,8),l=w(new ve(s.requiredAmount.amount).shiftedBy(-s.requiredAmount.decimals),8,8),u="";return s.reason==="FEE"&&(u=De.t(" for network fee")),s.reason==="INPUT_ASSET"&&(u=De.t(" for swap")),s.reason==="FEE_AND_INPUT_ASSET"&&(u=De.t(" for input and network fee")),De.t({id:"balanceWarningMessage",message:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:l,symbol:a,reason:u,currentAmount:p,blockchain:s.asset.blockchain}})})}i(qi,"getBalanceWarnings");function Hi(t,e){return(t?new ve(t):We).multipliedBy(e||0)}i(Hi,"calcOutputUsdValue");function jt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==_o.NetworkChanged}i(jt,"isNetworkStatusInWarningState");function Gi(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),jt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case _o.WaitingForConnectingWallet:n=n||De.t("Waiting for connecting wallet");break;case _o.WaitingForQueue:n=n||De.t("Waiting for other running tasks to be finished");break;case _o.WaitingForNetworkChange:n=n||De.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(Gi,"getSwapMessages");function Vi(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}i(Vi,"getLastConvertedTokenInFailedSwap");function Xi(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Xi,"shouldRetrySwap");function Ki(t,e,o,n,r,s){return t||!e&&!$p(n).every(a=>r.map(p=>p.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!Lo(s,o)}i(Ki,"confirmSwapDisabled");var Yt=i((t,e)=>t?.usdPrice?new ct(e||We).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),M=Ne(Up()(zp(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new ct(0),outputUsdValue:new ct(0),toBlockchain:null,toToken:null,bestRoute:null,routeWalletsConfirmed:!1,sourceTokens:[],destinationTokens:[],selectedWallets:[],customDestination:"",setRoute:e=>t(o=>{let n=null,r=We;return Vt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new ct(e.result?.outputAmount):null,r=Hi(e.result?.outputAmount,Ii(e)||o.toToken?.usdPrice)),{bestRoute:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetRoute:()=>t(()=>({bestRoute:null,outputAmount:null,outputUsdValue:new ct(0)})),setFromBlockchain:(e,o)=>{t(n=>{if(n.fromBlockchain?.name===e?.name)return{};let r=T.getState().meta.tokens,s=O.getState().connectedWallets,a=Xt(e,r,s,n.destinationTokens),p=Hn(a,n.toToken);return{fromBlockchain:e,sourceTokens:a,...o&&{fromToken:p},...!!n.inputAmount&&{inputUsdValue:Yt(p,n.inputAmount)}}})},setFromToken:e=>t(o=>({fromToken:e,...!!o.inputAmount&&{inputUsdValue:Yt(e,o.inputAmount)}})),setToBlockchain:(e,o)=>{t(n=>{if(n.toBlockchain?.name===e?.name)return{};let r=T.getState().meta.tokens,s=O.getState().connectedWallets,a=Xt(e,r,s,n.destinationTokens);return{toBlockchain:e,destinationTokens:a,...o&&{toToken:Hn(a,n.fromToken)}}})},setToToken:e=>t(()=>({toToken:e})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new ct(0),outputUsdValue:new ct(0),bestRoute:null},...!!o.fromToken&&{inputUsdValue:Yt(o.fromToken,e)}}))},retry:e=>{let{tokens:o,blockchains:n}=T.getState().meta,r=O.getState().connectedWallets,s=e.status==="failed"?e.steps.findIndex(c=>c.status==="failed"):null;if(s===null||s<0)return;let a=e.steps[0],p=e.steps[e.steps.length-1],l=n.find(c=>c.name===a.fromBlockchain)||null,u=n.find(c=>c.name===p.toBlockchain)||null,m=o.find(c=>Pe(c,{blockchain:a.fromBlockchain,symbol:a.fromSymbol,address:a.fromSymbolAddress})),g=o.find(c=>Pe(c,{blockchain:p.toBlockchain,symbol:p.toSymbol,address:p.toSymbolAddress})),f=Xt(l,o,r,[]),d=Xt(u,o,r,[]),y=e.inputAmount;t({fromBlockchain:l,fromToken:m,inputAmount:y,outputAmount:null,inputUsdValue:Yt(m||null,y),outputUsdValue:new ct(0),toBlockchain:u,toToken:g,bestRoute:null,sourceTokens:f,destinationTokens:d})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,sourceTokens:e.destinationTokens,destinationTokens:e.sourceTokens,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Yt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromBlockchain:null,sourceTokens:[]})),resetToBlockchain:()=>t(()=>({toBlockchain:null,destinationTokens:[]})),setRouteWalletConfirmed:e=>t({routeWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetRouteWallets:()=>t({routeWalletsConfirmed:!1,selectedWallets:[],customDestination:""})}))));var O=Ne(qp()(Hp((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:o=>{let n=e().getWalletsDetails;t(r=>({loading:!0,connectedWallets:r.connectedWallets.filter(s=>s.walletType!==o[0].walletType).concat(o.map(s=>{let a=!r.connectedWallets.find(p=>p.chain===s.chain&&p.selected);return{balances:[],address:s.address,chain:s.chain,explorerUrl:null,walletType:s.walletType,selected:a,loading:!0,error:!1}}))})),n(o)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(s=>s.selected&&s.walletType!==o).map(s=>s.chain);return{connectedWallets:n.connectedWallets.filter(s=>s.walletType!==o).map(s=>r.includes(s.chain)?s:(r.push(s.chain),{...s,selected:!0}))}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(p=>p.chain===r.chain&&p.walletType!==r.walletType&&r.selected),a=!!o.find(p=>p.chain===r.chain&&p.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n=!0)=>{let r=e().getWalletsDetails,{tokens:s}=T.getState().meta;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(p=>o.find(l=>Eo(l,p))?{...p,loading:!0}:p)}));try{let a=o.map(({address:u,chain:m})=>({address:u,blockchain:m})),l=(await Et().getWalletsDetails(a)).wallets;if(l)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(m=>{let g=o.find(d=>Eo(d,m)),f=l.find(d=>d.address===m.address&&d.blockChain===m.chain);return f?.failed&&g&&n&&r([g],!1),g&&f?{...m,explorerUrl:f.explorerUrl,balances:Ai(f,s)}:m})}));else throw new Error("Wallet not found")}catch{t(p=>({loading:!1,connectedWallets:p.connectedWallets.map(l=>o.find(u=>Eo(u,l))?Bi(l):l)}))}}}))));O.subscribe(t=>t.connectedWallets,t=>{M.setState(({sourceTokens:e,destinationTokens:o})=>{let n=It(e,t),r=It(o,t);return{sourceTokens:Nt(n),destinationTokens:Nt(r)}})},{equalityFn:Gp});var T=Ne(Vp()(t=>({meta:{blockchains:[],popularTokens:[],swappers:[],tokens:[]},loadingStatus:"loading",setTokensWithBalance:()=>{let e=O.getState().connectedWallets;t(o=>({...o,meta:{...o.meta,tokens:Nt(It(o.meta.tokens,e))}}))},fetchMeta:async()=>{try{let e=await Et().getAllMetadata(),o=lt(e.tokens.map(r=>r.blockchain)),n=e.blockchains.filter(r=>r.enabled&&o.includes(r.name));e.blockchains=n.sort((r,s)=>r.sort-s.sort),t({meta:e,loadingStatus:"success"})}catch{t({loadingStatus:"failed"})}}})));import{create as Xp}from"zustand";import{persist as Kp,subscribeWithSelector as jp}from"zustand/middleware";var Ie=Ne(Xp()(Kp(jp((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:s.toBlockchain,tokenSymbol:s.toSymbol,tokenAddress:s.toSymbolAddress}}},p=e().notifications.filter(l=>l.requestId!==n.requestId);t(()=>({notifications:[...p,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{create as Yp}from"zustand";var be=Ne(Yp()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as Vo}from"@rango-dev/ui";var ji=Vo("div",{padding:"$10",width:"350px",minHeight:"150px"}),Yi=Vo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Ri=Vo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Qi=Vo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Rp}from"@lingui/core";import{Divider as Qp,NoNotificationIcon as Zp,Typography as Jp}from"@rango-dev/ui";import Xo from"react";function Zi(){return Xo.createElement(Qi,null,Xo.createElement(Zp,{color:"secondary",size:26}),Xo.createElement(Qp,{size:12}),Xo.createElement(Jp,{variant:"body",size:"medium",color:"neutral900"},Rp.t("You have no notification")))}i(Zi,"NotificationNotFound");var iu=4;function Yn(){let t=ru(),e=be.use.setSelectedSwap(),{getUnreadNotifications:o}=Ie(),n=o(),{tokens:r,blockchains:s}=T.use.meta(),a=n.sort((l,u)=>u.creationTime-l.creationTime).slice(0,iu),p=i(l=>{e(l),t(`/swaps/${l}`)},"handleOnClick");return _e.createElement(ji,null,a.length?_e.createElement(Yi,null,a.map(l=>{let u=r.find(d=>d.address===l.route.from.tokenAddress&&d.blockchain===l.route.from.blockchain&&d.symbol===l.route.from.tokenSymbol),m=s.find(d=>d.name===l.route.from.blockchain),g=r.find(d=>d.address===l.route.to.tokenAddress&&d.blockchain===l.route.to.blockchain&&d.symbol===l.route.to.tokenSymbol),f=s.find(d=>d.name===l.route.to.blockchain);return _e.createElement(ou,{key:l.requestId,onClick:()=>p(l.requestId),title:_e.createElement(nu,{variant:"body",size:"small",color:"$neutral900"},eu.t(l.event.message)),id:l.requestId,start:_e.createElement(Ri,null,_e.createElement("div",{className:"from-chain-token"},_e.createElement(Ji,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),_e.createElement("div",{className:"to-chain-token"},_e.createElement(Ji,{tokenImage:g?g.image:"",chainImage:f?f.logo:"",size:"small"}))),end:_e.createElement(tu,{size:12,color:"gray"})})})):_e.createElement(Zi,null))}i(Yn,"NotificationContent");import{Typography as su}from"@rango-dev/ui";import es from"react";function ts(){let{getUnreadNotifications:t}=Ie(),e=t().length;return e?es.createElement(di,null,es.createElement(su,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(ts,"UnreadNotificationsBadge");function Rn(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:s}=t;return de.createElement(de.Fragment,null,de.createElement(jo,{container:se(),side:"top",content:Ko.t("Refresh")},de.createElement(Le,{variant:"ghost",size:"small",onClick:o,disabled:!o},de.createElement(pu,{size:16,color:o?"black":"gray"}))),de.createElement(jo,{container:se(),side:"top",content:Ko.t("Notifications")},de.createElement(lu,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:se(),content:de.createElement(Yn,null)},de.createElement(Le,{size:"small",variant:"ghost",onClick:s},de.createElement(au,{size:18,color:"black"}),de.createElement(ts,null)))),de.createElement(jo,{container:se(),side:"top",content:Ko.t("Settings")},de.createElement(Le,{size:"small",variant:"ghost",onClick:r},de.createElement(uu,{size:18,color:"black"}))),de.createElement(jo,{container:se(),side:"top",content:Ko.t("Transactions History")},de.createElement(Le,{size:"small",variant:"ghost",onClick:n},de.createElement(cu,{size:18,color:"black"}))))}i(Rn,"HomeButtons");import{BottomLogo as mu,Divider as du,Header as fu}from"@rango-dev/ui";import ye from"react";import{useNavigate as gu}from"react-router-dom";import{styled as Qn}from"@rango-dev/ui";var os=Qn("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",overflow:"hidden !important",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",width:"95vw",maxWidth:"390px",maxHeight:"700px",backgroundColor:"$neutral100",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),ns=Qn("div",{borderTopLeftRadius:"20px",borderTopRightRadius:"20px",display:"flex",flexDirection:"column",flex:1,padding:"$20 $20 $10 $20",backgroundColor:"$background",position:"relative",overflowY:"auto",overflowX:"hidden",variants:{noPadding:{true:{padding:"0"}}}}),rs=Qn("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function hu(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:p=!0}=t,l=O.use.connectedWallets(),u=be.use.connectWalletsButtonDisabled(),m=gu(),g=i(()=>{u||m("/"+h.wallets)},"onConnectWallet");return ye.createElement(os,{ref:e,fixedHeight:p,id:"swap-box"},ye.createElement(fu,{prefix:ye.createElement(ye.Fragment,null,n.onBack&&ye.createElement(_n,{onClick:n.onBack})),title:n.title,suffix:ye.createElement(ye.Fragment,null,n.suffix,n.hasConnectWallet&&ye.createElement(On,{container:se(),onClick:g,isConnected:!!l?.length}),n.onCancel&&ye.createElement(Fn,{onClick:n.onCancel}))}),ye.createElement(ns,{noPadding:s},o),(a||r)&&ye.createElement(rs,null,ye.createElement("div",{className:"footer__content"},r),a&&ye.createElement("div",{className:"footer__logo"},ye.createElement(du,{size:12}),ye.createElement(mu,null))))}i(hu,"LayoutComponent");var Q=ye.forwardRef(hu);Q.displayName="Layout";import{Alert as Tu,Button as ku,Divider as gs,NoRouteIcon as wu,RefreshIcon as vu,Typography as hs}from"@rango-dev/ui";import $e from"react";import{create as yu}from"zustand";import{persist as Su,subscribeWithSelector as Cu}from"zustand/middleware";var is=[.5,1,3],ss=1,as=5,ls=100,ps=0;var q=Ne(yu()(Su(Cu(t=>({slippage:ss,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",setSlippage:e=>t(()=>({slippage:e})),setCustomSlippage:e=>t(()=>({customSlippage:e})),setAffiliateRef:e=>t(()=>({affiliateRef:e})),setAffiliatePercent:e=>t(()=>({affiliatePercent:e})),setAffiliateWallets:e=>t(()=>({affiliateWallets:e})),toggleAllLiquiditySources:e=>t(o=>{if(e)return{disabledLiquiditySources:[]};let{swappers:n}=T.getState().meta,r=lt(n.map(s=>s.swapperGroup));return r.length===o.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:r}}),toggleInfiniteApprove:()=>t(e=>({infiniteApprove:!e.infiniteApprove})),toggleLiquiditySource:e=>t(o=>o.disabledLiquiditySources.includes(e)?{disabledLiquiditySources:o.disabledLiquiditySources.filter(n=>n!=e)}:{disabledLiquiditySources:o.disabledLiquiditySources.concat(e)}),setTheme:e=>t(()=>({theme:e}))})),{name:"user-settings",skipHydration:!0})));import{i18n as us}from"@lingui/core";function cs(t,e,o,n,r){return o?{alert:{type:"warning",text:G.genericServerError,action:{onClick:r,title:us.t("Retry")}},description:""}:t?{alert:{type:"error",text:t,action:null},description:""}:e.length?{alert:{type:"warning",text:G.liquiditySourcesError.title,action:{onClick:()=>n(!0),title:us.t("Reset")}},description:G.liquiditySourcesError.description}:{alert:null,description:G.noRoutesError.description}}i(cs,"makeInfo");import{styled as Zn}from"@rango-dev/ui";var ms=Zn("div",{display:"flex",flexDirection:"column",alignItems:"center"}),ds=Zn("div",{width:"100%"}),fs=Zn("div",{padding:"$6 $0"});function Rt(t){let{diagnosisMessage:e,fetch:o,error:n}=t,r=q.use.disabledLiquiditySources(),s=T.use.loadingStatus(),a=q.use.toggleAllLiquiditySources(),l=cs(e??null,r,n||s==="failed",a,o);return $e.createElement(ms,null,$e.createElement(wu,{size:24,color:"gray"}),$e.createElement(gs,{size:4}),$e.createElement(hs,{variant:"title",size:"small"},G.noRoutesError.title),!!l.description&&$e.createElement(hs,{variant:"body",size:"small",align:"center",color:"neutral900"},l.description),$e.createElement(gs,{size:4}),!!l.alert&&$e.createElement(ds,null,$e.createElement(Tu,{type:l.alert.type,title:l.alert.text,action:l.alert.action&&$e.createElement(ku,{size:"xsmall",type:l.alert.type,prefix:$e.createElement(fs,null,$e.createElement(vu,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i(Rt,"NoRoutes");import{Alert as xs,Divider as Wu,InfoIcon as Nu}from"@rango-dev/ui";import Oe from"react";import{styled as Yo}from"@rango-dev/ui";var ys=Yo("div",{width:"100%",paddingTop:"$10"}),Jn=Yo("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Ss=Yo("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),Cs=Yo("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});import{i18n as Qt}from"@lingui/core";import{Button as bu,Divider as ws,MessageBox as vs,Modal as xu,Typography as Eu,WarningIcon as Au}from"@rango-dev/ui";import Fe from"react";import{useNavigate as Bu}from"react-router-dom";import{Typography as Ts}from"@rango-dev/ui";import er from"react";function ks(t){let{title:e,value:o,valueColor:n}=t;return er.createElement(Ss,null,er.createElement(Ts,{size:"medium",variant:"label",color:"neutral800"},e),er.createElement(Ts,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(ks,"RouteErrorsModalItem");function bs(t){let{highValueLoss:e,open:o,onToggle:n,percentageChange:r,inputUsdValue:s,outputUsdValue:a,totalFeeInUsd:p}=t,l=Bu(),u=e&&r?.lt(-10)?"error":"warning",m=[{title:Qt.t("Swapping"),value:w(s,4,4)},{title:Qt.t("Gas cost"),value:w(p,2,2)},{title:Qt.t("Receiving"),value:w(a,4,4)},{title:Qt.t("Price impact"),value:w(r,2,2),valueColor:`${u}500`}];return Fe.createElement(xu,{open:o,onClose:()=>n(!1),container:document.getElementById("swap-box")||document.body},e?Fe.createElement(vs,{type:u,title:G.highValueLossError.impactTitle,description:G.highValueLossError.description}):Fe.createElement(vs,{type:u,title:G.unknownPriceError.impactTitle,description:G.unknownPriceError.description}),e&&Fe.createElement(Jn,null,Fe.createElement(ws,{size:20}),Fe.createElement(Eu,{size:"small",variant:"title"},Qt.t("Details")),Fe.createElement(Jn,null,m.map((g,f)=>Fe.createElement(ks,{key:f,...g})))),Fe.createElement(ws,{size:32}),Fe.createElement(bu,{type:"primary",size:"large",prefix:Fe.createElement(Au,null),fullWidth:!0,onClick:()=>{l(h.confirmSwap)}},e?G.highValueLossError.confirmMessage:G.unknownPriceError.confirmMessage))}i(bs,"RouteErrorsModal");var Iu=-10;function tr(t){let{bestRoute:e}=M(),{highValueLoss:o,percentageChange:n,priceImpactCanNotBeComputed:r,openModal:s,onToggle:a,totalFeeInUsd:p,outputUsdValue:l,inputUsdValue:u,loading:m,extraSpace:g}=t,f=zo(e),{recommendation:d}=qo(e),y=!f&&(o||r),c=y||f;return Oe.createElement(Oe.Fragment,null,(m||g&&!c)&&Oe.createElement(Wu,{size:20}),c&&Oe.createElement(ys,null,y&&Oe.createElement(Oe.Fragment,null,Oe.createElement(xs,{title:o?G.highValueLossError.title:G.unknownPriceError.title,type:o&&n?.lt(Iu)?"error":"warning",variant:"alarm",action:Oe.createElement(Cs,{onClick:()=>a(!0)},Oe.createElement(Nu,{size:12,color:"gray"}))})),f&&Oe.createElement(xs,{type:"error",variant:"alarm",title:d})),Oe.createElement(bs,{highValueLoss:o,open:s,onToggle:a,percentageChange:n,inputUsdValue:u,outputUsdValue:l,totalFeeInUsd:p}))}i(tr,"RouteErrors");import{ReverseIcon as Mu,styled as Es}from"@rango-dev/ui";import or from"react";var Lu=Es("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Pu=Es("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&:hover":{color:"$secondary500"}});function As(){let t=M.use.switchFromAndTo();return or.createElement(Lu,null,or.createElement(Pu,{onClick:()=>{t()}},or.createElement(Mu,{size:12})))}i(As,"SwitchFromAndToButton");import{useEffect as Bs,useRef as $u,useState as Ws}from"react";import{useRef as Du,useState as _u}from"react";function Ro(){let[t,e]=_u(!1),o=Du(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Et().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(Ro,"useFetchBestRoute");var Fu=600;function Ns(){let{fetch:t,cancelFetch:e}=Ro(),[o,n]=Ws(!1),{fromToken:r,toToken:s,inputAmount:a,inputUsdValue:p,resetRoute:l,setRoute:u}=M(),{slippage:m,customSlippage:g,affiliatePercent:f,affiliateRef:d,affiliateWallets:y,disabledLiquiditySources:c}=q(),[k,x]=Ws(""),S=$u(c),v=g??m,C=!r||!s||Pe(r,s)||!Vt(a),I=i(()=>{if(o||n(!0),!C){l();let W=Go({fromToken:r,toToken:s,inputAmount:a,disabledLiquiditySources:c,slippage:v,affiliateRef:d,affiliatePercent:f,affiliateWallets:y});t(W).then(V=>{n(!1),u(V)}).catch(V=>{l(),V?.code!=="ERR_CANCELED"&&(x(V.message),n(!1))})}},"fetch"),D=hi(()=>{C||I()},Fu);return Bs(()=>{if(!Vt(a)||p?.eq(0)){n(!1),e();return}if(!C)return l(),n(!0),D(),e},[a,C]),Bs(()=>{let W=!!S.current.length&&!c.length;return!C&&W&&I(),S.current=c,e},[c.length]),{fetch:I,loading:o,error:k}}i(Ns,"useSwapInput");var ju=Pt("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),Yu=Pt("div",{position:"relative"}),Ru=Pt("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"}),Ms=Pt("div",{width:"100%",paddingTop:"$2"}),Qu=Pt("div",{paddingBottom:"$15"}),Zu=Pt("div",{width:"100%",display:"flex"});function Zo(){let t=Ku(),{fetch:e,loading:o,error:n}=Ns(),{fromToken:r,fromBlockchain:s,toToken:a,toBlockchain:p,setInputAmount:l,inputAmount:u,inputUsdValue:m,outputAmount:g,outputUsdValue:f,bestRoute:d,resetRouteWallets:y}=M(),{meta:{tokens:c},loadingStatus:k}=T(),x=O.use.connectedWallets(),S=be.use.setCurrentPage(),[v,A]=Xu(!1),{fromAmountRangeError:C,swap:I,recommendation:D}=qo(d),W=Vu(null),V=!!Number(u)&&(!!d||o||!!n),R=!1,X=Oo(m,f),N=Uo(m,X),U=!jn(d,u,m),$=!jn(d,u,f),b=$i(k,x,o,d,zo(d),N,U||$,R,u),ce=s&&r?w(Wt(x,s?.name,r?.symbol,r?.address)?.amount||"0",8,8):"0",we=s&&r?w(Wt(x,s?.name,r?.symbol,r?.address)?.amount||"0",Wt(x,s?.name,r?.symbol,r?.address)?.decimal):"0";Gu(()=>(S(h.home),y(),S.bind(null,"")),[]);let z=!m||!f||!f.gt(0)?null:Re(m.toNumber(),f.toNumber()),re=i(qe=>qe.map((ie,it)=>({swapper:{displayName:ie.swapperId,image:ie.swapperLogo},from:{token:{displayName:ie.from.symbol,image:ie.from.logo},chain:{displayName:ie.from.blockchain,image:ie.from.blockchainLogo},price:{value:it===0?w(u,6,6):ie.fromAmount}},to:{token:{displayName:ie.to.symbol,image:ie.to.logo},chain:{displayName:ie.to.blockchain,image:ie.to.blockchainLogo},price:{value:ie.toAmount}},alerts:ie.swapperId===I?.swapperId?Y.createElement(Qu,null,Y.createElement(Ou,{type:"error",title:D,footer:Y.createElement(Zu,null,Y.createElement(rr,{size:"xsmall",variant:"body",color:"neutral900"},C),Y.createElement(nr,{direction:"horizontal",size:8}),Y.createElement(rr,{size:"xsmall",variant:"body",color:"neutral900"},"|"),Y.createElement(nr,{direction:"horizontal",size:8}),Y.createElement(rr,{size:"xsmall",variant:"body",color:"neutral900"},Qo.t({id:"yourSymbol",message:"Yours: {amount} {symbol}",values:{amount:w(I?.fromAmount||null,6,6),symbol:ie?.from.symbol}})))})):void 0})),"getBestRouteSteps"),le=Ho(d,c),me=Pi(d);return Y.createElement(Q,{ref:W,fixedHeight:!1,hasLogo:!0,footer:Y.createElement(qu,{type:"primary",size:"large",disabled:b.disabled,prefix:!b.disabled&&b.hasWarning&&Y.createElement(Hu,null),fullWidth:!0,onClick:()=>{b.state==="waitForConnecting"?t(h.wallets):b.state==="needToConfirm"?A(!0):t(h.confirmSwap)}},b.title),header:{hasConnectWallet:!0,title:Qo.t("Swap"),suffix:Y.createElement(Rn,{layoutRef:W.current,onClickRefresh:d||n?e:void 0,onClickHistory:()=>t(h.swaps),onClickSettings:()=>t(h.settings)})}},Y.createElement(ju,null,Y.createElement(Ru,null,Y.createElement(Yu,null,Y.createElement(Is,{label:Qo.t("From"),mode:"From",onInputChange:l,balance:ce,chain:{displayName:s?.displayName||"",image:s?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>t("from-swap"),price:{value:u,usdValue:U?void 0:w(m,4,4),error:U?G.unknownPriceError.impactTitle:void 0},disabled:k==="failed",loading:k==="loading",onSelectMaxBalance:()=>{ce!=="0"&&l(we.split(",").join(""))}}),Y.createElement(As,null)),Y.createElement(Is,{sharpBottomStyle:!!d?.result||o,label:Qo.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:z?.lt(0)?w(z,2,2):null,warningLevel:Mt(z?.toNumber()??0),price:{value:w(g,6,6),usdValue:$?void 0:w(f,4,4),error:$?G.unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:k==="failed",loading:k==="loading"})),o&&Y.createElement(Ms,null,Y.createElement(zu,{type:"basic"})),V&&!o&&me?.result?.swaps?.length?Y.createElement(Ms,null,Y.createElement(Uu,{type:"basic",recommended:!0,tooltipContainer:se(),input:{value:w(u,6,6),usdValue:w(m,4,4)},output:{value:w(g,6,6),usdValue:w(f,4,4)},steps:re(me.result.swaps),percentageChange:w(z,2,2),totalFee:w(le,2,2),totalTime:At(Bt(d?.result?.swaps))})):V&&!o?Y.createElement(Y.Fragment,null,Y.createElement(nr,{size:20}),Y.createElement(Rt,{diagnosisMessage:me?.diagnosisMessages?.[0],fetch:e,error:!!n})):null),Y.createElement(tr,{openModal:v,onToggle:A,totalFeeInUsd:le,outputUsdValue:f,inputUsdValue:m,percentageChange:z,highValueLoss:N,priceImpactCanNotBeComputed:U||$,loading:o||k==="loading",extraSpace:!!d?.result||!d}))}i(Zo,"Home");import{useEffect as ir,useRef as sr}from"react";import{createSearchParams as Ju,useLocation as ec,useSearchParams as tc}from"react-router-dom";function Ls(){let t=sr(!0),[e,o]=tc(),n=ec(),r=sr(n.search),s=sr({}),a=M.use.fromBlockchain(),p=M.use.toBlockchain(),l=M.use.fromToken(),u=M.use.toToken(),m=M.use.setFromBlockchain(),g=M.use.setFromToken(),f=M.use.setToBlockchain(),d=M.use.setToToken(),y=M.use.inputAmount(),c=M.use.setInputAmount(),k=T.use.loadingStatus(),{blockchains:x,tokens:S}=T.use.meta(),v=be.use.setSelectedSwap();return ir(()=>{let A={};Ju(r.current).forEach((I,D)=>{A[D]=I}),s.current=A;let C=n.pathname.split(h.swaps+"/")[1]||null;C&&v(C)},[]),ir(()=>{if(!t.current){let A="",C="",I="",D="",W="";if(k!=="success")A=s.current["fromBlockchain"],C=s.current["fromToken"],I=s.current["toBlockchain"],D=s.current["toToken"],W=s.current["fromAmount"]||y;else{if(n.state==="redirect")return;A=a?.name||"",C=(l?.symbol||"")+(l?.address?`--${l?.address}`:""),I=p?.name||"",D=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),W=y}o({...A&&{["fromBlockchain"]:A},...C&&{["fromToken"]:C},...I&&{["toBlockchain"]:I},...D&&{["toToken"]:D},...W&&{["fromAmount"]:W.toString()}},{replace:!0})}t.current=!1},[n.pathname,y,a,l,p,u]),ir(()=>{if(k==="success"){let A=e.get("fromBlockchain"),C=e.get("fromToken"),I=e.get("toBlockchain"),D=e.get("toToken"),W=e.get("fromAmount"),V=x.find(U=>U.name===A),R=Gn(S,C,V||null),X=x.find(U=>U.name===I),N=Gn(S,D,X||null);V&&(m(V),R&&g(R)),X&&(f(X),N&&d(N)),W&&c(W)}},[k]),null}i(Ls,"UpdateUrl");function cc(t){let e=pc(),o=uc(),n=sc(!0),r=e.pathname.split("/"),a=r[r.length-1]===h.confirmSwap&&n.current;return ic(()=>{a&&o("."),n.current=!1},[]),a?Tt.createElement(Zo,null):Tt.createElement(Tt.Fragment,null," ",t.children)}i(cc,"Route");function Ps({children:t,...e}){let o=lc(),n=o?cc:ac,{blockchains:r}=T.use.meta(),{canSwitchNetworkTo:s}=nc(),a=r.filter(rc);return oc({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),Tt.createElement(Tt.Fragment,null,Tt.createElement(n,null,t),o&&Tt.createElement(Ls,null))}i(Ps,"AppRouter");import Be from"react";import{useRoutes as Pf}from"react-router-dom";import{i18n as Xe}from"@lingui/core";import{useManager as im}from"@rango-dev/queue-manager-react";import{Alert as gr,BestRoute as sm,BestRouteSkeleton as am,Button as an,Divider as Ot,IconButton as ka,MessageBox as lm,Modal as pm,RefreshIcon as um,SettingsIcon as cm,styled as wa,Tooltip as mm,Typography as Ta,WalletIcon as dm}from"@rango-dev/ui";import L,{useEffect as ln,useState as pn}from"react";import{flushSync as fm}from"react-dom";import{useNavigate as gm}from"react-router-dom";import{i18n as et}from"@lingui/core";import{Alert as fr,BalanceErrors as Hc,Button as ha,ChevronDownIcon as Gc,ChevronLeftIcon as Vc,Divider as Ft,MessageBox as Xc,Modal as ya,Typography as sn,WalletIcon as Kc}from"@rango-dev/ui";import E,{useEffect as jc,useLayoutEffect as Yc,useRef as Rc,useState as vt}from"react";import{useNavigate as Qc}from"react-router-dom";import{i18n as Jo}from"@lingui/core";function en(t){switch(t.type){case 0:return Jo.t("Route has been updated.");case 3:return Jo.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Jo.t("Route swappers has been updated.");case 2:return Jo.t("Route internal coins has been updated.");default:return""}}i(en,"getRouteWarningMessage");import*as _t from"@radix-ui/react-collapsible";import{Button as mc,darkTheme as Dt,IconButton as dc,keyframes as Ds,styled as Te,TextField as fc}from"@rango-dev/ui";var Zt=300,gc=Ds({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),hc=Ds({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),_s=Te("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),$s=Te("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),Fs=Te("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Dt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Dt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Dt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Os=Te(_t.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent"}),Us=Te("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),zs=Te(dc,{position:"absolute",left:"$20"}),qs=Te("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),Hs=Te(_t.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Gs=Te(mc,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Dt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Dt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Dt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),Vs=Te("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),Xs=Te("div",{transition:`all ${Zt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Ks=Te("div",{display:"flex"}),js=Te(fc,{padding:"$0 $15 $15 $15"}),Ys=Te(_t.Content,{overflow:"hidden",variants:{open:{true:{animation:`${gc} ${Zt}ms ease-out`},false:{animation:`${hc} ${Zt}ms ease-out`}}}}),Rs=Te("div",{overflow:"visible",width:"100%"});import{i18n as Je}from"@lingui/core";import{Button as Uc,Divider as cr,Image as zc,MessageBox as mr,Modal as ca,SelectableWallet as qc,Typography as ma,WalletState as da}from"@rango-dev/ui";import ne,{useEffect as fa,useState as eo}from"react";import{WalletState as Zs}from"@rango-dev/ui";import{useWallets as Sc}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Cc,WalletTypes as Tc}from"@rango-dev/wallets-shared";import{useEffect as kc,useState as wc}from"react";import{allProviders as yc}from"@rango-dev/provider-all";function tn(t,e){let o=yc({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(tn,"matchAndGenerateProviders");function Qs(t,e){return tn(t,e).map(r=>r.config.type)}i(Qs,"configWalletsToWalletName");var vc=Object.values(Tc);function on(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:p,connect:l}=Sc(),{connectedWallets:u}=O(),{blockchains:m}=T().meta,g=typeof e?.multiWallets>"u"?!0:e.multiWallets,f=Qs(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||vc,d=bi(s,p,f,o),y=Wi(d),[c,k]=wc(""),x=i(C=>!u.find(I=>I.walletType===C&&I.chain===o),"isExperimentalChainNotAdded"),S=i(async C=>{let I=s(C);try{if(c&&k(""),I.connected)await a(C);else{let D=!!d.find(W=>W.state===Zs.CONNECTED);if(!g&&D)return;n?.(C),await l(C),r?.(C)}}catch(D){k("Error: "+D?.message)}},"handleClick"),v=i(()=>{let C=d?.filter(I=>I.state===Zs.CONNECTING)||[];for(let I of C)a(I.type)},"disconnectConnectingWallets");kc(()=>()=>{v()},[]);let A=i((C,I,D)=>Bo(D,I)&&x(C)&&!Cc.includes(C),"shouldExcludeWallet");return{list:y.filter(C=>!A(C.type,o??"",m)),error:c,handleClick:S}}i(on,"useWalletList");import{i18n as na}from"@lingui/core";import{styled as ia,Typography as Mc,Wallet as Lc,WalletState as Pc}from"@rango-dev/ui";import wt,{Fragment as Dc,useState as ra}from"react";import{Divider as Bc,Modal as Wc}from"@rango-dev/ui";import lr from"react";import{i18n as $t}from"@lingui/core";import{Image as Ec,MessageBox as ar,WalletState as Ac}from"@rango-dev/ui";import kt from"react";import{keyframes as bc,styled as nn}from"@rango-dev/ui";var mk=nn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Js=nn("div",{position:"relative"}),xc=bc({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ea=nn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${xc} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ta=nn("div",{"& img":{borderRadius:"50%"}});function oa(t){let{state:e,image:o,error:n}=t;return e===Ac.CONNECTED?kt.createElement(ar,{type:"success",title:$t.t("Wallet Connected"),description:$t.t("Your wallet is connected, you can use it to swap.")}):n?kt.createElement(ar,{type:"error",title:$t.t("Failed to Connect"),description:n||$t.t("Your wallet is not connected. Please try again.")}):kt.createElement(ar,{type:"loading",title:$t.t("Connecting to your wallet"),description:$t.t("Click connect in your wallet popup."),icon:kt.createElement(Js,null,kt.createElement(ta,null,kt.createElement(Ec,{src:o,size:45})),kt.createElement(ea,null))})}i(oa,"ModalContent");function Jt(t){let{open:e,onClose:o,...n}=t;return lr.createElement(Wc,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},lr.createElement(oa,{...n}),lr.createElement(Bc,{direction:"vertical",size:32}))}i(Jt,"WalletModal");import{useInRouterContext as Nc,useNavigate as Ic}from"react-router-dom";function oe(){let t=Nc(),e=Ic(),o=M.use.routeWalletsConfirmed();return h,{navigateBackFrom:i(r=>{if(r===h.swapDetails)return e("/"+h.swaps,{replace:!0});if(!t||window.history.state&&window.history.state.idx>0)e(-1);else{if([h.settings,h.wallets].includes(r)&&o)return e("/"+h.confirmSwap,{replace:!0});[h.fromSwap,h.toSwap,h.settings,h.wallets,h.swaps,h.confirmSwap].includes(r)?e(h.home,{replace:!0}):r===h.fromBlockchain?e("/"+h.fromSwap,{replace:!0}):r===h.toBlockchain?e("/"+h.fromSwap,{replace:!0}):r===h.liquiditySources&&e("/"+h.settings,{replace:!0})}},"navigateBackFrom")}}i(oe,"useNavigateBack");var _c=ia("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),$c=ia("div",{textAlign:"center"}),rn=3e3,pr=300;function sa({config:t}){let{navigateBackFrom:e}=oe(),[o,n]=ra(!1),[r,s]=ra(""),a=null,{list:p,handleClick:l,error:u}=on({config:t,onBeforeConnect:y=>{a=setTimeout(()=>{n(!0),s(y)},pr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},rn)}}),m=T.use.loadingStatus(),g=p.find(y=>y.type===r),f=g?.image||"",d=g?.state||Pc.NOT_INSTALLED;return wt.createElement(Q,{header:{title:na.t("Connect Wallets"),onBack:e.bind(null,h.wallets)}},wt.createElement($c,null,wt.createElement(Mc,{variant:"title",size:"xmedium",align:"center"},na.t("Choose a wallet to connect.")),wt.createElement(_c,null,p.map((y,c)=>{let k=`wallet-${c}-${y.type}`;return wt.createElement(Dc,{key:k},wt.createElement(Lc,{...y,container:se(),onClick:x=>{l(x)},isLoading:m==="loading"}))}),wt.createElement(Jt,{open:!!o,onClose:()=>n(!1),image:f,state:d,error:u}))))}i(sa,"WalletsPage");function aa(t,e){return e.find(o=>o.name===t)?.displayName}i(aa,"getBlockchainDisplayNameFor");import{keyframes as Fc,styled as ur}from"@rango-dev/ui";var la=ur("div",{position:"relative"}),Oc=Fc({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),pa=ur("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Oc} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ua=ur("div",{"& img":{borderRadius:"50%"}});function dr(t){let{config:e,chain:o,isSelected:n,selectWallet:r,limit:s,onShowMore:a}=t,p=O.use.connectedWallets(),{blockchains:l}=T.use.meta(),[u,m]=eo(""),[g,f]=eo(null),[d,y]=eo(!1),[c,k]=eo(null),{connect:x}=ga(),S=null,{list:v,error:A,handleClick:C}=on({config:e,chain:o,onBeforeConnect:N=>{S=setTimeout(()=>{m(N)},pr)},onConnect:()=>{S&&clearTimeout(S),setTimeout(()=>{m("")},rn)}}),[I,D]=eo(v),W=v.length,V=s&&W-s>0,R=i(async N=>{y(!1),k("in-progress"),await x(N.walletType,N.chain),k("completed")},"addExperimentalChain");fa(()=>{D(N=>{let U=v.findIndex($=>n($.type,o));return V&&U>1?[v[U]].concat(v.filter(($,b)=>b!==U)):N.map($=>v.find(b=>b.type===$.type)??$)})},[JSON.stringify(v)]);let X=document.querySelector("#swap-box");return fa(()=>{let N=null;return c==="completed"&&(N=setTimeout(()=>k(null),rn)),()=>{N&&clearTimeout(N)}},[c]),ne.createElement(ne.Fragment,null,I.slice(0,s).map(N=>{let U=Ni({connectedWallets:p,walletType:N.type,chain:o}),$=U?Wo(U):"",b=Bo(l,o),ce=!p.find(me=>me.walletType===N.type&&me.chain===o),we=b&&ce&&N.state===da.CONNECTED,z=we?Je.t({id:"addChain",message:"Add {chain} chain",values:{chain:o}}):$,re=i(()=>{N.state===da.DISCONNECTED?C(N.type):we?(f({walletType:N.type,chain:o,address:U??""}),y(!0)):r({walletType:N.type,chain:o,address:U??""})},"onClick"),le=g?.chain?aa(g.chain,l):void 0;return ne.createElement(ne.Fragment,null,ne.createElement(Jt,{open:u===N.type,onClose:()=>m(""),image:N.image,state:N.state,error:A}),!!g&&ne.createElement(ca,{open:!!g&&d,container:X,onClose:()=>{f(null)}},ne.createElement(mr,{title:Je.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:le}}),type:"warning",description:Je.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:le}})},ne.createElement(cr,{size:18}),ne.createElement(cr,{size:32}),ne.createElement(Uc,{onClick:R.bind(null,g),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Je.t("Confirm")))),c&&ne.createElement(ca,{open:!!c,onClose:k.bind(null,null),container:X},c==="in-progress"?ne.createElement(mr,{type:"loading",title:Je.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:le}}),description:Je.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:le}}),icon:ne.createElement(la,null,ne.createElement(ua,null,ne.createElement(zc,{src:N.image,size:45})),ne.createElement(pa,null))}):ne.createElement(mr,{type:"success",title:Je.t({id:"blockchainAdded",message:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:le}}),description:Je.t({id:"blockchainAddedDescription",message:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:le}})}),ne.createElement(cr,{direction:"vertical",size:32})),ne.createElement(qc,{key:N.type,description:z,onClick:re,selected:n(N.type,o),...N}))}),V&&ne.createElement(Fs,{selected:!1,onClick:a.bind(null)},ne.createElement(ma,{variant:"label",size:"medium"},Je.t("Show more wallets"),ne.createElement(ma,{variant:"label",size:"medium",color:"$primary"},"\xA0+",W-(s??0)))))}i(dr,"WalletList");var Zc=2;function Sa(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,config:s,loading:a}=t,{blockchains:p}=T.use.meta(),{bestRoute:l,setSelectedWallets:u,routeWalletsConfirmed:m,setRouteWalletConfirmed:g,customDestination:f,setCustomDestination:d}=M(),{connectedWallets:y,selectWallets:c}=O(),[k,x]=vt(""),[S,v]=vt([]),[A,C]=vt(""),[I,D]=vt(null),[W,V]=vt(f),[R,X]=vt(!!f),N=Rc(null),U=Mo(l),$=typeof s?.customDestination>"u"?!0:s.customDestination,b=p.find(B=>B.name===l?.result?.swaps[l?.result?.swaps.length-1].to.blockchain),ce=i(B=>!!l?.result?.swaps.find(F=>F.from.blockchain===B),"isWalletRequiredFor"),[we,z]=vt(y.filter(B=>B.selected&&U.includes(B.chain))),re=p.find(B=>B.name===b?.name),le=i((B,F)=>!!we.find(_=>_.walletType===B&&_.chain===F&&_.selected&&(ce(F)||!ce(F)&&!W)),"isSelected"),me=!!W&&R&&re&&!Lo(re,W),qe=i(()=>{X(!1),V(""),z(B=>{let F=!1;return B.map(_=>!F&&_.chain===b?.name?(F=!0,{..._,selected:!0}):_)})},"resetCustomDestination"),ie=i(B=>{if(k&&x(""),le(B.walletType,B.chain))return;let _=y.find(ee=>ee.walletType===B.walletType&&ee.chain===B.chain);_&&(n(),B.chain===b?.name&&R&&(X(!1),V("")),z(ee=>ee.filter(pe=>pe.chain!==B.chain).concat({..._,selected:!0})))},"onChange"),it=i(()=>{let B=we.filter(F=>F.selected);c(B),u(B),d(W),g(!0),o()},"onConfirmBalance"),st=i(async()=>{v([]),C(""),D(null);let B=y.filter(ee=>we.find(pe=>pe.chain===ee.chain&&pe.walletType===ee.walletType)),F=await r?.({selectedWallets:B,customDestination:W}),_=F.warnings;_?.balance?.messages&&v(_.balance.messages),_?.route&&D(_.route),F.error&&C(Po(F.error)),!F.error&&(!_?.balance?.messages.length||0>0)?it():v(_?.balance?.messages??[])},"onConfirmWallets");jc(()=>{z(B=>B.concat(y.filter(F=>!!!B.find(ee=>ee.chain===F.chain)&&F.selected&&U.includes(F.chain))))},[y.length]),Yc(()=>{R&&N.current&&setTimeout(()=>{N?.current?.scrollIntoView({behavior:"smooth"})},Zt)},[R]);let ht=document.querySelector("#swap-box"),at=Qc();return E.createElement(ya,{open:e,onClose:()=>{m||at(h.home,{replace:!0}),o()},dismissible:!k,container:ht,...!k&&{footer:E.createElement(Ks,null,E.createElement(ha,{loading:a,disabled:Ki(a,R,W,l,we,b),onClick:st,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...k&&{containerStyle:{padding:"$0"},header:E.createElement(Us,null,E.createElement(zs,{variant:"ghost",onClick:x.bind(null,"")},E.createElement(Vc,{size:16})),E.createElement(sn,{variant:"headline",size:"small"},et.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:k}})))},anchor:"center"},E.createElement(ya,{open:S.length>0,onClose:v.bind(null,[]),container:ht},E.createElement(Xc,{title:et.t("Insufficient account balance"),type:"error",description:E.createElement(Hc,{messages:S??[]})},E.createElement(ha,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:it},et.t("Proceed anyway")))),k&&E.createElement(qs,null,E.createElement("div",{className:"wallets-list"},E.createElement(dr,{chain:k,isSelected:le,selectWallet:ie,multiWallets:s?.multiWallets??!0,supportedWallets:s?.wallets??[],config:s,onShowMore:x.bind(null,k)}))),!k&&E.createElement(E.Fragment,null,A&&E.createElement(E.Fragment,null,E.createElement(fr,{variant:"alarm",type:"error",title:et.t(A)}),E.createElement(Ft,{size:12})),I&&E.createElement(E.Fragment,null,E.createElement(fr,{variant:"alarm",type:"warning",title:en(I)}),E.createElement(Ft,{size:12})),E.createElement(Rs,null,U.map((B,F)=>{let _=p.find(He=>He.name===B),ee=`wallet-${F}`,pe=F===U.length-1;return E.createElement("div",{key:ee},E.createElement(_s,null,E.createElement(sn,{variant:"title",size:"xmedium"},et.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:_?.displayName}})),E.createElement(sn,{variant:"label",color:"$neutral900",size:"medium"},et.t({id:"needConnect",message:"You need to connect a {blockchainName} wallet.",values:{blockchainName:_?.displayName}}))),E.createElement(Ft,{size:24}),E.createElement($s,null,E.createElement(dr,{chain:B,isSelected:le,selectWallet:ie,multiWallets:s?.multiWallets??!0,supportedWallets:s?.wallets??[],config:s,limit:Zc,onShowMore:()=>x(_?.name??"")})),!pe&&E.createElement(Ft,{size:32}),pe&&$&&E.createElement(Vs,null,E.createElement(Hs,{ref:N,selected:R,open:R,onOpenChange:He=>{He?ce(b?.name??"")||z(ci=>ci.map(yt=>yt.chain===b?.name?{...yt,selected:!1}:yt)):qe()}},E.createElement(Os,{onClick:()=>X(He=>!He)},E.createElement(Gs,{fullWidth:!0,variant:"default",suffix:E.createElement(Xs,{orientation:R?"up":"down"},E.createElement(Gc,{size:10,color:"gray"}))},E.createElement("div",{className:"button__content"},E.createElement(Kc,{size:18,color:"info"}),E.createElement(Ft,{size:4,direction:"horizontal"}),E.createElement(sn,{variant:"label",size:"medium"},et.t("Send to a different address"))))),E.createElement(Ys,{open:R},E.createElement(E.Fragment,null,E.createElement(Ft,{size:4}),E.createElement(js,{autoFocus:!0,placeholder:et.t("Your destination address"),value:W,onChange:He=>{V(He.target.value)}})))),me&&E.createElement("div",{className:"alarms"},E.createElement(fr,{variant:"alarm",type:"error",title:et.t({id:"addressMatch",values:{destination:W},message:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Sa,"ConfirmWalletsModal");import{calculatePendingSwap as em}from"@rango-dev/queue-manager-rango-preset";import tm from"bignumber.js";import{useEffect as om}from"react";function nm(t,e){if(!t.result)throw new Error(G.noRoutesError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let o=new tm(t.result?.outputAmount||"0").multipliedBy(e.outputUsdValue||0),n=Oo(e.inputUsdValue,o);if(Uo(e.inputUsdValue,n))throw new Error("High value loss for route",{cause:{type:1}});return t}i(nm,"throwErrorIfResponseIsNotValid");function rm(t,e,o){let n=Mi(t,e),r={balance:null,route:null,slippage:null};n&&(zi(t,e)?r.route={type:3,newOutputAmount:w(Lt(e)),percentageChange:w(Re(Lt(t),Lt(e)),null,2)}:Vn(t,e)?r.route={type:0}:Xn(t,e)?r.route={type:1}:Kn(t,e)&&(r.route={type:2}));let s=qi(e,o.selectedWallets);s.length===0||(r.balance={messages:s});let p=Fi(t),l=o.userSlippage>as;return Oi(o.userSlippage.toString(),p)?l&&(r.slippage={type:1,slippage:o.userSlippage.toString()}):r.slippage={type:0,slippage:p},r}i(rm,"generateWarnings");function Ca(){let{fromToken:t,toToken:e,inputAmount:o,inputUsdValue:n,setRoute:r,bestRoute:s,customDestination:a}=M(),{slippage:p,customSlippage:l,affiliatePercent:u,affiliateRef:m,affiliateWallets:g,disabledLiquiditySources:f}=q(),{connectedWallets:d}=O(),{meta:y}=T(),c=l||p,{fetch:k,cancelFetch:x,loading:S}=Ro();return om(()=>x,[]),{loading:S,fetch:i(async A=>{let C=A.selectedWallets,I=A?.customDestination??a;if(!t||!e||!o||!s)return{route:null,swap:null,error:null,warnings:null};let D=Go({fromToken:t,toToken:e,inputAmount:o,wallets:d,selectedWallets:C,disabledLiquiditySources:f,slippage:c,affiliateRef:m,affiliatePercent:u,affiliateWallets:g,initialRoute:s,destination:I}),W;try{W=await k(D).then(X=>nm(X,{outputUsdValue:e.usdPrice,inputUsdValue:n})),r(W)}catch(X){return X?.code==="ERR_CANCELED"?{swap:null,error:{type:3},warnings:null}:X.cause?{swap:null,error:X.cause,warnings:null}:{swap:null,error:{type:2},warnings:null}}let V={slippage:c.toString(),disabledSwappersGroups:f},R=em(o.toString(),W,Ui(C),V,!1,y);return{route:W,swap:R,error:null,warnings:rm(s,W,{selectedWallets:C,userSlippage:c})}},"fetch"),cancelFetch:x}}i(Ca,"useConfirmSwap");var hm=wa("div",{position:"relative",width:"100%","& .description":{display:"flex",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10"},"& .icon":{width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}}),ym=wa("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${ka}`]:{width:"$48",height:"$48"}});function va(t){let{config:e}=t,{bestRoute:o,inputAmount:n,outputAmount:r,inputUsdValue:s,outputUsdValue:a,setInputAmount:p,selectedWallets:l,routeWalletsConfirmed:u,setRouteWalletConfirmed:m,customDestination:g}=M(),f=gm(),[d,y]=pn(""),[c,k]=pn(!1),{connectedWallets:x}=O(),S=!u,[v,A]=pn(!1),C=be.use.setSelectedSwap(),{meta:{tokens:I},loadingStatus:D}=T(),W=q.use.slippage(),V=q.use.customSlippage(),{manager:R}=im(),X=V||W,{fetch:N,loading:U,cancelFetch:$}=Ca(),[b,ce]=pn({swap:null,error:null,warnings:null}),we=U||D==="loading",z=!U&&b.error&&[0,2].includes(b.error.type),re=!z&&!U&&o&&o.result,le=Ho(o,I),me=w(Re(s?.toNumber()??0,a?.toNumber()??0),2,2),qe=Mt(parseFloat(me)),ie=i(async({selectedWallets:B,customDestination:F})=>{let _=await N?.({selectedWallets:B,customDestination:F});return ce(_),_},"onConfirmSwap"),it=i(async()=>{if(b.swap&&u)try{await R?.create("swap",{swapDetails:b.swap},{id:b.swap.requestId}),C(b.swap.requestId),f("/"+h.swaps+`/${b.swap.requestId}`,{replace:!0}),setTimeout(()=>{p("")},0)}catch(B){y("Error: "+B?.message)}},"addNewSwap"),st=i(async()=>{await it()},"onConfirm"),ht=i(async()=>{b?.warnings?.slippage?k(!0):await st()},"onStartConfirmSwap"),at=i(async()=>{ce({error:null,swap:null,warnings:null}),N({selectedWallets:l}).then(B=>{ce(B)}).catch(B=>console.error(B))},"onRefresh");return ln(()=>{S&&$()},[S]),ln(()=>{S&&A(S)},[S]),ln(()=>{S||N({selectedWallets:l,customDestination:g}).then(B=>ce(B)).catch(B=>console.error(B))},[]),ln(()=>{let B=b.warnings?.route?.type&&Object.values(Kt).includes(b.warnings?.route?.type),F=l.length<1||!l.every(ee=>x.find(pe=>ee.address===pe.address&&ee.walletType===pe.walletType&&ee.chain===pe.chain)),_=!1;if(B){let ee=Mo(o),pe=o?.result?.swaps[o.result.swaps.length-1].to.blockchain;!!o?.result?.swaps.find(yt=>yt.from.blockchain===pe)||(ee=ee.slice(-ee.length,ee.length-1)),ee.every(yt=>l.find(dp=>dp.chain===yt))||(_=!0)}o&&(F||_)&&(queueMicrotask(()=>fm(A.bind(null,!0))),m(!1))},[b.warnings?.route,l.length,x.length]),L.createElement(Q,{header:{title:Xe.t("Confirm Swap"),onBack:f.bind(null,-1),hasConnectWallet:!0,suffix:L.createElement(mm,{container:se(),side:"bottom",content:Xe.t("Settings")},L.createElement(Le,{size:"small",variant:"ghost",onClick:()=>f("/"+h.settings)},L.createElement(cm,{size:18,color:"black"})))},footer:L.createElement(ym,null,L.createElement("div",{className:"confirm-button"},L.createElement(an,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:U,disabled:!!b.error,onClick:ht},Xe.t("Start Swap"))),L.createElement(ka,{variant:"contained",type:"primary",size:"large",loading:U,onClick:A.bind(null,!0)},L.createElement(dm,{size:24})))},L.createElement(pm,{anchor:"bottom",open:c,prefix:L.createElement(an,{size:"small",variant:"ghost",onClick:()=>f("/"+h.settings)},L.createElement(Ta,{variant:"label",size:"medium",color:"$neutral900"},Xe.t("Change settings"))),container:document.querySelector("#swap-box"),onClose:k.bind(null,B=>!B)},b.warnings?.slippage&&L.createElement(lm,{type:"warning",title:b.warnings.slippage.type===1?Xe.t("High slippage"):Xe.t("Low slippage"),description:b.warnings.slippage.type===1?Xe.t("highSlippage",{selectedSlippage:X},{message:" Caution, your slippage is high (={selectedSlippage}). Your trade may be front run."}):Xe.t("increaseSlippage",{minRequiredSlippage:b.warnings.slippage.slippage},{message:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route."})},L.createElement(Ot,{size:18}),L.createElement(Ot,{size:32}),L.createElement(an,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:st},Xe.t("Confirm anyway")))),v&&L.createElement(Sa,{open:v,onClose:()=>A(!1),onCancel:$,loading:U,onCheckBalance:ie,config:e}),L.createElement(hm,null,L.createElement("div",{className:"description"},L.createElement(Ta,{variant:"title",size:"small"},Xe.t("You get")),L.createElement(an,{style:{padding:"0"},variant:"ghost",disabled:U,onClick:at},L.createElement("div",{className:"icon"},L.createElement(um,{size:16})))),d&&L.createElement(L.Fragment,null,L.createElement(gr,{type:"error",variant:"alarm",title:d}),L.createElement(Ot,{size:12})),b.warnings?.route&&L.createElement(L.Fragment,null,L.createElement(gr,{variant:"alarm",type:"warning",title:en(b.warnings.route)}),L.createElement(Ot,{size:12})),we&&L.createElement(am,{type:"swap-preview",expanded:!0}),re&&L.createElement(sm,{expanded:!0,tooltipContainer:se(),steps:Di(o)??[],input:{value:w(n,6,6),usdValue:w(s,4,4)},output:{value:w(r,6,6),usdValue:w(a,4,4)},totalFee:w(le,2,2),totalTime:At(Bt(o.result?.swaps)),recommended:!0,type:"swap-preview",percentageChange:me,warningLevel:qe}),z&&L.createElement(L.Fragment,null,L.createElement(Ot,{size:12}),L.createElement(Rt,{diagnosisMessage:b.error?.type===0?b.error.diagnosisMessage:void 0,error:b.error?.type===2,fetch:at})),b.error?.type===1&&L.createElement(L.Fragment,null,L.createElement(gr,{variant:"alarm",type:"error",title:Po(b.error)}),L.createElement(Ot,{size:12}))))}i(va,"ConfirmSwapPage");import{i18n as mn}from"@lingui/core";import{useManager as vm}from"@rango-dev/queue-manager-react";import{Divider as bm,NotFound as xm,styled as Ma}from"@rango-dev/ui";import mt,{useState as Em}from"react";import{useNavigate as Am}from"react-router-dom";import{CloseIcon as Cm,IconButton as Tm,SearchIcon as km,TextField as wm}from"@rango-dev/ui";import to from"react";import{styled as Sm}from"@rango-dev/ui";var ba=Sm("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function tt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:p,...l}=t;return to.createElement(wm,{prefix:to.createElement(ba,null,to.createElement(km,{color:"black"})),suffix:!!a.length&&to.createElement(Tm,{variant:"ghost",onClick:()=>p?.(""),size:"small"},to.createElement(Cm,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...l})}i(tt,"SearchInput");import{i18n as Ea}from"@lingui/core";import{Divider as Aa,SwapListItem as Ba,Typography as Wa}from"@rango-dev/ui";import te from"react";import{styled as un}from"@rango-dev/ui";var hr=un("div",{width:"100%",display:"flex",flexDirection:"column"}),yr=un("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Sr=un("div",{gap:"$10",display:"flex",flexDirection:"column"}),xa=un("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function Cr(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,s=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return te.createElement(te.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(l=>te.createElement(te.Fragment,{key:l.title},te.createElement(hr,null,te.createElement(yr,null,te.createElement(Wa,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},Ea.t(l.title))),te.createElement(Aa,{size:4}),te.createElement(Sr,null,l.swaps.map((u,m)=>{let g=m+l.title;return te.createElement(te.Fragment,{key:g},te.createElement(Ba,{isLoading:!0}))}))))))}return te.createElement(te.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>te.createElement(te.Fragment,{key:a.title},te.createElement(hr,null,te.createElement(yr,null,te.createElement(Wa,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},Ea.t(a.title))),te.createElement(Aa,{size:4}),te.createElement(Sr,null,a.swaps.map(p=>{let l=p.steps[0],u=p.steps[p.steps.length-1];return te.createElement(te.Fragment,{key:p.requestId},te.createElement(Ba,{requestId:p.requestId,creationTime:p.creationTime,status:p.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:l.fromLogo,displayName:l.fromSymbol},blockchain:{image:l.fromBlockchainLogo||""},amount:bo(p.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:bo(u.outputAmount||""),estimatedAmount:bo(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}i(Cr,"SwapsGroup");import Na from"dayjs";var Ia=i(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=Na();return t.forEach(n=>{let r=Na(Number(n.creationTime));o.isSame(r,"day")?e.get("today")?.swaps.push(n):o.isSame(r,"month")?e.get("month")?.swaps.push(n):o.isSame(r,"year")?e.get("year")?.swaps.push(n):e.get("history")?.swaps.push(n)}),Array.from(e.values())},"groupSwapsByDate");var cn=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");var Bm=Ma("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Wm=Ma("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Nm=i((t,e)=>t?.length?t.filter(o=>Ge(o.fromBlockchain,e)||Ge(o.toBlockchain,e)||Ge(o.toSymbol,e)||Ge(o.fromSymbol,e)).length:!1,"isStepContainsText");function La(){let t=be.use.setSelectedSwap(),e=Am(),{navigateBackFrom:o}=oe(),{manager:n,state:r}=vm(),s=cn(n).map(({swap:f})=>f),[a,p]=Em(""),l=!r.loadedFromPersistor,u=i(f=>{let d=f.target.value;p(d)},"searchHandler"),m=s;a&&(m=s.filter(f=>Ge(f.inputAmount,a)||Ge(f.status,a)||Nm(f.steps,a)||Ge(f.requestId,a)));let g=!m?.length&&!l;return mt.createElement(Q,{header:{onBack:o.bind(null,h.swaps),title:mn.t("History")}},mt.createElement(Bm,null,mt.createElement(tt,{setValue:p,fullWidth:!0,variant:"contained",placeholder:mn.t("Search Transaction"),autoFocus:!0,onChange:u,value:a}),mt.createElement(Wm,null,g&&mt.createElement(xa,null,mt.createElement(bm,{size:32}),mt.createElement(xm,{title:mn.t("No results found"),description:a?mn.t("Try using different keywords"):""})),!g&&mt.createElement(Cr,{list:m,onSwapClick:f=>{t(f),e(`${f}`,{replace:!0})},groupBy:Ia,isLoading:l}))))}i(La,"HistoryPage");import{i18n as no}from"@lingui/core";import{List as Im,ListItemButton as Mm,Radio as wr,RadioRoot as Lm,Typography as vr}from"@rango-dev/ui";import Ue,{useState as Pm}from"react";import{styled as dn}from"@rango-dev/ui";var ot=dn("div",{height:"100%"}),oo=dn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"visible"}),Tr=dn("div",{width:80,display:"flex",justifyContent:"flex-end"}),kr=dn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Pa(){let{navigateBackFrom:t}=oe(),[e,o]=Pm("english"),n=[{id:"english",value:"english",title:Ue.createElement(vr,{variant:"title",size:"xmedium"},no.t("English")),onClick:()=>o("english"),end:Ue.createElement(wr,{value:"english"})},{id:"french",value:"french",title:Ue.createElement(vr,{variant:"title",size:"xmedium"},no.t("French")),onClick:()=>o("french"),end:Ue.createElement(wr,{value:"french"})},{id:"spanish",value:"spanish",title:Ue.createElement(vr,{variant:"title",size:"xmedium"},no.t("Spanish")),onClick:()=>o("spanish"),end:Ue.createElement(wr,{value:"spanish"})}];return Ue.createElement(Q,{header:{onBack:t.bind(null,h.settings),title:no.t("Language")}},Ue.createElement(ot,null,Ue.createElement(Lm,{value:e},Ue.createElement(Im,{type:Ue.createElement(Mm,{title:no.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(Pa,"LanguagePage");import{i18n as Ut}from"@lingui/core";import{Button as Om,Checkbox as Um,Image as zm,ListItemButton as qm,NotFound as Hm,Typography as Gm}from"@rango-dev/ui";import ke,{useState as Vm}from"react";import{Checkbox as $m,Skeleton as _a}from"@rango-dev/ui";import ro from"react";import{ListItem as Dm,styled as _m}from"@rango-dev/ui";var Da=_m(Dm,{height:61});var Fm=30;function br(){return ro.createElement(oo,null,Array.from(Array(Fm),t=>ro.createElement(Da,{hasDivider:!0,key:t,start:ro.createElement(_a,{variant:"circular",width:35,height:35}),title:ro.createElement(_a,{variant:"text",size:"large",width:90}),end:ro.createElement($m,{checked:!1})})))}i(br,"LoadingLiquiditySourceList");function fn(t){let e=T.use.meta().swappers,o=q.use.disabledLiquiditySources(),n=[];return lt(e.map(s=>s.swapperGroup)).map(s=>{let a=e.find(p=>p.swapperGroup===s);if(a){let p=!0;t&&(p=t.some(l=>l===a.title)),p&&a.types.map(l=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:l,selected:!o.includes(a.swapperGroup)})})}}),n}i(fn,"getUniqueSwappersGroups");function xr({supportedSwappers:t,sourceType:e}){let[o,n]=Vm(""),r=q.use.toggleLiquiditySource(),{navigateBackFrom:s}=oe(),a=T.use.loadingStatus(),p=fn(t),l=[];e==="Exchanges"&&l.push("DEX"),e==="Bridges"&&(l.push("BRIDGE"),l.push("AGGREGATOR"));let u=p.filter(c=>l.includes(c.type)),m=u.length===u.filter(c=>c.selected).length,g=i(()=>{u.forEach(c=>{m?r(c.groupTitle):c.selected||r(c.groupTitle)})},"toggleAllSources"),f=u.map(c=>{let{selected:k,groupTitle:x,logo:S}=c;return{start:ke.createElement(zm,{src:S,size:22,type:"circular"}),onClick:()=>r(x),end:ke.createElement(Um,{checked:k}),title:ke.createElement(Gm,{variant:"title",size:"xmedium"},Ut.t(x)),...c}}),d=i(c=>{let k=c.target.value;n(k)},"searchHandler"),y=f;return o&&(y=f.filter(c=>Ge(c.groupTitle,o))),ke.createElement(Q,{header:{onBack:s.bind(null,h.settings),title:Ut.t(e),suffix:ke.createElement(Tr,null,ke.createElement(Om,{variant:"ghost",size:"xsmall",onClick:g},Ut.t(m?"Deselect all":"Select all")))}},ke.createElement(ot,null,ke.createElement(tt,{value:o,setValue:n,fullWidth:!0,color:"light",variant:"contained",placeholder:Ut.t("Swap {sourceType}",{sourceType:e}),onChange:d}),a==="loading"&&ke.createElement(br,null),!y.length&&o?ke.createElement(kr,null,ke.createElement(Hm,{title:Ut.t("No results found"),description:Ut.t("Try using different keywords")})):a==="success"&&ke.createElement(oo,null,y.map(c=>ke.createElement(ke.Fragment,{key:c.id},ke.createElement(qm,{style:{height:"61px"},...c,selected:!1,hasDivider:!0}))))))}i(xr,"LiquiditySourcePage");import{i18n as Ga}from"@lingui/core";import{Divider as Wr,SelectableCategoryList as ed}from"@rango-dev/ui";import bt,{useState as Va}from"react";import{i18n as Ar}from"@lingui/core";import{Divider as qa,Image as Ym,ListItemButton as Rm,NotFound as Qm,Typography as Ha}from"@rango-dev/ui";import Me,{useEffect as Zm,useState as Jm}from"react";import{BlockchainCategories as Er}from"@rango-dev/ui";import{TransactionType as gn}from"rango-sdk";var Xm=i((t,e)=>{switch(e){case Er.ALL:return!0;case Er.UTXO:return t.type===gn.TRANSFER;case Er.OTHER:return t.type!==gn.TRANSFER&&t.type!==gn.COSMOS&&t.type!==gn.EVM;default:return t.type===e}},"filterByType"),$a=i((t,e,o)=>t.filter(n=>Xm(n,o)).filter(n=>St(n.name,e)||St(n.displayName,e)),"filterBlockchains");import{styled as Fa}from"@rango-dev/ui";var Oa=Fa("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),hn=Fa("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Km,Skeleton as Ua}from"@rango-dev/ui";import yn from"react";var jm=20;function za(){return yn.createElement(hn,null,Array.from(Array(jm),t=>yn.createElement(Km,{key:t,hasDivider:!0,start:yn.createElement(Ua,{variant:"circular",width:35,height:35}),title:yn.createElement(Ua,{variant:"text",size:"large",width:90})})))}i(za,"LoadingBlockchainList");function Br(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=Jm(e),p=T.use.loadingStatus();Zm(()=>{a([...$a(e,o,r)])},[e,o,r]);let l=i(()=>!s.length&&o?Me.createElement(Me.Fragment,null,Me.createElement(qa,{size:32}),Me.createElement(Qm,{title:Ar.t("No results found"),description:Ar.t("Try using different keywords")})):Me.createElement(hn,{key:`${r}-${o}`},s.map(u=>Me.createElement(Rm,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Me.createElement(Ym,{src:u.logo,size:30}),title:Me.createElement(Ha,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Me.createElement(Oa,null,Me.createElement(Ha,{variant:"label",size:"large"},Ar.t("Select Blockchain")),Me.createElement(qa,{size:4}),p==="loading"&&Me.createElement(za,null),p==="success"&&l())}i(Br,"BlockchainList");function Nr(t){let{type:e,supportedBlockchains:o}=t,{navigateBackFrom:n}=oe(),[r,s]=Va(""),[a,p]=Va("ALL"),l=M.use.setToBlockchain(),u=M.use.setFromBlockchain(),{meta:{blockchains:m},loadingStatus:g}=T(),f=o?T.use.meta().blockchains.filter(d=>o.includes(d.name)):T.use.meta().blockchains;return bt.createElement(Q,{header:{onBack:n.bind(null,h[`${e}Blockchain`]),title:Ga.t("Select Blockchain")}},bt.createElement(Wr,{size:12}),bt.createElement(ed,{setCategory:p,category:a,blockchains:m,isLoading:g==="loading"}),bt.createElement(Wr,{size:24}),bt.createElement(tt,{value:r,autoFocus:!0,placeholder:Ga.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>s(""),onChange:d=>s(d.target.value)}),bt.createElement(Wr,{size:16}),bt.createElement(Br,{list:f,searchedFor:r,blockchainCategory:a,onChange:d=>{e==="from"?u(d,!0):l(d,!0),n(h[`${e}Blockchain`])}}))}i(Nr,"SelectBlockchainPage");import{i18n as ll}from"@lingui/core";import{Divider as pl}from"@rango-dev/ui";import zt,{useEffect as yd,useState as ul}from"react";import{useNavigate as Sd}from"react-router-dom";import{i18n as Ir}from"@lingui/core";import{BlockchainsChip as Sn,Divider as ja,Image as Ya,Skeleton as od,Typography as Mr}from"@rango-dev/ui";import Se,{useEffect as nd,useState as rd}from"react";var Xa=i(t=>{let e=[],o=[];for(let n of t)n.name==="ETH"||n.name==="COSMOS"||n.name==="OSMOSIS"?e.push(n):o.push(n);return e.concat(o)},"sortBlockchains");import{styled as td}from"@rango-dev/ui";var Ka=td("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var id=9,Lr=10,sd=12;function Pr(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Xa(e),[p,l]=rd(null),u=T.use.loadingStatus(),m=M.use.resetToBlockchain(),g=M.use.resetFromBlockchain(),f=p?id:Lr;return nd(()=>{let d=a.slice(Lr,a.length).find(y=>y.chainId===n?.chainId&&y.name===n?.name);d&&l(d)},[n]),Se.createElement("div",null,Se.createElement(ja,{size:12}),Se.createElement(Mr,{variant:"label",size:"large"},Ir.t("Select Blockchain")),Se.createElement(ja,{size:12}),Se.createElement(Ka,null,u==="loading"&&Array.from(Array(sd),d=>Se.createElement(od,{key:d,variant:"rounded",height:50})),u==="success"&&Se.createElement(Se.Fragment,null,Se.createElement(Sn,{selected:!n,onClick:()=>{o==="from"?g():m()}},Se.createElement(Mr,{variant:"body",size:"xsmall",color:"secondary500"},Ir.t("All"))),!!p&&Se.createElement(Sn,{selected:!!p&&p.chainId===n?.chainId,key:p.chainId,onClick:()=>r(p)},Se.createElement(Ya,{src:p.logo,size:30})),a.slice(0,f).map(d=>Se.createElement(Sn,{key:d.chainId,selected:!!n&&n.chainId===d.chainId,onClick:()=>r(d)},Se.createElement(Ya,{src:d.logo,size:30}))),Se.createElement(Sn,{onClick:s},Se.createElement(Mr,{variant:"body",size:"xsmall",color:"secondary500"},Ir._("More +{count}",{count:a.length-Lr}))))))}i(Pr,"BlockchainsSection");import{i18n as Fr}from"@lingui/core";import{darkTheme as ol,Divider as so,ExternalLinkIcon as pd,Image as ud,ListItemButton as cd,NotFound as md,PinIcon as dd,Skeleton as nl,Typography as ao,VirtualizedList as fd}from"@rango-dev/ui";import P,{forwardRef as gd,useEffect as rl,useState as il}from"react";import{Divider as el,ListItem as ld,Skeleton as io}from"@rango-dev/ui";import ze from"react";import{styled as Ke,Typography as ad}from"@rango-dev/ui";var Ra=Ke("div",{display:"flex",flexDirection:"column",flexGrow:1}),Dr=Ke("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Cn=Ke("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none",".description":{position:"relative",height:12,width:150,".token-title":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"},".token-address":{transform:"translateY(12px)",visibility:"hidden","& a":{fontSize:"$12",lineHeight:"$16",color:"$neutral800",textDecoration:"none"}},".token-name":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}},"&:hover":{".description":{".token-address":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},".token-address-without-name":{bottom:"-15px"},".token-name":{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},".token-title":{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),_r=Ke("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),$r=Ke(ad,{}),Qa=Ke("div",{textAlign:"right"}),Tn=Ke("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),Hx=Ke("div",{display:"flex",alignItems:"center"}),Za=Ke("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),Ja=Ke("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function tl(t){return ze.createElement(Cn,null,Array.from(Array(t.size),e=>ze.createElement(ld,{key:e,hasDivider:!0,start:ze.createElement(io,{variant:"circular",width:35,height:35}),end:ze.createElement(Tn,null,ze.createElement(io,{variant:"text",size:"large",width:70}),ze.createElement(el,{size:4}),ze.createElement(io,{variant:"text",size:"medium",width:50})),title:ze.createElement("div",null,ze.createElement(io,{variant:"text",size:"large",width:90}),ze.createElement(el,{size:4}),ze.createElement(io,{variant:"text",size:"medium",width:90}))})))}i(tl,"LoadingTokenList");var Or=20,hd=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,p=e.length;return P.createElement("div",{className:"description"},o?P.createElement("div",{className:"token-name"},o):P.createElement(Dr,{className:"token-title"},P.createElement(ao,{variant:"title",size:"xmedium"},r.symbol),P.createElement(so,{direction:"horizontal",size:4}),P.createElement(_r,{css:s},P.createElement($r,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&P.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},P.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:l=>l.stopPropagation()},p>10?`${e.slice(0,5)}...${e.slice(p-6,p)}`:e," ",P.createElement(pd,{color:"gray",size:12}))))},"renderDesc");function sl(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=il(e),p=T.use.loadingStatus(),[l,u]=il(!0),m=O.use.loading(),{blockchains:g}=T.use.meta(),f=gd((c,k)=>P.createElement("div",{...c,ref:k,style:{...c.style,height:`${parseFloat(c.style?.height)+8*2}px`}})),d=i(()=>{a(e.slice(0,s.length+Or))},"loadNextPage");rl(()=>{u(e.length>s.length)},[s.length]),rl(()=>{a(e.slice(0,Or))},[e]);let y=i(()=>!s.length&&o?P.createElement(P.Fragment,null,P.createElement(so,{size:32}),P.createElement(md,{title:Fr.t("No results found"),description:Fr.t("Try using different keywords")})):P.createElement(fd,{Item:({index:c,style:k})=>{let x=s[c].address||"",S=g.find(I=>I.name===s[c].blockchain),v=yi(s[c].symbol,S?.color||""),A={$$color:v[`${s[c].symbol}100`],[`.${ol} &`]:{$$color:v[`${s[c].symbol}900`]},backgroundColor:"$$color"},C={$$color:v[`${s[c].symbol}700`],[`.${ol} &`]:{$$color:v[`${s[c].symbol}100`]},color:"$$color"};return P.createElement("div",{style:{...k,paddingRight:5}},P.createElement(cd,{style:{height:k?.height},"tab-index":c,key:`${s[c].symbol}${s[c].address}`,id:`${s[c].symbol}${s[c].address}`,hasDivider:!0,onClick:()=>n(s[c]),start:P.createElement(Za,null,P.createElement(ud,{src:s[c].image,size:30}),s[c].pin&&P.createElement(Ja,null,P.createElement(dd,{size:12,color:"gray"}))),title:S?.type==="COSMOS"||s[c].name||!s[c].name&&!x?P.createElement(Dr,null,P.createElement(ao,{variant:"title",size:"xmedium"},s[c].symbol),P.createElement(so,{direction:"horizontal",size:4}),P.createElement(_r,{css:A},P.createElement($r,{variant:"body",size:"xsmall",css:C},s[c].blockchain))):void 0,description:S?.info&&x&&S.type!=="COSMOS"?hd({address:x,token:s[c],customCssForTag:A,customCssForTagTitle:C,name:s[c].name,url:S.info.addressUrl.split("{wallet}").join(x)}):s[c].name||void 0,end:m?P.createElement(Tn,null,P.createElement(nl,{variant:"text",size:"large",width:70}),P.createElement(so,{size:4}),P.createElement(nl,{variant:"text",size:"medium",width:50})):s[c]?.balance&&P.createElement(Qa,null,P.createElement(ao,{variant:"title",size:"small"},s[c].balance?.amount),P.createElement("div",null),s[c].balance?.usdValue&&P.createElement(ao,{variant:"body",color:"neutral800",size:"xsmall"},`$${s[c].balance?.usdValue}`))}))},hasNextPage:l,itemCount:s.length,loadNextPage:d,innerElementType:f,size:60,key:`${r}-${o}`}),"renderList");return P.createElement(Ra,null,P.createElement(ao,{variant:"label",size:"large"},Fr.t("Select Token")),P.createElement(so,{size:4}),p==="loading"&&P.createElement(tl,{size:Or}),p==="success"&&P.createElement(Cn,null,y()))}i(sl,"TokenList");var al=i((t,e)=>t.filter(o=>St(o.symbol,e)||St(o.address||"",e)||St(o.name||"",e)).sort((o,n)=>n.pin-o.pin),"filterTokens");function Ur(t){let{type:e,supportedBlockchains:o,supportedTokens:n,pinnedTokens:r}=t,[s,a]=ul(""),p=Sd(),{navigateBackFrom:l}=oe(),{meta:{tokens:u},setTokensWithBalance:m}=T(),{sourceTokens:g,destinationTokens:f,fromBlockchain:d,toBlockchain:y,setFromToken:c,setToToken:k,setFromBlockchain:x,setToBlockchain:S}=M(),{connectedWallets:v,loading:A}=O(),[C,I]=ul(""),D=o?T.use.meta().blockchains.filter($=>o.includes($.name)):T.use.meta().blockchains,W=n?Io(n,u):u.filter($=>new Set(D.map(b=>b.name)).has($.blockchain)),V=n?Io(n,g):g,R=n?Io(n,f):f,X=e==="from"?V:R,N=[];return e==="from"&&!d||e==="to"&&!y?N=W:X.length&&(N=X.map($=>({...$,pin:r?.some(b=>Pe(b,$))}))),yd(()=>{v.length&&!A&&m()},[v,A]),zt.createElement(Q,{header:{onBack:()=>l(e==="from"?h.fromSwap:h.toSwap),title:ll.t("Swap {type}",{type:e})}},zt.createElement(Pr,{blockchains:D,type:e,blockchain:e==="from"?d:y,onMoreClick:()=>p(e==="from"?h.fromBlockchain:h.toBlockchain),onChange:$=>{e==="from"?x($,!0):S($,!0),a($.name)}}),zt.createElement(pl,{size:24}),zt.createElement(tt,{value:C,autoFocus:!0,placeholder:ll.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>I(""),onChange:$=>I($.target.value)}),zt.createElement(pl,{size:16}),zt.createElement(sl,{list:al(N,C),selectedBlockchain:s,searchedFor:C,onChange:$=>{let b=D.find(ce=>$.blockchain===ce.name);e==="from"?(c($),b&&x(b,!0)):(k($),b&&S(b,!0)),l(h.fromSwap)}}))}i(Ur,"SelectSwapItemsPage");import{i18n as dt}from"@lingui/core";import{ChevronRightIcon as vn,Divider as Hr,InfoIcon as bd,List as xd,ListItemButton as Ed,Skeleton as Ad,Switch as Bd,Tooltip as Wd,Typography as ft}from"@rango-dev/ui";import H from"react";import{useNavigate as Nd}from"react-router-dom";import{i18n as gl}from"@lingui/core";import{Chip as Td,Divider as hl,InfoIcon as kd,TextField as wd,Tooltip as vd,Typography as yl}from"@rango-dev/ui";import xe from"react";import{styled as kn}from"@rango-dev/ui";var cl=kn("div",{paddingTop:"$5",paddingBottom:"30px"}),ml=kn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),dl=kn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),wn=kn("div",{maxWidth:"300px",padding:"$10"});import{i18n as zr}from"@lingui/core";import{Typography as Cd}from"@rango-dev/ui";import lo from"react";function fl(){return lo.createElement(wn,null,lo.createElement(Cd,{variant:"label",size:"medium",color:"neutral900"},zr.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),lo.createElement("br",null),lo.createElement("br",null),lo.createElement("b",null,zr.t("Warning")),":",zr.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}i(fl,"SlippageTooltipContent");function qr(){let t=q.use.slippage(),e=q.use.setSlippage(),o=q.use.customSlippage(),n=q.use.setCustomSlippage();return xe.createElement(cl,null,xe.createElement(dl,null,xe.createElement(yl,{variant:"title",size:"xmedium"},gl.t("Slippage tolerance per swap")),xe.createElement(hl,{direction:"horizontal",size:4}),xe.createElement(vd,{container:se(),side:"top",content:xe.createElement(fl,null)},xe.createElement(kd,{color:"gray"}))),xe.createElement(ml,null,is.map((r,s)=>{let a=`slippage-${s}`;return xe.createElement(xe.Fragment,null,xe.createElement(Td,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),xe.createElement(hl,{direction:"horizontal",size:8}))}),xe.createElement(wd,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=parseFloat(r.target.value);(!s||s>=ps&&s<=ls)&&n(s)},suffix:o&&xe.createElement(yl,{variant:"body",size:"small"},"%"),placeholder:gl.t("Custom")})))}i(qr,"Slippage");function Sl({supportedSwappers:t,singleTheme:e}){let o=Nd(),{navigateBackFrom:n}=oe(),r=q.use.infiniteApprove(),s=q.use.toggleInfiniteApprove(),a=T.use.loadingStatus(),p=fn(t),l=p.filter(C=>C.type==="BRIDGE"||C.type==="AGGREGATOR"),u=l.length,m=l.filter(C=>C.selected).length,g=p.filter(C=>C.type==="DEX"),f=g.length,d=g.filter(C=>C.selected).length,y=i((C,I)=>{switch(a){case"loading":return H.createElement(Ad,{variant:"text",size:"medium",width:50});case"failed":return H.createElement(ft,{variant:"body",size:"medium",color:"$error500"},dt.t("Loading failed"));default:return H.createElement(ft,{variant:"body",size:"medium"},`${C} / ${I}`)}},"handleEndItem"),c={id:"bridge-item",title:H.createElement(ft,{variant:"title",size:"xmedium"},dt.t("Enabled bridges")),end:H.createElement(H.Fragment,null,y(m,u),H.createElement(Hr,{direction:"horizontal",size:8}),H.createElement(vn,{color:"black"})),onClick:()=>o(h.bridges)},k={id:"exchange-item",title:H.createElement(ft,{variant:"title",size:"xmedium"},dt.t("Enabled exchanges")),end:H.createElement(H.Fragment,null,y(d,f),H.createElement(Hr,{direction:"horizontal",size:8}),H.createElement(vn,{color:"gray"})),onClick:()=>o(h.exchanges)},x={id:"language-item",title:H.createElement(ft,{variant:"title",size:"xmedium"},dt.t("Language")),end:H.createElement(vn,{color:"gray"}),onClick:()=>o(h.languages)},S={id:"theme-item",title:H.createElement(ft,{variant:"title",size:"xmedium"},dt.t("Theme")),end:H.createElement(vn,{color:"gray"}),onClick:()=>o(h.themes)},v={id:"infinite-approval-item",title:H.createElement(H.Fragment,null,H.createElement(ft,{variant:"title",size:"xmedium"},dt.t("Infinite Approval")),H.createElement(Hr,{direction:"horizontal",size:4}),H.createElement(Wd,{side:"top",container:se(),content:H.createElement(wn,null,H.createElement(ft,{variant:"label",size:"medium",color:"neutral900"},dt.t("Enabling the 'Infinite Approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},H.createElement(bd,{color:"gray"}))),end:H.createElement(Bd,{checked:r}),onClick:s},A=[c,k,x];return e||A.push(S),A.push(v),H.createElement(Q,{header:{onBack:n.bind(null,h.settings),title:dt.t("Setting")}},H.createElement(ot,null,H.createElement(qr,null),H.createElement(xd,{type:H.createElement(Ed,{title:"_",id:"_",onClick:()=>console.log()}),items:A})))}i(Sl,"SettingsPage");import{cancelSwap as Ef}from"@rango-dev/queue-manager-rango-preset";import{useManager as Af}from"@rango-dev/queue-manager-react";import Rl from"react";import{i18n as nt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as sf,getCurrentStep as af,getRelatedWalletOrNull as lf,PendingSwapNetworkStatus as Ln}from"@rango-dev/queue-manager-rango-preset";import{Button as ql,CopyIcon as pf,Divider as uf,IconButton as cf,RouteCost as mf,RouteSummary as df,StepDetails as ff,Typography as Ht,useCopyToClipboard as gf}from"@rango-dev/ui";import{useWallets as hf}from"@rango-dev/wallets-react";import Z,{useEffect as Hl,useRef as yf,useState as Gl}from"react";import{useNavigate as Sf}from"react-router-dom";import{i18n as Ee}from"@lingui/core";var Id=1e3,Md=31536e3,Ld=2592e3,Pd=86400,Dd=3600,_d=60;function Cl(t){let e=Math.floor((Date.now()-t)/Id),n=[{turningPoint:Md,label:Ee.t("year"),pluralLabel:Ee.t("years")},{turningPoint:Ld,label:Ee.t("month"),pluralLabel:Ee.t("months")},{turningPoint:Pd,label:Ee.t("day"),pluralLabel:Ee.t("days")},{turningPoint:Dd,label:Ee.t("hour"),pluralLabel:Ee.t("hours")},{turningPoint:_d,label:Ee.t("minute"),pluralLabel:Ee.t("minutes")}].sort((r,s)=>s.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:s,label:a,pluralLabel:p}=r,l=Math.floor(e/s);if(l>1)return`${l} ${p}`;if(l===1)return`${l} ${a}`}return e>1?`${e} ${Ee.t("seconds")}`:`${e} ${Ee.t("second")}`}i(Cl,"timeSince");function Tl(t){return t.finishTime?Ee.t({id:"timeAgo",message:"{time} ago",values:{time:Cl(parseInt(t.finishTime))}}):Ee.t({id:"timeAgo",message:"{time} ago",values:{time:Cl(parseInt(t.creationTime))}})}i(Tl,"getSwapDate");import{PendingSwapNetworkStatus as En}from"@rango-dev/queue-manager-rango-preset";import{Modal as Hd}from"@rango-dev/ui";import An from"react";import{i18n as bn}from"@lingui/core";import{Button as kl,Divider as Gr,MessageBox as $d,Typography as wl}from"@rango-dev/ui";import je from"react";var vl=i(({onCancel:t,onClose:e})=>je.createElement(je.Fragment,null,je.createElement(Gr,{size:20}),je.createElement($d,{type:"error",title:bn.t("Transaction Cancel"),description:bn.t("Are you sure you want to Cancel this swap?")}),je.createElement(Gr,{size:32}),je.createElement(kl,{variant:"contained",type:"primary",size:"large",onClick:t},je.createElement(wl,{variant:"title",size:"medium",color:"neutral100"},bn.t("Yes, Cancel it"))),je.createElement(Gr,{size:12}),je.createElement(kl,{variant:"outlined",type:"primary",size:"large",onClick:e},je.createElement(wl,{variant:"title",size:"medium",color:"primary"},bn.t("No, Continue")))),"CancelContent");import{i18n as xn}from"@lingui/core";import{Button as bl,Divider as Vr,MessageBox as Fd,Typography as xl}from"@rango-dev/ui";import Ye from"react";var El=i(({onDelete:t,onClose:e})=>Ye.createElement(Ye.Fragment,null,Ye.createElement(Vr,{size:20}),Ye.createElement(Fd,{type:"error",title:xn.t("Delete Transaction"),description:xn.t("Are you sure you want to delete this swap?")}),Ye.createElement(Vr,{size:32}),Ye.createElement(bl,{variant:"contained",type:"primary",size:"large",onClick:t},Ye.createElement(xl,{variant:"title",size:"medium",color:"neutral100"},xn.t("Yes, Delete it"))),Ye.createElement(Vr,{size:12}),Ye.createElement(bl,{variant:"outlined",type:"primary",size:"large",onClick:e},Ye.createElement(xl,{variant:"title",size:"medium",color:"primary"},xn.t("No, Cancel")))),"DeleteContent");import{i18n as Xr}from"@lingui/core";import{PendingSwapNetworkStatus as Kr}from"@rango-dev/queue-manager-rango-preset";var jr={[Kr.WaitingForNetworkChange]:{type:"loading",title:Xr.t("Change Network")},[Kr.WaitingForConnectingWallet]:{type:"warning",title:Xr.t("Connect Wallet")},[Kr.NetworkChanged]:{type:"success",title:Xr.t("Network Changed")}};import{MessageBox as Ud,Wallet as zd,WalletState as Bl}from"@rango-dev/ui";import{useWallets as qd}from"@rango-dev/wallets-react";import po from"react";import{styled as Od}from"@rango-dev/ui";var Al=Od("div",{display:"flex",justifyContent:"center"});var Wl=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:p,state:l}=qd(),u=n?.walletType,g=u&&l(u).connected?Bl.CONNECTED:Bl.DISCONNECTED;return po.createElement(po.Fragment,null,po.createElement(Ud,{type:e,title:o,description:r}),s&&u&&po.createElement(Al,null,po.createElement(zd,{container:se(),title:p(u).name,image:p(u).img,type:u,state:g,onClick:async()=>a(u)})))},"WalletStateContent");function Yr(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,p=e===En.WaitingForNetworkChange||e===En.WaitingForConnectingWallet||e===En.NetworkChanged;return An.createElement(Hd,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},p&&An.createElement(Wl,{type:jr[e].type,title:jr[e].title,currentStepWallet:s,message:a,showWalletButton:e!==En.WaitingForNetworkChange}),e==="delete"&&An.createElement(El,{onClose:o,onDelete:n}),e==="cancel"&&An.createElement(vl,{onClose:o,onCancel:r}))}i(Yr,"SwapDetailsModal");import{i18n as uo}from"@lingui/core";import{Button as Rr,Divider as Bn,MessageBox as Nl,Modal as Gd,TokenAmount as Vd,Typography as Wn}from"@rango-dev/ui";import fe from"react";import{useNavigate as Xd}from"react-router-dom";function Qr(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,token:a,chain:p,percentageChange:l,description:u,diagnosisUrl:m}=t,g=Xd();return fe.createElement(Gd,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?fe.createElement(Nl,{type:"success",title:uo.t("Swap Successful")},fe.createElement(Vd,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:s},token:a,chain:p,percentageChange:l}),fe.createElement(Bn,{size:12}),fe.createElement(Wn,{variant:"body",size:"medium",color:"neutral900",align:"center"},u)):fe.createElement(Nl,{type:"error",title:uo.t("Transaction Failed"),description:u}),fe.createElement(Bn,{size:32}),n==="success"&&fe.createElement(Rr,{variant:"contained",type:"primary",size:"large",onClick:()=>g(h.home)},fe.createElement(Wn,{variant:"title",size:"medium",color:"neutral100"},uo.t("Done"))),fe.createElement(Bn,{size:12}),m&&fe.createElement(fe.Fragment,null,fe.createElement(Rr,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},fe.createElement(Wn,{variant:"title",size:"medium",color:"primary"},uo.t("Diagnosis"))),fe.createElement(Bn,{size:12})),fe.createElement(Rr,{variant:"outlined",type:"primary",size:"large",onClick:o},fe.createElement(Wn,{variant:"title",size:"medium",color:"primary"},uo.t("See Details"))))}i(Qr,"SwapDetailsCompleteModal");import nf from"react";import{i18n as Jd}from"@lingui/core";import{Alert as _l,IconButton as ef,LinkIcon as tf}from"@rango-dev/ui";import gt,{Fragment as of}from"react";import{Alert as Kd,ChevronDownIcon as jd,ChevronUpIcon as Yd,IconButton as Rd}from"@rango-dev/ui";import Nn,{useState as Qd}from"react";function Il(t){let{message:e}=t,[o,n]=Qd(!1);return Nn.createElement(Kd,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Nn.createElement(Rd,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Nn.createElement(Yd,{size:12,color:"gray"}):Nn.createElement(jd,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(Il,"FailedAlert");import{styled as Zd}from"@rango-dev/ui";var Ml=Zd("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Ll}from"@lingui/core";import{PendingSwapNetworkStatus as Zr}from"@rango-dev/queue-manager-rango-preset";import{Alert as Jr,Button as Pl}from"@rango-dev/ui";import co from"react";function Dl(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?co.createElement(Jr,{type:"warning",title:n.shortMessage,action:co.createElement(Pl,{size:"xxsmall",type:"warning",onClick:()=>{o(Zr.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},Ll.t("Change"))}):r===Zr.WaitingForConnectingWallet?co.createElement(Jr,{type:"warning",title:n.shortMessage,action:co.createElement(Pl,{size:"xxsmall",type:"warning",onClick:()=>{o(Zr.WaitingForConnectingWallet)}},Ll.t("Connect"))}):co.createElement(Jr,{type:"warning",title:n.shortMessage})}i(Dl,"WarningAlert");function ei(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,p=jt(s),l=s.status==="waitingForApproval"&&!p,u=s.status==="running"&&!p;return gt.createElement(Ml,null,s.explorerUrl?.map((m,g,f)=>{let d=g+m.url,y=g===f.length-1,c=y&&u||l,k=y&&s.status==="failed";return gt.createElement(of,{key:d},gt.createElement(_l,{type:c&&"loading"||k&&"error"||"success",title:m.description?`${m.description} Tx`:Jd.t("View transaction"),action:m.url&&gt.createElement(ef,{variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},gt.createElement(tf,{size:16}))}))}),(u&&!a||l&&!s.explorerUrl?.length)&&gt.createElement(_l,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&p&&gt.createElement(Dl,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&gt.createElement(Il,{message:r}))}i(ei,"SwapDetailsAlerts");var $l=2e3;var Fl=i(({swap:t,...e})=>{let o=t.hasAlreadyProceededToSign!==!1;return t.steps.map((n,r)=>{let s=r===0?t.inputAmount:t.steps[r-1].outputAmount;return{from:{token:{displayName:n.fromSymbol,image:n.fromLogo||""},chain:{displayName:n.fromBlockchain,image:n.fromBlockchainLogo||""},price:{value:w(s,6,6)}},to:{token:{displayName:n.toSymbol,image:n.toLogo},chain:{displayName:n.toBlockchain,image:n.toBlockchainLogo||""},price:{value:w(n.outputAmount||n.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:n.swapperId,image:n.swapperLogo||""},alerts:nf.createElement(ei,{step:n,hasAlreadyProceededToSign:o,...e})}})},"getSteps");function Ol(t){if(jt(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i(Ol,"getStepState");import{darkTheme as rf,styled as qt}from"@rango-dev/ui";var In=qt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1,"& .row":{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${rf} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"},"& .request-id":{display:"flex",justifyContent:"center",alignItems:"center",height:"$24"},"& .output":{display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"},"& .title-steps":{textAlign:"left",width:"100%",padding:"0 $20 $10"}}),Mn=qt("div",{width:"100%"}),Ul=qt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),N0=qt("div",{display:"flex",flexDirection:"column",gap:"$10"}),zl=qt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),I0=qt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function ti(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:p}=hf(),l=M.use.retry(),u=Sf(),{navigateBackFrom:m}=oe(),[g,f]=gf($l),d=yf(null),[y,c]=Gl(null),[k,x]=Gl(null),{meta:{tokens:S}}=T(),v=i(()=>{r(),c(null)},"onCancel"),A=Ie.use.getUnreadNotifications(),C=Ie.use.setAsRead(),I=A(),D=af(e),W=D?.networkStatus;Hl(()=>{I.find(_=>_.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(x(e.status),C(e.requestId))},[e.status]),Hl(()=>{b?c(Ln.WaitingForNetworkChange):W===Ln.WaitingForConnectingWallet||W===Ln.NetworkChanged?c(W):c(null)},[W]);let V=Vi(e),R=D?sf(e,D):null,X=D?lf(e,D):null,N=Tl(e),U=Xi(e),$=i(F=>!!p(F)?.mobileWallet,"isMobileWallet"),b=W===Ln.WaitingForNetworkChange&&!!R&&!!X?.walletType&&($(X.walletType)||s(X.walletType,R)),ce=b?a.bind(null,X.walletType,R):void 0,we=Gi(e,D),z=Fl({swap:e,switchNetwork:ce,showNetworkModal:W,setNetworkModal:c,message:we}),re=z.length,[le,me]=[e.steps[0],e.steps[re-1]],qe=me.outputAmount||me.expectedOutputAmountHumanReadable,ie=e.steps.reduce((F,_)=>F+parseFloat(_.feeInUsd||""),0),it=e.steps.find(F=>F.diagnosisUrl)?.diagnosisUrl,st=w(String(parseFloat(w(qe,6,6))*(Ao(me.toBlockchain,me.toSymbol,me.toSymbolAddress,S)||0)),4,4),ht=w(String(parseFloat(e.inputAmount)*(Ao(le.fromBlockchain,le.fromSymbol,le.fromSymbolAddress,S)||0)),4,4),at=Re(ht,st),B=e.status==="success"?nt.t({id:"receivedMessage",message:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:w(qe,6,6),token:z[re-1].to.token.displayName,conciseAddress:Wo(e.wallets[z[re-1].to.chain.displayName]?.address||""),chain:z[re-1].to.chain.displayName}}):`${nt.t("Transaction was not sent.")} ${V?nt.t({id:"remainSymbol",message:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:V.outputAmount,symbol:V.symbol,blockchain:V.blockchain}}):""}`;return Z.createElement(Q,{noPadding:!0,header:{title:nt.t("Swap and Bridge"),onBack:m.bind(null,h.swapDetails),onCancel:e.status==="running"?()=>c("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(xt,null,Z.createElement(ql,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>c("delete")},Z.createElement(Ht,{size:"medium",variant:"label",color:"error"},nt.t("Delete"))))},footer:U&&!k&&Z.createElement(ql,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{l(e),setTimeout(()=>{u(h.home)},0)}},nt.t("Try again"))},Z.createElement(In,null,Z.createElement(Mn,null,Z.createElement("div",{className:"row"},Z.createElement(Ht,{variant:"label",size:"large",color:"neutral900"},`${nt.t("Request ID")}:`),Z.createElement("div",{className:"request-id"},Z.createElement(Ht,{variant:"label",size:"small",color:"neutral900"},o),Z.createElement(cf,{variant:"ghost",onClick:f.bind(null,o||"")},Z.createElement(pf,{size:16,color:"gray"})))),Z.createElement("div",{className:"row"},Z.createElement(Ht,{variant:"label",size:"large",color:"neutral900"},`${nt.t("Created at")}:`),Z.createElement(Ht,{variant:"label",size:"small",color:"neutral900"},N))),Z.createElement("div",{className:"output"},Z.createElement(mf,{fee:w(String(ie),2,2),time:At(Bt(e.steps)),steps:re}),Z.createElement(df,{from:{price:{value:w(e.inputAmount,6,6),usdValue:ht},token:{displayName:z[0].from.token.displayName,image:z[0].from.token.image},chain:{image:z[0].from.chain.image,displayName:z[0].from.chain.displayName}},to:{price:{value:w(qe,6,6),usdValue:st},token:{displayName:z[re-1].to.token.displayName,image:z[re-1].to.token.image},chain:{image:z[re-1].to.chain.image,displayName:z[re-1].to.chain.displayName}},percentageChange:w(at,2,2),warningLevel:Mt(at?.toNumber()??0)})),Z.createElement("div",{className:"title-steps"},Z.createElement(Ht,{variant:"title",size:"small"},nt.t("Swaps steps"))),Z.createElement(uf,{size:8}),Z.createElement(Ul,{ref:d},z.map((F,_)=>{let ee=_,pe=Ol(e.steps[_]),He=pe==="error"||pe==="in-progress"||pe==="warning"||pe==="completed"&&_===z.length-1;return Z.createElement(ff,{key:ee,step:F,type:"route-progress",ref:d,state:pe,hasSeparator:_!==0,tabIndex:ee,isFocused:He})}))),Z.createElement(Yr,{state:y,onClose:()=>c(null),onCancel:v,onDelete:n,message:we.detailedMessage.content,currentStepWallet:X}),Z.createElement(Qr,{open:!!k,diagnosisUrl:it,onClose:()=>x(null),status:e.status==="success"?"success":"failed",priceValue:w(qe,6,6),usdValue:st,percentageChange:w(at,2,2),token:{displayName:z[re-1].to.token.displayName,image:z[re-1].to.token.image},chain:{image:z[re-1].to.chain.image},description:B}))}i(ti,"SwapDetails");import{i18n as yo}from"@lingui/core";import{CopyIcon as vf,IconButton as bf,NotFound as xf,Skeleton as jl,Typography as Dn}from"@rango-dev/ui";import ue from"react";import{i18n as Tf}from"@lingui/core";import{ChainToken as kf,Divider as ni,Skeleton as ho,Typography as wf}from"@rango-dev/ui";import J from"react";import{styled as oi}from"@rango-dev/ui";var Vl=oi("div",{width:"100%",height:"100%",padding:"$0 $20",".cost":{paddingTop:"$15",display:"flex"},".route-summary":{padding:"$15 $0"},".route-summary-item":{display:"flex",justifyContent:"space-between",alignItems:"center"},".token-amount":{display:"flex",justifyContent:"space-between",alignItems:"center"},".route-summary-separator":{width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"},".swaps-steps":{paddingBottom:"$10"}}),Xl=oi("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15",".step-title":{display:"flex",justifyContent:"start",alignItems:"center"},".step-tokens":{paddingTop:"$5",display:"flex",alignItems:"center"},".step-token-info":{display:"flex",alignItems:"center"},".step-icon-container":{padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"},".extra-info":{display:"flex",paddingTop:"$10",paddingBottom:"$5"}}),Pn=oi("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral900",marginLeft:"25px"});import{ChainToken as Kl,Divider as mo,NextIcon as Cf,Skeleton as fo}from"@rango-dev/ui";import ae from"react";function go(t){let{extraInfo:e}=t;return ae.createElement(Xl,null,ae.createElement("div",{className:"step-title"},ae.createElement(fo,{height:28,width:28,variant:"circular"}),ae.createElement(mo,{direction:"horizontal",size:8}),ae.createElement(fo,{height:15,width:148,variant:"rounded"})),ae.createElement("div",{className:"step-tokens"},ae.createElement(mo,{direction:"horizontal",size:20}),ae.createElement("div",{className:"step-token-info"},ae.createElement(Kl,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(mo,{direction:"horizontal",size:8}),ae.createElement(fo,{height:12,width:76,variant:"rounded"})),ae.createElement("div",{className:"step-icon-container"},ae.createElement(Cf,{color:"gray",size:16})),ae.createElement("div",{className:"step-token-info"},ae.createElement(Kl,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(mo,{direction:"horizontal",size:8}),ae.createElement(fo,{height:12,width:76,variant:"rounded"}))),e&&ae.createElement("div",{className:"extra-info"},ae.createElement(mo,{direction:"horizontal",size:20}),ae.createElement(fo,{height:22,width:297,variant:"rectangular"})))}i(go,"LoadingSwapDetailStep");function ri(){let t=J.createElement("div",{className:"route-summary-item"},J.createElement("div",{className:"token-amount"},J.createElement(kf,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),J.createElement(ni,{size:8,direction:"horizontal"}),J.createElement(ho,{height:15,width:148,variant:"rounded"})),J.createElement(ho,{height:12,width:64,variant:"rounded"}));return J.createElement(Vl,null,J.createElement("div",{className:"cost"},J.createElement(ho,{width:60,height:10,variant:"rounded"}),J.createElement(ni,{size:4,direction:"horizontal"}),J.createElement(ho,{width:60,height:10,variant:"rounded"}),J.createElement(ni,{size:4,direction:"horizontal"}),J.createElement(ho,{width:60,height:10,variant:"rounded"})),J.createElement("div",{className:"route-summary"},t,J.createElement("div",{className:"route-summary-separator"}),t),J.createElement("div",{className:"swaps-steps"},J.createElement(wf,{variant:"title",size:"small"},Tf.t("Swaps steps"))),J.createElement("div",{className:"step-container"},J.createElement(go,{extraInfo:!0}),J.createElement(Pn,null),J.createElement(go,null),J.createElement(Pn,null),J.createElement(go,null),J.createElement(Pn,null),J.createElement(go,null)))}i(ri,"LoadingSwapDetails");function Yl(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=oe();return ue.createElement(Q,{noPadding:!0,header:{title:yo.t("Swap and Bridge"),onBack:n.bind(null,h.swapDetails),suffix:ue.createElement(xt,null)}},o&&ue.createElement(In,null,ue.createElement(Mn,null,ue.createElement("div",{className:"row"},ue.createElement(Dn,{variant:"label",size:"large",color:"neutral900"},`${yo.t("Request ID")}:`),ue.createElement("div",{className:"request-id"},ue.createElement(Dn,{variant:"label",size:"small",color:"neutral900"},ue.createElement(jl,{width:60,height:10,variant:"rounded"})),ue.createElement(bf,{variant:"ghost"},ue.createElement(vf,{size:16,color:"gray"})))),ue.createElement("div",{className:"row"},ue.createElement(Dn,{variant:"label",size:"large",color:"neutral900"},`${yo.t("Created at")}:`),ue.createElement(Dn,{variant:"label",size:"small",color:"neutral900"},ue.createElement(jl,{width:60,height:10,variant:"rounded"})))),ue.createElement(ri,null)),!o&&ue.createElement(zl,null,ue.createElement(xf,{title:yo.t("Not found"),description:yo.t({id:"swapNotFound",values:{requestId:e},message:"Swap with request ID = {requestId} not found."})})))}i(Yl,"SwapDetailsPlaceholder");function Ql(){let{manager:t,state:e}=Af(),o=!e.loadedFromPersistor,n=cn(t),r=be.use.selectedSwapRequestId(),{navigateBackFrom:s}=oe(),{loadingStatus:a}=T(),p=o||a==="loading",l=n.find(({swap:f})=>f.requestId===r),u=i(()=>{if(l?.id){let f=t?.get(l.id);f&&Ef(f)}},"onCancel"),m=i(async()=>{if(l?.id)try{await t?.deleteQueue(l.id),s(h.swapDetails)}catch(f){console.log(f)}},"onDelete"),g=l?.swap;return!g||p?Rl.createElement(Yl,{requestId:r||"",showSkeleton:p}):Rl.createElement(ti,{swap:g,requestId:r||"",onCancel:u,onDelete:m})}i(Ql,"SwapDetailsPage");import{i18n as So}from"@lingui/core";import{AutoThemeIcon as Bf,DarkModeIcon as Wf,LightModeIcon as Nf,List as If,ListItemButton as Mf,Radio as ii,RadioRoot as Lf,Typography as si}from"@rango-dev/ui";import Ae from"react";function Zl(){let{navigateBackFrom:t}=oe(),e=q.use.theme(),o=q.use.setTheme(),n=[{id:"light",value:"light",title:Ae.createElement(si,{variant:"title",size:"xmedium"},So.t("Light")),onClick:()=>o("light"),start:Ae.createElement(Nf,{color:"gray"}),end:Ae.createElement(ii,{value:"light"})},{id:"dark",value:"dark",title:Ae.createElement(si,{variant:"title",size:"xmedium"},So.t("Dark")),onClick:()=>o("dark"),start:Ae.createElement(Wf,{color:"gray"}),end:Ae.createElement(ii,{value:"dark"})},{id:"auto",value:"auto",title:Ae.createElement(si,{variant:"title",size:"xmedium"},So.t("Auto")),onClick:()=>o("auto"),start:Ae.createElement(Bf,{color:"gray"}),end:Ae.createElement(ii,{value:"auto"})}];return Ae.createElement(Q,{header:{onBack:t.bind(null,h.settings),title:So.t("Theme")}},Ae.createElement(ot,null,Ae.createElement(Lf,{onValueChange:r=>o(r),value:e},Ae.createElement(If,{type:Ae.createElement(Mf,{title:So.t("Theme"),id:"_",onClick:()=>console.log()}),items:n}))))}i(Zl,"ThemePage");var Df=i(t=>t.replace("/",""),"getAbsolutePath");function Jl(t){let{config:e}=t;return Pf([{path:h.home,element:Be.createElement(Zo,null)},{path:h.fromSwap,element:Be.createElement(Ur,{type:"from",supportedBlockchains:e?.from?.blockchains,supportedTokens:e?.from?.tokens,pinnedTokens:e?.pinnedTokens})},{path:h.toSwap,element:Be.createElement(Ur,{type:"to",supportedBlockchains:e?.to?.blockchains,supportedTokens:e?.to?.tokens,pinnedTokens:e?.pinnedTokens})},{path:h.fromBlockchain,element:Be.createElement(Nr,{type:"from",supportedBlockchains:e?.to?.blockchains})},{path:h.toBlockchain,element:Be.createElement(Nr,{type:"to",supportedBlockchains:e?.to?.blockchains})},{path:h.settings,element:Be.createElement(Sl,{singleTheme:e?.theme?.singleTheme,supportedSwappers:e?.liquiditySources})},{path:h.themes,element:Be.createElement(Zl,null)},{path:h.languages,element:Be.createElement(Pa,null)},{path:h.exchanges,element:Be.createElement(xr,{sourceType:"Exchanges",supportedSwappers:e?.liquiditySources})},{path:h.bridges,element:Be.createElement(xr,{sourceType:"Bridges",supportedSwappers:e?.liquiditySources})},{path:h.swaps,element:Be.createElement(La,null)},{path:h.swapDetails,element:Be.createElement(Ql,null)},{path:h.wallets,element:Be.createElement(sa,{supportedWallets:e?.wallets,multiWallets:typeof e?.multiWallets>"u"?!0:e.multiWallets,config:e})},{path:Df(h.confirmSwap),element:Be.createElement(va,{config:e})}])}i(Jl,"AppRoutes");import{isApprovalTX as _f,MainEvents as tp,RouteEventType as op,StepEventType as Gt,StepExecutionEventStatus as $f,useEvents as Ff}from"@rango-dev/queue-manager-rango-preset";import{useEffect as np}from"react";import{StepExecutionBlockedEventStatus as ai}from"@rango-dev/queue-manager-rango-preset";var ep=[ai.WAITING_FOR_CHANGE_WALLET_ACCOUNT,ai.WAITING_FOR_NETWORK_CHANGE,ai.WAITING_FOR_WALLET_CONNECT];function rp(){let t=O.use.connectedWallets(),e=O.use.getWalletsDetails(),o=Ie.use.setNotification(),n=Ie.use.setAsRead(),r=Ff();return np(()=>(r.on(tp.StepEvent,s=>{let{event:a,step:p,route:l}=s;if(a.type===Gt.TX_EXECUTION&&a.status===$f.TX_SENT&&!_f(p)||a.type===Gt.SUCCEEDED){let m=t.find(f=>f.chain===p?.fromBlockchain),g=p?.fromBlockchain!==p?.toBlockchain&&t.find(f=>f.chain===p?.toBlockchain);m&&e([m]),g&&e([g])}a.type===Gt.TX_EXECUTION_BLOCKED&&ep.includes(a.status)||a.type===Gt.FAILED?o(a,l):(a.type===Gt.TX_EXECUTION||a.type===Gt.CHECK_STATUS)&&n(l.requestId)}),()=>r.all.clear()),[r,t.length]),np(()=>(r.on(tp.RouteEvent,s=>{let{event:a,route:p}=s;(a.type===op.FAILED||a.type===op.SUCCEEDED)&&o(a,p)}),()=>r.all.clear()),[r,t.length]),null}i(rp,"WidgetEvents");import{globalCss as Of}from"@rango-dev/ui";var ip=i(()=>Of({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");import{createTheme as Uf,darkTheme as zf,lightTheme as qf}from"@rango-dev/ui";import{useEffect as sp,useState as Hf}from"react";function ap({fontFamily:t="Roboto",borderRadius:e=Ci,secondaryBorderRadius:o=Ti,mode:n="auto"}){let r=q.use.theme(),s=T.use.fetchMeta(),a=q.use.setTheme(),p=Uf({radii:{primary:`${e}px`,secondary:`${o}px`},fonts:{widget:t}}),l=`${p.className} ${qf.className}`,u=`${p.className} ${zf.className}`,[m,g]=Hf("light");return sp(()=>{i(async()=>{await s()},"fetchData")();let y=i(c=>{c.matches?g("dark"):g("light")},"switchTheme");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&g("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",y),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",y)}},[]),sp(()=>{n!=="auto"&&a(n)},[n]),{activeTheme:i(()=>r==="auto"?m==="dark"?u:l:r==="dark"?u:l,"getActiveTheme")()}}i(ap,"useTheme");import Gf,{useMemo as Vf}from"react";import{Provider as Xf}from"@rango-dev/queue-manager-react";import{makeQueueDefinition as Kf,checkWaitingForNetworkChange as jf}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Yf}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as Rf}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Qf}from"rango-types";function Zf(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=Yf(),p=Vf(()=>Kf({API_KEY:wo("API_KEY")}),[]),{blockchains:l}=T.use.meta(),m={blockchains:O.use.connectedWallets().map(S=>({accounts:[S],name:S.chain}))},g=i((S,v)=>{if(s(S,v))return r(S,v)},"switchNetwork"),f=i(S=>!!a(S).mobileWallet,"isMobileWallet"),d=l.filter(S=>S.enabled).reduce((S,v)=>(S[v.name]=v,S),{}),y=l.filter(Qf),c=i(S=>{let{supportedChains:v}=a(S);return xo(v)},"getSupportedChainNames"),k=e(),x={meta:{blockchains:d,evmBasedChains:y,evmNetworkChainInfo:Rf(y),getSupportedChainNames:c},getSigners:o,wallets:m,providers:k,switchNetwork:g,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:f};return Gf.createElement(Xf,{queuesDefs:[p],context:x,onPersistedDataLoaded:S=>{jf(S)},isPaused:!1},t.children)}i(Zf,"QueueManager");var lp=Zf;import{Events as li,Provider as eg}from"@rango-dev/wallets-react";import{isEvmBlockchain as tg}from"rango-sdk";import up,{createContext as og,useRef as ng}from"react";import{useEffect as Jf}from"react";function pp(t,e){let o=O.use.clearConnectedWallet(),n=tn(void 0,e);return Jf(()=>{o(),n=tn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t]),{providers:n}}i(pp,"useWalletProviders");var pi=og({onConnectWallet:()=>{}});function ui(t){let{blockchains:e}=T.use.meta(),{providers:o}=pp(t.providers,t?.options),n=O.use.disconnectWallet(),r=O.use.connectWallet(),s=ng(),a=e.filter(tg).map(l=>l.name),p=i((l,u,m,g,f)=>{if(u===li.ACCOUNTS)if(m){let d=xo(f),y=xi(l,m,a,d);r(y)}else n(l);if(u===li.ACCOUNTS&&g.connected){let d=`${l}-${g.network}-${m}`;g.connected&&(s.current?s.current(d):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(u===li.NETWORK&&g.network){let d=`${l}-${g.network}`;s.current?s.current(d):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(l,u,m,g,f)},"onUpdateState");return up.createElement(pi.Provider,{value:{onConnectWallet:l=>{s.current=l}}},up.createElement(eg,{allBlockChains:e,providers:o,onUpdateState:p,autoConnect:!0},t.children))}i(ui,"WidgetWallets");var lg=ig("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit",listStyleType:"none"},"& *:focus-visible":{outline:"1px $info500 solid",transition:"none"}});function mp(t){let{config:e}=t;ip();let{activeTheme:o}=ap(e?.theme||{}),[n,r]=cp(""),[s,a]=cp(),p=sg(pi);ag(()=>{e?.apiKey&&Si({API_KEY:e?.apiKey})},[e]),Co(()=>{q.persist.rehydrate(),Ie.persist.rehydrate(),p.onConnectWallet(r)},[]);let{setInputAmount:l,setToToken:u,setToBlockchain:m,setFromBlockchain:g,setFromToken:f}=M(),{meta:{tokens:d,blockchains:y},loadingStatus:c}=T(),{setAffiliateRef:k,setAffiliatePercent:x,setAffiliateWallets:S}=q();return Co(()=>{l(e?.amount?.toString()||"")},[e?.amount]),Co(()=>{if(c==="success"){let v=y.find(C=>C.name===e?.from?.blockchain),A=d.find(C=>Pe(C,e?.from?.token||null));g(v||null),f(A||null)}},[e?.from?.token,e?.from?.blockchain,c]),Co(()=>{if(c==="success"){let v=y.find(C=>C.name===e?.to?.blockchain),A=d.find(C=>Pe(C,e?.to?.token||null));m(v||null),u(A||null)}},[e?.to?.token,e?.to?.blockchain,c]),Co(()=>{k(e?.affiliate?.ref??null),x(e?.affiliate?.percent??null),S(e?.affiliate?.wallets??null)},[e?.affiliate?.ref,e?.affiliate?.percent,e?.affiliate?.wallets]),rt.createElement(rg,{language:e?.language},rt.createElement(lg,{id:"swap-container",className:o},rt.createElement(lp,null,rt.createElement(rp,null),rt.createElement(Ps,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},rt.createElement(Jl,{config:e})))))}i(mp,"Main");function pg(t){return t.config?.externalWallets?rt.createElement(mp,{...t}):rt.createElement(ui,{providers:t.config?.wallets,options:{walletConnectProjectId:t.config?.walletConnectProjectId}},rt.createElement(mp,{...t}))}i(pg,"Widget");import{useWallets as ga}from"@rango-dev/wallets-react";import{useEvents as _N,MainEvents as $N,RouteEventType as VN,StepEventType as eI,StepExecutionEventStatus as tI,StepExecutionBlockedEventStatus as oI}from"@rango-dev/queue-manager-rango-preset";export{$N as MainEvents,VN as RouteEventType,eI as StepEventType,oI as StepExecutionBlockedEventStatus,tI as StepExecutionEventStatus,pg as Widget,ui as WidgetWallets,ga as useWallets,_N as useWidgetEvents};
+var fp=Object.defineProperty;var i=(t,e)=>fp(t,"name",{value:e,configurable:!0});import{I18nManager as rg,styled as ig}from"@rango-dev/ui";import rt,{useContext as sg,useEffect as Co,useMemo as ag,useState as cp}from"react";import{useQueueManager as oc}from"@rango-dev/queue-manager-rango-preset";import{useWallets as nc}from"@rango-dev/wallets-react";import{isEvmBlockchain as rc}from"rango-types";import Tt,{useEffect as ic,useRef as sc}from"react";import{MemoryRouter as ac,useInRouterContext as lc}from"react-router";import{useLocation as pc,useNavigate as uc}from"react-router-dom";var h={home:"/",fromSwap:"from-swap",fromBlockchain:"/from-swap/blockchains",toBlockchain:"/to-swap/blockchains",toSwap:"to-swap",settings:"settings",liquiditySources:"/settings/liquidity-sources",themes:"/settings/themes",bridges:"/settings/bridges",exchanges:"/settings/exchanges",languages:"/settings/languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:"swaps/:requestId"};import{i18n as Qo}from"@lingui/core";import{Alert as Ou,BestRoute as Uu,BestRouteSkeleton as zu,Button as qu,Divider as nr,styled as Pt,SwapInput as Is,Typography as rr,WarningIcon as Hu}from"@rango-dev/ui";import Y,{useEffect as Gu,useRef as Vu,useState as Xu}from"react";import{useNavigate as Ku}from"react-router-dom";import{ChevronLeftIcon as yp}from"@rango-dev/ui";import fi from"react";import{darkTheme as gp,IconButton as hp,styled as To}from"@rango-dev/ui";var Le=To(hp,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),mi=To("div",{position:"absolute",background:"$secondary500",[`.${gp} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),xt=To("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),di=To("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function _n(t){return fi.createElement(Le,{variant:"ghost",size:"small",onClick:t.onClick},fi.createElement(yp,{color:"black",size:16}))}i(_n,"BackButton");import{i18n as Sp}from"@lingui/core";import{Button as Cp,Typography as Tp}from"@rango-dev/ui";import $n from"react";function Fn(t){return $n.createElement(xt,null,$n.createElement(Cp,{variant:"ghost",onClick:t.onClick,size:"xsmall"},$n.createElement(Tp,{variant:"label",size:"medium",color:"error500"},Sp.t("Cancel"))))}i(Fn,"CancelButton");import{i18n as kp}from"@lingui/core";import{Tooltip as wp,WalletIcon as vp}from"@rango-dev/ui";import ko from"react";function On(t){return ko.createElement(wp,{container:t.container,side:"top",content:kp.t("Connect Wallet")},ko.createElement(Le,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&ko.createElement(mi,null),ko.createElement(vp,{size:18,color:"black"})))}i(On,"WalletButton");import{i18n as Ko}from"@lingui/core";import{NotificationsIcon as au,Popover as lu,RefreshIcon as pu,SettingsIcon as uu,Tooltip as jo,TransactionIcon as cu}from"@rango-dev/ui";import de from"react";function lt(t){return Array.from(new Set(t))}i(lt,"removeDuplicateFrom");function Un(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Un,"areEqual");function hi(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(hi,"debounce");function St(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(St,"containsText");var gi=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[o,n,r]=t.match(/.{2}/g);[o,n,r]=[parseInt(o,16)+e,parseInt(n,16)+e,parseInt(r,16)+e],o=Math.max(Math.min(255,o),0).toString(16),n=Math.max(Math.min(255,n),0).toString(16),r=Math.max(Math.min(255,r),0).toString(16);let s=(o.length<2?"0":"")+o,a=(n.length<2?"0":"")+n,p=(r.length<2?"0":"")+r;return`#${s}${a}${p}`},"colorShade"),yi=i((t,e)=>{let o={[t]:e};for(let n=1;n<10;n++)n<5&&(o={...o,[t+n*100]:gi(e,(5-n)*32)}),n===5&&(o={...o,[t+n*100]:e}),n>5&&(o={...o,[t+n*100]:gi(e,-((n-5)*32))});return o},"generateRangeColors"),se=i(()=>document.getElementById("swap-box"),"getContainer");import{i18n as eu}from"@lingui/core";import{ChainToken as Ji,ChevronRightIcon as tu,ListItemButton as ou,Typography as nu}from"@rango-dev/ui";import _e from"react";import{useNavigate as ru}from"react-router-dom";import{create as Vp}from"zustand";import{RangoClient as xp}from"rango-sdk";var bp="c6381a79-2817-4602-83bf-6a641a409e32",zn={API_KEY:bp};function wo(t){return zn[t]}i(wo,"getConfig");function Si(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),zn=e,zn}i(Si,"initConfig");var Ci=20,Ti=25;var vo,Et=i(()=>vo||(vo=new xp(wo("API_KEY")),vo),"httpService");import{WalletState as Ve}from"@rango-dev/ui";import{readAccountAddress as Bp}from"@rango-dev/wallets-react";import{detectInstallLink as Wp,getCosmosExperimentalChainInfo as Np,isEvmAddress as Ip,KEPLR_COMPATIBLE_WALLETS as Yg,Networks as vi}from"@rango-dev/wallets-shared";import qn from"bignumber.js";import{isCosmosBlockchain as Mp}from"rango-types";import Ep from"bignumber.js";var We=new Ep(0);import{WalletTypes as Ap}from"@rango-dev/wallets-shared";var ki=[Ap.LEAP];import{BigNumber as wi}from"bignumber.js";var At=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),w=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new wi(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new wi(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Bt=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Ge=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Vt=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function bo(t,e=4){let o=parseFloat(t);if(isNaN(o))return t;let n=Math.pow(10,e);return(Math.round(o*n)/n).toString()}i(bo,"limitDecimalPlaces");function Lp(t){switch(!0){case t.connected:return Ve.CONNECTED;case t.connecting:return Ve.CONNECTING;case!t.installed:return Ve.NOT_INSTALLED;default:return Ve.DISCONNECTED}}i(Lp,"mapStatusToWalletState");function bi(t,e,o,n){return o.filter(r=>!ki.includes(r)).filter(r=>{if(n){let{supportedChains:s}=e(r);return!!s.find(a=>a.name===n)}return!0}).map(r=>{let{name:s,img:a,installLink:p}=e(r),l=Lp(t(r));return{title:s,image:a,link:Wp(p),state:l,type:r}})}i(bi,"mapWalletTypesToWalletInfo");function xo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(xo,"walletAndSupportedChainsNames");function xi(t,e,o,n){let r=[];function s(p,l){if(!!!r.find(m=>m.chain===p)){let m={address:l,chain:p,walletType:t};r.push(m)}}i(s,"addAccount");let a=n||[];return e.forEach(p=>{let{address:l,network:u}=Bp(p),m=a.length>0,g=a.includes(u),f=u===vi.Unknown;if(m&&!g&&!f)return;let y=u===vi.Unknown&&Ip(l);if(f&&!y)return;o.includes(u)||y?a.filter(x=>o.includes(x)).forEach(x=>{s(x,l.toLowerCase())}):s(u,l)}),r}i(xi,"prepareAccountsForWalletStore");function Ei(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,p=s.to.blockchain;e.includes(a)||e.push(a),e.includes(p)||e.push(p)})}),e}i(Ei,"getRequiredChains");function Wt(t,e,o,n){if(t.length===0)return null;let r=t.filter(s=>s.chain===e);return r.length===0?null:r.map(s=>s.balances?.find(a=>n!==null&&a.address===n||n===null&&a.address===n&&a.symbol===o)||null).filter(s=>s!==null).sort((s,a)=>parseFloat(a?.amount||"0")-parseFloat(s?.amount||"1")).find(()=>!0)||null}i(Wt,"getBalanceFromWallet");function Eo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(Eo,"isAccountAndWalletMatched");function Ai(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new qn(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Ao(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Ai,"makeBalanceFor");function Bi(t){return{...t,loading:!1,error:!0}}i(Bi,"resetConnectedWalletState");var Nt=i(t=>!t.some(o=>o.balance)?t.filter(o=>!o.address).concat(t.filter(o=>o.address&&!o.isSecondaryCoin),t.filter(o=>o.isSecondaryCoin)):t.filter(o=>!!o.balance).sort((o,n)=>parseFloat(n.balance?.usdValue||"0")-parseFloat(o.balance?.usdValue||"0")).concat(t.filter(o=>!o.balance&&!o.isSecondaryCoin),t.filter(o=>!o.balance&&o.isSecondaryCoin)),"sortTokens"),Ao=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Bo=i((t,e)=>{let o=Np(Object.entries(t).map(([,n])=>n).filter(Mp));return o&&o[e]?.experimental},"isExperimentalChain");function It(t,e){return t.map(({balance:o,...n})=>{let r=w(new qn(Wt(e,n.blockchain,n.symbol,n.address)?.amount||We)),s="";return n.usdPrice&&(s=w(new qn(Wt(e,n.blockchain,n.symbol,n.address)?.amount||We).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:s}}}})}i(It,"getTokensWithBalance");function Xt(t,e,o,n){if(t?.name===n[0]?.name)return n;let s=e.filter(a=>a.blockchain===t?.name);return Nt(It(s,o))}i(Xt,"getSortedTokens");function Pe(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Pe,"tokensAreEqual");function Hn(t,e){let o,n=t[0],r=t[1];return t.length===1?o=n:Pe(n,e)?o=r:o=n,o}i(Hn,"getDefaultToken");function Wi(t){return t.sort((e,o)=>+(o.state===Ve.CONNECTED)-+(e.state===Ve.CONNECTED)||+(o.state===Ve.DISCONNECTED||o.state===Ve.CONNECTING)-+(e.state===Ve.DISCONNECTED||e.state===Ve.CONNECTING))}i(Wi,"sortWalletsBasedOnConnectionState");function Wo(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}i(Wo,"getConciseAddress");function Ni({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Ni,"getAddress");var Pp=i(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),Ne=Pp;import{create as qp}from"zustand";import{subscribeWithSelector as Hp}from"zustand/middleware";import{shallow as Gp}from"zustand/shallow";import ct from"bignumber.js";import{create as Up}from"zustand";import{subscribeWithSelector as zp}from"zustand/middleware";import ah from"bignumber.js";function Gn(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}i(Gn,"searchParamsToToken");function Ii(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(Ii,"getBestRouteToTokenUsdPrice");function Vn(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(Vn,"isNumberOfSwapsChanged");function Xn(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!Un(o,n)}i(Xn,"isRouteSwappersUpdated");function Kn(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!Un(o,n)}i(Kn,"isRouteInternalCoinsUpdated");function Mi(t,e){return Vn(t,e)||Xn(t,e)||Kn(t,e)}i(Mi,"isRouteChanged");function Li(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}i(Li,"getRequiredBalanceOfWallet");function Pi(t){if(!t)return null;let e=(t.result?.swaps||[]).map(o=>({...o,fromAmount:w(o.fromAmount,6,6),toAmount:w(o.toAmount,6,6)}));return{...t,...t.result&&{result:{...t.result,swaps:e}}}}i(Pi,"getFormattedBestRoute");function Mt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(Mt,"getPriceImpactLevel");function Io(t,e){let o=i(r=>`${r.symbol}-${r.blockchain}-${r.address??""}`,"tokenToString"),n=new Set;return t.forEach(r=>n.add(o(r))),e.filter(r=>n.has(o(r)))}i(Io,"findCommonTokens");import{i18n as De}from"@lingui/core";import{PendingSwapNetworkStatus as _o}from"@rango-dev/queue-manager-rango-preset";import ve from"bignumber.js";function Di(t){return t.result?.swaps.map(e=>({swapper:{displayName:e.swapperId,image:e.swapperLogo},from:{token:{displayName:e.from.symbol,image:e.from.logo},chain:{displayName:e.from.blockchain,image:e.from.blockchainLogo},price:{value:w(e.fromAmount,6,6),usdValue:w(e.from.usdPrice?.toString(),4,4)}},to:{token:{displayName:e.to.symbol,image:e.to.logo},chain:{displayName:e.to.blockchain,image:e.to.blockchainLogo},price:{value:w(e.toAmount,6,6),usdValue:w(e.to.usdPrice?.toString(),4,4)}}}))}i(Di,"formatBestRoute");function Mo(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(Mo,"getRequiredWallets");function Lo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(Lo,"isValidAddress");import{i18n as Ce}from"@lingui/core";var Kt=(r=>(r[r.ROUTE_UPDATED=0]="ROUTE_UPDATED",r[r.ROUTE_SWAPPERS_UPDATED=1]="ROUTE_SWAPPERS_UPDATED",r[r.ROUTE_COINS_UPDATED=2]="ROUTE_COINS_UPDATED",r[r.ROUTE_AND_OUTPUT_AMOUNT_UPDATED=3]="ROUTE_AND_OUTPUT_AMOUNT_UPDATED",r))(Kt||{});var G={genericServerError:Ce.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Ce.t("Please reset your liquidity sources."),description:Ce.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noRoutesError:{title:Ce.t("No Routes Found"),description:"Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination."},bridgeLimitErrors:{increaseAmount:Ce.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:Ce.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:Ce.t("High Price Impact"),title:Ce.t("Price impact is too high!"),description:Ce.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:Ce.t("Confirm High price impact")},routeUpdatedWithHighValueLoss:{title:Ce.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Ce.t("USD Price Unknown"),title:Ce.t("USD Price Unknown, Cannot calculate Price Impact."),description:Ce.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Ce.t("Confirm USD Price Unknown")}};function Po(t){switch(t.type){case 0:return t.diagnosisMessage??G.noRoutesError.title;case 2:return G.genericServerError;case 1:return G.routeUpdatedWithHighValueLoss.title;default:return""}}i(Po,"getConfirmSwapErrorMessage");import{i18n as Do}from"@lingui/core";var Ct={connectWallet:Do.t("Connect Wallet"),swap:Do.t("Swap"),swapAnyway:Do.t("Swap anyway"),ethRouteWarning:Do.t("The route goes through Ethereum. Continue?")};function Oo(t,e){return!t||!e||t.lte(We)||e.lte(We)?0:e.div(t).minus(1).multipliedBy(100)}i(Oo,"getOutputRatio");function Uo(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new ve(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new ve(1e3)))??!1}i(Uo,"outputRatioHasWarning");function zo(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new ve(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ve(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(zo,"hasLimitError");function qo(t){if(!t)return{swap:null,fromAmountRangeError:"",recommendation:""};let e=(t?.result?.swaps||[]).filter(p=>{let l=p.fromAmountMinValue?new ve(p.fromAmountMinValue):null,u=p.fromAmountMaxValue?new ve(p.fromAmountMaxValue):null;return p.fromAmountRestrictionType==="EXCLUSIVE"?l?.gte(p.fromAmount)||u?.lte(p.fromAmount):l?.gt(p.fromAmount)||u?.lt(p.fromAmount)})[0];if(!e)return{swap:null,fromAmountRangeError:"",recommendation:""};let o=e.fromAmountMinValue?new ve(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ve(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=De.t({id:"requiredEqualMin",message:"Required: >= {min} {symbol}",values:{min:w(o,6,6),symbol:e.from.symbol}}),a=G.bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=De.t({id:"requiredMin",message:"Required: > {min} {symbol}",values:{min:w(o,6,6),symbol:e.from.symbol}}),a=G.bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=De.t({id:"requiredEqualMax",message:"Required: <= {max} {symbol}",values:{max:w(n,6,6),symbol:e.from.symbol}}),a=G.bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=De.t({id:"requiredMax",message:"Required: < {max} {symbol}",values:{max:w(n,6,6),symbol:e.from.symbol}}),a=G.bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(qo,"LimitErrorMessage");function $i(t,e,o,n,r,s,a,p,l){return t!=="success"?{title:Ct.connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:Ct.connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!l||l==="0"?{title:Ct.swap,disabled:!0,state:"swap"}:s||a?{title:Ct.swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:p?{title:Ct.ethRouteWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:Ct.swap,disabled:!1,state:"swap"}}i($i,"getSwapButtonState");function jn(t,e,o){return!((!o||o.lte(We))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(jn,"canComputePriceImpact");function $p(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i($p,"requiredWallets");var Fp=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Op(t,e){let o=We;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Fp(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new ve(r.amount).multipliedBy(s||0))}return o}i(Op,"getUsdFeeOfStep");function Ho(t,e){return t?.result?.swaps.reduce((o,n)=>o.plus(Op(n,e)),We)||null}i(Ho,"getTotalFeeInUsd");function Fi(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(Fi,"getMinRequiredSlippage");function Oi(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Oi,"hasProperSlippage");function Go(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,slippage:p,affiliateRef:l,affiliatePercent:u,affiliateWallets:m,initialRoute:g,destination:f}=t,d=s?.reduce((S,v)=>(S[v.chain]=v.address,S),{}),y=[];r?.forEach(S=>{let v=y.find(A=>A.blockchain===S.chain);v?v.addresses.push(S.address):y.push({blockchain:S.chain,addresses:[S.address]})});let c=!!g,k=lt((g?.result?.swaps||[]).reduce((S,v)=>(S.push(v.from.blockchain,v.to.blockchain),v.internalSwaps&&Array.isArray(v.internalSwaps)&&v.internalSwaps.map(A=>{S.push(A.from.blockchain,A.to.blockchain)}),S),[]));return{amount:n.toString(),affiliateRef:l??void 0,affiliatePercent:u??void 0,affiliateWallets:m??void 0,checkPrerequisites:c,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:y,selectedWallets:d??{},slippage:p.toString(),...f&&{destination:f},...a.length>0&&{swapperGroups:a,swappersGroupsExclude:!0},...c&&{blockchains:k}}}i(Go,"createBestRouteRequestBody");function Ui(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Ui,"getWalletsForNewSwap");function Lt(t){return t?.result?.outputAmount||null}i(Lt,"getRouteOutputAmount");function Re(t,e){return!t||!e?null:new ve(e).div(new ve(t)).minus(1).multipliedBy(100)}i(Re,"getPercentageChange");function zi(t,e){let o=Lt(t),n=Lt(e);if(!o||!n)return!1;let r=Re(o,n);return r?r.toNumber()<=-1:!0}i(zi,"isOutputAmountChangedALot");function qi(t,e){let o=t.validationStatus,n=Ei(t);return e.sort((s,a)=>n.indexOf(s.chain)-n.indexOf(a.chain)).flatMap(s=>Li(s,o)||[]).filter(s=>!s.ok).map(s=>{let a=s.asset.symbol,p=w(new ve(s.currentAmount.amount).shiftedBy(-s.currentAmount.decimals),8,8),l=w(new ve(s.requiredAmount.amount).shiftedBy(-s.requiredAmount.decimals),8,8),u="";return s.reason==="FEE"&&(u=De.t(" for network fee")),s.reason==="INPUT_ASSET"&&(u=De.t(" for swap")),s.reason==="FEE_AND_INPUT_ASSET"&&(u=De.t(" for input and network fee")),De.t({id:"balanceWarningMessage",message:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:l,symbol:a,reason:u,currentAmount:p,blockchain:s.asset.blockchain}})})}i(qi,"getBalanceWarnings");function Hi(t,e){return(t?new ve(t):We).multipliedBy(e||0)}i(Hi,"calcOutputUsdValue");function jt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==_o.NetworkChanged}i(jt,"isNetworkStatusInWarningState");function Gi(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),jt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case _o.WaitingForConnectingWallet:n=n||De.t("Waiting for connecting wallet");break;case _o.WaitingForQueue:n=n||De.t("Waiting for other running tasks to be finished");break;case _o.WaitingForNetworkChange:n=n||De.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(Gi,"getSwapMessages");function Vi(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}i(Vi,"getLastConvertedTokenInFailedSwap");function Xi(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Xi,"shouldRetrySwap");function Ki(t,e,o,n,r,s){return t||!e&&!$p(n).every(a=>r.map(p=>p.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!Lo(s,o)}i(Ki,"confirmSwapDisabled");var Yt=i((t,e)=>t?.usdPrice?new ct(e||We).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),M=Ne(Up()(zp(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new ct(0),outputUsdValue:new ct(0),toBlockchain:null,toToken:null,bestRoute:null,routeWalletsConfirmed:!1,sourceTokens:[],destinationTokens:[],selectedWallets:[],customDestination:"",setRoute:e=>t(o=>{let n=null,r=We;return Vt(o.inputAmount)?(e&&(n=e.result?.outputAmount?new ct(e.result?.outputAmount):null,r=Hi(e.result?.outputAmount,Ii(e)||o.toToken?.usdPrice)),{bestRoute:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetRoute:()=>t(()=>({bestRoute:null,outputAmount:null,outputUsdValue:new ct(0)})),setFromBlockchain:(e,o)=>{t(n=>{if(n.fromBlockchain?.name===e?.name)return{};let r=T.getState().meta.tokens,s=O.getState().connectedWallets,a=Xt(e,r,s,n.destinationTokens),p=Hn(a,n.toToken);return{fromBlockchain:e,sourceTokens:a,...o&&{fromToken:p},...!!n.inputAmount&&{inputUsdValue:Yt(p,n.inputAmount)}}})},setFromToken:e=>t(o=>({fromToken:e,...!!o.inputAmount&&{inputUsdValue:Yt(e,o.inputAmount)}})),setToBlockchain:(e,o)=>{t(n=>{if(n.toBlockchain?.name===e?.name)return{};let r=T.getState().meta.tokens,s=O.getState().connectedWallets,a=Xt(e,r,s,n.destinationTokens);return{toBlockchain:e,destinationTokens:a,...o&&{toToken:Hn(a,n.fromToken)}}})},setToToken:e=>t(()=>({toToken:e})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new ct(0),outputUsdValue:new ct(0),bestRoute:null},...!!o.fromToken&&{inputUsdValue:Yt(o.fromToken,e)}}))},retry:e=>{let{tokens:o,blockchains:n}=T.getState().meta,r=O.getState().connectedWallets,s=e.status==="failed"?e.steps.findIndex(c=>c.status==="failed"):null;if(s===null||s<0)return;let a=e.steps[0],p=e.steps[e.steps.length-1],l=n.find(c=>c.name===a.fromBlockchain)||null,u=n.find(c=>c.name===p.toBlockchain)||null,m=o.find(c=>Pe(c,{blockchain:a.fromBlockchain,symbol:a.fromSymbol,address:a.fromSymbolAddress})),g=o.find(c=>Pe(c,{blockchain:p.toBlockchain,symbol:p.toSymbol,address:p.toSymbolAddress})),f=Xt(l,o,r,[]),d=Xt(u,o,r,[]),y=e.inputAmount;t({fromBlockchain:l,fromToken:m,inputAmount:y,outputAmount:null,inputUsdValue:Yt(m||null,y),outputUsdValue:new ct(0),toBlockchain:u,toToken:g,bestRoute:null,sourceTokens:f,destinationTokens:d})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,sourceTokens:e.destinationTokens,destinationTokens:e.sourceTokens,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Yt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromBlockchain:null,sourceTokens:[]})),resetToBlockchain:()=>t(()=>({toBlockchain:null,destinationTokens:[]})),setRouteWalletConfirmed:e=>t({routeWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetRouteWallets:()=>t({routeWalletsConfirmed:!1,selectedWallets:[],customDestination:""})}))));var O=Ne(qp()(Hp((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:o=>{let n=e().getWalletsDetails;t(r=>({loading:!0,connectedWallets:r.connectedWallets.filter(s=>s.walletType!==o[0].walletType).concat(o.map(s=>{let a=!r.connectedWallets.find(p=>p.chain===s.chain&&p.selected);return{balances:[],address:s.address,chain:s.chain,explorerUrl:null,walletType:s.walletType,selected:a,loading:!0,error:!1}}))})),n(o)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(s=>s.selected&&s.walletType!==o).map(s=>s.chain);return{connectedWallets:n.connectedWallets.filter(s=>s.walletType!==o).map(s=>r.includes(s.chain)?s:(r.push(s.chain),{...s,selected:!0}))}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(p=>p.chain===r.chain&&p.walletType!==r.walletType&&r.selected),a=!!o.find(p=>p.chain===r.chain&&p.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n=!0)=>{let r=e().getWalletsDetails,{tokens:s}=T.getState().meta;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(p=>o.find(l=>Eo(l,p))?{...p,loading:!0}:p)}));try{let a=o.map(({address:u,chain:m})=>({address:u,blockchain:m})),l=(await Et().getWalletsDetails(a)).wallets;if(l)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(m=>{let g=o.find(d=>Eo(d,m)),f=l.find(d=>d.address===m.address&&d.blockChain===m.chain);return f?.failed&&g&&n&&r([g],!1),g&&f?{...m,explorerUrl:f.explorerUrl,balances:Ai(f,s)}:m})}));else throw new Error("Wallet not found")}catch{t(p=>({loading:!1,connectedWallets:p.connectedWallets.map(l=>o.find(u=>Eo(u,l))?Bi(l):l)}))}}}))));O.subscribe(t=>t.connectedWallets,t=>{M.setState(({sourceTokens:e,destinationTokens:o})=>{let n=It(e,t),r=It(o,t);return{sourceTokens:Nt(n),destinationTokens:Nt(r)}})},{equalityFn:Gp});var T=Ne(Vp()(t=>({meta:{blockchains:[],popularTokens:[],swappers:[],tokens:[]},loadingStatus:"loading",setTokensWithBalance:()=>{let e=O.getState().connectedWallets;t(o=>({...o,meta:{...o.meta,tokens:Nt(It(o.meta.tokens,e))}}))},fetchMeta:async()=>{try{let e=await Et().getAllMetadata(),o=lt(e.tokens.map(r=>r.blockchain)),n=e.blockchains.filter(r=>r.enabled&&o.includes(r.name));e.blockchains=n.sort((r,s)=>r.sort-s.sort),t({meta:e,loadingStatus:"success"})}catch{t({loadingStatus:"failed"})}}})));import{create as Xp}from"zustand";import{persist as Kp,subscribeWithSelector as jp}from"zustand/middleware";var Ie=Ne(Xp()(Kp(jp((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:s.toBlockchain,tokenSymbol:s.toSymbol,tokenAddress:s.toSymbolAddress}}},p=e().notifications.filter(l=>l.requestId!==n.requestId);t(()=>({notifications:[...p,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{create as Yp}from"zustand";var be=Ne(Yp()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));import{styled as Vo}from"@rango-dev/ui";var ji=Vo("div",{padding:"$10",width:"350px",minHeight:"150px"}),Yi=Vo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Ri=Vo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Qi=Vo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Rp}from"@lingui/core";import{Divider as Qp,NoNotificationIcon as Zp,Typography as Jp}from"@rango-dev/ui";import Xo from"react";function Zi(){return Xo.createElement(Qi,null,Xo.createElement(Zp,{color:"secondary",size:26}),Xo.createElement(Qp,{size:12}),Xo.createElement(Jp,{variant:"body",size:"medium",color:"neutral900"},Rp.t("You have no notification")))}i(Zi,"NotificationNotFound");var iu=4;function Yn(){let t=ru(),e=be.use.setSelectedSwap(),{getUnreadNotifications:o}=Ie(),n=o(),{tokens:r,blockchains:s}=T.use.meta(),a=n.sort((l,u)=>u.creationTime-l.creationTime).slice(0,iu),p=i(l=>{e(l),t(`/swaps/${l}`)},"handleOnClick");return _e.createElement(ji,null,a.length?_e.createElement(Yi,null,a.map(l=>{let u=r.find(d=>d.address===l.route.from.tokenAddress&&d.blockchain===l.route.from.blockchain&&d.symbol===l.route.from.tokenSymbol),m=s.find(d=>d.name===l.route.from.blockchain),g=r.find(d=>d.address===l.route.to.tokenAddress&&d.blockchain===l.route.to.blockchain&&d.symbol===l.route.to.tokenSymbol),f=s.find(d=>d.name===l.route.to.blockchain);return _e.createElement(ou,{key:l.requestId,onClick:()=>p(l.requestId),title:_e.createElement(nu,{variant:"body",size:"small",color:"$neutral900"},eu.t(l.event.message)),id:l.requestId,start:_e.createElement(Ri,null,_e.createElement("div",{className:"from-chain-token"},_e.createElement(Ji,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),_e.createElement("div",{className:"to-chain-token"},_e.createElement(Ji,{tokenImage:g?g.image:"",chainImage:f?f.logo:"",size:"small"}))),end:_e.createElement(tu,{size:12,color:"gray"})})})):_e.createElement(Zi,null))}i(Yn,"NotificationContent");import{Typography as su}from"@rango-dev/ui";import es from"react";function ts(){let{getUnreadNotifications:t}=Ie(),e=t().length;return e?es.createElement(di,null,es.createElement(su,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(ts,"UnreadNotificationsBadge");function Rn(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:s}=t;return de.createElement(de.Fragment,null,de.createElement(jo,{container:se(),side:"top",content:Ko.t("Refresh")},de.createElement(Le,{variant:"ghost",size:"small",onClick:o,disabled:!o},de.createElement(pu,{size:16,color:o?"black":"gray"}))),de.createElement(jo,{container:se(),side:"top",content:Ko.t("Notifications")},de.createElement(lu,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:se(),content:de.createElement(Yn,null)},de.createElement(Le,{size:"small",variant:"ghost",onClick:s},de.createElement(au,{size:18,color:"black"}),de.createElement(ts,null)))),de.createElement(jo,{container:se(),side:"top",content:Ko.t("Settings")},de.createElement(Le,{size:"small",variant:"ghost",onClick:r},de.createElement(uu,{size:18,color:"black"}))),de.createElement(jo,{container:se(),side:"top",content:Ko.t("Transactions History")},de.createElement(Le,{size:"small",variant:"ghost",onClick:n},de.createElement(cu,{size:18,color:"black"}))))}i(Rn,"HomeButtons");import{BottomLogo as mu,Divider as du,Header as fu}from"@rango-dev/ui";import ye from"react";import{useNavigate as gu}from"react-router-dom";import{styled as Qn}from"@rango-dev/ui";var os=Qn("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",overflow:"hidden !important",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",width:"95vw",maxWidth:"390px",maxHeight:"700px",backgroundColor:"$neutral100",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),ns=Qn("div",{borderTopLeftRadius:"20px",borderTopRightRadius:"20px",display:"flex",flexDirection:"column",flex:1,padding:"$20 $20 $10 $20",backgroundColor:"$background",position:"relative",overflowY:"auto",overflowX:"hidden",variants:{noPadding:{true:{padding:"0"}}}}),rs=Qn("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function hu(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:p=!0}=t,l=O.use.connectedWallets(),u=be.use.connectWalletsButtonDisabled(),m=gu(),g=i(()=>{u||m("/"+h.wallets)},"onConnectWallet");return ye.createElement(os,{ref:e,fixedHeight:p,id:"swap-box"},ye.createElement(fu,{prefix:ye.createElement(ye.Fragment,null,n.onBack&&ye.createElement(_n,{onClick:n.onBack})),title:n.title,suffix:ye.createElement(ye.Fragment,null,n.suffix,n.hasConnectWallet&&ye.createElement(On,{container:se(),onClick:g,isConnected:!!l?.length}),n.onCancel&&ye.createElement(Fn,{onClick:n.onCancel}))}),ye.createElement(ns,{noPadding:s},o),(a||r)&&ye.createElement(rs,null,ye.createElement("div",{className:"footer__content"},r),a&&ye.createElement("div",{className:"footer__logo"},ye.createElement(du,{size:12}),ye.createElement(mu,null))))}i(hu,"LayoutComponent");var Q=ye.forwardRef(hu);Q.displayName="Layout";import{Alert as Tu,Button as ku,Divider as gs,NoRouteIcon as wu,RefreshIcon as vu,Typography as hs}from"@rango-dev/ui";import $e from"react";import{create as yu}from"zustand";import{persist as Su,subscribeWithSelector as Cu}from"zustand/middleware";var is=[.5,1,3],ss=1,as=5,ls=100,ps=0;var q=Ne(yu()(Su(Cu(t=>({slippage:ss,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",setSlippage:e=>t(()=>({slippage:e})),setCustomSlippage:e=>t(()=>({customSlippage:e})),setAffiliateRef:e=>t(()=>({affiliateRef:e})),setAffiliatePercent:e=>t(()=>({affiliatePercent:e})),setAffiliateWallets:e=>t(()=>({affiliateWallets:e})),toggleAllLiquiditySources:e=>t(o=>{if(e)return{disabledLiquiditySources:[]};let{swappers:n}=T.getState().meta,r=lt(n.map(s=>s.swapperGroup));return r.length===o.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:r}}),toggleInfiniteApprove:()=>t(e=>({infiniteApprove:!e.infiniteApprove})),toggleLiquiditySource:e=>t(o=>o.disabledLiquiditySources.includes(e)?{disabledLiquiditySources:o.disabledLiquiditySources.filter(n=>n!=e)}:{disabledLiquiditySources:o.disabledLiquiditySources.concat(e)}),setTheme:e=>t(()=>({theme:e}))})),{name:"user-settings",skipHydration:!0})));import{i18n as us}from"@lingui/core";function cs(t,e,o,n,r){return o?{alert:{type:"warning",text:G.genericServerError,action:{onClick:r,title:us.t("Retry")}},description:""}:t?{alert:{type:"error",text:t,action:null},description:""}:e.length?{alert:{type:"warning",text:G.liquiditySourcesError.title,action:{onClick:()=>n(!0),title:us.t("Reset")}},description:G.liquiditySourcesError.description}:{alert:null,description:G.noRoutesError.description}}i(cs,"makeInfo");import{styled as Zn}from"@rango-dev/ui";var ms=Zn("div",{display:"flex",flexDirection:"column",alignItems:"center"}),ds=Zn("div",{width:"100%"}),fs=Zn("div",{padding:"$6 $0"});function Rt(t){let{diagnosisMessage:e,fetch:o,error:n}=t,r=q.use.disabledLiquiditySources(),s=T.use.loadingStatus(),a=q.use.toggleAllLiquiditySources(),l=cs(e??null,r,n||s==="failed",a,o);return $e.createElement(ms,null,$e.createElement(wu,{size:24,color:"gray"}),$e.createElement(gs,{size:4}),$e.createElement(hs,{variant:"title",size:"small"},G.noRoutesError.title),!!l.description&&$e.createElement(hs,{variant:"body",size:"small",align:"center",color:"neutral900"},l.description),$e.createElement(gs,{size:4}),!!l.alert&&$e.createElement(ds,null,$e.createElement(Tu,{type:l.alert.type,title:l.alert.text,action:l.alert.action&&$e.createElement(ku,{size:"xsmall",type:l.alert.type,prefix:$e.createElement(fs,null,$e.createElement(vu,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i(Rt,"NoRoutes");import{Alert as xs,Divider as Wu,InfoIcon as Nu}from"@rango-dev/ui";import Oe from"react";import{styled as Yo}from"@rango-dev/ui";var ys=Yo("div",{width:"100%",paddingTop:"$10"}),Jn=Yo("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Ss=Yo("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),Cs=Yo("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});import{i18n as Qt}from"@lingui/core";import{Button as bu,Divider as ws,MessageBox as vs,Modal as xu,Typography as Eu,WarningIcon as Au}from"@rango-dev/ui";import Fe from"react";import{useNavigate as Bu}from"react-router-dom";import{Typography as Ts}from"@rango-dev/ui";import er from"react";function ks(t){let{title:e,value:o,valueColor:n}=t;return er.createElement(Ss,null,er.createElement(Ts,{size:"medium",variant:"label",color:"neutral800"},e),er.createElement(Ts,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(ks,"RouteErrorsModalItem");function bs(t){let{highValueLoss:e,open:o,onToggle:n,percentageChange:r,inputUsdValue:s,outputUsdValue:a,totalFeeInUsd:p}=t,l=Bu(),u=e&&r?.lt(-10)?"error":"warning",m=[{title:Qt.t("Swapping"),value:w(s,4,4)},{title:Qt.t("Gas cost"),value:w(p,2,2)},{title:Qt.t("Receiving"),value:w(a,4,4)},{title:Qt.t("Price impact"),value:w(r,2,2),valueColor:`${u}500`}];return Fe.createElement(xu,{open:o,onClose:()=>n(!1),container:document.getElementById("swap-box")||document.body},e?Fe.createElement(vs,{type:u,title:G.highValueLossError.impactTitle,description:G.highValueLossError.description}):Fe.createElement(vs,{type:u,title:G.unknownPriceError.impactTitle,description:G.unknownPriceError.description}),e&&Fe.createElement(Jn,null,Fe.createElement(ws,{size:20}),Fe.createElement(Eu,{size:"small",variant:"title"},Qt.t("Details")),Fe.createElement(Jn,null,m.map((g,f)=>Fe.createElement(ks,{key:f,...g})))),Fe.createElement(ws,{size:32}),Fe.createElement(bu,{type:"primary",size:"large",prefix:Fe.createElement(Au,null),fullWidth:!0,onClick:()=>{l(h.confirmSwap)}},e?G.highValueLossError.confirmMessage:G.unknownPriceError.confirmMessage))}i(bs,"RouteErrorsModal");var Iu=-10;function tr(t){let{bestRoute:e}=M(),{highValueLoss:o,percentageChange:n,priceImpactCanNotBeComputed:r,openModal:s,onToggle:a,totalFeeInUsd:p,outputUsdValue:l,inputUsdValue:u,loading:m,extraSpace:g}=t,f=zo(e),{recommendation:d}=qo(e),y=!f&&(o||r),c=y||f;return Oe.createElement(Oe.Fragment,null,(m||g&&!c)&&Oe.createElement(Wu,{size:20}),c&&Oe.createElement(ys,null,y&&Oe.createElement(Oe.Fragment,null,Oe.createElement(xs,{title:o?G.highValueLossError.title:G.unknownPriceError.title,type:o&&n?.lt(Iu)?"error":"warning",variant:"alarm",action:Oe.createElement(Cs,{onClick:()=>a(!0)},Oe.createElement(Nu,{size:12,color:"gray"}))})),f&&Oe.createElement(xs,{type:"error",variant:"alarm",title:d})),Oe.createElement(bs,{highValueLoss:o,open:s,onToggle:a,percentageChange:n,inputUsdValue:u,outputUsdValue:l,totalFeeInUsd:p}))}i(tr,"RouteErrors");import{ReverseIcon as Mu,styled as Es}from"@rango-dev/ui";import or from"react";var Lu=Es("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Pu=Es("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&:hover":{color:"$secondary500"}});function As(){let t=M.use.switchFromAndTo();return or.createElement(Lu,null,or.createElement(Pu,{onClick:()=>{t()}},or.createElement(Mu,{size:12})))}i(As,"SwitchFromAndToButton");import{useEffect as Bs,useRef as $u,useState as Ws}from"react";import{useRef as Du,useState as _u}from"react";function Ro(){let[t,e]=_u(!1),o=Du(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Et().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(Ro,"useFetchBestRoute");var Fu=600;function Ns(){let{fetch:t,cancelFetch:e}=Ro(),[o,n]=Ws(!1),{fromToken:r,toToken:s,inputAmount:a,inputUsdValue:p,resetRoute:l,setRoute:u}=M(),{slippage:m,customSlippage:g,affiliatePercent:f,affiliateRef:d,affiliateWallets:y,disabledLiquiditySources:c}=q(),[k,x]=Ws(""),S=$u(c),v=g??m,C=!r||!s||Pe(r,s)||!Vt(a),I=i(()=>{if(o||n(!0),!C){l();let W=Go({fromToken:r,toToken:s,inputAmount:a,disabledLiquiditySources:c,slippage:v,affiliateRef:d,affiliatePercent:f,affiliateWallets:y});t(W).then(V=>{n(!1),u(V)}).catch(V=>{l(),V?.code!=="ERR_CANCELED"&&(x(V.message),n(!1))})}},"fetch"),D=hi(()=>{C||I()},Fu);return Bs(()=>{if(!Vt(a)||p?.eq(0)){n(!1),e();return}if(!C)return l(),n(!0),D(),e},[a,C]),Bs(()=>{let W=!!S.current.length&&!c.length;return!C&&W&&I(),S.current=c,e},[c.length]),{fetch:I,loading:o,error:k}}i(Ns,"useSwapInput");var ju=Pt("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),Yu=Pt("div",{position:"relative"}),Ru=Pt("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"}),Ms=Pt("div",{width:"100%",paddingTop:"$2"}),Qu=Pt("div",{paddingBottom:"$15"}),Zu=Pt("div",{width:"100%",display:"flex"});function Zo(){let t=Ku(),{fetch:e,loading:o,error:n}=Ns(),{fromToken:r,fromBlockchain:s,toToken:a,toBlockchain:p,setInputAmount:l,inputAmount:u,inputUsdValue:m,outputAmount:g,outputUsdValue:f,bestRoute:d,resetRouteWallets:y}=M(),{meta:{tokens:c},loadingStatus:k}=T(),x=O.use.connectedWallets(),S=be.use.setCurrentPage(),[v,A]=Xu(!1),{fromAmountRangeError:C,swap:I,recommendation:D}=qo(d),W=Vu(null),V=!!Number(u)&&(!!d||o||!!n),R=!1,X=Oo(m,f),N=Uo(m,X),U=!jn(d,u,m),$=!jn(d,u,f),b=$i(k,x,o,d,zo(d),N,U||$,R,u),ce=s&&r?w(Wt(x,s?.name,r?.symbol,r?.address)?.amount||"0",8,8):"0",we=s&&r?w(Wt(x,s?.name,r?.symbol,r?.address)?.amount||"0",Wt(x,s?.name,r?.symbol,r?.address)?.decimal):"0";Gu(()=>(S(h.home),y(),S.bind(null,"")),[]);let z=!m||!f||!f.gt(0)?null:Re(m.toNumber(),f.toNumber()),re=i(qe=>qe.map((ie,it)=>({swapper:{displayName:ie.swapperId,image:ie.swapperLogo},from:{token:{displayName:ie.from.symbol,image:ie.from.logo},chain:{displayName:ie.from.blockchain,image:ie.from.blockchainLogo},price:{value:it===0?w(u,6,6):ie.fromAmount}},to:{token:{displayName:ie.to.symbol,image:ie.to.logo},chain:{displayName:ie.to.blockchain,image:ie.to.blockchainLogo},price:{value:ie.toAmount}},alerts:ie.swapperId===I?.swapperId?Y.createElement(Qu,null,Y.createElement(Ou,{type:"error",title:D,footer:Y.createElement(Zu,null,Y.createElement(rr,{size:"xsmall",variant:"body",color:"neutral900"},C),Y.createElement(nr,{direction:"horizontal",size:8}),Y.createElement(rr,{size:"xsmall",variant:"body",color:"neutral900"},"|"),Y.createElement(nr,{direction:"horizontal",size:8}),Y.createElement(rr,{size:"xsmall",variant:"body",color:"neutral900"},Qo.t({id:"yourSymbol",message:"Yours: {amount} {symbol}",values:{amount:w(I?.fromAmount||null,6,6),symbol:ie?.from.symbol}})))})):void 0})),"getBestRouteSteps"),le=Ho(d,c),me=Pi(d);return Y.createElement(Q,{ref:W,fixedHeight:!1,hasLogo:!0,footer:Y.createElement(qu,{type:"primary",size:"large",disabled:b.disabled,prefix:!b.disabled&&b.hasWarning&&Y.createElement(Hu,null),fullWidth:!0,onClick:()=>{b.state==="waitForConnecting"?t(h.wallets):b.state==="needToConfirm"?A(!0):t(h.confirmSwap)}},b.title),header:{hasConnectWallet:!0,title:Qo.t("Swap"),suffix:Y.createElement(Rn,{layoutRef:W.current,onClickRefresh:d||n?e:void 0,onClickHistory:()=>t(h.swaps),onClickSettings:()=>t(h.settings)})}},Y.createElement(ju,null,Y.createElement(Ru,null,Y.createElement(Yu,null,Y.createElement(Is,{label:Qo.t("From"),mode:"From",onInputChange:l,balance:ce,chain:{displayName:s?.displayName||"",image:s?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>t("from-swap"),price:{value:u,usdValue:U?void 0:w(m,4,4),error:U?G.unknownPriceError.impactTitle:void 0},disabled:k==="failed",loading:k==="loading",onSelectMaxBalance:()=>{ce!=="0"&&l(we.split(",").join(""))}}),Y.createElement(As,null)),Y.createElement(Is,{sharpBottomStyle:!!d?.result||o,label:Qo.t("To"),mode:"To",chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:z?.lt(0)?w(z,2,2):null,warningLevel:Mt(z?.toNumber()??0),price:{value:w(g,6,6),usdValue:$?void 0:w(f,4,4),error:$?G.unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:k==="failed",loading:k==="loading"})),o&&Y.createElement(Ms,null,Y.createElement(zu,{type:"basic"})),V&&!o&&me?.result?.swaps?.length?Y.createElement(Ms,null,Y.createElement(Uu,{type:"basic",recommended:!0,tooltipContainer:se(),input:{value:w(u,6,6),usdValue:w(m,4,4)},output:{value:w(g,6,6),usdValue:w(f,4,4)},steps:re(me.result.swaps),percentageChange:w(z,2,2),totalFee:w(le,2,2),totalTime:At(Bt(d?.result?.swaps))})):V&&!o?Y.createElement(Y.Fragment,null,Y.createElement(nr,{size:20}),Y.createElement(Rt,{diagnosisMessage:me?.diagnosisMessages?.[0],fetch:e,error:!!n})):null),Y.createElement(tr,{openModal:v,onToggle:A,totalFeeInUsd:le,outputUsdValue:f,inputUsdValue:m,percentageChange:z,highValueLoss:N,priceImpactCanNotBeComputed:U||$,loading:o||k==="loading",extraSpace:!!d?.result||!d}))}i(Zo,"Home");import{useEffect as ir,useRef as sr}from"react";import{createSearchParams as Ju,useLocation as ec,useSearchParams as tc}from"react-router-dom";function Ls(){let t=sr(!0),[e,o]=tc(),n=ec(),r=sr(n.search),s=sr({}),a=M.use.fromBlockchain(),p=M.use.toBlockchain(),l=M.use.fromToken(),u=M.use.toToken(),m=M.use.setFromBlockchain(),g=M.use.setFromToken(),f=M.use.setToBlockchain(),d=M.use.setToToken(),y=M.use.inputAmount(),c=M.use.setInputAmount(),k=T.use.loadingStatus(),{blockchains:x,tokens:S}=T.use.meta(),v=be.use.setSelectedSwap();return ir(()=>{let A={};Ju(r.current).forEach((I,D)=>{A[D]=I}),s.current=A;let C=n.pathname.split(h.swaps+"/")[1]||null;C&&v(C)},[]),ir(()=>{if(!t.current){let A="",C="",I="",D="",W="";if(k!=="success")A=s.current["fromBlockchain"],C=s.current["fromToken"],I=s.current["toBlockchain"],D=s.current["toToken"],W=s.current["fromAmount"]||y;else{if(n.state==="redirect")return;A=a?.name||"",C=(l?.symbol||"")+(l?.address?`--${l?.address}`:""),I=p?.name||"",D=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),W=y}o({...A&&{["fromBlockchain"]:A},...C&&{["fromToken"]:C},...I&&{["toBlockchain"]:I},...D&&{["toToken"]:D},...W&&{["fromAmount"]:W.toString()}},{replace:!0})}t.current=!1},[n.pathname,y,a,l,p,u]),ir(()=>{if(k==="success"){let A=e.get("fromBlockchain"),C=e.get("fromToken"),I=e.get("toBlockchain"),D=e.get("toToken"),W=e.get("fromAmount"),V=x.find(U=>U.name===A),R=Gn(S,C,V||null),X=x.find(U=>U.name===I),N=Gn(S,D,X||null);V&&(m(V),R&&g(R)),X&&(f(X),N&&d(N)),W&&c(W)}},[k]),null}i(Ls,"UpdateUrl");function cc(t){let e=pc(),o=uc(),n=sc(!0),r=e.pathname.split("/"),a=r[r.length-1]===h.confirmSwap&&n.current;return ic(()=>{a&&o("."),n.current=!1},[]),a?Tt.createElement(Zo,null):Tt.createElement(Tt.Fragment,null," ",t.children)}i(cc,"Route");function Ps({children:t,...e}){let o=lc(),n=o?cc:ac,{blockchains:r}=T.use.meta(),{canSwitchNetworkTo:s}=nc(),a=r.filter(rc);return oc({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),Tt.createElement(Tt.Fragment,null,Tt.createElement(n,null,t),o&&Tt.createElement(Ls,null))}i(Ps,"AppRouter");import Be from"react";import{useRoutes as Pf}from"react-router-dom";import{i18n as Xe}from"@lingui/core";import{useManager as im}from"@rango-dev/queue-manager-react";import{Alert as gr,BestRoute as sm,BestRouteSkeleton as am,Button as an,Divider as Ot,IconButton as ka,MessageBox as lm,Modal as pm,RefreshIcon as um,SettingsIcon as cm,styled as wa,Tooltip as mm,Typography as Ta,WalletIcon as dm}from"@rango-dev/ui";import L,{useEffect as ln,useState as pn}from"react";import{flushSync as fm}from"react-dom";import{useNavigate as gm}from"react-router-dom";import{i18n as et}from"@lingui/core";import{Alert as fr,BalanceErrors as Hc,Button as ha,ChevronDownIcon as Gc,ChevronLeftIcon as Vc,Divider as Ft,MessageBox as Xc,Modal as ya,Typography as sn,WalletIcon as Kc}from"@rango-dev/ui";import E,{useEffect as jc,useLayoutEffect as Yc,useRef as Rc,useState as vt}from"react";import{useNavigate as Qc}from"react-router-dom";import{i18n as Jo}from"@lingui/core";function en(t){switch(t.type){case 0:return Jo.t("Route has been updated.");case 3:return Jo.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Jo.t("Route swappers has been updated.");case 2:return Jo.t("Route internal coins has been updated.");default:return""}}i(en,"getRouteWarningMessage");import*as _t from"@radix-ui/react-collapsible";import{Button as mc,darkTheme as Dt,IconButton as dc,keyframes as Ds,styled as Te,TextField as fc}from"@rango-dev/ui";var Zt=300,gc=Ds({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),hc=Ds({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),_s=Te("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),$s=Te("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),Fs=Te("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Dt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Dt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Dt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Os=Te(_t.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),Us=Te("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),zs=Te(dc,{position:"absolute",left:"$20"}),qs=Te("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),Hs=Te(_t.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Gs=Te(mc,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Dt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Dt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Dt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),Vs=Te("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),Xs=Te("div",{transition:`all ${Zt}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Ks=Te("div",{display:"flex"}),js=Te(fc,{padding:"$0 $15 $15 $15"}),Ys=Te(_t.Content,{overflow:"hidden",variants:{open:{true:{animation:`${gc} ${Zt}ms ease-out`},false:{animation:`${hc} ${Zt}ms ease-out`}}}}),Rs=Te("div",{overflow:"visible",width:"100%"});import{i18n as Je}from"@lingui/core";import{Button as Uc,Divider as cr,Image as zc,MessageBox as mr,Modal as ca,SelectableWallet as qc,Typography as ma,WalletState as da}from"@rango-dev/ui";import ne,{useEffect as fa,useState as eo}from"react";import{WalletState as Zs}from"@rango-dev/ui";import{useWallets as Sc}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Cc,WalletTypes as Tc}from"@rango-dev/wallets-shared";import{useEffect as kc,useState as wc}from"react";import{allProviders as yc}from"@rango-dev/provider-all";function tn(t,e){let o=yc({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(tn,"matchAndGenerateProviders");function Qs(t,e){return tn(t,e).map(r=>r.config.type)}i(Qs,"configWalletsToWalletName");var vc=Object.values(Tc);function on(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:p,connect:l}=Sc(),{connectedWallets:u}=O(),{blockchains:m}=T().meta,g=typeof e?.multiWallets>"u"?!0:e.multiWallets,f=Qs(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||vc,d=bi(s,p,f,o),y=Wi(d),[c,k]=wc(""),x=i(C=>!u.find(I=>I.walletType===C&&I.chain===o),"isExperimentalChainNotAdded"),S=i(async C=>{let I=s(C);try{if(c&&k(""),I.connected)await a(C);else{let D=!!d.find(W=>W.state===Zs.CONNECTED);if(!g&&D)return;n?.(C),await l(C),r?.(C)}}catch(D){k("Error: "+D?.message)}},"handleClick"),v=i(()=>{let C=d?.filter(I=>I.state===Zs.CONNECTING)||[];for(let I of C)a(I.type)},"disconnectConnectingWallets");kc(()=>()=>{v()},[]);let A=i((C,I,D)=>Bo(D,I)&&x(C)&&!Cc.includes(C),"shouldExcludeWallet");return{list:y.filter(C=>!A(C.type,o??"",m)),error:c,handleClick:S}}i(on,"useWalletList");import{i18n as na}from"@lingui/core";import{styled as ia,Typography as Mc,Wallet as Lc,WalletState as Pc}from"@rango-dev/ui";import wt,{Fragment as Dc,useState as ra}from"react";import{Divider as Bc,Modal as Wc}from"@rango-dev/ui";import lr from"react";import{i18n as $t}from"@lingui/core";import{Image as Ec,MessageBox as ar,WalletState as Ac}from"@rango-dev/ui";import kt from"react";import{keyframes as bc,styled as nn}from"@rango-dev/ui";var mk=nn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Js=nn("div",{position:"relative"}),xc=bc({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ea=nn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${xc} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ta=nn("div",{"& img":{borderRadius:"50%"}});function oa(t){let{state:e,image:o,error:n}=t;return e===Ac.CONNECTED?kt.createElement(ar,{type:"success",title:$t.t("Wallet Connected"),description:$t.t("Your wallet is connected, you can use it to swap.")}):n?kt.createElement(ar,{type:"error",title:$t.t("Failed to Connect"),description:n||$t.t("Your wallet is not connected. Please try again.")}):kt.createElement(ar,{type:"loading",title:$t.t("Connecting to your wallet"),description:$t.t("Click connect in your wallet popup."),icon:kt.createElement(Js,null,kt.createElement(ta,null,kt.createElement(Ec,{src:o,size:45})),kt.createElement(ea,null))})}i(oa,"ModalContent");function Jt(t){let{open:e,onClose:o,...n}=t;return lr.createElement(Wc,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},lr.createElement(oa,{...n}),lr.createElement(Bc,{direction:"vertical",size:32}))}i(Jt,"WalletModal");import{useInRouterContext as Nc,useNavigate as Ic}from"react-router-dom";function oe(){let t=Nc(),e=Ic(),o=M.use.routeWalletsConfirmed();return h,{navigateBackFrom:i(r=>{if(r===h.swapDetails)return e("/"+h.swaps,{replace:!0});if(!t||window.history.state&&window.history.state.idx>0)e(-1);else{if([h.settings,h.wallets].includes(r)&&o)return e("/"+h.confirmSwap,{replace:!0});[h.fromSwap,h.toSwap,h.settings,h.wallets,h.swaps,h.confirmSwap].includes(r)?e(h.home,{replace:!0}):r===h.fromBlockchain?e("/"+h.fromSwap,{replace:!0}):r===h.toBlockchain?e("/"+h.fromSwap,{replace:!0}):r===h.liquiditySources&&e("/"+h.settings,{replace:!0})}},"navigateBackFrom")}}i(oe,"useNavigateBack");var _c=ia("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),$c=ia("div",{textAlign:"center"}),rn=3e3,pr=300;function sa({config:t}){let{navigateBackFrom:e}=oe(),[o,n]=ra(!1),[r,s]=ra(""),a=null,{list:p,handleClick:l,error:u}=on({config:t,onBeforeConnect:y=>{a=setTimeout(()=>{n(!0),s(y)},pr)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},rn)}}),m=T.use.loadingStatus(),g=p.find(y=>y.type===r),f=g?.image||"",d=g?.state||Pc.NOT_INSTALLED;return wt.createElement(Q,{header:{title:na.t("Connect Wallets"),onBack:e.bind(null,h.wallets)}},wt.createElement($c,null,wt.createElement(Mc,{variant:"title",size:"xmedium",align:"center"},na.t("Choose a wallet to connect.")),wt.createElement(_c,null,p.map((y,c)=>{let k=`wallet-${c}-${y.type}`;return wt.createElement(Dc,{key:k},wt.createElement(Lc,{...y,container:se(),onClick:x=>{l(x)},isLoading:m==="loading"}))}),wt.createElement(Jt,{open:!!o,onClose:()=>n(!1),image:f,state:d,error:u}))))}i(sa,"WalletsPage");function aa(t,e){return e.find(o=>o.name===t)?.displayName}i(aa,"getBlockchainDisplayNameFor");import{keyframes as Fc,styled as ur}from"@rango-dev/ui";var la=ur("div",{position:"relative"}),Oc=Fc({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),pa=ur("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Oc} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ua=ur("div",{"& img":{borderRadius:"50%"}});function dr(t){let{config:e,chain:o,isSelected:n,selectWallet:r,limit:s,onShowMore:a}=t,p=O.use.connectedWallets(),{blockchains:l}=T.use.meta(),[u,m]=eo(""),[g,f]=eo(null),[d,y]=eo(!1),[c,k]=eo(null),{connect:x}=ga(),S=null,{list:v,error:A,handleClick:C}=on({config:e,chain:o,onBeforeConnect:N=>{S=setTimeout(()=>{m(N)},pr)},onConnect:()=>{S&&clearTimeout(S),setTimeout(()=>{m("")},rn)}}),[I,D]=eo(v),W=v.length,V=s&&W-s>0,R=i(async N=>{y(!1),k("in-progress"),await x(N.walletType,N.chain),k("completed")},"addExperimentalChain");fa(()=>{D(N=>{let U=v.findIndex($=>n($.type,o));return V&&U>1?[v[U]].concat(v.filter(($,b)=>b!==U)):N.map($=>v.find(b=>b.type===$.type)??$)})},[JSON.stringify(v)]);let X=document.querySelector("#swap-box");return fa(()=>{let N=null;return c==="completed"&&(N=setTimeout(()=>k(null),rn)),()=>{N&&clearTimeout(N)}},[c]),ne.createElement(ne.Fragment,null,I.slice(0,s).map(N=>{let U=Ni({connectedWallets:p,walletType:N.type,chain:o}),$=U?Wo(U):"",b=Bo(l,o),ce=!p.find(me=>me.walletType===N.type&&me.chain===o),we=b&&ce&&N.state===da.CONNECTED,z=we?Je.t({id:"addChain",message:"Add {chain} chain",values:{chain:o}}):$,re=i(()=>{N.state===da.DISCONNECTED?C(N.type):we?(f({walletType:N.type,chain:o,address:U??""}),y(!0)):r({walletType:N.type,chain:o,address:U??""})},"onClick"),le=g?.chain?aa(g.chain,l):void 0;return ne.createElement(ne.Fragment,null,ne.createElement(Jt,{open:u===N.type,onClose:()=>m(""),image:N.image,state:N.state,error:A}),!!g&&ne.createElement(ca,{open:!!g&&d,container:X,onClose:()=>{f(null)}},ne.createElement(mr,{title:Je.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:le}}),type:"warning",description:Je.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:le}})},ne.createElement(cr,{size:18}),ne.createElement(cr,{size:32}),ne.createElement(Uc,{onClick:R.bind(null,g),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Je.t("Confirm")))),c&&ne.createElement(ca,{open:!!c,onClose:k.bind(null,null),container:X},c==="in-progress"?ne.createElement(mr,{type:"loading",title:Je.t({id:"addBlockchain",message:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:le}}),description:Je.t({id:"addBlockchainDescription",message:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:le}}),icon:ne.createElement(la,null,ne.createElement(ua,null,ne.createElement(zc,{src:N.image,size:45})),ne.createElement(pa,null))}):ne.createElement(mr,{type:"success",title:Je.t({id:"blockchainAdded",message:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:le}}),description:Je.t({id:"blockchainAddedDescription",message:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:le}})}),ne.createElement(cr,{direction:"vertical",size:32})),ne.createElement(qc,{key:N.type,description:z,onClick:re,selected:n(N.type,o),...N}))}),V&&ne.createElement(Fs,{selected:!1,onClick:a.bind(null)},ne.createElement(ma,{variant:"label",size:"medium"},Je.t("Show more wallets"),ne.createElement(ma,{variant:"label",size:"medium",color:"$primary"},"\xA0+",W-(s??0)))))}i(dr,"WalletList");var Zc=2;function Sa(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,config:s,loading:a}=t,{blockchains:p}=T.use.meta(),{bestRoute:l,setSelectedWallets:u,routeWalletsConfirmed:m,setRouteWalletConfirmed:g,customDestination:f,setCustomDestination:d}=M(),{connectedWallets:y,selectWallets:c}=O(),[k,x]=vt(""),[S,v]=vt([]),[A,C]=vt(""),[I,D]=vt(null),[W,V]=vt(f),[R,X]=vt(!!f),N=Rc(null),U=Mo(l),$=typeof s?.customDestination>"u"?!0:s.customDestination,b=p.find(B=>B.name===l?.result?.swaps[l?.result?.swaps.length-1].to.blockchain),ce=i(B=>!!l?.result?.swaps.find(F=>F.from.blockchain===B),"isWalletRequiredFor"),[we,z]=vt(y.filter(B=>B.selected&&U.includes(B.chain))),re=p.find(B=>B.name===b?.name),le=i((B,F)=>!!we.find(_=>_.walletType===B&&_.chain===F&&_.selected&&(ce(F)||!ce(F)&&!W)),"isSelected"),me=!!W&&R&&re&&!Lo(re,W),qe=i(()=>{X(!1),V(""),z(B=>{let F=!1;return B.map(_=>!F&&_.chain===b?.name?(F=!0,{..._,selected:!0}):_)})},"resetCustomDestination"),ie=i(B=>{if(k&&x(""),le(B.walletType,B.chain))return;let _=y.find(ee=>ee.walletType===B.walletType&&ee.chain===B.chain);_&&(n(),B.chain===b?.name&&R&&(X(!1),V("")),z(ee=>ee.filter(pe=>pe.chain!==B.chain).concat({..._,selected:!0})))},"onChange"),it=i(()=>{let B=we.filter(F=>F.selected);c(B),u(B),d(W),g(!0),o()},"onConfirmBalance"),st=i(async()=>{v([]),C(""),D(null);let B=y.filter(ee=>we.find(pe=>pe.chain===ee.chain&&pe.walletType===ee.walletType)),F=await r?.({selectedWallets:B,customDestination:W}),_=F.warnings;_?.balance?.messages&&v(_.balance.messages),_?.route&&D(_.route),F.error&&C(Po(F.error)),!F.error&&(!_?.balance?.messages.length||0>0)?it():v(_?.balance?.messages??[])},"onConfirmWallets");jc(()=>{z(B=>B.concat(y.filter(F=>!!!B.find(ee=>ee.chain===F.chain)&&F.selected&&U.includes(F.chain))))},[y.length]),Yc(()=>{R&&N.current&&setTimeout(()=>{N?.current?.scrollIntoView({behavior:"smooth"})},Zt)},[R]);let ht=document.querySelector("#swap-box"),at=Qc();return E.createElement(ya,{open:e,onClose:()=>{m||at(h.home,{replace:!0}),o()},dismissible:!k,container:ht,...!k&&{footer:E.createElement(Ks,null,E.createElement(ha,{loading:a,disabled:Ki(a,R,W,l,we,b),onClick:st,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...k&&{containerStyle:{padding:"$0"},header:E.createElement(Us,null,E.createElement(zs,{variant:"ghost",onClick:x.bind(null,"")},E.createElement(Vc,{size:16})),E.createElement(sn,{variant:"headline",size:"small"},et.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:k}})))},anchor:"center"},E.createElement(ya,{open:S.length>0,onClose:v.bind(null,[]),container:ht},E.createElement(Xc,{title:et.t("Insufficient account balance"),type:"error",description:E.createElement(Hc,{messages:S??[]})},E.createElement(ha,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:it},et.t("Proceed anyway")))),k&&E.createElement(qs,null,E.createElement("div",{className:"wallets-list"},E.createElement(dr,{chain:k,isSelected:le,selectWallet:ie,multiWallets:s?.multiWallets??!0,supportedWallets:s?.wallets??[],config:s,onShowMore:x.bind(null,k)}))),!k&&E.createElement(E.Fragment,null,A&&E.createElement(E.Fragment,null,E.createElement(fr,{variant:"alarm",type:"error",title:et.t(A)}),E.createElement(Ft,{size:12})),I&&E.createElement(E.Fragment,null,E.createElement(fr,{variant:"alarm",type:"warning",title:en(I)}),E.createElement(Ft,{size:12})),E.createElement(Rs,null,U.map((B,F)=>{let _=p.find(He=>He.name===B),ee=`wallet-${F}`,pe=F===U.length-1;return E.createElement("div",{key:ee},E.createElement(_s,null,E.createElement(sn,{variant:"title",size:"xmedium"},et.t({id:"yourWallets",message:"Your {blockchainName} wallets",values:{blockchainName:_?.displayName}})),E.createElement(sn,{variant:"label",color:"$neutral900",size:"medium"},et.t({id:"needConnect",message:"You need to connect a {blockchainName} wallet.",values:{blockchainName:_?.displayName}}))),E.createElement(Ft,{size:24}),E.createElement($s,null,E.createElement(dr,{chain:B,isSelected:le,selectWallet:ie,multiWallets:s?.multiWallets??!0,supportedWallets:s?.wallets??[],config:s,limit:Zc,onShowMore:()=>x(_?.name??"")})),!pe&&E.createElement(Ft,{size:32}),pe&&$&&E.createElement(Vs,null,E.createElement(Hs,{ref:N,selected:R,open:R,onOpenChange:He=>{He?ce(b?.name??"")||z(ci=>ci.map(yt=>yt.chain===b?.name?{...yt,selected:!1}:yt)):qe()}},E.createElement(Os,{onClick:()=>X(He=>!He)},E.createElement(Gs,{fullWidth:!0,variant:"default",suffix:E.createElement(Xs,{orientation:R?"up":"down"},E.createElement(Gc,{size:10,color:"gray"}))},E.createElement("div",{className:"button__content"},E.createElement(Kc,{size:18,color:"info"}),E.createElement(Ft,{size:4,direction:"horizontal"}),E.createElement(sn,{variant:"label",size:"medium"},et.t("Send to a different address"))))),E.createElement(Ys,{open:R},E.createElement(E.Fragment,null,E.createElement(Ft,{size:4}),E.createElement(js,{autoFocus:!0,placeholder:et.t("Your destination address"),value:W,onChange:He=>{V(He.target.value)}})))),me&&E.createElement("div",{className:"alarms"},E.createElement(fr,{variant:"alarm",type:"error",title:et.t({id:"addressMatch",values:{destination:W},message:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Sa,"ConfirmWalletsModal");import{calculatePendingSwap as em}from"@rango-dev/queue-manager-rango-preset";import tm from"bignumber.js";import{useEffect as om}from"react";function nm(t,e){if(!t.result)throw new Error(G.noRoutesError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let o=new tm(t.result?.outputAmount||"0").multipliedBy(e.outputUsdValue||0),n=Oo(e.inputUsdValue,o);if(Uo(e.inputUsdValue,n))throw new Error("High value loss for route",{cause:{type:1}});return t}i(nm,"throwErrorIfResponseIsNotValid");function rm(t,e,o){let n=Mi(t,e),r={balance:null,route:null,slippage:null};n&&(zi(t,e)?r.route={type:3,newOutputAmount:w(Lt(e)),percentageChange:w(Re(Lt(t),Lt(e)),null,2)}:Vn(t,e)?r.route={type:0}:Xn(t,e)?r.route={type:1}:Kn(t,e)&&(r.route={type:2}));let s=qi(e,o.selectedWallets);s.length===0||(r.balance={messages:s});let p=Fi(t),l=o.userSlippage>as;return Oi(o.userSlippage.toString(),p)?l&&(r.slippage={type:1,slippage:o.userSlippage.toString()}):r.slippage={type:0,slippage:p},r}i(rm,"generateWarnings");function Ca(){let{fromToken:t,toToken:e,inputAmount:o,inputUsdValue:n,setRoute:r,bestRoute:s,customDestination:a}=M(),{slippage:p,customSlippage:l,affiliatePercent:u,affiliateRef:m,affiliateWallets:g,disabledLiquiditySources:f}=q(),{connectedWallets:d}=O(),{meta:y}=T(),c=l||p,{fetch:k,cancelFetch:x,loading:S}=Ro();return om(()=>x,[]),{loading:S,fetch:i(async A=>{let C=A.selectedWallets,I=A?.customDestination??a;if(!t||!e||!o||!s)return{route:null,swap:null,error:null,warnings:null};let D=Go({fromToken:t,toToken:e,inputAmount:o,wallets:d,selectedWallets:C,disabledLiquiditySources:f,slippage:c,affiliateRef:m,affiliatePercent:u,affiliateWallets:g,initialRoute:s,destination:I}),W;try{W=await k(D).then(X=>nm(X,{outputUsdValue:e.usdPrice,inputUsdValue:n})),r(W)}catch(X){return X?.code==="ERR_CANCELED"?{swap:null,error:{type:3},warnings:null}:X.cause?{swap:null,error:X.cause,warnings:null}:{swap:null,error:{type:2},warnings:null}}let V={slippage:c.toString(),disabledSwappersGroups:f},R=em(o.toString(),W,Ui(C),V,!1,y);return{route:W,swap:R,error:null,warnings:rm(s,W,{selectedWallets:C,userSlippage:c})}},"fetch"),cancelFetch:x}}i(Ca,"useConfirmSwap");var hm=wa("div",{position:"relative",width:"100%","& .description":{display:"flex",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10"},"& .icon":{width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}}),ym=wa("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${ka}`]:{width:"$48",height:"$48"}});function va(t){let{config:e}=t,{bestRoute:o,inputAmount:n,outputAmount:r,inputUsdValue:s,outputUsdValue:a,setInputAmount:p,selectedWallets:l,routeWalletsConfirmed:u,setRouteWalletConfirmed:m,customDestination:g}=M(),f=gm(),[d,y]=pn(""),[c,k]=pn(!1),{connectedWallets:x}=O(),S=!u,[v,A]=pn(!1),C=be.use.setSelectedSwap(),{meta:{tokens:I},loadingStatus:D}=T(),W=q.use.slippage(),V=q.use.customSlippage(),{manager:R}=im(),X=V||W,{fetch:N,loading:U,cancelFetch:$}=Ca(),[b,ce]=pn({swap:null,error:null,warnings:null}),we=U||D==="loading",z=!U&&b.error&&[0,2].includes(b.error.type),re=!z&&!U&&o&&o.result,le=Ho(o,I),me=w(Re(s?.toNumber()??0,a?.toNumber()??0),2,2),qe=Mt(parseFloat(me)),ie=i(async({selectedWallets:B,customDestination:F})=>{let _=await N?.({selectedWallets:B,customDestination:F});return ce(_),_},"onConfirmSwap"),it=i(async()=>{if(b.swap&&u)try{await R?.create("swap",{swapDetails:b.swap},{id:b.swap.requestId}),C(b.swap.requestId),f("/"+h.swaps+`/${b.swap.requestId}`,{replace:!0}),setTimeout(()=>{p("")},0)}catch(B){y("Error: "+B?.message)}},"addNewSwap"),st=i(async()=>{await it()},"onConfirm"),ht=i(async()=>{b?.warnings?.slippage?k(!0):await st()},"onStartConfirmSwap"),at=i(async()=>{ce({error:null,swap:null,warnings:null}),N({selectedWallets:l}).then(B=>{ce(B)}).catch(B=>console.error(B))},"onRefresh");return ln(()=>{S&&$()},[S]),ln(()=>{S&&A(S)},[S]),ln(()=>{S||N({selectedWallets:l,customDestination:g}).then(B=>ce(B)).catch(B=>console.error(B))},[]),ln(()=>{let B=b.warnings?.route?.type&&Object.values(Kt).includes(b.warnings?.route?.type),F=l.length<1||!l.every(ee=>x.find(pe=>ee.address===pe.address&&ee.walletType===pe.walletType&&ee.chain===pe.chain)),_=!1;if(B){let ee=Mo(o),pe=o?.result?.swaps[o.result.swaps.length-1].to.blockchain;!!o?.result?.swaps.find(yt=>yt.from.blockchain===pe)||(ee=ee.slice(-ee.length,ee.length-1)),ee.every(yt=>l.find(dp=>dp.chain===yt))||(_=!0)}o&&(F||_)&&(queueMicrotask(()=>fm(A.bind(null,!0))),m(!1))},[b.warnings?.route,l.length,x.length]),L.createElement(Q,{header:{title:Xe.t("Confirm Swap"),onBack:f.bind(null,-1),hasConnectWallet:!0,suffix:L.createElement(mm,{container:se(),side:"bottom",content:Xe.t("Settings")},L.createElement(Le,{size:"small",variant:"ghost",onClick:()=>f("/"+h.settings)},L.createElement(cm,{size:18,color:"black"})))},footer:L.createElement(ym,null,L.createElement("div",{className:"confirm-button"},L.createElement(an,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:U,disabled:!!b.error,onClick:ht},Xe.t("Start Swap"))),L.createElement(ka,{variant:"contained",type:"primary",size:"large",loading:U,onClick:A.bind(null,!0)},L.createElement(dm,{size:24})))},L.createElement(pm,{anchor:"bottom",open:c,prefix:L.createElement(an,{size:"small",variant:"ghost",onClick:()=>f("/"+h.settings)},L.createElement(Ta,{variant:"label",size:"medium",color:"$neutral900"},Xe.t("Change settings"))),container:document.querySelector("#swap-box"),onClose:k.bind(null,B=>!B)},b.warnings?.slippage&&L.createElement(lm,{type:"warning",title:b.warnings.slippage.type===1?Xe.t("High slippage"):Xe.t("Low slippage"),description:b.warnings.slippage.type===1?Xe.t("highSlippage",{selectedSlippage:X},{message:" Caution, your slippage is high (={selectedSlippage}). Your trade may be front run."}):Xe.t("increaseSlippage",{minRequiredSlippage:b.warnings.slippage.slippage},{message:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route."})},L.createElement(Ot,{size:18}),L.createElement(Ot,{size:32}),L.createElement(an,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:st},Xe.t("Confirm anyway")))),v&&L.createElement(Sa,{open:v,onClose:()=>A(!1),onCancel:$,loading:U,onCheckBalance:ie,config:e}),L.createElement(hm,null,L.createElement("div",{className:"description"},L.createElement(Ta,{variant:"title",size:"small"},Xe.t("You get")),L.createElement(an,{style:{padding:"0"},variant:"ghost",disabled:U,onClick:at},L.createElement("div",{className:"icon"},L.createElement(um,{size:16})))),d&&L.createElement(L.Fragment,null,L.createElement(gr,{type:"error",variant:"alarm",title:d}),L.createElement(Ot,{size:12})),b.warnings?.route&&L.createElement(L.Fragment,null,L.createElement(gr,{variant:"alarm",type:"warning",title:en(b.warnings.route)}),L.createElement(Ot,{size:12})),we&&L.createElement(am,{type:"swap-preview",expanded:!0}),re&&L.createElement(sm,{expanded:!0,tooltipContainer:se(),steps:Di(o)??[],input:{value:w(n,6,6),usdValue:w(s,4,4)},output:{value:w(r,6,6),usdValue:w(a,4,4)},totalFee:w(le,2,2),totalTime:At(Bt(o.result?.swaps)),recommended:!0,type:"swap-preview",percentageChange:me,warningLevel:qe}),z&&L.createElement(L.Fragment,null,L.createElement(Ot,{size:12}),L.createElement(Rt,{diagnosisMessage:b.error?.type===0?b.error.diagnosisMessage:void 0,error:b.error?.type===2,fetch:at})),b.error?.type===1&&L.createElement(L.Fragment,null,L.createElement(gr,{variant:"alarm",type:"error",title:Po(b.error)}),L.createElement(Ot,{size:12}))))}i(va,"ConfirmSwapPage");import{i18n as mn}from"@lingui/core";import{useManager as vm}from"@rango-dev/queue-manager-react";import{Divider as bm,NotFound as xm,styled as Ma}from"@rango-dev/ui";import mt,{useState as Em}from"react";import{useNavigate as Am}from"react-router-dom";import{CloseIcon as Cm,IconButton as Tm,SearchIcon as km,TextField as wm}from"@rango-dev/ui";import to from"react";import{styled as Sm}from"@rango-dev/ui";var ba=Sm("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function tt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:p,...l}=t;return to.createElement(wm,{prefix:to.createElement(ba,null,to.createElement(km,{color:"black"})),suffix:!!a.length&&to.createElement(Tm,{variant:"ghost",onClick:()=>p?.(""),size:"small"},to.createElement(Cm,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...l})}i(tt,"SearchInput");import{i18n as Ea}from"@lingui/core";import{Divider as Aa,SwapListItem as Ba,Typography as Wa}from"@rango-dev/ui";import te from"react";import{styled as un}from"@rango-dev/ui";var hr=un("div",{width:"100%",display:"flex",flexDirection:"column"}),yr=un("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Sr=un("div",{gap:"$10",display:"flex",flexDirection:"column"}),xa=un("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function Cr(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,s=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return te.createElement(te.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(l=>te.createElement(te.Fragment,{key:l.title},te.createElement(hr,null,te.createElement(yr,null,te.createElement(Wa,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},Ea.t(l.title))),te.createElement(Aa,{size:4}),te.createElement(Sr,null,l.swaps.map((u,m)=>{let g=m+l.title;return te.createElement(te.Fragment,{key:g},te.createElement(Ba,{isLoading:!0}))}))))))}return te.createElement(te.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>te.createElement(te.Fragment,{key:a.title},te.createElement(hr,null,te.createElement(yr,null,te.createElement(Wa,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},Ea.t(a.title))),te.createElement(Aa,{size:4}),te.createElement(Sr,null,a.swaps.map(p=>{let l=p.steps[0],u=p.steps[p.steps.length-1];return te.createElement(te.Fragment,{key:p.requestId},te.createElement(Ba,{requestId:p.requestId,creationTime:p.creationTime,status:p.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:l.fromLogo,displayName:l.fromSymbol},blockchain:{image:l.fromBlockchainLogo||""},amount:bo(p.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:bo(u.outputAmount||""),estimatedAmount:bo(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}i(Cr,"SwapsGroup");import Na from"dayjs";var Ia=i(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=Na();return t.forEach(n=>{let r=Na(Number(n.creationTime));o.isSame(r,"day")?e.get("today")?.swaps.push(n):o.isSame(r,"month")?e.get("month")?.swaps.push(n):o.isSame(r,"year")?e.get("year")?.swaps.push(n):e.get("history")?.swaps.push(n)}),Array.from(e.values())},"groupSwapsByDate");var cn=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");var Bm=Ma("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Wm=Ma("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Nm=i((t,e)=>t?.length?t.filter(o=>Ge(o.fromBlockchain,e)||Ge(o.toBlockchain,e)||Ge(o.toSymbol,e)||Ge(o.fromSymbol,e)).length:!1,"isStepContainsText");function La(){let t=be.use.setSelectedSwap(),e=Am(),{navigateBackFrom:o}=oe(),{manager:n,state:r}=vm(),s=cn(n).map(({swap:f})=>f),[a,p]=Em(""),l=!r.loadedFromPersistor,u=i(f=>{let d=f.target.value;p(d)},"searchHandler"),m=s;a&&(m=s.filter(f=>Ge(f.inputAmount,a)||Ge(f.status,a)||Nm(f.steps,a)||Ge(f.requestId,a)));let g=!m?.length&&!l;return mt.createElement(Q,{header:{onBack:o.bind(null,h.swaps),title:mn.t("History")}},mt.createElement(Bm,null,mt.createElement(tt,{setValue:p,fullWidth:!0,variant:"contained",placeholder:mn.t("Search Transaction"),autoFocus:!0,onChange:u,value:a}),mt.createElement(Wm,null,g&&mt.createElement(xa,null,mt.createElement(bm,{size:32}),mt.createElement(xm,{title:mn.t("No results found"),description:a?mn.t("Try using different keywords"):""})),!g&&mt.createElement(Cr,{list:m,onSwapClick:f=>{t(f),e(`${f}`,{replace:!0})},groupBy:Ia,isLoading:l}))))}i(La,"HistoryPage");import{i18n as no}from"@lingui/core";import{List as Im,ListItemButton as Mm,Radio as wr,RadioRoot as Lm,Typography as vr}from"@rango-dev/ui";import Ue,{useState as Pm}from"react";import{styled as dn}from"@rango-dev/ui";var ot=dn("div",{height:"100%"}),oo=dn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"visible"}),Tr=dn("div",{width:80,display:"flex",justifyContent:"flex-end"}),kr=dn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Pa(){let{navigateBackFrom:t}=oe(),[e,o]=Pm("english"),n=[{id:"english",value:"english",title:Ue.createElement(vr,{variant:"title",size:"xmedium"},no.t("English")),onClick:()=>o("english"),end:Ue.createElement(wr,{value:"english"})},{id:"french",value:"french",title:Ue.createElement(vr,{variant:"title",size:"xmedium"},no.t("French")),onClick:()=>o("french"),end:Ue.createElement(wr,{value:"french"})},{id:"spanish",value:"spanish",title:Ue.createElement(vr,{variant:"title",size:"xmedium"},no.t("Spanish")),onClick:()=>o("spanish"),end:Ue.createElement(wr,{value:"spanish"})}];return Ue.createElement(Q,{header:{onBack:t.bind(null,h.settings),title:no.t("Language")}},Ue.createElement(ot,null,Ue.createElement(Lm,{value:e},Ue.createElement(Im,{type:Ue.createElement(Mm,{title:no.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(Pa,"LanguagePage");import{i18n as Ut}from"@lingui/core";import{Button as Om,Checkbox as Um,Image as zm,ListItemButton as qm,NotFound as Hm,Typography as Gm}from"@rango-dev/ui";import ke,{useState as Vm}from"react";import{Checkbox as $m,Skeleton as _a}from"@rango-dev/ui";import ro from"react";import{ListItem as Dm,styled as _m}from"@rango-dev/ui";var Da=_m(Dm,{height:61});var Fm=30;function br(){return ro.createElement(oo,null,Array.from(Array(Fm),t=>ro.createElement(Da,{hasDivider:!0,key:t,start:ro.createElement(_a,{variant:"circular",width:35,height:35}),title:ro.createElement(_a,{variant:"text",size:"large",width:90}),end:ro.createElement($m,{checked:!1})})))}i(br,"LoadingLiquiditySourceList");function fn(t){let e=T.use.meta().swappers,o=q.use.disabledLiquiditySources(),n=[];return lt(e.map(s=>s.swapperGroup)).map(s=>{let a=e.find(p=>p.swapperGroup===s);if(a){let p=!0;t&&(p=t.some(l=>l===a.title)),p&&a.types.map(l=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:l,selected:!o.includes(a.swapperGroup)})})}}),n}i(fn,"getUniqueSwappersGroups");function xr({supportedSwappers:t,sourceType:e}){let[o,n]=Vm(""),r=q.use.toggleLiquiditySource(),{navigateBackFrom:s}=oe(),a=T.use.loadingStatus(),p=fn(t),l=[];e==="Exchanges"&&l.push("DEX"),e==="Bridges"&&(l.push("BRIDGE"),l.push("AGGREGATOR"));let u=p.filter(c=>l.includes(c.type)),m=u.length===u.filter(c=>c.selected).length,g=i(()=>{u.forEach(c=>{m?r(c.groupTitle):c.selected||r(c.groupTitle)})},"toggleAllSources"),f=u.map(c=>{let{selected:k,groupTitle:x,logo:S}=c;return{start:ke.createElement(zm,{src:S,size:22,type:"circular"}),onClick:()=>r(x),end:ke.createElement(Um,{checked:k}),title:ke.createElement(Gm,{variant:"title",size:"xmedium"},Ut.t(x)),...c}}),d=i(c=>{let k=c.target.value;n(k)},"searchHandler"),y=f;return o&&(y=f.filter(c=>Ge(c.groupTitle,o))),ke.createElement(Q,{header:{onBack:s.bind(null,h.settings),title:Ut.t(e),suffix:ke.createElement(Tr,null,ke.createElement(Om,{variant:"ghost",size:"xsmall",onClick:g},Ut.t(m?"Deselect all":"Select all")))}},ke.createElement(ot,null,ke.createElement(tt,{value:o,setValue:n,fullWidth:!0,color:"light",variant:"contained",placeholder:Ut.t("Swap {sourceType}",{sourceType:e}),onChange:d}),a==="loading"&&ke.createElement(br,null),!y.length&&o?ke.createElement(kr,null,ke.createElement(Hm,{title:Ut.t("No results found"),description:Ut.t("Try using different keywords")})):a==="success"&&ke.createElement(oo,null,y.map(c=>ke.createElement(ke.Fragment,{key:c.id},ke.createElement(qm,{style:{height:"61px"},...c,selected:!1,hasDivider:!0}))))))}i(xr,"LiquiditySourcePage");import{i18n as Ga}from"@lingui/core";import{Divider as Wr,SelectableCategoryList as ed}from"@rango-dev/ui";import bt,{useState as Va}from"react";import{i18n as Ar}from"@lingui/core";import{Divider as qa,Image as Ym,ListItemButton as Rm,NotFound as Qm,Typography as Ha}from"@rango-dev/ui";import Me,{useEffect as Zm,useState as Jm}from"react";import{BlockchainCategories as Er}from"@rango-dev/ui";import{TransactionType as gn}from"rango-sdk";var Xm=i((t,e)=>{switch(e){case Er.ALL:return!0;case Er.UTXO:return t.type===gn.TRANSFER;case Er.OTHER:return t.type!==gn.TRANSFER&&t.type!==gn.COSMOS&&t.type!==gn.EVM;default:return t.type===e}},"filterByType"),$a=i((t,e,o)=>t.filter(n=>Xm(n,o)).filter(n=>St(n.name,e)||St(n.displayName,e)),"filterBlockchains");import{styled as Fa}from"@rango-dev/ui";var Oa=Fa("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),hn=Fa("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Km,Skeleton as Ua}from"@rango-dev/ui";import yn from"react";var jm=20;function za(){return yn.createElement(hn,null,Array.from(Array(jm),t=>yn.createElement(Km,{key:t,hasDivider:!0,start:yn.createElement(Ua,{variant:"circular",width:35,height:35}),title:yn.createElement(Ua,{variant:"text",size:"large",width:90})})))}i(za,"LoadingBlockchainList");function Br(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=Jm(e),p=T.use.loadingStatus();Zm(()=>{a([...$a(e,o,r)])},[e,o,r]);let l=i(()=>!s.length&&o?Me.createElement(Me.Fragment,null,Me.createElement(qa,{size:32}),Me.createElement(Qm,{title:Ar.t("No results found"),description:Ar.t("Try using different keywords")})):Me.createElement(hn,{key:`${r}-${o}`},s.map(u=>Me.createElement(Rm,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Me.createElement(Ym,{src:u.logo,size:30}),title:Me.createElement(Ha,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Me.createElement(Oa,null,Me.createElement(Ha,{variant:"label",size:"large"},Ar.t("Select Blockchain")),Me.createElement(qa,{size:4}),p==="loading"&&Me.createElement(za,null),p==="success"&&l())}i(Br,"BlockchainList");function Nr(t){let{type:e,supportedBlockchains:o}=t,{navigateBackFrom:n}=oe(),[r,s]=Va(""),[a,p]=Va("ALL"),l=M.use.setToBlockchain(),u=M.use.setFromBlockchain(),{meta:{blockchains:m},loadingStatus:g}=T(),f=o?T.use.meta().blockchains.filter(d=>o.includes(d.name)):T.use.meta().blockchains;return bt.createElement(Q,{header:{onBack:n.bind(null,h[`${e}Blockchain`]),title:Ga.t("Select Blockchain")}},bt.createElement(Wr,{size:12}),bt.createElement(ed,{setCategory:p,category:a,blockchains:m,isLoading:g==="loading"}),bt.createElement(Wr,{size:24}),bt.createElement(tt,{value:r,autoFocus:!0,placeholder:Ga.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>s(""),onChange:d=>s(d.target.value)}),bt.createElement(Wr,{size:16}),bt.createElement(Br,{list:f,searchedFor:r,blockchainCategory:a,onChange:d=>{e==="from"?u(d,!0):l(d,!0),n(h[`${e}Blockchain`])}}))}i(Nr,"SelectBlockchainPage");import{i18n as ll}from"@lingui/core";import{Divider as pl}from"@rango-dev/ui";import zt,{useEffect as yd,useState as ul}from"react";import{useNavigate as Sd}from"react-router-dom";import{i18n as Ir}from"@lingui/core";import{BlockchainsChip as Sn,Divider as ja,Image as Ya,Skeleton as od,Typography as Mr}from"@rango-dev/ui";import Se,{useEffect as nd,useState as rd}from"react";var Xa=i(t=>{let e=[],o=[];for(let n of t)n.name==="ETH"||n.name==="COSMOS"||n.name==="OSMOSIS"?e.push(n):o.push(n);return e.concat(o)},"sortBlockchains");import{styled as td}from"@rango-dev/ui";var Ka=td("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var id=9,Lr=10,sd=12;function Pr(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Xa(e),[p,l]=rd(null),u=T.use.loadingStatus(),m=M.use.resetToBlockchain(),g=M.use.resetFromBlockchain(),f=p?id:Lr;return nd(()=>{let d=a.slice(Lr,a.length).find(y=>y.chainId===n?.chainId&&y.name===n?.name);d&&l(d)},[n]),Se.createElement("div",null,Se.createElement(ja,{size:12}),Se.createElement(Mr,{variant:"label",size:"large"},Ir.t("Select Blockchain")),Se.createElement(ja,{size:12}),Se.createElement(Ka,null,u==="loading"&&Array.from(Array(sd),d=>Se.createElement(od,{key:d,variant:"rounded",height:50})),u==="success"&&Se.createElement(Se.Fragment,null,Se.createElement(Sn,{selected:!n,onClick:()=>{o==="from"?g():m()}},Se.createElement(Mr,{variant:"body",size:"xsmall",color:"secondary500"},Ir.t("All"))),!!p&&Se.createElement(Sn,{selected:!!p&&p.chainId===n?.chainId,key:p.chainId,onClick:()=>r(p)},Se.createElement(Ya,{src:p.logo,size:30})),a.slice(0,f).map(d=>Se.createElement(Sn,{key:d.chainId,selected:!!n&&n.chainId===d.chainId,onClick:()=>r(d)},Se.createElement(Ya,{src:d.logo,size:30}))),Se.createElement(Sn,{onClick:s},Se.createElement(Mr,{variant:"body",size:"xsmall",color:"secondary500"},Ir._("More +{count}",{count:a.length-Lr}))))))}i(Pr,"BlockchainsSection");import{i18n as Fr}from"@lingui/core";import{darkTheme as ol,Divider as so,ExternalLinkIcon as pd,Image as ud,ListItemButton as cd,NotFound as md,PinIcon as dd,Skeleton as nl,Typography as ao,VirtualizedList as fd}from"@rango-dev/ui";import P,{forwardRef as gd,useEffect as rl,useState as il}from"react";import{Divider as el,ListItem as ld,Skeleton as io}from"@rango-dev/ui";import ze from"react";import{styled as Ke,Typography as ad}from"@rango-dev/ui";var Ra=Ke("div",{display:"flex",flexDirection:"column",flexGrow:1}),Dr=Ke("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Cn=Ke("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none",".description":{position:"relative",height:12,width:150,".token-title":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"},".token-address":{transform:"translateY(12px)",visibility:"hidden","& a":{fontSize:"$12",lineHeight:"$16",color:"$neutral800",textDecoration:"none"}},".token-name":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}},"&:hover":{".description":{".token-address":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},".token-address-without-name":{bottom:"-15px"},".token-name":{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},".token-title":{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),_r=Ke("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),$r=Ke(ad,{}),Qa=Ke("div",{textAlign:"right"}),Tn=Ke("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),Hx=Ke("div",{display:"flex",alignItems:"center"}),Za=Ke("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),Ja=Ke("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function tl(t){return ze.createElement(Cn,null,Array.from(Array(t.size),e=>ze.createElement(ld,{key:e,hasDivider:!0,start:ze.createElement(io,{variant:"circular",width:35,height:35}),end:ze.createElement(Tn,null,ze.createElement(io,{variant:"text",size:"large",width:70}),ze.createElement(el,{size:4}),ze.createElement(io,{variant:"text",size:"medium",width:50})),title:ze.createElement("div",null,ze.createElement(io,{variant:"text",size:"large",width:90}),ze.createElement(el,{size:4}),ze.createElement(io,{variant:"text",size:"medium",width:90}))})))}i(tl,"LoadingTokenList");var Or=20,hd=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,p=e.length;return P.createElement("div",{className:"description"},o?P.createElement("div",{className:"token-name"},o):P.createElement(Dr,{className:"token-title"},P.createElement(ao,{variant:"title",size:"xmedium"},r.symbol),P.createElement(so,{direction:"horizontal",size:4}),P.createElement(_r,{css:s},P.createElement($r,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&P.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},P.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:l=>l.stopPropagation()},p>10?`${e.slice(0,5)}...${e.slice(p-6,p)}`:e," ",P.createElement(pd,{color:"gray",size:12}))))},"renderDesc");function sl(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=il(e),p=T.use.loadingStatus(),[l,u]=il(!0),m=O.use.loading(),{blockchains:g}=T.use.meta(),f=gd((c,k)=>P.createElement("div",{...c,ref:k,style:{...c.style,height:`${parseFloat(c.style?.height)+8*2}px`}})),d=i(()=>{a(e.slice(0,s.length+Or))},"loadNextPage");rl(()=>{u(e.length>s.length)},[s.length]),rl(()=>{a(e.slice(0,Or))},[e]);let y=i(()=>!s.length&&o?P.createElement(P.Fragment,null,P.createElement(so,{size:32}),P.createElement(md,{title:Fr.t("No results found"),description:Fr.t("Try using different keywords")})):P.createElement(fd,{Item:({index:c,style:k})=>{let x=s[c].address||"",S=g.find(I=>I.name===s[c].blockchain),v=yi(s[c].symbol,S?.color||""),A={$$color:v[`${s[c].symbol}100`],[`.${ol} &`]:{$$color:v[`${s[c].symbol}900`]},backgroundColor:"$$color"},C={$$color:v[`${s[c].symbol}700`],[`.${ol} &`]:{$$color:v[`${s[c].symbol}100`]},color:"$$color"};return P.createElement("div",{style:{...k,paddingRight:5}},P.createElement(cd,{style:{height:k?.height},"tab-index":c,key:`${s[c].symbol}${s[c].address}`,id:`${s[c].symbol}${s[c].address}`,hasDivider:!0,onClick:()=>n(s[c]),start:P.createElement(Za,null,P.createElement(ud,{src:s[c].image,size:30}),s[c].pin&&P.createElement(Ja,null,P.createElement(dd,{size:12,color:"gray"}))),title:S?.type==="COSMOS"||s[c].name||!s[c].name&&!x?P.createElement(Dr,null,P.createElement(ao,{variant:"title",size:"xmedium"},s[c].symbol),P.createElement(so,{direction:"horizontal",size:4}),P.createElement(_r,{css:A},P.createElement($r,{variant:"body",size:"xsmall",css:C},s[c].blockchain))):void 0,description:S?.info&&x&&S.type!=="COSMOS"?hd({address:x,token:s[c],customCssForTag:A,customCssForTagTitle:C,name:s[c].name,url:S.info.addressUrl.split("{wallet}").join(x)}):s[c].name||void 0,end:m?P.createElement(Tn,null,P.createElement(nl,{variant:"text",size:"large",width:70}),P.createElement(so,{size:4}),P.createElement(nl,{variant:"text",size:"medium",width:50})):s[c]?.balance&&P.createElement(Qa,null,P.createElement(ao,{variant:"title",size:"small"},s[c].balance?.amount),P.createElement("div",null),s[c].balance?.usdValue&&P.createElement(ao,{variant:"body",color:"neutral800",size:"xsmall"},`$${s[c].balance?.usdValue}`))}))},hasNextPage:l,itemCount:s.length,loadNextPage:d,innerElementType:f,size:60,key:`${r}-${o}`}),"renderList");return P.createElement(Ra,null,P.createElement(ao,{variant:"label",size:"large"},Fr.t("Select Token")),P.createElement(so,{size:4}),p==="loading"&&P.createElement(tl,{size:Or}),p==="success"&&P.createElement(Cn,null,y()))}i(sl,"TokenList");var al=i((t,e)=>t.filter(o=>St(o.symbol,e)||St(o.address||"",e)||St(o.name||"",e)).sort((o,n)=>n.pin-o.pin),"filterTokens");function Ur(t){let{type:e,supportedBlockchains:o,supportedTokens:n,pinnedTokens:r}=t,[s,a]=ul(""),p=Sd(),{navigateBackFrom:l}=oe(),{meta:{tokens:u},setTokensWithBalance:m}=T(),{sourceTokens:g,destinationTokens:f,fromBlockchain:d,toBlockchain:y,setFromToken:c,setToToken:k,setFromBlockchain:x,setToBlockchain:S}=M(),{connectedWallets:v,loading:A}=O(),[C,I]=ul(""),D=o?T.use.meta().blockchains.filter($=>o.includes($.name)):T.use.meta().blockchains,W=n?Io(n,u):u.filter($=>new Set(D.map(b=>b.name)).has($.blockchain)),V=n?Io(n,g):g,R=n?Io(n,f):f,X=e==="from"?V:R,N=[];return e==="from"&&!d||e==="to"&&!y?N=W:X.length&&(N=X.map($=>({...$,pin:r?.some(b=>Pe(b,$))}))),yd(()=>{v.length&&!A&&m()},[v,A]),zt.createElement(Q,{header:{onBack:()=>l(e==="from"?h.fromSwap:h.toSwap),title:ll.t("Swap {type}",{type:e})}},zt.createElement(Pr,{blockchains:D,type:e,blockchain:e==="from"?d:y,onMoreClick:()=>p(e==="from"?h.fromBlockchain:h.toBlockchain),onChange:$=>{e==="from"?x($,!0):S($,!0),a($.name)}}),zt.createElement(pl,{size:24}),zt.createElement(tt,{value:C,autoFocus:!0,placeholder:ll.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>I(""),onChange:$=>I($.target.value)}),zt.createElement(pl,{size:16}),zt.createElement(sl,{list:al(N,C),selectedBlockchain:s,searchedFor:C,onChange:$=>{let b=D.find(ce=>$.blockchain===ce.name);e==="from"?(c($),b&&x(b,!0)):(k($),b&&S(b,!0)),l(h.fromSwap)}}))}i(Ur,"SelectSwapItemsPage");import{i18n as dt}from"@lingui/core";import{ChevronRightIcon as vn,Divider as Hr,InfoIcon as bd,List as xd,ListItemButton as Ed,Skeleton as Ad,Switch as Bd,Tooltip as Wd,Typography as ft}from"@rango-dev/ui";import H from"react";import{useNavigate as Nd}from"react-router-dom";import{i18n as gl}from"@lingui/core";import{Chip as Td,Divider as hl,InfoIcon as kd,TextField as wd,Tooltip as vd,Typography as yl}from"@rango-dev/ui";import xe from"react";import{styled as kn}from"@rango-dev/ui";var cl=kn("div",{paddingTop:"$5",paddingBottom:"30px"}),ml=kn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),dl=kn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),wn=kn("div",{maxWidth:"300px",padding:"$10"});import{i18n as zr}from"@lingui/core";import{Typography as Cd}from"@rango-dev/ui";import lo from"react";function fl(){return lo.createElement(wn,null,lo.createElement(Cd,{variant:"label",size:"medium",color:"neutral900"},zr.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),lo.createElement("br",null),lo.createElement("br",null),lo.createElement("b",null,zr.t("Warning")),":",zr.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}i(fl,"SlippageTooltipContent");function qr(){let t=q.use.slippage(),e=q.use.setSlippage(),o=q.use.customSlippage(),n=q.use.setCustomSlippage();return xe.createElement(cl,null,xe.createElement(dl,null,xe.createElement(yl,{variant:"title",size:"xmedium"},gl.t("Slippage tolerance per swap")),xe.createElement(hl,{direction:"horizontal",size:4}),xe.createElement(vd,{container:se(),side:"top",content:xe.createElement(fl,null)},xe.createElement(kd,{color:"gray"}))),xe.createElement(ml,null,is.map((r,s)=>{let a=`slippage-${s}`;return xe.createElement(xe.Fragment,null,xe.createElement(Td,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),xe.createElement(hl,{direction:"horizontal",size:8}))}),xe.createElement(wd,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=parseFloat(r.target.value);(!s||s>=ps&&s<=ls)&&n(s)},suffix:o&&xe.createElement(yl,{variant:"body",size:"small"},"%"),placeholder:gl.t("Custom")})))}i(qr,"Slippage");function Sl({supportedSwappers:t,singleTheme:e}){let o=Nd(),{navigateBackFrom:n}=oe(),r=q.use.infiniteApprove(),s=q.use.toggleInfiniteApprove(),a=T.use.loadingStatus(),p=fn(t),l=p.filter(C=>C.type==="BRIDGE"||C.type==="AGGREGATOR"),u=l.length,m=l.filter(C=>C.selected).length,g=p.filter(C=>C.type==="DEX"),f=g.length,d=g.filter(C=>C.selected).length,y=i((C,I)=>{switch(a){case"loading":return H.createElement(Ad,{variant:"text",size:"medium",width:50});case"failed":return H.createElement(ft,{variant:"body",size:"medium",color:"$error500"},dt.t("Loading failed"));default:return H.createElement(ft,{variant:"body",size:"medium"},`${C} / ${I}`)}},"handleEndItem"),c={id:"bridge-item",title:H.createElement(ft,{variant:"title",size:"xmedium"},dt.t("Enabled bridges")),end:H.createElement(H.Fragment,null,y(m,u),H.createElement(Hr,{direction:"horizontal",size:8}),H.createElement(vn,{color:"black"})),onClick:()=>o(h.bridges)},k={id:"exchange-item",title:H.createElement(ft,{variant:"title",size:"xmedium"},dt.t("Enabled exchanges")),end:H.createElement(H.Fragment,null,y(d,f),H.createElement(Hr,{direction:"horizontal",size:8}),H.createElement(vn,{color:"gray"})),onClick:()=>o(h.exchanges)},x={id:"language-item",title:H.createElement(ft,{variant:"title",size:"xmedium"},dt.t("Language")),end:H.createElement(vn,{color:"gray"}),onClick:()=>o(h.languages)},S={id:"theme-item",title:H.createElement(ft,{variant:"title",size:"xmedium"},dt.t("Theme")),end:H.createElement(vn,{color:"gray"}),onClick:()=>o(h.themes)},v={id:"infinite-approval-item",title:H.createElement(H.Fragment,null,H.createElement(ft,{variant:"title",size:"xmedium"},dt.t("Infinite Approval")),H.createElement(Hr,{direction:"horizontal",size:4}),H.createElement(Wd,{side:"top",container:se(),content:H.createElement(wn,null,H.createElement(ft,{variant:"label",size:"medium",color:"neutral900"},dt.t("Enabling the 'Infinite Approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},H.createElement(bd,{color:"gray"}))),end:H.createElement(Bd,{checked:r}),onClick:s},A=[c,k,x];return e||A.push(S),A.push(v),H.createElement(Q,{header:{onBack:n.bind(null,h.settings),title:dt.t("Setting")}},H.createElement(ot,null,H.createElement(qr,null),H.createElement(xd,{type:H.createElement(Ed,{title:"_",id:"_",onClick:()=>console.log()}),items:A})))}i(Sl,"SettingsPage");import{cancelSwap as Ef}from"@rango-dev/queue-manager-rango-preset";import{useManager as Af}from"@rango-dev/queue-manager-react";import Rl from"react";import{i18n as nt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as sf,getCurrentStep as af,getRelatedWalletOrNull as lf,PendingSwapNetworkStatus as Ln}from"@rango-dev/queue-manager-rango-preset";import{Button as ql,CopyIcon as pf,Divider as uf,IconButton as cf,RouteCost as mf,RouteSummary as df,StepDetails as ff,Typography as Ht,useCopyToClipboard as gf}from"@rango-dev/ui";import{useWallets as hf}from"@rango-dev/wallets-react";import Z,{useEffect as Hl,useRef as yf,useState as Gl}from"react";import{useNavigate as Sf}from"react-router-dom";import{i18n as Ee}from"@lingui/core";var Id=1e3,Md=31536e3,Ld=2592e3,Pd=86400,Dd=3600,_d=60;function Cl(t){let e=Math.floor((Date.now()-t)/Id),n=[{turningPoint:Md,label:Ee.t("year"),pluralLabel:Ee.t("years")},{turningPoint:Ld,label:Ee.t("month"),pluralLabel:Ee.t("months")},{turningPoint:Pd,label:Ee.t("day"),pluralLabel:Ee.t("days")},{turningPoint:Dd,label:Ee.t("hour"),pluralLabel:Ee.t("hours")},{turningPoint:_d,label:Ee.t("minute"),pluralLabel:Ee.t("minutes")}].sort((r,s)=>s.turningPoint-r.turningPoint);for(let r of n){let{turningPoint:s,label:a,pluralLabel:p}=r,l=Math.floor(e/s);if(l>1)return`${l} ${p}`;if(l===1)return`${l} ${a}`}return e>1?`${e} ${Ee.t("seconds")}`:`${e} ${Ee.t("second")}`}i(Cl,"timeSince");function Tl(t){return t.finishTime?Ee.t({id:"timeAgo",message:"{time} ago",values:{time:Cl(parseInt(t.finishTime))}}):Ee.t({id:"timeAgo",message:"{time} ago",values:{time:Cl(parseInt(t.creationTime))}})}i(Tl,"getSwapDate");import{PendingSwapNetworkStatus as En}from"@rango-dev/queue-manager-rango-preset";import{Modal as Hd}from"@rango-dev/ui";import An from"react";import{i18n as bn}from"@lingui/core";import{Button as kl,Divider as Gr,MessageBox as $d,Typography as wl}from"@rango-dev/ui";import je from"react";var vl=i(({onCancel:t,onClose:e})=>je.createElement(je.Fragment,null,je.createElement(Gr,{size:20}),je.createElement($d,{type:"error",title:bn.t("Transaction Cancel"),description:bn.t("Are you sure you want to Cancel this swap?")}),je.createElement(Gr,{size:32}),je.createElement(kl,{variant:"contained",type:"primary",size:"large",onClick:t},je.createElement(wl,{variant:"title",size:"medium",color:"neutral100"},bn.t("Yes, Cancel it"))),je.createElement(Gr,{size:12}),je.createElement(kl,{variant:"outlined",type:"primary",size:"large",onClick:e},je.createElement(wl,{variant:"title",size:"medium",color:"primary"},bn.t("No, Continue")))),"CancelContent");import{i18n as xn}from"@lingui/core";import{Button as bl,Divider as Vr,MessageBox as Fd,Typography as xl}from"@rango-dev/ui";import Ye from"react";var El=i(({onDelete:t,onClose:e})=>Ye.createElement(Ye.Fragment,null,Ye.createElement(Vr,{size:20}),Ye.createElement(Fd,{type:"error",title:xn.t("Delete Transaction"),description:xn.t("Are you sure you want to delete this swap?")}),Ye.createElement(Vr,{size:32}),Ye.createElement(bl,{variant:"contained",type:"primary",size:"large",onClick:t},Ye.createElement(xl,{variant:"title",size:"medium",color:"neutral100"},xn.t("Yes, Delete it"))),Ye.createElement(Vr,{size:12}),Ye.createElement(bl,{variant:"outlined",type:"primary",size:"large",onClick:e},Ye.createElement(xl,{variant:"title",size:"medium",color:"primary"},xn.t("No, Cancel")))),"DeleteContent");import{i18n as Xr}from"@lingui/core";import{PendingSwapNetworkStatus as Kr}from"@rango-dev/queue-manager-rango-preset";var jr={[Kr.WaitingForNetworkChange]:{type:"loading",title:Xr.t("Change Network")},[Kr.WaitingForConnectingWallet]:{type:"warning",title:Xr.t("Connect Wallet")},[Kr.NetworkChanged]:{type:"success",title:Xr.t("Network Changed")}};import{MessageBox as Ud,Wallet as zd,WalletState as Bl}from"@rango-dev/ui";import{useWallets as qd}from"@rango-dev/wallets-react";import po from"react";import{styled as Od}from"@rango-dev/ui";var Al=Od("div",{display:"flex",justifyContent:"center"});var Wl=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:p,state:l}=qd(),u=n?.walletType,g=u&&l(u).connected?Bl.CONNECTED:Bl.DISCONNECTED;return po.createElement(po.Fragment,null,po.createElement(Ud,{type:e,title:o,description:r}),s&&u&&po.createElement(Al,null,po.createElement(zd,{container:se(),title:p(u).name,image:p(u).img,type:u,state:g,onClick:async()=>a(u)})))},"WalletStateContent");function Yr(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,p=e===En.WaitingForNetworkChange||e===En.WaitingForConnectingWallet||e===En.NetworkChanged;return An.createElement(Hd,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},p&&An.createElement(Wl,{type:jr[e].type,title:jr[e].title,currentStepWallet:s,message:a,showWalletButton:e!==En.WaitingForNetworkChange}),e==="delete"&&An.createElement(El,{onClose:o,onDelete:n}),e==="cancel"&&An.createElement(vl,{onClose:o,onCancel:r}))}i(Yr,"SwapDetailsModal");import{i18n as uo}from"@lingui/core";import{Button as Rr,Divider as Bn,MessageBox as Nl,Modal as Gd,TokenAmount as Vd,Typography as Wn}from"@rango-dev/ui";import fe from"react";import{useNavigate as Xd}from"react-router-dom";function Qr(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,token:a,chain:p,percentageChange:l,description:u,diagnosisUrl:m}=t,g=Xd();return fe.createElement(Gd,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?fe.createElement(Nl,{type:"success",title:uo.t("Swap Successful")},fe.createElement(Vd,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:s},token:a,chain:p,percentageChange:l}),fe.createElement(Bn,{size:12}),fe.createElement(Wn,{variant:"body",size:"medium",color:"neutral900",align:"center"},u)):fe.createElement(Nl,{type:"error",title:uo.t("Transaction Failed"),description:u}),fe.createElement(Bn,{size:32}),n==="success"&&fe.createElement(Rr,{variant:"contained",type:"primary",size:"large",onClick:()=>g(h.home)},fe.createElement(Wn,{variant:"title",size:"medium",color:"neutral100"},uo.t("Done"))),fe.createElement(Bn,{size:12}),m&&fe.createElement(fe.Fragment,null,fe.createElement(Rr,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},fe.createElement(Wn,{variant:"title",size:"medium",color:"primary"},uo.t("Diagnosis"))),fe.createElement(Bn,{size:12})),fe.createElement(Rr,{variant:"outlined",type:"primary",size:"large",onClick:o},fe.createElement(Wn,{variant:"title",size:"medium",color:"primary"},uo.t("See Details"))))}i(Qr,"SwapDetailsCompleteModal");import nf from"react";import{i18n as Jd}from"@lingui/core";import{Alert as _l,IconButton as ef,LinkIcon as tf}from"@rango-dev/ui";import gt,{Fragment as of}from"react";import{Alert as Kd,ChevronDownIcon as jd,ChevronUpIcon as Yd,IconButton as Rd}from"@rango-dev/ui";import Nn,{useState as Qd}from"react";function Il(t){let{message:e}=t,[o,n]=Qd(!1);return Nn.createElement(Kd,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Nn.createElement(Rd,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Nn.createElement(Yd,{size:12,color:"gray"}):Nn.createElement(jd,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(Il,"FailedAlert");import{styled as Zd}from"@rango-dev/ui";var Ml=Zd("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Ll}from"@lingui/core";import{PendingSwapNetworkStatus as Zr}from"@rango-dev/queue-manager-rango-preset";import{Alert as Jr,Button as Pl}from"@rango-dev/ui";import co from"react";function Dl(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?co.createElement(Jr,{type:"warning",title:n.shortMessage,action:co.createElement(Pl,{size:"xxsmall",type:"warning",onClick:()=>{o(Zr.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},Ll.t("Change"))}):r===Zr.WaitingForConnectingWallet?co.createElement(Jr,{type:"warning",title:n.shortMessage,action:co.createElement(Pl,{size:"xxsmall",type:"warning",onClick:()=>{o(Zr.WaitingForConnectingWallet)}},Ll.t("Connect"))}):co.createElement(Jr,{type:"warning",title:n.shortMessage})}i(Dl,"WarningAlert");function ei(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,p=jt(s),l=s.status==="waitingForApproval"&&!p,u=s.status==="running"&&!p;return gt.createElement(Ml,null,s.explorerUrl?.map((m,g,f)=>{let d=g+m.url,y=g===f.length-1,c=y&&u||l,k=y&&s.status==="failed";return gt.createElement(of,{key:d},gt.createElement(_l,{type:c&&"loading"||k&&"error"||"success",title:m.description?`${m.description} Tx`:Jd.t("View transaction"),action:m.url&&gt.createElement(ef,{variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},gt.createElement(tf,{size:16}))}))}),(u&&!a||l&&!s.explorerUrl?.length)&&gt.createElement(_l,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&p&&gt.createElement(Dl,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&gt.createElement(Il,{message:r}))}i(ei,"SwapDetailsAlerts");var $l=2e3;var Fl=i(({swap:t,...e})=>{let o=t.hasAlreadyProceededToSign!==!1;return t.steps.map((n,r)=>{let s=r===0?t.inputAmount:t.steps[r-1].outputAmount;return{from:{token:{displayName:n.fromSymbol,image:n.fromLogo||""},chain:{displayName:n.fromBlockchain,image:n.fromBlockchainLogo||""},price:{value:w(s,6,6)}},to:{token:{displayName:n.toSymbol,image:n.toLogo},chain:{displayName:n.toBlockchain,image:n.toBlockchainLogo||""},price:{value:w(n.outputAmount||n.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:n.swapperId,image:n.swapperLogo||""},alerts:nf.createElement(ei,{step:n,hasAlreadyProceededToSign:o,...e})}})},"getSteps");function Ol(t){if(jt(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i(Ol,"getStepState");import{darkTheme as rf,styled as qt}from"@rango-dev/ui";var In=qt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1,"& .row":{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${rf} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"},"& .request-id":{display:"flex",justifyContent:"center",alignItems:"center",height:"$24"},"& .output":{display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"},"& .title-steps":{textAlign:"left",width:"100%",padding:"0 $20 $10"}}),Mn=qt("div",{width:"100%"}),Ul=qt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),N0=qt("div",{display:"flex",flexDirection:"column",gap:"$10"}),zl=qt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),I0=qt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function ti(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:p}=hf(),l=M.use.retry(),u=Sf(),{navigateBackFrom:m}=oe(),[g,f]=gf($l),d=yf(null),[y,c]=Gl(null),[k,x]=Gl(null),{meta:{tokens:S}}=T(),v=i(()=>{r(),c(null)},"onCancel"),A=Ie.use.getUnreadNotifications(),C=Ie.use.setAsRead(),I=A(),D=af(e),W=D?.networkStatus;Hl(()=>{I.find(_=>_.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(x(e.status),C(e.requestId))},[e.status]),Hl(()=>{b?c(Ln.WaitingForNetworkChange):W===Ln.WaitingForConnectingWallet||W===Ln.NetworkChanged?c(W):c(null)},[W]);let V=Vi(e),R=D?sf(e,D):null,X=D?lf(e,D):null,N=Tl(e),U=Xi(e),$=i(F=>!!p(F)?.mobileWallet,"isMobileWallet"),b=W===Ln.WaitingForNetworkChange&&!!R&&!!X?.walletType&&($(X.walletType)||s(X.walletType,R)),ce=b?a.bind(null,X.walletType,R):void 0,we=Gi(e,D),z=Fl({swap:e,switchNetwork:ce,showNetworkModal:W,setNetworkModal:c,message:we}),re=z.length,[le,me]=[e.steps[0],e.steps[re-1]],qe=me.outputAmount||me.expectedOutputAmountHumanReadable,ie=e.steps.reduce((F,_)=>F+parseFloat(_.feeInUsd||""),0),it=e.steps.find(F=>F.diagnosisUrl)?.diagnosisUrl,st=w(String(parseFloat(w(qe,6,6))*(Ao(me.toBlockchain,me.toSymbol,me.toSymbolAddress,S)||0)),4,4),ht=w(String(parseFloat(e.inputAmount)*(Ao(le.fromBlockchain,le.fromSymbol,le.fromSymbolAddress,S)||0)),4,4),at=Re(ht,st),B=e.status==="success"?nt.t({id:"receivedMessage",message:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:w(qe,6,6),token:z[re-1].to.token.displayName,conciseAddress:Wo(e.wallets[z[re-1].to.chain.displayName]?.address||""),chain:z[re-1].to.chain.displayName}}):`${nt.t("Transaction was not sent.")} ${V?nt.t({id:"remainSymbol",message:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:V.outputAmount,symbol:V.symbol,blockchain:V.blockchain}}):""}`;return Z.createElement(Q,{noPadding:!0,header:{title:nt.t("Swap and Bridge"),onBack:m.bind(null,h.swapDetails),onCancel:e.status==="running"?()=>c("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(xt,null,Z.createElement(ql,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>c("delete")},Z.createElement(Ht,{size:"medium",variant:"label",color:"error"},nt.t("Delete"))))},footer:U&&!k&&Z.createElement(ql,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{l(e),setTimeout(()=>{u(h.home)},0)}},nt.t("Try again"))},Z.createElement(In,null,Z.createElement(Mn,null,Z.createElement("div",{className:"row"},Z.createElement(Ht,{variant:"label",size:"large",color:"neutral900"},`${nt.t("Request ID")}:`),Z.createElement("div",{className:"request-id"},Z.createElement(Ht,{variant:"label",size:"small",color:"neutral900"},o),Z.createElement(cf,{variant:"ghost",onClick:f.bind(null,o||"")},Z.createElement(pf,{size:16,color:"gray"})))),Z.createElement("div",{className:"row"},Z.createElement(Ht,{variant:"label",size:"large",color:"neutral900"},`${nt.t("Created at")}:`),Z.createElement(Ht,{variant:"label",size:"small",color:"neutral900"},N))),Z.createElement("div",{className:"output"},Z.createElement(mf,{fee:w(String(ie),2,2),time:At(Bt(e.steps)),steps:re}),Z.createElement(df,{from:{price:{value:w(e.inputAmount,6,6),usdValue:ht},token:{displayName:z[0].from.token.displayName,image:z[0].from.token.image},chain:{image:z[0].from.chain.image,displayName:z[0].from.chain.displayName}},to:{price:{value:w(qe,6,6),usdValue:st},token:{displayName:z[re-1].to.token.displayName,image:z[re-1].to.token.image},chain:{image:z[re-1].to.chain.image,displayName:z[re-1].to.chain.displayName}},percentageChange:w(at,2,2),warningLevel:Mt(at?.toNumber()??0)})),Z.createElement("div",{className:"title-steps"},Z.createElement(Ht,{variant:"title",size:"small"},nt.t("Swaps steps"))),Z.createElement(uf,{size:8}),Z.createElement(Ul,{ref:d},z.map((F,_)=>{let ee=_,pe=Ol(e.steps[_]),He=pe==="error"||pe==="in-progress"||pe==="warning"||pe==="completed"&&_===z.length-1;return Z.createElement(ff,{key:ee,step:F,type:"route-progress",ref:d,state:pe,hasSeparator:_!==0,tabIndex:ee,isFocused:He})}))),Z.createElement(Yr,{state:y,onClose:()=>c(null),onCancel:v,onDelete:n,message:we.detailedMessage.content,currentStepWallet:X}),Z.createElement(Qr,{open:!!k,diagnosisUrl:it,onClose:()=>x(null),status:e.status==="success"?"success":"failed",priceValue:w(qe,6,6),usdValue:st,percentageChange:w(at,2,2),token:{displayName:z[re-1].to.token.displayName,image:z[re-1].to.token.image},chain:{image:z[re-1].to.chain.image},description:B}))}i(ti,"SwapDetails");import{i18n as yo}from"@lingui/core";import{CopyIcon as vf,IconButton as bf,NotFound as xf,Skeleton as jl,Typography as Dn}from"@rango-dev/ui";import ue from"react";import{i18n as Tf}from"@lingui/core";import{ChainToken as kf,Divider as ni,Skeleton as ho,Typography as wf}from"@rango-dev/ui";import J from"react";import{styled as oi}from"@rango-dev/ui";var Vl=oi("div",{width:"100%",height:"100%",padding:"$0 $20",".cost":{paddingTop:"$15",display:"flex"},".route-summary":{padding:"$15 $0"},".route-summary-item":{display:"flex",justifyContent:"space-between",alignItems:"center"},".token-amount":{display:"flex",justifyContent:"space-between",alignItems:"center"},".route-summary-separator":{width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"},".swaps-steps":{paddingBottom:"$10"}}),Xl=oi("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15",".step-title":{display:"flex",justifyContent:"start",alignItems:"center"},".step-tokens":{paddingTop:"$5",display:"flex",alignItems:"center"},".step-token-info":{display:"flex",alignItems:"center"},".step-icon-container":{padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"},".extra-info":{display:"flex",paddingTop:"$10",paddingBottom:"$5"}}),Pn=oi("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral900",marginLeft:"25px"});import{ChainToken as Kl,Divider as mo,NextIcon as Cf,Skeleton as fo}from"@rango-dev/ui";import ae from"react";function go(t){let{extraInfo:e}=t;return ae.createElement(Xl,null,ae.createElement("div",{className:"step-title"},ae.createElement(fo,{height:28,width:28,variant:"circular"}),ae.createElement(mo,{direction:"horizontal",size:8}),ae.createElement(fo,{height:15,width:148,variant:"rounded"})),ae.createElement("div",{className:"step-tokens"},ae.createElement(mo,{direction:"horizontal",size:20}),ae.createElement("div",{className:"step-token-info"},ae.createElement(Kl,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(mo,{direction:"horizontal",size:8}),ae.createElement(fo,{height:12,width:76,variant:"rounded"})),ae.createElement("div",{className:"step-icon-container"},ae.createElement(Cf,{color:"gray",size:16})),ae.createElement("div",{className:"step-token-info"},ae.createElement(Kl,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(mo,{direction:"horizontal",size:8}),ae.createElement(fo,{height:12,width:76,variant:"rounded"}))),e&&ae.createElement("div",{className:"extra-info"},ae.createElement(mo,{direction:"horizontal",size:20}),ae.createElement(fo,{height:22,width:297,variant:"rectangular"})))}i(go,"LoadingSwapDetailStep");function ri(){let t=J.createElement("div",{className:"route-summary-item"},J.createElement("div",{className:"token-amount"},J.createElement(kf,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),J.createElement(ni,{size:8,direction:"horizontal"}),J.createElement(ho,{height:15,width:148,variant:"rounded"})),J.createElement(ho,{height:12,width:64,variant:"rounded"}));return J.createElement(Vl,null,J.createElement("div",{className:"cost"},J.createElement(ho,{width:60,height:10,variant:"rounded"}),J.createElement(ni,{size:4,direction:"horizontal"}),J.createElement(ho,{width:60,height:10,variant:"rounded"}),J.createElement(ni,{size:4,direction:"horizontal"}),J.createElement(ho,{width:60,height:10,variant:"rounded"})),J.createElement("div",{className:"route-summary"},t,J.createElement("div",{className:"route-summary-separator"}),t),J.createElement("div",{className:"swaps-steps"},J.createElement(wf,{variant:"title",size:"small"},Tf.t("Swaps steps"))),J.createElement("div",{className:"step-container"},J.createElement(go,{extraInfo:!0}),J.createElement(Pn,null),J.createElement(go,null),J.createElement(Pn,null),J.createElement(go,null),J.createElement(Pn,null),J.createElement(go,null)))}i(ri,"LoadingSwapDetails");function Yl(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=oe();return ue.createElement(Q,{noPadding:!0,header:{title:yo.t("Swap and Bridge"),onBack:n.bind(null,h.swapDetails),suffix:ue.createElement(xt,null)}},o&&ue.createElement(In,null,ue.createElement(Mn,null,ue.createElement("div",{className:"row"},ue.createElement(Dn,{variant:"label",size:"large",color:"neutral900"},`${yo.t("Request ID")}:`),ue.createElement("div",{className:"request-id"},ue.createElement(Dn,{variant:"label",size:"small",color:"neutral900"},ue.createElement(jl,{width:60,height:10,variant:"rounded"})),ue.createElement(bf,{variant:"ghost"},ue.createElement(vf,{size:16,color:"gray"})))),ue.createElement("div",{className:"row"},ue.createElement(Dn,{variant:"label",size:"large",color:"neutral900"},`${yo.t("Created at")}:`),ue.createElement(Dn,{variant:"label",size:"small",color:"neutral900"},ue.createElement(jl,{width:60,height:10,variant:"rounded"})))),ue.createElement(ri,null)),!o&&ue.createElement(zl,null,ue.createElement(xf,{title:yo.t("Not found"),description:yo.t({id:"swapNotFound",values:{requestId:e},message:"Swap with request ID = {requestId} not found."})})))}i(Yl,"SwapDetailsPlaceholder");function Ql(){let{manager:t,state:e}=Af(),o=!e.loadedFromPersistor,n=cn(t),r=be.use.selectedSwapRequestId(),{navigateBackFrom:s}=oe(),{loadingStatus:a}=T(),p=o||a==="loading",l=n.find(({swap:f})=>f.requestId===r),u=i(()=>{if(l?.id){let f=t?.get(l.id);f&&Ef(f)}},"onCancel"),m=i(async()=>{if(l?.id)try{await t?.deleteQueue(l.id),s(h.swapDetails)}catch(f){console.log(f)}},"onDelete"),g=l?.swap;return!g||p?Rl.createElement(Yl,{requestId:r||"",showSkeleton:p}):Rl.createElement(ti,{swap:g,requestId:r||"",onCancel:u,onDelete:m})}i(Ql,"SwapDetailsPage");import{i18n as So}from"@lingui/core";import{AutoThemeIcon as Bf,DarkModeIcon as Wf,LightModeIcon as Nf,List as If,ListItemButton as Mf,Radio as ii,RadioRoot as Lf,Typography as si}from"@rango-dev/ui";import Ae from"react";function Zl(){let{navigateBackFrom:t}=oe(),e=q.use.theme(),o=q.use.setTheme(),n=[{id:"light",value:"light",title:Ae.createElement(si,{variant:"title",size:"xmedium"},So.t("Light")),onClick:()=>o("light"),start:Ae.createElement(Nf,{color:"gray"}),end:Ae.createElement(ii,{value:"light"})},{id:"dark",value:"dark",title:Ae.createElement(si,{variant:"title",size:"xmedium"},So.t("Dark")),onClick:()=>o("dark"),start:Ae.createElement(Wf,{color:"gray"}),end:Ae.createElement(ii,{value:"dark"})},{id:"auto",value:"auto",title:Ae.createElement(si,{variant:"title",size:"xmedium"},So.t("Auto")),onClick:()=>o("auto"),start:Ae.createElement(Bf,{color:"gray"}),end:Ae.createElement(ii,{value:"auto"})}];return Ae.createElement(Q,{header:{onBack:t.bind(null,h.settings),title:So.t("Theme")}},Ae.createElement(ot,null,Ae.createElement(Lf,{onValueChange:r=>o(r),value:e},Ae.createElement(If,{type:Ae.createElement(Mf,{title:So.t("Theme"),id:"_",onClick:()=>console.log()}),items:n}))))}i(Zl,"ThemePage");var Df=i(t=>t.replace("/",""),"getAbsolutePath");function Jl(t){let{config:e}=t;return Pf([{path:h.home,element:Be.createElement(Zo,null)},{path:h.fromSwap,element:Be.createElement(Ur,{type:"from",supportedBlockchains:e?.from?.blockchains,supportedTokens:e?.from?.tokens,pinnedTokens:e?.pinnedTokens})},{path:h.toSwap,element:Be.createElement(Ur,{type:"to",supportedBlockchains:e?.to?.blockchains,supportedTokens:e?.to?.tokens,pinnedTokens:e?.pinnedTokens})},{path:h.fromBlockchain,element:Be.createElement(Nr,{type:"from",supportedBlockchains:e?.to?.blockchains})},{path:h.toBlockchain,element:Be.createElement(Nr,{type:"to",supportedBlockchains:e?.to?.blockchains})},{path:h.settings,element:Be.createElement(Sl,{singleTheme:e?.theme?.singleTheme,supportedSwappers:e?.liquiditySources})},{path:h.themes,element:Be.createElement(Zl,null)},{path:h.languages,element:Be.createElement(Pa,null)},{path:h.exchanges,element:Be.createElement(xr,{sourceType:"Exchanges",supportedSwappers:e?.liquiditySources})},{path:h.bridges,element:Be.createElement(xr,{sourceType:"Bridges",supportedSwappers:e?.liquiditySources})},{path:h.swaps,element:Be.createElement(La,null)},{path:h.swapDetails,element:Be.createElement(Ql,null)},{path:h.wallets,element:Be.createElement(sa,{supportedWallets:e?.wallets,multiWallets:typeof e?.multiWallets>"u"?!0:e.multiWallets,config:e})},{path:Df(h.confirmSwap),element:Be.createElement(va,{config:e})}])}i(Jl,"AppRoutes");import{isApprovalTX as _f,MainEvents as tp,RouteEventType as op,StepEventType as Gt,StepExecutionEventStatus as $f,useEvents as Ff}from"@rango-dev/queue-manager-rango-preset";import{useEffect as np}from"react";import{StepExecutionBlockedEventStatus as ai}from"@rango-dev/queue-manager-rango-preset";var ep=[ai.WAITING_FOR_CHANGE_WALLET_ACCOUNT,ai.WAITING_FOR_NETWORK_CHANGE,ai.WAITING_FOR_WALLET_CONNECT];function rp(){let t=O.use.connectedWallets(),e=O.use.getWalletsDetails(),o=Ie.use.setNotification(),n=Ie.use.setAsRead(),r=Ff();return np(()=>(r.on(tp.StepEvent,s=>{let{event:a,step:p,route:l}=s;if(a.type===Gt.TX_EXECUTION&&a.status===$f.TX_SENT&&!_f(p)||a.type===Gt.SUCCEEDED){let m=t.find(f=>f.chain===p?.fromBlockchain),g=p?.fromBlockchain!==p?.toBlockchain&&t.find(f=>f.chain===p?.toBlockchain);m&&e([m]),g&&e([g])}a.type===Gt.TX_EXECUTION_BLOCKED&&ep.includes(a.status)||a.type===Gt.FAILED?o(a,l):(a.type===Gt.TX_EXECUTION||a.type===Gt.CHECK_STATUS)&&n(l.requestId)}),()=>r.all.clear()),[r,t.length]),np(()=>(r.on(tp.RouteEvent,s=>{let{event:a,route:p}=s;(a.type===op.FAILED||a.type===op.SUCCEEDED)&&o(a,p)}),()=>r.all.clear()),[r,t.length]),null}i(rp,"WidgetEvents");import{globalCss as Of}from"@rango-dev/ui";var ip=i(()=>Of({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");import{createTheme as Uf,darkTheme as zf,lightTheme as qf}from"@rango-dev/ui";import{useEffect as sp,useState as Hf}from"react";function ap({fontFamily:t="Roboto",borderRadius:e=Ci,secondaryBorderRadius:o=Ti,mode:n="auto"}){let r=q.use.theme(),s=T.use.fetchMeta(),a=q.use.setTheme(),p=Uf({radii:{primary:`${e}px`,secondary:`${o}px`},fonts:{widget:t}}),l=`${p.className} ${qf.className}`,u=`${p.className} ${zf.className}`,[m,g]=Hf("light");return sp(()=>{i(async()=>{await s()},"fetchData")();let y=i(c=>{c.matches?g("dark"):g("light")},"switchTheme");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&g("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",y),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",y)}},[]),sp(()=>{n!=="auto"&&a(n)},[n]),{activeTheme:i(()=>r==="auto"?m==="dark"?u:l:r==="dark"?u:l,"getActiveTheme")()}}i(ap,"useTheme");import Gf,{useMemo as Vf}from"react";import{Provider as Xf}from"@rango-dev/queue-manager-react";import{makeQueueDefinition as Kf,checkWaitingForNetworkChange as jf}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Yf}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as Rf}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Qf}from"rango-types";function Zf(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=Yf(),p=Vf(()=>Kf({API_KEY:wo("API_KEY")}),[]),{blockchains:l}=T.use.meta(),m={blockchains:O.use.connectedWallets().map(S=>({accounts:[S],name:S.chain}))},g=i((S,v)=>{if(s(S,v))return r(S,v)},"switchNetwork"),f=i(S=>!!a(S).mobileWallet,"isMobileWallet"),d=l.filter(S=>S.enabled).reduce((S,v)=>(S[v.name]=v,S),{}),y=l.filter(Qf),c=i(S=>{let{supportedChains:v}=a(S);return xo(v)},"getSupportedChainNames"),k=e(),x={meta:{blockchains:d,evmBasedChains:y,evmNetworkChainInfo:Rf(y),getSupportedChainNames:c},getSigners:o,wallets:m,providers:k,switchNetwork:g,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:f};return Gf.createElement(Xf,{queuesDefs:[p],context:x,onPersistedDataLoaded:S=>{jf(S)},isPaused:!1},t.children)}i(Zf,"QueueManager");var lp=Zf;import{Events as li,Provider as eg}from"@rango-dev/wallets-react";import{isEvmBlockchain as tg}from"rango-sdk";import up,{createContext as og,useRef as ng}from"react";import{useEffect as Jf}from"react";function pp(t,e){let o=O.use.clearConnectedWallet(),n=tn(void 0,e);return Jf(()=>{o(),n=tn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t]),{providers:n}}i(pp,"useWalletProviders");var pi=og({onConnectWallet:()=>{}});function ui(t){let{blockchains:e}=T.use.meta(),{providers:o}=pp(t.providers,t?.options),n=O.use.disconnectWallet(),r=O.use.connectWallet(),s=ng(),a=e.filter(tg).map(l=>l.name),p=i((l,u,m,g,f)=>{if(u===li.ACCOUNTS)if(m){let d=xo(f),y=xi(l,m,a,d);r(y)}else n(l);if(u===li.ACCOUNTS&&g.connected){let d=`${l}-${g.network}-${m}`;g.connected&&(s.current?s.current(d):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(u===li.NETWORK&&g.network){let d=`${l}-${g.network}`;s.current?s.current(d):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(l,u,m,g,f)},"onUpdateState");return up.createElement(pi.Provider,{value:{onConnectWallet:l=>{s.current=l}}},up.createElement(eg,{allBlockChains:e,providers:o,onUpdateState:p,autoConnect:!0},t.children))}i(ui,"WidgetWallets");var lg=ig("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit",listStyleType:"none"},"& *:focus-visible":{outline:"1px $info500 solid",transition:"none"}});function mp(t){let{config:e}=t;ip();let{activeTheme:o}=ap(e?.theme||{}),[n,r]=cp(""),[s,a]=cp(),p=sg(pi);ag(()=>{e?.apiKey&&Si({API_KEY:e?.apiKey})},[e]),Co(()=>{q.persist.rehydrate(),Ie.persist.rehydrate(),p.onConnectWallet(r)},[]);let{setInputAmount:l,setToToken:u,setToBlockchain:m,setFromBlockchain:g,setFromToken:f}=M(),{meta:{tokens:d,blockchains:y},loadingStatus:c}=T(),{setAffiliateRef:k,setAffiliatePercent:x,setAffiliateWallets:S}=q();return Co(()=>{l(e?.amount?.toString()||"")},[e?.amount]),Co(()=>{if(c==="success"){let v=y.find(C=>C.name===e?.from?.blockchain),A=d.find(C=>Pe(C,e?.from?.token||null));g(v||null),f(A||null)}},[e?.from?.token,e?.from?.blockchain,c]),Co(()=>{if(c==="success"){let v=y.find(C=>C.name===e?.to?.blockchain),A=d.find(C=>Pe(C,e?.to?.token||null));m(v||null),u(A||null)}},[e?.to?.token,e?.to?.blockchain,c]),Co(()=>{k(e?.affiliate?.ref??null),x(e?.affiliate?.percent??null),S(e?.affiliate?.wallets??null)},[e?.affiliate?.ref,e?.affiliate?.percent,e?.affiliate?.wallets]),rt.createElement(rg,{language:e?.language},rt.createElement(lg,{id:"swap-container",className:o},rt.createElement(lp,null,rt.createElement(rp,null),rt.createElement(Ps,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},rt.createElement(Jl,{config:e})))))}i(mp,"Main");function pg(t){return t.config?.externalWallets?rt.createElement(mp,{...t}):rt.createElement(ui,{providers:t.config?.wallets,options:{walletConnectProjectId:t.config?.walletConnectProjectId}},rt.createElement(mp,{...t}))}i(pg,"Widget");import{useWallets as ga}from"@rango-dev/wallets-react";import{useEvents as _N,MainEvents as $N,RouteEventType as VN,StepEventType as eI,StepExecutionEventStatus as tI,StepExecutionBlockedEventStatus as oI}from"@rango-dev/queue-manager-rango-preset";export{$N as MainEvents,VN as RouteEventType,eI as StepEventType,oI as StepExecutionBlockedEventStatus,tI as StepExecutionEventStatus,pg as Widget,ui as WidgetWallets,ga as useWallets,_N as useWidgetEvents};
 //# sourceMappingURL=index.js.map