@rango-dev/widget-embedded 0.20.1-next.21 → 0.20.1-next.23

package/dist/index.js

@@ -1,3 +1,3 @@
-var Mm=Object.defineProperty;var i=(t,e)=>Mm(t,"name",{value:e,configurable:!0});import{EventSeverity as k1,MainEvents as T1,RouteEventType as w1,StepEventType as x1,StepExecutionBlockedEventStatus as v1,StepExecutionEventStatus as b1,useEvents as A1}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as I1,useWallets as cp,Events as W1}from"@rango-dev/wallets-react";import{Networks as B1,WalletTypes as L1}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as M1}from"rango-types";import{Events as ti,Provider as hd}from"@rango-dev/wallets-react";import{isEvmBlockchain as yd}from"rango-sdk";import Sn,{createContext as Sd,useEffect as oi,useRef as Cd,useState as kd}from"react";import{useEffect as gn,useLayoutEffect as rl,useRef as hn}from"react";import Rm,{createContext as ed,useContext as td,useEffect as od,useRef as nd}from"react";import{create as Jm}from"zustand";import{persist as Zm}from"zustand/middleware";var $r={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},ta=i((t,e,o)=>({config:{...$r,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");import{RangoClient as Vm}from"rango-sdk";var Vo="c6381a79-2817-4602-83bf-6a641a409e32",oa="https://api.rango.exchange",be="rango-swap-box",na="https://scan.rango.exchange";import{WalletState as ot}from"@rango-dev/ui";import{readAccountAddress as Dm}from"@rango-dev/wallets-react";import{detectInstallLink as Fm,getCosmosExperimentalChainInfo as Om,isEvmAddress as Um,KEPLR_COMPATIBLE_WALLETS as XC,Networks as aa}from"@rango-dev/wallets-shared";import _r from"bignumber.js";import{isCosmosBlockchain as zm}from"rango-types";import $m from"bignumber.js";var ke=new $m(0);import{WalletTypes as _m}from"@rango-dev/wallets-shared";var ra=[_m.LEAP];import{BigNumber as sa}from"bignumber.js";var jo=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),I=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new sa(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new sa(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 Xo=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var tt=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),po=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function se(t){return I(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(se,"formatTooltipNumbers");function Dr(t){switch(!0){case t.connected:return ot.CONNECTED;case t.connecting:return ot.CONNECTING;case!t.installed:return ot.NOT_INSTALLED;default:return ot.DISCONNECTED}}i(Dr,"mapStatusToWalletState");function la(t,e,o,n){return o.filter(r=>!ra.includes(r)).filter(r=>{let{supportedChains:s,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!s.find(c=>c.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=Dr(t(r));return{title:s,image:a,link:Fm(l),state:p,type:r}})}i(la,"mapWalletTypesToWalletInfo");function Jo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Jo,"walletAndSupportedChainsNames");function pa(t,e,o,n,r){let s=[];function a(p,u){if(!!!s.find(m=>m.chain===p)){let m={address:u,chain:p,walletType:t};s.push(m)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:c}=Dm(p),m=l.length>0,d=l.includes(c),f=c===aa.Unknown;if(m&&!d&&!f)return;let S=c===aa.Unknown&&Um(u);if(f&&!S)return;o.includes(c)||S?r?a(c,u.toLowerCase()):l.filter(k=>o.includes(k)).forEach(k=>{a(k,u.toLowerCase())}):a(c,u)}),s}i(pa,"prepareAccountsForWalletStore");function ua(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(ua,"getRequiredChains");function Zo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(Zo,"isAccountAndWalletMatched");function ca(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 _r(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Gm(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(ca,"makeBalanceFor");function ma(t){return{...t,loading:!1,error:!0}}i(ma,"resetConnectedWalletState");var da=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=I(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new _r(s?.amount||ke).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),ke)||ke).toString();return qm(r)},"calculateWalletUsdValue");function qm(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(qm,"numberWithThousandSeparator");var Gm=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Ro=i((t,e)=>{let o=Om(Object.entries(t).map(([,n])=>n).filter(zm));return o&&o[e]?.experimental},"isExperimentalChain");function en(t){return t?{...t,amount:I(t.amount,8,8),usdValue:I(t.usdValue,4,4)}:null}i(en,"formatBalance");function Qm(t,e){return t?.usdValue&&e?.usdValue?parseFloat(e.usdValue)-parseFloat(t.usdValue):!t?.usdValue&&e?.usdValue?1:t?.usdValue&&!e?.usdValue?-1:!t?.usdValue&&!e?.usdValue?parseFloat(e?.amount||"0")-parseFloat(t?.amount||"0"):0}i(Qm,"sortTokensByBalance");function Hm(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(Hm,"sortTokensByPinnedToken");function fa(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=Hm(n,r,o);return l!==0?l:Qm(s,a)}),t}i(fa,"sortTokens");function $e(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i($e,"tokensAreEqual");function ga(t){return t.sort((e,o)=>+(o.state===ot.CONNECTED)-+(e.state===ot.CONNECTED)||+(o.state===ot.DISCONNECTED||o.state===ot.CONNECTING)-+(e.state===ot.DISCONNECTED||e.state===ot.CONNECTING))}i(ga,"sortWalletsBasedOnConnectionState");function tn(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(tn,"getConciseAddress");function ha({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(ha,"getAddress");function Fr(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(Fr,"createTokenHash");function on(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new _r(o?.usdPrice??ke).multipliedBy(o?.amount).toString():""},r=o?Fr({symbol:o.symbol,blockchain:o.chain,address:o.address}):null,s=r?e[r]:null;return r&&(!s||s&&s.amount<n.amount)&&(e[r]=n),e},{})}i(on,"makeTokensBalance");var ya=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");var Or={API_KEY:Vo};function qt(t){return Or[t]||""}i(qt,"getConfig");function Sa(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Or=e,Or}i(Sa,"initConfig");var Ca=20,ka=25,Ta="Roboto",Ur="theme-widget",uo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>$e(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>$e(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),zr=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var nn,Gt=i(()=>nn||(nn=new Vm(qt("API_KEY"),qt("BASE_URL")),nn),"httpService");function Qt(t){return Array.from(new Set(t))}i(Qt,"removeDuplicateFrom");function qr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(qr,"areEqual");function wa(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(wa,"debounce");function Bt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Bt,"containsText");var N=i(()=>document.getElementById(be),"getContainer");function rn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Qt(t.map(s=>s.swapperGroup)).map(s=>{let a=t.find(l=>l.swapperGroup===s);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}i(rn,"getUniqueSwappersGroups");function xa(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(xa,"sortLiquiditySourcesByGroupTitle");function _e(t,e){return e?.[t]==="hidden"}i(_e,"isFeatureHidden");function sn(t,e){return e?.[t]==="enabled"}i(sn,"isFeatureEnabled");var va=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(s.length>0&&!s.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??{},a=e().blockchains({type:o.type});return n.filter(p=>s&&uo(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(Bt(p.symbol,o.searchFor)||Bt(p.address||"",o.searchFor)||Bt(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(u,o.type)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>$e(a,o)),swappers:()=>{let{config:{enableNewLiquiditySources:o,liquiditySources:n}}=e();return e()._swappers.filter(a=>{let l=n?.includes(a.swapperGroup);return o||!n||n.length===0?!l:l}).sort(xa)},fetch:async()=>{try{let o=await Gt().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],s=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as jm,French as Xm,Japanese as Km,Spanish as Ym}from"@rango-dev/ui";var ba=[{title:"English",label:"English",local:"en",SVGFlag:jm},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Ym},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Xm},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Km}],co="en";var Aa=[.5,1,3],Ea=1,Ia=5,Wa=100,Na=0;var Ba=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:Ea,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=10-1;return p&&u}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=Qt(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n}=o,r=_e("theme",n),s=_e("language",n),a=_e("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:co},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function La(t){return Jm()(Zm((...e)=>({...va(...e),...Ba(...e),...ta(t,...e)}),{name:"user-settings",skipHydration:!0,partialize:e=>({theme:e.theme,language:e.language,affiliatePercent:e.affiliatePercent,affiliateRef:e.affiliateRef,affiliateWallets:e.affiliateWallets,slippage:e.slippage,customSlippage:e.customSlippage,infiniteApprove:e.infiniteApprove,preferredBlockchains:e.preferredBlockchains,disabledLiquiditySources:e.disabledLiquiditySources})}))}i(La,"createAppStore");var Pa=ed(null);function g(){let t=td(Pa);if(od(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(g,"useAppStore");function Ma(t){let e=nd();return e.current||(e.current=La(t.config)),Rm.createElement(Pa.Provider,{value:e.current},t.children)}i(Ma,"AppStoreProvider");import wt from"bignumber.js";import{create as ud}from"zustand";import{subscribeWithSelector as cd}from"zustand/middleware";import{getLastSuccessfulStep as ld}from"@rango-dev/queue-manager-rango-preset";import ET from"bignumber.js";var Ct=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(Ct||{});function $a(t,e){return e.find(o=>o.name===t)?.displayName}i($a,"getBlockchainDisplayNameFor");function De(t,e){return e.find(o=>o.name===t)?.shortName}i(De,"getBlockchainShortNameFor");function mo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(mo,"getSwapperDisplayName");function Qr(t,e){return e.find(o=>$e(o,t))??null}i(Qr,"findToken");function Hr(t,e){return e.find(o=>o.name===t)??null}i(Hr,"findBlockchain");import{i18n as He}from"@lingui/core";import Te from"bignumber.js";import{PendingSwapNetworkStatus as un}from"rango-types";function an(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(an,"getRequiredWallets");function ln(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(ln,"isValidAddress");import{i18n as Se}from"@lingui/core";var X=i(()=>({genericServerError:Se.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Se.t("Please reset your liquidity sources."),description:Se.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:Se.t("No Routes Found."),description:Se.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:Se.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:Se.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:Se.t("High Price Impact"),title:Se.t("Price impact is too high!"),description:Se.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:Se.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:Se.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Se.t("USD Price Unknown"),title:Se.t("USD Price Unknown, Cannot calculate Price Impact."),description:Se.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Se.t("Confirm USD Price Unknown")}}),"errorMessages");function _a(t){switch(t.type){case 0:return t.diagnosisMessage??X().noResultError.title;case 1:return X().genericServerError;default:return""}}i(_a,"getQuoteErrorMessage");import{i18n as pn}from"@lingui/core";var Lt=i(()=>({connectWallet:pn.t("Connect Wallet"),swap:pn.t("Swap"),swapAnyway:pn.t("Swap anyway"),ethWarning:pn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Da(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Te(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Te(1e3)))??!1}i(Da,"hasHighValueLoss");function Vr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new Te(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Te(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(Vr,"hasLimitError");function jr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new Te(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new Te(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Te(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Te(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=He.t({id:"Required: >= {min} {symbol}",values:{min:I(o,6,6),symbol:e.from.symbol}}),a=X().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=He.t({id:"Required: > {min} {symbol}",values:{min:I(o,6,6),symbol:e.from.symbol}}),a=X().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=He.t({id:"Required: <= {max} {symbol}",values:{max:I(n,6,6),symbol:e.from.symbol}}),a=X().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=He.t({id:"Required: < {max} {symbol}",values:{max:I(n,6,6),symbol:e.from.symbol}}),a=X().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(jr,"getLimitErrorMessage");function Fa(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Lt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:Lt().swap,action:"confirm-swap",disabled:!0}:a?{title:Lt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Lt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Lt().swap,action:"confirm-swap",disabled:!1}:{title:Lt().connectWallet,action:"connect-wallet",disabled:!1}}i(Fa,"getSwapButtonState");function Xr(t,e,o){return!((!o||o.lte(ke))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Xr,"canComputePriceImpact");function rd(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(rd,"requiredWallets");var id=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function sd(t,e){let o=ke;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=id(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Te(r.amount).multipliedBy(s||0))}return o}i(sd,"getUsdFeeOfStep");function cn(t,e){return t.reduce((o,n)=>o.plus(sd(n,e)),ke)}i(cn,"getTotalFeeInUsd");function Kr(t){let e=ke;return e=e.plus(new Te(t.amount).multipliedBy(t.price||0)),e}i(Kr,"getUsdFee");function Oa(t){return t.reduce((e,o)=>e.plus(Kr(o)),ke)}i(Oa,"getTotalFeesInUsd");function Ua(t){return t.reduce((e,o)=>{for(let n of o.fee){let r=n.name,s=n.expenseType!=="DECREASE_FROM_OUTPUT"?e.payable:e.nonePayable;s[r]=[...s[r]||[],n]}return e},{payable:{},nonePayable:{}})}i(Ua,"getFeesGroup");function Yr(t){let e=new Map;return t.result?.swaps.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(Yr,"checkSlippageErrors");function za(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}i(za,"checkSlippageWarnings");function mn(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(mn,"getMinRequiredSlippage");function qa(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(qa,"hasProperSlippage");function dn(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:c,affiliatePercent:m,affiliateWallets:d,initialQuote:f,destination:w}=t,S=s?.reduce((A,y)=>(A[y.chain]=y.address,A),{}),h=[];r?.forEach(A=>{let y=h.find(E=>E.blockchain===A.chain);y?y.addresses.push(A.address):h.push({blockchain:A.chain,addresses:[A.address]})});let C=!!f,k=Qt((f?.result?.swaps||[]).reduce((A,y)=>(A.push(y.from.blockchain,y.to.blockchain),y.internalSwaps&&Array.isArray(y.internalSwaps)&&y.internalSwaps.map(E=>{A.push(E.from.blockchain,E.to.blockchain)}),A),[]));return{amount:n.toString(),affiliateRef:c??void 0,affiliatePercent:m??void 0,affiliateWallets:d??void 0,checkPrerequisites:C,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:h,selectedWallets:S??{},slippage:u.toString(),...w&&{destination:w},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(A=>!a.includes(A)),swappersGroupsExclude:!1},...C&&{blockchains:k}}}i(dn,"createQuoteRequestBody");function Ga(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Ga,"getWalletsForNewSwap");function Ht(t){return t.result?.outputAmount||null}i(Ht,"getQuoteOutputAmount");function Qa(t,e){return new Te(e).div(new Te(t)).minus(1).multipliedBy(100).toNumber()}i(Qa,"getPercentageChange");function Ha(t,e){let o=Ht(t),n=Ht(e);if(!o||!n)return!1;let r=Fe(o,n);return r?r<=-1:!0}i(Ha,"isOutputAmountChangedALot");function Va(t,e,o){let n=t.validationStatus,r=ua(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>Za(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=I(new Te(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=I(new Te(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),c="";return a.reason==="FEE"&&(c=He.t(" for network fee")),a.reason==="INPUT_ASSET"&&(c=He.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(c=He.t(" for input and network fee")),He.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:u,symbol:l,reason:c,currentAmount:p,blockchain:De(a.asset.blockchain,o)}})})}i(Va,"generateBalanceWarnings");function ja(t,e){return(t?new Te(t):ke).multipliedBy(e||0)}i(ja,"calcOutputUsdValue");function fo(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==un.NetworkChanged}i(fo,"isNetworkStatusInWarningState");function Xa(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),fo(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case un.WaitingForConnectingWallet:n=n||He.t("Waiting for connecting wallet");break;case un.WaitingForQueue:n=n||He.t("Waiting for other running tasks to be finished");break;case un.WaitingForNetworkChange:n=n||He.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(Xa,"getSwapMessages");function Ka(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(Ka,"getLastConvertedTokenInFailedSwap");function Ya(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Ya,"shouldRetrySwap");function Ja(t,e,o,n,r,s){return t||!e&&!rd(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!ln(s,o)}i(Ja,"confirmSwapDisabled");function Jr(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(Jr,"searchParamsToToken");function el(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(el,"getQuoteToTokenUsdPrice");function Zr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(Zr,"isNumberOfSwapsChanged");function Rr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!qr(o,n)}i(Rr,"isQuoteSwappersUpdated");function ei(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!qr(o,n)}i(ei,"isQuoteInternalCoinsUpdated");function tl(t,e){return Zr(t,e)||Rr(t,e)||ei(t,e)}i(tl,"isQuoteChanged");function Za(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(Za,"getRequiredBalanceOfWallet");function mt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(mt,"getPriceImpactLevel");function ol(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=ld(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Hr(s?s.toBlockchain:n.fromBlockchain,e),p=Hr(r.toBlockchain,e),u=Qr(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=Qr(a,o),m=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:m}}i(ol,"createRetryQuote");function fn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Pt(o,t.requestAmount),l=Pt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let c=Fe(a.toString(),l.toString());if(!!c&&Da(a,c)){let d=cn(t.result.swaps,r),f=mt(c);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:c,totalFee:d,warningLevel:f}}}else if(t.result&&(!a||!l))return{type:1};let p=mn(t),u=s>Ia;if(qa(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:za(t,s),minRequiredSlippage:p};return null}i(fn,"generateQuoteWarnings");function Fe(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:Qa(t.toString(),e.toString());return n&&n<0?n:null}i(Fe,"getPriceImpact");var nl=i(t=>{let e=new Set,o=[];return t.forEach(n=>{e.has(n.from.chain.displayName)||(e.add(n.from.chain.displayName),o.push(n.from.chain)),e.has(n.to.chain.displayName)||(e.add(n.to.chain.displayName),o.push(n.to.chain))}),o},"getUniqueBlockchains");var pd=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"),Tt=pd;var Pt=i((t,e)=>t?.usdPrice?new wt(e||ke).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),_=Tt(ud()(cd(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new wt(0),outputUsdValue:new wt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=ke;return po(o.inputAmount)?(e&&(n=e.result?.outputAmount?new wt(e.result?.outputAmount):null,r=ja(e.result?.outputAmount,el(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new wt(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{quote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:Pt(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{quote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new wt(0),outputUsdValue:new wt(0),quote:null},...!!o.fromToken&&{inputUsdValue:Pt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=ol(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:Pt(a??null,u),outputUsdValue:new wt(0),toBlockchain:l,toToken:p,quote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Pt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:""}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function il(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=_(),u=g().config,c=g().fetchStatus,m=g().blockchains(),d=g().tokens(),{setAffiliateRef:f,setAffiliatePercent:w,setAffiliateWallets:S}=g(),h=u?.from?.tokens,C=u?.from?.blockchains,k=u?.to?.tokens,T=u?.to?.blockchains,A=hn(void 0),y=hn(void 0),E=hn(void 0),b=hn(void 0);gn(()=>{t(u?.amount?.toString()||"")},[u?.amount]),rl(()=>{if(c==="success"){let v=m.find(P=>P.name===u?.from?.blockchain),x=d.find(P=>$e(P,u?.from?.token||null));(v||!v&&E.current)&&n(v??null),x?r({token:x,meta:{blockchains:m,tokens:d}}):!x&&A.current&&r({token:null}),E.current=u?.from?.blockchain,A.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,c]),gn(()=>{uo(s,h)&&r({token:null}),zr(l,C)&&n(null)},[h,C]),gn(()=>{uo(a,k)&&r({token:null}),zr(p,T)&&o(null)},[k,T]),rl(()=>{if(c==="success"){let v=m.find(P=>P.name===u?.to?.blockchain),x=d.find(P=>$e(P,u?.to?.token||null));(v||!v&&b.current)&&o(v??null),x?e({token:x,meta:{blockchains:m,tokens:d}}):!x&&y.current&&e({token:null}),b.current=u?.to?.blockchain,y.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,c]),gn(()=>{f(u?.affiliate?.ref??null),w(u?.affiliate?.percent??null),S(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}i(il,"useSyncStoresWithConfig");import{useEffect as gd}from"react";import{create as md}from"zustand";import{subscribeWithSelector as dd}from"zustand/middleware";var V=Tt(md()(dd((t,e)=>({connectedWallets:[],balances:{},customDestination:"",loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!s.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(l=>l.selected&&l.walletType!==o).map(l=>l.chain),s=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:on(s),connectedWallets:s}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let s=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>Zo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await Gt().getWalletsDetails(a)).wallets;if(p)t(u=>{let c=u.connectedWallets.map(d=>{let f=o.find(S=>Zo(S,d)),w=p.find(S=>S.address===d.address&&S.blockChain===d.chain);return w?.failed&&f&&r&&s([f],n,!1),f&&w?{...d,explorerUrl:w.explorerUrl,balances:ca(w,n),loading:!1}:d});return{loading:!1,balances:on(c),connectedWallets:c}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(c=>o.find(m=>Zo(m,c))?ma(c):c);return{loading:!1,balances:on(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=Fr(o);return n[r]??null}}))));import{allProviders as fd}from"@rango-dev/provider-all";function yn(t,e){let o=fd({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(yn,"matchAndGenerateProviders");function sl(t,e){return yn(t,e).map(r=>r.config.type)}i(sl,"configWalletsToWalletName");function al(t,e){let o=V.use.clearConnectedWallet(),n=yn(void 0,e);return gd(()=>{o(),n=yn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(al,"useWalletProviders");var Cn=Sd({onConnectWallet:()=>{}});function Td(t){let{updateConfig:e,updateSettings:o,fetch:n}=g(),r=g().blockchains(),s=g().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=kd([]),{providers:u}=al(t.config.wallets,a),{connectWallet:c,disconnectWallet:m}=V(),d=Cd();il(),oi(()=>{n().catch(console.log)},[]),oi(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let f=r.filter(yd).map(S=>S.name),w=i((S,h,C,k,T)=>{if(h===ti.ACCOUNTS)if(C){let A=Jo(T.supportedBlockchains),y=pa(S,C,f,A,T.isContractWallet);p(y)}else m(S);if(h===ti.ACCOUNTS&&k.connected){let A=`${S}-${k.network}-${C}`;k.connected&&(d.current?d.current(A):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(h===ti.NETWORK&&k.network){let A=`${S}-${k.network}`;d.current?d.current(A):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(S,h,C,k,T)},"onUpdateState");return oi(()=>{l.length&&c(l,s)},[l,s]),Sn.createElement(Cn.Provider,{value:{onConnectWallet:S=>{d.current=S}}},Sn.createElement(hd,{allBlockChains:r,providers:u,onUpdateState:w,autoConnect:!0},t.children))}i(Td,"Main");function kn(t){let{config:e,...o}=t;return Sn.createElement(Ma,{config:e},Sn.createElement(Td,{...o,config:e}))}i(kn,"WidgetWallets");import Rs from"react";import{I18nManager as cC}from"@rango-dev/ui";import Qo,{useContext as mC,useEffect as dC,useState as Im}from"react";import{useQueueManager as Nd}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Bd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Ld}from"rango-types";import Tn,{Fragment as Pd}from"react";import{MemoryRouter as Md,useInRouterContext as $d}from"react-router";import{useWallets as xd}from"@rango-dev/wallets-react";import{useEffect as vd,useRef as bd}from"react";function ll(){let{connect:t,state:e}=xd(),o=bd({}),{fetchStatus:n}=g(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);vd(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(ll,"useForceAutoConnect");import{useEffect as ni,useRef as ri}from"react";import{createSearchParams as Ed,useLocation as Id,useSearchParams as Wd}from"react-router-dom";var M={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{create as Ad}from"zustand";var Ae=Tt(Ad()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));function pl(){let t=ri(!0),[e,o]=Wd(),n=Id(),r=ri(n.search),s=ri({}),a=_.use.fromBlockchain(),l=_.use.toBlockchain(),p=_.use.fromToken(),u=_.use.toToken(),c=_.use.setFromBlockchain(),m=_.use.setFromToken(),d=_.use.setToBlockchain(),f=_.use.setToToken(),w=_.use.inputAmount(),S=_.use.setInputAmount(),h=g().fetchStatus,C=g().blockchains(),k=g().tokens(),T=Ae.use.setSelectedSwap();return ni(()=>{let A={};Ed(r.current).forEach((E,b)=>{A[b]=E}),s.current=A;let y=n.pathname.split(M.swaps+"/")[1]||null;y&&T(y)},[]),ni(()=>{if(!t.current){let A="",y="",E="",b="",v="",x=s.current["autoConnect"];h!=="success"?(A=s.current["fromBlockchain"],y=s.current["fromToken"],E=s.current["toBlockchain"],b=s.current["toToken"],v=s.current["fromAmount"]||w):(A=a?.name||"",y=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),E=l?.name||"",b=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),v=w),o({...A&&{["fromBlockchain"]:A},...y&&{["fromToken"]:y},...E&&{["toBlockchain"]:E},...b&&{["toToken"]:b},...v&&{["fromAmount"]:v.toString()},...x&&{["autoConnect"]:x}},{replace:!0})}t.current=!1},[n.pathname,w,a,p,l,u]),ni(()=>{if(h==="success"){let A=e.get("fromBlockchain"),y=e.get("fromToken"),E=e.get("toBlockchain"),b=e.get("toToken"),v=e.get("fromAmount"),x=C.find(O=>O.name===A),P=Jr(k,y,x||null),D=C.find(O=>O.name===E),W=Jr(k,b,D||null);x&&(c(x),P&&m({token:P,meta:{blockchains:C,tokens:k}})),D&&(d(D),W&&f({token:W,meta:{blockchains:C,tokens:k}})),v&&S(v)}},[h]),null}i(pl,"UpdateUrl");function ul({children:t,...e}){let o=$d(),n=o?Pd:Md,r=g().blockchains(),{canSwitchNetworkTo:s}=Bd();ll();let a=r.filter(Ld);return Nd({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),Tn.createElement(Tn.Fragment,null,Tn.createElement(n,null,t),o&&Tn.createElement(pl,null))}i(ul,"AppRouter");import Ie from"react";import{useRoutes as iC}from"react-router-dom";import{i18n as ir}from"@lingui/core";import{useManager as hh}from"@rango-dev/queue-manager-react";import{Alert as Wu,Button as yh,css as Yi,Divider as Ki,IconButton as Nu,SettingsIcon as Sh,styled as Ch,Tooltip as kh,Typography as Th,WalletIcon as wh}from"@rango-dev/ui";import ae,{useEffect as No,useLayoutEffect as xh,useRef as vh,useState as sr}from"react";import{flushSync as bh}from"react-dom";import{useNavigate as Ah}from"react-router-dom";import{i18n as nt}from"@lingui/core";import{Alert as Ai,BalanceErrors as sg,Button as mp,ChevronDownIcon as ag,ChevronLeftIcon as lg,Divider as Jt,MessageBox as pg,Modal as dp,Typography as qn,WalletIcon as ug}from"@rango-dev/ui";import B,{useEffect as cg,useState as $t}from"react";import{useNavigate as mg}from"react-router-dom";import{i18n as wn}from"@lingui/core";function xn(t){switch(t.type){case 0:return wn.t("Route has been updated.");case 3:return wn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return wn.t("Route swappers has been updated.");case 2:return wn.t("Route internal coins has been updated.");default:return""}}i(xn,"getQuoteUpdateWarningMessage");import En,{useLayoutEffect as Od,useRef as Ud}from"react";import*as Vt from"@radix-ui/react-collapsible";import{keyframes as cl,styled as vn}from"@rango-dev/ui";var go=300,Dd=cl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Fd=cl({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),ml=vn(Vt.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ii=vn(Vt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),bn=vn(Vt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Dd} ${go}ms ease-out`},false:{animation:`${Fd} ${go}ms ease-out`}}}}),An=vn("div",{transition:`all ${go}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function In(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=Ud(null);return Od(()=>{e&&p.current&&setTimeout(()=>{p?.current?.scrollIntoView({behavior:"smooth"})},go)},[e]),En.createElement(ml,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&En.createElement(ii,{className:"collapsible_trigger",onClick:s},a),En.createElement(bn,{className:"collapsible_content",open:e},r),l==="bottom"&&En.createElement(ii,{className:"collapsible_trigger",onClick:s},a))}i(In,"CustomCollapsible");import{Button as zd,css as dl,darkTheme as jt,IconButton as qd,styled as Oe,TextField as Gd}from"@rango-dev/ui";var fl=Oe("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),gl=Oe("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Qd=Oe("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${jt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${jt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${jt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),hl=Oe(Qd,{alignSelf:"stretch",minHeight:"93px"}),yl=Oe("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Sl=Oe(qd,{position:"absolute",left:"$20"}),Cl=Oe("div",{paddingTop:"$20"}),kl=dl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Tl=Oe("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),wl=dl({paddingTop:"$5"}),xl=Oe("div",{display:"flex"}),vl=Oe(Gd,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),bl=Oe("div",{overflow:"visible",width:"100%"}),Al=Oe(zd,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${jt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${jt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${jt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as je}from"@lingui/core";import{Button as ng,Divider as vi,Image as rg,MessageBox as zn,Modal as ap,SelectableWallet as ig,Typography as lp,WalletState as pp}from"@rango-dev/ui";import ie,{useEffect as up,useState as Co}from"react";import{WalletState as si}from"@rango-dev/ui";import{useWallets as Hd}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Vd,WalletTypes as Wn}from"@rango-dev/wallets-shared";import{useEffect as jd,useState as Xd}from"react";var Kd=Object.values(Wn);function Nn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Hd(),{connectedWallets:u}=V(),c=g().blockchains(),m=sl(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Kd,d=la(s,l,m,o),f=ga(d),[w,S]=Xd(""),h=i(y=>!u.find(E=>E.walletType===y&&E.chain===o),"isExperimentalChainNotAdded"),C=i(async y=>{let E=s(y);try{if(w&&S(""),E.connected)await a(y);else{let b=!!d.find(v=>v.state===si.CONNECTED);if(!e?.multiWallets&&b)return;n?.(y),await p(y),r?.(y)}}catch(b){S("Error: "+b?.message)}},"handleClick"),k=i(()=>{let y=d?.filter(E=>E.state===si.CONNECTING)||[];for(let E of y)a(E.type)},"disconnectConnectingWallets");jd(()=>()=>{k()},[]);let T=i(y=>y.filter(b=>b.state!=si.NOT_INSTALLED&&![Wn.DEFAULT,Wn.WALLET_CONNECT_2].includes(b.type)&&l(b.type).supportedChains.filter(v=>v.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),A=i((y,E,b)=>Ro(b,E)&&h(y)&&!Vd.includes(y)||y==Wn.DEFAULT&&!T(d),"shouldExcludeWallet");return{list:f.filter(y=>!A(y.type,o??"",c)),error:w,handleClick:C}}i(Nn,"useWalletList");import{i18n as ep}from"@lingui/core";import{styled as op,Typography as Yf,Wallet as Jf,WalletState as Zf}from"@rango-dev/ui";import Yt,{useState as tp}from"react";import{BottomLogo as Df,Divider as Ff,Header as Of}from"@rango-dev/ui";import we,{useEffect as Uf,useRef as zf}from"react";import{useNavigate as Yd}from"react-router-dom";function xt(){let t=Yd();return()=>t(-1)}i(xt,"useNavigateBack");import{createTheme as ui,darkTheme as tf,lightTheme as of}from"@rango-dev/ui";import{useEffect as Nl,useState as nf}from"react";import{theme as Rd,darkColors as ef}from"@rango-dev/ui";var El=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,u=(a.length<2?"0":"")+a,c=(l.length<2?"0":"")+l;return`#${p}${u}${c}`},"colorShade"),Bn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:El(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:El(e,-((l-5)*25))});return a},"generateRangeColors"),ai=i((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let s in o){let a=o[s];if(a&&a!==t[s])if(n=!0,s==="background"||s==="foreground")r={...r,[s]:a};else if(s==="neutral"&&e){let l=Bn(s,a);r={...r,[`${s}100`]:l[`${s}900`],[`${s}200`]:l[`${s}800`],[`${s}300`]:l[`${s}700`],[`${s}400`]:l[`${s}600`],[`${s}500`]:l[`${s}500`],[`${s}600`]:l[`${s}400`],[`${s}700`]:l[`${s}300`],[`${s}800`]:l[`${s}200`],[`${s}900`]:l[`${s}100`]}}else r={...r,...Bn(s,a)}}return n?r:{}},"generateColors");var Il=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Jd=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Il(o%52)+e;return Il(o%52)+e},"toAlphabeticName"),Zd=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),li=i(t=>Jd(Zd(5381,JSON.stringify(t))>>>0),"toHash");function pi(t){let e=Rd.colors,o=ai({...e,...ef},!0,t?.dark),n=ai(e,!1,t?.light),r=Object.keys(o).length>0,s=Object.keys(n).length>0,a,l;if(s){let p={colors:n};a={id:`${Ur}-light-${li(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${Ur}-dark-${li(p)}`,tokens:p}}return{light:a,dark:l}}i(pi,"customizedThemeTokens");function Wl(t,e){if(t.length<=1)return t;let o=[];return t.forEach((n,r)=>{o.push(n),r<t.length-1&&o.push(e)}),o}i(Wl,"joinList");function Ln(t){let{colors:e,fontFamily:o=Ta,borderRadius:n=Ca,secondaryBorderRadius:r=ka,mode:s="auto"}=t,[a,l]=nf("light"),{setTheme:p,theme:u}=g(),{dark:c,light:m}=pi(e),d=ui({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[d.className,of.className],w=[d.className,tf.className];if(m){let h=ui(m.id,m.tokens);f.push(h.className)}if(c){let h=ui(c.id,c.tokens);w.push(h.className)}return Nl(()=>{let h=i(C=>{C.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",h),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",h)}},[]),Nl(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let h=f.join(" "),C=w.join(" ");return u==="auto"?a==="dark"?C:h:u==="dark"?C:h},"getActiveTheme")}}i(Ln,"useTheme");import{ChevronLeftIcon as af}from"@rango-dev/ui";import Ml from"react";import{darkTheme as rf,IconButton as sf,styled as ho}from"@rango-dev/ui";var Ue=ho(sf,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Bl=ho("div",{position:"absolute",background:"$secondary500",[`.${rf} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Xt=ho("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Ll=ho("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),Pl=ho("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function ci(t){return Ml.createElement(Ue,{variant:"ghost",size:"small",onClick:t.onClick},Ml.createElement(af,{color:"black",size:16}))}i(ci,"BackButton");import{i18n as lf}from"@lingui/core";import{Button as pf,Typography as uf}from"@rango-dev/ui";import mi from"react";function di(t){return mi.createElement(Xt,null,mi.createElement(pf,{variant:"ghost",onClick:t.onClick,size:"xsmall"},mi.createElement(uf,{variant:"label",size:"medium",color:"error500"},lf.t("Cancel"))))}i(di,"CancelButton");import{i18n as cf}from"@lingui/core";import{Tooltip as mf,WalletIcon as df}from"@rango-dev/ui";import Pn from"react";function fi(t){return Pn.createElement(mf,{container:t.container,side:"top",content:cf.t("Connect Wallet")},Pn.createElement(Ue,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Pn.createElement(Bl,null),Pn.createElement(df,{size:18,color:"black"})))}i(fi,"WalletButton");import{i18n as Dn}from"@lingui/core";import{NotificationsIcon as Pf,Popover as Mf,SettingsIcon as $f,Tooltip as Fn,TransactionIcon as _f}from"@rango-dev/ui";import ge from"react";import{i18n as Tf}from"@lingui/core";import{EventSeverity as wf}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Ul,ChevronRightIcon as xf,ListItemButton as vf,Typography as bf}from"@rango-dev/ui";import Ve from"react";import{useNavigate as Af}from"react-router-dom";import{create as ff}from"zustand";import{persist as gf,subscribeWithSelector as hf}from"zustand/middleware";var Be=Tt(ff()(gf(hf((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:s.toBlockchain,tokenSymbol:s.toSymbol,tokenAddress:s.toSymbolAddress}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{styled as Mn}from"@rango-dev/ui";var $l=Mn("div",{padding:"$10",width:"350px",minHeight:"150px"}),_l=Mn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Dl=Mn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Fl=Mn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as yf}from"@lingui/core";import{Divider as Sf,NoNotificationIcon as Cf,Typography as kf}from"@rango-dev/ui";import $n from"react";function Ol(){return $n.createElement(Fl,null,$n.createElement(Cf,{color:"secondary",size:26}),$n.createElement(Sf,{size:12}),$n.createElement(kf,{variant:"body",size:"medium",color:"neutral700"},yf.t("You have no notification")))}i(Ol,"NotificationNotFound");var Ef=4;function gi(){let t=Af(),e=Ae.use.setSelectedSwap(),{getUnreadNotifications:o}=Be(),n=o(),r=g().blockchains(),s=g().tokens(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,Ef),l=i(p=>{e(p),t(`${M.swaps}/${p}`)},"handleOnClick");return Ve.createElement($l,null,a.length?Ve.createElement(_l,null,a.map(p=>{let u=s.find(f=>f.address===p.route.from.tokenAddress&&f.blockchain===p.route.from.blockchain&&f.symbol===p.route.from.tokenSymbol),c=r.find(f=>f.name===p.route.from.blockchain),m=s.find(f=>f.address===p.route.to.tokenAddress&&f.blockchain===p.route.to.blockchain&&f.symbol===p.route.to.tokenSymbol),d=r.find(f=>f.name===p.route.to.blockchain);return Ve.createElement(vf,{key:p.requestId,onClick:()=>l(p.requestId),title:Ve.createElement(bf,{variant:"body",size:"small",color:p.event.messageSeverity===wf.WARNING?"$foreground":"$neutral700"},Tf.t(p.event.message)),id:p.requestId,start:Ve.createElement(Dl,null,Ve.createElement("div",{className:"from-chain-token"},Ve.createElement(Ul,{tokenImage:u?u.image:"",chainImage:c?c.logo:"",size:"small"})),Ve.createElement("div",{className:"to-chain-token"},Ve.createElement(Ul,{tokenImage:m?m.image:"",chainImage:d?d.logo:"",size:"small"}))),end:Ve.createElement(xf,{size:12,color:"gray"})})})):Ve.createElement(Ol,null))}i(gi,"NotificationContent");import{RefreshProgressButton as If}from"@rango-dev/ui";import hi,{useEffect as Wf,useState as zl}from"react";var Nf=1e3,ql=60,Bf=100;function _n({onClick:t}){let[e,o]=zl(0),[n,r]=zl(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");Wf(()=>{let p;return t?p=window.setInterval(()=>{o(u=>u+1),e===ql&&l()},Nf):a(p),document.addEventListener("visibilitychange",()=>s(p)),()=>{document.removeEventListener("visibilitychange",()=>s(p)),p&&clearInterval(p)}},[e,t]);let a=i(p=>{p&&clearInterval(p),o(0)},"clearTimeout"),l=i(()=>{t?.(),o(0),r(!0)},"handleRefreshClick");return hi.createElement(Ue,{variant:"ghost",size:"small",onClick:l,disabled:!t},hi.createElement(Pl,{onTransitionEnd:()=>r(!1),isRefetched:n},hi.createElement(If,{size:24,color:t?"black":"gray",progress:e/ql*Bf})))}i(_n,"RefreshButton");import{Typography as Lf}from"@rango-dev/ui";import Gl from"react";function Ql(){let{getUnreadNotifications:t}=Be(),e=t().length;return e?Gl.createElement(Ll,null,Gl.createElement(Lf,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(Ql,"UnreadNotificationsBadge");function yi(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n}=t,{config:{features:r}}=g(),s=_e("notification",r);return ge.createElement(ge.Fragment,null,ge.createElement(Fn,{container:N(),side:"top",content:Dn.t("Refresh")},ge.createElement(_n,{onClick:e})),!s&&ge.createElement(Mf,{align:"center",collisionPadding:{right:20,left:20},container:N(),content:ge.createElement(gi,null)},ge.createElement("div",null,ge.createElement(Fn,{container:N(),side:"top",content:Dn.t("Notifications")},ge.createElement(Ue,{size:"small",variant:"ghost"},ge.createElement(Pf,{size:18,color:"black"}),ge.createElement(Ql,null))))),ge.createElement(Fn,{container:N(),side:"top",content:Dn.t("Settings")},ge.createElement(Ue,{size:"small",variant:"ghost",onClick:n},ge.createElement($f,{size:18,color:"black"}))),ge.createElement(Fn,{container:N(),side:"top",content:Dn.t("Transactions History")},ge.createElement(Ue,{size:"small",variant:"ghost",onClick:o},ge.createElement(_f,{size:18,color:"black"}))))}i(yi,"HomeButtons");function Si(t){let e=t.target;if(e){let o=e.scrollTop,n=N();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(Si,"onScrollContentAttachStatusToContainer");import{styled as Ci}from"@rango-dev/ui";var Hl="700px",Vl=Ci("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",width:"100vh",minWidth:"300px",maxWidth:"390px",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",overflow:"hidden",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:Hl},fixed:{height:Hl}}}}),jl=Ci("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),Xl=Ci("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function te(t){let{children:e,header:o,footer:n,hasLogo:r=!0,height:s="fixed"}=t,a=V.use.connectedWallets(),{config:{features:l,theme:p}}=g(),{activeTheme:u}=Ln(p||{}),c=_e("connectWalletButton",l),m=Ae.use.connectWalletsButtonDisabled(),d=xt(),f=i(()=>{!m&&o.onWallet&&o.onWallet()},"onConnectWallet"),w=typeof o.hasBackButton>"u"||o.hasBackButton,S=zf(null);return Uf(()=>(S.current?.addEventListener("scroll",Si),()=>{S.current?.removeEventListener("scroll",Si)}),[]),we.createElement(Vl,{height:s,id:be,className:u()},we.createElement(Of,{prefix:we.createElement(we.Fragment,null,w&&we.createElement(ci,{onClick:d})),title:o.title,suffix:we.createElement(we.Fragment,null,o.suffix,o.onWallet&&!c&&we.createElement(fi,{container:N(),onClick:f,isConnected:!!a?.length}),o.onCancel&&we.createElement(di,{onClick:o.onCancel}))}),we.createElement(jl,{ref:S},e),(r||n)&&we.createElement(Xl,null,we.createElement("div",{className:"footer__content"},n),r&&we.createElement("div",{className:"footer__logo"},we.createElement(Ff,{size:12}),we.createElement(Df,null))))}i(te,"Layout");import{styled as qf}from"@rango-dev/ui";var Kl="$20 $20 $10 $20",yo=qf("div",{padding:Kl,overflowY:"auto",flexGrow:1});import{styled as Gf}from"@rango-dev/ui";var re=Gf("div",{display:"flex",flexDirection:"column",padding:"20px 20px 10px",flexGrow:1,variants:{view:{true:{flexGrow:1,overflow:"hidden"}},compact:{true:{padding:0}}}});import{Divider as Xf,Modal as Kf}from"@rango-dev/ui";import Ti from"react";import{i18n as Kt}from"@lingui/core";import{Image as Vf,MessageBox as ki,WalletState as jf}from"@rango-dev/ui";import Mt from"react";import{keyframes as Qf,styled as On}from"@rango-dev/ui";var qb=On("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Yl=On("div",{position:"relative"}),Hf=Qf({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Jl=On("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Hf} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Zl=On("div",{"& img":{borderRadius:"50%"}});function Rl(t){let{state:e,image:o,error:n}=t;return e===jf.CONNECTED?Mt.createElement(ki,{type:"success",title:Kt.t("Wallet Connected"),description:Kt.t("Your wallet is connected, you can use it to swap.")}):n?Mt.createElement(ki,{type:"error",title:Kt.t("Failed to Connect"),description:n||Kt.t("Your wallet is not connected. Please try again.")}):Mt.createElement(ki,{type:"loading",title:Kt.t("Connecting to your wallet"),description:Kt.t("Click connect in your wallet popup."),icon:Mt.createElement(Yl,null,Mt.createElement(Zl,null,Mt.createElement(Vf,{src:o,size:45})),Mt.createElement(Jl,null))})}i(Rl,"ModalContent");function So(t){let{open:e,onClose:o,...n}=t;return Ti.createElement(Kf,{open:e,onClose:o,container:document.getElementById(be)||document.body},Ti.createElement(Rl,{...n}),Ti.createElement(Xf,{direction:"vertical",size:32}))}i(So,"WalletModal");var Rf=op("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),eg=op(re,{textAlign:"center"}),Un=3e3,wi=300;function np(){let{config:t,fetchStatus:e}=g(),[o,n]=tp(!1),[r,s]=tp(""),a=null,{list:l,handleClick:p,error:u}=Nn({config:t,onBeforeConnect:f=>{a=setTimeout(()=>{n(!0),s(f)},wi)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Un)}}),c=l.find(f=>f.type===r),m=c?.image||"",d=c?.state||Zf.NOT_INSTALLED;return Yt.createElement(te,{header:{title:ep.t("Connect Wallets")}},Yt.createElement(eg,null,Yt.createElement(Yf,{variant:"title",size:"xmedium",align:"center"},ep.t("Choose a wallet to connect.")),Yt.createElement(Rf,null,l.map((f,w)=>{let S=`wallet-${w}-${f.type}`;return Yt.createElement(Jf,{key:S,...f,container:N(),onClick:h=>{p(h)},isLoading:e==="loading"})}),Yt.createElement(So,{open:!!o,onClose:()=>n(!1),image:m,state:d,error:u}))))}i(np,"WalletsPage");import{keyframes as tg,styled as xi}from"@rango-dev/ui";var rp=xi("div",{position:"relative"}),og=tg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ip=xi("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${og} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),sp=xi("div",{"& img":{borderRadius:"50%"}});function bi(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=g(),l=V.use.connectedWallets(),{blockchains:p}=g(),[u,c]=Co(""),[m,d]=Co(null),[f,w]=Co(!1),[S,h]=Co(null),{suggestAndConnect:C}=cp(),k=null,{list:T,error:A,handleClick:y}=Nn({config:a,chain:e,onBeforeConnect:W=>{k=setTimeout(()=>{c(W)},wi)},onConnect:()=>{k&&clearTimeout(k),setTimeout(()=>{c("")},Un)}}),[E,b]=Co(T),v=T.length,x=r&&v-r>0,P=i(async W=>{w(!1),h("in-progress");try{await C(W.walletType,W.chain),h("completed")}catch{h("rejected")}},"addExperimentalChain");up(()=>{b(W=>{let O=T.findIndex(ne=>o(ne.type,e));return x&&O>1?[T[O]].concat(T.filter((ne,Z)=>Z!==O)):W.map(ne=>T.find(Z=>Z.type===ne.type)??ne)})},[JSON.stringify(T)]);let D=document.getElementById(be);return up(()=>{let W=null;return(S==="completed"||S==="rejected")&&(W=setTimeout(()=>h(null),Un)),()=>{W&&clearTimeout(W)}},[S]),ie.createElement(ie.Fragment,null,E.slice(0,r).map(W=>{let O=ha({connectedWallets:l,walletType:W.type,chain:e}),ne=O?tn(O):"",Z=Ro(p(),e),pe=!l.find(ye=>ye.walletType===W.type&&ye.chain===e),j=Z&&pe&&W.state===pp.CONNECTED,ve=j?je.t({id:"Add {chain} chain",values:{chain:e}}):ne,K=i(()=>{W.state===pp.DISCONNECTED?y(W.type):j?(d({walletType:W.type,chain:e,address:O??""}),w(!0)):n({walletType:W.type,chain:e,address:O??""})},"onClick"),z=m?.chain?$a(m.chain,p()):void 0;return ie.createElement(ie.Fragment,null,ie.createElement(So,{open:u===W.type,onClose:()=>c(""),image:W.image,state:W.state,error:A}),!!m&&ie.createElement(ap,{open:!!m&&f,container:D,onClose:()=>{d(null)}},ie.createElement(zn,{title:je.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:z}}),type:"warning",description:je.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:z}})},ie.createElement(vi,{size:18}),ie.createElement(vi,{size:32}),ie.createElement(ng,{onClick:P.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},je.t("Confirm")))),S&&ie.createElement(ap,{open:!!S,onClose:h.bind(null,null),container:D},S==="in-progress"&&ie.createElement(zn,{type:"loading",title:je.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:z}}),description:je.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:z}}),icon:ie.createElement(rp,null,ie.createElement(sp,null,ie.createElement(rg,{src:W.image,size:45})),ie.createElement(ip,null))}),S==="completed"&&ie.createElement(zn,{type:"success",title:je.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:z}}),description:je.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:z}})}),S==="rejected"&&ie.createElement(zn,{type:"error",title:je.t("Request Rejected"),description:je.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:z}})}),ie.createElement(vi,{direction:"vertical",size:32})),ie.createElement(ig,{key:W.type,description:ve,onClick:K,selected:o(W.type,e),...W}))}),x&&ie.createElement(hl,{selected:!1,onClick:s},ie.createElement(lp,{variant:"label",size:"medium"},je.t("Show more wallets"),ie.createElement(lp,{variant:"label",size:"medium",color:"$primary"},"\xA0+",v-(r??0)))))}i(bi,"WalletList");var dg=2;function fp(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=g().config,l=g().blockchains(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:c,setQuoteWalletConfirmed:m,customDestination:d,setCustomDestination:f}=_(),{connectedWallets:w,selectWallets:S}=V(),[h,C]=$t(""),[k,T]=$t([]),[A,y]=$t(""),[E,b]=$t(null),[v,x]=$t(d),[P,D]=$t(!!d),W=an(p),O=l.find(F=>F.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),ne=i(F=>!!p?.result?.swaps.find(G=>G.from.blockchain===F),"isWalletRequiredFor"),[Z,pe]=$t(w.filter(F=>F.selected&&W.includes(F.chain))),j=l.find(F=>F.name===O?.name),ve=i((F,G)=>!!Z.find(Q=>Q.walletType===F&&Q.chain===G&&Q.selected&&(ne(G)||!ne(G)&&!v)),"isSelected"),K=!!v&&P&&j&&!ln(j,v),z=i(()=>{D(!1),x(""),pe(F=>{let G=!1;return F.map(Q=>!G&&Q.chain===O?.name?(G=!0,{...Q,selected:!0}):Q)})},"resetCustomDestination"),ye=i(F=>{if(h&&C(""),ve(F.walletType,F.chain))return;let Q=w.find(Ne=>Ne.walletType===F.walletType&&Ne.chain===F.chain);Q&&(n(),F.chain===O?.name&&P&&(D(!1),x("")),pe(Ne=>Ne.filter(Ge=>Ge.chain!==F.chain).concat({...Q,selected:!0})))},"onChange"),Re=i(()=>{let F=Z.filter(G=>G.selected);S(F),u(F),f(v),m(!0),o()},"onConfirmBalance"),We=i(async()=>{T([]),y(""),b(null);let F=w.filter(Ne=>Z.find(Ge=>Ge.chain===Ne.chain&&Ge.walletType===Ne.walletType)),G=await r?.({selectedWallets:F,customDestination:v}),Q=G.warnings;Q?.balance?.messages&&T(Q.balance.messages),Q?.quoteUpdate&&b(Q.quoteUpdate),G.error&&y(_a(G.error)),!G.error&&(!Q?.balance?.messages.length||0>0)?Re():T(Q?.balance?.messages??[])},"onConfirmWallets");cg(()=>{pe(F=>F.concat(w.filter(G=>!!!F.find(Ne=>Ne.chain===G.chain)&&G.selected&&W.includes(G.chain))))},[w.length]);let et=document.getElementById(be),Nt=mg();return B.createElement(dp,{open:e,onClose:()=>{c||Nt("../",{replace:!0}),o()},dismissible:!h,container:et,...!h&&{footer:B.createElement(xl,null,B.createElement(mp,{loading:s,disabled:Ja(s,P,v,p,Z,O),onClick:We,variant:"contained",type:"primary",fullWidth:!0,size:"large"},nt.t("Confirm")))},...h&&{containerStyle:{padding:"$0"},header:B.createElement(yl,null,B.createElement(Sl,{variant:"ghost",onClick:C.bind(null,"")},B.createElement(lg,{size:16})),B.createElement(qn,{variant:"headline",size:"small"},nt.t({id:"Your {blockchainName} wallets",values:{blockchainName:De(h,l)}})))},anchor:"center"},B.createElement(dp,{open:k.length>0,onClose:T.bind(null,[]),container:et},B.createElement(pg,{title:nt.t("Insufficient account balance"),type:"error",description:B.createElement(sg,{messages:k??[]})},B.createElement(mp,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Re},nt.t("Proceed anyway")))),h&&B.createElement(Cl,null,B.createElement("div",{className:kl()},B.createElement(bi,{chain:h,isSelected:ve,selectWallet:ye,onShowMore:C.bind(null,h)}))),!h&&B.createElement(B.Fragment,null,A&&B.createElement(B.Fragment,null,B.createElement(Ai,{variant:"alarm",type:"error",title:nt.t(A)}),B.createElement(Jt,{size:12})),E&&B.createElement(B.Fragment,null,B.createElement(Ai,{variant:"alarm",type:"warning",title:xn(E)}),B.createElement(Jt,{size:12})),B.createElement(bl,null,W.map((F,G)=>{let Q=l.find(ct=>ct.name===F),Ne=`wallet-${G}`,Ge=G===W.length-1;return B.createElement("div",{key:Ne},B.createElement(fl,null,B.createElement(qn,{variant:"title",size:"xmedium"},nt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Q?.shortName}})),B.createElement(qn,{variant:"label",color:"$neutral700",size:"medium"},nt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:Q?.shortName}}))),B.createElement(Jt,{size:24}),B.createElement(gl,null,B.createElement(bi,{chain:F,isSelected:ve,selectWallet:ye,limit:dg,onShowMore:()=>C(Q?.name??"")})),!Ge&&B.createElement(Jt,{size:32}),Ge&&a?.customDestination&&B.createElement(Tl,null,B.createElement(In,{onOpenChange:ct=>{ct?ne(O?.name??"")||pe(Qe=>Qe.map(Me=>Me.chain===O?.name?{...Me,selected:!1}:Me)):z()},hasSelected:!0,open:P,triggerAnchor:"top",trigger:B.createElement(Al,{fullWidth:!0,variant:"default",suffix:B.createElement(An,{orientation:P?"up":"down"},B.createElement(ag,{size:10,color:"gray"}))},B.createElement("div",{className:"button__content"},B.createElement(ug,{size:18,color:"info"}),B.createElement(Jt,{size:4,direction:"horizontal"}),B.createElement(qn,{variant:"label",size:"medium"},nt.t("Send to a different address")))),onClickTrigger:()=>D(ct=>!ct)},B.createElement(Jt,{size:4}),B.createElement(vl,{autoFocus:!0,placeholder:nt.t("Your destination address"),value:v,onChange:ct=>{x(ct.target.value)}})),K&&B.createElement("div",{className:wl()},B.createElement(Ai,{variant:"alarm",type:"error",title:nt.t({values:{destination:v},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(fp,"ConfirmWalletsModal");import{i18n as Pg}from"@lingui/core";import{Alert as Mg,Button as $g,InfoIcon as _g}from"@rango-dev/ui";import Le from"react";import{Alert as fg,Button as gg,Divider as kp,NoRouteIcon as hg,RefreshIcon as yg,Typography as Tp}from"@rango-dev/ui";import Xe from"react";import{i18n as gp}from"@lingui/core";function hp(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:X().genericServerError,action:{onClick:n,title:gp.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:X().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:gp.t("Reset")}},description:X().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:X().noResultError.description}}i(hp,"makeInfo");import{styled as Ei}from"@rango-dev/ui";var yp=Ei("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Sp=Ei("div",{width:"100%"}),Cp=Ei("div",{padding:"$6 $0"});function Ii(t){let{fetch:e,error:o}=t,n=g().disabledLiquiditySources,r=g().toggleAllLiquiditySources,s=g().swappers(),a=hp(o,n,()=>r(s,!0),e);return Xe.createElement(yp,null,Xe.createElement(hg,{size:24,color:"gray"}),Xe.createElement(kp,{size:4}),Xe.createElement(Tp,{variant:"title",size:"small"},X().noResultError.title),!!a.description&&Xe.createElement(Tp,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Xe.createElement(kp,{size:4}),!!a.alert&&Xe.createElement(Sp,null,Xe.createElement(fg,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Xe.createElement(gg,{size:"xsmall",type:a.alert.type,prefix:Xe.createElement(Cp,null,Xe.createElement(yg,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Ii,"NoResult");import{i18n as ko}from"@lingui/core";import{Button as Cg,Divider as Ep,MessageBox as kg,Modal as Tg,Typography as wg,WarningIcon as xg}from"@rango-dev/ui";import rt from"react";import{Typography as bp}from"@rango-dev/ui";import Ni from"react";import{darkTheme as Sg,styled as Gn}from"@rango-dev/ui";var wp=Gn("div",{width:"100%"}),Wi=Gn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),xp=Gn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Sg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),vp=Gn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Ap(t){let{title:e,value:o,valueColor:n}=t;return Ni.createElement(xp,null,Ni.createElement(bp,{size:"medium",variant:"label",className:"_title"},e),Ni.createElement(bp,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Ap,"QuoteErrorsModalItem");function Ip(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,s=r.warningLevel==="high"?"error":"warning",a=[{title:ko.t("Swapping"),value:I(r.inputUsdValue,4,4)},{title:ko.t("Gas cost"),value:I(r.totalFee,2,2)},{title:ko.t("Receiving"),value:I(r.outputUsdValue,4,4)},{title:ko.t("Price impact"),value:I(r.priceImpact,2,2),valueColor:`${s}500`}];return rt.createElement(Tg,{open:e,onClose:o,container:N()},rt.createElement(kg,{type:s,title:X().highValueLossError.impactTitle,description:X().highValueLossError.description}),rt.createElement(Wi,null,rt.createElement(Ep,{size:20}),rt.createElement(wg,{size:"small",variant:"title"},ko.t("Details")),rt.createElement(Wi,null,a.map((l,p)=>rt.createElement(Ap,{key:p,...l})))),rt.createElement(Ep,{size:32}),rt.createElement(Cg,{type:"primary",size:"large",prefix:rt.createElement(xg,null),fullWidth:!0,onClick:n},X().highValueLossError.confirmMessage))}i(Ip,"HighValueLossWarningModal");import{i18n as Bi}from"@lingui/core";function Wp(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(mt(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=X().highValueLossError.title),t.type===1&&(o.title=X().unknownPriceError.title),t.type===2&&(o.title=Bi.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:t.minRequiredSlippage}}),o.action="change-settings"),t.type===3&&(o.title=Bi.t("Caution, your slippage is high.")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action="show-info"),e.type===4&&(o.title=Bi.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):null}i(Wp,"makeAlerts");import{i18n as eo}from"@lingui/core";import{Button as Np,Divider as Bp,MessageBox as vg,Modal as bg,Typography as Ag}from"@rango-dev/ui";import _t from"react";import{useNavigate as Eg}from"react-router-dom";function Lp(t){let{customSlippage:e,slippage:o}=g(),{open:n,onClose:r,onConfirm:s,warning:a}=t,l=Eg(),p=e??o;return _t.createElement(bg,{anchor:"bottom",open:n,prefix:_t.createElement(Np,{size:"small",variant:"ghost",onClick:()=>l("../"+M.settings)},_t.createElement(Ag,{variant:"label",size:"medium",color:"$neutral900"},eo.t("Change settings"))),container:N(),onClose:r},_t.createElement(vg,{type:"warning",title:a.type===3?eo.t("High slippage"):eo.t("Low slippage"),description:a.type===3?eo.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):eo.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},_t.createElement(Bp,{size:18}),_t.createElement(Bp,{size:32}),_t.createElement(Np,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:s},eo.t("Confirm anyway"))))}i(Lp,"SlippageWarningModal");import{Button as Ig,Divider as Wg,MessageBox as Ng,Modal as Bg,WarningIcon as Lg}from"@rango-dev/ui";import To from"react";function Pp(t){let{open:e,onClose:o,onConfirm:n}=t;return To.createElement(Bg,{open:e,onClose:o,container:N()},To.createElement(Ng,{type:"warning",title:X().unknownPriceError.impactTitle,description:X().unknownPriceError.description}),To.createElement(Wg,{size:32}),To.createElement(Ig,{type:"primary",size:"large",prefix:To.createElement(Lg,null),fullWidth:!0,onClick:n},X().unknownPriceError.confirmMessage))}i(Pp,"UnknownPriceWarningModal");function wo(t){let{warning:e,error:o,refetchQuote:n,showWarningModal:r,onOpenWarningModal:s,onCloseWarningModal:a,onConfirmWarningModal:l,onChangeSettings:p}=t,u={open:r,onClose:a,onConfirm:l},c=o?.type===0||o?.type===1,m=Wp(e,o?.type===3||o?.type===4?o:null);return Le.createElement(Le.Fragment,null,c&&Le.createElement(Ii,{error:o,fetch:n}),!!m&&Le.createElement(wp,null,Le.createElement(Mg,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:Le.createElement(vp,{onClick:s},Le.createElement(_g,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:Le.createElement($g,{size:"xxsmall",type:m.alertType,onClick:p},Pg.t("Change"))}})),e&&Le.createElement(Le.Fragment,null,e.type===0&&Le.createElement(Ip,{...u,warning:e}),(e.type===3||e.type===2)&&Le.createElement(Lp,{...u,warning:e}),e.type===1&&Le.createElement(Pp,{...u,warning:e})))}i(wo,"QuoteWarningsAndErrors");import tr from"react";import{i18n as qi}from"@lingui/core";import{Alert as oh,Divider as Gi,InfoIcon as nh,StepDetails as rh,TokenAmount as ih,Tooltip as iu,Typography as Ao}from"@rango-dev/ui";import su from"bignumber.js";import U,{useLayoutEffect as sh,useRef as au,useState as ah}from"react";import{styled as Li}from"@rango-dev/ui";var Pi=Li("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Mp=Li("div",{paddingBottom:"$15"}),$p=Li("div",{width:"100%",display:"flex"});import*as Qn from"@radix-ui/react-collapsible";import{css as Hn,darkTheme as it,Image as _p,styled as ze,Typography as Dg}from"@rango-dev/ui";var Mi=300,Dp=ze(Qn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${it} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${it} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}}}),Fp=Hn({padding:"$10 $15"}),Op=ze("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",cursor:"pointer",boxSizing:"border-box",position:"relative",variants:{recommended:{true:{$$color:"$colors$info100",[`.${it} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${it} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{},false:{}}},compoundVariants:[{listItem:!0,recommended:!0,css:{"&:hover":{$$color:"$colors$secondary200",[`.${it} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${it} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}]}),Up=Hn({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),to=Hn({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),zp=Hn({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${it} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),qp=ze(Qn.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${_p}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${_p}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${it} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${it} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),Gp=ze("div",{width:"18px",height:"18px",borderRadius:"100%",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",img:{borderRadius:"100%"},variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),Qp=ze(bn,{width:"100%",background:"inherit"}),$i=ze("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Mi}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),SI=ze("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Hp=ze("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${it} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Vp=ze("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),_i=ze(Dg,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),jp=ze("div",{display:"flex",flexWrap:"wrap"}),Di=ze("div",{width:"18px",height:"18px",borderRadius:"100%",backgroundColor:"$background",cursor:"default",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}});import{i18n as At}from"@lingui/core";import{ChevronDownIcon as Og,CloseIcon as Ug,Divider as Xn,IconButton as zg,Modal as qg,QuoteCost as Gg,Tooltip as Qg,Typography as Ke}from"@rango-dev/ui";import Hg from"bignumber.js";import q,{useState as Jp}from"react";import{i18n as xo}from"@lingui/core";var Fi={"Network Fee":xo.t("Network Fee"),"Swapper Fee":xo.t("Protocol Fee"),"Affiliate Fee":xo.t("Affiliate Fee"),"Outbound network fee":xo.t("Outbound Fee"),"Rango Fee":xo.t("Rango Fee")};import{css as Fg,styled as Vn}from"@rango-dev/ui";var jn=Vn("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),Oi=Vn("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),Xp=Vn("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),Kp=Vn("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),Yp=Fg({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var Vg=30,jg=i(t=>t.fee.isZero()?null:q.createElement(jn,null,q.createElement(Ke,{variant:"label",size:"medium",color:"neutral600"},t.label),q.createElement(Ke,{variant:"label",size:"medium"},"$",I(t.fee,4,4))),"NonPayableFee");function Zp(t){let[e,o]=Jp(!1),[n,r]=Jp(!1),{steps:s,quote:a}=t,l=g().tokens(),p=jo(Xo(a.result?.swaps)),u=a.result?.swaps??[],c=N(),m=cn(u,l),d=Ua(u);return q.createElement(q.Fragment,null,q.createElement(Gg,{onClickFee:()=>o(!e),fee:I(m,2,2),feeWarning:m.gte(new Hg(Vg)),time:p,steps:s,tooltipGas:At.t("View more info"),tooltipContainer:c}),q.createElement(qg,{container:c,open:e,header:q.createElement(Kp,null,q.createElement(Ke,{variant:"title",size:"medium"},At.t("Gas & Fee Explanation")),q.createElement(zg,{onClick:()=>o(!1),variant:"ghost"},q.createElement(Ug,{color:"gray",size:14}))),onClose:()=>o(!1)},q.createElement(Xp,null,q.createElement(Ke,{variant:"title",size:"small"},At.t("Details")),q.createElement(Xn,{size:10}),Object.entries(d.payable).flatMap(([f,w])=>w.map((S,h)=>{let C=`payable-fee-${h}`,k=Kr(S);return q.createElement(jn,{key:C},q.createElement(Ke,{variant:"label",size:"medium",color:"neutral600"},Fi[f]),q.createElement(Qg,{content:se(S.amount),container:c},q.createElement(Ke,{variant:"label",size:"medium"},I(S.amount,2,2)," ",S.asset.symbol," ($",I(k,4,4),")")))})),q.createElement(jn,{className:"total_payable_fee"},q.createElement(Ke,{variant:"label",size:"medium"},At.t("Total Payable Fee")),q.createElement(Ke,{variant:"label",size:"medium"},"$",I(m,4,4))),q.createElement(Oi,null),Object.keys(d.nonePayable).length&&q.createElement(In,{triggerAnchor:"bottom",onClickTrigger:()=>r(f=>!f),trigger:q.createElement("div",{className:Yp()},q.createElement(Ke,{size:"small",variant:"body",color:"neutral700"},n?At.t("Hide non-payable fees"):At.t("Show non-payable fees")),q.createElement(Xn,{size:4,direction:"horizontal"}),q.createElement(An,{orientation:n?"up":"down"},q.createElement(Og,{size:12,color:"gray"}))),open:n},q.createElement(Ke,{size:"small",variant:"title"},At.t("Description")),q.createElement(Xn,{size:4}),q.createElement(Ke,{size:"small",variant:"body",color:"neutral700"},At.t(`The following fees are considered in the transaction output and
-                you won\u2019t need to pay extra gas for them.`)),q.createElement(Xn,{size:10}),Object.entries(d.nonePayable).map(([f,w],S)=>{let h=Oa(w),C=Fi[f],k=`non-payable-fee-${S}`;return q.createElement(jg,{key:k,fee:h,label:C})}),q.createElement(Oi,null)))))}i(Zp,"QuoteCostDetails");import{i18n as tu}from"@lingui/core";import{TokenAmount as ou}from"@rango-dev/ui";import Kn from"react";import{css as Xg,styled as Kg}from"@rango-dev/ui";var Rp=Kg("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),eu=Xg({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function vo(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Kn.createElement(Rp,null,Kn.createElement(ou,{direction:"horizontal",label:tu.t("Swap input"),type:"input",tooltipContainer:N(),price:{value:e.price.value,usdValue:e.price.usdValue,realValue:e.price.realValue,realUsdValue:e.price.realUsdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),Kn.createElement("div",{className:eu()}),Kn.createElement(ou,{direction:"horizontal",tooltipContainer:N(),label:tu.t("Estimated output"),type:"output",price:{value:o.price.value,usdValue:o.price.usdValue,realValue:o.price.realValue,realUsdValue:o.price.realUsdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}i(vo,"QuoteSummary");import{i18n as nu}from"@lingui/core";import{ChevronDownIcon as Yg,ChevronRightIcon as Jg,Divider as Ui,Image as Zg,Tooltip as zi,Typography as Yn}from"@rango-dev/ui";import L,{useEffect as Rg,useState as eh}from"react";var Jn=4,Zn=6,th=375,bo=i(t=>{let e=N(),{content:o,src:n,className:r,open:s,state:a}=t;return L.createElement(zi,{container:e,side:"bottom",sideOffset:4,open:s,content:o},L.createElement(Gp,{className:r,state:a},L.createElement(Zg,{src:n,size:16})))},"ImageComponent");function ru(t){let{quoteRef:e,recommended:o,setExpanded:n,steps:r,expanded:s}=t,a=N(),l=r.length,p=nl(r),[u,c]=eh(!1),m=i(()=>{window.innerWidth<th?c(!0):c(!1)},"handleResize");return Rg(()=>{window.addEventListener("resize",m)}),L.createElement(qp,{ref:d=>e.current=d,recommended:o,onClick:()=>n(d=>!d)},L.createElement("div",{className:to()},L.createElement(Yn,{variant:"body",size:"xsmall"},nu.t("Via:")),L.createElement(Ui,{direction:"horizontal",size:4}),r.map((d,f)=>{let w=`item-${f}`,S=L.createElement($i,null,L.createElement(Jg,{size:12,color:"black"}));return u?L.createElement(L.Fragment,null,L.createElement(bo,{content:d.swapper.displayName,src:d.swapper.image,state:d.state}),f!==l-1&&L.createElement(L.Fragment,null,S)):L.createElement(L.Fragment,{key:w},l<=Jn||l>Jn&&f<Jn-1?L.createElement(L.Fragment,null,L.createElement(bo,{content:d.swapper.displayName,src:d.swapper.image,state:d.state}),f!==l-1&&L.createElement(L.Fragment,null,S)):f===Jn-1&&L.createElement(zi,{container:a,side:"bottom",align:"right",sideOffset:4,content:L.createElement("div",{className:to()},S,r.map((h,C)=>{let k=`image-${C}`;return C>=f&&L.createElement(L.Fragment,{key:k},L.createElement(bo,{content:h.swapper.displayName,src:h.swapper.image,state:h.state,open:!1}),C!==l-1&&L.createElement(L.Fragment,null,S))}))},L.createElement(Di,{state:r.find((h,C)=>C>=f&&(h.state==="error"||h.state==="warning"))?.state},L.createElement(Yn,{size:"xsmall",variant:"body"},"+",l-f))))})),L.createElement("div",{className:to()},L.createElement("div",{className:"blockchains_section"},L.createElement("div",{className:to()},L.createElement(Yn,{variant:"body",size:"xsmall"},nu.t("Chains:")),L.createElement(Ui,{direction:"horizontal",size:4}),p.map((d,f)=>L.createElement(L.Fragment,null,p.length<=Zn||p.length>Zn&&f<Zn-1?L.createElement(bo,{key:d.displayName,content:"",src:d.image,open:!1,className:f!==0?"blockchainImage":""}):f===Zn-1&&L.createElement(zi,{container:a,side:"bottom",align:"right",sideOffset:4,content:L.createElement("div",{className:to()},p.map((w,S)=>S>=f&&L.createElement(bo,{key:w.displayName,content:"",src:w.image,open:!1,className:S>f?"blockchainImage":""})))},L.createElement(Di,{className:"blockchainImage"},L.createElement(Yn,{size:"xsmall",variant:"body"},"+",p.length-f))))),L.createElement(Ui,{direction:"horizontal",size:32}))),L.createElement($i,{orientation:s?"up":"down"},L.createElement(Yg,{size:12,color:"black"}))))}i(ru,"QuoteTrigger");function Qi(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=g().blockchains(),u=g().swappers(),[c,m]=ah(t.expanded),d=au(null),f=au(c),w=I(o.value,6,6),S=I(n.value,6,6),h=n.usdValue?I(n.usdValue,4,4):"",C=Fe(o.usdValue,n.usdValue??null),k=I(C,2,2),T=mt(C??0),y=i(v=>v.map((x,P)=>{let D,W=r?.type===3&&r.swap.swapperId===x.swapperId||r?.type===4&&r.recommendedSlippages?.has(P),O=s?.type===2&&s.recommendedSlippages?.has(P);return W?D="error":O&&(D="warning"),{swapper:{displayName:mo(x.swapperId,u),image:x.swapperLogo},from:{token:{displayName:x.from.symbol,image:x.from.logo},chain:{displayName:De(x.from.blockchain,p),image:x.from.blockchainLogo},price:{value:P===0?I(o.value,6,6):I(x.fromAmount,6,6),usdValue:I((x.from.usdPrice??0)*parseFloat(x.fromAmount),4,4),realValue:se(P===0?o.value:x.fromAmount),realUsdValue:se(new su(x.from.usdPrice??0).multipliedBy(x.fromAmount))}},to:{token:{displayName:x.to.symbol,image:x.to.logo},chain:{displayName:De(x.to.blockchain,p),image:x.to.blockchainLogo},price:{value:I(x.toAmount,6,6),usdValue:I((x.to.usdPrice??0)*parseFloat(x.toAmount),4,4),realValue:se(x.toAmount),realUsdValue:se(new su(x.to.usdPrice??0).multipliedBy(x.toAmount))}},state:D,alerts:W||O?U.createElement(Mp,null,U.createElement(oh,{type:W?"error":"warning",title:r?.type===3?r?.recommendation:qi.t("Slippage Error:"),footer:U.createElement($p,null,r?.type===3&&U.createElement(U.Fragment,null,U.createElement(Ao,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),U.createElement(Gi,{direction:"horizontal",size:8}),U.createElement(Ao,{size:"xsmall",variant:"body",color:"neutral900"},"|"),U.createElement(Gi,{direction:"horizontal",size:8}),U.createElement(Ao,{size:"xsmall",variant:"body",color:"neutral900"},qi.t({id:"Yours: {amount} {symbol}",values:{amount:I(x.fromAmount,6,6),symbol:x?.from.symbol}}))),(r?.type===4||s?.type===2)&&U.createElement(Ao,{size:"xsmall",variant:"body",color:"neutral900"},qi.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(P)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(P)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),E=y.length,b=N();return sh(()=>{c&&!f.current&&d.current&&setTimeout(()=>{d?.current?.scrollIntoView({behavior:"smooth"})},Mi),f.current=c},[c,f]),U.createElement(U.Fragment,null,U.createElement(Op,{recommended:l,listItem:a==="list-item",basic:a==="basic"},U.createElement("div",{className:Up()},U.createElement(Zp,{steps:E,quote:e}),a==="basic"&&U.createElement("div",{className:zp()},U.createElement(Vp,null,U.createElement(nh,{size:12,color:"gray"})),U.createElement(jp,null,U.createElement(_i,{size:"small",variant:"body"},`${w} ${y[0].from.token.displayName} = `),U.createElement(iu,{content:se(n.value),container:b,open:n.value?void 0:!1},U.createElement(_i,{size:"small",variant:"body"},"\xA0",`${S} ${y[y.length-1].to.token.displayName}`))),U.createElement(iu,{content:se(n.usdValue),container:b,style:{display:"flex"}},U.createElement(Ao,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${h})`))),a==="list-item"&&U.createElement(ih,{type:"output",direction:"vertical",tooltipContainer:b,price:{value:S,usdValue:h,realValue:se(n.value),realUsdValue:se(n.usdValue)},token:{displayName:y[E-1].to.token.displayName,image:y[E-1].to.token.image},chain:{image:y[E-1].to.chain.image},percentageChange:k,warningLevel:T}),a==="swap-preview"&&U.createElement(U.Fragment,null,U.createElement(vo,{from:y[0].from,to:y[E-1].to,percentageChange:k,warningLevel:T}),U.createElement(Gi,{size:4}))),U.createElement(Dp,{recommended:l,open:c,onOpenChange:m},U.createElement(ru,{quoteRef:d,recommended:l,setExpanded:m,expanded:c,steps:y}),U.createElement(Qp,{open:c},U.createElement(Hp,null),U.createElement("div",{className:Fp()},y.map((v,x)=>{let P=`item-${x}`;return U.createElement(rh,{type:"quote-details",key:P,step:v,hasSeparator:x!==y.length-1,state:v.state,tooltipContainer:b})}))))))}i(Qi,"Quote");import{Divider as uh,Skeleton as ch}from"@rango-dev/ui";import dt from"react";import{darkTheme as lh,styled as Rn}from"@rango-dev/ui";var lu=Rn("div",{$$color:"$colors$neutral100",[`.${lh} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),pu=Rn("div",{paddingTop:"$2"}),uu=Rn("div",{paddingLeft:"$8"}),cu=Rn("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as wu,Divider as Dt,Skeleton as at}from"@rango-dev/ui";import H from"react";import{styled as st}from"@rango-dev/ui";var mu=st("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),du=st("div",{display:"flex"}),fu=st("div",{padding:"$15 $0 14px $0"}),gu=st("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),hu=st("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),yu=st("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Su=st("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Cu=st("div",{width:"65%",display:"flex",justifyContent:"start"}),ku=st("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Tu=st("div",{padding:"$15 $0 $15 $0"});function Eo(t){let{type:e,tag:o=!1}=t,n=H.createElement(yu,null,H.createElement(Cu,null,H.createElement(wu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),H.createElement(Dt,{size:8,direction:"horizontal"}),H.createElement(ku,null,H.createElement(at,{height:10,width:60,variant:"rounded"}),H.createElement(Dt,{size:4}),H.createElement(at,{height:15,variant:"rounded"}))),H.createElement(at,{height:12,width:64,variant:"rounded"}));return H.createElement("div",null,H.createElement(mu,null,H.createElement(du,null,H.createElement(at,{width:60,height:10,variant:"rounded"}),H.createElement(Dt,{size:4,direction:"horizontal"}),H.createElement(at,{width:60,height:10,variant:"rounded"}),H.createElement(Dt,{size:4,direction:"horizontal"}),H.createElement(at,{width:60,height:10,variant:"rounded"})),o&&H.createElement(at,{height:22,width:100,variant:"rounded"})),e==="basic"&&H.createElement(fu,null,H.createElement(at,{height:15,width:148,variant:"rounded"})),e==="list-item"&&H.createElement(gu,null,H.createElement(hu,null,H.createElement(wu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),H.createElement(Dt,{direction:"horizontal",size:4}),H.createElement(at,{height:15,width:150,variant:"rounded"})),H.createElement(Dt,{size:4}),H.createElement(at,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&H.createElement(H.Fragment,null,H.createElement(Dt,{size:4}),H.createElement(Tu,null,n,H.createElement(Su,null),n)))}i(Eo,"QuoteSummarySkeleton");import{ChainToken as Eu,Divider as Vi,NextIcon as ph,Skeleton as er}from"@rango-dev/ui";import ce from"react";import{styled as Io}from"@rango-dev/ui";var xu=Io("div",{display:"flex",alignItems:"start"}),vu=Io("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),Hi=Io("div",{display:"flex",alignItems:"center",flexGrow:1}),bu=Io("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Au=Io("div",{display:"flex",alignItems:"center"});function lt(t){let{separator:e=!0}=t;return ce.createElement(ce.Fragment,null,ce.createElement(Au,null,ce.createElement(er,{height:22,width:22,variant:"circular"}),ce.createElement(Vi,{direction:"horizontal",size:8}),ce.createElement(er,{height:15,width:148,variant:"rounded"})),ce.createElement(xu,null,ce.createElement(cu,{hideSeparator:!e}),ce.createElement(vu,null,ce.createElement(Hi,null,ce.createElement(Eu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ce.createElement(Vi,{direction:"horizontal",size:8}),ce.createElement(er,{height:12,variant:"rounded"})),ce.createElement(bu,null,ce.createElement(ph,{color:"gray",size:16})),ce.createElement(Hi,null,ce.createElement(Eu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ce.createElement(Vi,{direction:"horizontal",size:8}),ce.createElement(er,{height:12,variant:"rounded"})))))}i(lt,"StepSkeleton");function ji(t){let{type:e,expanded:o,tag:n=!1}=t;return dt.createElement(lu,{rounded:e!=="basic"},dt.createElement(Eo,{type:e,tag:n}),dt.createElement(pu,null,dt.createElement(ch,{height:15,variant:"rounded"})),o&&dt.createElement(uu,null,dt.createElement(uh,{size:20}),dt.createElement(lt,null),dt.createElement(lt,null),dt.createElement(lt,{separator:!1})))}i(ji,"QuoteSkeleton");function Wo(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1}=t,{inputAmount:l,inputUsdValue:p,outputUsdValue:u,outputAmount:c}=_(),d=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n;return n?tr.createElement(Pi,null,tr.createElement(ji,{type:o,expanded:a})):d?tr.createElement(Pi,null,tr.createElement(Qi,{quote:e,error:r,warning:s,type:o,expanded:a,recommended:!0,input:{value:l,usdValue:p?.toString()??""},output:{value:c?.toString()??"",usdValue:u?.toString()??""}})):null}i(Wo,"QuoteInfo");import{calculatePendingSwap as fh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as gh}from"react";import{useRef as mh,useState as dh}from"react";function or(){let[t,e]=dh(!1),o=mh(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Gt().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(or,"useFetchQuote");function nr(t){if(!t.result)throw new Error(X().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Vr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=jr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=Yr(t);if(o){let n=mn(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(nr,"throwErrorIfResponseIsNotValid");function Iu(t,e,o){let n=!1;t&&(n=tl(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=fn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(Ha(t,e)?r.quoteUpdate={type:3,newOutputAmount:I(Ht(e)),percentageChange:I(Fe(Ht(t)??"",Ht(e)??""),null,2)}:Zr(t,e)?r.quoteUpdate={type:0}:Rr(t,e)?r.quoteUpdate={type:1}:ei(t,e)&&(r.quoteUpdate={type:2}));let a=Va(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Iu,"generateWarnings");function rr(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}i(rr,"handleQuoteErrors");function Xi(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=_(),{slippage:l,customSlippage:p,affiliatePercent:u,affiliateRef:c,affiliateWallets:m,disabledLiquiditySources:d}=g(),{connectedWallets:f}=V(),w=g().blockchains(),S=g().tokens(),{features:h}=g().config,{enableNewLiquiditySources:C}=g().config,k=p||l,{fetch:T,cancelFetch:A,loading:y}=or();return gh(()=>A,[]),{loading:y,fetch:i(async b=>{let v=b.selectedWallets,x=b?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let P=dn({fromToken:t,toToken:e,inputAmount:o,wallets:f,selectedWallets:v,excludeLiquiditySources:C,disabledLiquiditySources:d,slippage:k,affiliateRef:c,affiliatePercent:u,affiliateWallets:m,initialQuote:r??void 0,destination:x});sn("experimentalRoute",h)&&(P.experimental=!0);let D;try{D=await T(P).then(Z=>nr(Z)),n(D)}catch(Z){return rr(Z)}let W={slippage:k.toString(),disabledSwappersGroups:d},O=fh(o.toString(),D,Ga(v),W,!1,{blockchains:w,tokens:S}),ne=Iu(r??void 0,D,{fromToken:t,toToken:e,meta:{blockchains:w,tokens:S},selectedWallets:v,userSlippage:k});return ne.quoteUpdate&&a(!1),{quote:D,swap:O,error:null,warnings:ne}},"fetch"),cancelFetch:A}}i(Xi,"useConfirmSwap");var Eh=Ch("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Nu}`]:{width:"$48",height:"$48"}}),Ih=Yi({flexGrow:1,paddingRight:"$10"}),Wh=Yi({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),Nh=Yi({display:"flex",justifyContent:"space-between",alignItems:"center"});function Bu(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=_(),l=Ah(),[p,u]=sr(""),{connectedWallets:c}=V(),m=!n,[d,f]=sr(!1),w=Ae.use.setSelectedSwap(),S=g().disabledLiquiditySources,h=vh(S),{manager:C}=hh(),{fetch:k,loading:T,cancelFetch:A}=Xi(),[y,E]=sr({swap:null,error:null,warnings:null}),[b,v]=sr(!1),x=i(async({selectedWallets:j,customDestination:ve})=>{let K=await k?.({selectedWallets:j,customDestination:ve});return E(K),K},"onConfirmSwap"),P=i(async()=>{if(y.swap&&n)try{await C?.create("swap",{swapDetails:y.swap},{id:y.swap.requestId}),w(y.swap.requestId);let j=`../${M.swaps}/${y.swap.requestId}`;l(j,{replace:!0}),setTimeout(()=>{e("")},0)}catch(j){u("Error: "+j?.message)}},"addNewSwap"),D=i(async()=>{await P()},"onConfirm"),W=i(async()=>{y?.warnings?.quote&&!a?v(!0):await D()},"onStartConfirmSwap"),O=i(async()=>{E({error:null,swap:null,warnings:null}),k({selectedWallets:o,customDestination:s}).then(j=>{E(j)}).catch(j=>console.error(j))},"onRefresh");No(()=>{!!h.current.length&&!S.length&&O(),h.current=S},[S.length]),No(()=>{m&&A()},[m]),No(()=>{m&&f(m)},[m]),No(()=>{m||k({selectedWallets:o,customDestination:s}).then(j=>E(j)).catch(j=>console.error(j))},[]),No(()=>{let j=y.warnings?.quote?.type&&Object.values(Ct).includes(y.warnings?.quote?.type),ve=o.length<1||!o.every(z=>c.find(ye=>z.address===ye.address&&z.walletType===ye.walletType&&z.chain===ye.chain)),K=!1;if(j){let z=an(t),ye=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(et=>et.from.blockchain===ye)||(z=z.slice(-z.length,z.length-1)),z.every(et=>o.find(Nt=>Nt.chain===et))||(K=!0)}t&&(ve||K)&&(queueMicrotask(()=>bh(f.bind(null,!0))),r(!1))},[y.warnings?.quote,o.length,c.length]),xh(()=>{t||l("../")},[]);let ne=y.warnings?.quote??null,Z=y.error,pe=[];return p&&pe.push(ae.createElement(Wu,{type:"error",variant:"alarm",title:p})),y.warnings?.quoteUpdate&&pe.push(ae.createElement(Wu,{variant:"alarm",type:"warning",title:y.warnings.quoteUpdate&&xn(y.warnings.quoteUpdate)})),(ne||Z)&&pe.push(ae.createElement(wo,{warning:ne,error:Z,loading:T,refetchQuote:O,showWarningModal:b,onOpenWarningModal:()=>v(!0),onCloseWarningModal:()=>v(!1),onConfirmWarningModal:async()=>{v(!1),await P()},onChangeSettings:()=>l(M.settings)})),ae.createElement(te,{header:{title:ir.t("Confirm Swap"),onWallet:()=>{let j=`../${M.wallets}`;l(j)},suffix:ae.createElement(kh,{container:N(),side:"bottom",content:ir.t("Settings")},ae.createElement(Ue,{size:"small",variant:"ghost",onClick:()=>l("../"+M.settings)},ae.createElement(Sh,{size:18,color:"black"})))},footer:ae.createElement(Eh,null,ae.createElement("div",{className:Ih()},ae.createElement(yh,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:T,disabled:!!y.error,onClick:W},ir.t("Start Swap"))),ae.createElement(Nu,{variant:"contained",type:"primary",size:"large",loading:T,onClick:f.bind(null,!0)},ae.createElement(wh,{size:24})))},d&&ae.createElement(fp,{open:d,onClose:()=>f(!1),onCancel:A,loading:T,onCheckBalance:x}),ae.createElement(re,null,ae.createElement("div",{className:Nh()},ae.createElement(Th,{variant:"title",size:"small"},ir.t("You get")),ae.createElement("div",{className:Wh()},ae.createElement(_n,{onClick:!T&&!d&&!b?O:void 0}))),ae.createElement(Ki,{size:"12"}),Wl(pe,ae.createElement(Ki,{size:10})),pe.length>0?ae.createElement(Ki,{size:10}):null,ae.createElement(Wo,{quote:t,type:"swap-preview",expanded:!0,error:y.error,loading:T,warning:y.warnings?.quote??null})))}i(Bu,"ConfirmSwapPage");import{i18n as ur}from"@lingui/core";import{useManager as Fh}from"@rango-dev/queue-manager-react";import{Divider as Ou,NotFound as Oh,styled as Uh}from"@rango-dev/ui";import gt,{useState as zh}from"react";import{useNavigate as qh}from"react-router-dom";import{CloseIcon as Lh,IconButton as Ph,SearchIcon as Mh,TextField as $h}from"@rango-dev/ui";import Bo from"react";import{styled as Bh}from"@rango-dev/ui";var Lu=Bh("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function ft(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Bo.createElement($h,{prefix:Bo.createElement(Lu,null,Bo.createElement(Mh,{color:"black"})),suffix:!!a.length&&Bo.createElement(Ph,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Bo.createElement(Lh,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...p})}i(ft,"SearchInput");import{i18n as es}from"@lingui/core";import{Divider as Mu,SwapListItem as $u,Typography as _u}from"@rango-dev/ui";import oe from"react";import{css as _h,darkTheme as Dh,styled as ar}from"@rango-dev/ui";var lr=_h(),Ji=ar("div",{width:"100%",display:"flex",flexDirection:"column",[`& .${lr}`]:{$$color:"$colors$neutral600",[`.${Dh} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Zi=ar("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Ri=ar("div",{gap:"$10",display:"flex",flexDirection:"column"}),Pu=ar("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function ts(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,s=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}],l=[{title:es.t("Today"),swaps:a},{title:es.t("This month"),swaps:a}];return oe.createElement(oe.Fragment,null,l.map(p=>oe.createElement(oe.Fragment,{key:p.title},oe.createElement(Ji,null,oe.createElement(Zi,null,oe.createElement(_u,{variant:"label",size:"medium",className:lr()},p.title)),oe.createElement(Mu,{size:4}),oe.createElement(Ri,null,p.swaps.map((u,c)=>{let m=c+p.title;return oe.createElement(oe.Fragment,{key:m},oe.createElement($u,{isLoading:!0}))}))))))}return oe.createElement(oe.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>oe.createElement(oe.Fragment,{key:a.title},oe.createElement(Ji,null,oe.createElement(Zi,null,oe.createElement(_u,{variant:"label",size:"medium",className:lr()},a.title)),oe.createElement(Mu,{size:4}),oe.createElement(Ri,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return oe.createElement(oe.Fragment,{key:l.requestId},oe.createElement($u,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,tooltipContainer:N(),onlyShowTime:a.title===es.t("Today"),swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:I(l.inputAmount,6,6),realAmount:se(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:I(u.outputAmount||u.expectedOutputAmountHumanReadable||"",6,6),realAmount:se(u.outputAmount||u.expectedOutputAmountHumanReadable)}}}))}))))))}i(ts,"SwapsGroup");import{i18n as pr}from"@lingui/core";import Du from"dayjs";var Fu=i(t=>{let e=new Map([["today",{title:pr.t("Today"),swaps:[]}],["week",{title:pr.t("This week"),swaps:[]}],["month",{title:pr.t("This month"),swaps:[]}],["year",{title:pr.t("This year"),swaps:[]}]]);function o(r,s){e.has(r)||e.set(r,{title:r,swaps:[]}),e.get(r)?.swaps.push(s)}i(o,"addYearsToOutput");let n=Du();return t.forEach(r=>{let s=Number(r.creationTime),a=Du(s);if(n.isSame(a,"day"))e.get("today")?.swaps.push(r);else if(n.isSame(a,"week"))e.get("week")?.swaps.push(r);else if(n.isSame(a,"month"))e.get("month")?.swaps.push(r);else if(n.isSame(a,"year"))e.get("year")?.swaps.push(r);else{let l=new Date(s).getFullYear().toString();o(l,r)}}),Array.from(e.values())},"groupSwapsByDate");var oo=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 Gh=Uh("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Qh=i((t,e)=>t?.length?t.filter(o=>tt(o.fromBlockchain,e)||tt(o.toBlockchain,e)||tt(o.toSymbol,e)||tt(o.fromSymbol,e)).length:!1,"isStepContainsText");function Uu(){let t=Ae.use.setSelectedSwap(),e=qh(),{manager:o,state:n}=Fh(),r=oo(o).map(({swap:m})=>m),[s,a]=zh(""),l=!n.loadedFromPersistor,p=i(m=>{let d=m.target.value;a(d)},"searchHandler"),u=r;s&&(u=r.filter(m=>tt(m.inputAmount,s)||tt(m.status,s)||Qh(m.steps,s)||tt(m.requestId,s)));let c=!u?.length&&!l;return gt.createElement(te,{header:{title:ur.t("History")}},gt.createElement(re,null,gt.createElement(ft,{setValue:a,fullWidth:!0,variant:"contained",placeholder:ur.t("Search Transaction"),autoFocus:!0,onChange:p,value:s}),gt.createElement(Ou,{size:"16"}),gt.createElement(Gh,null,c&&gt.createElement(Pu,null,gt.createElement(Ou,{size:32}),gt.createElement(Oh,{title:ur.t("No results found"),description:s?ur.t("Try using different keywords"):""})),!c&&gt.createElement(ts,{list:u,onSwapClick:m=>{t(m),e(m)},groupBy:Fu,isLoading:l}))))}i(Uu,"HistoryPage");import{i18n as rs}from"@lingui/core";import{Button as Jh,Divider as Qu,styled as Vu,SwapInput as Hu,WarningIcon as Zh}from"@rango-dev/ui";import Ce,{useEffect as Rh,useState as ey}from"react";import{useNavigate as ty}from"react-router-dom";import{ReverseIcon as Hh,styled as zu}from"@rango-dev/ui";import os from"react";var Vh=zu("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),jh=zu("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 qu(){let t=_.use.switchFromAndTo();return os.createElement(Vh,null,os.createElement(jh,{onClick:()=>{t()}},os.createElement(Hh,{size:12})))}i(qu,"SwitchFromAndToButton");import{useCallback as Xh,useEffect as Kh,useState as ns}from"react";var Yh=600;function Gu(){let{fetch:t,cancelFetch:e}=or(),{liquiditySources:o,enableNewLiquiditySources:n,features:r}=g().config,s=g().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:u,quote:c,resetQuote:m,setQuote:d}=_(),{slippage:f,customSlippage:w,affiliatePercent:S,affiliateRef:h,affiliateWallets:C,disabledLiquiditySources:k}=g(),[T,A]=ns(!1),[y,E]=ns(null),[b,v]=ns(null),x=w??f,D=!a||!l||$e(a,l)||!po(p),W=i(Z=>{A(Z),E(null),v(null)},"resetState"),O=i(Z=>{let{fromToken:pe,toToken:j,inputAmount:ve,liquiditySources:K,excludeLiquiditySources:z,disabledLiquiditySources:ye,slippage:Re,affiliateRef:We,affiliatePercent:et,affiliateWallets:Nt}=Z;if(T||W(!0),!D&&pe&&j){m();let F=dn({fromToken:pe,toToken:j,inputAmount:ve,liquiditySources:K,excludeLiquiditySources:z,disabledLiquiditySources:ye,slippage:Re,affiliateRef:We,affiliatePercent:et,affiliateWallets:Nt});sn("experimentalRoute",r)&&(F.experimental=!0),t(F).then(G=>{A(!1),d(G),nr(G);let Q=fn(G,{fromToken:pe,toToken:j,userSlippage:x,tokens:s});v(Q)}).catch(G=>{let{error:Q}=rr(G);(Q?.type===0||Q?.type===1)&&m(),Q?.type!==2&&(E(Q),A(!1))})}},"fetch"),ne=Xh(wa(Z=>{D||O(Z)},Yh),[D]);return Kh(()=>{if(!po(p)||u?.eq(0)){W(!1),e();return}if(D){c&&m();return}return m(),W(!0),ne({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:k,slippage:x,affiliateRef:h,affiliatePercent:S,affiliateWallets:C}),e},[p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,D,o?.length,n,k.length,x,h,S,JSON.stringify(C)]),{fetch:()=>O({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:k,slippage:x,affiliateRef:h,affiliatePercent:S,affiliateWallets:C}),loading:T,error:y,warning:b}}i(Gu,"useSwapInput");var oy=Vu("div",{position:"relative"}),ny=Vu("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function ju(){let t=ty(),{fetch:e,loading:o,error:n,warning:r}=Gu(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:c,inputUsdValue:m,outputAmount:d,outputUsdValue:f,quote:w,resetQuoteWallets:S,setQuoteWarningsConfirmed:h}=_(),C=g().fetchStatus,{connectedWallets:k,getBalanceFor:T}=V(),A=Ae.use.setCurrentPage(),[y,E]=ey(!1),b=!!a&&ya(k,a.name),v=!1,x=!Xr(w,c,m),P=!Xr(w,c,f),D=Fa({fetchMetaStatus:C,fetchingQuote:o,inputAmount:c,quote:w,anyWalletConnected:k.length>0,error:n,warning:r,needsToWarnEthOnPath:v}),W=s?T(s):null,O=en(W)?.amount??"0",ne=a&&s?I(W?.amount,W?.decimals):"0";Rh(()=>(A(M.home),S(),A.bind(null,"")),[]);let Z=!m||!f||!f.gt(0)?null:Fe(m.toString(),f.toString());return Ce.createElement(te,{height:"auto",hasLogo:!0,footer:Ce.createElement(Jh,{type:"primary",size:"large",disabled:D.disabled,prefix:D.action==="confirm-warning"&&Ce.createElement(Zh,null),fullWidth:!0,onClick:()=>{D.action==="connect-wallet"?t(M.wallets):D.action==="confirm-warning"?E(!0):t(M.confirmSwap)}},D.title),header:{onWallet:()=>{t(M.wallets)},hasBackButton:!1,title:rs.t("Swap"),suffix:Ce.createElement(yi,{onClickRefresh:(w||n)&&!y?e:void 0,onClickHistory:()=>t(M.swaps),onClickSettings:()=>t(M.settings)})}},Ce.createElement(re,null,Ce.createElement(ny,null,Ce.createElement(oy,null,Ce.createElement(Hu,{label:rs.t("From"),mode:"From",onInputChange:u,balance:O,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(M.fromSwap),price:{value:c,usdValue:x?void 0:I(m,4,4),realUsdValue:x?void 0:se(m),error:x?X().unknownPriceError.impactTitle:void 0},disabled:C==="failed",loading:C==="loading",loadingBalance:b,tooltipContainer:N(),onSelectMaxBalance:()=>{O!=="0"&&u(ne.split(",").join(""))}}),Ce.createElement(qu,null)),Ce.createElement(Hu,{sharpBottomStyle:!!w?.result||o,label:rs.t("To"),mode:"To",fetchingQuote:o,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:I(Fe(m,f),2,2),warningLevel:mt(Z??0),price:{value:I(d,6,6),usdValue:P?void 0:I(f,4,4),realValue:se(d),realUsdValue:P?void 0:se(f),error:P?X().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(M.toSwap),disabled:C==="failed",loading:C==="loading",tooltipContainer:N()})),Ce.createElement(Qu,{size:"2"}),Ce.createElement(Wo,{quote:w,loading:o,error:n,warning:r,type:"basic"}),r||n?Ce.createElement(Ce.Fragment,null,Ce.createElement(Qu,{size:"10"}),Ce.createElement(wo,{warning:r,error:n,loading:o,refetchQuote:e,showWarningModal:y,onOpenWarningModal:()=>E(!0),onCloseWarningModal:()=>E(!1),onConfirmWarningModal:()=>{E(!1),h(!0),t(M.confirmSwap)},onChangeSettings:()=>t(M.settings)})):null))}i(ju,"Home");import{i18n as Xu}from"@lingui/core";import{List as ry,ListItemButton as iy,Radio as sy,RadioRoot as ay,Typography as ly}from"@rango-dev/ui";import Et from"react";function no(){let{setLanguage:t,language:e,config:o}=g(),n=ba,r=o?.language||co;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||co),resetLanguage:()=>t(null)}}i(no,"useLanguage");function Ku(){let{activeLanguage:t,changeLanguage:e,languages:o}=no(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:Et.createElement(ly,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Et.createElement(sy,{value:s}),start:Et.createElement(l,null)}});return Et.createElement(te,{header:{title:Xu.t("Language")}},Et.createElement(re,null,Et.createElement(ay,{value:t},Et.createElement(ry,{type:Et.createElement(iy,{title:Xu.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(Ku,"LanguagePage");import{i18n as ht}from"@lingui/core";import{Button as dy,Checkbox as fy,Image as gy,ListItemButton as hy,NotFound as yy,Typography as Sy}from"@rango-dev/ui";import xe,{useState as Cy}from"react";import{Checkbox as cy,Skeleton as Ju}from"@rango-dev/ui";import Po from"react";import{styled as is}from"@rango-dev/ui";var Lo=is("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ss=is("div",{width:80,display:"flex",justifyContent:"flex-end"}),as=is("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as py,styled as uy}from"@rango-dev/ui";var Yu=uy(py,{height:61});var my=30;function ls(){return Po.createElement(Lo,null,Array.from(Array(my),t=>Po.createElement(Yu,{hasDivider:!0,key:t,start:Po.createElement(Ju,{variant:"circular",width:35,height:35}),title:Po.createElement(Ju,{variant:"text",size:"large",width:90}),end:Po.createElement(cy,{checked:!1})})))}i(ls,"LoadingLiquiditySourceList");function ps({sourceType:t}){let e=g().fetchStatus,o=g().swappers(),n=g().disabledLiquiditySources,[r,s]=Cy(""),a=g().toggleLiquiditySource,l=rn(o,n),p={Exchanges:ht.t("Exchanges"),Bridges:ht.t("Bridges")},u=[];t==="Exchanges"&&u.push("DEX"),t==="Bridges"&&(u.push("BRIDGE"),u.push("AGGREGATOR"));let c=l.filter(h=>u.includes(h.type)),m=c.length===c.filter(h=>h.selected).length,d=i(()=>{c.forEach(h=>{m?a(h.groupTitle):h.selected||a(h.groupTitle)})},"toggleAllSources"),f=c.map(h=>{let{selected:C,groupTitle:k,logo:T}=h;return{start:xe.createElement(gy,{src:T,size:22,type:"circular"}),onClick:()=>a(k),end:xe.createElement(fy,{checked:C}),title:xe.createElement(Sy,{variant:"title",size:"xmedium"},ht.t(k)),...h}}),w=i(h=>{let C=h.target.value;s(C)},"searchHandler"),S=f;return r&&(S=f.filter(h=>tt(h.groupTitle,r))),xe.createElement(te,{header:{title:ht.t(t),suffix:xe.createElement(ss,null,xe.createElement(dy,{variant:"ghost",size:"xsmall",onClick:d},m?ht.t("Deselect all"):ht.t("Select all")))}},xe.createElement(re,{view:!0},xe.createElement(ft,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:ht.t("Search {sourceType}",{sourceType:p[t]}),onChange:w}),e==="loading"&&xe.createElement(ls,null),!S.length&&r?xe.createElement(as,null,xe.createElement(yy,{title:ht.t("No results found"),description:ht.t("Try using different keywords")})):e==="success"&&xe.createElement(Lo,null,S.map(h=>xe.createElement(xe.Fragment,{key:h.id},xe.createElement(hy,{style:{height:"61px"},...h,selected:!1,hasDivider:!0}))))))}i(ps,"LiquiditySourcePage");import{i18n as ic}from"@lingui/core";import{Divider as sc,getCountCategories as Wy,SelectableCategoryList as Ny}from"@rango-dev/ui";import yt,{useState as ac}from"react";import{i18n as cs}from"@lingui/core";import{Divider as nc,Image as vy,ListItemButton as by,NotFound as Ay,Typography as rc}from"@rango-dev/ui";import qe,{useEffect as Ey,useState as Iy}from"react";import{BlockchainCategories as us}from"@rango-dev/ui";import{TransactionType as cr}from"rango-sdk";var ky=i((t,e)=>{switch(e){case us.ALL:return!0;case us.UTXO:return t.type===cr.TRANSFER;case us.OTHER:return t.type!==cr.TRANSFER&&t.type!==cr.COSMOS&&t.type!==cr.EVM;default:return t.type===e}},"filterByType"),Zu=i((t,e,o)=>t.filter(n=>ky(n,o)).filter(n=>Bt(n.name,e)||Bt(n.displayName,e)),"filterBlockchains");import{ImageContainer as Ty,styled as Ru}from"@rango-dev/ui";var ec=Ru("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),mr=Ru(yo,{padding:0,margin:0,listStyle:"none",[`& ${Ty}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as wy,Skeleton as tc}from"@rango-dev/ui";import dr from"react";var xy=20;function oc(){return dr.createElement(mr,null,Array.from(Array(xy),t=>dr.createElement(wy,{key:t,hasDivider:!0,start:dr.createElement(tc,{variant:"circular",width:35,height:35}),title:dr.createElement(tc,{variant:"text",size:"large",width:90})})))}i(oc,"LoadingBlockchainList");function ms(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=Iy(e),{fetchStatus:l}=g();Ey(()=>{a([...Zu(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?qe.createElement(qe.Fragment,null,qe.createElement(nc,{size:32}),qe.createElement(Ay,{title:cs.t("No results found"),description:cs.t("Try using different keywords")})):qe.createElement(mr,{as:"ul",key:`${r}-${o}`},s.map(u=>qe.createElement(by,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:qe.createElement(vy,{src:u.logo,size:30}),title:qe.createElement(rc,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return qe.createElement(ec,null,qe.createElement(rc,{variant:"label",size:"large"},cs.t("Select Blockchain")),qe.createElement(nc,{size:4}),l==="loading"&&qe.createElement(oc,null),l==="success"&&p())}i(ms,"BlockchainList");function ds(t){let{type:e}=t,o=xt(),[n,r]=ac(""),[s,a]=ac("ALL"),l=_.use.setToBlockchain(),p=_.use.setFromBlockchain(),u=g().fetchStatus,c=g().blockchains({type:e}),d=Wy(c)!==1;return yt.createElement(te,{header:{title:ic.t("Select Blockchain")}},yt.createElement(re,{view:!0},d&&yt.createElement(yt.Fragment,null,yt.createElement(Ny,{setCategory:a,category:s,blockchains:c,isLoading:u==="loading"}),yt.createElement(sc,{size:24})),yt.createElement(ft,{value:n,autoFocus:!0,placeholder:ic.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),yt.createElement(sc,{size:16}),yt.createElement(ms,{list:c,searchedFor:n,blockchainCategory:s,onChange:f=>{e==="source"?p(f):l(f),o()}})))}i(ds,"SelectBlockchainPage");import{i18n as Sr}from"@lingui/core";import{Divider as Ec}from"@rango-dev/ui";import Ft,{useState as Xy}from"react";import{useNavigate as Ky}from"react-router-dom";import{i18n as hs}from"@lingui/core";import{BlockchainsChip as fr,Divider as cc,Image as mc,Skeleton as $y,Tooltip as _y,Typography as ys}from"@rango-dev/ui";import fe from"react";import{useEffect as Py}from"react";var lc=["ETH","COSMOS","OSMOSIS"];function fs(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(By),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let u=n[p];a=a.filter(c=>u.name!==c)}}n.sort(Ly(a)),r=n.splice(s)}return{list:n,more:r}}i(fs,"prepare");function By(t,e){let o=lc,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),s=n>-1,a=r>-1;return s&&a?n>r?1:-1:s?-1:a?1:0}i(By,"sortByMostUsedBlockchains");function Ly(t){return i(function(o,n){let r=t.findIndex(p=>p===o.name),s=t.findIndex(p=>p===n.name),a=r>-1,l=s>-1;return a&&l?r>s?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}i(Ly,"generateSortByPreferredBlockchainsFor");function pc(t,e){return!!e.list.find(o=>o.name===t)}i(pc,"isInVisibleList");function gs(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=g();Py(()=>{if(e?.selected){let s=fs(t,o,e);pc(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=fs(t,o,e);return{list:r.list,more:r.more,history:[]}}i(gs,"usePrepareBlockchainList");import{styled as My}from"@rango-dev/ui";var uc=My("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var Dy=12;function Ss(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=gs(e,{limit:10,selected:n?.name}),{fetchStatus:l}=g(),p=_.use.resetToBlockchain(),u=_.use.resetFromBlockchain(),c=a.more.length>0,m=a.more.length===1,d=!m&&c;return fe.createElement(fe.Fragment,null,fe.createElement(cc,{size:12}),fe.createElement(ys,{variant:"label",size:"large"},hs.t("Select Blockchain")),fe.createElement(cc,{size:12}),fe.createElement(uc,null,l==="loading"&&Array.from(Array(Dy),f=>fe.createElement($y,{key:f,variant:"rounded",height:50})),l==="success"&&fe.createElement(fe.Fragment,null,fe.createElement(fr,{selected:!n,onClick:()=>{o==="from"?u():p()}},fe.createElement(ys,{variant:"body",size:"xsmall",color:"secondary500"},hs.t("All"))),a.list.map(f=>fe.createElement(_y,{key:f.name,content:f.shortName,side:"bottom",sideOffset:2,container:N()},fe.createElement(fr,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},fe.createElement(mc,{src:f.logo,size:30})))),m?fe.createElement(fr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},fe.createElement(mc,{src:a.more[0].logo,size:30})):null,d?fe.createElement(fr,{onClick:s,key:"more-blockchains"},fe.createElement(ys,{variant:"body",size:"xsmall",color:"secondary500"},hs._("More +{count}",{count:a.more.length}))):null)))}i(Ss,"BlockchainsSection");import{i18n as Is}from"@lingui/core";import{darkTheme as wc,Divider as io,ExternalLinkIcon as Uy,Image as zy,ListItemButton as qy,NotFound as Gy,PinIcon as Qy,Skeleton as xc,Typography as yr,VirtualizedList as Hy}from"@rango-dev/ui";import $,{forwardRef as Vy,useEffect as vc,useState as bc}from"react";import{Divider as kc,ListItem as Oy,Skeleton as Mo}from"@rango-dev/ui";import Je from"react";import{css as ro,darkTheme as dc,ImageContainer as Fy,styled as Ye,Typography as fc}from"@rango-dev/ui";var Cs=ro({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),ks=ro({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Ts=ro({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),ws=ro({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${dc} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),xs=ro({}),vs=ro(),gc=Ye("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),bs=Ye("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),gr=Ye("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${ks}`]:{[`& .${ws}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${xs}`]:{bottom:"-15px"},[`& .${Cs}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Ts}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),As=Ye("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Es=Ye(fc,{}),hc=Ye("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${vs}`]:{$$color:"$colors$neutral600",[`.${dc} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),hr=Ye("div",{display:"flex",alignItems:"end",flexDirection:"column"}),bP=Ye("div",{display:"flex",alignItems:"center"}),yc=Ye("div",{position:"relative",[`& ${Fy}`]:{borderRadius:"$xm",overflow:"hidden"}}),Sc=Ye("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Cc=Ye(fc,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Tc(t){return Je.createElement(gr,null,Array.from(Array(t.size),e=>Je.createElement(Oy,{key:e,hasDivider:!0,start:Je.createElement(Mo,{variant:"circular",width:35,height:35}),end:Je.createElement(hr,null,Je.createElement(Mo,{variant:"text",size:"large",width:70}),Je.createElement(kc,{size:4}),Je.createElement(Mo,{variant:"text",size:"medium",width:50})),title:Je.createElement("div",null,Je.createElement(Mo,{variant:"text",size:"large",width:90}),Je.createElement(kc,{size:4}),Je.createElement(Mo,{variant:"text",size:"medium",width:90}))})))}i(Tc,"LoadingTokenList");var Ws=20,jy=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return $.createElement("div",{className:ks()},o?$.createElement("div",{className:Cs()},o):$.createElement(bs,{className:Ts()},$.createElement(yr,{variant:"title",size:"xmedium"},r.symbol),$.createElement(io,{direction:"horizontal",size:4}),$.createElement(As,{css:s},$.createElement(Es,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&$.createElement("div",{className:`${ws()} ${!o&&xs()}`},$.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",$.createElement(io,{size:4,direction:"horizontal"}),$.createElement(Uy,{color:"gray",size:12}))))},"renderDesc");function Ac(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=bc(e),l=g().fetchStatus,p=g().blockchains(),[u,c]=bc(!0),{getBalanceFor:m,loading:d}=V(),{isTokenPinned:f}=g(),w=Vy((C,k)=>$.createElement("div",{...C,ref:k,style:{...C.style,height:`${parseFloat(C.style?.height)+8*2}px`}})),S=i(()=>{a(e.slice(0,s.length+Ws))},"loadNextPage");vc(()=>{c(e.length>s.length)},[s.length]),vc(()=>{a(e.slice(0,Ws))},[e]);let h=i(()=>!s.length&&o?$.createElement($.Fragment,null,$.createElement(io,{size:32}),$.createElement(Gy,{title:Is.t("No results found"),description:Is.t("Try using different keywords")})):$.createElement(Hy,{Item:({index:C,style:k})=>{let T=s[C],A=en(m(T)),y=T.address||"",E=p.find(P=>P.name===T.blockchain),b=Bn(T.symbol,E?.color||""),v={$$color:b[`${T.symbol}100`],[`.${wc} &`]:{$$color:b[`${T.symbol}900`]},backgroundColor:"$$color"},x={$$color:b[`${T.symbol}700`],[`.${wc} &`]:{$$color:b[`${T.symbol}100`]},color:"$$color"};return $.createElement("div",{style:{...k,paddingRight:5}},$.createElement(qy,{style:{height:k?.height,width:"100%",overflow:"hidden"},"tab-index":C,key:`${T.symbol}${T.address}`,id:`${T.symbol}${T.address}`,hasDivider:!0,onClick:()=>n(s[C]),start:$.createElement(yc,null,$.createElement(zy,{src:T.image,size:30}),f(T,t.type)&&$.createElement(Sc,null,$.createElement(Qy,{size:12,color:"gray"}))),title:E?.type==="COSMOS"||T.name||!T.name&&!y?$.createElement(bs,null,$.createElement(yr,{variant:"title",size:"xmedium"},T.symbol),$.createElement(io,{direction:"horizontal",size:4}),$.createElement(As,{css:v},$.createElement(Es,{variant:"body",size:"xsmall",css:x},T.blockchain))):void 0,description:E?.info&&y&&E.type!=="COSMOS"?jy({address:y,token:s[C],customCssForTag:v,customCssForTagTitle:x,name:T.name,url:E.info.addressUrl.split("{wallet}").join(y)}):T.name||void 0,end:d?$.createElement(hr,null,$.createElement(xc,{variant:"text",size:"large",width:70}),$.createElement(io,{size:4}),$.createElement(xc,{variant:"text",size:"medium",width:50})):A&&$.createElement(hc,null,$.createElement(Cc,{variant:"title",size:"small"},A.amount),$.createElement("div",null),A.usdValue&&$.createElement(yr,{variant:"body",className:vs(),size:"xsmall"},`$${A.usdValue}`))}))},hasNextPage:u,itemCount:s.length,loadNextPage:S,innerElementType:w,size:60,key:`${r}-${o}`}),"renderList");return $.createElement(gc,null,$.createElement(yr,{variant:"label",size:"large"},Is.t("Select Token")),$.createElement(io,{size:4}),l==="loading"&&$.createElement(Tc,{size:Ws}),l==="success"&&$.createElement(gr,{as:"ul"},h()))}i(Ac,"TokenList");function Ns(t){let{type:e}=t,o=Ky(),n=xt(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=_(),c=V.use.getBalanceFor(),[m,d]=Xy(""),{isTokenPinned:f}=g(),S=(e==="source"?r:s)?.name??"",h=g().blockchains({type:e}),C=g().tokens({type:e,blockchain:S,searchFor:m}),T=fa(C,c,i(b=>f(b,e),"checkIsTokenPinned")),A=i(b=>{e==="source"?p(b):u(b)},"updateBlockchain"),y=i(b=>{e==="source"?a({token:b,meta:{blockchains:h,tokens:C}}):l({token:b,meta:{blockchains:h,tokens:C}})},"updateToken"),E={source:Sr.t("Source"),destination:Sr.t("Destination")};return Ft.createElement(te,{header:{title:Sr.t("Swap {type}",{type:E[e]})}},Ft.createElement(re,null,Ft.createElement(Ss,{blockchains:h,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(M.blockchains),onChange:b=>{A(b)}}),Ft.createElement(Ec,{size:24}),Ft.createElement(ft,{value:m,autoFocus:!0,placeholder:Sr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>d(""),onChange:b=>d(b.target.value)}),Ft.createElement(Ec,{size:16}),Ft.createElement(Ac,{list:T,selectedBlockchain:S,searchedFor:m,type:e,onChange:b=>{y(b);let v=h.find(x=>b.blockchain===x.name);v&&A(v),n()}})))}i(Ns,"SelectSwapItemsPage");import{i18n as Ot}from"@lingui/core";import{ChevronRightIcon as Ps,Divider as Ms,InfoIcon as nS,List as rS,ListItemButton as iS,Skeleton as sS,Switch as aS,Tooltip as lS,Typography as Ut}from"@rango-dev/ui";import Y from"react";import{useNavigate as pS}from"react-router-dom";import{i18n as Pc}from"@lingui/core";import{Divider as Ry,InfoIcon as eS,TextField as tS,Tooltip as oS,Typography as Mc}from"@rango-dev/ui";import Pe from"react";import{Chip as Yy,styled as $o,TextField as Jy}from"@rango-dev/ui";var Ic=$o("div",{paddingTop:"$5",padding:"$10 $5"}),Wc=$o("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${Jy}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Nc=$o("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Cr=$o("div",{maxWidth:"280px",padding:"$10"}),Bc=$o(Yy,{width:"61px",flexShrink:0});import{i18n as Bs}from"@lingui/core";import{Typography as Zy}from"@rango-dev/ui";import _o from"react";function Lc(){return _o.createElement(Cr,null,_o.createElement(Zy,{variant:"label",size:"medium",color:"neutral700"},Bs.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),_o.createElement("br",null),_o.createElement("br",null),_o.createElement("b",null,Bs.t("Warning")),":",Bs.t("This setting is applied per step (e.g. 1Inch, Thorchain, etc) which means only the step will be reverted, not the whole transaction.")))}i(Lc,"SlippageTooltipContent");function Ls(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=g();return Pe.createElement(Ic,null,Pe.createElement(Nc,null,Pe.createElement(Mc,{variant:"title",size:"xmedium"},Pc.t("Slippage tolerance per swap")),Pe.createElement(Ry,{direction:"horizontal",size:4}),Pe.createElement(oS,{container:N(),side:"top",sideOffset:4,content:Pe.createElement(Lc,null)},Pe.createElement(eS,{color:"gray"}))),Pe.createElement(Wc,null,Aa.map((r,s)=>{let a=`slippage-${s}`;return Pe.createElement(Pe.Fragment,null,Pe.createElement(Bc,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),Pe.createElement(tS,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=r.target.value,a=parseFloat(s);a>=Na&&a<=Wa?n(a):n(null)},suffix:o&&Pe.createElement(Mc,{variant:"body",size:"small"},"%"),placeholder:Pc.t("Custom")})))}i(Ls,"Slippage");function $c(){let t=pS(),{theme:e}=g().config,o=g().fetchStatus,n=g().swappers(),r=g().disabledLiquiditySources,{config:{features:s}}=g(),a=_e("theme",s),l=_e("liquiditySource",s),p=_e("language",s),u=g().infiniteApprove,c=g().toggleInfiniteApprove,m=rn(n,r),d=m.filter(v=>v.type==="BRIDGE"||v.type==="AGGREGATOR"),f=d.length,w=d.filter(v=>v.selected).length,S=m.filter(v=>v.type==="DEX"),h=S.length,C=S.filter(v=>v.selected).length,k=i((v,x)=>{switch(o){case"loading":return Y.createElement(sS,{variant:"text",size:"medium",width:50});case"failed":return Y.createElement(Ut,{variant:"body",size:"medium",color:"$error500"},Ot.t("Loading failed"));default:return Y.createElement(Ut,{variant:"body",size:"medium"},`${v} / ${x}`)}},"handleEndItem"),T={id:"bridge-item",title:Y.createElement(Ut,{variant:"title",size:"xmedium"},Ot.t("Enabled bridges")),end:Y.createElement(Y.Fragment,null,k(w,f),Y.createElement(Ms,{direction:"horizontal",size:8}),Y.createElement(Ps,{color:"black"})),onClick:()=>t(M.bridges)},A={id:"exchange-item",title:Y.createElement(Ut,{variant:"title",size:"xmedium"},Ot.t("Enabled exchanges")),end:Y.createElement(Y.Fragment,null,k(C,h),Y.createElement(Ms,{direction:"horizontal",size:8}),Y.createElement(Ps,{color:"gray"})),onClick:()=>t(M.exchanges)},y={id:"theme-item",title:Y.createElement(Ut,{variant:"title",size:"xmedium"},Ot.t("Theme")),end:Y.createElement(Ps,{color:"gray"}),onClick:()=>t(M.themes)},E={id:"infinite-approval-item",title:Y.createElement(Y.Fragment,null,Y.createElement(Ut,{variant:"title",size:"xmedium"},Ot.t("Infinite approval")),Y.createElement(Ms,{direction:"horizontal",size:4}),Y.createElement(lS,{side:"top",sideOffset:4,container:N(),content:Y.createElement(Cr,null,Y.createElement(Ut,{variant:"label",size:"medium",color:"neutral700"},Ot.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.")))},Y.createElement(nS,{color:"gray"}))),end:Y.createElement(aS,{checked:u}),onClick:c},b=l?[]:[T,A];return!e?.singleTheme&&!a&&b.push(y),b.push(E),Y.createElement(te,{header:{title:Ot.t("Settings")}},Y.createElement(re,null,Y.createElement(Ls,null),Y.createElement(rS,{type:Y.createElement(iS,{title:"_",id:"_",onClick:()=>console.log()}),items:b})))}i($c,"SettingsPage");import{cancelSwap as JS}from"@rango-dev/queue-manager-rango-preset";import{useManager as ZS}from"@rango-dev/queue-manager-react";import ym from"react";import{i18n as St}from"@lingui/core";import{getCurrentBlockchainOfOrNull as PS,getCurrentStep as MS,getRelatedWalletOrNull as $S}from"@rango-dev/queue-manager-rango-preset";import{Button as pm,CopyIcon as _S,Divider as DS,IconButton as FS,LinkIcon as OS,QuoteCost as US,StepDetails as zS,Typography as ao,useCopyToClipboard as qS}from"@rango-dev/ui";import{useWallets as GS}from"@rango-dev/wallets-react";import um from"bignumber.js";import{PendingSwapNetworkStatus as Wr}from"rango-types";import J,{useEffect as cm,useRef as QS,useState as mm}from"react";import{useNavigate as HS}from"react-router-dom";import{i18n as It}from"@lingui/core";var uS=[It.t("Sunday"),It.t("Monday"),It.t("Tuesday"),It.t("Wednesday"),It.t("Thursday"),It.t("Friday"),It.t("Saturday")];function _c(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?It.t("Today"):`${uS[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(_c,"timeSince");function Dc(t){return t.finishTime?_c(parseInt(t.finishTime)):_c(parseInt(t.creationTime))}i(Dc,"getSwapDate");import{Modal as yS}from"@rango-dev/ui";import{PendingSwapNetworkStatus as wr}from"rango-types";import xr from"react";import{i18n as kr}from"@lingui/core";import{Button as Fc,Divider as $s,MessageBox as cS,Typography as Oc}from"@rango-dev/ui";import pt from"react";var Uc=i(({onCancel:t,onClose:e})=>pt.createElement(pt.Fragment,null,pt.createElement($s,{size:20}),pt.createElement(cS,{type:"error",title:kr.t("Cancel Swap"),description:kr.t("Are you sure you want to cancel this swap?")}),pt.createElement($s,{size:32}),pt.createElement(Fc,{variant:"contained",type:"primary",size:"large",onClick:t},pt.createElement(Oc,{variant:"title",size:"medium",color:"neutral100"},kr.t("Yes, Cancel it"))),pt.createElement($s,{size:12}),pt.createElement(Fc,{variant:"outlined",type:"primary",size:"large",onClick:e},pt.createElement(Oc,{variant:"title",size:"medium",color:"primary"},kr.t("No, Continue")))),"CancelContent");import{i18n as Tr}from"@lingui/core";import{Button as zc,Divider as _s,MessageBox as mS,Typography as qc}from"@rango-dev/ui";import ut from"react";var Gc=i(({onDelete:t,onClose:e})=>ut.createElement(ut.Fragment,null,ut.createElement(_s,{size:20}),ut.createElement(mS,{type:"error",title:Tr.t("Delete Transaction"),description:Tr.t("Are you sure you want to delete this swap?")}),ut.createElement(_s,{size:32}),ut.createElement(zc,{variant:"contained",type:"primary",size:"large",onClick:t},ut.createElement(qc,{variant:"title",size:"medium",color:"neutral100"},Tr.t("Yes, Delete it"))),ut.createElement(_s,{size:12}),ut.createElement(zc,{variant:"outlined",type:"primary",size:"large",onClick:e},ut.createElement(qc,{variant:"title",size:"medium",color:"primary"},Tr.t("No, Cancel")))),"DeleteContent");import{i18n as Ds}from"@lingui/core";import{PendingSwapNetworkStatus as Fs}from"rango-types";var Os={[Fs.WaitingForNetworkChange]:{type:"loading",title:Ds.t("Change Network")},[Fs.WaitingForConnectingWallet]:{type:"warning",title:Ds.t("Connect Wallet")},[Fs.NetworkChanged]:{type:"success",title:Ds.t("Network Changed")}};import{MessageBox as fS,Wallet as gS}from"@rango-dev/ui";import{useWallets as hS}from"@rango-dev/wallets-react";import Do from"react";import{styled as dS}from"@rango-dev/ui";var Qc=dS("div",{display:"flex",justifyContent:"center"});var Hc=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:l,state:p}=hS(),u=n?.walletType,c=u?Dr(p(u)):null,m=u?l(u):null;return Do.createElement(Do.Fragment,null,Do.createElement(fS,{type:e,title:o,description:r}),s&&!!u&&!!c&&!!m&&Do.createElement(Qc,null,Do.createElement(gS,{container:N(),title:m.name,image:m.img,type:u,state:c,link:m.installLink,onClick:async()=>a(u)})))},"WalletStateContent");function Us(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,l=e===wr.WaitingForNetworkChange||e===wr.WaitingForConnectingWallet||e===wr.NetworkChanged;return xr.createElement(yS,{open:!!e,onClose:o,container:document.getElementById(be)||document.body},l&&xr.createElement(Hc,{type:Os[e].type,title:Os[e].title,currentStepWallet:s,message:a,showWalletButton:e!==wr.WaitingForNetworkChange}),e==="delete"&&xr.createElement(Gc,{onClose:o,onDelete:n}),e==="cancel"&&xr.createElement(Uc,{onClose:o,onCancel:r}))}i(Us,"SwapDetailsModal");import{i18n as Fo}from"@lingui/core";import{Button as zs,Divider as vr,MessageBox as Vc,Modal as SS,TokenAmount as CS,Typography as br}from"@rango-dev/ui";import he from"react";import{useNavigate as kS}from"react-router-dom";function qs(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:u,percentageChange:c,description:m,diagnosisUrl:d}=t,f=kS();return he.createElement(SS,{open:e,onClose:o,container:document.getElementById(be)||document.body},n==="success"?he.createElement(Vc,{type:"success",title:Fo.t("Swap Successful")},he.createElement(CS,{direction:"vertical",tooltipContainer:N(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:u,percentageChange:c}),he.createElement(vr,{size:12}),he.createElement(br,{variant:"body",size:"medium",color:"neutral700",align:"center"},m)):he.createElement(Vc,{type:"error",title:Fo.t("Transaction Failed"),description:m}),he.createElement(vr,{size:32}),n==="success"&&he.createElement(zs,{variant:"contained",type:"primary",size:"large",onClick:()=>{f("../../")}},he.createElement(br,{variant:"title",size:"medium",color:"neutral100"},Fo.t("Done"))),he.createElement(vr,{size:12}),d&&he.createElement(he.Fragment,null,he.createElement(zs,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(d,"_blank")},he.createElement(br,{variant:"title",size:"medium",color:"primary"},Fo.t("Diagnosis"))),he.createElement(vr,{size:12})),he.createElement(zs,{variant:"outlined",type:"primary",size:"large",onClick:o},he.createElement(br,{variant:"title",size:"medium",color:"primary"},Fo.t("See Details"))))}i(qs,"SwapDetailsCompleteModal");import BS from"react";import{i18n as ES}from"@lingui/core";import{Alert as Zc,IconButton as IS,LinkIcon as WS}from"@rango-dev/ui";import Wt,{Fragment as NS}from"react";import{Alert as TS,ChevronDownIcon as wS,ChevronUpIcon as xS,IconButton as vS}from"@rango-dev/ui";import Ar,{useState as bS}from"react";function jc(t){let{message:e}=t,[o,n]=bS(!1);return Ar.createElement(TS,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Ar.createElement(vS,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Ar.createElement(xS,{size:12,color:"gray"}):Ar.createElement(wS,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(jc,"FailedAlert");import{styled as AS}from"@rango-dev/ui";var Xc=AS("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Kc}from"@lingui/core";import{Alert as Gs,Button as Yc}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Qs}from"rango-types";import Oo from"react";function Jc(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Oo.createElement(Gs,{type:"warning",title:n.shortMessage,action:Oo.createElement(Yc,{size:"xxsmall",type:"warning",onClick:()=>{o(Qs.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},Kc.t("Change"))}):r===Qs.WaitingForConnectingWallet?Oo.createElement(Gs,{type:"warning",title:n.shortMessage,action:Oo.createElement(Yc,{size:"xxsmall",type:"warning",onClick:()=>{o(Qs.WaitingForConnectingWallet)}},Kc.t("Connect"))}):Oo.createElement(Gs,{type:"warning",title:n.shortMessage})}i(Jc,"WarningAlert");function Hs(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=fo(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l,c=u&&!a||p&&!s.explorerUrl?.length;return Wt.createElement(Xc,null,s.explorerUrl?.map((m,d,f)=>{let w=d+m.url,S=d===f.length-1,h=(S&&u||p)&&!c,C=S&&s.status==="failed";return Wt.createElement(NS,{key:w},Wt.createElement(Zc,{type:S&&(h&&"loading"||C&&"error")||"success",title:m.description?`${m.description} Tx`:ES.t("View transaction"),action:m.url&&Wt.createElement(IS,{variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},Wt.createElement(WS,{size:12}))}))}),c&&Wt.createElement(Zc,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Wt.createElement(Jc,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Wt.createElement(jc,{message:r}))}i(Hs,"SwapDetailsAlerts");var Rc=2e3;var em=i(({swap:t,blockchains:e,swappers:o,...n})=>{let r=t.hasAlreadyProceededToSign!==!1;return t.steps.map((s,a)=>{let l=a===0?t.inputAmount:t.steps[a-1].outputAmount||t.steps[a-1].expectedOutputAmountHumanReadable;return{from:{token:{displayName:s.fromSymbol,image:s.fromLogo??""},chain:{displayName:De(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:I(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:De(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:I(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:mo(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:De(p.fromBlockchain,e)??""},to:{blockchain:De(p.toBlockchain,e)??""},swapper:{displayName:mo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:BS.createElement(Hs,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function tm(t){if(fo(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(tm,"getStepState");import{css as Uo,darkTheme as LS,styled as zt}from"@rango-dev/ui";var om=zt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Er=zt("div",{width:"100%"}),nm=zt(yo,{padding:"$0 $20 $20 $20"}),u_=zt("div",{display:"flex",flexDirection:"column",gap:"$10"}),rm=zt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),c_=zt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),so=Uo({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${LS} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),im=Uo({padding:"$5 0"}),Ir=Uo({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),sm=Uo({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),am=Uo({width:"100%",padding:"0 $20 $10"}),lm=zt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function Vs(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=GS(),p=g().blockchains(),u=g().swappers(),c=g().tokens(),m=_.use.retry(),d=HS(),[f,w]=qS(Rc),S=QS(null),[h,C]=mm(null),[k,T]=mm(null),A=i(()=>{r(),C(null)},"onCancel"),y=Be.use.getUnreadNotifications(),E=Be.use.setAsRead(),b=y(),v=MS(e),x=v?.networkStatus;cm(()=>{b.find(Me=>Me.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(T(e.status),E(e.requestId))},[e.status]),cm(()=>{pe?C(Wr.WaitingForNetworkChange):x===Wr.WaitingForConnectingWallet||x===Wr.NetworkChanged?C(x):C(null)},[x]);let P=Ka(e),D=v?PS(e,v):null,W=v?$S(e,v):null,O=Dc(e),ne=Ya(e),Z=i(Qe=>!!l(Qe)?.mobileWallet,"isMobileWallet"),pe=x===Wr.WaitingForNetworkChange&&!!D&&!!W?.walletType&&(Z(W.walletType)||s(W.walletType,D)),j=pe?a.bind(null,W.walletType,D):void 0,ve=Xa(e,v),K=em({swap:e,switchNetwork:j,showNetworkModal:x,setNetworkModal:C,message:ve,blockchains:p,swappers:u}),z=K.length,[ye,Re]=[e.steps[0],e.steps[z-1]],We=Re.outputAmount||Re.expectedOutputAmountHumanReadable,et=e.steps.reduce((Qe,Me)=>Qe+parseFloat(Me.feeInUsd||""),0),Nt=e.steps.find(Qe=>Qe.diagnosisUrl)?.diagnosisUrl,F=I(parseFloat(I(We,6,6))*(Re.toUsdPrice||0),4,4),G=I(parseFloat(e.inputAmount)*(ye.fromUsdPrice||0),4,4),Q=We?se(new um(We).multipliedBy(Re.toUsdPrice||0)):"",Ne=se(new um(e.inputAmount).multipliedBy(ye.fromUsdPrice||0)),Ge=Fe(G,F),ct=e.status==="success"?St.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:I(We,6,6),token:K[z-1].to.token.displayName,conciseAddress:tn(e.wallets[K[z-1].to.chain.displayName]?.address||""),chain:K[z-1].to.chain.displayName}}):`${St.t("Transaction was not sent.")} ${P?St.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:P.outputAmount,symbol:P.symbol,blockchain:P.blockchain}}):""}`;return J.createElement(te,{header:{title:St.t("Swap and Bridge"),onCancel:e.status==="running"?()=>C("cancel"):void 0,suffix:e.status!=="running"&&J.createElement(Xt,null,J.createElement(pm,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>C("delete")},J.createElement(ao,{size:"medium",variant:"label",color:"error"},St.t("Delete"))))},footer:ne&&!k&&J.createElement(pm,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{m(e,{blockchains:p,tokens:c}),setTimeout(()=>{d("../../")},0)}},St.t("Try again"))},J.createElement(re,{compact:!0,view:!0},J.createElement(Er,null,J.createElement("div",{className:so()},J.createElement(ao,{variant:"label",size:"large",color:"neutral700"},`${St.t("Request ID")}:`),J.createElement("div",{className:Ir()},J.createElement(ao,{variant:"label",size:"small",color:"neutral700"},o),J.createElement(FS,{variant:"ghost",onClick:w.bind(null,o||"")},J.createElement(_S,{size:16,color:"gray"})),J.createElement(lm,{target:"_blank",href:`${na}/swap/${o}`},J.createElement(OS,{size:16})))),J.createElement("div",{className:so()},J.createElement(ao,{variant:"label",size:"large",color:"neutral700"},`${St.t(e.finishTime?"Finished at":"Created at")}:`),J.createElement(ao,{variant:"label",size:"small",color:"neutral700"},O))),J.createElement("div",{className:sm()},J.createElement(US,{fee:I(String(et),2,2),time:jo(Xo(e.steps)),steps:z}),J.createElement(vo,{from:{price:{value:I(e.inputAmount,6,6),usdValue:G,realUsdValue:Ne,realValue:e.inputAmount},token:{displayName:K[0].from.token.displayName,image:K[0].from.token.image},chain:{image:K[0].from.chain.image,displayName:K[0].from.chain.displayName}},to:{price:{value:I(We,6,6),usdValue:F,realUsdValue:Q,realValue:We},token:{displayName:K[z-1].to.token.displayName,image:K[z-1].to.token.image},chain:{image:K[z-1].to.chain.image,displayName:K[z-1].to.chain.displayName}},percentageChange:I(Ge,2,2),warningLevel:mt(Ge??0)})),J.createElement("div",{className:am()},J.createElement(ao,{variant:"title",size:"small"},St.t("Swaps steps"))),J.createElement(DS,{size:8}),J.createElement(nm,{ref:S},K.map((Qe,Me)=>{let ea=Me,lo=tm(e.steps[Me]),Pm=lo==="error"||lo==="in-progress"||lo==="warning"||lo==="completed"&&Me===K.length-1;return J.createElement(zS,{key:ea,step:Qe,type:"swap-progress",ref:S,state:lo,hasSeparator:Me!==0,tabIndex:ea,isFocused:Pm,tooltipContainer:N()})}))),J.createElement(Us,{state:h,onClose:()=>C(null),onCancel:A,onDelete:n,message:ve.detailedMessage.content,currentStepWallet:W}),J.createElement(qs,{open:!!k,diagnosisUrl:Nt,onClose:()=>T(null),status:e.status==="success"?"success":"failed",priceValue:I(We,6,6),usdValue:F,realUsdValue:Q,realValue:se(We),percentageChange:I(Ge,2,2),token:{displayName:K[z-1].to.token.displayName,image:K[z-1].to.token.image},chain:{image:K[z-1].to.chain.image},description:ct}))}i(Vs,"SwapDetails");import{i18n as Br}from"@lingui/core";import{Divider as gm,NotFound as YS,Skeleton as qo,Typography as Lr}from"@rango-dev/ui";import le from"react";import{i18n as VS}from"@lingui/core";import{Divider as jS,Skeleton as XS,Typography as KS}from"@rango-dev/ui";import ue from"react";import{css as Ze,styled as js}from"@rango-dev/ui";var dm=js("div",{width:"100%",height:"100%",padding:"$10 $20"}),zo=js("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Nr=js("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),G_=Ze({display:"flex",justifyContent:"space-between",alignItems:"center"}),Q_=Ze({display:"flex",justifyContent:"space-between",alignItems:"center"}),H_=Ze({paddingTop:"$15",display:"flex"}),V_=Ze({padding:"$15 $0"}),j_=Ze({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),X_=Ze({paddingBottom:"$10"}),K_=Ze({display:"flex",justifyContent:"start",alignItems:"center"}),Y_=Ze({paddingTop:"$5",display:"flex",alignItems:"center"}),J_=Ze({display:"flex",alignItems:"center"}),Z_=Ze({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),fm=Ze({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function Xs(){return ue.createElement(dm,null,ue.createElement(Eo,{type:"swap-preview"}),ue.createElement("div",{className:"swaps-steps"},ue.createElement(KS,{variant:"title",size:"small"},VS.t("Swaps steps"))),ue.createElement(ue.Fragment,null,ue.createElement(zo,null,ue.createElement(lt,{separator:!1}),ue.createElement("div",{className:fm()},ue.createElement(jS,{direction:"horizontal",size:20}),ue.createElement(XS,{height:22,variant:"rectangular"}))),ue.createElement(Nr,null),ue.createElement(zo,null,ue.createElement(lt,{separator:!1})),ue.createElement(Nr,null),ue.createElement(zo,null,ue.createElement(lt,{separator:!1})),ue.createElement(Nr,null),ue.createElement(zo,null,ue.createElement(lt,{separator:!1}))))}i(Xs,"LoadingSwapDetails");function hm(t){let{requestId:e,showSkeleton:o}=t;return le.createElement(te,{header:{title:Br.t("Swap and Bridge"),suffix:le.createElement(Xt,null)}},o&&le.createElement(om,null,le.createElement(Er,null,le.createElement("div",{className:so()},le.createElement(Lr,{variant:"label",size:"large",color:"neutral700"},`${Br.t("Request ID")}:`),le.createElement("div",{className:Ir()},le.createElement(Lr,{variant:"label",size:"small",color:"neutral700"},le.createElement(qo,{width:60,height:10,variant:"rounded"})),le.createElement(gm,{direction:"horizontal",size:4}),le.createElement(qo,{width:16,height:16,variant:"rectangular"}),le.createElement(gm,{direction:"horizontal",size:4}),le.createElement(qo,{width:16,height:16,variant:"rectangular"}))),le.createElement("div",{className:so()},le.createElement(Lr,{className:im(),variant:"label",size:"large",color:"neutral700"},le.createElement(qo,{width:60,height:10,variant:"rounded"})),le.createElement(Lr,{variant:"label",size:"small",color:"neutral700"},le.createElement(qo,{width:60,height:10,variant:"rounded"})))),le.createElement(Xs,null)),!o&&le.createElement(rm,null,le.createElement(YS,{title:Br.t("Not found"),description:Br.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(hm,"SwapDetailsPlaceholder");function Sm(){let{manager:t,state:e}=ZS(),o=!e.loadedFromPersistor,n=oo(t),r=Ae.use.selectedSwapRequestId(),s=xt(),{fetchStatus:a}=g(),l=o||a==="loading",p=n.find(({swap:d})=>d.requestId===r),u=i(()=>{if(p?.id){let d=t?.get(p.id);d&&JS(d)}},"onCancel"),c=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(d){console.log(d)}},"onDelete"),m=p?.swap;return!m||l?ym.createElement(hm,{requestId:r||"",showSkeleton:l}):ym.createElement(Vs,{swap:m,requestId:r||"",onCancel:u,onDelete:c})}i(Sm,"SwapDetailsPage");import{i18n as Go}from"@lingui/core";import{AutoThemeIcon as RS,DarkModeIcon as eC,LightModeIcon as tC,List as oC,ListItemButton as nC,Radio as Ks,RadioRoot as rC,Typography as Ys}from"@rango-dev/ui";import Ee from"react";function Cm(){let{setTheme:t,theme:e}=g(),o=[{id:"light",value:"light",title:Ee.createElement(Ys,{variant:"title",size:"xmedium"},Go.t("Light")),onClick:()=>t("light"),start:Ee.createElement(tC,{color:"gray"}),end:Ee.createElement(Ks,{value:"light"})},{id:"dark",value:"dark",title:Ee.createElement(Ys,{variant:"title",size:"xmedium"},Go.t("Dark")),onClick:()=>t("dark"),start:Ee.createElement(eC,{color:"gray"}),end:Ee.createElement(Ks,{value:"dark"})},{id:"auto",value:"auto",title:Ee.createElement(Ys,{variant:"title",size:"xmedium"},Go.t("Auto")),onClick:()=>t("auto"),start:Ee.createElement(RS,{color:"gray"}),end:Ee.createElement(Ks,{value:"auto"})}];return Ee.createElement(te,{header:{title:Go.t("Theme")}},Ee.createElement(re,null,Ee.createElement(rC,{onValueChange:n=>t(n),value:e},Ee.createElement(oC,{type:Ee.createElement(nC,{title:Go.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Cm,"ThemePage");function km(){return iC([{path:M.home,element:Ie.createElement(ju,null)},{path:M.fromSwap,children:[{index:!0,element:Ie.createElement(Ns,{type:"source"})},{path:M.blockchains,element:Ie.createElement(ds,{type:"source"})}]},{path:M.toSwap,children:[{index:!0,element:Ie.createElement(Ns,{type:"destination"})},{path:M.blockchains,element:Ie.createElement(ds,{type:"destination"})}]},{path:M.settings,children:[{index:!0,element:Ie.createElement($c,null)},{path:M.themes,element:Ie.createElement(Cm,null)},{path:M.languages,element:Ie.createElement(Ku,null)},{path:M.exchanges,element:Ie.createElement(ps,{sourceType:"Exchanges"})},{path:M.bridges,element:Ie.createElement(ps,{sourceType:"Bridges"})}]},{path:M.swaps,children:[{index:!0,element:Ie.createElement(Uu,null)},{path:M.swapDetails,element:Ie.createElement(Sm,null)}]},{path:M.wallets,element:Ie.createElement(np,null)},{path:M.confirmSwap,element:Ie.createElement(Bu,null)}])}i(km,"AppRoutes");import{isApprovalTX as sC,MainEvents as Tm,RouteEventType as wm,StepEventType as xm,StepExecutionEventStatus as aC,useEvents as lC}from"@rango-dev/queue-manager-rango-preset";import{useEffect as vm}from"react";function bm(){let t=g().tokens(),e=V.use.connectedWallets(),o=V.use.getWalletsDetails(),n=Be.use.setNotification(),r=lC();return vm(()=>(r.on(Tm.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===xm.TX_EXECUTION&&a.status===aC.TX_SENT&&!sC(l)||a.type===xm.SUCCEEDED){let c=e.find(d=>d.chain===l?.fromBlockchain),m=l?.fromBlockchain!==l?.toBlockchain&&e.find(d=>d.chain===l?.toBlockchain);c&&o([c],t),m&&o([m],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),vm(()=>(r.on(Tm.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===wm.FAILED||a.type===wm.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(bm,"WidgetEvents");import{globalCss as pC}from"@rango-dev/ui";var Am=i(()=>pC({"@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{styled as uC}from"@rango-dev/ui";var Em=uC("div",{display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function Pr(){Am();let{config:t}=g(),{activeTheme:e}=Ln(t?.theme||{}),{activeLanguage:o}=no(),[n,r]=Im(""),[s,a]=Im(),l=mC(Cn);return dC(()=>{Be.persist.rehydrate(),l.onConnectWallet(r)},[]),Qo.createElement(cC,{language:o},Qo.createElement(Em,{id:"swap-container",className:e()},Qo.createElement(bm,null),Qo.createElement(ul,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},Qo.createElement(km,null))))}i(Pr,"Main");import Zs,{useMemo as BC}from"react";import{checkWaitingForNetworkChange as fC,makeQueueDefinition as gC}from"@rango-dev/queue-manager-rango-preset";import{Provider as hC}from"@rango-dev/queue-manager-react";import{useWallets as yC}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as SC}from"@rango-dev/wallets-shared";import{isEvmBlockchain as CC}from"rango-types";import kC,{useMemo as TC}from"react";function wC(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=yC(),l=TC(()=>gC({API_KEY:t.apiKey||qt("API_KEY"),BASE_URL:qt("BASE_URL")}),[t.apiKey]),p=g().blockchains(),c={blockchains:V.use.connectedWallets().map(k=>({accounts:[k],name:k.chain}))},m=i(async(k,T)=>{if(s(k,T))return r(k,T)},"switchNetwork"),d=i(k=>!!a(k).mobileWallet,"isMobileWallet"),f=p.filter(k=>k.enabled).reduce((k,T)=>(k[T.name]=T,k),{}),w=p.filter(CC),S=i(k=>{let{supportedChains:T}=a(k);return Jo(T)},"getSupportedChainNames"),h=e(),C={meta:{blockchains:f,evmBasedChains:w,evmNetworkChainInfo:SC(w),getSupportedChainNames:S},getSigners:o,wallets:c,providers:h,switchNetwork:m,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:d};return kC.createElement(hC,{queuesDefs:[l],context:C,onPersistedDataLoaded:k=>{fC(k)},isPaused:!1},t.children)}i(wC,"QueueManager");var Wm=wC;import{useManager as EC}from"@rango-dev/queue-manager-react";import IC,{createContext as WC,useContext as NC}from"react";import{cancelSwap as xC,getCurrentBlockchainOfOrNull as vC,getCurrentStep as bC,getRelatedWalletOrNull as AC}from"@rango-dev/queue-manager-rango-preset";var Ho=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return oo(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){return this.actions.retrySwap(e,o)}cancel(e){let o=this.manager?.get(e);o&&xC(o)}getCurrentStepInfo(e){let o=bC(e);return{step:o,wallet:o?AC(e,o):null,network:o?vC(e,o):null}}};i(Ho,"WidgetHistory");var Nm=WC(void 0);function Js(t){let{manager:e}=EC(),o=_.use.retry(),n=new Ho(e,{retrySwap:o}),r=V.use.connectedWallets(),s=V.use.loading(),a=da(r),l=V.use.getWalletsDetails(),p=g().blockchains(),u=g().tokens(),c=g().swappers(),m=g().fetchStatus,d=no().resetLanguage,f=Be().getUnreadNotifications(),w={history:n,wallets:{isLoading:s,details:r,totalBalance:a,refetch:l},meta:{blockchains:p,tokens:u,swappers:c,loadingStatus:m},resetLanguage:d,notifications:{list:f}};return IC.createElement(Nm.Provider,{value:w},t.children)}i(Js,"WidgetInfo");function Bm(){let t=NC(Nm);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Bm,"useWidget");function Mr(t){let{onUpdateState:e,config:o}=t;return BC(()=>{Sa({API_KEY:o?.apiKey||Vo,BASE_URL:o?.apiUrl||oa})},[o.apiKey,o.apiUrl]),Zs.createElement(kn,{config:o,onUpdateState:e},Zs.createElement(Wm,{apiKey:o.apiKey},Zs.createElement(Js,null,t.children)))}i(Mr,"WidgetProvider");function Lm(t){return t.config?.externalWallets?Rs.createElement(Pr,null):Rs.createElement(Mr,{config:t.config??$r},Rs.createElement(Pr,null))}i(Lm,"Widget");export{k1 as EventSeverity,T1 as MainEvents,B1 as Networks,M1 as PendingSwapNetworkStatus,w1 as RouteEventType,x1 as StepEventType,v1 as StepExecutionBlockedEventStatus,b1 as StepExecutionEventStatus,W1 as WalletEvents,L1 as WalletTypes,Lm as Widget,Mr as WidgetProvider,kn as WidgetWallets,pi as customizedThemeTokens,I1 as readAccountAddress,cp as useWallets,Bm as useWidget,A1 as useWidgetEvents};
+var Vm=Object.defineProperty;var i=(t,e)=>Vm(t,"name",{value:e,configurable:!0});import{EventSeverity as AO,MainEvents as IO,RouteEventType as EO,StepEventType as WO,StepExecutionBlockedEventStatus as NO,StepExecutionEventStatus as BO,useEvents as LO}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as PO,useWallets as xp,Events as $O}from"@rango-dev/wallets-react";import{Networks as DO,WalletTypes as FO}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as UO}from"rango-types";import{Events as jr,Provider as vd}from"@rango-dev/wallets-react";import{isEvmBlockchain as xd}from"rango-sdk";import un,{createContext as bd,useEffect as Xr,useRef as Ad,useState as Id}from"react";import{useEffect as pd}from"react";import{create as sd}from"zustand";import{subscribeWithSelector as ad}from"zustand/middleware";import{RangoClient as rd}from"rango-sdk";var Xo="c6381a79-2817-4602-83bf-6a641a409e32",la="https://api.rango.exchange",Ee="rango-swap-box",pa="https://scan.rango.exchange";import{WalletState as et}from"@rango-dev/ui";import{readAccountAddress as Km}from"@rango-dev/wallets-react";import{detectInstallLink as Ym,getCosmosExperimentalChainInfo as Jm,isEvmAddress as Zm,KEPLR_COMPATIBLE_WALLETS as yT,Networks as da}from"@rango-dev/wallets-shared";import Fr from"bignumber.js";import{isCosmosBlockchain as Rm}from"rango-types";import jm from"bignumber.js";var xe=new jm(0);import{WalletTypes as Xm}from"@rango-dev/wallets-shared";var ca=[Xm.LEAP];import{BigNumber as ma}from"bignumber.js";var Ko=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),E=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new ma(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new ma(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 Yo=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Re=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),uo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function ae(t){return E(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(ae,"formatTooltipNumbers");function Or(t){switch(!0){case t.connected:return et.CONNECTED;case t.connecting:return et.CONNECTING;case!t.installed:return et.NOT_INSTALLED;default:return et.DISCONNECTED}}i(Or,"mapStatusToWalletState");function fa(t,e,o,n){return o.filter(r=>!ca.includes(r)).filter(r=>{let{supportedChains:s,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!s.find(u=>u.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=Or(t(r));return{title:s,image:a,link:Ym(l),state:p,type:r}})}i(fa,"mapWalletTypesToWalletInfo");function Ro(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Ro,"walletAndSupportedChainsNames");function ga(t,e,o,n,r){let s=[];function a(p,c){if(!!!s.find(d=>d.chain===p)){let d={address:c,chain:p,walletType:t};s.push(d)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:c,network:u}=Km(p),d=l.length>0,m=l.includes(u),h=u===da.Unknown;if(d&&!m&&!h)return;let k=u===da.Unknown&&Zm(c);if(h&&!k)return;o.includes(u)||k?r?a(u,c.toLowerCase()):l.filter(A=>o.includes(A)).forEach(A=>{a(A,c.toLowerCase())}):a(u,c)}),s}i(ga,"prepareAccountsForWalletStore");function ha(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(ha,"getRequiredChains");function en(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(en,"isAccountAndWalletMatched");function ya(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 Fr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:td(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(ya,"makeBalanceFor");function Sa(t){return{...t,loading:!1,error:!0}}i(Sa,"resetConnectedWalletState");var Ca=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=E(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new Fr(s?.amount||xe).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),xe)||xe).toString();return ed(r)},"calculateWalletUsdValue");function ed(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(ed,"numberWithThousandSeparator");var td=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),tn=i((t,e)=>{let o=Jm(Object.entries(t).map(([,n])=>n).filter(Rm));return o&&o[e]?.experimental},"isExperimentalChain");function on(t){return t?{...t,amount:E(t.amount,8,8),usdValue:E(t.usdValue,4,4)}:null}i(on,"formatBalance");function od(t,e){return t?.usdValue&&e?.usdValue?parseFloat(e.usdValue)-parseFloat(t.usdValue):!t?.usdValue&&e?.usdValue?1:t?.usdValue&&!e?.usdValue?-1:!t?.usdValue&&!e?.usdValue?parseFloat(e?.amount||"0")-parseFloat(t?.amount||"0"):0}i(od,"sortTokensByBalance");function nd(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(nd,"sortTokensByPinnedToken");function Ta(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=nd(n,r,o);return l!==0?l:od(s,a)}),t}i(Ta,"sortTokens");function _e(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(_e,"tokensAreEqual");function ka(t){return t.sort((e,o)=>+(o.state===et.CONNECTED)-+(e.state===et.CONNECTED)||+(o.state===et.DISCONNECTED||o.state===et.CONNECTING)-+(e.state===et.DISCONNECTED||e.state===et.CONNECTING))}i(ka,"sortWalletsBasedOnConnectionState");function nn(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(nn,"getConciseAddress");function wa({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(wa,"getAddress");function Ur(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(Ur,"createTokenHash");function rn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Fr(o?.usdPrice??xe).multipliedBy(o?.amount).toString():""},r=o?Ur({symbol:o.symbol,blockchain:o.chain,address:o.address}):null,s=r?e[r]:null;return r&&(!s||s&&s.amount<n.amount)&&(e[r]=n),e},{})}i(rn,"makeTokensBalance");var va=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");var zr={API_KEY:Xo};function Gt(t){return zr[t]||""}i(Gt,"getConfig");function xa(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),zr=e,zr}i(xa,"initConfig");var ba=20,Aa=25,Ia="Roboto",qr="theme-widget",mo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>_e(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>_e(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),Gr=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var sn,Qt=i(()=>sn||(sn=new rd(Gt("API_KEY"),Gt("BASE_URL")),sn),"httpService");var id=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"),Tt=id;var G=Tt(sd()(ad((t,e)=>({connectedWallets:[],balances:{},customDestination:"",loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!s.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(l=>l.selected&&l.walletType!==o).map(l=>l.chain),s=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:rn(s),connectedWallets:s}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let s=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>en(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await Qt().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(m=>{let h=o.find(k=>en(k,m)),T=p.find(k=>k.address===m.address&&k.blockChain===m.chain);return T?.failed&&h&&r&&s([h],n,!1),h&&T?{...m,explorerUrl:T.explorerUrl,balances:ya(T,n),loading:!1}:m});return{loading:!1,balances:rn(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(d=>en(d,u))?Sa(u):u);return{loading:!1,balances:rn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=Ur(o);return n[r]??null}}))));import{allProviders as ld}from"@rango-dev/provider-all";function an(t,e){let o=ld({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(an,"matchAndGenerateProviders");function Ea(t,e){return an(t,e).map(r=>r.config.type)}i(Ea,"configWalletsToWalletName");function Wa(t,e){let o=G.use.clearConnectedWallet(),n=an(void 0,e);return pd(()=>{o(),n=an(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Wa,"useWalletProviders");import hd,{createContext as yd,useContext as Sd,useEffect as Cd,useRef as Td}from"react";import{create as fd}from"zustand";import{persist as gd}from"zustand/middleware";var Qr={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},Na=i((t,e,o)=>({config:{...Qr,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");function Ht(t){return Array.from(new Set(t))}i(Ht,"removeDuplicateFrom");function Hr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Hr,"areEqual");function Ba(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Ba,"debounce");function Lt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Lt,"containsText");var N=i(()=>document.getElementById(Ee),"getContainer");function ln(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Ht(t.map(s=>s.swapperGroup)).map(s=>{let a=t.find(l=>l.swapperGroup===s);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}i(ln,"getUniqueSwappersGroups");function La(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(La,"sortLiquiditySourcesByGroupTitle");function De(t,e){return e?.[t]==="hidden"}i(De,"isFeatureHidden");function pn(t,e){return e?.[t]==="enabled"}i(pn,"isFeatureEnabled");var Ma=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(s.length>0&&!s.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??{},a=e().blockchains({type:o.type});return n.filter(p=>s&&mo(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(c=>c.name===p.blockchain)?!1:o.searchFor?!!(Lt(p.symbol,o.searchFor)||Lt(p.address||"",o.searchFor)||Lt(p.name||"",o.searchFor)):!0).sort((p,c)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(c,o.type)||p.isSecondaryCoin?1:c.isSecondaryCoin||!p.address&&c.address?-1:p.address&&!c.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>_e(a,o)),swappers:()=>{let{config:{enableNewLiquiditySources:o,liquiditySources:n}}=e();return e()._swappers.filter(a=>{let l=n?.includes(a.swapperGroup);return o||!n||n.length===0?!l:l}).sort(La)},fetch:async()=>{try{let o=await Qt().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],s=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,c)=>p.sort-c.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as cd,French as ud,Japanese as md,Spanish as dd}from"@rango-dev/ui";var Pa=[{title:"English",label:"English",local:"en",SVGFlag:cd},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:dd},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:ud},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:md}],fo="en";var $a=[.5,1,3],_a=1,Da=5,Fa=100,Oa=0;var Ua=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:_a,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,c=l<=10-1;return p&&c}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=Ht(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n}=o,r=De("theme",n),s=De("language",n),a=De("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:fo},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function za(t){return fd()(gd((...e)=>({...Ma(...e),...Ua(...e),...Na(t,...e)}),{name:"user-settings",skipHydration:!0,partialize:e=>({theme:e.theme,language:e.language,affiliatePercent:e.affiliatePercent,affiliateRef:e.affiliateRef,affiliateWallets:e.affiliateWallets,slippage:e.slippage,customSlippage:e.customSlippage,infiniteApprove:e.infiniteApprove,preferredBlockchains:e.preferredBlockchains,disabledLiquiditySources:e.disabledLiquiditySources})}))}i(za,"createAppStore");var qa=yd(null);function g(){let t=Sd(qa);if(Cd(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(g,"useAppStore");function Ga(t){let e=Td();return e.current||(e.current=za(t.config)),hd.createElement(qa.Provider,{value:e.current},t.children)}i(Ga,"AppStoreProvider");import{create as wd}from"zustand";var Qa="rango-widget";var Vt=class{constructor(e){this.state="not-initiated";this.events={};this.forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};this.isClaimed=()=>this.state==="claimed";this.destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};this.handleMessageEvent=e=>{let o=e.data.name;switch(o){case"ping":this.claimedByCurrentTab(e.data.pingAt);break;case"pong":this.alreadyClaimedByAnotherTab();break;case"force-claim":this.forceRelease(e.data.candidateId);break;case"force-release":this.tabId===e.data.candidateId&&this.claim();break;default:throw new Error(`${o} is not supported.`)}};this.handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};this.handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};this.channel=new BroadcastChannel(Qa),this.tabId=Math.trunc(Math.random()*1e5),this.events=e,this.initEvents(),this.tryClaim()}initEvents(){this.channel.addEventListener("message",this.handleMessageEvent),document.addEventListener("visibilitychange",this.handleVisibilityChange),document.addEventListener("resume",this.handleResume)}claimedByCurrentTab(e){let o=this.lastTryClaim&&this.lastTryClaim<e;if(this.isClaimed()||o){let n={name:"pong"};this.channel.postMessage(n);return}}alreadyClaimedByAnotherTab(){this.resetLastCheck()}async tryClaim(){return this.setLastCheck(),new Promise(e=>{setTimeout(()=>{this.check(),e()},300)})}check(){this.state==="not-initiated"&&this.events.onInit?.(),this.lastTryClaim?(this.claim(),this.resetLastCheck()):this.state="not-claimed"}claim(){this.state="claimed",this.events.onClaim?.()}setLastCheck(){this.lastTryClaim=Date.now();let e={name:"ping",pingAt:this.lastTryClaim};this.channel.postMessage(e)}resetLastCheck(){this.lastTryClaim=void 0}forceRelease(e){if(this.isClaimed()){this.state="not-claimed",this.events.onRelease?.();let o={name:"force-release",candidateId:e};this.channel.postMessage(o)}}};i(Vt,"TabManager");var ce=Tt(wd()((t,e)=>({isActiveTab:!1,tabManagerInitiated:!1,showActivateTabModal:!1,activateCurrentTab:(o,n)=>{let{showActivateTabModal:r}=e();!r&&n?t({showActivateTabModal:!0}):(r||!n)&&o()},setShowActivateTabModal:o=>{t({showActivateTabModal:o})}}))),Va=new Vt({onInit:()=>ce.setState({tabManagerInitiated:!0}),onClaim:()=>ce.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>ce.setState({isActiveTab:!1})}),cn=Va.forceClaim,ja=Va.destroy;var mn=bd({onConnectWallet:()=>{}});function Ed(t){let{updateConfig:e,updateSettings:o,fetch:n}=g(),r=g().blockchains(),s=g().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=Id([]),{providers:c}=Wa(t.config.wallets,a),{connectWallet:u,disconnectWallet:d}=G(),m=Ad();Xr(()=>{n().catch(console.log)},[]),Xr(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let h=r.filter(xd).map(f=>f.name),T=i((f,S,A,y,w)=>{if(S===jr.ACCOUNTS)if(A){let C=Ro(w.supportedBlockchains),v=ga(f,A,h,C,w.isContractWallet);p(v)}else d(f);if(S===jr.ACCOUNTS&&y.connected){let C=`${f}-${y.network}-${A}`;y.connected&&(m.current?m.current(C):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(S===jr.NETWORK&&y.network){let C=`${f}-${y.network}`;m.current?m.current(C):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(f,S,A,y,w)},"onUpdateState"),k=ce.use.isActiveTab();return Xr(()=>{l.length&&u(l,s)},[l,s]),un.createElement(mn.Provider,{value:{onConnectWallet:f=>{m.current=f}}},un.createElement(vd,{allBlockChains:r,providers:c,onUpdateState:T,autoConnect:!!k},t.children))}i(Ed,"Main");function dn(t){let{config:e,...o}=t;return un.createElement(Ga,{config:e},un.createElement(Ed,{...o,config:e}))}i(dn,"WidgetWallets");import sa,{useEffect as oT}from"react";import{I18nManager as $C}from"@rango-dev/ui";import Vo,{useContext as _C,useEffect as DC,useState as Um}from"react";import{useQueueManager as Md}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Pd}from"@rango-dev/wallets-react";import{isEvmBlockchain as $d}from"rango-types";import _d,{Fragment as Dd}from"react";import{MemoryRouter as Fd,useInRouterContext as Od}from"react-router";import{useWallets as Nd}from"@rango-dev/wallets-react";import{useEffect as Bd,useRef as Ld}from"react";function Xa(){let{connect:t,state:e}=Nd(),o=Ld({}),{fetchStatus:n}=g(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Bd(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(Xa,"useForceAutoConnect");function Ka({children:t,...e}){let n=Od()?Dd:Fd,r=g().blockchains(),{canSwitchNetworkTo:s}=Pd();Xa();let a=r.filter($d);return Md({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),_d.createElement(n,null,t)}i(Ka,"AppRouter");import Ne from"react";import{useRoutes as WC}from"react-router-dom";var $={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{useEffect as Xt,useRef as wn}from"react";import vt from"bignumber.js";import{create as Hd}from"zustand";import{subscribeWithSelector as Vd}from"zustand/middleware";import{getLastSuccessfulStep as Qd}from"@rango-dev/queue-manager-rango-preset";import Rw from"bignumber.js";var kt=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(kt||{});function Ya(t,e){return e.find(o=>o.name===t)?.displayName}i(Ya,"getBlockchainDisplayNameFor");function Fe(t,e){return e.find(o=>o.name===t)?.shortName}i(Fe,"getBlockchainShortNameFor");function go(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(go,"getSwapperDisplayName");function Kr(t,e){return e.find(o=>_e(o,t))??null}i(Kr,"findToken");function Yr(t,e){return e.find(o=>o.name===t)??null}i(Yr,"findBlockchain");import{i18n as He}from"@lingui/core";import be from"bignumber.js";import{PendingSwapNetworkStatus as yn}from"rango-types";function fn(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(fn,"getRequiredWallets");function gn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(gn,"isValidAddress");import{i18n as we}from"@lingui/core";var V=i(()=>({genericServerError:we.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:we.t("Please reset your liquidity sources."),description:we.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:we.t("No Routes Found."),description:we.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:we.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:we.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:we.t("High Price Impact"),title:we.t("Price impact is too high!"),description:we.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:we.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:we.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:we.t("USD Price Unknown"),title:we.t("USD Price Unknown, Cannot calculate Price Impact."),description:we.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:we.t("Confirm USD Price Unknown")}}),"errorMessages");function Ja(t){switch(t.type){case 0:return t.diagnosisMessage??V().noResultError.title;case 1:return V().genericServerError;default:return""}}i(Ja,"getQuoteErrorMessage");import{i18n as hn}from"@lingui/core";var Mt=i(()=>({connectWallet:hn.t("Connect Wallet"),swap:hn.t("Swap"),swapAnyway:hn.t("Swap anyway"),ethWarning:hn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Za(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new be(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new be(1e3)))??!1}i(Za,"hasHighValueLoss");function Jr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new be(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(Jr,"hasLimitError");function Zr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new be(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new be(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||c?.lte(l.fromAmount):p?.gt(l.fromAmount)||c?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new be(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=He.t({id:"Required: >= {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=V().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=He.t({id:"Required: > {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=V().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=He.t({id:"Required: <= {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=V().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=He.t({id:"Required: < {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=V().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Zr,"getLimitErrorMessage");function Ra(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Mt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:Mt().swap,action:"confirm-swap",disabled:!0}:a?{title:Mt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Mt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Mt().swap,action:"confirm-swap",disabled:!1}:{title:Mt().connectWallet,action:"connect-wallet",disabled:!1}}i(Ra,"getSwapButtonState");function Rr(t,e,o){return!((!o||o.lte(xe))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Rr,"canComputePriceImpact");function Ud(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(Ud,"requiredWallets");var zd=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function qd(t,e){let o=xe;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=zd(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new be(r.amount).multipliedBy(s||0))}return o}i(qd,"getUsdFeeOfStep");function Sn(t,e){return t.reduce((o,n)=>o.plus(qd(n,e)),xe)}i(Sn,"getTotalFeeInUsd");function ei(t){let e=xe;return e=e.plus(new be(t.amount).multipliedBy(t.price||0)),e}i(ei,"getUsdFee");function el(t){return t.reduce((e,o)=>e.plus(ei(o)),xe)}i(el,"getTotalFeesInUsd");function tl(t){return t.reduce((e,o)=>{for(let n of o.fee){let r=n.name,s=n.expenseType!=="DECREASE_FROM_OUTPUT"?e.payable:e.nonePayable;s[r]=[...s[r]||[],n]}return e},{payable:{},nonePayable:{}})}i(tl,"getFeesGroup");function ti(t){let e=new Map;return t.result?.swaps.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(ti,"checkSlippageErrors");function ol(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}i(ol,"checkSlippageWarnings");function Cn(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(Cn,"getMinRequiredSlippage");function nl(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(nl,"hasProperSlippage");function Tn(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:c,affiliateRef:u,affiliatePercent:d,affiliateWallets:m,initialQuote:h,destination:T}=t,k=s?.reduce((w,C)=>(w[C.chain]=C.address,w),{}),f=[];r?.forEach(w=>{let C=f.find(v=>v.blockchain===w.chain);C?C.addresses.push(w.address):f.push({blockchain:w.chain,addresses:[w.address]})});let S=!!h,A=Ht((h?.result?.swaps||[]).reduce((w,C)=>(w.push(C.from.blockchain,C.to.blockchain),C.internalSwaps&&Array.isArray(C.internalSwaps)&&C.internalSwaps.map(v=>{w.push(v.from.blockchain,v.to.blockchain)}),w),[]));return{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:d??void 0,affiliateWallets:m??void 0,checkPrerequisites:S,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:f,selectedWallets:k??{},slippage:c.toString(),...T&&{destination:T},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(w=>!a.includes(w)),swappersGroupsExclude:!1},...S&&{blockchains:A}}}i(Tn,"createQuoteRequestBody");function rl(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(rl,"getWalletsForNewSwap");function jt(t){return t.result?.outputAmount||null}i(jt,"getQuoteOutputAmount");function il(t,e){return new be(e).div(new be(t)).minus(1).multipliedBy(100).toNumber()}i(il,"getPercentageChange");function sl(t,e){let o=jt(t),n=jt(e);if(!o||!n)return!1;let r=Oe(o,n);return r?r<=-1:!0}i(sl,"isOutputAmountChangedALot");function al(t,e,o){let n=t.validationStatus,r=ha(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>dl(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=E(new be(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=E(new be(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=He.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=He.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=He.t(" for input and network fee")),He.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:c,symbol:l,reason:u,currentAmount:p,blockchain:Fe(a.asset.blockchain,o)}})})}i(al,"generateBalanceWarnings");function ll(t,e){return(t?new be(t):xe).multipliedBy(e||0)}i(ll,"calcOutputUsdValue");function ho(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==yn.NetworkChanged}i(ho,"isNetworkStatusInWarningState");function pl(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),ho(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case yn.WaitingForConnectingWallet:n=n||He.t("Waiting for connecting wallet");break;case yn.WaitingForQueue:n=n||He.t("Waiting for other running tasks to be finished");break;case yn.WaitingForNetworkChange:n=n||He.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(pl,"getSwapMessages");function cl(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(cl,"getLastConvertedTokenInFailedSwap");function ul(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(ul,"shouldRetrySwap");function ml(t,e,o,n,r,s){return t||!e&&!Ud(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!gn(s,o)}i(ml,"confirmSwapDisabled");function gl(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(gl,"getQuoteToTokenUsdPrice");function oi(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(oi,"isNumberOfSwapsChanged");function ni(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!Hr(o,n)}i(ni,"isQuoteSwappersUpdated");function ri(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!Hr(o,n)}i(ri,"isQuoteInternalCoinsUpdated");function hl(t,e){return oi(t,e)||ni(t,e)||ri(t,e)}i(hl,"isQuoteChanged");function dl(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(dl,"getRequiredBalanceOfWallet");function mt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(mt,"getPriceImpactLevel");function yl(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Qd(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Yr(s?s.toBlockchain:n.fromBlockchain,e),p=Yr(r.toBlockchain,e),c=Kr(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=Kr(a,o),d=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:d}}i(yl,"createRetryQuote");function kn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Pt(o,t.requestAmount),l=Pt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let u=Oe(a.toString(),l.toString());if(!!u&&Za(a,u)){let m=Sn(t.result.swaps,r),h=mt(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:m,warningLevel:h}}}else if(t.result&&(!a||!l))return{type:1};let p=Cn(t),c=s>Da;if(nl(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:ol(t,s),minRequiredSlippage:p};return null}i(kn,"generateQuoteWarnings");function Oe(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:il(t.toString(),e.toString());return n&&n<0?n:null}i(Oe,"getPriceImpact");var Sl=i(t=>{let e=new Set,o=[];return t.forEach(n=>{e.has(n.from.chain.displayName)||(e.add(n.from.chain.displayName),o.push(n.from.chain)),e.has(n.to.chain.displayName)||(e.add(n.to.chain.displayName),o.push(n.to.chain))}),o},"getUniqueBlockchains");var Pt=i((t,e)=>t?.usdPrice?new vt(e||xe).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),j=Tt(Hd()(Vd(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new vt(0),outputUsdValue:new vt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=xe;return uo(o.inputAmount)?(e&&(n=e.result?.outputAmount?new vt(e.result?.outputAmount):null,r=ll(e.result?.outputAmount,gl(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new vt(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{quote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:Pt(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{quote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new vt(0),outputUsdValue:new vt(0),quote:null},...!!o.fromToken&&{inputUsdValue:Pt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=yl(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:Pt(a??null,c),outputUsdValue:new vt(0),toBlockchain:l,toToken:p,quote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Pt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:""}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function Cl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=j(),c=g().config,u=g().fetchStatus,d=g().blockchains(),m=g().tokens(),{setAffiliateRef:h,setAffiliatePercent:T,setAffiliateWallets:k}=g(),f=c?.from?.tokens,S=c?.from?.blockchains,A=c?.to?.tokens,y=c?.to?.blockchains,w=wn(void 0),C=wn(void 0),v=wn(void 0),b=wn(void 0);Xt(()=>{t(c?.amount?.toString()||"")},[c?.amount]),Xt(()=>{if(u==="success"){let I=d.find(B=>B.name===c?.from?.blockchain),x=m.find(B=>_e(B,c?.from?.token||null));(I||!I&&v.current)&&n(I??null),x?r({token:x,meta:{blockchains:d,tokens:m}}):!x&&w.current&&r({token:null}),v.current=c?.from?.blockchain,w.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),Xt(()=>{mo(s,f)&&r({token:null}),Gr(l,S)&&n(null)},[f,S]),Xt(()=>{mo(a,A)&&r({token:null}),Gr(p,y)&&o(null)},[A,y]),Xt(()=>{if(u==="success"){let I=d.find(B=>B.name===c?.to?.blockchain),x=m.find(B=>_e(B,c?.to?.token||null));(I||!I&&b.current)&&o(I??null),x?e({token:x,meta:{blockchains:d,tokens:m}}):!x&&C.current&&e({token:null}),b.current=c?.to?.blockchain,C.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),Xt(()=>{h(c?.affiliate?.ref??null),T(c?.affiliate?.percent??null),k(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(Cl,"useSyncStoresWithConfig");import{useEffect as Tl}from"react";import{useInRouterContext as jd,useLocation as Xd,useSearchParams as Kd}from"react-router-dom";function ii(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(ii,"searchParamToToken");function si(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(si,"tokenToSearchParam");function ai(){let t=Xd(),[e,o]=Kd(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:d,setInputAmount:m}=j(),h=g().fetchStatus,T=g().blockchains(),k=g().tokens(),f=jd(),S=i(()=>{let y=e.get("fromAmount"),w=e.get("fromBlockchain"),C=e.get("fromToken"),v=e.get("toBlockchain"),b=e.get("toToken"),I=e.get("autoConnect");return{fromAmount:y,fromBlockchain:w,fromToken:C,toBlockchain:v,toToken:b,autoConnect:I}},"getUrlSearchParams"),A=i(y=>{for(let w in y)y[w]||delete y[w];o(y,{replace:!0})},"updateUrlSearchParams");Tl(()=>{let{autoConnect:y}=S();f&&h==="success"&&A({["fromBlockchain"]:n?.name,["fromToken"]:si(s),["toBlockchain"]:r?.name,["toToken"]:si(a),["fromAmount"]:l,["autoConnect"]:y??void 0})},[t.pathname,l,n,s,r,a]),Tl(()=>{if(!f)return;let y=S();if(y.fromAmount&&m(y.fromAmount),h==="success"){let w=T.find(I=>I.name===y.fromBlockchain),C=ii(k,y.fromToken,w??null),v=T.find(I=>I.name===y.toBlockchain),b=ii(k,y.toToken,v??null);w&&(p(w),C&&u({token:C,meta:{blockchains:T,tokens:k}})),v&&(c(v),b&&d({token:b,meta:{blockchains:T,tokens:k}}))}},[h])}i(ai,"useSyncUrlAndStore");import{i18n as ar}from"@lingui/core";import{useManager as _h}from"@rango-dev/queue-manager-react";import{Alert as qc,Button as Dh,css as os,Divider as ts,IconButton as Gc,SettingsIcon as Fh,styled as Oh,Tooltip as Uh,Typography as zh,WalletIcon as qh}from"@rango-dev/ui";import le,{useEffect as Lo,useLayoutEffect as Gh,useRef as Qh,useState as lr}from"react";import{flushSync as Hh}from"react-dom";import{useLocation as Vh,useNavigate as jh}from"react-router-dom";import{i18n as tt}from"@lingui/core";import{Alert as Li,BalanceErrors as Ag,Button as bp,ChevronDownIcon as Ig,ChevronLeftIcon as Eg,Divider as eo,MessageBox as Wg,Modal as Ap,Typography as Qn,WalletIcon as Ng}from"@rango-dev/ui";import L,{useEffect as Bg,useState as _t}from"react";import{useNavigate as Lg}from"react-router-dom";import{i18n as vn}from"@lingui/core";function xn(t){switch(t.type){case 0:return vn.t("Route has been updated.");case 3:return vn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return vn.t("Route swappers has been updated.");case 2:return vn.t("Route internal coins has been updated.");default:return""}}i(xn,"getQuoteUpdateWarningMessage");import En,{useLayoutEffect as Rd,useRef as ef}from"react";import*as Kt from"@radix-ui/react-collapsible";import{keyframes as kl,styled as bn}from"@rango-dev/ui";var yo=300,Jd=kl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Zd=kl({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),wl=bn(Kt.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),li=bn(Kt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),An=bn(Kt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Jd} ${yo}ms ease-out`},false:{animation:`${Zd} ${yo}ms ease-out`}}}}),In=bn("div",{transition:`all ${yo}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Wn(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=ef(null);return Rd(()=>{e&&p.current&&setTimeout(()=>{p?.current?.scrollIntoView({behavior:"smooth"})},yo)},[e]),En.createElement(wl,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&En.createElement(li,{className:"collapsible_trigger",onClick:s},a),En.createElement(An,{className:"collapsible_content",open:e},r),l==="bottom"&&En.createElement(li,{className:"collapsible_trigger",onClick:s},a))}i(Wn,"CustomCollapsible");import{Button as tf,css as vl,darkTheme as Yt,IconButton as of,styled as Ue,TextField as nf}from"@rango-dev/ui";var xl=Ue("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),bl=Ue("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),rf=Ue("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Yt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Yt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Yt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Al=Ue(rf,{alignSelf:"stretch",minHeight:"93px"}),Il=Ue("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),El=Ue(of,{position:"absolute",left:"$20"}),Wl=Ue("div",{paddingTop:"$20"}),Nl=vl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Bl=Ue("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),Ll=vl({paddingTop:"$5"}),Ml=Ue("div",{display:"flex"}),Pl=Ue(nf,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),$l=Ue("div",{overflow:"visible",width:"100%"}),_l=Ue(tf,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Yt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Yt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Yt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as je}from"@lingui/core";import{Button as vg,Divider as Ni,Image as xg,MessageBox as Gn,Modal as Tp,SelectableWallet as bg,Typography as kp,WalletState as wp}from"@rango-dev/ui";import se,{useEffect as vp,useState as ko}from"react";import{WalletState as pi}from"@rango-dev/ui";import{useWallets as sf}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as af,WalletTypes as Nn}from"@rango-dev/wallets-shared";import{useEffect as lf,useState as pf}from"react";var cf=Object.values(Nn);function Bn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=sf(),{connectedWallets:c}=G(),u=g().blockchains(),d=Ea(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||cf,m=fa(s,l,d,o),h=ka(m),[T,k]=pf(""),f=i(C=>!c.find(v=>v.walletType===C&&v.chain===o),"isExperimentalChainNotAdded"),S=i(async C=>{let v=s(C);try{if(T&&k(""),v.connected)await a(C);else{let b=!!m.find(I=>I.state===pi.CONNECTED);if(!e?.multiWallets&&b)return;n?.(C),await p(C),r?.(C)}}catch(b){k("Error: "+b?.message)}},"handleClick"),A=i(()=>{let C=m?.filter(v=>v.state===pi.CONNECTING)||[];for(let v of C)a(v.type)},"disconnectConnectingWallets");lf(()=>()=>{A()},[]);let y=i(C=>C.filter(b=>b.state!=pi.NOT_INSTALLED&&![Nn.DEFAULT,Nn.WALLET_CONNECT_2].includes(b.type)&&l(b.type).supportedChains.filter(I=>I.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),w=i((C,v,b)=>tn(b,v)&&f(C)&&!af.includes(C)||C==Nn.DEFAULT&&!y(m),"shouldExcludeWallet");return{list:h.filter(C=>!w(C.type,o??"",u)),error:T,handleClick:S}}i(Bn,"useWalletList");import{i18n as dp}from"@lingui/core";import{styled as gp,Typography as hg,Wallet as yg,WalletState as Sg}from"@rango-dev/ui";import Rt,{useState as fp}from"react";import{useManager as ng}from"@rango-dev/queue-manager-react";import{BottomLogo as rg,Divider as ap,Header as ig}from"@rango-dev/ui";import me,{useEffect as sg,useRef as ag}from"react";import{useNavigate as uf}from"react-router-dom";function xt(){let t=uf();return()=>t(-1)}i(xt,"useNavigateBack");import{createTheme as di,darkTheme as hf,lightTheme as yf}from"@rango-dev/ui";import{useEffect as Ul,useState as Sf}from"react";import{theme as ff,darkColors as gf}from"@rango-dev/ui";var Dl=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,c=(a.length<2?"0":"")+a,u=(l.length<2?"0":"")+l;return`#${p}${c}${u}`},"colorShade"),Ln=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:Dl(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:Dl(e,-((l-5)*25))});return a},"generateRangeColors"),ci=i((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let s in o){let a=o[s];if(a&&a!==t[s])if(n=!0,s==="background"||s==="foreground")r={...r,[s]:a};else if(s==="neutral"&&e){let l=Ln(s,a);r={...r,[`${s}100`]:l[`${s}900`],[`${s}200`]:l[`${s}800`],[`${s}300`]:l[`${s}700`],[`${s}400`]:l[`${s}600`],[`${s}500`]:l[`${s}500`],[`${s}600`]:l[`${s}400`],[`${s}700`]:l[`${s}300`],[`${s}800`]:l[`${s}200`],[`${s}900`]:l[`${s}100`]}}else r={...r,...Ln(s,a)}}return n?r:{}},"generateColors");var Fl=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),mf=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Fl(o%52)+e;return Fl(o%52)+e},"toAlphabeticName"),df=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),ui=i(t=>mf(df(5381,JSON.stringify(t))>>>0),"toHash");function mi(t){let e=ff.colors,o=ci({...e,...gf},!0,t?.dark),n=ci(e,!1,t?.light),r=Object.keys(o).length>0,s=Object.keys(n).length>0,a,l;if(s){let p={colors:n};a={id:`${qr}-light-${ui(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${qr}-dark-${ui(p)}`,tokens:p}}return{light:a,dark:l}}i(mi,"customizedThemeTokens");function Ol(t,e){if(t.length<=1)return t;let o=[];return t.forEach((n,r)=>{o.push(n),r<t.length-1&&o.push(e)}),o}i(Ol,"joinList");function Mn(t){let{colors:e,fontFamily:o=Ia,borderRadius:n=ba,secondaryBorderRadius:r=Aa,mode:s="auto"}=t,[a,l]=Sf("light"),{setTheme:p,theme:c}=g(),{dark:u,light:d}=mi(e),m=di({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),h=[m.className,yf.className],T=[m.className,hf.className];if(d){let f=di(d.id,d.tokens);h.push(f.className)}if(u){let f=di(u.id,u.tokens);T.push(f.className)}return Ul(()=>{let f=i(S=>{S.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",f),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",f)}},[]),Ul(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let f=h.join(" "),S=T.join(" ");return c==="auto"?a==="dark"?S:f:c==="dark"?S:f},"getActiveTheme")}}i(Mn,"useTheme");var bt=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");import{i18n as zl}from"@lingui/core";import{Alert as Cf,Button as Tf}from"@rango-dev/ui";import ql from"react";function fi(t){return ql.createElement(Cf,{action:ql.createElement(Tf,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},zl.t("Activate")),type:"warning",variant:"alarm",title:zl.t("Another tab is open and handles transactions. You can activate this tab.")})}i(fi,"ActivateTabAlert");import{i18n as gi}from"@lingui/core";import{Button as kf,Divider as wf,MessageBox as vf,Modal as xf}from"@rango-dev/ui";import Pn from"react";function hi(t){let{open:e,onClose:o,onConfirm:n}=t;return Pn.createElement(xf,{open:e,dismissible:!0,onClose:o,container:N()},Pn.createElement(vf,{title:gi.t("Activate current tab"),type:"warning",description:gi.t("Currently, some transactions are running and being handled by other browser tab. If you activate this tab, all transactions that are already in the transaction sign step will expire.")},Pn.createElement(wf,{size:20}),Pn.createElement(kf,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},gi.t("Confirm"))))}i(hi,"ActivateTabModal");import{ChevronLeftIcon as If}from"@rango-dev/ui";import Vl from"react";import{darkTheme as bf,IconButton as Af,styled as So}from"@rango-dev/ui";var ze=So(Af,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Gl=So("div",{position:"absolute",background:"$secondary500",[`.${bf} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Jt=So("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Ql=So("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),Hl=So("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function yi(t){return Vl.createElement(ze,{variant:"ghost",size:"small",onClick:t.onClick},Vl.createElement(If,{color:"black",size:16}))}i(yi,"BackButton");import{i18n as Ef}from"@lingui/core";import{Button as Wf,Typography as Nf}from"@rango-dev/ui";import Si from"react";function Ci(t){return Si.createElement(Jt,null,Si.createElement(Wf,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Si.createElement(Nf,{variant:"label",size:"medium",color:"error500"},Ef.t("Cancel"))))}i(Ci,"CancelButton");import{i18n as Bf}from"@lingui/core";import{Tooltip as Lf,WalletIcon as Mf}from"@rango-dev/ui";import $n from"react";function Ti(t){return $n.createElement(Lf,{container:t.container,side:"top",content:Bf.t("Connect Wallet")},$n.createElement(ze,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&$n.createElement(Gl,null),$n.createElement(Mf,{size:18,color:"black"})))}i(Ti,"WalletButton");import{i18n as On}from"@lingui/core";import{NotificationsIcon as Rf,Popover as eg,SettingsIcon as tg,Tooltip as Un,TransactionIcon as og}from"@rango-dev/ui";import Ce from"react";import{i18n as zf}from"@lingui/core";import{EventSeverity as qf}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Zl,ChevronRightIcon as Gf,ListItemButton as Qf,Typography as Hf}from"@rango-dev/ui";import Ve from"react";import{useNavigate as Vf}from"react-router-dom";import{create as Pf}from"zustand";import{persist as $f,subscribeWithSelector as _f}from"zustand/middleware";var Le=Tt(Pf()($f(_f((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:s.toBlockchain,tokenSymbol:s.toSymbol,tokenAddress:s.toSymbolAddress}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{styled as _n}from"@rango-dev/ui";var jl=_n("div",{padding:"$10",width:"350px",minHeight:"150px"}),Xl=_n("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Kl=_n("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Yl=_n("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Df}from"@lingui/core";import{Divider as Ff,NoNotificationIcon as Of,Typography as Uf}from"@rango-dev/ui";import Dn from"react";function Jl(){return Dn.createElement(Yl,null,Dn.createElement(Of,{color:"secondary",size:26}),Dn.createElement(Ff,{size:12}),Dn.createElement(Uf,{variant:"body",size:"medium",color:"neutral700"},Df.t("You have no notification")))}i(Jl,"NotificationNotFound");var jf=4;function ki(){let t=Vf(),{getUnreadNotifications:e}=Le(),o=e(),n=g().blockchains(),r=g().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,jf),a=i(l=>{t(`${$.swaps}/${l}`)},"handleOnClick");return Ve.createElement(jl,null,s.length?Ve.createElement(Xl,null,s.map(l=>{let p=r.find(m=>m.address===l.route.from.tokenAddress&&m.blockchain===l.route.from.blockchain&&m.symbol===l.route.from.tokenSymbol),c=n.find(m=>m.name===l.route.from.blockchain),u=r.find(m=>m.address===l.route.to.tokenAddress&&m.blockchain===l.route.to.blockchain&&m.symbol===l.route.to.tokenSymbol),d=n.find(m=>m.name===l.route.to.blockchain);return Ve.createElement(Qf,{key:l.requestId,onClick:()=>a(l.requestId),title:Ve.createElement(Hf,{variant:"body",size:"small",color:l.event.messageSeverity===qf.WARNING?"$foreground":"$neutral700"},zf.t(l.event.message)),id:l.requestId,start:Ve.createElement(Kl,null,Ve.createElement("div",{className:"from-chain-token"},Ve.createElement(Zl,{tokenImage:p?p.image:"",chainImage:c?c.logo:"",size:"small"})),Ve.createElement("div",{className:"to-chain-token"},Ve.createElement(Zl,{tokenImage:u?u.image:"",chainImage:d?d.logo:"",size:"small"}))),end:Ve.createElement(Gf,{size:12,color:"gray"})})})):Ve.createElement(Jl,null))}i(ki,"NotificationContent");import{RefreshProgressButton as Xf}from"@rango-dev/ui";import wi,{useEffect as Kf,useState as Rl}from"react";var Yf=1e3,ep=60,Jf=100;function Fn({onClick:t}){let[e,o]=Rl(0),[n,r]=Rl(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");Kf(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===ep&&l()},Yf):a(p),document.addEventListener("visibilitychange",()=>s(p)),()=>{document.removeEventListener("visibilitychange",()=>s(p)),p&&clearInterval(p)}},[e,t]);let a=i(p=>{p&&clearInterval(p),o(0)},"clearTimeout"),l=i(()=>{t?.(),o(0),r(!0)},"handleRefreshClick");return wi.createElement(ze,{variant:"ghost",size:"small",onClick:l,disabled:!t},wi.createElement(Hl,{onTransitionEnd:()=>r(!1),isRefetched:n},wi.createElement(Xf,{size:24,color:t?"black":"gray",progress:e/ep*Jf})))}i(Fn,"RefreshButton");import{Typography as Zf}from"@rango-dev/ui";import tp from"react";function op(){let{getUnreadNotifications:t}=Le(),e=t().length;return e?tp.createElement(Ql,null,tp.createElement(Zf,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(op,"UnreadNotificationsBadge");function vi(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n}=t,{config:{features:r}}=g(),s=De("notification",r);return Ce.createElement(Ce.Fragment,null,Ce.createElement(Un,{container:N(),side:"top",content:On.t("Refresh")},Ce.createElement(Fn,{onClick:e})),!s&&Ce.createElement(eg,{align:"center",collisionPadding:{right:20,left:20},container:N(),content:Ce.createElement(ki,null)},Ce.createElement("div",null,Ce.createElement(Un,{container:N(),side:"top",content:On.t("Notifications")},Ce.createElement(ze,{size:"small",variant:"ghost"},Ce.createElement(Rf,{size:18,color:"black"}),Ce.createElement(op,null))))),Ce.createElement(Un,{container:N(),side:"top",content:On.t("Settings")},Ce.createElement(ze,{size:"small",variant:"ghost",onClick:n},Ce.createElement(tg,{size:18,color:"black"}))),Ce.createElement(Un,{container:N(),side:"top",content:On.t("Transactions History")},Ce.createElement(ze,{size:"small",variant:"ghost",onClick:o},Ce.createElement(og,{size:18,color:"black"}))))}i(vi,"HomeButtons");function xi(t){let e=t.target;if(e){let o=e.scrollTop,n=N();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(xi,"onScrollContentAttachStatusToContainer");import{styled as bi}from"@rango-dev/ui";var np="700px",rp=bi("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",width:"100vh",minWidth:"300px",maxWidth:"390px",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",overflow:"hidden",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:np},fixed:{height:np}}}}),ip=bi("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),sp=bi("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function oe(t){let{children:e,header:o,footer:n,hasLogo:r=!0,height:s="fixed"}=t,a=G.use.connectedWallets(),{config:{features:l,theme:p}}=g(),{activeTheme:c}=Mn(p||{}),u=De("connectWalletButton",l),{isActiveTab:d,tabManagerInitiated:m,showActivateTabModal:h,setShowActivateTabModal:T,activateCurrentTab:k}=ce(),f=xt(),{manager:S}=ng(),y=bt(S).map(({swap:I})=>I).some(I=>I.status==="running"),w=i(()=>k(cn,y),"onActivateTab"),C=i(()=>{o.onWallet?.()},"onConnectWallet"),v=typeof o.hasBackButton>"u"||o.hasBackButton,b=ag(null);return sg(()=>(b.current?.addEventListener("scroll",xi),()=>{b.current?.removeEventListener("scroll",xi)}),[]),me.createElement(rp,{height:s,id:Ee,className:c()},me.createElement(ig,{prefix:me.createElement(me.Fragment,null,v&&me.createElement(yi,{onClick:f})),title:o.title,suffix:me.createElement(me.Fragment,null,o.suffix,o.onWallet&&!u&&me.createElement(Ti,{container:N(),onClick:C,isConnected:!!a?.length}),o.onCancel&&me.createElement(Ci,{onClick:o.onCancel}))}),me.createElement(ip,{ref:b},e),me.createElement(hi,{open:h,onClose:()=>T(!1),onConfirm:w}),(r||n)&&me.createElement(sp,null,me.createElement("div",{className:"footer__content"},n,m&&!d&&me.createElement(me.Fragment,null,me.createElement(ap,{size:12}),me.createElement(fi,{onActivateTab:w}))),me.createElement(ap,{size:12}),r&&me.createElement("div",{className:"footer__logo"},me.createElement(rg,null))))}i(oe,"Layout");import{styled as lg}from"@rango-dev/ui";var lp="$20 $20 $10 $20",Co=lg("div",{padding:lp,overflowY:"auto",flexGrow:1});import{styled as pg}from"@rango-dev/ui";var ie=pg("div",{display:"flex",flexDirection:"column",padding:"20px 20px 10px",flexGrow:1,variants:{view:{true:{flexGrow:1,overflow:"hidden"}},compact:{true:{padding:0}}}});import{Divider as fg,Modal as gg}from"@rango-dev/ui";import Ii from"react";import{i18n as Zt}from"@lingui/core";import{Image as mg,MessageBox as Ai,WalletState as dg}from"@rango-dev/ui";import $t from"react";import{keyframes as cg,styled as zn}from"@rango-dev/ui";var zA=zn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),pp=zn("div",{position:"relative"}),ug=cg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),cp=zn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${ug} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),up=zn("div",{"& img":{borderRadius:"50%"}});function mp(t){let{state:e,image:o,error:n}=t;return e===dg.CONNECTED?$t.createElement(Ai,{type:"success",title:Zt.t("Wallet Connected"),description:Zt.t("Your wallet is connected, you can use it to swap.")}):n?$t.createElement(Ai,{type:"error",title:Zt.t("Failed to Connect"),description:n||Zt.t("Your wallet is not connected. Please try again.")}):$t.createElement(Ai,{type:"loading",title:Zt.t("Connecting to your wallet"),description:Zt.t("Click connect in your wallet popup."),icon:$t.createElement(pp,null,$t.createElement(up,null,$t.createElement(mg,{src:o,size:45})),$t.createElement(cp,null))})}i(mp,"ModalContent");function To(t){let{open:e,onClose:o,...n}=t;return Ii.createElement(gg,{open:e,onClose:o,container:document.getElementById(Ee)||document.body},Ii.createElement(mp,{...n}),Ii.createElement(fg,{direction:"vertical",size:32}))}i(To,"WalletModal");var Cg=gp("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Tg=gp(ie,{textAlign:"center"}),qn=3e3,Ei=300;function hp(){let{config:t,fetchStatus:e}=g(),[o,n]=fp(!1),[r,s]=fp(""),a=null,l=ce.use.isActiveTab(),{list:p,handleClick:c,error:u}=Bn({config:t,onBeforeConnect:T=>{a=setTimeout(()=>{n(!0),s(T)},Ei)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},qn)}}),d=p.find(T=>T.type===r),m=d?.image||"",h=d?.state||Sg.NOT_INSTALLED;return Rt.createElement(oe,{header:{title:dp.t("Connect Wallets")}},Rt.createElement(Tg,null,Rt.createElement(hg,{variant:"title",size:"xmedium",align:"center"},dp.t("Choose a wallet to connect.")),Rt.createElement(Cg,null,p.map((T,k)=>{let f=`wallet-${k}-${T.type}`;return Rt.createElement(yg,{key:f,...T,container:N(),onClick:S=>{c(S)},isLoading:e==="loading",disabled:!l})}),Rt.createElement(To,{open:!!o,onClose:()=>n(!1),image:m,state:h,error:u}))))}i(hp,"WalletsPage");import{keyframes as kg,styled as Wi}from"@rango-dev/ui";var yp=Wi("div",{position:"relative"}),wg=kg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Sp=Wi("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${wg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Cp=Wi("div",{"& img":{borderRadius:"50%"}});function Bi(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=g(),l=ce.use.isActiveTab(),p=G.use.connectedWallets(),{blockchains:c}=g(),[u,d]=ko(""),[m,h]=ko(null),[T,k]=ko(!1),[f,S]=ko(null),{suggestAndConnect:A}=xp(),y=null,{list:w,error:C,handleClick:v}=Bn({config:a,chain:e,onBeforeConnect:W=>{y=setTimeout(()=>{d(W)},Ei)},onConnect:()=>{y&&clearTimeout(y),setTimeout(()=>{d("")},qn)}}),[b,I]=ko(w),x=w.length,B=r&&x-r>0,Q=i(async W=>{k(!1),S("in-progress");try{await A(W.walletType,W.chain),S("completed")}catch{S("rejected")}},"addExperimentalChain");vp(()=>{I(W=>{let R=w.findIndex(J=>o(J.type,e));return B&&R>1?[w[R]].concat(w.filter((J,ne)=>ne!==R)):W.map(J=>w.find(ne=>ne.type===J.type)??J)})},[JSON.stringify(w)]);let X=document.getElementById(Ee);return vp(()=>{let W=null;return(f==="completed"||f==="rejected")&&(W=setTimeout(()=>S(null),qn)),()=>{W&&clearTimeout(W)}},[f]),se.createElement(se.Fragment,null,b.slice(0,r).map(W=>{let R=wa({connectedWallets:p,walletType:W.type,chain:e}),J=R?nn(R):"",ne=tn(c(),e),Se=!p.find(ke=>ke.walletType===W.type&&ke.chain===e),z=ne&&Se&&W.state===wp.CONNECTED,$e=z?je.t({id:"Add {chain} chain",values:{chain:e}}):J,K=i(()=>{W.state===wp.DISCONNECTED?v(W.type):z?(h({walletType:W.type,chain:e,address:R??""}),k(!0)):n({walletType:W.type,chain:e,address:R??""})},"onClick"),F=m?.chain?Ya(m.chain,c()):void 0;return se.createElement(se.Fragment,null,se.createElement(To,{open:u===W.type,onClose:()=>d(""),image:W.image,state:W.state,error:C}),!!m&&se.createElement(Tp,{open:!!m&&T,container:X,onClose:()=>{h(null)}},se.createElement(Gn,{title:je.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:F}}),type:"warning",description:je.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:F}})},se.createElement(Ni,{size:18}),se.createElement(Ni,{size:32}),se.createElement(vg,{onClick:Q.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},je.t("Confirm")))),f&&se.createElement(Tp,{open:!!f,onClose:S.bind(null,null),container:X},f==="in-progress"&&se.createElement(Gn,{type:"loading",title:je.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:F}}),description:je.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:F}}),icon:se.createElement(yp,null,se.createElement(Cp,null,se.createElement(xg,{src:W.image,size:45})),se.createElement(Sp,null))}),f==="completed"&&se.createElement(Gn,{type:"success",title:je.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:F}}),description:je.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:F}})}),f==="rejected"&&se.createElement(Gn,{type:"error",title:je.t("Request Rejected"),description:je.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:F}})}),se.createElement(Ni,{direction:"vertical",size:32})),se.createElement(bg,{key:W.type,description:$e,onClick:K,selected:o(W.type,e),disabled:!l,...W}))}),B&&se.createElement(Al,{selected:!1,onClick:s},se.createElement(kp,{variant:"label",size:"medium"},je.t("Show more wallets"),se.createElement(kp,{variant:"label",size:"medium",color:"$primary"},"\xA0+",x-(r??0)))))}i(Bi,"WalletList");var Mg=2;function Ip(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=g().config,l=g().blockchains(),{quote:p,setSelectedWallets:c,quoteWalletsConfirmed:u,setQuoteWalletConfirmed:d,customDestination:m,setCustomDestination:h}=j(),{connectedWallets:T,selectWallets:k}=G(),[f,S]=_t(""),[A,y]=_t([]),[w,C]=_t(""),[v,b]=_t(null),[I,x]=_t(m),[B,Q]=_t(!!m),X=fn(p),W=l.find(_=>_.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),R=i(_=>!!p?.result?.swaps.find(H=>H.from.blockchain===_),"isWalletRequiredFor"),[J,ne]=_t(T.filter(_=>_.selected&&X.includes(_.chain))),Se=l.find(_=>_.name===W?.name),z=i((_,H)=>!!J.find(q=>q.walletType===_&&q.chain===H&&q.selected&&(R(H)||!R(H)&&!I)),"isSelected"),$e=!!I&&B&&Se&&!gn(Se,I),K=i(()=>{Q(!1),x(""),ne(_=>{let H=!1;return _.map(q=>!H&&q.chain===W?.name?(H=!0,{...q,selected:!0}):q)})},"resetCustomDestination"),F=i(_=>{if(f&&S(""),z(_.walletType,_.chain))return;let q=T.find(pe=>pe.walletType===_.walletType&&pe.chain===_.chain);q&&(n(),_.chain===W?.name&&B&&(Q(!1),x("")),ne(pe=>pe.filter(ut=>ut.chain!==_.chain).concat({...q,selected:!0})))},"onChange"),ke=i(()=>{let _=J.filter(H=>H.selected);k(_),c(_),h(I),d(!0),o()},"onConfirmBalance"),pt=i(async()=>{y([]),C(""),b(null);let _=T.filter(pe=>J.find(ut=>ut.chain===pe.chain&&ut.walletType===pe.walletType)),H=await r?.({selectedWallets:_,customDestination:I}),q=H.warnings;q?.balance?.messages&&y(q.balance.messages),q?.quoteUpdate&&b(q.quoteUpdate),H.error&&C(Ja(H.error)),!H.error&&(!q?.balance?.messages.length||0>0)?ke():y(q?.balance?.messages??[])},"onConfirmWallets");Bg(()=>{ne(_=>_.concat(T.filter(H=>!!!_.find(pe=>pe.chain===H.chain)&&H.selected&&X.includes(H.chain))))},[T.length]);let Ie=document.getElementById(Ee),ct=Lg();return L.createElement(Ap,{open:e,onClose:()=>{u||ct("../",{replace:!0}),o()},dismissible:!f,container:Ie,...!f&&{footer:L.createElement(Ml,null,L.createElement(bp,{loading:s,disabled:ml(s,B,I,p,J,W),onClick:pt,variant:"contained",type:"primary",fullWidth:!0,size:"large"},tt.t("Confirm")))},...f&&{containerStyle:{padding:"$0"},header:L.createElement(Il,null,L.createElement(El,{variant:"ghost",onClick:S.bind(null,"")},L.createElement(Eg,{size:16})),L.createElement(Qn,{variant:"headline",size:"small"},tt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Fe(f,l)}})))},anchor:"center"},L.createElement(Ap,{open:A.length>0,onClose:y.bind(null,[]),container:Ie},L.createElement(Wg,{title:tt.t("Insufficient account balance"),type:"error",description:L.createElement(Ag,{messages:A??[]})},L.createElement(bp,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:ke},tt.t("Proceed anyway")))),f&&L.createElement(Wl,null,L.createElement("div",{className:Nl()},L.createElement(Bi,{chain:f,isSelected:z,selectWallet:F,onShowMore:S.bind(null,f)}))),!f&&L.createElement(L.Fragment,null,w&&L.createElement(L.Fragment,null,L.createElement(Li,{variant:"alarm",type:"error",title:tt.t(w)}),L.createElement(eo,{size:12})),v&&L.createElement(L.Fragment,null,L.createElement(Li,{variant:"alarm",type:"warning",title:xn(v)}),L.createElement(eo,{size:12})),L.createElement($l,null,X.map((_,H)=>{let q=l.find(Qe=>Qe.name===_),pe=`wallet-${H}`,ut=H===X.length-1;return L.createElement("div",{key:pe},L.createElement(xl,null,L.createElement(Qn,{variant:"title",size:"xmedium"},tt.t({id:"Your {blockchainName} wallets",values:{blockchainName:q?.shortName}})),L.createElement(Qn,{variant:"label",color:"$neutral700",size:"medium"},tt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:q?.shortName}}))),L.createElement(eo,{size:24}),L.createElement(bl,null,L.createElement(Bi,{chain:_,isSelected:z,selectWallet:F,limit:Mg,onShowMore:()=>S(q?.name??"")})),!ut&&L.createElement(eo,{size:32}),ut&&a?.customDestination&&L.createElement(Bl,null,L.createElement(Wn,{onOpenChange:Qe=>{Qe?R(W?.name??"")||ne(Dr=>Dr.map(Be=>Be.chain===W?.name?{...Be,selected:!1}:Be)):K()},hasSelected:!0,open:B,triggerAnchor:"top",trigger:L.createElement(_l,{fullWidth:!0,variant:"default",suffix:L.createElement(In,{orientation:B?"up":"down"},L.createElement(Ig,{size:10,color:"gray"}))},L.createElement("div",{className:"button__content"},L.createElement(Ng,{size:18,color:"info"}),L.createElement(eo,{size:4,direction:"horizontal"}),L.createElement(Qn,{variant:"label",size:"medium"},tt.t("Send to a different address")))),onClickTrigger:()=>Q(Qe=>!Qe)},L.createElement(eo,{size:4}),L.createElement(Pl,{autoFocus:!0,placeholder:tt.t("Your destination address"),value:I,onChange:Qe=>{x(Qe.target.value)}})),$e&&L.createElement("div",{className:Ll()},L.createElement(Li,{variant:"alarm",type:"error",title:tt.t({values:{destination:I},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Ip,"ConfirmWalletsModal");import{i18n as Rg}from"@lingui/core";import{Alert as eh,Button as th,InfoIcon as oh}from"@rango-dev/ui";import Me from"react";import{Alert as Pg,Button as $g,Divider as Mp,NoRouteIcon as _g,RefreshIcon as Dg,Typography as Pp}from"@rango-dev/ui";import Xe from"react";import{i18n as Ep}from"@lingui/core";function Wp(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:V().genericServerError,action:{onClick:n,title:Ep.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:V().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Ep.t("Reset")}},description:V().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:V().noResultError.description}}i(Wp,"makeInfo");import{styled as Mi}from"@rango-dev/ui";var Np=Mi("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Bp=Mi("div",{width:"100%"}),Lp=Mi("div",{padding:"$6 $0"});function Pi(t){let{fetch:e,error:o}=t,n=g().disabledLiquiditySources,r=g().toggleAllLiquiditySources,s=g().swappers(),a=Wp(o,n,()=>r(s,!0),e);return Xe.createElement(Np,null,Xe.createElement(_g,{size:24,color:"gray"}),Xe.createElement(Mp,{size:4}),Xe.createElement(Pp,{variant:"title",size:"small"},V().noResultError.title),!!a.description&&Xe.createElement(Pp,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Xe.createElement(Mp,{size:4}),!!a.alert&&Xe.createElement(Bp,null,Xe.createElement(Pg,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Xe.createElement($g,{size:"xsmall",type:a.alert.type,prefix:Xe.createElement(Lp,null,Xe.createElement(Dg,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Pi,"NoResult");import{i18n as wo}from"@lingui/core";import{Button as Og,Divider as Up,MessageBox as Ug,Modal as zg,Typography as qg,WarningIcon as Gg}from"@rango-dev/ui";import ot from"react";import{Typography as Fp}from"@rango-dev/ui";import _i from"react";import{darkTheme as Fg,styled as Hn}from"@rango-dev/ui";var $p=Hn("div",{width:"100%"}),$i=Hn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),_p=Hn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Fg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Dp=Hn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Op(t){let{title:e,value:o,valueColor:n}=t;return _i.createElement(_p,null,_i.createElement(Fp,{size:"medium",variant:"label",className:"_title"},e),_i.createElement(Fp,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Op,"QuoteErrorsModalItem");function zp(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:wo.t("Swapping"),value:E(r.inputUsdValue,4,4)},{title:wo.t("Gas cost"),value:E(r.totalFee,2,2)},{title:wo.t("Receiving"),value:E(r.outputUsdValue,4,4)},{title:wo.t("Price impact"),value:E(r.priceImpact,2,2),valueColor:`${a}500`}];return ot.createElement(zg,{open:e,onClose:o,container:N()},ot.createElement(Ug,{type:a,title:V().highValueLossError.impactTitle,description:V().highValueLossError.description}),ot.createElement($i,null,ot.createElement(Up,{size:20}),ot.createElement(qg,{size:"small",variant:"title"},wo.t("Details")),ot.createElement($i,null,l.map((p,c)=>ot.createElement(Op,{key:c,...p})))),ot.createElement(Up,{size:32}),ot.createElement(Og,{type:"primary",size:"large",prefix:ot.createElement(Gg,null),fullWidth:!0,disabled:s,onClick:n},V().highValueLossError.confirmMessage))}i(zp,"HighValueLossWarningModal");import{i18n as Di}from"@lingui/core";function qp(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(mt(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=V().highValueLossError.title),t.type===1&&(o.title=V().unknownPriceError.title),t.type===2&&(o.title=Di.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:t.minRequiredSlippage}}),o.action="change-settings"),t.type===3&&(o.title=Di.t("Caution, your slippage is high.")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action="show-info"),e.type===4&&(o.title=Di.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):null}i(qp,"makeAlerts");import{i18n as no}from"@lingui/core";import{Button as Gp,Divider as Qp,MessageBox as Qg,Modal as Hg,Typography as Vg}from"@rango-dev/ui";import Dt from"react";import{useNavigate as jg}from"react-router-dom";function Hp(t){let{customSlippage:e,slippage:o}=g(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=jg(),c=e??o;return Dt.createElement(Hg,{anchor:"bottom",open:n,prefix:Dt.createElement(Gp,{size:"small",variant:"ghost",onClick:()=>p("../"+$.settings)},Dt.createElement(Vg,{variant:"label",size:"medium",color:"$neutral900"},no.t("Change settings"))),container:N(),onClose:r},Dt.createElement(Qg,{type:"warning",title:a.type===3?no.t("High slippage"):no.t("Low slippage"),description:a.type===3?no.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:c}}):no.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Dt.createElement(Qp,{size:18}),Dt.createElement(Qp,{size:32}),Dt.createElement(Gp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},no.t("Confirm anyway"))))}i(Hp,"SlippageWarningModal");import{Button as Xg,Divider as Kg,MessageBox as Yg,Modal as Jg,WarningIcon as Zg}from"@rango-dev/ui";import vo from"react";function Vp(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return vo.createElement(Jg,{open:e,onClose:o,container:N()},vo.createElement(Yg,{type:"warning",title:V().unknownPriceError.impactTitle,description:V().unknownPriceError.description}),vo.createElement(Kg,{size:32}),vo.createElement(Xg,{type:"primary",size:"large",prefix:vo.createElement(Zg,null),fullWidth:!0,disabled:r,onClick:n},V().unknownPriceError.confirmMessage))}i(Vp,"UnknownPriceWarningModal");function xo(t){let{warning:e,error:o,showWarningModal:n,confirmationDisabled:r,refetchQuote:s,onOpenWarningModal:a,onCloseWarningModal:l,onConfirmWarningModal:p,onChangeSettings:c}=t,u={confirmationDisabled:r,open:n,onClose:l,onConfirm:p},d=o?.type===0||o?.type===1,m=qp(e,o?.type===3||o?.type===4?o:null);return Me.createElement(Me.Fragment,null,d&&Me.createElement(Pi,{error:o,fetch:s}),!!m&&Me.createElement($p,null,Me.createElement(eh,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:Me.createElement(Dp,{onClick:a},Me.createElement(oh,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:Me.createElement(th,{size:"xxsmall",type:m.alertType,onClick:c},Rg.t("Change"))}})),e&&Me.createElement(Me.Fragment,null,e.type===0&&Me.createElement(zp,{...u,warning:e}),(e.type===3||e.type===2)&&Me.createElement(Hp,{...u,warning:e}),e.type===1&&Me.createElement(Vp,{...u,warning:e})))}i(xo,"QuoteWarningsAndErrors");import nr from"react";import{i18n as Xi}from"@lingui/core";import{Alert as wh,Divider as Ki,InfoIcon as vh,StepDetails as xh,TokenAmount as bh,Tooltip as Sc,Typography as Eo}from"@rango-dev/ui";import Cc from"bignumber.js";import D,{useLayoutEffect as Ah,useRef as Tc,useState as Ih}from"react";import{styled as Fi}from"@rango-dev/ui";var Oi=Fi("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),jp=Fi("div",{paddingBottom:"$15"}),Xp=Fi("div",{width:"100%",display:"flex"});import*as Vn from"@radix-ui/react-collapsible";import{css as jn,darkTheme as nt,Image as Kp,styled as qe,Typography as nh}from"@rango-dev/ui";var Ui=300,Yp=qe(Vn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${nt} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${nt} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}}}),Jp=jn({padding:"$10 $15"}),Zp=qe("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",cursor:"pointer",boxSizing:"border-box",position:"relative",variants:{recommended:{true:{$$color:"$colors$info100",[`.${nt} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${nt} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{},false:{}}},compoundVariants:[{listItem:!0,recommended:!0,css:{"&:hover":{$$color:"$colors$secondary200",[`.${nt} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${nt} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}]}),Rp=jn({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),ro=jn({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),ec=jn({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${nt} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),tc=qe(Vn.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${Kp}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Kp}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${nt} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${nt} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),oc=qe("div",{width:"18px",height:"18px",borderRadius:"100%",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",img:{borderRadius:"100%"},variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),nc=qe(An,{width:"100%",background:"inherit"}),zi=qe("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Ui}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),C0=qe("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),rc=qe("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${nt} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),ic=qe("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),qi=qe(nh,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),sc=qe("div",{display:"flex",flexWrap:"wrap"}),Gi=qe("div",{width:"18px",height:"18px",borderRadius:"100%",backgroundColor:"$background",cursor:"default",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}});import{i18n as Et}from"@lingui/core";import{ChevronDownIcon as ih,CloseIcon as sh,Divider as Yn,IconButton as ah,Modal as lh,QuoteCost as ph,Tooltip as ch,Typography as Ke}from"@rango-dev/ui";import uh from"bignumber.js";import O,{useState as cc}from"react";import{i18n as bo}from"@lingui/core";var Qi={"Network Fee":bo.t("Network Fee"),"Swapper Fee":bo.t("Protocol Fee"),"Affiliate Fee":bo.t("Affiliate Fee"),"Outbound network fee":bo.t("Outbound Fee"),"Rango Fee":bo.t("Rango Fee")};import{css as rh,styled as Xn}from"@rango-dev/ui";var Kn=Xn("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),Hi=Xn("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),ac=Xn("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),lc=Xn("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),pc=rh({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var mh=30,dh=i(t=>t.fee.isZero()?null:O.createElement(Kn,null,O.createElement(Ke,{variant:"label",size:"medium",color:"neutral600"},t.label),O.createElement(Ke,{variant:"label",size:"medium"},"$",E(t.fee,4,4))),"NonPayableFee");function uc(t){let[e,o]=cc(!1),[n,r]=cc(!1),{steps:s,quote:a}=t,l=g().tokens(),p=Ko(Yo(a.result?.swaps)),c=a.result?.swaps??[],u=N(),d=Sn(c,l),m=tl(c);return O.createElement(O.Fragment,null,O.createElement(ph,{onClickFee:()=>o(!e),fee:E(d,2,2),feeWarning:d.gte(new uh(mh)),time:p,steps:s,tooltipGas:Et.t("View more info"),tooltipContainer:u}),O.createElement(lh,{container:u,open:e,header:O.createElement(lc,null,O.createElement(Ke,{variant:"title",size:"medium"},Et.t("Gas & Fee Explanation")),O.createElement(ah,{onClick:()=>o(!1),variant:"ghost"},O.createElement(sh,{color:"gray",size:14}))),onClose:()=>o(!1)},O.createElement(ac,null,O.createElement(Ke,{variant:"title",size:"small"},Et.t("Details")),O.createElement(Yn,{size:10}),Object.entries(m.payable).flatMap(([h,T])=>T.map((k,f)=>{let S=`payable-fee-${f}`,A=ei(k);return O.createElement(Kn,{key:S},O.createElement(Ke,{variant:"label",size:"medium",color:"neutral600"},Qi[h]),O.createElement(ch,{content:ae(k.amount),container:u},O.createElement(Ke,{variant:"label",size:"medium"},E(k.amount,2,2)," ",k.asset.symbol," ($",E(A,4,4),")")))})),O.createElement(Kn,{className:"total_payable_fee"},O.createElement(Ke,{variant:"label",size:"medium"},Et.t("Total Payable Fee")),O.createElement(Ke,{variant:"label",size:"medium"},"$",E(d,4,4))),O.createElement(Hi,null),Object.keys(m.nonePayable).length&&O.createElement(Wn,{triggerAnchor:"bottom",onClickTrigger:()=>r(h=>!h),trigger:O.createElement("div",{className:pc()},O.createElement(Ke,{size:"small",variant:"body",color:"neutral700"},n?Et.t("Hide non-payable fees"):Et.t("Show non-payable fees")),O.createElement(Yn,{size:4,direction:"horizontal"}),O.createElement(In,{orientation:n?"up":"down"},O.createElement(ih,{size:12,color:"gray"}))),open:n},O.createElement(Ke,{size:"small",variant:"title"},Et.t("Description")),O.createElement(Yn,{size:4}),O.createElement(Ke,{size:"small",variant:"body",color:"neutral700"},Et.t(`The following fees are considered in the transaction output and
+                you won\u2019t need to pay extra gas for them.`)),O.createElement(Yn,{size:10}),Object.entries(m.nonePayable).map(([h,T],k)=>{let f=el(T),S=Qi[h],A=`non-payable-fee-${k}`;return O.createElement(dh,{key:A,fee:f,label:S})}),O.createElement(Hi,null)))))}i(uc,"QuoteCostDetails");import{i18n as fc}from"@lingui/core";import{TokenAmount as gc}from"@rango-dev/ui";import Jn from"react";import{css as fh,styled as gh}from"@rango-dev/ui";var mc=gh("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),dc=fh({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Ao(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Jn.createElement(mc,null,Jn.createElement(gc,{direction:"horizontal",label:fc.t("Swap input"),type:"input",tooltipContainer:N(),price:{value:e.price.value,usdValue:e.price.usdValue,realValue:e.price.realValue,realUsdValue:e.price.realUsdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),Jn.createElement("div",{className:dc()}),Jn.createElement(gc,{direction:"horizontal",tooltipContainer:N(),label:fc.t("Estimated output"),type:"output",price:{value:o.price.value,usdValue:o.price.usdValue,realValue:o.price.realValue,realUsdValue:o.price.realUsdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}i(Ao,"QuoteSummary");import{i18n as hc}from"@lingui/core";import{ChevronDownIcon as hh,ChevronRightIcon as yh,Divider as Vi,Image as Sh,Tooltip as ji,Typography as Zn}from"@rango-dev/ui";import M,{useEffect as Ch,useState as Th}from"react";var Rn=4,er=6,kh=375,Io=i(t=>{let e=N(),{content:o,src:n,className:r,open:s,state:a}=t;return M.createElement(ji,{container:e,side:"bottom",sideOffset:4,open:s,content:o},M.createElement(oc,{className:r,state:a},M.createElement(Sh,{src:n,size:16})))},"ImageComponent");function yc(t){let{quoteRef:e,recommended:o,setExpanded:n,steps:r,expanded:s}=t,a=N(),l=r.length,p=Sl(r),[c,u]=Th(!1),d=i(()=>{window.innerWidth<kh?u(!0):u(!1)},"handleResize");return Ch(()=>{window.addEventListener("resize",d)}),M.createElement(tc,{ref:m=>e.current=m,recommended:o,onClick:()=>n(m=>!m)},M.createElement("div",{className:ro()},M.createElement(Zn,{variant:"body",size:"xsmall"},hc.t("Via:")),M.createElement(Vi,{direction:"horizontal",size:4}),r.map((m,h)=>{let T=`item-${h}`,k=M.createElement(zi,null,M.createElement(yh,{size:12,color:"black"}));return c?M.createElement(M.Fragment,null,M.createElement(Io,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),h!==l-1&&M.createElement(M.Fragment,null,k)):M.createElement(M.Fragment,{key:T},l<=Rn||l>Rn&&h<Rn-1?M.createElement(M.Fragment,null,M.createElement(Io,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),h!==l-1&&M.createElement(M.Fragment,null,k)):h===Rn-1&&M.createElement(ji,{container:a,side:"bottom",align:"right",sideOffset:4,content:M.createElement("div",{className:ro()},k,r.map((f,S)=>{let A=`image-${S}`;return S>=h&&M.createElement(M.Fragment,{key:A},M.createElement(Io,{content:f.swapper.displayName,src:f.swapper.image,state:f.state,open:!1}),S!==l-1&&M.createElement(M.Fragment,null,k))}))},M.createElement(Gi,{state:r.find((f,S)=>S>=h&&(f.state==="error"||f.state==="warning"))?.state},M.createElement(Zn,{size:"xsmall",variant:"body"},"+",l-h))))})),M.createElement("div",{className:ro()},M.createElement("div",{className:"blockchains_section"},M.createElement("div",{className:ro()},M.createElement(Zn,{variant:"body",size:"xsmall"},hc.t("Chains:")),M.createElement(Vi,{direction:"horizontal",size:4}),p.map((m,h)=>M.createElement(M.Fragment,null,p.length<=er||p.length>er&&h<er-1?M.createElement(Io,{key:m.displayName,content:"",src:m.image,open:!1,className:h!==0?"blockchainImage":""}):h===er-1&&M.createElement(ji,{container:a,side:"bottom",align:"right",sideOffset:4,content:M.createElement("div",{className:ro()},p.map((T,k)=>k>=h&&M.createElement(Io,{key:T.displayName,content:"",src:T.image,open:!1,className:k>h?"blockchainImage":""})))},M.createElement(Gi,{className:"blockchainImage"},M.createElement(Zn,{size:"xsmall",variant:"body"},"+",p.length-h))))),M.createElement(Vi,{direction:"horizontal",size:32}))),M.createElement(zi,{orientation:s?"up":"down"},M.createElement(hh,{size:12,color:"black"}))))}i(yc,"QuoteTrigger");function Yi(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=g().blockchains(),c=g().swappers(),[u,d]=Ih(t.expanded),m=Tc(null),h=Tc(u),T=E(o.value,6,6),k=E(n.value,6,6),f=n.usdValue?E(n.usdValue,4,4):"",S=Oe(o.usdValue,n.usdValue??null),A=E(S,2,2),y=mt(S??0),C=i(I=>I.map((x,B)=>{let Q,X=r?.type===3&&r.swap.swapperId===x.swapperId||r?.type===4&&r.recommendedSlippages?.has(B),W=s?.type===2&&s.recommendedSlippages?.has(B);return X?Q="error":W&&(Q="warning"),{swapper:{displayName:go(x.swapperId,c),image:x.swapperLogo},from:{token:{displayName:x.from.symbol,image:x.from.logo},chain:{displayName:Fe(x.from.blockchain,p),image:x.from.blockchainLogo},price:{value:B===0?E(o.value,6,6):E(x.fromAmount,6,6),usdValue:E((x.from.usdPrice??0)*parseFloat(x.fromAmount),4,4),realValue:ae(B===0?o.value:x.fromAmount),realUsdValue:ae(new Cc(x.from.usdPrice??0).multipliedBy(x.fromAmount))}},to:{token:{displayName:x.to.symbol,image:x.to.logo},chain:{displayName:Fe(x.to.blockchain,p),image:x.to.blockchainLogo},price:{value:E(x.toAmount,6,6),usdValue:E((x.to.usdPrice??0)*parseFloat(x.toAmount),4,4),realValue:ae(x.toAmount),realUsdValue:ae(new Cc(x.to.usdPrice??0).multipliedBy(x.toAmount))}},state:Q,alerts:X||W?D.createElement(jp,null,D.createElement(wh,{type:X?"error":"warning",title:r?.type===3?r?.recommendation:Xi.t("Slippage Error:"),footer:D.createElement(Xp,null,r?.type===3&&D.createElement(D.Fragment,null,D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),D.createElement(Ki,{direction:"horizontal",size:8}),D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),D.createElement(Ki,{direction:"horizontal",size:8}),D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},Xi.t({id:"Yours: {amount} {symbol}",values:{amount:E(x.fromAmount,6,6),symbol:x?.from.symbol}}))),(r?.type===4||s?.type===2)&&D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},Xi.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(B)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(B)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),v=C.length,b=N();return Ah(()=>{u&&!h.current&&m.current&&setTimeout(()=>{m?.current?.scrollIntoView({behavior:"smooth"})},Ui),h.current=u},[u,h]),D.createElement(D.Fragment,null,D.createElement(Zp,{recommended:l,listItem:a==="list-item",basic:a==="basic"},D.createElement("div",{className:Rp()},D.createElement(uc,{steps:v,quote:e}),a==="basic"&&D.createElement("div",{className:ec()},D.createElement(ic,null,D.createElement(vh,{size:12,color:"gray"})),D.createElement(sc,null,D.createElement(qi,{size:"small",variant:"body"},`${T} ${C[0].from.token.displayName} = `),D.createElement(Sc,{content:ae(n.value),container:b,open:n.value?void 0:!1},D.createElement(qi,{size:"small",variant:"body"},"\xA0",`${k} ${C[C.length-1].to.token.displayName}`))),D.createElement(Sc,{content:ae(n.usdValue),container:b,style:{display:"flex"}},D.createElement(Eo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${f})`))),a==="list-item"&&D.createElement(bh,{type:"output",direction:"vertical",tooltipContainer:b,price:{value:k,usdValue:f,realValue:ae(n.value),realUsdValue:ae(n.usdValue)},token:{displayName:C[v-1].to.token.displayName,image:C[v-1].to.token.image},chain:{image:C[v-1].to.chain.image},percentageChange:A,warningLevel:y}),a==="swap-preview"&&D.createElement(D.Fragment,null,D.createElement(Ao,{from:C[0].from,to:C[v-1].to,percentageChange:A,warningLevel:y}),D.createElement(Ki,{size:4}))),D.createElement(Yp,{recommended:l,open:u,onOpenChange:d},D.createElement(yc,{quoteRef:m,recommended:l,setExpanded:d,expanded:u,steps:C}),D.createElement(nc,{open:u},D.createElement(rc,null),D.createElement("div",{className:Jp()},C.map((I,x)=>{let B=`item-${x}`;return D.createElement(xh,{type:"quote-details",key:B,step:I,hasSeparator:x!==C.length-1,state:I.state,tooltipContainer:b})}))))))}i(Yi,"Quote");import{Divider as Nh,Skeleton as Bh}from"@rango-dev/ui";import dt from"react";import{darkTheme as Eh,styled as tr}from"@rango-dev/ui";var kc=tr("div",{$$color:"$colors$neutral100",[`.${Eh} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),wc=tr("div",{paddingTop:"$2"}),vc=tr("div",{paddingLeft:"$8"}),xc=tr("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as $c,Divider as Ft,Skeleton as it}from"@rango-dev/ui";import U from"react";import{styled as rt}from"@rango-dev/ui";var bc=rt("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),Ac=rt("div",{display:"flex"}),Ic=rt("div",{padding:"$15 $0 14px $0"}),Ec=rt("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),Wc=rt("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),Nc=rt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Bc=rt("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Lc=rt("div",{width:"65%",display:"flex",justifyContent:"start"}),Mc=rt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Pc=rt("div",{padding:"$15 $0 $15 $0"});function Wo(t){let{type:e,tag:o=!1}=t,n=U.createElement(Nc,null,U.createElement(Lc,null,U.createElement($c,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(Ft,{size:8,direction:"horizontal"}),U.createElement(Mc,null,U.createElement(it,{height:10,width:60,variant:"rounded"}),U.createElement(Ft,{size:4}),U.createElement(it,{height:15,variant:"rounded"}))),U.createElement(it,{height:12,width:64,variant:"rounded"}));return U.createElement("div",null,U.createElement(bc,null,U.createElement(Ac,null,U.createElement(it,{width:60,height:10,variant:"rounded"}),U.createElement(Ft,{size:4,direction:"horizontal"}),U.createElement(it,{width:60,height:10,variant:"rounded"}),U.createElement(Ft,{size:4,direction:"horizontal"}),U.createElement(it,{width:60,height:10,variant:"rounded"})),o&&U.createElement(it,{height:22,width:100,variant:"rounded"})),e==="basic"&&U.createElement(Ic,null,U.createElement(it,{height:15,width:148,variant:"rounded"})),e==="list-item"&&U.createElement(Ec,null,U.createElement(Wc,null,U.createElement($c,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(Ft,{direction:"horizontal",size:4}),U.createElement(it,{height:15,width:150,variant:"rounded"})),U.createElement(Ft,{size:4}),U.createElement(it,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&U.createElement(U.Fragment,null,U.createElement(Ft,{size:4}),U.createElement(Pc,null,n,U.createElement(Bc,null),n)))}i(Wo,"QuoteSummarySkeleton");import{ChainToken as Uc,Divider as Zi,NextIcon as Wh,Skeleton as or}from"@rango-dev/ui";import fe from"react";import{styled as No}from"@rango-dev/ui";var _c=No("div",{display:"flex",alignItems:"start"}),Dc=No("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),Ji=No("div",{display:"flex",alignItems:"center",flexGrow:1}),Fc=No("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Oc=No("div",{display:"flex",alignItems:"center"});function st(t){let{separator:e=!0}=t;return fe.createElement(fe.Fragment,null,fe.createElement(Oc,null,fe.createElement(or,{height:22,width:22,variant:"circular"}),fe.createElement(Zi,{direction:"horizontal",size:8}),fe.createElement(or,{height:15,width:148,variant:"rounded"})),fe.createElement(_c,null,fe.createElement(xc,{hideSeparator:!e}),fe.createElement(Dc,null,fe.createElement(Ji,null,fe.createElement(Uc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),fe.createElement(Zi,{direction:"horizontal",size:8}),fe.createElement(or,{height:12,variant:"rounded"})),fe.createElement(Fc,null,fe.createElement(Wh,{color:"gray",size:16})),fe.createElement(Ji,null,fe.createElement(Uc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),fe.createElement(Zi,{direction:"horizontal",size:8}),fe.createElement(or,{height:12,variant:"rounded"})))))}i(st,"StepSkeleton");function Ri(t){let{type:e,expanded:o,tag:n=!1}=t;return dt.createElement(kc,{rounded:e!=="basic"},dt.createElement(Wo,{type:e,tag:n}),dt.createElement(wc,null,dt.createElement(Bh,{height:15,variant:"rounded"})),o&&dt.createElement(vc,null,dt.createElement(Nh,{size:20}),dt.createElement(st,null),dt.createElement(st,null),dt.createElement(st,{separator:!1})))}i(Ri,"QuoteSkeleton");function Bo(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1}=t,{inputAmount:l,inputUsdValue:p,outputUsdValue:c,outputAmount:u}=j(),m=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n;return n?nr.createElement(Oi,null,nr.createElement(Ri,{type:o,expanded:a})):m?nr.createElement(Oi,null,nr.createElement(Yi,{quote:e,error:r,warning:s,type:o,expanded:a,recommended:!0,input:{value:l,usdValue:p?.toString()??""},output:{value:u?.toString()??"",usdValue:c?.toString()??""}})):null}i(Bo,"QuoteInfo");import{calculatePendingSwap as Ph}from"@rango-dev/queue-manager-rango-preset";import{useEffect as $h}from"react";import{useRef as Lh,useState as Mh}from"react";function rr(){let[t,e]=Mh(!1),o=Lh(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Qt().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(rr,"useFetchQuote");function ir(t){if(!t.result)throw new Error(V().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Jr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Zr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=ti(t);if(o){let n=Cn(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(ir,"throwErrorIfResponseIsNotValid");function zc(t,e,o){let n=!1;t&&(n=hl(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=kn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(sl(t,e)?r.quoteUpdate={type:3,newOutputAmount:E(jt(e)),percentageChange:E(Oe(jt(t)??"",jt(e)??""),null,2)}:oi(t,e)?r.quoteUpdate={type:0}:ni(t,e)?r.quoteUpdate={type:1}:ri(t,e)&&(r.quoteUpdate={type:2}));let a=al(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(zc,"generateWarnings");function sr(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}i(sr,"handleQuoteErrors");function es(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=j(),{slippage:l,customSlippage:p,affiliatePercent:c,affiliateRef:u,affiliateWallets:d,disabledLiquiditySources:m}=g(),{connectedWallets:h}=G(),T=g().blockchains(),k=g().tokens(),{features:f}=g().config,{enableNewLiquiditySources:S}=g().config,A=p||l,{fetch:y,cancelFetch:w,loading:C}=rr();return $h(()=>w,[]),{loading:C,fetch:i(async b=>{let I=b.selectedWallets,x=b?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let B=Tn({fromToken:t,toToken:e,inputAmount:o,wallets:h,selectedWallets:I,excludeLiquiditySources:S,disabledLiquiditySources:m,slippage:A,affiliateRef:u,affiliatePercent:c,affiliateWallets:d,initialQuote:r??void 0,destination:x});pn("experimentalRoute",f)&&(B.experimental=!0);let Q;try{Q=await y(B).then(J=>ir(J)),n(Q)}catch(J){return sr(J)}let X={slippage:A.toString(),disabledSwappersGroups:m},W=Ph(o.toString(),Q,rl(I),X,!1,{blockchains:T,tokens:k}),R=zc(r??void 0,Q,{fromToken:t,toToken:e,meta:{blockchains:T,tokens:k},selectedWallets:I,userSlippage:A});return R.quoteUpdate&&a(!1),{quote:Q,swap:W,error:null,warnings:R}},"fetch"),cancelFetch:w}}i(es,"useConfirmSwap");var Xh=Oh("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Gc}`]:{width:"$48",height:"$48"}}),Kh=os({flexGrow:1,paddingRight:"$10"}),Yh=os({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),Jh=os({display:"flex",justifyContent:"space-between",alignItems:"center"});function Qc(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=j(),l=jh(),p=Vh(),[c,u]=lr(""),{connectedWallets:d}=G(),m=!n,[h,T]=lr(!1),{isActiveTab:k}=ce(),f=g().disabledLiquiditySources,S=Qh(f),{manager:A}=_h(),{fetch:y,loading:w,cancelFetch:C}=es(),[v,b]=lr({swap:null,error:null,warnings:null}),[I,x]=lr(!1),B=i(async({selectedWallets:z,customDestination:$e})=>{let K=await y?.({selectedWallets:z,customDestination:$e});return b(K),K},"onConfirmSwap"),Q=i(async()=>{if(v.swap&&n)try{await A?.create("swap",{swapDetails:v.swap},{id:v.swap.requestId});let z=`../${$.swaps}/${v.swap.requestId}`;l(z,{replace:!0}),setTimeout(()=>{e("")},0)}catch(z){u("Error: "+z?.message)}},"addNewSwap"),X=i(async()=>{await Q()},"onConfirm"),W=i(async()=>{v?.warnings?.quote&&!a?x(!0):await X()},"onStartConfirmSwap"),R=i(async()=>{b({error:null,swap:null,warnings:null}),y({selectedWallets:o,customDestination:s}).then(z=>{b(z)}).catch(z=>console.error(z))},"onRefresh");Lo(()=>{!!S.current.length&&!f.length&&R(),S.current=f},[f.length]),Lo(()=>{m&&C()},[m]),Lo(()=>{m&&T(m)},[m]),Lo(()=>{m||y({selectedWallets:o,customDestination:s}).then(z=>b(z)).catch(z=>console.error(z))},[]),Lo(()=>{let z=v.warnings?.quote?.type&&Object.values(kt).includes(v.warnings?.quote?.type),$e=o.length<1||!o.every(F=>d.find(ke=>F.address===ke.address&&F.walletType===ke.walletType&&F.chain===ke.chain)),K=!1;if(z){let F=fn(t),ke=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(ct=>ct.from.blockchain===ke)||(F=F.slice(-F.length,F.length-1)),F.every(ct=>o.find(_=>_.chain===ct))||(K=!0)}t&&($e||K)&&(queueMicrotask(()=>Hh(T.bind(null,!0))),r(!1))},[v.warnings?.quote,o.length,d.length]),Gh(()=>{t||l(`../${p.search}`)},[]);let J=v.warnings?.quote??null,ne=v.error,Se=[];return c&&Se.push(le.createElement(qc,{type:"error",variant:"alarm",title:c})),v.warnings?.quoteUpdate&&Se.push(le.createElement(qc,{variant:"alarm",type:"warning",title:v.warnings.quoteUpdate&&xn(v.warnings.quoteUpdate)})),(J||ne)&&Se.push(le.createElement(xo,{warning:J,error:ne,loading:w,refetchQuote:R,showWarningModal:I,confirmationDisabled:!k,onOpenWarningModal:()=>x(!0),onCloseWarningModal:()=>x(!1),onConfirmWarningModal:async()=>{x(!1),await Q()},onChangeSettings:()=>l($.settings)})),le.createElement(oe,{header:{title:ar.t("Confirm Swap"),onWallet:()=>{let z=`../${$.wallets}`;l(z)},suffix:le.createElement(Uh,{container:N(),side:"bottom",content:ar.t("Settings")},le.createElement(ze,{size:"small",variant:"ghost",onClick:()=>l("../"+$.settings)},le.createElement(Fh,{size:18,color:"black"})))},footer:le.createElement(Xh,null,le.createElement("div",{className:Kh()},le.createElement(Dh,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:w,disabled:!!v.error||!k,onClick:W},ar.t("Start Swap"))),le.createElement(Gc,{variant:"contained",type:"primary",size:"large",loading:w,onClick:T.bind(null,!0)},le.createElement(qh,{size:24})))},h&&le.createElement(Ip,{open:h,onClose:()=>T(!1),onCancel:C,loading:w,onCheckBalance:B}),le.createElement(ie,null,le.createElement("div",{className:Jh()},le.createElement(zh,{variant:"title",size:"small"},ar.t("You get")),le.createElement("div",{className:Yh()},le.createElement(Fn,{onClick:!w&&!h&&!I?R:void 0}))),le.createElement(ts,{size:"12"}),Ol(Se,le.createElement(ts,{size:10})),Se.length>0?le.createElement(ts,{size:10}):null,le.createElement(Bo,{quote:t,type:"swap-preview",expanded:!0,error:v.error,loading:w,warning:v.warnings?.quote??null})))}i(Qc,"ConfirmSwapPage");import{i18n as mr}from"@lingui/core";import{useManager as iy}from"@rango-dev/queue-manager-react";import{Divider as Zc,NotFound as sy,styled as ay}from"@rango-dev/ui";import gt,{useState as ly}from"react";import{useNavigate as py}from"react-router-dom";import{CloseIcon as Rh,IconButton as ey,SearchIcon as ty,TextField as oy}from"@rango-dev/ui";import Mo from"react";import{styled as Zh}from"@rango-dev/ui";var Hc=Zh("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function ft(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Mo.createElement(oy,{prefix:Mo.createElement(Hc,null,Mo.createElement(ty,{color:"black"})),suffix:!!a.length&&Mo.createElement(ey,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Mo.createElement(Rh,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...p})}i(ft,"SearchInput");import{i18n as ss}from"@lingui/core";import{Divider as jc,SwapListItem as Xc,Typography as Kc}from"@rango-dev/ui";import re from"react";import{css as ny,darkTheme as ry,styled as pr}from"@rango-dev/ui";var cr=ny(),ns=pr("div",{width:"100%",display:"flex",flexDirection:"column",[`& .${cr}`]:{$$color:"$colors$neutral600",[`.${ry} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),rs=pr("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),is=pr("div",{gap:"$10",display:"flex",flexDirection:"column"}),Vc=pr("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function as(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,s=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}],l=[{title:ss.t("Today"),swaps:a},{title:ss.t("This month"),swaps:a}];return re.createElement(re.Fragment,null,l.map(p=>re.createElement(re.Fragment,{key:p.title},re.createElement(ns,null,re.createElement(rs,null,re.createElement(Kc,{variant:"label",size:"medium",className:cr()},p.title)),re.createElement(jc,{size:4}),re.createElement(is,null,p.swaps.map((c,u)=>{let d=u+p.title;return re.createElement(re.Fragment,{key:d},re.createElement(Xc,{isLoading:!0}))}))))))}return re.createElement(re.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>re.createElement(re.Fragment,{key:a.title},re.createElement(ns,null,re.createElement(rs,null,re.createElement(Kc,{variant:"label",size:"medium",className:cr()},a.title)),re.createElement(jc,{size:4}),re.createElement(is,null,a.swaps.map(l=>{let p=l.steps[0],c=l.steps[l.steps.length-1];return re.createElement(re.Fragment,{key:l.requestId},re.createElement(Xc,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,tooltipContainer:N(),onlyShowTime:a.title===ss.t("Today"),swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:E(l.inputAmount,6,6),realAmount:ae(l.inputAmount)},to:{token:{image:c.toLogo,displayName:c.toSymbol},blockchain:{image:c.toBlockchainLogo||""},amount:E(c.outputAmount||c.expectedOutputAmountHumanReadable||"",6,6),realAmount:ae(c.outputAmount||c.expectedOutputAmountHumanReadable)}}}))}))))))}i(as,"SwapsGroup");import{i18n as ur}from"@lingui/core";import Yc from"dayjs";var Jc=i(t=>{let e=new Map([["today",{title:ur.t("Today"),swaps:[]}],["week",{title:ur.t("This week"),swaps:[]}],["month",{title:ur.t("This month"),swaps:[]}],["year",{title:ur.t("This year"),swaps:[]}]]);function o(r,s){e.has(r)||e.set(r,{title:r,swaps:[]}),e.get(r)?.swaps.push(s)}i(o,"addYearsToOutput");let n=Yc();return t.forEach(r=>{let s=Number(r.creationTime),a=Yc(s);if(n.isSame(a,"day"))e.get("today")?.swaps.push(r);else if(n.isSame(a,"week"))e.get("week")?.swaps.push(r);else if(n.isSame(a,"month"))e.get("month")?.swaps.push(r);else if(n.isSame(a,"year"))e.get("year")?.swaps.push(r);else{let l=new Date(s).getFullYear().toString();o(l,r)}}),Array.from(e.values())},"groupSwapsByDate");var cy=ay("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),uy=i((t,e)=>t?.length?t.filter(o=>Re(o.fromBlockchain,e)||Re(o.toBlockchain,e)||Re(o.toSymbol,e)||Re(o.fromSymbol,e)).length:!1,"isStepContainsText");function Rc(){let t=py(),{manager:e,state:o}=iy(),n=bt(e).map(({swap:u})=>u),[r,s]=ly(""),a=!o.loadedFromPersistor,l=i(u=>{let d=u.target.value;s(d)},"searchHandler"),p=n;r&&(p=n.filter(u=>Re(u.inputAmount,r)||Re(u.status,r)||uy(u.steps,r)||Re(u.requestId,r)));let c=!p?.length&&!a;return gt.createElement(oe,{header:{title:mr.t("History")}},gt.createElement(ie,null,gt.createElement(ft,{setValue:s,fullWidth:!0,variant:"contained",placeholder:mr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),gt.createElement(Zc,{size:"16"}),gt.createElement(cy,null,c&&gt.createElement(Vc,null,gt.createElement(Zc,{size:32}),gt.createElement(sy,{title:mr.t("No results found"),description:r?mr.t("Try using different keywords"):""})),!c&&gt.createElement(as,{list:p,onSwapClick:t,groupBy:Jc,isLoading:a}))))}i(Rc,"HistoryPage");import{i18n as cs}from"@lingui/core";import{Button as Sy,Divider as nu,styled as iu,SwapInput as ru,WarningIcon as Cy}from"@rango-dev/ui";import ve,{useEffect as Ty,useState as ky}from"react";import{useNavigate as wy}from"react-router-dom";import{ReverseIcon as my,styled as eu}from"@rango-dev/ui";import ls from"react";var dy=eu("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),fy=eu("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 tu(){let t=j.use.switchFromAndTo();return ls.createElement(dy,null,ls.createElement(fy,{onClick:()=>{t()}},ls.createElement(my,{size:12})))}i(tu,"SwitchFromAndToButton");import{useCallback as gy,useEffect as hy,useState as ps}from"react";var yy=600;function ou(){let{fetch:t,cancelFetch:e}=rr(),{liquiditySources:o,enableNewLiquiditySources:n,features:r}=g().config,s=g().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:c,quote:u,resetQuote:d,setQuote:m}=j(),{slippage:h,customSlippage:T,affiliatePercent:k,affiliateRef:f,affiliateWallets:S,disabledLiquiditySources:A,fetchStatus:y}=g(),[w,C]=ps(!0),[v,b]=ps(null),[I,x]=ps(null),B=T??h,X=!a||!l||_e(a,l)||!uo(p),W=i(ne=>{C(ne),b(null),x(null)},"resetState"),R=i(ne=>{let{fromToken:Se,toToken:z,inputAmount:$e,liquiditySources:K,excludeLiquiditySources:F,disabledLiquiditySources:ke,slippage:pt,affiliateRef:Ie,affiliatePercent:ct,affiliateWallets:_}=ne;if(w||W(!0),!X&&Se&&z){d();let H=Tn({fromToken:Se,toToken:z,inputAmount:$e,liquiditySources:K,excludeLiquiditySources:F,disabledLiquiditySources:ke,slippage:pt,affiliateRef:Ie,affiliatePercent:ct,affiliateWallets:_});pn("experimentalRoute",r)&&(H.experimental=!0),t(H).then(q=>{C(!1),m(q),ir(q);let pe=kn(q,{fromToken:Se,toToken:z,userSlippage:B,tokens:s});x(pe)}).catch(q=>{let{error:pe}=sr(q);(pe?.type===0||pe?.type===1)&&d(),pe?.type!==2&&(b(pe),C(!1))})}},"fetch"),J=gy(Ba(ne=>{X||R(ne)},yy),[X]);return hy(()=>{if(y==="success"){if(!uo(p)||c?.eq(0)){W(!1),e();return}if(X){u&&d();return}return d(),W(!0),J({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:A,slippage:B,affiliateRef:f,affiliatePercent:k,affiliateWallets:S}),e}},[y,p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,X,o?.length,n,A.length,B,f,k,JSON.stringify(S)]),{fetch:()=>R({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:A,slippage:B,affiliateRef:f,affiliatePercent:k,affiliateWallets:S}),loading:w,error:v,warning:I}}i(ou,"useSwapInput");var vy=iu("div",{position:"relative"}),xy=iu("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function su(){let t=wy(),{fetch:e,loading:o,error:n,warning:r}=ou(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:d,outputAmount:m,outputUsdValue:h,quote:T,resetQuoteWallets:k,setQuoteWarningsConfirmed:f}=j(),S=g().fetchStatus,{connectedWallets:A,getBalanceFor:y}=G(),{isActiveTab:w}=ce(),[C,v]=ky(!1),b=!!a&&va(A,a.name),I=!1,x=!Rr(T,u,d),B=!Rr(T,u,h),Q=Ra({fetchMetaStatus:S,fetchingQuote:o,inputAmount:u,quote:T,anyWalletConnected:A.length>0,error:n,warning:r,needsToWarnEthOnPath:I}),X=s?y(s):null,W=on(X)?.amount??"0",R=a&&s?E(X?.amount,X?.decimals):"0",J=S==="success"&&!!u&&!!s&&!!l&&o;Ty(()=>{k()},[]);let ne=!d||!h||!h.gt(0)?null:Oe(d.toString(),h.toString());return ve.createElement(oe,{height:"auto",hasLogo:!0,footer:ve.createElement(Sy,{type:"primary",size:"large",disabled:Q.disabled||!w,prefix:Q.action==="confirm-warning"&&ve.createElement(Cy,null),fullWidth:!0,onClick:()=>{Q.action==="connect-wallet"?t($.wallets):Q.action==="confirm-warning"?v(!0):t($.confirmSwap)}},Q.title),header:{onWallet:()=>{t($.wallets)},hasBackButton:!1,title:cs.t("Swap"),suffix:ve.createElement(vi,{onClickRefresh:(T||n)&&!C?e:void 0,onClickHistory:()=>t($.swaps),onClickSettings:()=>t($.settings)})}},ve.createElement(ie,null,ve.createElement(xy,null,ve.createElement(vy,null,ve.createElement(ru,{label:cs.t("From"),mode:"From",onInputChange:c,balance:W,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t($.fromSwap),price:{value:u,usdValue:x?void 0:E(d,4,4),realUsdValue:x?void 0:ae(d),error:x?V().unknownPriceError.impactTitle:void 0},disabled:S==="failed",loading:S==="loading",loadingBalance:b,tooltipContainer:N(),onSelectMaxBalance:()=>{W!=="0"&&c(R.split(",").join(""))}}),ve.createElement(tu,null)),ve.createElement(ru,{sharpBottomStyle:!!T?.result||J,label:cs.t("To"),mode:"To",fetchingQuote:J,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:E(Oe(d,h),2,2),warningLevel:mt(ne??0),price:{value:E(m,6,6),usdValue:B?void 0:E(h,4,4),realValue:ae(m),realUsdValue:B?void 0:ae(h),error:B?V().unknownPriceError.impactTitle:void 0},onClickToken:()=>t($.toSwap),disabled:S==="failed",loading:S==="loading",tooltipContainer:N()})),ve.createElement(nu,{size:"2"}),ve.createElement(Bo,{quote:T,loading:J,error:n,warning:r,type:"basic"}),r||n?ve.createElement(ve.Fragment,null,ve.createElement(nu,{size:"10"}),ve.createElement(xo,{warning:r,error:n,loading:J,refetchQuote:e,showWarningModal:C,confirmationDisabled:!w,onOpenWarningModal:()=>v(!0),onCloseWarningModal:()=>v(!1),onConfirmWarningModal:()=>{v(!1),f(!0),t($.confirmSwap)},onChangeSettings:()=>t($.settings)})):null))}i(su,"Home");import{i18n as au}from"@lingui/core";import{List as by,ListItemButton as Ay,Radio as Iy,RadioRoot as Ey,Typography as Wy}from"@rango-dev/ui";import Wt from"react";function io(){let{setLanguage:t,language:e,config:o}=g(),n=Pa,r=o?.language||fo;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||fo),resetLanguage:()=>t(null)}}i(io,"useLanguage");function lu(){let{activeLanguage:t,changeLanguage:e,languages:o}=io(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:Wt.createElement(Wy,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Wt.createElement(Iy,{value:s}),start:Wt.createElement(l,null)}});return Wt.createElement(oe,{header:{title:au.t("Language")}},Wt.createElement(ie,null,Wt.createElement(Ey,{value:t},Wt.createElement(by,{type:Wt.createElement(Ay,{title:au.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(lu,"LanguagePage");import{i18n as ht}from"@lingui/core";import{Button as Py,Checkbox as $y,Image as _y,ListItemButton as Dy,NotFound as Fy,Typography as Oy}from"@rango-dev/ui";import Ae,{useState as Uy}from"react";import{Checkbox as Ly,Skeleton as cu}from"@rango-dev/ui";import $o from"react";import{styled as us}from"@rango-dev/ui";var Po=us("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ms=us("div",{width:80,display:"flex",justifyContent:"flex-end"}),ds=us("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as Ny,styled as By}from"@rango-dev/ui";var pu=By(Ny,{height:61});var My=30;function fs(){return $o.createElement(Po,null,Array.from(Array(My),t=>$o.createElement(pu,{hasDivider:!0,key:t,start:$o.createElement(cu,{variant:"circular",width:35,height:35}),title:$o.createElement(cu,{variant:"text",size:"large",width:90}),end:$o.createElement(Ly,{checked:!1})})))}i(fs,"LoadingLiquiditySourceList");function gs({sourceType:t}){let e=g().fetchStatus,o=g().swappers(),n=g().disabledLiquiditySources,[r,s]=Uy(""),a=g().toggleLiquiditySource,l=ln(o,n),p={Exchanges:ht.t("Exchanges"),Bridges:ht.t("Bridges")},c=[];t==="Exchanges"&&c.push("DEX"),t==="Bridges"&&(c.push("BRIDGE"),c.push("AGGREGATOR"));let u=l.filter(f=>c.includes(f.type)),d=u.length===u.filter(f=>f.selected).length,m=i(()=>{u.forEach(f=>{d?a(f.groupTitle):f.selected||a(f.groupTitle)})},"toggleAllSources"),h=u.map(f=>{let{selected:S,groupTitle:A,logo:y}=f;return{start:Ae.createElement(_y,{src:y,size:22,type:"circular"}),onClick:()=>a(A),end:Ae.createElement($y,{checked:S}),title:Ae.createElement(Oy,{variant:"title",size:"xmedium"},ht.t(A)),...f}}),T=i(f=>{let S=f.target.value;s(S)},"searchHandler"),k=h;return r&&(k=h.filter(f=>Re(f.groupTitle,r))),Ae.createElement(oe,{header:{title:ht.t(t),suffix:Ae.createElement(ms,null,Ae.createElement(Py,{variant:"ghost",size:"xsmall",onClick:m},d?ht.t("Deselect all"):ht.t("Select all")))}},Ae.createElement(ie,{view:!0},Ae.createElement(ft,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:ht.t("Search {sourceType}",{sourceType:p[t]}),onChange:T}),e==="loading"&&Ae.createElement(fs,null),!k.length&&r?Ae.createElement(ds,null,Ae.createElement(Fy,{title:ht.t("No results found"),description:ht.t("Try using different keywords")})):e==="success"&&Ae.createElement(Po,null,k.map(f=>Ae.createElement(Ae.Fragment,{key:f.id},Ae.createElement(Dy,{style:{height:"61px"},...f,selected:!1,hasDivider:!0}))))))}i(gs,"LiquiditySourcePage");import{i18n as Su}from"@lingui/core";import{Divider as Cu,getCountCategories as Yy,SelectableCategoryList as Jy}from"@rango-dev/ui";import yt,{useState as Tu}from"react";import{i18n as ys}from"@lingui/core";import{Divider as hu,Image as Hy,ListItemButton as Vy,NotFound as jy,Typography as yu}from"@rango-dev/ui";import Ge,{useEffect as Xy,useState as Ky}from"react";import{BlockchainCategories as hs}from"@rango-dev/ui";import{TransactionType as dr}from"rango-sdk";var zy=i((t,e)=>{switch(e){case hs.ALL:return!0;case hs.UTXO:return t.type===dr.TRANSFER;case hs.OTHER:return t.type!==dr.TRANSFER&&t.type!==dr.COSMOS&&t.type!==dr.EVM;default:return t.type===e}},"filterByType"),uu=i((t,e,o)=>t.filter(n=>zy(n,o)).filter(n=>Lt(n.name,e)||Lt(n.displayName,e)),"filterBlockchains");import{ImageContainer as qy,styled as mu}from"@rango-dev/ui";var du=mu("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),fr=mu(Co,{padding:0,margin:0,listStyle:"none",[`& ${qy}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Gy,Skeleton as fu}from"@rango-dev/ui";import gr from"react";var Qy=20;function gu(){return gr.createElement(fr,null,Array.from(Array(Qy),t=>gr.createElement(Gy,{key:t,hasDivider:!0,start:gr.createElement(fu,{variant:"circular",width:35,height:35}),title:gr.createElement(fu,{variant:"text",size:"large",width:90})})))}i(gu,"LoadingBlockchainList");function Ss(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=Ky(e),{fetchStatus:l}=g();Xy(()=>{a([...uu(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Ge.createElement(Ge.Fragment,null,Ge.createElement(hu,{size:32}),Ge.createElement(jy,{title:ys.t("No results found"),description:ys.t("Try using different keywords")})):Ge.createElement(fr,{as:"ul",key:`${r}-${o}`},s.map(c=>Ge.createElement(Vy,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:Ge.createElement(Hy,{src:c.logo,size:30}),title:Ge.createElement(yu,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return Ge.createElement(du,null,Ge.createElement(yu,{variant:"label",size:"large"},ys.t("Select Blockchain")),Ge.createElement(hu,{size:4}),l==="loading"&&Ge.createElement(gu,null),l==="success"&&p())}i(Ss,"BlockchainList");function Cs(t){let{type:e}=t,o=xt(),[n,r]=Tu(""),[s,a]=Tu("ALL"),l=j.use.setToBlockchain(),p=j.use.setFromBlockchain(),c=g().fetchStatus,u=g().blockchains({type:e}),m=Yy(u)!==1;return yt.createElement(oe,{header:{title:Su.t("Select Blockchain")}},yt.createElement(ie,{view:!0},m&&yt.createElement(yt.Fragment,null,yt.createElement(Jy,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),yt.createElement(Cu,{size:24})),yt.createElement(ft,{value:n,autoFocus:!0,placeholder:Su.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:h=>r(h.target.value)}),yt.createElement(Cu,{size:16}),yt.createElement(Ss,{list:u,searchedFor:n,blockchainCategory:s,onChange:h=>{e==="source"?p(h):l(h),o()}})))}i(Cs,"SelectBlockchainPage");import{i18n as Tr}from"@lingui/core";import{Divider as Uu}from"@rango-dev/ui";import Ot,{useState as gS}from"react";import{useNavigate as hS}from"react-router-dom";import{i18n as ws}from"@lingui/core";import{BlockchainsChip as hr,Divider as xu,Image as bu,Skeleton as oS,Tooltip as nS,Typography as vs}from"@rango-dev/ui";import ye from"react";import{useEffect as eS}from"react";var ku=["ETH","COSMOS","OSMOSIS"];function Ts(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(Zy),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let c=n[p];a=a.filter(u=>c.name!==u)}}n.sort(Ry(a)),r=n.splice(s)}return{list:n,more:r}}i(Ts,"prepare");function Zy(t,e){let o=ku,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),s=n>-1,a=r>-1;return s&&a?n>r?1:-1:s?-1:a?1:0}i(Zy,"sortByMostUsedBlockchains");function Ry(t){return i(function(o,n){let r=t.findIndex(p=>p===o.name),s=t.findIndex(p=>p===n.name),a=r>-1,l=s>-1;return a&&l?r>s?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}i(Ry,"generateSortByPreferredBlockchainsFor");function wu(t,e){return!!e.list.find(o=>o.name===t)}i(wu,"isInVisibleList");function ks(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=g();eS(()=>{if(e?.selected){let s=Ts(t,o,e);wu(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=Ts(t,o,e);return{list:r.list,more:r.more,history:[]}}i(ks,"usePrepareBlockchainList");import{styled as tS}from"@rango-dev/ui";var vu=tS("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var rS=12;function xs(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=ks(e,{limit:10,selected:n?.name}),{fetchStatus:l}=g(),p=j.use.resetToBlockchain(),c=j.use.resetFromBlockchain(),u=a.more.length>0,d=a.more.length===1,m=!d&&u;return ye.createElement(ye.Fragment,null,ye.createElement(xu,{size:12}),ye.createElement(vs,{variant:"label",size:"large"},ws.t("Select Blockchain")),ye.createElement(xu,{size:12}),ye.createElement(vu,null,l==="loading"&&Array.from(Array(rS),h=>ye.createElement(oS,{key:h,variant:"rounded",height:50})),l==="success"&&ye.createElement(ye.Fragment,null,ye.createElement(hr,{selected:!n,onClick:()=>{o==="from"?c():p()}},ye.createElement(vs,{variant:"body",size:"xsmall",color:"secondary500"},ws.t("All"))),a.list.map(h=>ye.createElement(nS,{key:h.name,content:h.shortName,side:"bottom",sideOffset:2,container:N()},ye.createElement(hr,{key:h.name,selected:!!n&&n.name===h.name,onClick:()=>r(h)},ye.createElement(bu,{src:h.logo,size:30})))),d?ye.createElement(hr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},ye.createElement(bu,{src:a.more[0].logo,size:30})):null,m?ye.createElement(hr,{onClick:s,key:"more-blockchains"},ye.createElement(vs,{variant:"body",size:"xsmall",color:"secondary500"},ws._("More +{count}",{count:a.more.length}))):null)))}i(xs,"BlockchainsSection");import{i18n as Ps}from"@lingui/core";import{darkTheme as $u,Divider as ao,ExternalLinkIcon as aS,Image as lS,ListItemButton as pS,NotFound as cS,PinIcon as uS,Skeleton as _u,Typography as Cr,VirtualizedList as mS}from"@rango-dev/ui";import P,{forwardRef as dS,useEffect as Du,useState as Fu}from"react";import{Divider as Mu,ListItem as sS,Skeleton as _o}from"@rango-dev/ui";import Je from"react";import{css as so,darkTheme as Au,ImageContainer as iS,styled as Ye,Typography as Iu}from"@rango-dev/ui";var bs=so({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),As=so({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Is=so({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Es=so({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Au} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Ws=so({}),Ns=so(),Eu=Ye("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Bs=Ye("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),yr=Ye("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${As}`]:{[`& .${Es}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Ws}`]:{bottom:"-15px"},[`& .${bs}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Is}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Ls=Ye("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ms=Ye(Iu,{}),Wu=Ye("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Ns}`]:{$$color:"$colors$neutral600",[`.${Au} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Sr=Ye("div",{display:"flex",alignItems:"end",flexDirection:"column"}),vP=Ye("div",{display:"flex",alignItems:"center"}),Nu=Ye("div",{position:"relative",[`& ${iS}`]:{borderRadius:"$xm",overflow:"hidden"}}),Bu=Ye("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Lu=Ye(Iu,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Pu(t){return Je.createElement(yr,null,Array.from(Array(t.size),e=>Je.createElement(sS,{key:e,hasDivider:!0,start:Je.createElement(_o,{variant:"circular",width:35,height:35}),end:Je.createElement(Sr,null,Je.createElement(_o,{variant:"text",size:"large",width:70}),Je.createElement(Mu,{size:4}),Je.createElement(_o,{variant:"text",size:"medium",width:50})),title:Je.createElement("div",null,Je.createElement(_o,{variant:"text",size:"large",width:90}),Je.createElement(Mu,{size:4}),Je.createElement(_o,{variant:"text",size:"medium",width:90}))})))}i(Pu,"LoadingTokenList");var $s=20,fS=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return P.createElement("div",{className:As()},o?P.createElement("div",{className:bs()},o):P.createElement(Bs,{className:Is()},P.createElement(Cr,{variant:"title",size:"xmedium"},r.symbol),P.createElement(ao,{direction:"horizontal",size:4}),P.createElement(Ls,{css:s},P.createElement(Ms,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&P.createElement("div",{className:`${Es()} ${!o&&Ws()}`},P.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",P.createElement(ao,{size:4,direction:"horizontal"}),P.createElement(aS,{color:"gray",size:12}))))},"renderDesc");function Ou(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Fu(e),l=g().fetchStatus,p=g().blockchains(),[c,u]=Fu(!0),{getBalanceFor:d,loading:m}=G(),{isTokenPinned:h}=g(),T=dS((S,A)=>P.createElement("div",{...S,ref:A,style:{...S.style,height:`${parseFloat(S.style?.height)+8*2}px`}})),k=i(()=>{a(e.slice(0,s.length+$s))},"loadNextPage");Du(()=>{u(e.length>s.length)},[s.length]),Du(()=>{a(e.slice(0,$s))},[e]);let f=i(()=>!s.length&&o?P.createElement(P.Fragment,null,P.createElement(ao,{size:32}),P.createElement(cS,{title:Ps.t("No results found"),description:Ps.t("Try using different keywords")})):P.createElement(mS,{Item:({index:S,style:A})=>{let y=s[S],w=on(d(y)),C=y.address||"",v=p.find(B=>B.name===y.blockchain),b=Ln(y.symbol,v?.color||""),I={$$color:b[`${y.symbol}100`],[`.${$u} &`]:{$$color:b[`${y.symbol}900`]},backgroundColor:"$$color"},x={$$color:b[`${y.symbol}700`],[`.${$u} &`]:{$$color:b[`${y.symbol}100`]},color:"$$color"};return P.createElement("div",{style:{...A,paddingRight:5}},P.createElement(pS,{style:{height:A?.height,width:"100%",overflow:"hidden"},"tab-index":S,key:`${y.symbol}${y.address}`,id:`${y.symbol}${y.address}`,hasDivider:!0,onClick:()=>n(s[S]),start:P.createElement(Nu,null,P.createElement(lS,{src:y.image,size:30}),h(y,t.type)&&P.createElement(Bu,null,P.createElement(uS,{size:12,color:"gray"}))),title:v?.type==="COSMOS"||y.name||!y.name&&!C?P.createElement(Bs,null,P.createElement(Cr,{variant:"title",size:"xmedium"},y.symbol),P.createElement(ao,{direction:"horizontal",size:4}),P.createElement(Ls,{css:I},P.createElement(Ms,{variant:"body",size:"xsmall",css:x},y.blockchain))):void 0,description:v?.info&&C&&v.type!=="COSMOS"?fS({address:C,token:s[S],customCssForTag:I,customCssForTagTitle:x,name:y.name,url:v.info.addressUrl.split("{wallet}").join(C)}):y.name||void 0,end:m?P.createElement(Sr,null,P.createElement(_u,{variant:"text",size:"large",width:70}),P.createElement(ao,{size:4}),P.createElement(_u,{variant:"text",size:"medium",width:50})):w&&P.createElement(Wu,null,P.createElement(Lu,{variant:"title",size:"small"},w.amount),P.createElement("div",null),w.usdValue&&P.createElement(Cr,{variant:"body",className:Ns(),size:"xsmall"},`$${w.usdValue}`))}))},hasNextPage:c,itemCount:s.length,loadNextPage:k,innerElementType:T,size:60,key:`${r}-${o}`}),"renderList");return P.createElement(Eu,null,P.createElement(Cr,{variant:"label",size:"large"},Ps.t("Select Token")),P.createElement(ao,{size:4}),l==="loading"&&P.createElement(Pu,{size:$s}),l==="success"&&P.createElement(yr,{as:"ul"},f()))}i(Ou,"TokenList");function _s(t){let{type:e}=t,o=hS(),n=xt(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=j(),u=G.use.getBalanceFor(),[d,m]=gS(""),{isTokenPinned:h}=g(),k=(e==="source"?r:s)?.name??"",f=g().blockchains({type:e}),S=g().tokens({type:e,blockchain:k,searchFor:d}),y=Ta(S,u,i(b=>h(b,e),"checkIsTokenPinned")),w=i(b=>{e==="source"?p(b):c(b)},"updateBlockchain"),C=i(b=>{e==="source"?a({token:b,meta:{blockchains:f,tokens:S}}):l({token:b,meta:{blockchains:f,tokens:S}})},"updateToken"),v={source:Tr.t("Source"),destination:Tr.t("Destination")};return Ot.createElement(oe,{header:{title:Tr.t("Swap {type}",{type:v[e]})}},Ot.createElement(ie,null,Ot.createElement(xs,{blockchains:f,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o($.blockchains),onChange:b=>{w(b)}}),Ot.createElement(Uu,{size:24}),Ot.createElement(ft,{value:d,autoFocus:!0,placeholder:Tr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:b=>m(b.target.value)}),Ot.createElement(Uu,{size:16}),Ot.createElement(Ou,{list:y,selectedBlockchain:k,searchedFor:d,type:e,onChange:b=>{C(b);let I=f.find(x=>b.blockchain===x.name);I&&w(I),n()}})))}i(_s,"SelectSwapItemsPage");import{i18n as Ut}from"@lingui/core";import{ChevronRightIcon as Os,Divider as Us,InfoIcon as xS,List as bS,ListItemButton as AS,Skeleton as IS,Switch as ES,Tooltip as WS,Typography as zt}from"@rango-dev/ui";import Y from"react";import{useNavigate as NS}from"react-router-dom";import{i18n as Vu}from"@lingui/core";import{Divider as TS,InfoIcon as kS,TextField as wS,Tooltip as vS,Typography as ju}from"@rango-dev/ui";import Pe from"react";import{Chip as yS,styled as Do,TextField as SS}from"@rango-dev/ui";var zu=Do("div",{paddingTop:"$5",padding:"$10 $5"}),qu=Do("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${SS}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Gu=Do("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),kr=Do("div",{maxWidth:"280px",padding:"$10"}),Qu=Do(yS,{width:"61px",flexShrink:0});import{i18n as Ds}from"@lingui/core";import{Typography as CS}from"@rango-dev/ui";import Fo from"react";function Hu(){return Fo.createElement(kr,null,Fo.createElement(CS,{variant:"label",size:"medium",color:"neutral700"},Ds.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Fo.createElement("br",null),Fo.createElement("br",null),Fo.createElement("b",null,Ds.t("Warning")),":",Ds.t("This setting is applied per step (e.g. 1Inch, Thorchain, etc) which means only the step will be reverted, not the whole transaction.")))}i(Hu,"SlippageTooltipContent");function Fs(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=g();return Pe.createElement(zu,null,Pe.createElement(Gu,null,Pe.createElement(ju,{variant:"title",size:"xmedium"},Vu.t("Slippage tolerance per swap")),Pe.createElement(TS,{direction:"horizontal",size:4}),Pe.createElement(vS,{container:N(),side:"top",sideOffset:4,content:Pe.createElement(Hu,null)},Pe.createElement(kS,{color:"gray"}))),Pe.createElement(qu,null,$a.map((r,s)=>{let a=`slippage-${s}`;return Pe.createElement(Pe.Fragment,null,Pe.createElement(Qu,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),Pe.createElement(wS,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=r.target.value,a=parseFloat(s);a>=Oa&&a<=Fa?n(a):n(null)},suffix:o&&Pe.createElement(ju,{variant:"body",size:"small"},"%"),placeholder:Vu.t("Custom")})))}i(Fs,"Slippage");function Xu(){let t=NS(),{theme:e}=g().config,o=g().fetchStatus,n=g().swappers(),r=g().disabledLiquiditySources,{config:{features:s}}=g(),a=De("theme",s),l=De("liquiditySource",s),p=De("language",s),c=g().infiniteApprove,u=g().toggleInfiniteApprove,d=ln(n,r),m=d.filter(I=>I.type==="BRIDGE"||I.type==="AGGREGATOR"),h=m.length,T=m.filter(I=>I.selected).length,k=d.filter(I=>I.type==="DEX"),f=k.length,S=k.filter(I=>I.selected).length,A=i((I,x)=>{switch(o){case"loading":return Y.createElement(IS,{variant:"text",size:"medium",width:50});case"failed":return Y.createElement(zt,{variant:"body",size:"medium",color:"$error500"},Ut.t("Loading failed"));default:return Y.createElement(zt,{variant:"body",size:"medium"},`${I} / ${x}`)}},"handleEndItem"),y={id:"bridge-item",title:Y.createElement(zt,{variant:"title",size:"xmedium"},Ut.t("Enabled bridges")),end:Y.createElement(Y.Fragment,null,A(T,h),Y.createElement(Us,{direction:"horizontal",size:8}),Y.createElement(Os,{color:"black"})),onClick:()=>t($.bridges)},w={id:"exchange-item",title:Y.createElement(zt,{variant:"title",size:"xmedium"},Ut.t("Enabled exchanges")),end:Y.createElement(Y.Fragment,null,A(S,f),Y.createElement(Us,{direction:"horizontal",size:8}),Y.createElement(Os,{color:"gray"})),onClick:()=>t($.exchanges)},C={id:"theme-item",title:Y.createElement(zt,{variant:"title",size:"xmedium"},Ut.t("Theme")),end:Y.createElement(Os,{color:"gray"}),onClick:()=>t($.themes)},v={id:"infinite-approval-item",title:Y.createElement(Y.Fragment,null,Y.createElement(zt,{variant:"title",size:"xmedium"},Ut.t("Infinite approval")),Y.createElement(Us,{direction:"horizontal",size:4}),Y.createElement(WS,{side:"top",sideOffset:4,container:N(),content:Y.createElement(kr,null,Y.createElement(zt,{variant:"label",size:"medium",color:"neutral700"},Ut.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.")))},Y.createElement(xS,{color:"gray"}))),end:Y.createElement(ES,{checked:c}),onClick:u},b=l?[]:[y,w];return!e?.singleTheme&&!a&&b.push(C),b.push(v),Y.createElement(oe,{header:{title:Ut.t("Settings")}},Y.createElement(ie,null,Y.createElement(Fs,null),Y.createElement(bS,{type:Y.createElement(AS,{title:"_",id:"_",onClick:()=>console.log()}),items:b})))}i(Xu,"SettingsPage");import{i18n as SC}from"@lingui/core";import{cancelSwap as CC}from"@rango-dev/queue-manager-rango-preset";import{useManager as TC}from"@rango-dev/queue-manager-react";import{Alert as kC}from"@rango-dev/ui";import ta from"react";import{useParams as wC}from"react-router-dom";import{i18n as St}from"@lingui/core";import{getCurrentBlockchainOfOrNull as eC,getCurrentStep as tC,getRelatedWalletOrNull as oC}from"@rango-dev/queue-manager-rango-preset";import{Button as wm,CopyIcon as nC,Divider as rC,IconButton as iC,LinkIcon as sC,QuoteCost as aC,StepDetails as lC,Typography as po,useCopyToClipboard as pC}from"@rango-dev/ui";import{useWallets as cC}from"@rango-dev/wallets-react";import vm from"bignumber.js";import{PendingSwapNetworkStatus as Br}from"rango-types";import Z,{useEffect as xm,useRef as uC,useState as bm}from"react";import{useNavigate as mC}from"react-router-dom";import{i18n as Nt}from"@lingui/core";var BS=[Nt.t("Sunday"),Nt.t("Monday"),Nt.t("Tuesday"),Nt.t("Wednesday"),Nt.t("Thursday"),Nt.t("Friday"),Nt.t("Saturday")];function Ku(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Nt.t("Today"):`${BS[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(Ku,"timeSince");function Yu(t){return t.finishTime?Ku(parseInt(t.finishTime)):Ku(parseInt(t.creationTime))}i(Yu,"getSwapDate");import{Modal as FS}from"@rango-dev/ui";import{PendingSwapNetworkStatus as xr}from"rango-types";import br from"react";import{i18n as wr}from"@lingui/core";import{Button as Ju,Divider as zs,MessageBox as LS,Typography as Zu}from"@rango-dev/ui";import at from"react";var Ru=i(({onCancel:t,onClose:e})=>at.createElement(at.Fragment,null,at.createElement(zs,{size:20}),at.createElement(LS,{type:"error",title:wr.t("Cancel Swap"),description:wr.t("Are you sure you want to cancel this swap?")}),at.createElement(zs,{size:32}),at.createElement(Ju,{variant:"contained",type:"primary",size:"large",onClick:t},at.createElement(Zu,{variant:"title",size:"medium",color:"neutral100"},wr.t("Yes, Cancel it"))),at.createElement(zs,{size:12}),at.createElement(Ju,{variant:"outlined",type:"primary",size:"large",onClick:e},at.createElement(Zu,{variant:"title",size:"medium",color:"primary"},wr.t("No, Continue")))),"CancelContent");import{i18n as vr}from"@lingui/core";import{Button as em,Divider as qs,MessageBox as MS,Typography as tm}from"@rango-dev/ui";import lt from"react";var om=i(({onDelete:t,onClose:e})=>lt.createElement(lt.Fragment,null,lt.createElement(qs,{size:20}),lt.createElement(MS,{type:"error",title:vr.t("Delete Transaction"),description:vr.t("Are you sure you want to delete this swap?")}),lt.createElement(qs,{size:32}),lt.createElement(em,{variant:"contained",type:"primary",size:"large",onClick:t},lt.createElement(tm,{variant:"title",size:"medium",color:"neutral100"},vr.t("Yes, Delete it"))),lt.createElement(qs,{size:12}),lt.createElement(em,{variant:"outlined",type:"primary",size:"large",onClick:e},lt.createElement(tm,{variant:"title",size:"medium",color:"primary"},vr.t("No, Cancel")))),"DeleteContent");import{i18n as Gs}from"@lingui/core";import{PendingSwapNetworkStatus as Qs}from"rango-types";var Hs={[Qs.WaitingForNetworkChange]:{type:"loading",title:Gs.t("Change Network")},[Qs.WaitingForConnectingWallet]:{type:"warning",title:Gs.t("Connect Wallet")},[Qs.NetworkChanged]:{type:"success",title:Gs.t("Network Changed")}};import{MessageBox as $S,Wallet as _S}from"@rango-dev/ui";import{useWallets as DS}from"@rango-dev/wallets-react";import Oo from"react";import{styled as PS}from"@rango-dev/ui";var nm=PS("div",{display:"flex",justifyContent:"center"});var rm=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c}=DS(),u=n?.walletType,d=u?Or(c(u)):null,m=u?p(u):null;return Oo.createElement(Oo.Fragment,null,Oo.createElement($S,{type:e,title:o,description:r}),s&&!!u&&!!d&&!!m&&Oo.createElement(nm,null,Oo.createElement(_S,{container:N(),title:m.name,image:m.img,type:u,state:d,link:m.installLink,disabled:a,onClick:async()=>l(u)})))},"WalletStateContent");function Vs(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===xr.WaitingForNetworkChange||e===xr.WaitingForConnectingWallet||e===xr.NetworkChanged;return br.createElement(FS,{open:!!e,onClose:o,container:document.getElementById(Ee)||document.body},p&&br.createElement(rm,{type:Hs[e].type,title:Hs[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==xr.WaitingForNetworkChange}),e==="delete"&&br.createElement(om,{onClose:o,onDelete:n}),e==="cancel"&&br.createElement(Ru,{onClose:o,onCancel:r}))}i(Vs,"SwapDetailsModal");import{i18n as Uo}from"@lingui/core";import{Button as js,Divider as Ar,MessageBox as im,Modal as OS,TokenAmount as US,Typography as Ir}from"@rango-dev/ui";import Te from"react";import{useNavigate as zS}from"react-router-dom";function Xs(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:c,percentageChange:u,description:d,diagnosisUrl:m}=t,h=zS();return Te.createElement(OS,{open:e,onClose:o,container:document.getElementById(Ee)||document.body},n==="success"?Te.createElement(im,{type:"success",title:Uo.t("Swap Successful")},Te.createElement(US,{direction:"vertical",tooltipContainer:N(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),Te.createElement(Ar,{size:12}),Te.createElement(Ir,{variant:"body",size:"medium",color:"neutral700",align:"center"},d)):Te.createElement(im,{type:"error",title:Uo.t("Transaction Failed"),description:d}),Te.createElement(Ar,{size:32}),n==="success"&&Te.createElement(js,{variant:"contained",type:"primary",size:"large",onClick:()=>{h("../../")}},Te.createElement(Ir,{variant:"title",size:"medium",color:"neutral100"},Uo.t("Done"))),Te.createElement(Ar,{size:12}),m&&Te.createElement(Te.Fragment,null,Te.createElement(js,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},Te.createElement(Ir,{variant:"title",size:"medium",color:"primary"},Uo.t("Diagnosis"))),Te.createElement(Ar,{size:12})),Te.createElement(js,{variant:"outlined",type:"primary",size:"large",onClick:o},Te.createElement(Ir,{variant:"title",size:"medium",color:"primary"},Uo.t("See Details"))))}i(Xs,"SwapDetailsCompleteModal");import ZS from"react";import{i18n as XS}from"@lingui/core";import{Alert as um,IconButton as KS,LinkIcon as YS}from"@rango-dev/ui";import Bt,{Fragment as JS}from"react";import{Alert as qS,ChevronDownIcon as GS,ChevronUpIcon as QS,IconButton as HS}from"@rango-dev/ui";import Er,{useState as VS}from"react";function sm(t){let{message:e}=t,[o,n]=VS(!1);return Er.createElement(qS,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Er.createElement(HS,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Er.createElement(QS,{size:12,color:"gray"}):Er.createElement(GS,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(sm,"FailedAlert");import{styled as jS}from"@rango-dev/ui";var am=jS("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as lm}from"@lingui/core";import{Alert as Ks,Button as pm}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Ys}from"rango-types";import zo from"react";function cm(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?zo.createElement(Ks,{type:"warning",title:n.shortMessage,action:zo.createElement(pm,{size:"xxsmall",type:"warning",onClick:()=>{o(Ys.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},lm.t("Change"))}):r===Ys.WaitingForConnectingWallet?zo.createElement(Ks,{type:"warning",title:n.shortMessage,action:zo.createElement(pm,{size:"xxsmall",type:"warning",onClick:()=>{o(Ys.WaitingForConnectingWallet)}},lm.t("Connect"))}):zo.createElement(Ks,{type:"warning",title:n.shortMessage})}i(cm,"WarningAlert");function Js(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=ho(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return Bt.createElement(am,null,s.explorerUrl?.map((d,m,h)=>{let T=m+d.url,k=m===h.length-1,f=(k&&c||p)&&!u,S=k&&s.status==="failed";return Bt.createElement(JS,{key:T},Bt.createElement(um,{type:k&&(f&&"loading"||S&&"error")||"success",title:d.description?`${d.description} Tx`:XS.t("View transaction"),action:d.url&&Bt.createElement(KS,{variant:"ghost",size:"xsmall",onClick:()=>window.open(d.url,"_blank")},Bt.createElement(YS,{size:12}))}))}),u&&Bt.createElement(um,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Bt.createElement(cm,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Bt.createElement(sm,{message:r}))}i(Js,"SwapDetailsAlerts");var mm=2e3;var dm=i(({swap:t,blockchains:e,swappers:o,...n})=>{let r=t.hasAlreadyProceededToSign!==!1;return t.steps.map((s,a)=>{let l=a===0?t.inputAmount:t.steps[a-1].outputAmount||t.steps[a-1].expectedOutputAmountHumanReadable;return{from:{token:{displayName:s.fromSymbol,image:s.fromLogo??""},chain:{displayName:Fe(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:E(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Fe(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:E(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:go(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Fe(p.fromBlockchain,e)??""},to:{blockchain:Fe(p.toBlockchain,e)??""},swapper:{displayName:go(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:ZS.createElement(Js,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function fm(t){if(ho(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(fm,"getStepState");import{css as qo,darkTheme as RS,styled as qt}from"@rango-dev/ui";var gm=qt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Wr=qt("div",{width:"100%"}),hm=qt(Co,{padding:"$0 $20 $20 $20"}),lD=qt("div",{display:"flex",flexDirection:"column",gap:"$10"}),ym=qt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),pD=qt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),lo=qo({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${RS} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),Sm=qo({padding:"$5 0"}),Nr=qo({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),Cm=qo({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Tm=qo({width:"100%",padding:"0 $20 $10"}),km=qt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function Zs(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=cC(),p=g().blockchains(),c=g().swappers(),u=g().tokens(),d=j.use.retry(),m=ce.use.isActiveTab(),h=mC(),[T,k]=pC(mm),f=uC(null),[S,A]=bm(null),[y,w]=bm(null),C=i(()=>{r(),A(null)},"onCancel"),v=Le.use.getUnreadNotifications(),b=Le.use.setAsRead(),I=v(),x=tC(e),B=x?.networkStatus;xm(()=>{I.find(Ct=>Ct.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(w(e.status),b(e.requestId))},[e.status]),xm(()=>{Se?A(Br.WaitingForNetworkChange):B===Br.WaitingForConnectingWallet||B===Br.NetworkChanged?A(B):A(null)},[B]);let Q=cl(e),X=x?eC(e,x):null,W=x?oC(e,x):null,R=Yu(e),J=ul(e),ne=i(Be=>!!l(Be)?.mobileWallet,"isMobileWallet"),Se=B===Br.WaitingForNetworkChange&&!!X&&!!W?.walletType&&(ne(W.walletType)||s(W.walletType,X)),z=Se?a.bind(null,W.walletType,X):void 0,$e=pl(e,x),K=dm({swap:e,switchNetwork:z,showNetworkModal:B,setNetworkModal:A,message:$e,blockchains:p,swappers:c}),F=K.length,[ke,pt]=[e.steps[0],e.steps[F-1]],Ie=pt.outputAmount||pt.expectedOutputAmountHumanReadable,ct=e.steps.reduce((Be,Ct)=>Be+parseFloat(Ct.feeInUsd||""),0),_=e.steps.find(Be=>Be.diagnosisUrl)?.diagnosisUrl,H=E(parseFloat(E(Ie,6,6))*(pt.toUsdPrice||0),4,4),q=E(parseFloat(e.inputAmount)*(ke.fromUsdPrice||0),4,4),pe=Ie?ae(new vm(Ie).multipliedBy(pt.toUsdPrice||0)):"",ut=ae(new vm(e.inputAmount).multipliedBy(ke.fromUsdPrice||0)),Qe=Oe(q,H),Dr=e.status==="success"?St.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:E(Ie,6,6),token:K[F-1].to.token.displayName,conciseAddress:nn(e.wallets[K[F-1].to.chain.displayName]?.address||""),chain:K[F-1].to.chain.displayName}}):`${St.t("Transaction was not sent.")} ${Q?St.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:Q.outputAmount,symbol:Q.symbol,blockchain:Q.blockchain}}):""}`;return Z.createElement(oe,{header:{title:St.t("Swap and Bridge"),onCancel:e.status==="running"?()=>A("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(Jt,null,Z.createElement(wm,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>A("delete")},Z.createElement(po,{size:"medium",variant:"label",color:"error"},St.t("Delete"))))},footer:J&&!y&&Z.createElement(wm,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{d(e,{blockchains:p,tokens:u}),setTimeout(()=>{h("../../")},0)}},St.t("Try again"))},Z.createElement(ie,{compact:!0,view:!0},Z.createElement(Wr,null,Z.createElement("div",{className:lo()},Z.createElement(po,{variant:"label",size:"large",color:"neutral700"},`${St.t("Request ID")}:`),Z.createElement("div",{className:Nr()},Z.createElement(po,{variant:"label",size:"small",color:"neutral700"},o),Z.createElement(iC,{variant:"ghost",onClick:k.bind(null,o||"")},Z.createElement(nC,{size:16,color:"gray"})),Z.createElement(km,{target:"_blank",href:`${pa}/swap/${o}`},Z.createElement(sC,{size:16})))),Z.createElement("div",{className:lo()},Z.createElement(po,{variant:"label",size:"large",color:"neutral700"},`${St.t(e.finishTime?"Finished at":"Created at")}:`),Z.createElement(po,{variant:"label",size:"small",color:"neutral700"},R))),Z.createElement("div",{className:Cm()},Z.createElement(aC,{fee:E(String(ct),2,2),time:Ko(Yo(e.steps)),steps:F}),Z.createElement(Ao,{from:{price:{value:E(e.inputAmount,6,6),usdValue:q,realUsdValue:ut,realValue:e.inputAmount},token:{displayName:K[0].from.token.displayName,image:K[0].from.token.image},chain:{image:K[0].from.chain.image,displayName:K[0].from.chain.displayName}},to:{price:{value:E(Ie,6,6),usdValue:H,realUsdValue:pe,realValue:Ie},token:{displayName:K[F-1].to.token.displayName,image:K[F-1].to.token.image},chain:{image:K[F-1].to.chain.image,displayName:K[F-1].to.chain.displayName}},percentageChange:E(Qe,2,2),warningLevel:mt(Qe??0)})),Z.createElement("div",{className:Tm()},Z.createElement(po,{variant:"title",size:"small"},St.t("Swaps steps"))),Z.createElement(rC,{size:8}),Z.createElement(hm,{ref:f},K.map((Be,Ct)=>{let aa=Ct,co=fm(e.steps[Ct]),Hm=co==="error"||co==="in-progress"||co==="warning"||co==="completed"&&Ct===K.length-1;return Z.createElement(lC,{key:aa,step:Be,type:"swap-progress",ref:f,state:co,hasSeparator:Ct!==0,tabIndex:aa,isFocused:Hm,tooltipContainer:N()})}))),Z.createElement(Vs,{state:S,onClose:()=>A(null),onCancel:C,onDelete:n,message:$e.detailedMessage.content,currentStepWallet:W,walletButtonDisabled:!m}),Z.createElement(Xs,{open:!!y,diagnosisUrl:_,onClose:()=>w(null),status:e.status==="success"?"success":"failed",priceValue:E(Ie,6,6),usdValue:H,realUsdValue:pe,realValue:ae(Ie),percentageChange:E(Qe,2,2),token:{displayName:K[F-1].to.token.displayName,image:K[F-1].to.token.image},chain:{image:K[F-1].to.chain.image},description:Dr}))}i(Zs,"SwapDetails");import{i18n as Mr}from"@lingui/core";import{Divider as Em,NotFound as yC,Skeleton as Qo,Typography as Pr}from"@rango-dev/ui";import ue from"react";import{i18n as dC}from"@lingui/core";import{Divider as fC,Skeleton as gC,Typography as hC}from"@rango-dev/ui";import de from"react";import{css as Ze,styled as Rs}from"@rango-dev/ui";var Am=Rs("div",{width:"100%",height:"100%",padding:"$10 $20"}),Go=Rs("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Lr=Rs("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),qD=Ze({display:"flex",justifyContent:"space-between",alignItems:"center"}),GD=Ze({display:"flex",justifyContent:"space-between",alignItems:"center"}),QD=Ze({paddingTop:"$15",display:"flex"}),HD=Ze({padding:"$15 $0"}),VD=Ze({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),jD=Ze({paddingBottom:"$10"}),XD=Ze({display:"flex",justifyContent:"start",alignItems:"center"}),KD=Ze({paddingTop:"$5",display:"flex",alignItems:"center"}),YD=Ze({display:"flex",alignItems:"center"}),JD=Ze({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Im=Ze({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function ea(){return de.createElement(Am,null,de.createElement(Wo,{type:"swap-preview"}),de.createElement("div",{className:"swaps-steps"},de.createElement(hC,{variant:"title",size:"small"},dC.t("Swaps steps"))),de.createElement(de.Fragment,null,de.createElement(Go,null,de.createElement(st,{separator:!1}),de.createElement("div",{className:Im()},de.createElement(fC,{direction:"horizontal",size:20}),de.createElement(gC,{height:22,variant:"rectangular"}))),de.createElement(Lr,null),de.createElement(Go,null,de.createElement(st,{separator:!1})),de.createElement(Lr,null),de.createElement(Go,null,de.createElement(st,{separator:!1})),de.createElement(Lr,null),de.createElement(Go,null,de.createElement(st,{separator:!1}))))}i(ea,"LoadingSwapDetails");function Wm(t){let{requestId:e,showSkeleton:o}=t;return ue.createElement(oe,{header:{title:Mr.t("Swap and Bridge"),suffix:ue.createElement(Jt,null)}},o&&ue.createElement(gm,null,ue.createElement(Wr,null,ue.createElement("div",{className:lo()},ue.createElement(Pr,{variant:"label",size:"large",color:"neutral700"},`${Mr.t("Request ID")}:`),ue.createElement("div",{className:Nr()},ue.createElement(Pr,{variant:"label",size:"small",color:"neutral700"},ue.createElement(Qo,{width:60,height:10,variant:"rounded"})),ue.createElement(Em,{direction:"horizontal",size:4}),ue.createElement(Qo,{width:16,height:16,variant:"rectangular"}),ue.createElement(Em,{direction:"horizontal",size:4}),ue.createElement(Qo,{width:16,height:16,variant:"rectangular"}))),ue.createElement("div",{className:lo()},ue.createElement(Pr,{className:Sm(),variant:"label",size:"large",color:"neutral700"},ue.createElement(Qo,{width:60,height:10,variant:"rounded"})),ue.createElement(Pr,{variant:"label",size:"small",color:"neutral700"},ue.createElement(Qo,{width:60,height:10,variant:"rounded"})))),ue.createElement(ea,null)),!o&&ue.createElement(ym,null,ue.createElement(yC,{title:Mr.t("Not found"),description:Mr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Wm,"SwapDetailsPlaceholder");function Nm(){let{manager:t,state:e}=TC(),o=!e.loadedFromPersistor,n=bt(t),{requestId:r}=wC(),s=xt(),{fetchStatus:a}=g();if(!r)return ta.createElement(kC,{containerStyles:{margin:"20px"},type:"error",title:SC.t("The request ID is necessary to display the swap details.")});let l=o||a==="loading",p=r?n.find(({swap:m})=>m.requestId===r):void 0,c=i(()=>{if(p?.id){let m=t?.get(p.id);m&&CC(m)}},"onCancel"),u=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),d=p?.swap;return!d||l?ta.createElement(Wm,{requestId:r,showSkeleton:l}):ta.createElement(Zs,{swap:d,requestId:r,onCancel:c,onDelete:u})}i(Nm,"SwapDetailsPage");import{i18n as Ho}from"@lingui/core";import{AutoThemeIcon as vC,DarkModeIcon as xC,LightModeIcon as bC,List as AC,ListItemButton as IC,Radio as oa,RadioRoot as EC,Typography as na}from"@rango-dev/ui";import We from"react";function Bm(){let{setTheme:t,theme:e}=g(),o=[{id:"light",value:"light",title:We.createElement(na,{variant:"title",size:"xmedium"},Ho.t("Light")),onClick:()=>t("light"),start:We.createElement(bC,{color:"gray"}),end:We.createElement(oa,{value:"light"})},{id:"dark",value:"dark",title:We.createElement(na,{variant:"title",size:"xmedium"},Ho.t("Dark")),onClick:()=>t("dark"),start:We.createElement(xC,{color:"gray"}),end:We.createElement(oa,{value:"dark"})},{id:"auto",value:"auto",title:We.createElement(na,{variant:"title",size:"xmedium"},Ho.t("Auto")),onClick:()=>t("auto"),start:We.createElement(vC,{color:"gray"}),end:We.createElement(oa,{value:"auto"})}];return We.createElement(oe,{header:{title:Ho.t("Theme")}},We.createElement(ie,null,We.createElement(EC,{onValueChange:n=>t(n),value:e},We.createElement(AC,{type:We.createElement(IC,{title:Ho.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Bm,"ThemePage");function Lm(){return Cl(),ai(),WC([{path:$.home,element:Ne.createElement(su,null)},{path:$.fromSwap,children:[{index:!0,element:Ne.createElement(_s,{type:"source"})},{path:$.blockchains,element:Ne.createElement(Cs,{type:"source"})}]},{path:$.toSwap,children:[{index:!0,element:Ne.createElement(_s,{type:"destination"})},{path:$.blockchains,element:Ne.createElement(Cs,{type:"destination"})}]},{path:$.settings,children:[{index:!0,element:Ne.createElement(Xu,null)},{path:$.themes,element:Ne.createElement(Bm,null)},{path:$.languages,element:Ne.createElement(lu,null)},{path:$.exchanges,element:Ne.createElement(gs,{sourceType:"Exchanges"})},{path:$.bridges,element:Ne.createElement(gs,{sourceType:"Bridges"})}]},{path:$.swaps,children:[{index:!0,element:Ne.createElement(Rc,null)},{path:$.swapDetails,element:Ne.createElement(Nm,null)}]},{path:$.wallets,element:Ne.createElement(hp,null)},{path:$.confirmSwap,element:Ne.createElement(Qc,null)}])}i(Lm,"AppRoutes");import{isApprovalTX as NC,MainEvents as Mm,RouteEventType as Pm,StepEventType as $m,StepExecutionEventStatus as BC,useEvents as LC}from"@rango-dev/queue-manager-rango-preset";import{useEffect as _m}from"react";function Dm(){let t=g().tokens(),e=G.use.connectedWallets(),o=G.use.getWalletsDetails(),n=Le.use.setNotification(),r=LC();return _m(()=>(r.on(Mm.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===$m.TX_EXECUTION&&a.status===BC.TX_SENT&&!NC(l)||a.type===$m.SUCCEEDED){let u=e.find(m=>m.chain===l?.fromBlockchain),d=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);u&&o([u],t),d&&o([d],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),_m(()=>(r.on(Mm.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Pm.FAILED||a.type===Pm.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Dm,"WidgetEvents");import{globalCss as MC}from"@rango-dev/ui";var Fm=i(()=>MC({"@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{styled as PC}from"@rango-dev/ui";var Om=PC("div",{display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function $r(){Fm();let{config:t}=g(),{activeTheme:e}=Mn(t?.theme||{}),{activeLanguage:o}=io(),[n,r]=Um(""),[s,a]=Um(),l=_C(mn);return DC(()=>{Le.persist.rehydrate(),l.onConnectWallet(r)},[]),Vo.createElement($C,{language:o},Vo.createElement(Om,{id:"swap-container",className:e()},Vo.createElement(Dm,null),Vo.createElement(Ka,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},Vo.createElement(Lm,null))))}i($r,"Main");import ia,{useMemo as tT}from"react";import{checkWaitingForNetworkChange as FC,makeQueueDefinition as OC}from"@rango-dev/queue-manager-rango-preset";import{Provider as UC}from"@rango-dev/queue-manager-react";import{useWallets as zC}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as qC}from"@rango-dev/wallets-shared";import{isEvmBlockchain as GC}from"rango-types";import QC,{useMemo as HC}from"react";function VC(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=zC(),l=HC(()=>OC({API_KEY:t.apiKey||Gt("API_KEY"),BASE_URL:Gt("BASE_URL")}),[t.apiKey]),p=g().blockchains(),u={blockchains:G.use.connectedWallets().map(y=>({accounts:[y],name:y.chain}))},d=i(async(y,w)=>{if(s(y,w))return r(y,w)},"switchNetwork"),m=i(y=>!!a(y).mobileWallet,"isMobileWallet"),h=p.filter(y=>y.enabled).reduce((y,w)=>(y[w.name]=w,y),{}),T=p.filter(GC),k=i(y=>{let{supportedChains:w}=a(y);return Ro(w)},"getSupportedChainNames"),f=e(),S={meta:{blockchains:h,evmBasedChains:T,evmNetworkChainInfo:qC(T),getSupportedChainNames:k},getSigners:o,wallets:u,providers:f,switchNetwork:d,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},A=ce.use.isActiveTab();return QC.createElement(UC,{queuesDefs:[l],context:S,onPersistedDataLoaded:y=>{FC(y)},isPaused:!A},t.children)}i(VC,"QueueManager");var zm=VC;import{useManager as JC}from"@rango-dev/queue-manager-react";import ZC,{createContext as RC,useContext as eT}from"react";import{cancelSwap as jC,getCurrentBlockchainOfOrNull as XC,getCurrentStep as KC,getRelatedWalletOrNull as YC}from"@rango-dev/queue-manager-rango-preset";var jo=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return bt(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){return this.actions.retrySwap(e,o)}cancel(e){let o=this.manager?.get(e);o&&jC(o)}getCurrentStepInfo(e){let o=KC(e);return{step:o,wallet:o?YC(e,o):null,network:o?XC(e,o):null}}};i(jo,"WidgetHistory");var qm=RC(void 0);function ra(t){let{manager:e}=JC(),o=ce.use.isActiveTab(),n=j.use.retry(),r=new jo(e,{retrySwap:n}),s=G.use.connectedWallets(),a=G.use.loading(),l=Ca(s),p=G.use.getWalletsDetails(),c=g().blockchains(),u=g().tokens(),d=g().swappers(),m=g().fetchStatus,h=io().resetLanguage,T=Le().getUnreadNotifications(),k={isActiveTab:o,setCurrentTabAsActive:cn,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:c,tokens:u,swappers:d,loadingStatus:m},resetLanguage:h,notifications:{list:T}};return ZC.createElement(qm.Provider,{value:k},t.children)}i(ra,"WidgetInfo");function Gm(){let t=eT(qm);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Gm,"useWidget");function _r(t){let{onUpdateState:e,config:o}=t;return tT(()=>{xa({API_KEY:o?.apiKey||Xo,BASE_URL:o?.apiUrl||la})},[o.apiKey,o.apiUrl]),ia.createElement(dn,{config:o,onUpdateState:e},ia.createElement(zm,{apiKey:o.apiKey},ia.createElement(ra,null,t.children)))}i(_r,"WidgetProvider");function Qm(t){return oT(()=>ja,[]),t.config?.externalWallets?sa.createElement($r,null):sa.createElement(_r,{config:t.config??Qr},sa.createElement($r,null))}i(Qm,"Widget");export{AO as EventSeverity,IO as MainEvents,DO as Networks,UO as PendingSwapNetworkStatus,EO as RouteEventType,WO as StepEventType,NO as StepExecutionBlockedEventStatus,BO as StepExecutionEventStatus,$O as WalletEvents,FO as WalletTypes,Qm as Widget,_r as WidgetProvider,dn as WidgetWallets,mi as customizedThemeTokens,PO as readAccountAddress,xp as useWallets,Gm as useWidget,LO as useWidgetEvents};
 //# sourceMappingURL=index.js.map