@rango-dev/widget-embedded 0.20.1-next.19 → 0.20.1-next.20

package/dist/index.js

@@ -1,3 +1,3 @@
-var Lm=Object.defineProperty;var i=(t,e)=>Lm(t,"name",{value:e,configurable:!0});import{MainEvents as m1,RouteEventType as d1,StepEventType as f1,StepExecutionBlockedEventStatus as g1,StepExecutionEventStatus as h1,useEvents as y1}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as C1,useWallets as up,Events as k1}from"@rango-dev/wallets-react";import{Networks as w1,WalletTypes as x1}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as b1}from"rango-types";import{Events as ni,Provider as fd}from"@rango-dev/wallets-react";import{isEvmBlockchain as gd}from"rango-sdk";import Cn,{createContext as hd,useEffect as ri,useRef as yd,useState as Sd}from"react";import{useEffect as hn,useLayoutEffect as sl,useRef as yn}from"react";import Jm,{createContext as Zm,useContext as Rm,useEffect as ed,useRef as td}from"react";import{create as Km}from"zustand";import{persist as Ym}from"zustand/middleware";var Dr={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},na=i((t,e,o)=>({config:{...Dr,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");import{RangoClient as Qm}from"rango-sdk";var jo="c6381a79-2817-4602-83bf-6a641a409e32",ra="https://api.rango.exchange",xe="rango-swap-box",ia="https://scan.rango.exchange";import{WalletState as tt}from"@rango-dev/ui";import{readAccountAddress as $m}from"@rango-dev/wallets-react";import{detectInstallLink as _m,getCosmosExperimentalChainInfo as Dm,isEvmAddress as Fm,KEPLR_COMPATIBLE_WALLETS as KC,Networks as pa}from"@rango-dev/wallets-shared";import Fr from"bignumber.js";import{isCosmosBlockchain as Om}from"rango-types";import Pm from"bignumber.js";var Ce=new Pm(0);import{WalletTypes as Mm}from"@rango-dev/wallets-shared";var sa=[Mm.LEAP];import{BigNumber as la}from"bignumber.js";var Xo=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 la(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new la(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 Ko=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var et=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),co=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function ie(t){return E(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(ie,"formatTooltipNumbers");function Or(t){switch(!0){case t.connected:return tt.CONNECTED;case t.connecting:return tt.CONNECTING;case!t.installed:return tt.NOT_INSTALLED;default:return tt.DISCONNECTED}}i(Or,"mapStatusToWalletState");function ua(t,e,o,n){return o.filter(r=>!sa.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(m=>m.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=Or(t(r));return{title:s,image:a,link:_m(l),state:p,type:r}})}i(ua,"mapWalletTypesToWalletInfo");function Zo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Zo,"walletAndSupportedChainsNames");function ca(t,e,o,n,r){let s=[];function a(p,u){if(!!!s.find(c=>c.chain===p)){let c={address:u,chain:p,walletType:t};s.push(c)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:m}=$m(p),c=l.length>0,f=l.includes(m),d=m===pa.Unknown;if(c&&!f&&!d)return;let y=m===pa.Unknown&&Fm(u);if(d&&!y)return;o.includes(m)||y?r?a(m,u.toLowerCase()):l.filter(k=>o.includes(k)).forEach(k=>{a(k,u.toLowerCase())}):a(m,u)}),s}i(ca,"prepareAccountsForWalletStore");function ma(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(ma,"getRequiredChains");function Ro(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(Ro,"isAccountAndWalletMatched");function da(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:zm(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(da,"makeBalanceFor");function fa(t){return{...t,loading:!1,error:!0}}i(fa,"resetConnectedWalletState");var ga=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||Ce).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ce)||Ce).toString();return Um(r)},"calculateWalletUsdValue");function Um(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(Um,"numberWithThousandSeparator");var zm=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),en=i((t,e)=>{let o=Dm(Object.entries(t).map(([,n])=>n).filter(Om));return o&&o[e]?.experimental},"isExperimentalChain");function tn(t){return t?{...t,amount:E(t.amount,8,8),usdValue:E(t.usdValue,4,4)}:null}i(tn,"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 Gm(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(Gm,"sortTokensByPinnedToken");function ha(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=Gm(n,r,o);return l!==0?l:qm(s,a)}),t}i(ha,"sortTokens");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Le,"tokensAreEqual");function ya(t){return t.sort((e,o)=>+(o.state===tt.CONNECTED)-+(e.state===tt.CONNECTED)||+(o.state===tt.DISCONNECTED||o.state===tt.CONNECTING)-+(e.state===tt.DISCONNECTED||e.state===tt.CONNECTING))}i(ya,"sortWalletsBasedOnConnectionState");function on(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(on,"getConciseAddress");function Sa({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Sa,"getAddress");function Ur(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(Ur,"createTokenHash");function nn(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??Ce).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(nn,"makeTokensBalance");var Ca=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");var zr={API_KEY:jo};function qt(t){return zr[t]||""}i(qt,"getConfig");function ka(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),zr=e,zr}i(ka,"initConfig");var Ta=20,wa=25,xa="Roboto",qr="theme-widget",mo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Le(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Le(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 rn,Gt=i(()=>rn||(rn=new Qm(qt("API_KEY"),qt("BASE_URL")),rn),"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 va(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(va,"debounce");function Nt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Nt,"containsText");var P=i(()=>document.getElementById(xe),"getContainer");function sn(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(sn,"getUniqueSwappersGroups");function ba(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(ba,"sortLiquiditySourcesByGroupTitle");function Pe(t,e){return e?.[t]==="hidden"}i(Pe,"isFeatureHidden");function an(t,e){return e?.[t]==="enabled"}i(an,"isFeatureEnabled");var Aa=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(u=>u.name===p.blockchain)?!1:o.searchFor?!!(Nt(p.symbol,o.searchFor)||Nt(p.address||"",o.searchFor)||Nt(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=>Le(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(ba)},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 Hm,French as Vm,Japanese as jm,Spanish as Xm}from"@rango-dev/ui";var Ia=[{title:"English",label:"English",local:"en",SVGFlag:Hm},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Xm},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Vm},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:jm}],fo="en";var Ea=[.5,1,3],Wa=1,Na=5,Ba=100,La=0;var Pa=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:Wa,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=Pe("theme",n),s=Pe("language",n),a=Pe("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:fo},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function Ma(t){return Km()(Ym((...e)=>({...Aa(...e),...Pa(...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(Ma,"createAppStore");var $a=Zm(null);function g(){let t=Rm($a);if(ed(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(g,"useAppStore");function _a(t){let e=td();return e.current||(e.current=Ma(t.config)),Jm.createElement($a.Provider,{value:e.current},t.children)}i(_a,"AppStoreProvider");import Tt from"bignumber.js";import{create as ld}from"zustand";import{subscribeWithSelector as pd}from"zustand/middleware";import{getLastSuccessfulStep as sd}from"@rango-dev/queue-manager-rango-preset";import ET from"bignumber.js";var St=(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))(St||{});function Da(t,e){return e.find(o=>o.name===t)?.displayName}i(Da,"getBlockchainDisplayNameFor");function Me(t,e){return e.find(o=>o.name===t)?.shortName}i(Me,"getBlockchainShortNameFor");function go(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(go,"getSwapperDisplayName");function Vr(t,e){return e.find(o=>Le(o,t))??null}i(Vr,"findToken");function jr(t,e){return e.find(o=>o.name===t)??null}i(jr,"findBlockchain");import{i18n as Ve}from"@lingui/core";import ke from"bignumber.js";import{PendingSwapNetworkStatus as cn}from"rango-types";function ln(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(ln,"getRequiredWallets");function pn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(pn,"isValidAddress");import{i18n as ye}from"@lingui/core";var j=i(()=>({genericServerError:ye.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:ye.t("Please reset your liquidity sources."),description:ye.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:ye.t("No Routes Found."),description:ye.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:ye.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:ye.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:ye.t("High Price Impact"),title:ye.t("Price impact is too high!"),description:ye.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:ye.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:ye.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:ye.t("USD Price Unknown"),title:ye.t("USD Price Unknown, Cannot calculate Price Impact."),description:ye.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:ye.t("Confirm USD Price Unknown")}}),"errorMessages");function Fa(t){switch(t.type){case 0:return t.diagnosisMessage??j().noResultError.title;case 1:return j().genericServerError;default:return""}}i(Fa,"getQuoteErrorMessage");import{i18n as un}from"@lingui/core";var Bt=i(()=>({connectWallet:un.t("Connect Wallet"),swap:un.t("Swap"),swapAnyway:un.t("Swap anyway"),ethWarning:un.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Oa(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new ke(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new ke(1e3)))??!1}i(Oa,"hasHighValueLoss");function Xr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new ke(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ke(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(Xr,"hasLimitError");function Kr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new ke(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new ke(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 ke(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ke(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Ve.t({id:"Required: >= {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Ve.t({id:"Required: > {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Ve.t({id:"Required: <= {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Ve.t({id:"Required: < {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Kr,"getLimitErrorMessage");function Ua(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Bt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:Bt().swap,action:"confirm-swap",disabled:!0}:a?{title:Bt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Bt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Bt().swap,action:"confirm-swap",disabled:!1}:{title:Bt().connectWallet,action:"connect-wallet",disabled:!1}}i(Ua,"getSwapButtonState");function Yr(t,e,o){return!((!o||o.lte(Ce))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Yr,"canComputePriceImpact");function od(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(od,"requiredWallets");var nd=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function rd(t,e){let o=Ce;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=nd(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new ke(r.amount).multipliedBy(s||0))}return o}i(rd,"getUsdFeeOfStep");function mn(t,e){return t.reduce((o,n)=>o.plus(rd(n,e)),Ce)}i(mn,"getTotalFeeInUsd");function Jr(t){let e=Ce;return e=e.plus(new ke(t.amount).multipliedBy(t.price||0)),e}i(Jr,"getUsdFee");function za(t){return t.reduce((e,o)=>e.plus(Jr(o)),Ce)}i(za,"getTotalFeesInUsd");function qa(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(qa,"getFeesGroup");function Zr(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(Zr,"checkSlippageErrors");function Ga(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(Ga,"checkSlippageWarnings");function dn(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(dn,"getMinRequiredSlippage");function Qa(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Qa,"hasProperSlippage");function fn(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:m,affiliatePercent:c,affiliateWallets:f,initialQuote:d,destination:w}=t,y=s?.reduce((b,S)=>(b[S.chain]=S.address,b),{}),h=[];r?.forEach(b=>{let S=h.find(I=>I.blockchain===b.chain);S?S.addresses.push(b.address):h.push({blockchain:b.chain,addresses:[b.address]})});let C=!!d,k=Qt((d?.result?.swaps||[]).reduce((b,S)=>(b.push(S.from.blockchain,S.to.blockchain),S.internalSwaps&&Array.isArray(S.internalSwaps)&&S.internalSwaps.map(I=>{b.push(I.from.blockchain,I.to.blockchain)}),b),[]));return{amount:n.toString(),affiliateRef:m??void 0,affiliatePercent:c??void 0,affiliateWallets:f??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:y??{},slippage:u.toString(),...w&&{destination:w},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(b=>!a.includes(b)),swappersGroupsExclude:!1},...C&&{blockchains:k}}}i(fn,"createQuoteRequestBody");function Ha(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Ha,"getWalletsForNewSwap");function Ht(t){return t.result?.outputAmount||null}i(Ht,"getQuoteOutputAmount");function Va(t,e){return new ke(e).div(new ke(t)).minus(1).multipliedBy(100).toNumber()}i(Va,"getPercentageChange");function ja(t,e){let o=Ht(t),n=Ht(e);if(!o||!n)return!1;let r=$e(o,n);return r?r<=-1:!0}i(ja,"isOutputAmountChangedALot");function Xa(t,e,o){let n=t.validationStatus,r=ma(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>el(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=E(new ke(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=E(new ke(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),m="";return a.reason==="FEE"&&(m=Ve.t(" for network fee")),a.reason==="INPUT_ASSET"&&(m=Ve.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(m=Ve.t(" for input and network fee")),Ve.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:u,symbol:l,reason:m,currentAmount:p,blockchain:Me(a.asset.blockchain,o)}})})}i(Xa,"generateBalanceWarnings");function Ka(t,e){return(t?new ke(t):Ce).multipliedBy(e||0)}i(Ka,"calcOutputUsdValue");function ho(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==cn.NetworkChanged}i(ho,"isNetworkStatusInWarningState");function Ya(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 cn.WaitingForConnectingWallet:n=n||Ve.t("Waiting for connecting wallet");break;case cn.WaitingForQueue:n=n||Ve.t("Waiting for other running tasks to be finished");break;case cn.WaitingForNetworkChange:n=n||Ve.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(Ya,"getSwapMessages");function Ja(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(Ja,"getLastConvertedTokenInFailedSwap");function Za(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Za,"shouldRetrySwap");function Ra(t,e,o,n,r,s){return t||!e&&!od(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!pn(s,o)}i(Ra,"confirmSwapDisabled");function Rr(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(Rr,"searchParamsToToken");function ol(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(ol,"getQuoteToTokenUsdPrice");function ei(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(ei,"isNumberOfSwapsChanged");function ti(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!Qr(o,n)}i(ti,"isQuoteSwappersUpdated");function oi(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(oi,"isQuoteInternalCoinsUpdated");function nl(t,e){return ei(t,e)||ti(t,e)||oi(t,e)}i(nl,"isQuoteChanged");function el(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(el,"getRequiredBalanceOfWallet");function ct(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(ct,"getPriceImpactLevel");function rl(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=sd(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=jr(s?s.toBlockchain:n.fromBlockchain,e),p=jr(r.toBlockchain,e),u=Vr(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),m=Vr(a,o),c=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:m,inputAmount:c}}i(rl,"createRetryQuote");function gn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Lt(o,t.requestAmount),l=Lt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let m=$e(a.toString(),l.toString());if(!!m&&Oa(a,m)){let f=mn(t.result.swaps,r),d=ct(m);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:m,totalFee:f,warningLevel:d}}}else if(t.result&&(!a||!l))return{type:1};let p=dn(t),u=s>Na;if(Qa(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:Ga(t,s),minRequiredSlippage:p};return null}i(gn,"generateQuoteWarnings");function $e(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:Va(t.toString(),e.toString());return n&&n<0?n:null}i($e,"getPriceImpact");var il=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 ad=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"),kt=ad;var Lt=i((t,e)=>t?.usdPrice?new Tt(e||Ce).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),D=kt(ld()(pd(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Tt(0),outputUsdValue:new Tt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ce;return co(o.inputAmount)?(e&&(n=e.result?.outputAmount?new Tt(e.result?.outputAmount):null,r=Ka(e.result?.outputAmount,ol(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new Tt(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:Lt(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 Tt(0),outputUsdValue:new Tt(0),quote:null},...!!o.fromToken&&{inputUsdValue:Lt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=rl(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:Lt(a??null,u),outputUsdValue:new Tt(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:Lt(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 al(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=D(),u=g().config,m=g().fetchStatus,c=g().blockchains(),f=g().tokens(),{setAffiliateRef:d,setAffiliatePercent:w,setAffiliateWallets:y}=g(),h=u?.from?.tokens,C=u?.from?.blockchains,k=u?.to?.tokens,T=u?.to?.blockchains,b=yn(void 0),S=yn(void 0),I=yn(void 0),A=yn(void 0);hn(()=>{t(u?.amount?.toString()||"")},[u?.amount]),sl(()=>{if(m==="success"){let v=c.find(L=>L.name===u?.from?.blockchain),x=f.find(L=>Le(L,u?.from?.token||null));(v||!v&&I.current)&&n(v??null),x?r({token:x,meta:{blockchains:c,tokens:f}}):!x&&b.current&&r({token:null}),I.current=u?.from?.blockchain,b.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,m]),hn(()=>{mo(s,h)&&r({token:null}),Gr(l,C)&&n(null)},[h,C]),hn(()=>{mo(a,k)&&r({token:null}),Gr(p,T)&&o(null)},[k,T]),sl(()=>{if(m==="success"){let v=c.find(L=>L.name===u?.to?.blockchain),x=f.find(L=>Le(L,u?.to?.token||null));(v||!v&&A.current)&&o(v??null),x?e({token:x,meta:{blockchains:c,tokens:f}}):!x&&S.current&&e({token:null}),A.current=u?.to?.blockchain,S.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,m]),hn(()=>{d(u?.affiliate?.ref??null),w(u?.affiliate?.percent??null),y(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}i(al,"useSyncStoresWithConfig");import{useEffect as dd}from"react";import{create as ud}from"zustand";import{subscribeWithSelector as cd}from"zustand/middleware";var V=kt(ud()(cd((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:nn(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=>Ro(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:m})=>({address:u,blockchain:m})),p=(await Gt().getWalletsDetails(a)).wallets;if(p)t(u=>{let m=u.connectedWallets.map(f=>{let d=o.find(y=>Ro(y,f)),w=p.find(y=>y.address===f.address&&y.blockChain===f.chain);return w?.failed&&d&&r&&s([d],n,!1),d&&w?{...f,explorerUrl:w.explorerUrl,balances:da(w,n),loading:!1}:f});return{loading:!1,balances:nn(m),connectedWallets:m}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(m=>o.find(c=>Ro(c,m))?fa(m):m);return{loading:!1,balances:nn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=Ur(o);return n[r]??null}}))));import{allProviders as md}from"@rango-dev/provider-all";function Sn(t,e){let o=md({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(Sn,"matchAndGenerateProviders");function ll(t,e){return Sn(t,e).map(r=>r.config.type)}i(ll,"configWalletsToWalletName");function pl(t,e){let o=V.use.clearConnectedWallet(),n=Sn(void 0,e);return dd(()=>{o(),n=Sn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(pl,"useWalletProviders");var kn=hd({onConnectWallet:()=>{}});function Cd(t){let{updateConfig:e,updateSettings:o,fetch:n}=g(),r=g().blockchains(),s=g().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=Sd([]),{providers:u}=pl(t.config.wallets,a),{connectWallet:m,disconnectWallet:c}=V(),f=yd();al(),ri(()=>{n().catch(console.log)},[]),ri(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let d=r.filter(gd).map(y=>y.name),w=i((y,h,C,k,T)=>{if(h===ni.ACCOUNTS)if(C){let b=Zo(T.supportedBlockchains),S=ca(y,C,d,b,T.isContractWallet);p(S)}else c(y);if(h===ni.ACCOUNTS&&k.connected){let b=`${y}-${k.network}-${C}`;k.connected&&(f.current?f.current(b):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(h===ni.NETWORK&&k.network){let b=`${y}-${k.network}`;f.current?f.current(b):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(y,h,C,k,T)},"onUpdateState");return ri(()=>{l.length&&m(l,s)},[l,s]),Cn.createElement(kn.Provider,{value:{onConnectWallet:y=>{f.current=y}}},Cn.createElement(fd,{allBlockChains:r,providers:u,onUpdateState:w,autoConnect:!0},t.children))}i(Cd,"Main");function Tn(t){let{config:e,...o}=t;return Cn.createElement(_a,{config:e},Cn.createElement(Cd,{...o,config:e}))}i(Tn,"WidgetWallets");import ta from"react";import{I18nManager as mC}from"@rango-dev/ui";import Ho,{useContext as dC,useEffect as fC,useState as Am}from"react";import{useQueueManager as Ed}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Wd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Nd}from"rango-types";import wn,{Fragment as Bd}from"react";import{MemoryRouter as Ld,useInRouterContext as Pd}from"react-router";import{useWallets as Td}from"@rango-dev/wallets-react";import{useEffect as wd,useRef as xd}from"react";function ul(){let{connect:t,state:e}=Td(),o=xd({}),{fetchStatus:n}=g(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);wd(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(ul,"useForceAutoConnect");import{useEffect as ii,useRef as si}from"react";import{createSearchParams as bd,useLocation as Ad,useSearchParams as Id}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 vd}from"zustand";var ve=kt(vd()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));function cl(){let t=si(!0),[e,o]=Id(),n=Ad(),r=si(n.search),s=si({}),a=D.use.fromBlockchain(),l=D.use.toBlockchain(),p=D.use.fromToken(),u=D.use.toToken(),m=D.use.setFromBlockchain(),c=D.use.setFromToken(),f=D.use.setToBlockchain(),d=D.use.setToToken(),w=D.use.inputAmount(),y=D.use.setInputAmount(),h=g().fetchStatus,C=g().blockchains(),k=g().tokens(),T=ve.use.setSelectedSwap();return ii(()=>{let b={};bd(r.current).forEach((I,A)=>{b[A]=I}),s.current=b;let S=n.pathname.split(M.swaps+"/")[1]||null;S&&T(S)},[]),ii(()=>{if(!t.current){let b="",S="",I="",A="",v="",x=s.current["autoConnect"];h!=="success"?(b=s.current["fromBlockchain"],S=s.current["fromToken"],I=s.current["toBlockchain"],A=s.current["toToken"],v=s.current["fromAmount"]||w):(b=a?.name||"",S=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),I=l?.name||"",A=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),v=w),o({...b&&{["fromBlockchain"]:b},...S&&{["fromToken"]:S},...I&&{["toBlockchain"]:I},...A&&{["toToken"]:A},...v&&{["fromAmount"]:v.toString()},...x&&{["autoConnect"]:x}},{replace:!0})}t.current=!1},[n.pathname,w,a,p,l,u]),ii(()=>{if(h==="success"){let b=e.get("fromBlockchain"),S=e.get("fromToken"),I=e.get("toBlockchain"),A=e.get("toToken"),v=e.get("fromAmount"),x=C.find(F=>F.name===b),L=Rr(k,S,x||null),U=C.find(F=>F.name===I),W=Rr(k,A,U||null);x&&(m(x),L&&c({token:L,meta:{blockchains:C,tokens:k}})),U&&(f(U),W&&d({token:W,meta:{blockchains:C,tokens:k}})),v&&y(v)}},[h]),null}i(cl,"UpdateUrl");function ml({children:t,...e}){let o=Pd(),n=o?Bd:Ld,r=g().blockchains(),{canSwitchNetworkTo:s}=Wd();ul();let a=r.filter(Nd);return Ed({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),wn.createElement(wn.Fragment,null,wn.createElement(n,null,t),o&&wn.createElement(cl,null))}i(ml,"AppRouter");import Ae from"react";import{useRoutes as sC}from"react-router-dom";import{i18n as ir}from"@lingui/core";import{useManager as dh}from"@rango-dev/queue-manager-react";import{Alert as Nu,Button as fh,css as Yi,Divider as gh,IconButton as Bu,SettingsIcon as hh,styled as Lu,Tooltip as yh,Typography as Sh,WalletIcon as Ch}from"@rango-dev/ui";import se,{useEffect as Bo,useLayoutEffect as kh,useRef as Th,useState as sr}from"react";import{flushSync as wh}from"react-dom";import{useNavigate as xh}from"react-router-dom";import{i18n as ot}from"@lingui/core";import{Alert as Ii,BalanceErrors as og,Button as cp,ChevronDownIcon as ng,ChevronLeftIcon as rg,Divider as Yt,MessageBox as ig,Modal as mp,Typography as Gn,WalletIcon as sg}from"@rango-dev/ui";import N,{useEffect as ag,useState as $t}from"react";import{useNavigate as lg}from"react-router-dom";import{i18n as xn}from"@lingui/core";function vn(t){switch(t.type){case 0:return xn.t("Route has been updated.");case 3:return xn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return xn.t("Route swappers has been updated.");case 2:return xn.t("Route internal coins has been updated.");default:return""}}i(vn,"getQuoteUpdateWarningMessage");import En,{useLayoutEffect as Dd,useRef as Fd}from"react";import*as Vt from"@radix-ui/react-collapsible";import{keyframes as dl,styled as bn}from"@rango-dev/ui";var yo=300,$d=dl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),_d=dl({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),fl=bn(Vt.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ai=bn(Vt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),An=bn(Vt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${$d} ${yo}ms ease-out`},false:{animation:`${_d} ${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=Fd(null);return Dd(()=>{e&&p.current&&setTimeout(()=>{p?.current?.scrollIntoView({behavior:"smooth"})},yo)},[e]),En.createElement(fl,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&En.createElement(ai,{className:"collapsible_trigger",onClick:s},a),En.createElement(An,{className:"collapsible_content",open:e},r),l==="bottom"&&En.createElement(ai,{className:"collapsible_trigger",onClick:s},a))}i(Wn,"CustomCollapsible");import{Button as Od,css as gl,darkTheme as jt,IconButton as Ud,styled as _e,TextField as zd}from"@rango-dev/ui";var hl=_e("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),yl=_e("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),qd=_e("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"}}}}),Sl=_e(qd,{alignSelf:"stretch",minHeight:"93px"}),Cl=_e("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),kl=_e(Ud,{position:"absolute",left:"$20"}),Tl=_e("div",{paddingTop:"$20"}),wl=gl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),xl=_e("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),vl=gl({paddingTop:"$5"}),bl=_e("div",{display:"flex"}),Al=_e(zd,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Il=_e("div",{overflow:"visible",width:"100%"}),El=_e(Od,{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 Xe}from"@lingui/core";import{Button as Rf,Divider as bi,Image as eg,MessageBox as qn,Modal as sp,SelectableWallet as tg,Typography as ap,WalletState as lp}from"@rango-dev/ui";import ne,{useEffect as pp,useState as ko}from"react";import{WalletState as li}from"@rango-dev/ui";import{useWallets as Gd}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Qd,WalletTypes as Nn}from"@rango-dev/wallets-shared";import{useEffect as Hd,useState as Vd}from"react";var jd=Object.values(Nn);function Bn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Gd(),{connectedWallets:u}=V(),m=g().blockchains(),c=ll(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||jd,f=ua(s,l,c,o),d=ya(f),[w,y]=Vd(""),h=i(S=>!u.find(I=>I.walletType===S&&I.chain===o),"isExperimentalChainNotAdded"),C=i(async S=>{let I=s(S);try{if(w&&y(""),I.connected)await a(S);else{let A=!!f.find(v=>v.state===li.CONNECTED);if(!e?.multiWallets&&A)return;n?.(S),await p(S),r?.(S)}}catch(A){y("Error: "+A?.message)}},"handleClick"),k=i(()=>{let S=f?.filter(I=>I.state===li.CONNECTING)||[];for(let I of S)a(I.type)},"disconnectConnectingWallets");Hd(()=>()=>{k()},[]);let T=i(S=>S.filter(A=>A.state!=li.NOT_INSTALLED&&![Nn.DEFAULT,Nn.WALLET_CONNECT_2].includes(A.type)&&l(A.type).supportedChains.filter(v=>v.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),b=i((S,I,A)=>en(A,I)&&h(S)&&!Qd.includes(S)||S==Nn.DEFAULT&&!T(f),"shouldExcludeWallet");return{list:d.filter(S=>!b(S.type,o??"",m)),error:w,handleClick:C}}i(Bn,"useWalletList");import{i18n as Rl}from"@lingui/core";import{styled as tp,Typography as Hf,Wallet as Vf,WalletState as jf}from"@rango-dev/ui";import Mt,{Fragment as Xf,useState as ep}from"react";import{BottomLogo as $f,Divider as _f,Header as Df}from"@rango-dev/ui";import Se from"react";import{useNavigate as Xd}from"react-router-dom";function wt(){let t=Xd();return()=>t(-1)}i(wt,"useNavigateBack");import{createTheme as mi,darkTheme as Rd,lightTheme as ef}from"@rango-dev/ui";import{useEffect as Bl,useState as tf}from"react";import{theme as Jd,darkColors as Zd}from"@rango-dev/ui";var Wl=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,m=(l.length<2?"0":"")+l;return`#${p}${u}${m}`},"colorShade"),Ln=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:Wl(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:Wl(e,-((l-5)*25))});return a},"generateRangeColors"),pi=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 Nl=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Kd=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Nl(o%52)+e;return Nl(o%52)+e},"toAlphabeticName"),Yd=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),ui=i(t=>Kd(Yd(5381,JSON.stringify(t))>>>0),"toHash");function ci(t){let e=Jd.colors,o=pi({...e,...Zd},!0,t?.dark),n=pi(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(ci,"customizedThemeTokens");function Pn(t){let{colors:e,fontFamily:o=xa,borderRadius:n=Ta,secondaryBorderRadius:r=wa,mode:s="auto"}=t,[a,l]=tf("light"),{setTheme:p,theme:u}=g(),{dark:m,light:c}=ci(e),f=mi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[f.className,ef.className],w=[f.className,Rd.className];if(c){let h=mi(c.id,c.tokens);d.push(h.className)}if(m){let h=mi(m.id,m.tokens);w.push(h.className)}return Bl(()=>{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)}},[]),Bl(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let h=d.join(" "),C=w.join(" ");return u==="auto"?a==="dark"?C:h:u==="dark"?C:h},"getActiveTheme")}}i(Pn,"useTheme");import{ChevronLeftIcon as rf}from"@rango-dev/ui";import $l from"react";import{darkTheme as of,IconButton as nf,styled as So}from"@rango-dev/ui";var De=So(nf,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Ll=So("div",{position:"absolute",background:"$secondary500",[`.${of} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Xt=So("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Pl=So("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),Ml=So("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function di(t){return $l.createElement(De,{variant:"ghost",size:"small",onClick:t.onClick},$l.createElement(rf,{color:"black",size:16}))}i(di,"BackButton");import{i18n as sf}from"@lingui/core";import{Button as af,Typography as lf}from"@rango-dev/ui";import fi from"react";function gi(t){return fi.createElement(Xt,null,fi.createElement(af,{variant:"ghost",onClick:t.onClick,size:"xsmall"},fi.createElement(lf,{variant:"label",size:"medium",color:"error500"},sf.t("Cancel"))))}i(gi,"CancelButton");import{i18n as pf}from"@lingui/core";import{Tooltip as uf,WalletIcon as cf}from"@rango-dev/ui";import Mn from"react";function hi(t){return Mn.createElement(uf,{container:t.container,side:"top",content:pf.t("Connect Wallet")},Mn.createElement(De,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Mn.createElement(Ll,null),Mn.createElement(cf,{size:18,color:"black"})))}i(hi,"WalletButton");import{i18n as Fn}from"@lingui/core";import{NotificationsIcon as Nf,Popover as Bf,SettingsIcon as Lf,Tooltip as On,TransactionIcon as Pf}from"@rango-dev/ui";import fe from"react";import{i18n as Cf}from"@lingui/core";import{ChainToken as zl,ChevronRightIcon as kf,ListItemButton as Tf,Typography as wf}from"@rango-dev/ui";import je from"react";import{useNavigate as xf}from"react-router-dom";import{create as mf}from"zustand";import{persist as df,subscribeWithSelector as ff}from"zustand/middleware";var Fe=kt(mf()(df(ff((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 _l=$n("div",{padding:"$10",width:"350px",minHeight:"150px"}),Dl=$n("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Fl=$n("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Ol=$n("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as gf}from"@lingui/core";import{Divider as hf,NoNotificationIcon as yf,Typography as Sf}from"@rango-dev/ui";import _n from"react";function Ul(){return _n.createElement(Ol,null,_n.createElement(yf,{color:"secondary",size:26}),_n.createElement(hf,{size:12}),_n.createElement(Sf,{variant:"body",size:"medium",color:"neutral700"},gf.t("You have no notification")))}i(Ul,"NotificationNotFound");var vf=4;function yi(){let t=xf(),e=ve.use.setSelectedSwap(),{getUnreadNotifications:o}=Fe(),n=o(),r=g().blockchains(),s=g().tokens(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,vf),l=i(p=>{e(p),t(`${M.swaps}/${p}`)},"handleOnClick");return je.createElement(_l,null,a.length?je.createElement(Dl,null,a.map(p=>{let u=s.find(d=>d.address===p.route.from.tokenAddress&&d.blockchain===p.route.from.blockchain&&d.symbol===p.route.from.tokenSymbol),m=r.find(d=>d.name===p.route.from.blockchain),c=s.find(d=>d.address===p.route.to.tokenAddress&&d.blockchain===p.route.to.blockchain&&d.symbol===p.route.to.tokenSymbol),f=r.find(d=>d.name===p.route.to.blockchain);return je.createElement(Tf,{key:p.requestId,onClick:()=>l(p.requestId),title:je.createElement(wf,{variant:"body",size:"small",color:"$neutral700"},Cf.t(p.event.message)),id:p.requestId,start:je.createElement(Fl,null,je.createElement("div",{className:"from-chain-token"},je.createElement(zl,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),je.createElement("div",{className:"to-chain-token"},je.createElement(zl,{tokenImage:c?c.image:"",chainImage:f?f.logo:"",size:"small"}))),end:je.createElement(kf,{size:12,color:"gray"})})})):je.createElement(Ul,null))}i(yi,"NotificationContent");import{RefreshProgressButton as bf}from"@rango-dev/ui";import Si,{useEffect as Af,useState as ql}from"react";var If=1e3,Gl=60,Ef=100;function Dn({onClick:t}){let[e,o]=ql(0),[n,r]=ql(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");Af(()=>{let p;return t?p=window.setInterval(()=>{o(u=>u+1),e===Gl&&l()},If):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 Si.createElement(De,{variant:"ghost",size:"small",onClick:l,disabled:!t},Si.createElement(Ml,{onTransitionEnd:()=>r(!1),isRefetched:n},Si.createElement(bf,{size:24,color:t?"black":"gray",progress:e/Gl*Ef})))}i(Dn,"RefreshButton");import{Typography as Wf}from"@rango-dev/ui";import Ql from"react";function Hl(){let{getUnreadNotifications:t}=Fe(),e=t().length;return e?Ql.createElement(Pl,null,Ql.createElement(Wf,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(Hl,"UnreadNotificationsBadge");function Ci(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r}=t,{config:{features:s}}=g(),a=Pe("notification",s);return fe.createElement(fe.Fragment,null,fe.createElement(On,{container:P(),side:"top",content:Fn.t("Refresh")},fe.createElement(Dn,{onClick:o})),!a&&fe.createElement(Bf,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:P(),content:fe.createElement(yi,null)},fe.createElement("div",null,fe.createElement(On,{container:P(),side:"top",content:Fn.t("Notifications")},fe.createElement(De,{size:"small",variant:"ghost"},fe.createElement(Nf,{size:18,color:"black"}),fe.createElement(Hl,null))))),fe.createElement(On,{container:P(),side:"top",content:Fn.t("Settings")},fe.createElement(De,{size:"small",variant:"ghost",onClick:r},fe.createElement(Lf,{size:18,color:"black"}))),fe.createElement(On,{container:P(),side:"top",content:Fn.t("Transactions History")},fe.createElement(De,{size:"small",variant:"ghost",onClick:n},fe.createElement(Pf,{size:18,color:"black"}))))}i(Ci,"HomeButtons");import{darkTheme as Mf,styled as ki}from"@rango-dev/ui";var Vl=ki("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",overflow:"hidden !important",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",width:"100vw",minWidth:"300px",maxWidth:"390px",maxHeight:"700px",textAlign:"left",$$color:"$colors$neutral100",[`.${Mf} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"100vh"},false:{height:"auto !important"}}}}),jl=ki("div",{borderTopLeftRadius:"20px",borderTopRightRadius:"20px",display:"flex",flexDirection:"column",flex:1,padding:"$20 $20 $10 $20",backgroundColor:"$background",position:"relative",overflowY:"auto",overflowX:"hidden",variants:{noPadding:{true:{padding:"0"}}}}),Xl=ki("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Ff(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:l=!0}=t,p=V.use.connectedWallets(),{config:{features:u,theme:m}}=g(),{activeTheme:c}=Pn(m||{}),f=Pe("connectWalletButton",u),d=ve.use.connectWalletsButtonDisabled(),w=wt(),y=i(()=>{!d&&n.onWallet&&n.onWallet()},"onConnectWallet"),h=typeof n.hasBackButton>"u"||n.hasBackButton;return Se.createElement(Vl,{ref:e,fixedHeight:l,id:xe,className:c()},Se.createElement(Df,{prefix:Se.createElement(Se.Fragment,null,h&&Se.createElement(di,{onClick:w})),title:n.title,suffix:Se.createElement(Se.Fragment,null,n.suffix,n.onWallet&&!f&&Se.createElement(hi,{container:P(),onClick:y,isConnected:!!p?.length}),n.onCancel&&Se.createElement(gi,{onClick:n.onCancel}))}),Se.createElement(jl,{noPadding:s},o),(a||r)&&Se.createElement(Xl,null,Se.createElement("div",{className:"footer__content"},r),a&&Se.createElement("div",{className:"footer__logo"},Se.createElement(_f,{size:12}),Se.createElement($f,null))))}i(Ff,"LayoutComponent");var J=Se.forwardRef(Ff);J.displayName="Layout";import{Divider as Gf,Modal as Qf}from"@rango-dev/ui";import wi from"react";import{i18n as Kt}from"@lingui/core";import{Image as zf,MessageBox as Ti,WalletState as qf}from"@rango-dev/ui";import Pt from"react";import{keyframes as Of,styled as Un}from"@rango-dev/ui";var Lb=Un("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Kl=Un("div",{position:"relative"}),Uf=Of({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Yl=Un("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Uf} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Jl=Un("div",{"& img":{borderRadius:"50%"}});function Zl(t){let{state:e,image:o,error:n}=t;return e===qf.CONNECTED?Pt.createElement(Ti,{type:"success",title:Kt.t("Wallet Connected"),description:Kt.t("Your wallet is connected, you can use it to swap.")}):n?Pt.createElement(Ti,{type:"error",title:Kt.t("Failed to Connect"),description:n||Kt.t("Your wallet is not connected. Please try again.")}):Pt.createElement(Ti,{type:"loading",title:Kt.t("Connecting to your wallet"),description:Kt.t("Click connect in your wallet popup."),icon:Pt.createElement(Kl,null,Pt.createElement(Jl,null,Pt.createElement(zf,{src:o,size:45})),Pt.createElement(Yl,null))})}i(Zl,"ModalContent");function Co(t){let{open:e,onClose:o,...n}=t;return wi.createElement(Qf,{open:e,onClose:o,container:document.getElementById(xe)||document.body},wi.createElement(Zl,{...n}),wi.createElement(Gf,{direction:"vertical",size:32}))}i(Co,"WalletModal");var Kf=tp("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Yf=tp("div",{textAlign:"center"}),zn=3e3,xi=300;function op(){let{config:t,fetchStatus:e}=g(),[o,n]=ep(!1),[r,s]=ep(""),a=null,{list:l,handleClick:p,error:u}=Bn({config:t,onBeforeConnect:d=>{a=setTimeout(()=>{n(!0),s(d)},xi)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},zn)}}),m=l.find(d=>d.type===r),c=m?.image||"",f=m?.state||jf.NOT_INSTALLED;return Mt.createElement(J,{header:{title:Rl.t("Connect Wallets")}},Mt.createElement(Yf,null,Mt.createElement(Hf,{variant:"title",size:"xmedium",align:"center"},Rl.t("Choose a wallet to connect.")),Mt.createElement(Kf,null,l.map((d,w)=>{let y=`wallet-${w}-${d.type}`;return Mt.createElement(Xf,{key:y},Mt.createElement(Vf,{...d,container:P(),onClick:h=>{p(h)},isLoading:e==="loading"}))}),Mt.createElement(Co,{open:!!o,onClose:()=>n(!1),image:c,state:f,error:u}))))}i(op,"WalletsPage");import{keyframes as Jf,styled as vi}from"@rango-dev/ui";var np=vi("div",{position:"relative"}),Zf=Jf({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),rp=vi("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Zf} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ip=vi("div",{"& img":{borderRadius:"50%"}});function Ai(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=g(),l=V.use.connectedWallets(),{blockchains:p}=g(),[u,m]=ko(""),[c,f]=ko(null),[d,w]=ko(!1),[y,h]=ko(null),{suggestAndConnect:C}=up(),k=null,{list:T,error:b,handleClick:S}=Bn({config:a,chain:e,onBeforeConnect:W=>{k=setTimeout(()=>{m(W)},xi)},onConnect:()=>{k&&clearTimeout(k),setTimeout(()=>{m("")},zn)}}),[I,A]=ko(T),v=T.length,x=r&&v-r>0,L=i(async W=>{w(!1),h("in-progress");try{await C(W.walletType,W.chain),h("completed")}catch{h("rejected")}},"addExperimentalChain");pp(()=>{A(W=>{let F=T.findIndex(_=>o(_.type,e));return x&&F>1?[T[F]].concat(T.filter((_,K)=>K!==F)):W.map(_=>T.find(K=>K.type===_.type)??_)})},[JSON.stringify(T)]);let U=document.getElementById(xe);return pp(()=>{let W=null;return(y==="completed"||y==="rejected")&&(W=setTimeout(()=>h(null),zn)),()=>{W&&clearTimeout(W)}},[y]),ne.createElement(ne.Fragment,null,I.slice(0,r).map(W=>{let F=Sa({connectedWallets:l,walletType:W.type,chain:e}),_=F?on(F):"",K=en(p(),e),re=!l.find(we=>we.walletType===W.type&&we.chain===e),ae=K&&re&&W.state===lp.CONNECTED,he=ae?Xe.t({id:"Add {chain} chain",values:{chain:e}}):_,te=i(()=>{W.state===lp.DISCONNECTED?S(W.type):ae?(f({walletType:W.type,chain:e,address:F??""}),w(!0)):n({walletType:W.type,chain:e,address:F??""})},"onClick"),Z=c?.chain?Da(c.chain,p()):void 0;return ne.createElement(ne.Fragment,null,ne.createElement(Co,{open:u===W.type,onClose:()=>m(""),image:W.image,state:W.state,error:b}),!!c&&ne.createElement(sp,{open:!!c&&d,container:U,onClose:()=>{f(null)}},ne.createElement(qn,{title:Xe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),type:"warning",description:Xe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}})},ne.createElement(bi,{size:18}),ne.createElement(bi,{size:32}),ne.createElement(Rf,{onClick:L.bind(null,c),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Xe.t("Confirm")))),y&&ne.createElement(sp,{open:!!y,onClose:h.bind(null,null),container:U},y==="in-progress"&&ne.createElement(qn,{type:"loading",title:Xe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),description:Xe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}}),icon:ne.createElement(np,null,ne.createElement(ip,null,ne.createElement(eg,{src:W.image,size:45})),ne.createElement(rp,null))}),y==="completed"&&ne.createElement(qn,{type:"success",title:Xe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Z}}),description:Xe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Z}})}),y==="rejected"&&ne.createElement(qn,{type:"error",title:Xe.t("Request Rejected"),description:Xe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Z}})}),ne.createElement(bi,{direction:"vertical",size:32})),ne.createElement(tg,{key:W.type,description:he,onClick:te,selected:o(W.type,e),...W}))}),x&&ne.createElement(Sl,{selected:!1,onClick:s},ne.createElement(ap,{variant:"label",size:"medium"},Xe.t("Show more wallets"),ne.createElement(ap,{variant:"label",size:"medium",color:"$primary"},"\xA0+",v-(r??0)))))}i(Ai,"WalletList");var pg=2;function dp(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=g().config,l=g().blockchains(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:m,setQuoteWalletConfirmed:c,customDestination:f,setCustomDestination:d}=D(),{connectedWallets:w,selectWallets:y}=V(),[h,C]=$t(""),[k,T]=$t([]),[b,S]=$t(""),[I,A]=$t(null),[v,x]=$t(f),[L,U]=$t(!!f),W=ln(p),F=l.find(O=>O.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),_=i(O=>!!p?.result?.swaps.find(G=>G.from.blockchain===O),"isWalletRequiredFor"),[K,re]=$t(w.filter(O=>O.selected&&W.includes(O.chain))),ae=l.find(O=>O.name===F?.name),he=i((O,G)=>!!K.find(Q=>Q.walletType===O&&Q.chain===G&&Q.selected&&(_(G)||!_(G)&&!v)),"isSelected"),te=!!v&&L&&ae&&!pn(ae,v),Z=i(()=>{U(!1),x(""),re(O=>{let G=!1;return O.map(Q=>!G&&Q.chain===F?.name?(G=!0,{...Q,selected:!0}):Q)})},"resetCustomDestination"),we=i(O=>{if(h&&C(""),he(O.walletType,O.chain))return;let Q=w.find(Ie=>Ie.walletType===O.walletType&&Ie.chain===O.chain);Q&&(n(),O.chain===F?.name&&L&&(U(!1),x("")),re(Ie=>Ie.filter(Qe=>Qe.chain!==O.chain).concat({...Q,selected:!0})))},"onChange"),Ge=i(()=>{let O=K.filter(G=>G.selected);y(O),u(O),d(v),c(!0),o()},"onConfirmBalance"),Ne=i(async()=>{T([]),S(""),A(null);let O=w.filter(Ie=>K.find(Qe=>Qe.chain===Ie.chain&&Qe.walletType===Ie.walletType)),G=await r?.({selectedWallets:O,customDestination:v}),Q=G.warnings;Q?.balance?.messages&&T(Q.balance.messages),Q?.quoteUpdate&&A(Q.quoteUpdate),G.error&&S(Fa(G.error)),!G.error&&(!Q?.balance?.messages.length||0>0)?Ge():T(Q?.balance?.messages??[])},"onConfirmWallets");ag(()=>{re(O=>O.concat(w.filter(G=>!!!O.find(Ie=>Ie.chain===G.chain)&&G.selected&&W.includes(G.chain))))},[w.length]);let zt=document.getElementById(xe),po=lg();return N.createElement(mp,{open:e,onClose:()=>{m||po("../",{replace:!0}),o()},dismissible:!h,container:zt,...!h&&{footer:N.createElement(bl,null,N.createElement(cp,{loading:s,disabled:Ra(s,L,v,p,K,F),onClick:Ne,variant:"contained",type:"primary",fullWidth:!0,size:"large"},ot.t("Confirm")))},...h&&{containerStyle:{padding:"$0"},header:N.createElement(Cl,null,N.createElement(kl,{variant:"ghost",onClick:C.bind(null,"")},N.createElement(rg,{size:16})),N.createElement(Gn,{variant:"headline",size:"small"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:Me(h,l)}})))},anchor:"center"},N.createElement(mp,{open:k.length>0,onClose:T.bind(null,[]),container:zt},N.createElement(ig,{title:ot.t("Insufficient account balance"),type:"error",description:N.createElement(og,{messages:k??[]})},N.createElement(cp,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Ge},ot.t("Proceed anyway")))),h&&N.createElement(Tl,null,N.createElement("div",{className:wl()},N.createElement(Ai,{chain:h,isSelected:he,selectWallet:we,onShowMore:C.bind(null,h)}))),!h&&N.createElement(N.Fragment,null,b&&N.createElement(N.Fragment,null,N.createElement(Ii,{variant:"alarm",type:"error",title:ot.t(b)}),N.createElement(Yt,{size:12})),I&&N.createElement(N.Fragment,null,N.createElement(Ii,{variant:"alarm",type:"warning",title:vn(I)}),N.createElement(Yt,{size:12})),N.createElement(Il,null,W.map((O,G)=>{let Q=l.find(ut=>ut.name===O),Ie=`wallet-${G}`,Qe=G===W.length-1;return N.createElement("div",{key:Ie},N.createElement(hl,null,N.createElement(Gn,{variant:"title",size:"xmedium"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:Q?.shortName}})),N.createElement(Gn,{variant:"label",color:"$neutral700",size:"medium"},ot.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:Q?.shortName}}))),N.createElement(Yt,{size:24}),N.createElement(yl,null,N.createElement(Ai,{chain:O,isSelected:he,selectWallet:we,limit:pg,onShowMore:()=>C(Q?.name??"")})),!Qe&&N.createElement(Yt,{size:32}),Qe&&a?.customDestination&&N.createElement(xl,null,N.createElement(Wn,{onOpenChange:ut=>{ut?_(F?.name??"")||re(He=>He.map(Be=>Be.chain===F?.name?{...Be,selected:!1}:Be)):Z()},hasSelected:!0,open:L,triggerAnchor:"top",trigger:N.createElement(El,{fullWidth:!0,variant:"default",suffix:N.createElement(In,{orientation:L?"up":"down"},N.createElement(ng,{size:10,color:"gray"}))},N.createElement("div",{className:"button__content"},N.createElement(sg,{size:18,color:"info"}),N.createElement(Yt,{size:4,direction:"horizontal"}),N.createElement(Gn,{variant:"label",size:"medium"},ot.t("Send to a different address")))),onClickTrigger:()=>U(ut=>!ut)},N.createElement(Yt,{size:4}),N.createElement(Al,{autoFocus:!0,placeholder:ot.t("Your destination address"),value:v,onChange:ut=>{x(ut.target.value)}})),te&&N.createElement("div",{className:vl()},N.createElement(Ii,{variant:"alarm",type:"error",title:ot.t({values:{destination:v},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(dp,"ConfirmWalletsModal");import{Divider as lh}from"@rango-dev/ui";import Ue from"react";import{i18n as Di}from"@lingui/core";import{Alert as Wg,Divider as Fi,InfoIcon as Ng,StepDetails as Bg,TokenAmount as Lg,Tooltip as zp,Typography as bo}from"@rango-dev/ui";import qp from"bignumber.js";import z,{useLayoutEffect as Pg,useRef as Gp,useState as Mg}from"react";import{styled as To}from"@rango-dev/ui";var fp=To("div",{paddingBottom:"$10"}),Ei=To("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),gp=To("div",{variants:{paddingTop:{true:{paddingTop:"$10"}}}}),hp=To("div",{paddingBottom:"$15"}),yp=To("div",{width:"100%",display:"flex"});import*as Qn from"@radix-ui/react-collapsible";import{css as Hn,darkTheme as nt,Image as Sp,styled as Oe,Typography as ug}from"@rango-dev/ui";var Wi=300,Cp=Oe(Qn.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"}}}}),kp=Hn({padding:"$10 $15"}),Tp=Oe("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"}}}]}),wp=Hn({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),Jt=Hn({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),xp=Hn({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${nt} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),vp=Oe(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:{[`& ${Sp}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Sp}`]:{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"}}}),bp=Oe("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"}}}}),Ap=Oe(An,{width:"100%",background:"inherit"}),Ni=Oe("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Wi}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),HA=Oe("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Ip=Oe("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${nt} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Ep=Oe("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Bi=Oe(ug,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),Wp=Oe("div",{display:"flex",flexWrap:"wrap"}),Li=Oe("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 xt}from"@lingui/core";import{ChevronDownIcon as mg,CloseIcon as dg,Divider as Xn,IconButton as fg,Modal as gg,QuoteCost as hg,Tooltip as yg,Typography as Ke}from"@rango-dev/ui";import Sg from"bignumber.js";import q,{useState as Pp}from"react";import{i18n as wo}from"@lingui/core";var Pi={"Network Fee":wo.t("Network Fee"),"Swapper Fee":wo.t("Protocol Fee"),"Affiliate Fee":wo.t("Affiliate Fee"),"Outbound network fee":wo.t("Outbound Fee"),"Rango Fee":wo.t("Rango Fee")};import{css as cg,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"}}),Mi=Vn("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),Np=Vn("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),Bp=Vn("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),Lp=cg({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var Cg=30,kg=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"},"$",E(t.fee,4,4))),"NonPayableFee");function Mp(t){let[e,o]=Pp(!1),[n,r]=Pp(!1),{steps:s,quote:a}=t,l=g().tokens(),p=Xo(Ko(a.result?.swaps)),u=a.result?.swaps??[],m=P(),c=mn(u,l),f=qa(u);return q.createElement(q.Fragment,null,q.createElement(hg,{onClickFee:()=>o(!e),fee:E(c,2,2),feeWarning:c.gte(new Sg(Cg)),time:p,steps:s,tooltipGas:xt.t("View more info"),tooltipContainer:m}),q.createElement(gg,{container:m,open:e,header:q.createElement(Bp,null,q.createElement(Ke,{variant:"title",size:"medium"},xt.t("Gas & Fee Explanation")),q.createElement(fg,{onClick:()=>o(!1),variant:"ghost"},q.createElement(dg,{color:"gray",size:14}))),onClose:()=>o(!1)},q.createElement(Np,null,q.createElement(Ke,{variant:"title",size:"small"},xt.t("Details")),q.createElement(Xn,{size:10}),Object.entries(f.payable).flatMap(([d,w])=>w.map((y,h)=>{let C=`payable-fee-${h}`,k=Jr(y);return q.createElement(jn,{key:C},q.createElement(Ke,{variant:"label",size:"medium",color:"neutral600"},Pi[d]),q.createElement(yg,{content:ie(y.amount),container:m},q.createElement(Ke,{variant:"label",size:"medium"},E(y.amount,2,2)," ",y.asset.symbol," ($",E(k,4,4),")")))})),q.createElement(jn,{className:"total_payable_fee"},q.createElement(Ke,{variant:"label",size:"medium"},xt.t("Total Payable Fee")),q.createElement(Ke,{variant:"label",size:"medium"},"$",E(c,4,4))),q.createElement(Mi,null),Object.keys(f.nonePayable).length&&q.createElement(Wn,{triggerAnchor:"bottom",onClickTrigger:()=>r(d=>!d),trigger:q.createElement("div",{className:Lp()},q.createElement(Ke,{size:"small",variant:"body",color:"neutral700"},n?xt.t("Hide non-payable fees"):xt.t("Show non-payable fees")),q.createElement(Xn,{size:4,direction:"horizontal"}),q.createElement(In,{orientation:n?"up":"down"},q.createElement(mg,{size:12,color:"gray"}))),open:n},q.createElement(Ke,{size:"small",variant:"title"},xt.t("Description")),q.createElement(Xn,{size:4}),q.createElement(Ke,{size:"small",variant:"body",color:"neutral700"},xt.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(f.nonePayable).map(([d,w],y)=>{let h=za(w),C=Pi[d],k=`non-payable-fee-${y}`;return q.createElement(kg,{key:k,fee:h,label:C})}),q.createElement(Mi,null)))))}i(Mp,"QuoteCostDetails");import{i18n as Dp}from"@lingui/core";import{TokenAmount as Fp}from"@rango-dev/ui";import Kn from"react";import{css as Tg,styled as wg}from"@rango-dev/ui";var $p=wg("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),_p=Tg({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function xo(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Kn.createElement($p,null,Kn.createElement(Fp,{direction:"horizontal",label:Dp.t("Swap input"),type:"input",tooltipContainer:P(),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:_p()}),Kn.createElement(Fp,{direction:"horizontal",tooltipContainer:P(),label:Dp.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(xo,"QuoteSummary");import{i18n as Op}from"@lingui/core";import{ChevronDownIcon as xg,ChevronRightIcon as vg,Divider as $i,Image as bg,Tooltip as _i,Typography as Yn}from"@rango-dev/ui";import B,{useEffect as Ag,useState as Ig}from"react";var Jn=4,Zn=6,Eg=375,vo=i(t=>{let e=P(),{content:o,src:n,className:r,open:s,state:a}=t;return B.createElement(_i,{container:e,side:"bottom",sideOffset:4,open:s,content:o},B.createElement(bp,{className:r,state:a},B.createElement(bg,{src:n,size:16})))},"ImageComponent");function Up(t){let{quoteRef:e,recommended:o,setExpanded:n,steps:r,expanded:s}=t,a=P(),l=r.length,p=il(r),[u,m]=Ig(!1),c=i(()=>{window.innerWidth<Eg?m(!0):m(!1)},"handleResize");return Ag(()=>{window.addEventListener("resize",c)}),B.createElement(vp,{ref:f=>e.current=f,recommended:o,onClick:()=>n(f=>!f)},B.createElement("div",{className:Jt()},B.createElement(Yn,{variant:"body",size:"xsmall"},Op.t("Via:")),B.createElement($i,{direction:"horizontal",size:4}),r.map((f,d)=>{let w=`item-${d}`,y=B.createElement(Ni,null,B.createElement(vg,{size:12,color:"black"}));return u?B.createElement(B.Fragment,null,B.createElement(vo,{content:f.swapper.displayName,src:f.swapper.image,state:f.state}),d!==l-1&&B.createElement(B.Fragment,null,y)):B.createElement(B.Fragment,{key:w},l<=Jn||l>Jn&&d<Jn-1?B.createElement(B.Fragment,null,B.createElement(vo,{content:f.swapper.displayName,src:f.swapper.image,state:f.state}),d!==l-1&&B.createElement(B.Fragment,null,y)):d===Jn-1&&B.createElement(_i,{container:a,side:"bottom",align:"right",sideOffset:4,content:B.createElement("div",{className:Jt()},y,r.map((h,C)=>{let k=`image-${C}`;return C>=d&&B.createElement(B.Fragment,{key:k},B.createElement(vo,{content:h.swapper.displayName,src:h.swapper.image,state:h.state,open:!1}),C!==l-1&&B.createElement(B.Fragment,null,y))}))},B.createElement(Li,{state:r.find((h,C)=>C>=d&&(h.state==="error"||h.state==="warning"))?.state},B.createElement(Yn,{size:"xsmall",variant:"body"},"+",l-d))))})),B.createElement("div",{className:Jt()},B.createElement("div",{className:"blockchains_section"},B.createElement("div",{className:Jt()},B.createElement(Yn,{variant:"body",size:"xsmall"},Op.t("Chains:")),B.createElement($i,{direction:"horizontal",size:4}),p.map((f,d)=>B.createElement(B.Fragment,null,p.length<=Zn||p.length>Zn&&d<Zn-1?B.createElement(vo,{key:f.displayName,content:"",src:f.image,open:!1,className:d!==0?"blockchainImage":""}):d===Zn-1&&B.createElement(_i,{container:a,side:"bottom",align:"right",sideOffset:4,content:B.createElement("div",{className:Jt()},p.map((w,y)=>y>=d&&B.createElement(vo,{key:w.displayName,content:"",src:w.image,open:!1,className:y>d?"blockchainImage":""})))},B.createElement(Li,{className:"blockchainImage"},B.createElement(Yn,{size:"xsmall",variant:"body"},"+",p.length-d))))),B.createElement($i,{direction:"horizontal",size:32}))),B.createElement(Ni,{orientation:s?"up":"down"},B.createElement(xg,{size:12,color:"black"}))))}i(Up,"QuoteTrigger");function Oi(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=g().blockchains(),u=g().swappers(),[m,c]=Mg(t.expanded),f=Gp(null),d=Gp(m),w=E(o.value,6,6),y=E(n.value,6,6),h=n.usdValue?E(n.usdValue,4,4):"",C=$e(o.usdValue,n.usdValue??null),k=E(C,2,2),T=ct(C??0),S=i(v=>v.map((x,L)=>{let U,W=r?.type===3&&r.swap.swapperId===x.swapperId||r?.type===4&&r.recommendedSlippages?.has(L),F=s?.type===2&&s.recommendedSlippages?.has(L);return W?U="error":F&&(U="warning"),{swapper:{displayName:go(x.swapperId,u),image:x.swapperLogo},from:{token:{displayName:x.from.symbol,image:x.from.logo},chain:{displayName:Me(x.from.blockchain,p),image:x.from.blockchainLogo},price:{value:L===0?E(o.value,6,6):E(x.fromAmount,6,6),usdValue:E((x.from.usdPrice??0)*parseFloat(x.fromAmount),4,4),realValue:ie(L===0?o.value:x.fromAmount),realUsdValue:ie(new qp(x.from.usdPrice??0).multipliedBy(x.fromAmount))}},to:{token:{displayName:x.to.symbol,image:x.to.logo},chain:{displayName:Me(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:ie(x.toAmount),realUsdValue:ie(new qp(x.to.usdPrice??0).multipliedBy(x.toAmount))}},state:U,alerts:W||F?z.createElement(hp,null,z.createElement(Wg,{type:W?"error":"warning",title:r?.type===3?r?.recommendation:Di.t("Slippage Error:"),footer:z.createElement(yp,null,r?.type===3&&z.createElement(z.Fragment,null,z.createElement(bo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),z.createElement(Fi,{direction:"horizontal",size:8}),z.createElement(bo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),z.createElement(Fi,{direction:"horizontal",size:8}),z.createElement(bo,{size:"xsmall",variant:"body",color:"neutral900"},Di.t({id:"Yours: {amount} {symbol}",values:{amount:E(x.fromAmount,6,6),symbol:x?.from.symbol}}))),(r?.type===4||s?.type===2)&&z.createElement(bo,{size:"xsmall",variant:"body",color:"neutral900"},Di.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(L)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(L)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),I=S.length,A=P();return Pg(()=>{m&&!d.current&&f.current&&setTimeout(()=>{f?.current?.scrollIntoView({behavior:"smooth"})},Wi),d.current=m},[m,d]),z.createElement(z.Fragment,null,z.createElement(Tp,{recommended:l,listItem:a==="list-item",basic:a==="basic"},z.createElement("div",{className:wp()},z.createElement(Mp,{steps:I,quote:e}),a==="basic"&&z.createElement("div",{className:xp()},z.createElement(Ep,null,z.createElement(Ng,{size:12,color:"gray"})),z.createElement(Wp,null,z.createElement(Bi,{size:"small",variant:"body"},`${w} ${S[0].from.token.displayName} = `),z.createElement(zp,{content:ie(n.value),container:A,open:n.value?void 0:!1},z.createElement(Bi,{size:"small",variant:"body"},"\xA0",`${y} ${S[S.length-1].to.token.displayName}`))),z.createElement(zp,{content:ie(n.usdValue),container:A,style:{display:"flex"}},z.createElement(bo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${h})`))),a==="list-item"&&z.createElement(Lg,{type:"output",direction:"vertical",tooltipContainer:A,price:{value:y,usdValue:h,realValue:ie(n.value),realUsdValue:ie(n.usdValue)},token:{displayName:S[I-1].to.token.displayName,image:S[I-1].to.token.image},chain:{image:S[I-1].to.chain.image},percentageChange:k,warningLevel:T}),a==="swap-preview"&&z.createElement(z.Fragment,null,z.createElement(xo,{from:S[0].from,to:S[I-1].to,percentageChange:k,warningLevel:T}),z.createElement(Fi,{size:4}))),z.createElement(Cp,{recommended:l,open:m,onOpenChange:c},z.createElement(Up,{quoteRef:f,recommended:l,setExpanded:c,expanded:m,steps:S}),z.createElement(Ap,{open:m},z.createElement(Ip,null),z.createElement("div",{className:kp()},S.map((v,x)=>{let L=`item-${x}`;return z.createElement(Bg,{type:"quote-details",key:L,step:v,hasSeparator:x!==S.length-1,state:v.state,tooltipContainer:A})}))))))}i(Oi,"Quote");import{Divider as Dg,Skeleton as Fg}from"@rango-dev/ui";import mt from"react";import{darkTheme as $g,styled as Rn}from"@rango-dev/ui";var Qp=Rn("div",{$$color:"$colors$neutral100",[`.${$g} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),Hp=Rn("div",{paddingTop:"$2"}),Vp=Rn("div",{paddingLeft:"$8"}),jp=Rn("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as ru,Divider as _t,Skeleton as it}from"@rango-dev/ui";import H from"react";import{styled as rt}from"@rango-dev/ui";var Xp=rt("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),Kp=rt("div",{display:"flex"}),Yp=rt("div",{padding:"$15 $0 14px $0"}),Jp=rt("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),Zp=rt("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),Rp=rt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),eu=rt("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),tu=rt("div",{width:"65%",display:"flex",justifyContent:"start"}),ou=rt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),nu=rt("div",{padding:"$15 $0 $15 $0"});function Ao(t){let{type:e,tag:o=!1}=t,n=H.createElement(Rp,null,H.createElement(tu,null,H.createElement(ru,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),H.createElement(_t,{size:8,direction:"horizontal"}),H.createElement(ou,null,H.createElement(it,{height:10,width:60,variant:"rounded"}),H.createElement(_t,{size:4}),H.createElement(it,{height:15,variant:"rounded"}))),H.createElement(it,{height:12,width:64,variant:"rounded"}));return H.createElement("div",null,H.createElement(Xp,null,H.createElement(Kp,null,H.createElement(it,{width:60,height:10,variant:"rounded"}),H.createElement(_t,{size:4,direction:"horizontal"}),H.createElement(it,{width:60,height:10,variant:"rounded"}),H.createElement(_t,{size:4,direction:"horizontal"}),H.createElement(it,{width:60,height:10,variant:"rounded"})),o&&H.createElement(it,{height:22,width:100,variant:"rounded"})),e==="basic"&&H.createElement(Yp,null,H.createElement(it,{height:15,width:148,variant:"rounded"})),e==="list-item"&&H.createElement(Jp,null,H.createElement(Zp,null,H.createElement(ru,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),H.createElement(_t,{direction:"horizontal",size:4}),H.createElement(it,{height:15,width:150,variant:"rounded"})),H.createElement(_t,{size:4}),H.createElement(it,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&H.createElement(H.Fragment,null,H.createElement(_t,{size:4}),H.createElement(nu,null,n,H.createElement(eu,null),n)))}i(Ao,"QuoteSummarySkeleton");import{ChainToken as pu,Divider as zi,NextIcon as _g,Skeleton as er}from"@rango-dev/ui";import ue from"react";import{styled as Io}from"@rango-dev/ui";var iu=Io("div",{display:"flex",alignItems:"start"}),su=Io("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),Ui=Io("div",{display:"flex",alignItems:"center",flexGrow:1}),au=Io("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),lu=Io("div",{display:"flex",alignItems:"center"});function st(t){let{separator:e=!0}=t;return ue.createElement(ue.Fragment,null,ue.createElement(lu,null,ue.createElement(er,{height:22,width:22,variant:"circular"}),ue.createElement(zi,{direction:"horizontal",size:8}),ue.createElement(er,{height:15,width:148,variant:"rounded"})),ue.createElement(iu,null,ue.createElement(jp,{hideSeparator:!e}),ue.createElement(su,null,ue.createElement(Ui,null,ue.createElement(pu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ue.createElement(zi,{direction:"horizontal",size:8}),ue.createElement(er,{height:12,variant:"rounded"})),ue.createElement(au,null,ue.createElement(_g,{color:"gray",size:16})),ue.createElement(Ui,null,ue.createElement(pu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ue.createElement(zi,{direction:"horizontal",size:8}),ue.createElement(er,{height:12,variant:"rounded"})))))}i(st,"StepSkeleton");function qi(t){let{type:e,expanded:o,tag:n=!1}=t;return mt.createElement(Qp,{rounded:e!=="basic"},mt.createElement(Ao,{type:e,tag:n}),mt.createElement(Hp,null,mt.createElement(Fg,{height:15,variant:"rounded"})),o&&mt.createElement(Vp,null,mt.createElement(Dg,{size:20}),mt.createElement(st,null),mt.createElement(st,null),mt.createElement(st,{separator:!1})))}i(qi,"QuoteSkeleton");import{i18n as rh}from"@lingui/core";import{Alert as ih,Button as sh,InfoIcon as ah}from"@rango-dev/ui";import Ee from"react";import{Alert as Og,Button as Ug,Divider as gu,NoRouteIcon as zg,RefreshIcon as qg,Typography as hu}from"@rango-dev/ui";import Ye from"react";import{i18n as uu}from"@lingui/core";function cu(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:j().genericServerError,action:{onClick:n,title:uu.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:j().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:uu.t("Reset")}},description:j().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:j().noResultError.description}}i(cu,"makeInfo");import{styled as Gi}from"@rango-dev/ui";var mu=Gi("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),du=Gi("div",{width:"100%"}),fu=Gi("div",{padding:"$6 $0"});function Qi(t){let{fetch:e,error:o}=t,n=g().disabledLiquiditySources,r=g().toggleAllLiquiditySources,s=g().swappers(),a=cu(o,n,()=>r(s,!0),e);return Ye.createElement(mu,null,Ye.createElement(zg,{size:24,color:"gray"}),Ye.createElement(gu,{size:4}),Ye.createElement(hu,{variant:"title",size:"small"},j().noResultError.title),!!a.description&&Ye.createElement(hu,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Ye.createElement(gu,{size:4}),!!a.alert&&Ye.createElement(du,null,Ye.createElement(Og,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Ye.createElement(Ug,{size:"xsmall",type:a.alert.type,prefix:Ye.createElement(fu,null,Ye.createElement(qg,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Qi,"NoResult");import{i18n as Eo}from"@lingui/core";import{Button as Qg,Divider as wu,MessageBox as Hg,Modal as Vg,Typography as jg,WarningIcon as Xg}from"@rango-dev/ui";import at from"react";import{Typography as ku}from"@rango-dev/ui";import Vi from"react";import{darkTheme as Gg,styled as tr}from"@rango-dev/ui";var yu=tr("div",{width:"100%",paddingTop:"$10"}),Hi=tr("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Su=tr("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Gg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Cu=tr("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Tu(t){let{title:e,value:o,valueColor:n}=t;return Vi.createElement(Su,null,Vi.createElement(ku,{size:"medium",variant:"label",className:"_title"},e),Vi.createElement(ku,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Tu,"QuoteErrorsModalItem");function xu(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,s=r.warningLevel==="high"?"error":"warning",a=[{title:Eo.t("Swapping"),value:E(r.inputUsdValue,4,4)},{title:Eo.t("Gas cost"),value:E(r.totalFee,2,2)},{title:Eo.t("Receiving"),value:E(r.outputUsdValue,4,4)},{title:Eo.t("Price impact"),value:E(r.priceImpact,2,2),valueColor:`${s}500`}];return at.createElement(Vg,{open:e,onClose:o,container:P()},at.createElement(Hg,{type:s,title:j().highValueLossError.impactTitle,description:j().highValueLossError.description}),at.createElement(Hi,null,at.createElement(wu,{size:20}),at.createElement(jg,{size:"small",variant:"title"},Eo.t("Details")),at.createElement(Hi,null,a.map((l,p)=>at.createElement(Tu,{key:p,...l})))),at.createElement(wu,{size:32}),at.createElement(Qg,{type:"primary",size:"large",prefix:at.createElement(Xg,null),fullWidth:!0,onClick:n},j().highValueLossError.confirmMessage))}i(xu,"HighValueLossWarningModal");import{i18n as ji}from"@lingui/core";function vu(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(ct(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=j().highValueLossError.title),t.type===1&&(o.title=j().unknownPriceError.title),t.type===2&&(o.title=ji.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=ji.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=ji.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(vu,"makeAlerts");import{i18n as eo}from"@lingui/core";import{Button as bu,Divider as Au,MessageBox as Kg,Modal as Yg,Typography as Jg}from"@rango-dev/ui";import Dt from"react";import{useNavigate as Zg}from"react-router-dom";function Iu(t){let{customSlippage:e,slippage:o}=g(),{open:n,onClose:r,onConfirm:s,warning:a}=t,l=Zg(),p=e??o;return Dt.createElement(Yg,{anchor:"bottom",open:n,prefix:Dt.createElement(bu,{size:"small",variant:"ghost",onClick:()=>l("../"+M.settings)},Dt.createElement(Jg,{variant:"label",size:"medium",color:"$neutral900"},eo.t("Change settings"))),container:P(),onClose:r},Dt.createElement(Kg,{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}})},Dt.createElement(Au,{size:18}),Dt.createElement(Au,{size:32}),Dt.createElement(bu,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:s},eo.t("Confirm anyway"))))}i(Iu,"SlippageWarningModal");import{Button as Rg,Divider as eh,MessageBox as th,Modal as oh,WarningIcon as nh}from"@rango-dev/ui";import Wo from"react";function Eu(t){let{open:e,onClose:o,onConfirm:n}=t;return Wo.createElement(oh,{open:e,onClose:o,container:P()},Wo.createElement(th,{type:"warning",title:j().unknownPriceError.impactTitle,description:j().unknownPriceError.description}),Wo.createElement(eh,{size:32}),Wo.createElement(Rg,{type:"primary",size:"large",prefix:Wo.createElement(nh,null),fullWidth:!0,onClick:n},j().unknownPriceError.confirmMessage))}i(Eu,"UnknownPriceWarningModal");function Xi(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},m=o?.type===0||o?.type===1,c=vu(e,o?.type===3||o?.type===4?o:null);return Ee.createElement(Ee.Fragment,null,m&&Ee.createElement(Qi,{error:o,fetch:n}),!!c&&Ee.createElement(yu,null,Ee.createElement(ih,{title:c.title,type:c.alertType,variant:"alarm",...c.action==="show-info"&&{action:Ee.createElement(Cu,{onClick:s},Ee.createElement(ah,{size:12,color:"gray"}))},...c.action==="change-settings"&&{action:Ee.createElement(sh,{size:"xxsmall",type:c.alertType,onClick:p},rh.t("Change"))}})),e&&Ee.createElement(Ee.Fragment,null,e.type===0&&Ee.createElement(xu,{...u,warning:e}),(e.type===3||e.type===2)&&Ee.createElement(Iu,{...u,warning:e}),e.type===1&&Ee.createElement(Eu,{...u,warning:e})))}i(Xi,"QuoteWarningsAndErrors");function No(t){let{quote:e,type:o,loading:n,error:r,warning:s,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m,onChangeSettings:c,expanded:f=!1,alertPosition:d="bottom"}=t,{inputAmount:w,inputUsdValue:y,outputUsdValue:h,outputAmount:C}=D(),T=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n,b=(s||r)&&Ue.createElement(Xi,{warning:s,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m,onChangeSettings:c});return Ue.createElement(Ue.Fragment,null,n&&Ue.createElement(Ei,null,Ue.createElement(gp,{paddingTop:d==="top"},Ue.createElement(qi,{type:o,expanded:f}))),d==="top"&&Ue.createElement(fp,null,b),T?Ue.createElement(Ei,null,Ue.createElement(Oi,{quote:e,error:r,warning:s,type:o,expanded:f,recommended:!0,input:{value:w,usdValue:y?.toString()??""},output:{value:C?.toString()??"",usdValue:h?.toString()??""}})):null,d==="bottom"&&Ue.createElement(Ue.Fragment,null,!s&&!r&&Ue.createElement(lh,{size:16}),b))}i(No,"QuoteInfo");import{calculatePendingSwap as ch}from"@rango-dev/queue-manager-rango-preset";import{useEffect as mh}from"react";import{useRef as ph,useState as uh}from"react";function or(){let[t,e]=uh(!1),o=ph(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(j().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Xr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Kr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=Zr(t);if(o){let n=dn(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(nr,"throwErrorIfResponseIsNotValid");function Wu(t,e,o){let n=!1;t&&(n=nl(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=gn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(ja(t,e)?r.quoteUpdate={type:3,newOutputAmount:E(Ht(e)),percentageChange:E($e(Ht(t)??"",Ht(e)??""),null,2)}:ei(t,e)?r.quoteUpdate={type:0}:ti(t,e)?r.quoteUpdate={type:1}:oi(t,e)&&(r.quoteUpdate={type:2}));let a=Xa(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Wu,"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 Ki(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=D(),{slippage:l,customSlippage:p,affiliatePercent:u,affiliateRef:m,affiliateWallets:c,disabledLiquiditySources:f}=g(),{connectedWallets:d}=V(),w=g().blockchains(),y=g().tokens(),{features:h}=g().config,{enableNewLiquiditySources:C}=g().config,k=p||l,{fetch:T,cancelFetch:b,loading:S}=or();return mh(()=>b,[]),{loading:S,fetch:i(async A=>{let v=A.selectedWallets,x=A?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let L=fn({fromToken:t,toToken:e,inputAmount:o,wallets:d,selectedWallets:v,excludeLiquiditySources:C,disabledLiquiditySources:f,slippage:k,affiliateRef:m,affiliatePercent:u,affiliateWallets:c,initialQuote:r??void 0,destination:x});an("experimentalRoute",h)&&(L.experimental=!0);let U;try{U=await T(L).then(K=>nr(K)),n(U)}catch(K){return rr(K)}let W={slippage:k.toString(),disabledSwappersGroups:f},F=ch(o.toString(),U,Ha(v),W,!1,{blockchains:w,tokens:y}),_=Wu(r??void 0,U,{fromToken:t,toToken:e,meta:{blockchains:w,tokens:y},selectedWallets:v,userSlippage:k});return _.quoteUpdate&&a(!1),{quote:U,swap:F,error:null,warnings:_}},"fetch"),cancelFetch:b}}i(Ki,"useConfirmSwap");var vh=Lu("div",{position:"relative",width:"100%","& .quote-update__alert":{paddingTop:"$10"}}),bh=Lu("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Bu}`]:{width:"$48",height:"$48"}}),Ah=Yi({flexGrow:1,paddingRight:"$10"}),Ih=Yi({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),Eh=Yi({display:"flex",justifyContent:"space-between",alignItems:"center"});function Pu(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=D(),l=xh(),[p,u]=sr(""),{connectedWallets:m}=V(),c=!n,[f,d]=sr(!1),w=ve.use.setSelectedSwap(),y=g().disabledLiquiditySources,h=Th(y),{manager:C}=dh(),{fetch:k,loading:T,cancelFetch:b}=Ki(),[S,I]=sr({swap:null,error:null,warnings:null}),[A,v]=sr(!1),x=i(async({selectedWallets:_,customDestination:K})=>{let re=await k?.({selectedWallets:_,customDestination:K});return I(re),re},"onConfirmSwap"),L=i(async()=>{if(S.swap&&n)try{await C?.create("swap",{swapDetails:S.swap},{id:S.swap.requestId}),w(S.swap.requestId);let _=`../${M.swaps}/${S.swap.requestId}`;l(_,{replace:!0}),setTimeout(()=>{e("")},0)}catch(_){u("Error: "+_?.message)}},"addNewSwap"),U=i(async()=>{await L()},"onConfirm"),W=i(async()=>{S?.warnings?.quote&&!a?v(!0):await U()},"onStartConfirmSwap"),F=i(async()=>{I({error:null,swap:null,warnings:null}),k({selectedWallets:o,customDestination:s}).then(_=>{I(_)}).catch(_=>console.error(_))},"onRefresh");return Bo(()=>{!!h.current.length&&!y.length&&F(),h.current=y},[y.length]),Bo(()=>{c&&b()},[c]),Bo(()=>{c&&d(c)},[c]),Bo(()=>{c||k({selectedWallets:o,customDestination:s}).then(_=>I(_)).catch(_=>console.error(_))},[]),Bo(()=>{let _=S.warnings?.quote?.type&&Object.values(St).includes(S.warnings?.quote?.type),K=o.length<1||!o.every(ae=>m.find(he=>ae.address===he.address&&ae.walletType===he.walletType&&ae.chain===he.chain)),re=!1;if(_){let ae=ln(t),he=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(we=>we.from.blockchain===he)||(ae=ae.slice(-ae.length,ae.length-1)),ae.every(we=>o.find(Ge=>Ge.chain===we))||(re=!0)}t&&(K||re)&&(queueMicrotask(()=>wh(d.bind(null,!0))),r(!1))},[S.warnings?.quote,o.length,m.length]),kh(()=>{t||l("../")},[]),se.createElement(J,{header:{title:ir.t("Confirm Swap"),onWallet:()=>{let _=`../${M.wallets}`;l(_)},suffix:se.createElement(yh,{container:P(),side:"bottom",content:ir.t("Settings")},se.createElement(De,{size:"small",variant:"ghost",onClick:()=>l("../"+M.settings)},se.createElement(hh,{size:18,color:"black"})))},footer:se.createElement(bh,null,se.createElement("div",{className:Ah()},se.createElement(fh,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:T,disabled:!!S.error,onClick:W},ir.t("Start Swap"))),se.createElement(Bu,{variant:"contained",type:"primary",size:"large",loading:T,onClick:d.bind(null,!0)},se.createElement(Ch,{size:24})))},f&&se.createElement(dp,{open:f,onClose:()=>d(!1),onCancel:b,loading:T,onCheckBalance:x}),se.createElement(vh,null,se.createElement("div",{className:Eh()},se.createElement(Sh,{variant:"title",size:"small"},ir.t("You get")),se.createElement("div",{className:Ih()},se.createElement(Dn,{onClick:!T&&!f&&!A?F:void 0}))),p&&se.createElement(se.Fragment,null,se.createElement(Nu,{type:"error",variant:"alarm",title:p}),se.createElement(gh,{size:12})),S.warnings?.quoteUpdate&&se.createElement("div",{className:"quote-update__alert"},se.createElement(Nu,{variant:"alarm",type:"warning",title:S.warnings.quoteUpdate&&vn(S.warnings.quoteUpdate)})),se.createElement(No,{quote:t,type:"swap-preview",expanded:!0,alertPosition:"top",error:S.error,loading:T,warning:S.warnings?.quote??null,refetchQuote:F,showWarningModal:A,onOpenWarningModal:()=>v(!0),onCloseWarningModal:()=>v(!1),onConfirmWarningModal:async()=>{v(!1),await L()},onChangeSettings:()=>l("../"+M.settings)})))}i(Pu,"ConfirmSwapPage");import{i18n as ur}from"@lingui/core";import{useManager as _h}from"@rango-dev/queue-manager-react";import{Divider as Dh,NotFound as Fh,styled as zu}from"@rango-dev/ui";import At,{useState as Oh}from"react";import{useNavigate as Uh}from"react-router-dom";import{CloseIcon as Nh,IconButton as Bh,SearchIcon as Lh,TextField as Ph}from"@rango-dev/ui";import Lo from"react";import{styled as Wh}from"@rango-dev/ui";var Mu=Wh("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function dt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Lo.createElement(Ph,{prefix:Lo.createElement(Mu,null,Lo.createElement(Lh,{color:"black"})),suffix:!!a.length&&Lo.createElement(Bh,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Lo.createElement(Nh,{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(dt,"SearchInput");import{i18n as es}from"@lingui/core";import{Divider as _u,SwapListItem as Du,Typography as Fu}from"@rango-dev/ui";import oe from"react";import{css as Mh,darkTheme as $h,styled as ar}from"@rango-dev/ui";var lr=Mh(),Ji=ar("div",{width:"100%",display:"flex",flexDirection:"column",[`& .${lr}`]:{$$color:"$colors$neutral600",[`.${$h} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Zi=ar("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Ri=ar("div",{gap:"$10",display:"flex",flexDirection:"column"}),$u=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(Fu,{variant:"label",size:"medium",className:lr()},p.title)),oe.createElement(_u,{size:4}),oe.createElement(Ri,null,p.swaps.map((u,m)=>{let c=m+p.title;return oe.createElement(oe.Fragment,{key:c},oe.createElement(Du,{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(Fu,{variant:"label",size:"medium",className:lr()},a.title)),oe.createElement(_u,{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(Du,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,tooltipContainer:P(),onlyShowTime:a.title===es.t("Today"),swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:E(l.inputAmount,6,6),realAmount:ie(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:E(u.outputAmount||u.expectedOutputAmountHumanReadable||"",6,6),realAmount:ie(u.outputAmount||u.expectedOutputAmountHumanReadable)}}}))}))))))}i(ts,"SwapsGroup");import{i18n as pr}from"@lingui/core";import Ou from"dayjs";var Uu=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=Ou();return t.forEach(r=>{let s=Number(r.creationTime),a=Ou(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 to=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 zh=zu("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),qh=zu("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Gh=i((t,e)=>t?.length?t.filter(o=>et(o.fromBlockchain,e)||et(o.toBlockchain,e)||et(o.toSymbol,e)||et(o.fromSymbol,e)).length:!1,"isStepContainsText");function qu(){let t=ve.use.setSelectedSwap(),e=Uh(),{manager:o,state:n}=_h(),r=to(o).map(({swap:c})=>c),[s,a]=Oh(""),l=!n.loadedFromPersistor,p=i(c=>{let f=c.target.value;a(f)},"searchHandler"),u=r;s&&(u=r.filter(c=>et(c.inputAmount,s)||et(c.status,s)||Gh(c.steps,s)||et(c.requestId,s)));let m=!u?.length&&!l;return At.createElement(J,{header:{title:ur.t("History")}},At.createElement(zh,null,At.createElement(dt,{setValue:a,fullWidth:!0,variant:"contained",placeholder:ur.t("Search Transaction"),autoFocus:!0,onChange:p,value:s}),At.createElement(qh,null,m&&At.createElement($u,null,At.createElement(Dh,{size:32}),At.createElement(Fh,{title:ur.t("No results found"),description:s?ur.t("Try using different keywords"):""})),!m&&At.createElement(ts,{list:u,onSwapClick:c=>{t(c),e(c)},groupBy:Uu,isLoading:l}))))}i(qu,"HistoryPage");import{i18n as rs}from"@lingui/core";import{Button as Yh,styled as is,SwapInput as Vu,WarningIcon as Jh}from"@rango-dev/ui";import ze,{useEffect as Zh,useRef as Rh,useState as ey}from"react";import{useNavigate as ty}from"react-router-dom";import{ReverseIcon as Qh,styled as Gu}from"@rango-dev/ui";import os from"react";var Hh=Gu("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Vh=Gu("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=D.use.switchFromAndTo();return os.createElement(Hh,null,os.createElement(Vh,{onClick:()=>{t()}},os.createElement(Qh,{size:12})))}i(Qu,"SwitchFromAndToButton");import{useCallback as jh,useEffect as Xh,useState as ns}from"react";var Kh=600;function Hu(){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:m,resetQuote:c,setQuote:f}=D(),{slippage:d,customSlippage:w,affiliatePercent:y,affiliateRef:h,affiliateWallets:C,disabledLiquiditySources:k}=g(),[T,b]=ns(!1),[S,I]=ns(null),[A,v]=ns(null),x=w??d,U=!a||!l||Le(a,l)||!co(p),W=i(K=>{b(K),I(null),v(null)},"resetState"),F=i(K=>{let{fromToken:re,toToken:ae,inputAmount:he,liquiditySources:te,excludeLiquiditySources:Z,disabledLiquiditySources:we,slippage:Ge,affiliateRef:Ne,affiliatePercent:zt,affiliateWallets:po}=K;if(T||W(!0),!U&&re&&ae){c();let O=fn({fromToken:re,toToken:ae,inputAmount:he,liquiditySources:te,excludeLiquiditySources:Z,disabledLiquiditySources:we,slippage:Ge,affiliateRef:Ne,affiliatePercent:zt,affiliateWallets:po});an("experimentalRoute",r)&&(O.experimental=!0),t(O).then(G=>{b(!1),f(G),nr(G);let Q=gn(G,{fromToken:re,toToken:ae,userSlippage:x,tokens:s});v(Q)}).catch(G=>{let{error:Q}=rr(G);(Q?.type===0||Q?.type===1)&&c(),Q?.type!==2&&(I(Q),b(!1))})}},"fetch"),_=jh(va(K=>{U||F(K)},Kh),[U]);return Xh(()=>{if(!co(p)||u?.eq(0)){W(!1),e();return}if(U){m&&c();return}return c(),W(!0),_({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:k,slippage:x,affiliateRef:h,affiliatePercent:y,affiliateWallets:C}),e},[p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,U,o?.length,n,k.length,x,h,y,JSON.stringify(C)]),{fetch:()=>F({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:k,slippage:x,affiliateRef:h,affiliatePercent:y,affiliateWallets:C}),loading:T,error:S,warning:A}}i(Hu,"useSwapInput");var oy=is("div",{display:"flex",flexDirection:"column",overflowY:"visible","& .quote__container":{paddingTop:"$2"}}),ny=is("div",{position:"relative"}),ry=is("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function ju(){let t=ty(),{fetch:e,loading:o,error:n,warning:r}=Hu(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:m,inputUsdValue:c,outputAmount:f,outputUsdValue:d,quote:w,resetQuoteWallets:y,setQuoteWarningsConfirmed:h}=D(),C=g().fetchStatus,{connectedWallets:k,getBalanceFor:T}=V(),b=ve.use.setCurrentPage(),[S,I]=ey(!1),A=Rh(null),v=!!a&&Ca(k,a.name),x=!1,L=!Yr(w,m,c),U=!Yr(w,m,d),W=Ua({fetchMetaStatus:C,fetchingQuote:o,inputAmount:m,quote:w,anyWalletConnected:k.length>0,error:n,warning:r,needsToWarnEthOnPath:x}),F=s?T(s):null,_=tn(F)?.amount??"0",K=a&&s?E(F?.amount,F?.decimals):"0";Zh(()=>(b(M.home),y(),b.bind(null,"")),[]);let re=!c||!d||!d.gt(0)?null:$e(c.toString(),d.toString());return ze.createElement(J,{ref:A,fixedHeight:!1,hasLogo:!0,footer:ze.createElement(Yh,{type:"primary",size:"large",disabled:W.disabled,prefix:W.action==="confirm-warning"&&ze.createElement(Jh,null),fullWidth:!0,onClick:()=>{W.action==="connect-wallet"?t(M.wallets):W.action==="confirm-warning"?I(!0):t(M.confirmSwap)}},W.title),header:{onWallet:()=>{t(M.wallets)},hasBackButton:!1,title:rs.t("Swap"),suffix:ze.createElement(Ci,{layoutRef:A.current,onClickRefresh:(w||n)&&!S?e:void 0,onClickHistory:()=>t(M.swaps),onClickSettings:()=>t(M.settings)})}},ze.createElement(oy,null,ze.createElement(ry,null,ze.createElement(ny,null,ze.createElement(Vu,{label:rs.t("From"),mode:"From",onInputChange:u,balance:_,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(M.fromSwap),price:{value:m,usdValue:L?void 0:E(c,4,4),realUsdValue:L?void 0:ie(c),error:L?j().unknownPriceError.impactTitle:void 0},disabled:C==="failed",loading:C==="loading",loadingBalance:v,tooltipContainer:P(),onSelectMaxBalance:()=>{_!=="0"&&u(K.split(",").join(""))}}),ze.createElement(Qu,null)),ze.createElement(Vu,{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:E($e(c,d),2,2),warningLevel:ct(re??0),price:{value:E(f,6,6),usdValue:U?void 0:E(d,4,4),realValue:ie(f),realUsdValue:U?void 0:ie(d),error:U?j().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(M.toSwap),disabled:C==="failed",loading:C==="loading",tooltipContainer:P()})),ze.createElement("div",{className:"quote__container"},ze.createElement(No,{quote:w,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:S,onOpenWarningModal:()=>I(!0),onCloseWarningModal:()=>I(!1),onConfirmWarningModal:()=>{I(!1),h(!0),t(M.confirmSwap)},onChangeSettings:()=>t(M.settings)}))))}i(ju,"Home");import{i18n as Xu}from"@lingui/core";import{List as iy,ListItemButton as sy,Radio as ay,RadioRoot as ly,Typography as py}from"@rango-dev/ui";import It from"react";import{styled as cr}from"@rango-dev/ui";var ft=cr("div",{height:"100%",overflow:"hidden"}),Po=cr("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ss=cr("div",{width:80,display:"flex",justifyContent:"flex-end"}),as=cr("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function oo(){let{setLanguage:t,language:e,config:o}=g(),n=Ia,r=o?.language||fo;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||fo),resetLanguage:()=>t(null)}}i(oo,"useLanguage");function Ku(){let{activeLanguage:t,changeLanguage:e,languages:o}=oo(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:It.createElement(py,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:It.createElement(ay,{value:s}),start:It.createElement(l,null)}});return It.createElement(J,{header:{title:Xu.t("Language")}},It.createElement(ft,null,It.createElement(ly,{value:t},It.createElement(iy,{type:It.createElement(sy,{title:Xu.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(Ku,"LanguagePage");import{i18n as gt}from"@lingui/core";import{Button as fy,Checkbox as gy,Image as hy,ListItemButton as yy,NotFound as Sy,Typography as Cy}from"@rango-dev/ui";import Te,{useState as ky}from"react";import{Checkbox as my,Skeleton as Ju}from"@rango-dev/ui";import Mo from"react";import{ListItem as uy,styled as cy}from"@rango-dev/ui";var Yu=cy(uy,{height:61});var dy=30;function ls(){return Mo.createElement(Po,null,Array.from(Array(dy),t=>Mo.createElement(Yu,{hasDivider:!0,key:t,start:Mo.createElement(Ju,{variant:"circular",width:35,height:35}),title:Mo.createElement(Ju,{variant:"text",size:"large",width:90}),end:Mo.createElement(my,{checked:!1})})))}i(ls,"LoadingLiquiditySourceList");function ps({sourceType:t}){let e=g().fetchStatus,o=g().swappers(),n=g().disabledLiquiditySources,[r,s]=ky(""),a=g().toggleLiquiditySource,l=sn(o,n),p={Exchanges:gt.t("Exchanges"),Bridges:gt.t("Bridges")},u=[];t==="Exchanges"&&u.push("DEX"),t==="Bridges"&&(u.push("BRIDGE"),u.push("AGGREGATOR"));let m=l.filter(h=>u.includes(h.type)),c=m.length===m.filter(h=>h.selected).length,f=i(()=>{m.forEach(h=>{c?a(h.groupTitle):h.selected||a(h.groupTitle)})},"toggleAllSources"),d=m.map(h=>{let{selected:C,groupTitle:k,logo:T}=h;return{start:Te.createElement(hy,{src:T,size:22,type:"circular"}),onClick:()=>a(k),end:Te.createElement(gy,{checked:C}),title:Te.createElement(Cy,{variant:"title",size:"xmedium"},gt.t(k)),...h}}),w=i(h=>{let C=h.target.value;s(C)},"searchHandler"),y=d;return r&&(y=d.filter(h=>et(h.groupTitle,r))),Te.createElement(J,{header:{title:gt.t(t),suffix:Te.createElement(ss,null,Te.createElement(fy,{variant:"ghost",size:"xsmall",onClick:f},c?gt.t("Deselect all"):gt.t("Select all")))}},Te.createElement(ft,null,Te.createElement(dt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:gt.t("Search {sourceType}",{sourceType:p[t]}),onChange:w}),e==="loading"&&Te.createElement(ls,null),!y.length&&r?Te.createElement(as,null,Te.createElement(Sy,{title:gt.t("No results found"),description:gt.t("Try using different keywords")})):e==="success"&&Te.createElement(Po,null,y.map(h=>Te.createElement(Te.Fragment,{key:h.id},Te.createElement(yy,{style:{height:"61px"},...h,selected:!1,hasDivider:!0}))))))}i(ps,"LiquiditySourcePage");import{i18n as ic}from"@lingui/core";import{Divider as ds,getCountCategories as Ny,SelectableCategoryList as By}from"@rango-dev/ui";import ht,{useState as sc}from"react";import{i18n as cs}from"@lingui/core";import{Divider as nc,Image as by,ListItemButton as Ay,NotFound as Iy,Typography as rc}from"@rango-dev/ui";import qe,{useEffect as Ey,useState as Wy}from"react";import{BlockchainCategories as us}from"@rango-dev/ui";import{TransactionType as mr}from"rango-sdk";var Ty=i((t,e)=>{switch(e){case us.ALL:return!0;case us.UTXO:return t.type===mr.TRANSFER;case us.OTHER:return t.type!==mr.TRANSFER&&t.type!==mr.COSMOS&&t.type!==mr.EVM;default:return t.type===e}},"filterByType"),Zu=i((t,e,o)=>t.filter(n=>Ty(n,o)).filter(n=>Nt(n.name,e)||Nt(n.displayName,e)),"filterBlockchains");import{ImageContainer as wy,styled as Ru}from"@rango-dev/ui";var ec=Ru("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),dr=Ru("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",[`& ${wy}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as xy,Skeleton as tc}from"@rango-dev/ui";import fr from"react";var vy=20;function oc(){return fr.createElement(dr,null,Array.from(Array(vy),t=>fr.createElement(xy,{key:t,hasDivider:!0,start:fr.createElement(tc,{variant:"circular",width:35,height:35}),title:fr.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]=Wy(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(Iy,{title:cs.t("No results found"),description:cs.t("Try using different keywords")})):qe.createElement(dr,{key:`${r}-${o}`},s.map(u=>qe.createElement(Ay,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:qe.createElement(by,{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 fs(t){let{type:e}=t,o=wt(),[n,r]=sc(""),[s,a]=sc("ALL"),l=D.use.setToBlockchain(),p=D.use.setFromBlockchain(),u=g().fetchStatus,m=g().blockchains({type:e}),f=Ny(m)!==1;return ht.createElement(J,{header:{title:ic.t("Select Blockchain")}},ht.createElement(ds,{size:12}),f&&ht.createElement(ht.Fragment,null,ht.createElement(By,{setCategory:a,category:s,blockchains:m,isLoading:u==="loading"}),ht.createElement(ds,{size:24})),ht.createElement(dt,{value:n,autoFocus:!0,placeholder:ic.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),ht.createElement(ds,{size:16}),ht.createElement(ms,{list:m,searchedFor:n,blockchainCategory:s,onChange:d=>{e==="source"?p(d):l(d),o()}}))}i(fs,"SelectBlockchainPage");import{i18n as Cr}from"@lingui/core";import{Divider as Ac}from"@rango-dev/ui";import io,{useState as Ky}from"react";import{useNavigate as Yy}from"react-router-dom";import{i18n as ys}from"@lingui/core";import{BlockchainsChip as gr,Divider as uc,Image as cc,Skeleton as _y,Tooltip as Dy,Typography as Ss}from"@rango-dev/ui";import de from"react";import{useEffect as My}from"react";var ac=["ETH","COSMOS","OSMOSIS"];function gs(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(Ly),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(m=>u.name!==m)}}n.sort(Py(a)),r=n.splice(s)}return{list:n,more:r}}i(gs,"prepare");function Ly(t,e){let o=ac,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(Ly,"sortByMostUsedBlockchains");function Py(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(Py,"generateSortByPreferredBlockchainsFor");function lc(t,e){return!!e.list.find(o=>o.name===t)}i(lc,"isInVisibleList");function hs(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=g();My(()=>{if(e?.selected){let s=gs(t,o,e);lc(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=gs(t,o,e);return{list:r.list,more:r.more,history:[]}}i(hs,"usePrepareBlockchainList");import{styled as $y}from"@rango-dev/ui";var pc=$y("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var Fy=12;function Cs(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=hs(e,{limit:10,selected:n?.name}),{fetchStatus:l}=g(),p=D.use.resetToBlockchain(),u=D.use.resetFromBlockchain(),m=a.more.length>0,c=a.more.length===1,f=!c&&m;return de.createElement(de.Fragment,null,de.createElement(uc,{size:12}),de.createElement(Ss,{variant:"label",size:"large"},ys.t("Select Blockchain")),de.createElement(uc,{size:12}),de.createElement(pc,null,l==="loading"&&Array.from(Array(Fy),d=>de.createElement(_y,{key:d,variant:"rounded",height:50})),l==="success"&&de.createElement(de.Fragment,null,de.createElement(gr,{selected:!n,onClick:()=>{o==="from"?u():p()}},de.createElement(Ss,{variant:"body",size:"xsmall",color:"secondary500"},ys.t("All"))),a.list.map(d=>de.createElement(Dy,{key:d.name,content:d.shortName,side:"bottom",sideOffset:2,container:P()},de.createElement(gr,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},de.createElement(cc,{src:d.logo,size:30})))),c?de.createElement(gr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},de.createElement(cc,{src:a.more[0].logo,size:30})):null,f?de.createElement(gr,{onClick:s,key:"more-blockchains"},de.createElement(Ss,{variant:"body",size:"xsmall",color:"secondary500"},ys._("More +{count}",{count:a.more.length}))):null)))}i(Cs,"BlockchainsSection");import{i18n as Ws}from"@lingui/core";import{darkTheme as Tc,Divider as ro,ExternalLinkIcon as zy,Image as qy,ListItemButton as Gy,NotFound as Qy,PinIcon as Hy,Skeleton as wc,Typography as Sr,VirtualizedList as Vy}from"@rango-dev/ui";import $,{forwardRef as jy,useEffect as xc,useState as vc}from"react";import{Divider as Cc,ListItem as Uy,Skeleton as $o}from"@rango-dev/ui";import Ze from"react";import{css as no,darkTheme as mc,ImageContainer as Oy,styled as Je,Typography as dc}from"@rango-dev/ui";var ks=no({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Ts=no({position:"relative",height:12,width:"30%",maxWidth:"150px"}),ws=no({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),xs=no({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${mc} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),vs=no({}),bs=no(),fc=Je("div",{display:"flex",flexDirection:"column",flexGrow:1}),As=Je("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),hr=Je("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Ts}`]:{[`& .${xs}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${vs}`]:{bottom:"-15px"},[`& .${ks}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${ws}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Is=Je("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Es=Je(dc,{}),gc=Je("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${bs}`]:{$$color:"$colors$neutral600",[`.${mc} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),yr=Je("div",{display:"flex",alignItems:"end",flexDirection:"column"}),fP=Je("div",{display:"flex",alignItems:"center"}),hc=Je("div",{position:"relative",[`& ${Oy}`]:{borderRadius:"$xm",overflow:"hidden"}}),yc=Je("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Sc=Je(dc,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function kc(t){return Ze.createElement(hr,null,Array.from(Array(t.size),e=>Ze.createElement(Uy,{key:e,hasDivider:!0,start:Ze.createElement($o,{variant:"circular",width:35,height:35}),end:Ze.createElement(yr,null,Ze.createElement($o,{variant:"text",size:"large",width:70}),Ze.createElement(Cc,{size:4}),Ze.createElement($o,{variant:"text",size:"medium",width:50})),title:Ze.createElement("div",null,Ze.createElement($o,{variant:"text",size:"large",width:90}),Ze.createElement(Cc,{size:4}),Ze.createElement($o,{variant:"text",size:"medium",width:90}))})))}i(kc,"LoadingTokenList");var Ns=20,Xy=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return $.createElement("div",{className:Ts()},o?$.createElement("div",{className:ks()},o):$.createElement(As,{className:ws()},$.createElement(Sr,{variant:"title",size:"xmedium"},r.symbol),$.createElement(ro,{direction:"horizontal",size:4}),$.createElement(Is,{css:s},$.createElement(Es,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&$.createElement("div",{className:`${xs()} ${!o&&vs()}`},$.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(ro,{size:4,direction:"horizontal"}),$.createElement(zy,{color:"gray",size:12}))))},"renderDesc");function bc(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=vc(e),l=g().fetchStatus,p=g().blockchains(),[u,m]=vc(!0),{getBalanceFor:c,loading:f}=V(),{isTokenPinned:d}=g(),w=jy((C,k)=>$.createElement("div",{...C,ref:k,style:{...C.style,height:`${parseFloat(C.style?.height)+8*2}px`}})),y=i(()=>{a(e.slice(0,s.length+Ns))},"loadNextPage");xc(()=>{m(e.length>s.length)},[s.length]),xc(()=>{a(e.slice(0,Ns))},[e]);let h=i(()=>!s.length&&o?$.createElement($.Fragment,null,$.createElement(ro,{size:32}),$.createElement(Qy,{title:Ws.t("No results found"),description:Ws.t("Try using different keywords")})):$.createElement(Vy,{Item:({index:C,style:k})=>{let T=s[C],b=tn(c(T)),S=T.address||"",I=p.find(L=>L.name===T.blockchain),A=Ln(T.symbol,I?.color||""),v={$$color:A[`${T.symbol}100`],[`.${Tc} &`]:{$$color:A[`${T.symbol}900`]},backgroundColor:"$$color"},x={$$color:A[`${T.symbol}700`],[`.${Tc} &`]:{$$color:A[`${T.symbol}100`]},color:"$$color"};return $.createElement("div",{style:{...k,paddingRight:5}},$.createElement(Gy,{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(hc,null,$.createElement(qy,{src:T.image,size:30}),d(T,t.type)&&$.createElement(yc,null,$.createElement(Hy,{size:12,color:"gray"}))),title:I?.type==="COSMOS"||T.name||!T.name&&!S?$.createElement(As,null,$.createElement(Sr,{variant:"title",size:"xmedium"},T.symbol),$.createElement(ro,{direction:"horizontal",size:4}),$.createElement(Is,{css:v},$.createElement(Es,{variant:"body",size:"xsmall",css:x},T.blockchain))):void 0,description:I?.info&&S&&I.type!=="COSMOS"?Xy({address:S,token:s[C],customCssForTag:v,customCssForTagTitle:x,name:T.name,url:I.info.addressUrl.split("{wallet}").join(S)}):T.name||void 0,end:f?$.createElement(yr,null,$.createElement(wc,{variant:"text",size:"large",width:70}),$.createElement(ro,{size:4}),$.createElement(wc,{variant:"text",size:"medium",width:50})):b&&$.createElement(gc,null,$.createElement(Sc,{variant:"title",size:"small"},b.amount),$.createElement("div",null),b.usdValue&&$.createElement(Sr,{variant:"body",className:bs(),size:"xsmall"},`$${b.usdValue}`))}))},hasNextPage:u,itemCount:s.length,loadNextPage:y,innerElementType:w,size:60,key:`${r}-${o}`}),"renderList");return $.createElement(fc,null,$.createElement(Sr,{variant:"label",size:"large"},Ws.t("Select Token")),$.createElement(ro,{size:4}),l==="loading"&&$.createElement(kc,{size:Ns}),l==="success"&&$.createElement(hr,null,h()))}i(bc,"TokenList");function Bs(t){let{type:e}=t,o=Yy(),n=wt(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=D(),m=V.use.getBalanceFor(),[c,f]=Ky(""),{isTokenPinned:d}=g(),y=(e==="source"?r:s)?.name??"",h=g().blockchains({type:e}),C=g().tokens({type:e,blockchain:y,searchFor:c}),T=ha(C,m,i(A=>d(A,e),"checkIsTokenPinned")),b=i(A=>{e==="source"?p(A):u(A)},"updateBlockchain"),S=i(A=>{e==="source"?a({token:A,meta:{blockchains:h,tokens:C}}):l({token:A,meta:{blockchains:h,tokens:C}})},"updateToken"),I={source:Cr.t("Source"),destination:Cr.t("Destination")};return io.createElement(J,{header:{title:Cr.t("Swap {type}",{type:I[e]})}},io.createElement(Cs,{blockchains:h,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(M.blockchains),onChange:A=>{b(A)}}),io.createElement(Ac,{size:24}),io.createElement(dt,{value:c,autoFocus:!0,placeholder:Cr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>f(""),onChange:A=>f(A.target.value)}),io.createElement(Ac,{size:16}),io.createElement(bc,{list:T,selectedBlockchain:y,searchedFor:c,type:e,onChange:A=>{S(A);let v=h.find(x=>A.blockchain===x.name);v&&b(v),n()}}))}i(Bs,"SelectSwapItemsPage");import{i18n as Ft}from"@lingui/core";import{ChevronRightIcon as Ms,Divider as $s,InfoIcon as rS,List as iS,ListItemButton as sS,Skeleton as aS,Switch as lS,Tooltip as pS,Typography as Ot}from"@rango-dev/ui";import X from"react";import{useNavigate as uS}from"react-router-dom";import{i18n as Lc}from"@lingui/core";import{Divider as eS,InfoIcon as tS,TextField as oS,Tooltip as nS,Typography as Pc}from"@rango-dev/ui";import We from"react";import{Chip as Jy,styled as _o,TextField as Zy}from"@rango-dev/ui";var Ic=_o("div",{paddingTop:"$5",padding:"$10 $5"}),Ec=_o("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${Zy}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Wc=_o("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),kr=_o("div",{maxWidth:"280px",padding:"$10"}),Nc=_o(Jy,{width:"61px",flexShrink:0});import{i18n as Ls}from"@lingui/core";import{Typography as Ry}from"@rango-dev/ui";import Do from"react";function Bc(){return Do.createElement(kr,null,Do.createElement(Ry,{variant:"label",size:"medium",color:"neutral700"},Ls.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Do.createElement("br",null),Do.createElement("br",null),Do.createElement("b",null,Ls.t("Warning")),":",Ls.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(Bc,"SlippageTooltipContent");function Ps(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=g();return We.createElement(Ic,null,We.createElement(Wc,null,We.createElement(Pc,{variant:"title",size:"xmedium"},Lc.t("Slippage tolerance per swap")),We.createElement(eS,{direction:"horizontal",size:4}),We.createElement(nS,{container:P(),side:"top",sideOffset:4,content:We.createElement(Bc,null)},We.createElement(tS,{color:"gray"}))),We.createElement(Ec,null,Ea.map((r,s)=>{let a=`slippage-${s}`;return We.createElement(We.Fragment,null,We.createElement(Nc,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),We.createElement(oS,{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>=La&&a<=Ba?n(a):n(null)},suffix:o&&We.createElement(Pc,{variant:"body",size:"small"},"%"),placeholder:Lc.t("Custom")})))}i(Ps,"Slippage");function Mc(){let t=uS(),{theme:e}=g().config,o=g().fetchStatus,n=g().swappers(),r=g().disabledLiquiditySources,{config:{features:s}}=g(),a=Pe("theme",s),l=Pe("liquiditySource",s),p=Pe("language",s),u=g().infiniteApprove,m=g().toggleInfiniteApprove,c=sn(n,r),f=c.filter(v=>v.type==="BRIDGE"||v.type==="AGGREGATOR"),d=f.length,w=f.filter(v=>v.selected).length,y=c.filter(v=>v.type==="DEX"),h=y.length,C=y.filter(v=>v.selected).length,k=i((v,x)=>{switch(o){case"loading":return X.createElement(aS,{variant:"text",size:"medium",width:50});case"failed":return X.createElement(Ot,{variant:"body",size:"medium",color:"$error500"},Ft.t("Loading failed"));default:return X.createElement(Ot,{variant:"body",size:"medium"},`${v} / ${x}`)}},"handleEndItem"),T={id:"bridge-item",title:X.createElement(Ot,{variant:"title",size:"xmedium"},Ft.t("Enabled bridges")),end:X.createElement(X.Fragment,null,k(w,d),X.createElement($s,{direction:"horizontal",size:8}),X.createElement(Ms,{color:"black"})),onClick:()=>t(M.bridges)},b={id:"exchange-item",title:X.createElement(Ot,{variant:"title",size:"xmedium"},Ft.t("Enabled exchanges")),end:X.createElement(X.Fragment,null,k(C,h),X.createElement($s,{direction:"horizontal",size:8}),X.createElement(Ms,{color:"gray"})),onClick:()=>t(M.exchanges)},S={id:"theme-item",title:X.createElement(Ot,{variant:"title",size:"xmedium"},Ft.t("Theme")),end:X.createElement(Ms,{color:"gray"}),onClick:()=>t(M.themes)},I={id:"infinite-approval-item",title:X.createElement(X.Fragment,null,X.createElement(Ot,{variant:"title",size:"xmedium"},Ft.t("Infinite approval")),X.createElement($s,{direction:"horizontal",size:4}),X.createElement(pS,{side:"top",sideOffset:4,container:P(),content:X.createElement(kr,null,X.createElement(Ot,{variant:"label",size:"medium",color:"neutral700"},Ft.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.")))},X.createElement(rS,{color:"gray"}))),end:X.createElement(lS,{checked:u}),onClick:m},A=l?[]:[T,b];return!e?.singleTheme&&!a&&A.push(S),A.push(I),X.createElement(J,{header:{title:Ft.t("Settings")}},X.createElement(ft,null,X.createElement(Ps,null),X.createElement(iS,{type:X.createElement(sS,{title:"_",id:"_",onClick:()=>console.log()}),items:A})))}i(Mc,"SettingsPage");import{cancelSwap as ZS}from"@rango-dev/queue-manager-rango-preset";import{useManager as RS}from"@rango-dev/queue-manager-react";import gm from"react";import{i18n as yt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as MS,getCurrentStep as $S,getRelatedWalletOrNull as _S}from"@rango-dev/queue-manager-rango-preset";import{Button as am,CopyIcon as DS,Divider as FS,IconButton as OS,LinkIcon as US,QuoteCost as zS,StepDetails as qS,Typography as ao,useCopyToClipboard as GS}from"@rango-dev/ui";import{useWallets as QS}from"@rango-dev/wallets-react";import lm from"bignumber.js";import{PendingSwapNetworkStatus as Br}from"rango-types";import Y,{useEffect as pm,useRef as HS,useState as um}from"react";import{useNavigate as VS}from"react-router-dom";import{i18n as Et}from"@lingui/core";var cS=[Et.t("Sunday"),Et.t("Monday"),Et.t("Tuesday"),Et.t("Wednesday"),Et.t("Thursday"),Et.t("Friday"),Et.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()?Et.t("Today"):`${cS[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i($c,"timeSince");function _c(t){return t.finishTime?$c(parseInt(t.finishTime)):$c(parseInt(t.creationTime))}i(_c,"getSwapDate");import{Modal as SS}from"@rango-dev/ui";import{PendingSwapNetworkStatus as xr}from"rango-types";import vr from"react";import{i18n as Tr}from"@lingui/core";import{Button as Dc,Divider as _s,MessageBox as mS,Typography as Fc}from"@rango-dev/ui";import lt from"react";var Oc=i(({onCancel:t,onClose:e})=>lt.createElement(lt.Fragment,null,lt.createElement(_s,{size:20}),lt.createElement(mS,{type:"error",title:Tr.t("Cancel Swap"),description:Tr.t("Are you sure you want to cancel this swap?")}),lt.createElement(_s,{size:32}),lt.createElement(Dc,{variant:"contained",type:"primary",size:"large",onClick:t},lt.createElement(Fc,{variant:"title",size:"medium",color:"neutral100"},Tr.t("Yes, Cancel it"))),lt.createElement(_s,{size:12}),lt.createElement(Dc,{variant:"outlined",type:"primary",size:"large",onClick:e},lt.createElement(Fc,{variant:"title",size:"medium",color:"primary"},Tr.t("No, Continue")))),"CancelContent");import{i18n as wr}from"@lingui/core";import{Button as Uc,Divider as Ds,MessageBox as dS,Typography as zc}from"@rango-dev/ui";import pt from"react";var qc=i(({onDelete:t,onClose:e})=>pt.createElement(pt.Fragment,null,pt.createElement(Ds,{size:20}),pt.createElement(dS,{type:"error",title:wr.t("Delete Transaction"),description:wr.t("Are you sure you want to delete this swap?")}),pt.createElement(Ds,{size:32}),pt.createElement(Uc,{variant:"contained",type:"primary",size:"large",onClick:t},pt.createElement(zc,{variant:"title",size:"medium",color:"neutral100"},wr.t("Yes, Delete it"))),pt.createElement(Ds,{size:12}),pt.createElement(Uc,{variant:"outlined",type:"primary",size:"large",onClick:e},pt.createElement(zc,{variant:"title",size:"medium",color:"primary"},wr.t("No, Cancel")))),"DeleteContent");import{i18n as Fs}from"@lingui/core";import{PendingSwapNetworkStatus as Os}from"rango-types";var Us={[Os.WaitingForNetworkChange]:{type:"loading",title:Fs.t("Change Network")},[Os.WaitingForConnectingWallet]:{type:"warning",title:Fs.t("Connect Wallet")},[Os.NetworkChanged]:{type:"success",title:Fs.t("Network Changed")}};import{MessageBox as gS,Wallet as hS}from"@rango-dev/ui";import{useWallets as yS}from"@rango-dev/wallets-react";import Fo from"react";import{styled as fS}from"@rango-dev/ui";var Gc=fS("div",{display:"flex",justifyContent:"center"});var Qc=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:l,state:p}=yS(),u=n?.walletType,m=u?Or(p(u)):null,c=u?l(u):null;return Fo.createElement(Fo.Fragment,null,Fo.createElement(gS,{type:e,title:o,description:r}),s&&!!u&&!!m&&!!c&&Fo.createElement(Gc,null,Fo.createElement(hS,{container:P(),title:c.name,image:c.img,type:u,state:m,link:c.installLink,onClick:async()=>a(u)})))},"WalletStateContent");function zs(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,l=e===xr.WaitingForNetworkChange||e===xr.WaitingForConnectingWallet||e===xr.NetworkChanged;return vr.createElement(SS,{open:!!e,onClose:o,container:document.getElementById(xe)||document.body},l&&vr.createElement(Qc,{type:Us[e].type,title:Us[e].title,currentStepWallet:s,message:a,showWalletButton:e!==xr.WaitingForNetworkChange}),e==="delete"&&vr.createElement(qc,{onClose:o,onDelete:n}),e==="cancel"&&vr.createElement(Oc,{onClose:o,onCancel:r}))}i(zs,"SwapDetailsModal");import{i18n as Oo}from"@lingui/core";import{Button as qs,Divider as br,MessageBox as Hc,Modal as CS,TokenAmount as kS,Typography as Ar}from"@rango-dev/ui";import ge from"react";import{useNavigate as TS}from"react-router-dom";function Gs(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:u,percentageChange:m,description:c,diagnosisUrl:f}=t,d=TS();return ge.createElement(CS,{open:e,onClose:o,container:document.getElementById(xe)||document.body},n==="success"?ge.createElement(Hc,{type:"success",title:Oo.t("Swap Successful")},ge.createElement(kS,{direction:"vertical",tooltipContainer:P(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:u,percentageChange:m}),ge.createElement(br,{size:12}),ge.createElement(Ar,{variant:"body",size:"medium",color:"neutral700",align:"center"},c)):ge.createElement(Hc,{type:"error",title:Oo.t("Transaction Failed"),description:c}),ge.createElement(br,{size:32}),n==="success"&&ge.createElement(qs,{variant:"contained",type:"primary",size:"large",onClick:()=>{d("../../")}},ge.createElement(Ar,{variant:"title",size:"medium",color:"neutral100"},Oo.t("Done"))),ge.createElement(br,{size:12}),f&&ge.createElement(ge.Fragment,null,ge.createElement(qs,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(f,"_blank")},ge.createElement(Ar,{variant:"title",size:"medium",color:"primary"},Oo.t("Diagnosis"))),ge.createElement(br,{size:12})),ge.createElement(qs,{variant:"outlined",type:"primary",size:"large",onClick:o},ge.createElement(Ar,{variant:"title",size:"medium",color:"primary"},Oo.t("See Details"))))}i(Gs,"SwapDetailsCompleteModal");import LS from"react";import{i18n as ES}from"@lingui/core";import{Alert as Jc,IconButton as WS,LinkIcon as NS}from"@rango-dev/ui";import Wt,{Fragment as BS}from"react";import{Alert as wS,ChevronDownIcon as xS,ChevronUpIcon as vS,IconButton as bS}from"@rango-dev/ui";import Ir,{useState as AS}from"react";function Vc(t){let{message:e}=t,[o,n]=AS(!1);return Ir.createElement(wS,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Ir.createElement(bS,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Ir.createElement(vS,{size:12,color:"gray"}):Ir.createElement(xS,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(Vc,"FailedAlert");import{styled as IS}from"@rango-dev/ui";var jc=IS("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Xc}from"@lingui/core";import{Alert as Qs,Button as Kc}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Hs}from"rango-types";import Uo from"react";function Yc(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Uo.createElement(Qs,{type:"warning",title:n.shortMessage,action:Uo.createElement(Kc,{size:"xxsmall",type:"warning",onClick:()=>{o(Hs.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},Xc.t("Change"))}):r===Hs.WaitingForConnectingWallet?Uo.createElement(Qs,{type:"warning",title:n.shortMessage,action:Uo.createElement(Kc,{size:"xxsmall",type:"warning",onClick:()=>{o(Hs.WaitingForConnectingWallet)}},Xc.t("Connect"))}):Uo.createElement(Qs,{type:"warning",title:n.shortMessage})}i(Yc,"WarningAlert");function Vs(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=ho(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l,m=u&&!a||p&&!s.explorerUrl?.length;return Wt.createElement(jc,null,s.explorerUrl?.map((c,f,d)=>{let w=f+c.url,y=f===d.length-1,h=(y&&u||p)&&!m,C=y&&s.status==="failed";return Wt.createElement(BS,{key:w},Wt.createElement(Jc,{type:y&&(h&&"loading"||C&&"error")||"success",title:c.description?`${c.description} Tx`:ES.t("View transaction"),action:c.url&&Wt.createElement(WS,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},Wt.createElement(NS,{size:12}))}))}),m&&Wt.createElement(Jc,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Wt.createElement(Yc,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Wt.createElement(Vc,{message:r}))}i(Vs,"SwapDetailsAlerts");var Zc=2e3;var Rc=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:Me(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:E(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Me(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:Me(p.fromBlockchain,e)??""},to:{blockchain:Me(p.toBlockchain,e)??""},swapper:{displayName:go(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:LS.createElement(Vs,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function em(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(em,"getStepState");import{css as zo,darkTheme as PS,styled as Ut}from"@rango-dev/ui";var Er=Ut("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1}),Wr=Ut("div",{width:"100%"}),tm=Ut("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),R$=Ut("div",{display:"flex",flexDirection:"column",gap:"$10"}),om=Ut("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),e_=Ut("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),so=zo({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${PS} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),nm=zo({padding:"$5 0"}),Nr=zo({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),rm=zo({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),im=zo({width:"100%",padding:"0 $20 $10"}),sm=Ut("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function js(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=QS(),p=g().blockchains(),u=g().swappers(),m=g().tokens(),c=D.use.retry(),f=VS(),[d,w]=GS(Zc),y=HS(null),[h,C]=um(null),[k,T]=um(null),b=i(()=>{r(),C(null)},"onCancel"),S=Fe.use.getUnreadNotifications(),I=Fe.use.setAsRead(),A=S(),v=$S(e),x=v?.networkStatus;pm(()=>{A.find(Be=>Be.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(T(e.status),I(e.requestId))},[e.status]),pm(()=>{re?C(Br.WaitingForNetworkChange):x===Br.WaitingForConnectingWallet||x===Br.NetworkChanged?C(x):C(null)},[x]);let L=Ja(e),U=v?MS(e,v):null,W=v?_S(e,v):null,F=_c(e),_=Za(e),K=i(He=>!!l(He)?.mobileWallet,"isMobileWallet"),re=x===Br.WaitingForNetworkChange&&!!U&&!!W?.walletType&&(K(W.walletType)||s(W.walletType,U)),ae=re?a.bind(null,W.walletType,U):void 0,he=Ya(e,v),te=Rc({swap:e,switchNetwork:ae,showNetworkModal:x,setNetworkModal:C,message:he,blockchains:p,swappers:u}),Z=te.length,[we,Ge]=[e.steps[0],e.steps[Z-1]],Ne=Ge.outputAmount||Ge.expectedOutputAmountHumanReadable,zt=e.steps.reduce((He,Be)=>He+parseFloat(Be.feeInUsd||""),0),po=e.steps.find(He=>He.diagnosisUrl)?.diagnosisUrl,O=E(parseFloat(E(Ne,6,6))*(Ge.toUsdPrice||0),4,4),G=E(parseFloat(e.inputAmount)*(we.fromUsdPrice||0),4,4),Q=Ne?ie(new lm(Ne).multipliedBy(Ge.toUsdPrice||0)):"",Ie=ie(new lm(e.inputAmount).multipliedBy(we.fromUsdPrice||0)),Qe=$e(G,O),ut=e.status==="success"?yt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:E(Ne,6,6),token:te[Z-1].to.token.displayName,conciseAddress:on(e.wallets[te[Z-1].to.chain.displayName]?.address||""),chain:te[Z-1].to.chain.displayName}}):`${yt.t("Transaction was not sent.")} ${L?yt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:L.outputAmount,symbol:L.symbol,blockchain:L.blockchain}}):""}`;return Y.createElement(J,{noPadding:!0,header:{title:yt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>C("cancel"):void 0,suffix:e.status!=="running"&&Y.createElement(Xt,null,Y.createElement(am,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>C("delete")},Y.createElement(ao,{size:"medium",variant:"label",color:"error"},yt.t("Delete"))))},footer:_&&!k&&Y.createElement(am,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{c(e,{blockchains:p,tokens:m}),setTimeout(()=>{f("../../")},0)}},yt.t("Try again"))},Y.createElement(Er,null,Y.createElement(Wr,null,Y.createElement("div",{className:so()},Y.createElement(ao,{variant:"label",size:"large",color:"neutral700"},`${yt.t("Request ID")}:`),Y.createElement("div",{className:Nr()},Y.createElement(ao,{variant:"label",size:"small",color:"neutral700"},o),Y.createElement(OS,{variant:"ghost",onClick:w.bind(null,o||"")},Y.createElement(DS,{size:16,color:"gray"})),Y.createElement(sm,{target:"_blank",href:`${ia}/swap/${o}`},Y.createElement(US,{size:16})))),Y.createElement("div",{className:so()},Y.createElement(ao,{variant:"label",size:"large",color:"neutral700"},`${yt.t(e.finishTime?"Finished at":"Created at")}:`),Y.createElement(ao,{variant:"label",size:"small",color:"neutral700"},F))),Y.createElement("div",{className:rm()},Y.createElement(zS,{fee:E(String(zt),2,2),time:Xo(Ko(e.steps)),steps:Z}),Y.createElement(xo,{from:{price:{value:E(e.inputAmount,6,6),usdValue:G,realUsdValue:Ie,realValue:e.inputAmount},token:{displayName:te[0].from.token.displayName,image:te[0].from.token.image},chain:{image:te[0].from.chain.image,displayName:te[0].from.chain.displayName}},to:{price:{value:E(Ne,6,6),usdValue:O,realUsdValue:Q,realValue:Ne},token:{displayName:te[Z-1].to.token.displayName,image:te[Z-1].to.token.image},chain:{image:te[Z-1].to.chain.image,displayName:te[Z-1].to.chain.displayName}},percentageChange:E(Qe,2,2),warningLevel:ct(Qe??0)})),Y.createElement("div",{className:im()},Y.createElement(ao,{variant:"title",size:"small"},yt.t("Swaps steps"))),Y.createElement(FS,{size:8}),Y.createElement(tm,{ref:y},te.map((He,Be)=>{let oa=Be,uo=em(e.steps[Be]),Bm=uo==="error"||uo==="in-progress"||uo==="warning"||uo==="completed"&&Be===te.length-1;return Y.createElement(qS,{key:oa,step:He,type:"swap-progress",ref:y,state:uo,hasSeparator:Be!==0,tabIndex:oa,isFocused:Bm,tooltipContainer:P()})}))),Y.createElement(zs,{state:h,onClose:()=>C(null),onCancel:b,onDelete:n,message:he.detailedMessage.content,currentStepWallet:W}),Y.createElement(Gs,{open:!!k,diagnosisUrl:po,onClose:()=>T(null),status:e.status==="success"?"success":"failed",priceValue:E(Ne,6,6),usdValue:O,realUsdValue:Q,realValue:ie(Ne),percentageChange:E(Qe,2,2),token:{displayName:te[Z-1].to.token.displayName,image:te[Z-1].to.token.image},chain:{image:te[Z-1].to.chain.image},description:ut}))}i(js,"SwapDetails");import{i18n as Pr}from"@lingui/core";import{Divider as dm,NotFound as JS,Skeleton as Go,Typography as Mr}from"@rango-dev/ui";import le from"react";import{i18n as jS}from"@lingui/core";import{Divider as XS,Skeleton as KS,Typography as YS}from"@rango-dev/ui";import pe from"react";import{css as Re,styled as Xs}from"@rango-dev/ui";var cm=Xs("div",{width:"100%",height:"100%",padding:"$10 $20"}),qo=Xs("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Lr=Xs("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),L_=Re({display:"flex",justifyContent:"space-between",alignItems:"center"}),P_=Re({display:"flex",justifyContent:"space-between",alignItems:"center"}),M_=Re({paddingTop:"$15",display:"flex"}),$_=Re({padding:"$15 $0"}),__=Re({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),D_=Re({paddingBottom:"$10"}),F_=Re({display:"flex",justifyContent:"start",alignItems:"center"}),O_=Re({paddingTop:"$5",display:"flex",alignItems:"center"}),U_=Re({display:"flex",alignItems:"center"}),z_=Re({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),mm=Re({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function Ks(){return pe.createElement(cm,null,pe.createElement(Ao,{type:"swap-preview"}),pe.createElement("div",{className:"swaps-steps"},pe.createElement(YS,{variant:"title",size:"small"},jS.t("Swaps steps"))),pe.createElement(pe.Fragment,null,pe.createElement(qo,null,pe.createElement(st,{separator:!1}),pe.createElement("div",{className:mm()},pe.createElement(XS,{direction:"horizontal",size:20}),pe.createElement(KS,{height:22,variant:"rectangular"}))),pe.createElement(Lr,null),pe.createElement(qo,null,pe.createElement(st,{separator:!1})),pe.createElement(Lr,null),pe.createElement(qo,null,pe.createElement(st,{separator:!1})),pe.createElement(Lr,null),pe.createElement(qo,null,pe.createElement(st,{separator:!1}))))}i(Ks,"LoadingSwapDetails");function fm(t){let{requestId:e,showSkeleton:o}=t;return le.createElement(J,{noPadding:!0,header:{title:Pr.t("Swap and Bridge"),suffix:le.createElement(Xt,null)}},o&&le.createElement(Er,null,le.createElement(Wr,null,le.createElement("div",{className:so()},le.createElement(Mr,{variant:"label",size:"large",color:"neutral700"},`${Pr.t("Request ID")}:`),le.createElement("div",{className:Nr()},le.createElement(Mr,{variant:"label",size:"small",color:"neutral700"},le.createElement(Go,{width:60,height:10,variant:"rounded"})),le.createElement(dm,{direction:"horizontal",size:4}),le.createElement(Go,{width:16,height:16,variant:"rectangular"}),le.createElement(dm,{direction:"horizontal",size:4}),le.createElement(Go,{width:16,height:16,variant:"rectangular"}))),le.createElement("div",{className:so()},le.createElement(Mr,{className:nm(),variant:"label",size:"large",color:"neutral700"},le.createElement(Go,{width:60,height:10,variant:"rounded"})),le.createElement(Mr,{variant:"label",size:"small",color:"neutral700"},le.createElement(Go,{width:60,height:10,variant:"rounded"})))),le.createElement(Ks,null)),!o&&le.createElement(om,null,le.createElement(JS,{title:Pr.t("Not found"),description:Pr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(fm,"SwapDetailsPlaceholder");function hm(){let{manager:t,state:e}=RS(),o=!e.loadedFromPersistor,n=to(t),r=ve.use.selectedSwapRequestId(),s=wt(),{fetchStatus:a}=g(),l=o||a==="loading",p=n.find(({swap:f})=>f.requestId===r),u=i(()=>{if(p?.id){let f=t?.get(p.id);f&&ZS(f)}},"onCancel"),m=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(f){console.log(f)}},"onDelete"),c=p?.swap;return!c||l?gm.createElement(fm,{requestId:r||"",showSkeleton:l}):gm.createElement(js,{swap:c,requestId:r||"",onCancel:u,onDelete:m})}i(hm,"SwapDetailsPage");import{i18n as Qo}from"@lingui/core";import{AutoThemeIcon as eC,DarkModeIcon as tC,LightModeIcon as oC,List as nC,ListItemButton as rC,Radio as Ys,RadioRoot as iC,Typography as Js}from"@rango-dev/ui";import be from"react";function ym(){let{setTheme:t,theme:e}=g(),o=[{id:"light",value:"light",title:be.createElement(Js,{variant:"title",size:"xmedium"},Qo.t("Light")),onClick:()=>t("light"),start:be.createElement(oC,{color:"gray"}),end:be.createElement(Ys,{value:"light"})},{id:"dark",value:"dark",title:be.createElement(Js,{variant:"title",size:"xmedium"},Qo.t("Dark")),onClick:()=>t("dark"),start:be.createElement(tC,{color:"gray"}),end:be.createElement(Ys,{value:"dark"})},{id:"auto",value:"auto",title:be.createElement(Js,{variant:"title",size:"xmedium"},Qo.t("Auto")),onClick:()=>t("auto"),start:be.createElement(eC,{color:"gray"}),end:be.createElement(Ys,{value:"auto"})}];return be.createElement(J,{header:{title:Qo.t("Theme")}},be.createElement(ft,null,be.createElement(iC,{onValueChange:n=>t(n),value:e},be.createElement(nC,{type:be.createElement(rC,{title:Qo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(ym,"ThemePage");function Sm(){return sC([{path:M.home,element:Ae.createElement(ju,null)},{path:M.fromSwap,children:[{index:!0,element:Ae.createElement(Bs,{type:"source"})},{path:M.blockchains,element:Ae.createElement(fs,{type:"source"})}]},{path:M.toSwap,children:[{index:!0,element:Ae.createElement(Bs,{type:"destination"})},{path:M.blockchains,element:Ae.createElement(fs,{type:"destination"})}]},{path:M.settings,children:[{index:!0,element:Ae.createElement(Mc,null)},{path:M.themes,element:Ae.createElement(ym,null)},{path:M.languages,element:Ae.createElement(Ku,null)},{path:M.exchanges,element:Ae.createElement(ps,{sourceType:"Exchanges"})},{path:M.bridges,element:Ae.createElement(ps,{sourceType:"Bridges"})}]},{path:M.swaps,children:[{index:!0,element:Ae.createElement(qu,null)},{path:M.swapDetails,element:Ae.createElement(hm,null)}]},{path:M.wallets,element:Ae.createElement(op,null)},{path:M.confirmSwap,element:Ae.createElement(Pu,null)}])}i(Sm,"AppRoutes");import{isApprovalTX as aC,MainEvents as km,RouteEventType as Tm,StepEventType as lo,StepExecutionEventStatus as lC,useEvents as pC}from"@rango-dev/queue-manager-rango-preset";import{useEffect as wm}from"react";import{StepExecutionBlockedEventStatus as Zs}from"@rango-dev/queue-manager-rango-preset";var Cm=[Zs.WAITING_FOR_CHANGE_WALLET_ACCOUNT,Zs.WAITING_FOR_NETWORK_CHANGE,Zs.WAITING_FOR_WALLET_CONNECT];function xm(){let t=g().tokens(),e=V.use.connectedWallets(),o=V.use.getWalletsDetails(),n=Fe.use.setNotification(),r=Fe.use.setAsRead(),s=pC();return wm(()=>(s.on(km.StepEvent,a=>{let{event:l,step:p,route:u}=a;if(l.type===lo.TX_EXECUTION&&l.status===lC.TX_SENT&&!aC(p)||l.type===lo.SUCCEEDED){let c=e.find(d=>d.chain===p?.fromBlockchain),f=p?.fromBlockchain!==p?.toBlockchain&&e.find(d=>d.chain===p?.toBlockchain);c&&o([c],t),f&&o([f],t)}l.type===lo.TX_EXECUTION_BLOCKED&&Cm.includes(l.status)||l.type===lo.FAILED?n(l,u):(l.type===lo.TX_EXECUTION||l.type===lo.CHECK_STATUS)&&r(u.requestId)}),()=>s.all.clear()),[s,e.length]),wm(()=>(s.on(km.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===Tm.FAILED||l.type===Tm.SUCCEEDED)&&n(l,p)}),()=>s.all.clear()),[s,e.length]),null}i(xm,"WidgetEvents");import{globalCss as uC}from"@rango-dev/ui";var vm=i(()=>uC({"@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 cC}from"@rango-dev/ui";var bm=cC("div",{display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function $r(){vm();let{config:t}=g(),{activeTheme:e}=Pn(t?.theme||{}),{activeLanguage:o}=oo(),[n,r]=Am(""),[s,a]=Am(),l=dC(kn);return fC(()=>{Fe.persist.rehydrate(),l.onConnectWallet(r)},[]),Ho.createElement(mC,{language:o},Ho.createElement(bm,{id:"swap-container",className:e()},Ho.createElement(xm,null),Ho.createElement(ml,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},Ho.createElement(Sm,null))))}i($r,"Main");import ea,{useMemo as LC}from"react";import{checkWaitingForNetworkChange as gC,makeQueueDefinition as hC}from"@rango-dev/queue-manager-rango-preset";import{Provider as yC}from"@rango-dev/queue-manager-react";import{useWallets as SC}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as CC}from"@rango-dev/wallets-shared";import{isEvmBlockchain as kC}from"rango-types";import TC,{useMemo as wC}from"react";function xC(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=SC(),l=wC(()=>hC({API_KEY:t.apiKey||qt("API_KEY"),BASE_URL:qt("BASE_URL")}),[t.apiKey]),p=g().blockchains(),m={blockchains:V.use.connectedWallets().map(k=>({accounts:[k],name:k.chain}))},c=i(async(k,T)=>{if(s(k,T))return r(k,T)},"switchNetwork"),f=i(k=>!!a(k).mobileWallet,"isMobileWallet"),d=p.filter(k=>k.enabled).reduce((k,T)=>(k[T.name]=T,k),{}),w=p.filter(kC),y=i(k=>{let{supportedChains:T}=a(k);return Zo(T)},"getSupportedChainNames"),h=e(),C={meta:{blockchains:d,evmBasedChains:w,evmNetworkChainInfo:CC(w),getSupportedChainNames:y},getSigners:o,wallets:m,providers:h,switchNetwork:c,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:f};return TC.createElement(yC,{queuesDefs:[l],context:C,onPersistedDataLoaded:k=>{gC(k)},isPaused:!1},t.children)}i(xC,"QueueManager");var Im=xC;import{useManager as EC}from"@rango-dev/queue-manager-react";import WC,{createContext as NC,useContext as BC}from"react";import{cancelSwap as vC,getCurrentBlockchainOfOrNull as bC,getCurrentStep as AC,getRelatedWalletOrNull as IC}from"@rango-dev/queue-manager-rango-preset";var Vo=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return to(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&&vC(o)}getCurrentStepInfo(e){let o=AC(e);return{step:o,wallet:o?IC(e,o):null,network:o?bC(e,o):null}}};i(Vo,"WidgetHistory");var Em=NC(void 0);function Rs(t){let{manager:e}=EC(),o=D.use.retry(),n=new Vo(e,{retrySwap:o}),r=V.use.connectedWallets(),s=V.use.loading(),a=ga(r),l=V.use.getWalletsDetails(),p=g().blockchains(),u=g().tokens(),m=g().swappers(),c=g().fetchStatus,f=oo().resetLanguage,d={history:n,wallets:{isLoading:s,details:r,totalBalance:a,refetch:l},meta:{blockchains:p,tokens:u,swappers:m,loadingStatus:c},resetLanguage:f};return WC.createElement(Em.Provider,{value:d},t.children)}i(Rs,"WidgetInfo");function Wm(){let t=BC(Em);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Wm,"useWidget");function _r(t){let{onUpdateState:e,config:o}=t;return LC(()=>{ka({API_KEY:o?.apiKey||jo,BASE_URL:o?.apiUrl||ra})},[o.apiKey,o.apiUrl]),ea.createElement(Tn,{config:o,onUpdateState:e},ea.createElement(Im,{apiKey:o.apiKey},ea.createElement(Rs,null,t.children)))}i(_r,"WidgetProvider");function Nm(t){return t.config?.externalWallets?ta.createElement($r,null):ta.createElement(_r,{config:t.config??Dr},ta.createElement($r,null))}i(Nm,"Widget");export{m1 as MainEvents,w1 as Networks,b1 as PendingSwapNetworkStatus,d1 as RouteEventType,f1 as StepEventType,g1 as StepExecutionBlockedEventStatus,h1 as StepExecutionEventStatus,k1 as WalletEvents,x1 as WalletTypes,Nm as Widget,_r as WidgetProvider,Tn as WidgetWallets,ci as customizedThemeTokens,C1 as readAccountAddress,up as useWallets,Wm as useWidget,y1 as useWidgetEvents};
+var Nm=Object.defineProperty;var i=(t,e)=>Nm(t,"name",{value:e,configurable:!0});import{EventSeverity as u1,MainEvents as c1,RouteEventType as m1,StepEventType as d1,StepExecutionBlockedEventStatus as f1,StepExecutionEventStatus as g1,useEvents as h1}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as S1,useWallets as lp,Events as C1}from"@rango-dev/wallets-react";import{Networks as T1,WalletTypes as w1}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as v1}from"rango-types";import{Events as oi,Provider as md}from"@rango-dev/wallets-react";import{isEvmBlockchain as dd}from"rango-sdk";import Sn,{createContext as fd,useEffect as ni,useRef as gd,useState as hd}from"react";import{useEffect as gn,useLayoutEffect as rl,useRef as hn}from"react";import Km,{createContext as Ym,useContext as Jm,useEffect as Zm,useRef as Rm}from"react";import{create as jm}from"zustand";import{persist as Xm}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 qm}from"rango-sdk";var Vo="c6381a79-2817-4602-83bf-6a641a409e32",oa="https://api.rango.exchange",xe="rango-swap-box",na="https://scan.rango.exchange";import{WalletState as tt}from"@rango-dev/ui";import{readAccountAddress as Pm}from"@rango-dev/wallets-react";import{detectInstallLink as Mm,getCosmosExperimentalChainInfo as $m,isEvmAddress as _m,KEPLR_COMPATIBLE_WALLETS as XC,Networks as aa}from"@rango-dev/wallets-shared";import Dr from"bignumber.js";import{isCosmosBlockchain as Dm}from"rango-types";import Bm from"bignumber.js";var Ce=new Bm(0);import{WalletTypes as Lm}from"@rango-dev/wallets-shared";var ra=[Lm.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"),E=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 et=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),uo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function ie(t){return E(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(ie,"formatTooltipNumbers");function Fr(t){switch(!0){case t.connected:return tt.CONNECTED;case t.connecting:return tt.CONNECTING;case!t.installed:return tt.NOT_INSTALLED;default:return tt.DISCONNECTED}}i(Fr,"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(m=>m.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=Fr(t(r));return{title:s,image:a,link:Mm(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(c=>c.chain===p)){let c={address:u,chain:p,walletType:t};s.push(c)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:m}=Pm(p),c=l.length>0,f=l.includes(m),d=m===aa.Unknown;if(c&&!f&&!d)return;let y=m===aa.Unknown&&_m(u);if(d&&!y)return;o.includes(m)||y?r?a(m,u.toLowerCase()):l.filter(k=>o.includes(k)).forEach(k=>{a(k,u.toLowerCase())}):a(m,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 Dr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Om(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=E(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new Dr(s?.amount||Ce).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ce)||Ce).toString();return Fm(r)},"calculateWalletUsdValue");function Fm(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(Fm,"numberWithThousandSeparator");var Om=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=$m(Object.entries(t).map(([,n])=>n).filter(Dm));return o&&o[e]?.experimental},"isExperimentalChain");function en(t){return t?{...t,amount:E(t.amount,8,8),usdValue:E(t.usdValue,4,4)}:null}i(en,"formatBalance");function Um(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(Um,"sortTokensByBalance");function zm(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(zm,"sortTokensByPinnedToken");function fa(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=zm(n,r,o);return l!==0?l:Um(s,a)}),t}i(fa,"sortTokens");function Pe(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Pe,"tokensAreEqual");function ga(t){return t.sort((e,o)=>+(o.state===tt.CONNECTED)-+(e.state===tt.CONNECTED)||+(o.state===tt.DISCONNECTED||o.state===tt.CONNECTING)-+(e.state===tt.DISCONNECTED||e.state===tt.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 Or(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(Or,"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 Dr(o?.usdPrice??Ce).multipliedBy(o?.amount).toString():""},r=o?Or({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 Ur={API_KEY:Vo};function qt(t){return Ur[t]||""}i(qt,"getConfig");function Sa(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Ur=e,Ur}i(Sa,"initConfig");var Ca=20,ka=25,Ta="Roboto",zr="theme-widget",co=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Pe(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Pe(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),qr=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var nn,Gt=i(()=>nn||(nn=new qm(qt("API_KEY"),qt("BASE_URL")),nn),"httpService");function Qt(t){return Array.from(new Set(t))}i(Qt,"removeDuplicateFrom");function Gr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Gr,"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 Nt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Nt,"containsText");var P=i(()=>document.getElementById(xe),"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 Me(t,e){return e?.[t]==="hidden"}i(Me,"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&&co(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(Nt(p.symbol,o.searchFor)||Nt(p.address||"",o.searchFor)||Nt(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=>Pe(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 Gm,French as Qm,Japanese as Hm,Spanish as Vm}from"@rango-dev/ui";var ba=[{title:"English",label:"English",local:"en",SVGFlag:Gm},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Vm},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Qm},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Hm}],mo="en";var Aa=[.5,1,3],Ia=1,Ea=5,Wa=100,Na=0;var Ba=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:Ia,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=Me("theme",n),s=Me("language",n),a=Me("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:mo},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function La(t){return jm()(Xm((...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=Ym(null);function g(){let t=Jm(Pa);if(Zm(()=>{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=Rm();return e.current||(e.current=La(t.config)),Km.createElement(Pa.Provider,{value:e.current},t.children)}i(Ma,"AppStoreProvider");import Tt from"bignumber.js";import{create as sd}from"zustand";import{subscribeWithSelector as ad}from"zustand/middleware";import{getLastSuccessfulStep as rd}from"@rango-dev/queue-manager-rango-preset";import IT from"bignumber.js";var St=(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))(St||{});function $a(t,e){return e.find(o=>o.name===t)?.displayName}i($a,"getBlockchainDisplayNameFor");function $e(t,e){return e.find(o=>o.name===t)?.shortName}i($e,"getBlockchainShortNameFor");function fo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(fo,"getSwapperDisplayName");function Hr(t,e){return e.find(o=>Pe(o,t))??null}i(Hr,"findToken");function Vr(t,e){return e.find(o=>o.name===t)??null}i(Vr,"findBlockchain");import{i18n as Ve}from"@lingui/core";import ke 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 ye}from"@lingui/core";var j=i(()=>({genericServerError:ye.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:ye.t("Please reset your liquidity sources."),description:ye.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:ye.t("No Routes Found."),description:ye.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:ye.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:ye.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:ye.t("High Price Impact"),title:ye.t("Price impact is too high!"),description:ye.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:ye.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:ye.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:ye.t("USD Price Unknown"),title:ye.t("USD Price Unknown, Cannot calculate Price Impact."),description:ye.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:ye.t("Confirm USD Price Unknown")}}),"errorMessages");function _a(t){switch(t.type){case 0:return t.diagnosisMessage??j().noResultError.title;case 1:return j().genericServerError;default:return""}}i(_a,"getQuoteErrorMessage");import{i18n as pn}from"@lingui/core";var Bt=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 ke(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new ke(1e3)))??!1}i(Da,"hasHighValueLoss");function jr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new ke(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ke(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 Xr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new ke(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new ke(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 ke(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ke(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Ve.t({id:"Required: >= {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Ve.t({id:"Required: > {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Ve.t({id:"Required: <= {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Ve.t({id:"Required: < {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Xr,"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:Bt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:Bt().swap,action:"confirm-swap",disabled:!0}:a?{title:Bt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Bt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Bt().swap,action:"confirm-swap",disabled:!1}:{title:Bt().connectWallet,action:"connect-wallet",disabled:!1}}i(Fa,"getSwapButtonState");function Kr(t,e,o){return!((!o||o.lte(Ce))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Kr,"canComputePriceImpact");function ed(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(ed,"requiredWallets");var td=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function od(t,e){let o=Ce;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=td(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new ke(r.amount).multipliedBy(s||0))}return o}i(od,"getUsdFeeOfStep");function cn(t,e){return t.reduce((o,n)=>o.plus(od(n,e)),Ce)}i(cn,"getTotalFeeInUsd");function Yr(t){let e=Ce;return e=e.plus(new ke(t.amount).multipliedBy(t.price||0)),e}i(Yr,"getUsdFee");function Oa(t){return t.reduce((e,o)=>e.plus(Yr(o)),Ce)}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 Jr(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(Jr,"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:m,affiliatePercent:c,affiliateWallets:f,initialQuote:d,destination:w}=t,y=s?.reduce((b,S)=>(b[S.chain]=S.address,b),{}),h=[];r?.forEach(b=>{let S=h.find(I=>I.blockchain===b.chain);S?S.addresses.push(b.address):h.push({blockchain:b.chain,addresses:[b.address]})});let C=!!d,k=Qt((d?.result?.swaps||[]).reduce((b,S)=>(b.push(S.from.blockchain,S.to.blockchain),S.internalSwaps&&Array.isArray(S.internalSwaps)&&S.internalSwaps.map(I=>{b.push(I.from.blockchain,I.to.blockchain)}),b),[]));return{amount:n.toString(),affiliateRef:m??void 0,affiliatePercent:c??void 0,affiliateWallets:f??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:y??{},slippage:u.toString(),...w&&{destination:w},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(b=>!a.includes(b)),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 ke(e).div(new ke(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=_e(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=E(new ke(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=E(new ke(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),m="";return a.reason==="FEE"&&(m=Ve.t(" for network fee")),a.reason==="INPUT_ASSET"&&(m=Ve.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(m=Ve.t(" for input and network fee")),Ve.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:u,symbol:l,reason:m,currentAmount:p,blockchain:$e(a.asset.blockchain,o)}})})}i(Va,"generateBalanceWarnings");function ja(t,e){return(t?new ke(t):Ce).multipliedBy(e||0)}i(ja,"calcOutputUsdValue");function go(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==un.NetworkChanged}i(go,"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,"")),go(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case un.WaitingForConnectingWallet:n=n||Ve.t("Waiting for connecting wallet");break;case un.WaitingForQueue:n=n||Ve.t("Waiting for other running tasks to be finished");break;case un.WaitingForNetworkChange:n=n||Ve.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&&!ed(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!ln(s,o)}i(Ja,"confirmSwapDisabled");function Zr(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(Zr,"searchParamsToToken");function el(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(el,"getQuoteToTokenUsdPrice");function Rr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(Rr,"isNumberOfSwapsChanged");function ei(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!Gr(o,n)}i(ei,"isQuoteSwappersUpdated");function ti(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!Gr(o,n)}i(ti,"isQuoteInternalCoinsUpdated");function tl(t,e){return Rr(t,e)||ei(t,e)||ti(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 ct(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(ct,"getPriceImpactLevel");function ol(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=rd(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Vr(s?s.toBlockchain:n.fromBlockchain,e),p=Vr(r.toBlockchain,e),u=Hr(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),m=Hr(a,o),c=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:m,inputAmount:c}}i(ol,"createRetryQuote");function fn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Lt(o,t.requestAmount),l=Lt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let m=_e(a.toString(),l.toString());if(!!m&&Da(a,m)){let f=cn(t.result.swaps,r),d=ct(m);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:m,totalFee:f,warningLevel:d}}}else if(t.result&&(!a||!l))return{type:1};let p=mn(t),u=s>Ea;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 _e(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(_e,"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 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"),kt=id;var Lt=i((t,e)=>t?.usdPrice?new Tt(e||Ce).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),D=kt(sd()(ad(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Tt(0),outputUsdValue:new Tt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ce;return uo(o.inputAmount)?(e&&(n=e.result?.outputAmount?new Tt(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 Tt(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:Lt(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 Tt(0),outputUsdValue:new Tt(0),quote:null},...!!o.fromToken&&{inputUsdValue:Lt(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:Lt(a??null,u),outputUsdValue:new Tt(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:Lt(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}=D(),u=g().config,m=g().fetchStatus,c=g().blockchains(),f=g().tokens(),{setAffiliateRef:d,setAffiliatePercent:w,setAffiliateWallets:y}=g(),h=u?.from?.tokens,C=u?.from?.blockchains,k=u?.to?.tokens,T=u?.to?.blockchains,b=hn(void 0),S=hn(void 0),I=hn(void 0),A=hn(void 0);gn(()=>{t(u?.amount?.toString()||"")},[u?.amount]),rl(()=>{if(m==="success"){let v=c.find(L=>L.name===u?.from?.blockchain),x=f.find(L=>Pe(L,u?.from?.token||null));(v||!v&&I.current)&&n(v??null),x?r({token:x,meta:{blockchains:c,tokens:f}}):!x&&b.current&&r({token:null}),I.current=u?.from?.blockchain,b.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,m]),gn(()=>{co(s,h)&&r({token:null}),qr(l,C)&&n(null)},[h,C]),gn(()=>{co(a,k)&&r({token:null}),qr(p,T)&&o(null)},[k,T]),rl(()=>{if(m==="success"){let v=c.find(L=>L.name===u?.to?.blockchain),x=f.find(L=>Pe(L,u?.to?.token||null));(v||!v&&A.current)&&o(v??null),x?e({token:x,meta:{blockchains:c,tokens:f}}):!x&&S.current&&e({token:null}),A.current=u?.to?.blockchain,S.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,m]),gn(()=>{d(u?.affiliate?.ref??null),w(u?.affiliate?.percent??null),y(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}i(il,"useSyncStoresWithConfig");import{useEffect as cd}from"react";import{create as ld}from"zustand";import{subscribeWithSelector as pd}from"zustand/middleware";var V=kt(ld()(pd((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:m})=>({address:u,blockchain:m})),p=(await Gt().getWalletsDetails(a)).wallets;if(p)t(u=>{let m=u.connectedWallets.map(f=>{let d=o.find(y=>Zo(y,f)),w=p.find(y=>y.address===f.address&&y.blockChain===f.chain);return w?.failed&&d&&r&&s([d],n,!1),d&&w?{...f,explorerUrl:w.explorerUrl,balances:ca(w,n),loading:!1}:f});return{loading:!1,balances:on(m),connectedWallets:m}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(m=>o.find(c=>Zo(c,m))?ma(m):m);return{loading:!1,balances:on(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=Or(o);return n[r]??null}}))));import{allProviders as ud}from"@rango-dev/provider-all";function yn(t,e){let o=ud({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 cd(()=>{o(),n=yn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(al,"useWalletProviders");var Cn=fd({onConnectWallet:()=>{}});function yd(t){let{updateConfig:e,updateSettings:o,fetch:n}=g(),r=g().blockchains(),s=g().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=hd([]),{providers:u}=al(t.config.wallets,a),{connectWallet:m,disconnectWallet:c}=V(),f=gd();il(),ni(()=>{n().catch(console.log)},[]),ni(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let d=r.filter(dd).map(y=>y.name),w=i((y,h,C,k,T)=>{if(h===oi.ACCOUNTS)if(C){let b=Jo(T.supportedBlockchains),S=pa(y,C,d,b,T.isContractWallet);p(S)}else c(y);if(h===oi.ACCOUNTS&&k.connected){let b=`${y}-${k.network}-${C}`;k.connected&&(f.current?f.current(b):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(h===oi.NETWORK&&k.network){let b=`${y}-${k.network}`;f.current?f.current(b):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(y,h,C,k,T)},"onUpdateState");return ni(()=>{l.length&&m(l,s)},[l,s]),Sn.createElement(Cn.Provider,{value:{onConnectWallet:y=>{f.current=y}}},Sn.createElement(md,{allBlockChains:r,providers:u,onUpdateState:w,autoConnect:!0},t.children))}i(yd,"Main");function kn(t){let{config:e,...o}=t;return Sn.createElement(Ma,{config:e},Sn.createElement(yd,{...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 vm}from"react";import{useQueueManager as Ad}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Id}from"@rango-dev/wallets-react";import{isEvmBlockchain as Ed}from"rango-types";import Tn,{Fragment as Wd}from"react";import{MemoryRouter as Nd,useInRouterContext as Bd}from"react-router";import{useWallets as Cd}from"@rango-dev/wallets-react";import{useEffect as kd,useRef as Td}from"react";function ll(){let{connect:t,state:e}=Cd(),o=Td({}),{fetchStatus:n}=g(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);kd(()=>{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 ri,useRef as ii}from"react";import{createSearchParams as xd,useLocation as vd,useSearchParams as bd}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 wd}from"zustand";var ve=kt(wd()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));function pl(){let t=ii(!0),[e,o]=bd(),n=vd(),r=ii(n.search),s=ii({}),a=D.use.fromBlockchain(),l=D.use.toBlockchain(),p=D.use.fromToken(),u=D.use.toToken(),m=D.use.setFromBlockchain(),c=D.use.setFromToken(),f=D.use.setToBlockchain(),d=D.use.setToToken(),w=D.use.inputAmount(),y=D.use.setInputAmount(),h=g().fetchStatus,C=g().blockchains(),k=g().tokens(),T=ve.use.setSelectedSwap();return ri(()=>{let b={};xd(r.current).forEach((I,A)=>{b[A]=I}),s.current=b;let S=n.pathname.split(M.swaps+"/")[1]||null;S&&T(S)},[]),ri(()=>{if(!t.current){let b="",S="",I="",A="",v="",x=s.current["autoConnect"];h!=="success"?(b=s.current["fromBlockchain"],S=s.current["fromToken"],I=s.current["toBlockchain"],A=s.current["toToken"],v=s.current["fromAmount"]||w):(b=a?.name||"",S=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),I=l?.name||"",A=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),v=w),o({...b&&{["fromBlockchain"]:b},...S&&{["fromToken"]:S},...I&&{["toBlockchain"]:I},...A&&{["toToken"]:A},...v&&{["fromAmount"]:v.toString()},...x&&{["autoConnect"]:x}},{replace:!0})}t.current=!1},[n.pathname,w,a,p,l,u]),ri(()=>{if(h==="success"){let b=e.get("fromBlockchain"),S=e.get("fromToken"),I=e.get("toBlockchain"),A=e.get("toToken"),v=e.get("fromAmount"),x=C.find(F=>F.name===b),L=Zr(k,S,x||null),U=C.find(F=>F.name===I),W=Zr(k,A,U||null);x&&(m(x),L&&c({token:L,meta:{blockchains:C,tokens:k}})),U&&(f(U),W&&d({token:W,meta:{blockchains:C,tokens:k}})),v&&y(v)}},[h]),null}i(pl,"UpdateUrl");function ul({children:t,...e}){let o=Bd(),n=o?Wd:Nd,r=g().blockchains(),{canSwitchNetworkTo:s}=Id();ll();let a=r.filter(Ed);return Ad({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 Ae from"react";import{useRoutes as iC}from"react-router-dom";import{i18n as rr}from"@lingui/core";import{useManager as mh}from"@rango-dev/queue-manager-react";import{Alert as Eu,Button as dh,css as Ki,Divider as fh,IconButton as Wu,SettingsIcon as gh,styled as Nu,Tooltip as hh,Typography as yh,WalletIcon as Sh}from"@rango-dev/ui";import se,{useEffect as No,useLayoutEffect as Ch,useRef as kh,useState as ir}from"react";import{flushSync as Th}from"react-dom";import{useNavigate as wh}from"react-router-dom";import{i18n as ot}from"@lingui/core";import{Alert as Ai,BalanceErrors as tg,Button as pp,ChevronDownIcon as og,ChevronLeftIcon as ng,Divider as Yt,MessageBox as rg,Modal as up,Typography as qn,WalletIcon as ig}from"@rango-dev/ui";import N,{useEffect as sg,useState as $t}from"react";import{useNavigate as ag}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 In,{useLayoutEffect as $d,useRef as _d}from"react";import*as Vt from"@radix-ui/react-collapsible";import{keyframes as cl,styled as vn}from"@rango-dev/ui";var ho=300,Pd=cl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Md=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"}}}}),si=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:`${Pd} ${ho}ms ease-out`},false:{animation:`${Md} ${ho}ms ease-out`}}}}),An=vn("div",{transition:`all ${ho}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function En(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=_d(null);return $d(()=>{e&&p.current&&setTimeout(()=>{p?.current?.scrollIntoView({behavior:"smooth"})},ho)},[e]),In.createElement(ml,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&In.createElement(si,{className:"collapsible_trigger",onClick:s},a),In.createElement(bn,{className:"collapsible_content",open:e},r),l==="bottom"&&In.createElement(si,{className:"collapsible_trigger",onClick:s},a))}i(En,"CustomCollapsible");import{Button as Dd,css as dl,darkTheme as jt,IconButton as Fd,styled as De,TextField as Od}from"@rango-dev/ui";var fl=De("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),gl=De("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ud=De("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=De(Ud,{alignSelf:"stretch",minHeight:"93px"}),yl=De("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Sl=De(Fd,{position:"absolute",left:"$20"}),Cl=De("div",{paddingTop:"$20"}),kl=dl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Tl=De("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=De("div",{display:"flex"}),vl=De(Od,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),bl=De("div",{overflow:"visible",width:"100%"}),Al=De(Dd,{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 Xe}from"@lingui/core";import{Button as Zf,Divider as vi,Image as Rf,MessageBox as zn,Modal as rp,SelectableWallet as eg,Typography as ip,WalletState as sp}from"@rango-dev/ui";import ne,{useEffect as ap,useState as Co}from"react";import{WalletState as ai}from"@rango-dev/ui";import{useWallets as zd}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as qd,WalletTypes as Wn}from"@rango-dev/wallets-shared";import{useEffect as Gd,useState as Qd}from"react";var Hd=Object.values(Wn);function Nn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=zd(),{connectedWallets:u}=V(),m=g().blockchains(),c=sl(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Hd,f=la(s,l,c,o),d=ga(f),[w,y]=Qd(""),h=i(S=>!u.find(I=>I.walletType===S&&I.chain===o),"isExperimentalChainNotAdded"),C=i(async S=>{let I=s(S);try{if(w&&y(""),I.connected)await a(S);else{let A=!!f.find(v=>v.state===ai.CONNECTED);if(!e?.multiWallets&&A)return;n?.(S),await p(S),r?.(S)}}catch(A){y("Error: "+A?.message)}},"handleClick"),k=i(()=>{let S=f?.filter(I=>I.state===ai.CONNECTING)||[];for(let I of S)a(I.type)},"disconnectConnectingWallets");Gd(()=>()=>{k()},[]);let T=i(S=>S.filter(A=>A.state!=ai.NOT_INSTALLED&&![Wn.DEFAULT,Wn.WALLET_CONNECT_2].includes(A.type)&&l(A.type).supportedChains.filter(v=>v.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),b=i((S,I,A)=>Ro(A,I)&&h(S)&&!qd.includes(S)||S==Wn.DEFAULT&&!T(f),"shouldExcludeWallet");return{list:d.filter(S=>!b(S.type,o??"",m)),error:w,handleClick:C}}i(Nn,"useWalletList");import{i18n as Jl}from"@lingui/core";import{styled as Rl,Typography as Qf,Wallet as Hf,WalletState as Vf}from"@rango-dev/ui";import Mt,{Fragment as jf,useState as Zl}from"react";import{BottomLogo as Mf,Divider as $f,Header as _f}from"@rango-dev/ui";import Se from"react";import{useNavigate as Vd}from"react-router-dom";function wt(){let t=Vd();return()=>t(-1)}i(wt,"useNavigateBack");import{createTheme as ci,darkTheme as Jd,lightTheme as Zd}from"@rango-dev/ui";import{useEffect as Wl,useState as Rd}from"react";import{theme as Kd,darkColors as Yd}from"@rango-dev/ui";var Il=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,m=(l.length<2?"0":"")+l;return`#${p}${u}${m}`},"colorShade"),Bn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:Il(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:Il(e,-((l-5)*25))});return a},"generateRangeColors"),li=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 El=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=El(o%52)+e;return El(o%52)+e},"toAlphabeticName"),Xd=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),pi=i(t=>jd(Xd(5381,JSON.stringify(t))>>>0),"toHash");function ui(t){let e=Kd.colors,o=li({...e,...Yd},!0,t?.dark),n=li(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:`${zr}-light-${pi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${zr}-dark-${pi(p)}`,tokens:p}}return{light:a,dark:l}}i(ui,"customizedThemeTokens");function Ln(t){let{colors:e,fontFamily:o=Ta,borderRadius:n=Ca,secondaryBorderRadius:r=ka,mode:s="auto"}=t,[a,l]=Rd("light"),{setTheme:p,theme:u}=g(),{dark:m,light:c}=ui(e),f=ci({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[f.className,Zd.className],w=[f.className,Jd.className];if(c){let h=ci(c.id,c.tokens);d.push(h.className)}if(m){let h=ci(m.id,m.tokens);w.push(h.className)}return Wl(()=>{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)}},[]),Wl(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let h=d.join(" "),C=w.join(" ");return u==="auto"?a==="dark"?C:h:u==="dark"?C:h},"getActiveTheme")}}i(Ln,"useTheme");import{ChevronLeftIcon as of}from"@rango-dev/ui";import Pl from"react";import{darkTheme as ef,IconButton as tf,styled as yo}from"@rango-dev/ui";var Fe=yo(tf,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Nl=yo("div",{position:"absolute",background:"$secondary500",[`.${ef} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Xt=yo("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Bl=yo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),Ll=yo("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function mi(t){return Pl.createElement(Fe,{variant:"ghost",size:"small",onClick:t.onClick},Pl.createElement(of,{color:"black",size:16}))}i(mi,"BackButton");import{i18n as nf}from"@lingui/core";import{Button as rf,Typography as sf}from"@rango-dev/ui";import di from"react";function fi(t){return di.createElement(Xt,null,di.createElement(rf,{variant:"ghost",onClick:t.onClick,size:"xsmall"},di.createElement(sf,{variant:"label",size:"medium",color:"error500"},nf.t("Cancel"))))}i(fi,"CancelButton");import{i18n as af}from"@lingui/core";import{Tooltip as lf,WalletIcon as pf}from"@rango-dev/ui";import Pn from"react";function gi(t){return Pn.createElement(lf,{container:t.container,side:"top",content:af.t("Connect Wallet")},Pn.createElement(Fe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Pn.createElement(Nl,null),Pn.createElement(pf,{size:18,color:"black"})))}i(gi,"WalletButton");import{i18n as Dn}from"@lingui/core";import{NotificationsIcon as Wf,Popover as Nf,SettingsIcon as Bf,Tooltip as Fn,TransactionIcon as Lf}from"@rango-dev/ui";import fe from"react";import{i18n as yf}from"@lingui/core";import{EventSeverity as Sf}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Ol,ChevronRightIcon as Cf,ListItemButton as kf,Typography as Tf}from"@rango-dev/ui";import je from"react";import{useNavigate as wf}from"react-router-dom";import{create as uf}from"zustand";import{persist as cf,subscribeWithSelector as mf}from"zustand/middleware";var Ee=kt(uf()(cf(mf((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 Ml=Mn("div",{padding:"$10",width:"350px",minHeight:"150px"}),$l=Mn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),_l=Mn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Dl=Mn("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 gf,Typography as hf}from"@rango-dev/ui";import $n from"react";function Fl(){return $n.createElement(Dl,null,$n.createElement(gf,{color:"secondary",size:26}),$n.createElement(ff,{size:12}),$n.createElement(hf,{variant:"body",size:"medium",color:"neutral700"},df.t("You have no notification")))}i(Fl,"NotificationNotFound");var xf=4;function hi(){let t=wf(),e=ve.use.setSelectedSwap(),{getUnreadNotifications:o}=Ee(),n=o(),r=g().blockchains(),s=g().tokens(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,xf),l=i(p=>{e(p),t(`${M.swaps}/${p}`)},"handleOnClick");return je.createElement(Ml,null,a.length?je.createElement($l,null,a.map(p=>{let u=s.find(d=>d.address===p.route.from.tokenAddress&&d.blockchain===p.route.from.blockchain&&d.symbol===p.route.from.tokenSymbol),m=r.find(d=>d.name===p.route.from.blockchain),c=s.find(d=>d.address===p.route.to.tokenAddress&&d.blockchain===p.route.to.blockchain&&d.symbol===p.route.to.tokenSymbol),f=r.find(d=>d.name===p.route.to.blockchain);return je.createElement(kf,{key:p.requestId,onClick:()=>l(p.requestId),title:je.createElement(Tf,{variant:"body",size:"small",color:p.event.messageSeverity===Sf.WARNING?"$foreground":"$neutral700"},yf.t(p.event.message)),id:p.requestId,start:je.createElement(_l,null,je.createElement("div",{className:"from-chain-token"},je.createElement(Ol,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),je.createElement("div",{className:"to-chain-token"},je.createElement(Ol,{tokenImage:c?c.image:"",chainImage:f?f.logo:"",size:"small"}))),end:je.createElement(Cf,{size:12,color:"gray"})})})):je.createElement(Fl,null))}i(hi,"NotificationContent");import{RefreshProgressButton as vf}from"@rango-dev/ui";import yi,{useEffect as bf,useState as Ul}from"react";var Af=1e3,zl=60,If=100;function _n({onClick:t}){let[e,o]=Ul(0),[n,r]=Ul(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");bf(()=>{let p;return t?p=window.setInterval(()=>{o(u=>u+1),e===zl&&l()},Af):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 yi.createElement(Fe,{variant:"ghost",size:"small",onClick:l,disabled:!t},yi.createElement(Ll,{onTransitionEnd:()=>r(!1),isRefetched:n},yi.createElement(vf,{size:24,color:t?"black":"gray",progress:e/zl*If})))}i(_n,"RefreshButton");import{Typography as Ef}from"@rango-dev/ui";import ql from"react";function Gl(){let{getUnreadNotifications:t}=Ee(),e=t().length;return e?ql.createElement(Bl,null,ql.createElement(Ef,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(Gl,"UnreadNotificationsBadge");function Si(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r}=t,{config:{features:s}}=g(),a=Me("notification",s);return fe.createElement(fe.Fragment,null,fe.createElement(Fn,{container:P(),side:"top",content:Dn.t("Refresh")},fe.createElement(_n,{onClick:o})),!a&&fe.createElement(Nf,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:P(),content:fe.createElement(hi,null)},fe.createElement("div",null,fe.createElement(Fn,{container:P(),side:"top",content:Dn.t("Notifications")},fe.createElement(Fe,{size:"small",variant:"ghost"},fe.createElement(Wf,{size:18,color:"black"}),fe.createElement(Gl,null))))),fe.createElement(Fn,{container:P(),side:"top",content:Dn.t("Settings")},fe.createElement(Fe,{size:"small",variant:"ghost",onClick:r},fe.createElement(Bf,{size:18,color:"black"}))),fe.createElement(Fn,{container:P(),side:"top",content:Dn.t("Transactions History")},fe.createElement(Fe,{size:"small",variant:"ghost",onClick:n},fe.createElement(Lf,{size:18,color:"black"}))))}i(Si,"HomeButtons");import{darkTheme as Pf,styled as Ci}from"@rango-dev/ui";var Ql=Ci("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",overflow:"hidden !important",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",width:"100vw",minWidth:"300px",maxWidth:"390px",maxHeight:"700px",textAlign:"left",$$color:"$colors$neutral100",[`.${Pf} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"100vh"},false:{height:"auto !important"}}}}),Hl=Ci("div",{borderTopLeftRadius:"20px",borderTopRightRadius:"20px",display:"flex",flexDirection:"column",flex:1,padding:"$20 $20 $10 $20",backgroundColor:"$background",position:"relative",overflowY:"auto",overflowX:"hidden",variants:{noPadding:{true:{padding:"0"}}}}),Vl=Ci("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Df(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:l=!0}=t,p=V.use.connectedWallets(),{config:{features:u,theme:m}}=g(),{activeTheme:c}=Ln(m||{}),f=Me("connectWalletButton",u),d=ve.use.connectWalletsButtonDisabled(),w=wt(),y=i(()=>{!d&&n.onWallet&&n.onWallet()},"onConnectWallet"),h=typeof n.hasBackButton>"u"||n.hasBackButton;return Se.createElement(Ql,{ref:e,fixedHeight:l,id:xe,className:c()},Se.createElement(_f,{prefix:Se.createElement(Se.Fragment,null,h&&Se.createElement(mi,{onClick:w})),title:n.title,suffix:Se.createElement(Se.Fragment,null,n.suffix,n.onWallet&&!f&&Se.createElement(gi,{container:P(),onClick:y,isConnected:!!p?.length}),n.onCancel&&Se.createElement(fi,{onClick:n.onCancel}))}),Se.createElement(Hl,{noPadding:s},o),(a||r)&&Se.createElement(Vl,null,Se.createElement("div",{className:"footer__content"},r),a&&Se.createElement("div",{className:"footer__logo"},Se.createElement($f,{size:12}),Se.createElement(Mf,null))))}i(Df,"LayoutComponent");var J=Se.forwardRef(Df);J.displayName="Layout";import{Divider as qf,Modal as Gf}from"@rango-dev/ui";import Ti from"react";import{i18n as Kt}from"@lingui/core";import{Image as Uf,MessageBox as ki,WalletState as zf}from"@rango-dev/ui";import Pt from"react";import{keyframes as Ff,styled as On}from"@rango-dev/ui";var Lb=On("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),jl=On("div",{position:"relative"}),Of=Ff({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Xl=On("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Of} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Kl=On("div",{"& img":{borderRadius:"50%"}});function Yl(t){let{state:e,image:o,error:n}=t;return e===zf.CONNECTED?Pt.createElement(ki,{type:"success",title:Kt.t("Wallet Connected"),description:Kt.t("Your wallet is connected, you can use it to swap.")}):n?Pt.createElement(ki,{type:"error",title:Kt.t("Failed to Connect"),description:n||Kt.t("Your wallet is not connected. Please try again.")}):Pt.createElement(ki,{type:"loading",title:Kt.t("Connecting to your wallet"),description:Kt.t("Click connect in your wallet popup."),icon:Pt.createElement(jl,null,Pt.createElement(Kl,null,Pt.createElement(Uf,{src:o,size:45})),Pt.createElement(Xl,null))})}i(Yl,"ModalContent");function So(t){let{open:e,onClose:o,...n}=t;return Ti.createElement(Gf,{open:e,onClose:o,container:document.getElementById(xe)||document.body},Ti.createElement(Yl,{...n}),Ti.createElement(qf,{direction:"vertical",size:32}))}i(So,"WalletModal");var Xf=Rl("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Kf=Rl("div",{textAlign:"center"}),Un=3e3,wi=300;function ep(){let{config:t,fetchStatus:e}=g(),[o,n]=Zl(!1),[r,s]=Zl(""),a=null,{list:l,handleClick:p,error:u}=Nn({config:t,onBeforeConnect:d=>{a=setTimeout(()=>{n(!0),s(d)},wi)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Un)}}),m=l.find(d=>d.type===r),c=m?.image||"",f=m?.state||Vf.NOT_INSTALLED;return Mt.createElement(J,{header:{title:Jl.t("Connect Wallets")}},Mt.createElement(Kf,null,Mt.createElement(Qf,{variant:"title",size:"xmedium",align:"center"},Jl.t("Choose a wallet to connect.")),Mt.createElement(Xf,null,l.map((d,w)=>{let y=`wallet-${w}-${d.type}`;return Mt.createElement(jf,{key:y},Mt.createElement(Hf,{...d,container:P(),onClick:h=>{p(h)},isLoading:e==="loading"}))}),Mt.createElement(So,{open:!!o,onClose:()=>n(!1),image:c,state:f,error:u}))))}i(ep,"WalletsPage");import{keyframes as Yf,styled as xi}from"@rango-dev/ui";var tp=xi("div",{position:"relative"}),Jf=Yf({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),op=xi("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Jf} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),np=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,m]=Co(""),[c,f]=Co(null),[d,w]=Co(!1),[y,h]=Co(null),{suggestAndConnect:C}=lp(),k=null,{list:T,error:b,handleClick:S}=Nn({config:a,chain:e,onBeforeConnect:W=>{k=setTimeout(()=>{m(W)},wi)},onConnect:()=>{k&&clearTimeout(k),setTimeout(()=>{m("")},Un)}}),[I,A]=Co(T),v=T.length,x=r&&v-r>0,L=i(async W=>{w(!1),h("in-progress");try{await C(W.walletType,W.chain),h("completed")}catch{h("rejected")}},"addExperimentalChain");ap(()=>{A(W=>{let F=T.findIndex(_=>o(_.type,e));return x&&F>1?[T[F]].concat(T.filter((_,K)=>K!==F)):W.map(_=>T.find(K=>K.type===_.type)??_)})},[JSON.stringify(T)]);let U=document.getElementById(xe);return ap(()=>{let W=null;return(y==="completed"||y==="rejected")&&(W=setTimeout(()=>h(null),Un)),()=>{W&&clearTimeout(W)}},[y]),ne.createElement(ne.Fragment,null,I.slice(0,r).map(W=>{let F=ha({connectedWallets:l,walletType:W.type,chain:e}),_=F?tn(F):"",K=Ro(p(),e),re=!l.find(we=>we.walletType===W.type&&we.chain===e),ae=K&&re&&W.state===sp.CONNECTED,he=ae?Xe.t({id:"Add {chain} chain",values:{chain:e}}):_,te=i(()=>{W.state===sp.DISCONNECTED?S(W.type):ae?(f({walletType:W.type,chain:e,address:F??""}),w(!0)):n({walletType:W.type,chain:e,address:F??""})},"onClick"),Z=c?.chain?$a(c.chain,p()):void 0;return ne.createElement(ne.Fragment,null,ne.createElement(So,{open:u===W.type,onClose:()=>m(""),image:W.image,state:W.state,error:b}),!!c&&ne.createElement(rp,{open:!!c&&d,container:U,onClose:()=>{f(null)}},ne.createElement(zn,{title:Xe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),type:"warning",description:Xe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}})},ne.createElement(vi,{size:18}),ne.createElement(vi,{size:32}),ne.createElement(Zf,{onClick:L.bind(null,c),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Xe.t("Confirm")))),y&&ne.createElement(rp,{open:!!y,onClose:h.bind(null,null),container:U},y==="in-progress"&&ne.createElement(zn,{type:"loading",title:Xe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),description:Xe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}}),icon:ne.createElement(tp,null,ne.createElement(np,null,ne.createElement(Rf,{src:W.image,size:45})),ne.createElement(op,null))}),y==="completed"&&ne.createElement(zn,{type:"success",title:Xe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Z}}),description:Xe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Z}})}),y==="rejected"&&ne.createElement(zn,{type:"error",title:Xe.t("Request Rejected"),description:Xe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Z}})}),ne.createElement(vi,{direction:"vertical",size:32})),ne.createElement(eg,{key:W.type,description:he,onClick:te,selected:o(W.type,e),...W}))}),x&&ne.createElement(hl,{selected:!1,onClick:s},ne.createElement(ip,{variant:"label",size:"medium"},Xe.t("Show more wallets"),ne.createElement(ip,{variant:"label",size:"medium",color:"$primary"},"\xA0+",v-(r??0)))))}i(bi,"WalletList");var lg=2;function cp(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=g().config,l=g().blockchains(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:m,setQuoteWalletConfirmed:c,customDestination:f,setCustomDestination:d}=D(),{connectedWallets:w,selectWallets:y}=V(),[h,C]=$t(""),[k,T]=$t([]),[b,S]=$t(""),[I,A]=$t(null),[v,x]=$t(f),[L,U]=$t(!!f),W=an(p),F=l.find(O=>O.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),_=i(O=>!!p?.result?.swaps.find(G=>G.from.blockchain===O),"isWalletRequiredFor"),[K,re]=$t(w.filter(O=>O.selected&&W.includes(O.chain))),ae=l.find(O=>O.name===F?.name),he=i((O,G)=>!!K.find(Q=>Q.walletType===O&&Q.chain===G&&Q.selected&&(_(G)||!_(G)&&!v)),"isSelected"),te=!!v&&L&&ae&&!ln(ae,v),Z=i(()=>{U(!1),x(""),re(O=>{let G=!1;return O.map(Q=>!G&&Q.chain===F?.name?(G=!0,{...Q,selected:!0}):Q)})},"resetCustomDestination"),we=i(O=>{if(h&&C(""),he(O.walletType,O.chain))return;let Q=w.find(Ie=>Ie.walletType===O.walletType&&Ie.chain===O.chain);Q&&(n(),O.chain===F?.name&&L&&(U(!1),x("")),re(Ie=>Ie.filter(Qe=>Qe.chain!==O.chain).concat({...Q,selected:!0})))},"onChange"),Ge=i(()=>{let O=K.filter(G=>G.selected);y(O),u(O),d(v),c(!0),o()},"onConfirmBalance"),Be=i(async()=>{T([]),S(""),A(null);let O=w.filter(Ie=>K.find(Qe=>Qe.chain===Ie.chain&&Qe.walletType===Ie.walletType)),G=await r?.({selectedWallets:O,customDestination:v}),Q=G.warnings;Q?.balance?.messages&&T(Q.balance.messages),Q?.quoteUpdate&&A(Q.quoteUpdate),G.error&&S(_a(G.error)),!G.error&&(!Q?.balance?.messages.length||0>0)?Ge():T(Q?.balance?.messages??[])},"onConfirmWallets");sg(()=>{re(O=>O.concat(w.filter(G=>!!!O.find(Ie=>Ie.chain===G.chain)&&G.selected&&W.includes(G.chain))))},[w.length]);let zt=document.getElementById(xe),lo=ag();return N.createElement(up,{open:e,onClose:()=>{m||lo("../",{replace:!0}),o()},dismissible:!h,container:zt,...!h&&{footer:N.createElement(xl,null,N.createElement(pp,{loading:s,disabled:Ja(s,L,v,p,K,F),onClick:Be,variant:"contained",type:"primary",fullWidth:!0,size:"large"},ot.t("Confirm")))},...h&&{containerStyle:{padding:"$0"},header:N.createElement(yl,null,N.createElement(Sl,{variant:"ghost",onClick:C.bind(null,"")},N.createElement(ng,{size:16})),N.createElement(qn,{variant:"headline",size:"small"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:$e(h,l)}})))},anchor:"center"},N.createElement(up,{open:k.length>0,onClose:T.bind(null,[]),container:zt},N.createElement(rg,{title:ot.t("Insufficient account balance"),type:"error",description:N.createElement(tg,{messages:k??[]})},N.createElement(pp,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Ge},ot.t("Proceed anyway")))),h&&N.createElement(Cl,null,N.createElement("div",{className:kl()},N.createElement(bi,{chain:h,isSelected:he,selectWallet:we,onShowMore:C.bind(null,h)}))),!h&&N.createElement(N.Fragment,null,b&&N.createElement(N.Fragment,null,N.createElement(Ai,{variant:"alarm",type:"error",title:ot.t(b)}),N.createElement(Yt,{size:12})),I&&N.createElement(N.Fragment,null,N.createElement(Ai,{variant:"alarm",type:"warning",title:xn(I)}),N.createElement(Yt,{size:12})),N.createElement(bl,null,W.map((O,G)=>{let Q=l.find(ut=>ut.name===O),Ie=`wallet-${G}`,Qe=G===W.length-1;return N.createElement("div",{key:Ie},N.createElement(fl,null,N.createElement(qn,{variant:"title",size:"xmedium"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:Q?.shortName}})),N.createElement(qn,{variant:"label",color:"$neutral700",size:"medium"},ot.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:Q?.shortName}}))),N.createElement(Yt,{size:24}),N.createElement(gl,null,N.createElement(bi,{chain:O,isSelected:he,selectWallet:we,limit:lg,onShowMore:()=>C(Q?.name??"")})),!Qe&&N.createElement(Yt,{size:32}),Qe&&a?.customDestination&&N.createElement(Tl,null,N.createElement(En,{onOpenChange:ut=>{ut?_(F?.name??"")||re(He=>He.map(Le=>Le.chain===F?.name?{...Le,selected:!1}:Le)):Z()},hasSelected:!0,open:L,triggerAnchor:"top",trigger:N.createElement(Al,{fullWidth:!0,variant:"default",suffix:N.createElement(An,{orientation:L?"up":"down"},N.createElement(og,{size:10,color:"gray"}))},N.createElement("div",{className:"button__content"},N.createElement(ig,{size:18,color:"info"}),N.createElement(Yt,{size:4,direction:"horizontal"}),N.createElement(qn,{variant:"label",size:"medium"},ot.t("Send to a different address")))),onClickTrigger:()=>U(ut=>!ut)},N.createElement(Yt,{size:4}),N.createElement(vl,{autoFocus:!0,placeholder:ot.t("Your destination address"),value:v,onChange:ut=>{x(ut.target.value)}})),te&&N.createElement("div",{className:wl()},N.createElement(Ai,{variant:"alarm",type:"error",title:ot.t({values:{destination:v},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(cp,"ConfirmWalletsModal");import{Divider as ah}from"@rango-dev/ui";import Ue from"react";import{i18n as _i}from"@lingui/core";import{Alert as Eg,Divider as Di,InfoIcon as Wg,StepDetails as Ng,TokenAmount as Bg,Tooltip as Op,Typography as vo}from"@rango-dev/ui";import Up from"bignumber.js";import z,{useLayoutEffect as Lg,useRef as zp,useState as Pg}from"react";import{styled as ko}from"@rango-dev/ui";var mp=ko("div",{paddingBottom:"$10"}),Ii=ko("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),dp=ko("div",{variants:{paddingTop:{true:{paddingTop:"$10"}}}}),fp=ko("div",{paddingBottom:"$15"}),gp=ko("div",{width:"100%",display:"flex"});import*as Gn from"@radix-ui/react-collapsible";import{css as Qn,darkTheme as nt,Image as hp,styled as Oe,Typography as pg}from"@rango-dev/ui";var Ei=300,yp=Oe(Gn.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"}}}}),Sp=Qn({padding:"$10 $15"}),Cp=Oe("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"}}}]}),kp=Qn({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),Jt=Qn({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),Tp=Qn({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${nt} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),wp=Oe(Gn.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:{[`& ${hp}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${hp}`]:{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"}}}),xp=Oe("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"}}}}),vp=Oe(bn,{width:"100%",background:"inherit"}),Wi=Oe("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Ei}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),HA=Oe("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),bp=Oe("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${nt} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Ap=Oe("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Ni=Oe(pg,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),Ip=Oe("div",{display:"flex",flexWrap:"wrap"}),Bi=Oe("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 xt}from"@lingui/core";import{ChevronDownIcon as cg,CloseIcon as mg,Divider as jn,IconButton as dg,Modal as fg,QuoteCost as gg,Tooltip as hg,Typography as Ke}from"@rango-dev/ui";import yg from"bignumber.js";import q,{useState as Bp}from"react";import{i18n as To}from"@lingui/core";var Li={"Network Fee":To.t("Network Fee"),"Swapper Fee":To.t("Protocol Fee"),"Affiliate Fee":To.t("Affiliate Fee"),"Outbound network fee":To.t("Outbound Fee"),"Rango Fee":To.t("Rango Fee")};import{css as ug,styled as Hn}from"@rango-dev/ui";var Vn=Hn("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),Pi=Hn("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),Ep=Hn("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),Wp=Hn("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),Np=ug({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var Sg=30,Cg=i(t=>t.fee.isZero()?null:q.createElement(Vn,null,q.createElement(Ke,{variant:"label",size:"medium",color:"neutral600"},t.label),q.createElement(Ke,{variant:"label",size:"medium"},"$",E(t.fee,4,4))),"NonPayableFee");function Lp(t){let[e,o]=Bp(!1),[n,r]=Bp(!1),{steps:s,quote:a}=t,l=g().tokens(),p=jo(Xo(a.result?.swaps)),u=a.result?.swaps??[],m=P(),c=cn(u,l),f=Ua(u);return q.createElement(q.Fragment,null,q.createElement(gg,{onClickFee:()=>o(!e),fee:E(c,2,2),feeWarning:c.gte(new yg(Sg)),time:p,steps:s,tooltipGas:xt.t("View more info"),tooltipContainer:m}),q.createElement(fg,{container:m,open:e,header:q.createElement(Wp,null,q.createElement(Ke,{variant:"title",size:"medium"},xt.t("Gas & Fee Explanation")),q.createElement(dg,{onClick:()=>o(!1),variant:"ghost"},q.createElement(mg,{color:"gray",size:14}))),onClose:()=>o(!1)},q.createElement(Ep,null,q.createElement(Ke,{variant:"title",size:"small"},xt.t("Details")),q.createElement(jn,{size:10}),Object.entries(f.payable).flatMap(([d,w])=>w.map((y,h)=>{let C=`payable-fee-${h}`,k=Yr(y);return q.createElement(Vn,{key:C},q.createElement(Ke,{variant:"label",size:"medium",color:"neutral600"},Li[d]),q.createElement(hg,{content:ie(y.amount),container:m},q.createElement(Ke,{variant:"label",size:"medium"},E(y.amount,2,2)," ",y.asset.symbol," ($",E(k,4,4),")")))})),q.createElement(Vn,{className:"total_payable_fee"},q.createElement(Ke,{variant:"label",size:"medium"},xt.t("Total Payable Fee")),q.createElement(Ke,{variant:"label",size:"medium"},"$",E(c,4,4))),q.createElement(Pi,null),Object.keys(f.nonePayable).length&&q.createElement(En,{triggerAnchor:"bottom",onClickTrigger:()=>r(d=>!d),trigger:q.createElement("div",{className:Np()},q.createElement(Ke,{size:"small",variant:"body",color:"neutral700"},n?xt.t("Hide non-payable fees"):xt.t("Show non-payable fees")),q.createElement(jn,{size:4,direction:"horizontal"}),q.createElement(An,{orientation:n?"up":"down"},q.createElement(cg,{size:12,color:"gray"}))),open:n},q.createElement(Ke,{size:"small",variant:"title"},xt.t("Description")),q.createElement(jn,{size:4}),q.createElement(Ke,{size:"small",variant:"body",color:"neutral700"},xt.t(`The following fees are considered in the transaction output and
+                you won\u2019t need to pay extra gas for them.`)),q.createElement(jn,{size:10}),Object.entries(f.nonePayable).map(([d,w],y)=>{let h=Oa(w),C=Li[d],k=`non-payable-fee-${y}`;return q.createElement(Cg,{key:k,fee:h,label:C})}),q.createElement(Pi,null)))))}i(Lp,"QuoteCostDetails");import{i18n as $p}from"@lingui/core";import{TokenAmount as _p}from"@rango-dev/ui";import Xn from"react";import{css as kg,styled as Tg}from"@rango-dev/ui";var Pp=Tg("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),Mp=kg({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function wo(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Xn.createElement(Pp,null,Xn.createElement(_p,{direction:"horizontal",label:$p.t("Swap input"),type:"input",tooltipContainer:P(),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}}),Xn.createElement("div",{className:Mp()}),Xn.createElement(_p,{direction:"horizontal",tooltipContainer:P(),label:$p.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(wo,"QuoteSummary");import{i18n as Dp}from"@lingui/core";import{ChevronDownIcon as wg,ChevronRightIcon as xg,Divider as Mi,Image as vg,Tooltip as $i,Typography as Kn}from"@rango-dev/ui";import B,{useEffect as bg,useState as Ag}from"react";var Yn=4,Jn=6,Ig=375,xo=i(t=>{let e=P(),{content:o,src:n,className:r,open:s,state:a}=t;return B.createElement($i,{container:e,side:"bottom",sideOffset:4,open:s,content:o},B.createElement(xp,{className:r,state:a},B.createElement(vg,{src:n,size:16})))},"ImageComponent");function Fp(t){let{quoteRef:e,recommended:o,setExpanded:n,steps:r,expanded:s}=t,a=P(),l=r.length,p=nl(r),[u,m]=Ag(!1),c=i(()=>{window.innerWidth<Ig?m(!0):m(!1)},"handleResize");return bg(()=>{window.addEventListener("resize",c)}),B.createElement(wp,{ref:f=>e.current=f,recommended:o,onClick:()=>n(f=>!f)},B.createElement("div",{className:Jt()},B.createElement(Kn,{variant:"body",size:"xsmall"},Dp.t("Via:")),B.createElement(Mi,{direction:"horizontal",size:4}),r.map((f,d)=>{let w=`item-${d}`,y=B.createElement(Wi,null,B.createElement(xg,{size:12,color:"black"}));return u?B.createElement(B.Fragment,null,B.createElement(xo,{content:f.swapper.displayName,src:f.swapper.image,state:f.state}),d!==l-1&&B.createElement(B.Fragment,null,y)):B.createElement(B.Fragment,{key:w},l<=Yn||l>Yn&&d<Yn-1?B.createElement(B.Fragment,null,B.createElement(xo,{content:f.swapper.displayName,src:f.swapper.image,state:f.state}),d!==l-1&&B.createElement(B.Fragment,null,y)):d===Yn-1&&B.createElement($i,{container:a,side:"bottom",align:"right",sideOffset:4,content:B.createElement("div",{className:Jt()},y,r.map((h,C)=>{let k=`image-${C}`;return C>=d&&B.createElement(B.Fragment,{key:k},B.createElement(xo,{content:h.swapper.displayName,src:h.swapper.image,state:h.state,open:!1}),C!==l-1&&B.createElement(B.Fragment,null,y))}))},B.createElement(Bi,{state:r.find((h,C)=>C>=d&&(h.state==="error"||h.state==="warning"))?.state},B.createElement(Kn,{size:"xsmall",variant:"body"},"+",l-d))))})),B.createElement("div",{className:Jt()},B.createElement("div",{className:"blockchains_section"},B.createElement("div",{className:Jt()},B.createElement(Kn,{variant:"body",size:"xsmall"},Dp.t("Chains:")),B.createElement(Mi,{direction:"horizontal",size:4}),p.map((f,d)=>B.createElement(B.Fragment,null,p.length<=Jn||p.length>Jn&&d<Jn-1?B.createElement(xo,{key:f.displayName,content:"",src:f.image,open:!1,className:d!==0?"blockchainImage":""}):d===Jn-1&&B.createElement($i,{container:a,side:"bottom",align:"right",sideOffset:4,content:B.createElement("div",{className:Jt()},p.map((w,y)=>y>=d&&B.createElement(xo,{key:w.displayName,content:"",src:w.image,open:!1,className:y>d?"blockchainImage":""})))},B.createElement(Bi,{className:"blockchainImage"},B.createElement(Kn,{size:"xsmall",variant:"body"},"+",p.length-d))))),B.createElement(Mi,{direction:"horizontal",size:32}))),B.createElement(Wi,{orientation:s?"up":"down"},B.createElement(wg,{size:12,color:"black"}))))}i(Fp,"QuoteTrigger");function Fi(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=g().blockchains(),u=g().swappers(),[m,c]=Pg(t.expanded),f=zp(null),d=zp(m),w=E(o.value,6,6),y=E(n.value,6,6),h=n.usdValue?E(n.usdValue,4,4):"",C=_e(o.usdValue,n.usdValue??null),k=E(C,2,2),T=ct(C??0),S=i(v=>v.map((x,L)=>{let U,W=r?.type===3&&r.swap.swapperId===x.swapperId||r?.type===4&&r.recommendedSlippages?.has(L),F=s?.type===2&&s.recommendedSlippages?.has(L);return W?U="error":F&&(U="warning"),{swapper:{displayName:fo(x.swapperId,u),image:x.swapperLogo},from:{token:{displayName:x.from.symbol,image:x.from.logo},chain:{displayName:$e(x.from.blockchain,p),image:x.from.blockchainLogo},price:{value:L===0?E(o.value,6,6):E(x.fromAmount,6,6),usdValue:E((x.from.usdPrice??0)*parseFloat(x.fromAmount),4,4),realValue:ie(L===0?o.value:x.fromAmount),realUsdValue:ie(new Up(x.from.usdPrice??0).multipliedBy(x.fromAmount))}},to:{token:{displayName:x.to.symbol,image:x.to.logo},chain:{displayName:$e(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:ie(x.toAmount),realUsdValue:ie(new Up(x.to.usdPrice??0).multipliedBy(x.toAmount))}},state:U,alerts:W||F?z.createElement(fp,null,z.createElement(Eg,{type:W?"error":"warning",title:r?.type===3?r?.recommendation:_i.t("Slippage Error:"),footer:z.createElement(gp,null,r?.type===3&&z.createElement(z.Fragment,null,z.createElement(vo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),z.createElement(Di,{direction:"horizontal",size:8}),z.createElement(vo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),z.createElement(Di,{direction:"horizontal",size:8}),z.createElement(vo,{size:"xsmall",variant:"body",color:"neutral900"},_i.t({id:"Yours: {amount} {symbol}",values:{amount:E(x.fromAmount,6,6),symbol:x?.from.symbol}}))),(r?.type===4||s?.type===2)&&z.createElement(vo,{size:"xsmall",variant:"body",color:"neutral900"},_i.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(L)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(L)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),I=S.length,A=P();return Lg(()=>{m&&!d.current&&f.current&&setTimeout(()=>{f?.current?.scrollIntoView({behavior:"smooth"})},Ei),d.current=m},[m,d]),z.createElement(z.Fragment,null,z.createElement(Cp,{recommended:l,listItem:a==="list-item",basic:a==="basic"},z.createElement("div",{className:kp()},z.createElement(Lp,{steps:I,quote:e}),a==="basic"&&z.createElement("div",{className:Tp()},z.createElement(Ap,null,z.createElement(Wg,{size:12,color:"gray"})),z.createElement(Ip,null,z.createElement(Ni,{size:"small",variant:"body"},`${w} ${S[0].from.token.displayName} = `),z.createElement(Op,{content:ie(n.value),container:A,open:n.value?void 0:!1},z.createElement(Ni,{size:"small",variant:"body"},"\xA0",`${y} ${S[S.length-1].to.token.displayName}`))),z.createElement(Op,{content:ie(n.usdValue),container:A,style:{display:"flex"}},z.createElement(vo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${h})`))),a==="list-item"&&z.createElement(Bg,{type:"output",direction:"vertical",tooltipContainer:A,price:{value:y,usdValue:h,realValue:ie(n.value),realUsdValue:ie(n.usdValue)},token:{displayName:S[I-1].to.token.displayName,image:S[I-1].to.token.image},chain:{image:S[I-1].to.chain.image},percentageChange:k,warningLevel:T}),a==="swap-preview"&&z.createElement(z.Fragment,null,z.createElement(wo,{from:S[0].from,to:S[I-1].to,percentageChange:k,warningLevel:T}),z.createElement(Di,{size:4}))),z.createElement(yp,{recommended:l,open:m,onOpenChange:c},z.createElement(Fp,{quoteRef:f,recommended:l,setExpanded:c,expanded:m,steps:S}),z.createElement(vp,{open:m},z.createElement(bp,null),z.createElement("div",{className:Sp()},S.map((v,x)=>{let L=`item-${x}`;return z.createElement(Ng,{type:"quote-details",key:L,step:v,hasSeparator:x!==S.length-1,state:v.state,tooltipContainer:A})}))))))}i(Fi,"Quote");import{Divider as _g,Skeleton as Dg}from"@rango-dev/ui";import mt from"react";import{darkTheme as Mg,styled as Zn}from"@rango-dev/ui";var qp=Zn("div",{$$color:"$colors$neutral100",[`.${Mg} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),Gp=Zn("div",{paddingTop:"$2"}),Qp=Zn("div",{paddingLeft:"$8"}),Hp=Zn("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as ou,Divider as _t,Skeleton as it}from"@rango-dev/ui";import H from"react";import{styled as rt}from"@rango-dev/ui";var Vp=rt("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),jp=rt("div",{display:"flex"}),Xp=rt("div",{padding:"$15 $0 14px $0"}),Kp=rt("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),Yp=rt("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),Jp=rt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Zp=rt("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Rp=rt("div",{width:"65%",display:"flex",justifyContent:"start"}),eu=rt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),tu=rt("div",{padding:"$15 $0 $15 $0"});function bo(t){let{type:e,tag:o=!1}=t,n=H.createElement(Jp,null,H.createElement(Rp,null,H.createElement(ou,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),H.createElement(_t,{size:8,direction:"horizontal"}),H.createElement(eu,null,H.createElement(it,{height:10,width:60,variant:"rounded"}),H.createElement(_t,{size:4}),H.createElement(it,{height:15,variant:"rounded"}))),H.createElement(it,{height:12,width:64,variant:"rounded"}));return H.createElement("div",null,H.createElement(Vp,null,H.createElement(jp,null,H.createElement(it,{width:60,height:10,variant:"rounded"}),H.createElement(_t,{size:4,direction:"horizontal"}),H.createElement(it,{width:60,height:10,variant:"rounded"}),H.createElement(_t,{size:4,direction:"horizontal"}),H.createElement(it,{width:60,height:10,variant:"rounded"})),o&&H.createElement(it,{height:22,width:100,variant:"rounded"})),e==="basic"&&H.createElement(Xp,null,H.createElement(it,{height:15,width:148,variant:"rounded"})),e==="list-item"&&H.createElement(Kp,null,H.createElement(Yp,null,H.createElement(ou,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),H.createElement(_t,{direction:"horizontal",size:4}),H.createElement(it,{height:15,width:150,variant:"rounded"})),H.createElement(_t,{size:4}),H.createElement(it,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&H.createElement(H.Fragment,null,H.createElement(_t,{size:4}),H.createElement(tu,null,n,H.createElement(Zp,null),n)))}i(bo,"QuoteSummarySkeleton");import{ChainToken as au,Divider as Ui,NextIcon as $g,Skeleton as Rn}from"@rango-dev/ui";import ue from"react";import{styled as Ao}from"@rango-dev/ui";var nu=Ao("div",{display:"flex",alignItems:"start"}),ru=Ao("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),Oi=Ao("div",{display:"flex",alignItems:"center",flexGrow:1}),iu=Ao("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),su=Ao("div",{display:"flex",alignItems:"center"});function st(t){let{separator:e=!0}=t;return ue.createElement(ue.Fragment,null,ue.createElement(su,null,ue.createElement(Rn,{height:22,width:22,variant:"circular"}),ue.createElement(Ui,{direction:"horizontal",size:8}),ue.createElement(Rn,{height:15,width:148,variant:"rounded"})),ue.createElement(nu,null,ue.createElement(Hp,{hideSeparator:!e}),ue.createElement(ru,null,ue.createElement(Oi,null,ue.createElement(au,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ue.createElement(Ui,{direction:"horizontal",size:8}),ue.createElement(Rn,{height:12,variant:"rounded"})),ue.createElement(iu,null,ue.createElement($g,{color:"gray",size:16})),ue.createElement(Oi,null,ue.createElement(au,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ue.createElement(Ui,{direction:"horizontal",size:8}),ue.createElement(Rn,{height:12,variant:"rounded"})))))}i(st,"StepSkeleton");function zi(t){let{type:e,expanded:o,tag:n=!1}=t;return mt.createElement(qp,{rounded:e!=="basic"},mt.createElement(bo,{type:e,tag:n}),mt.createElement(Gp,null,mt.createElement(Dg,{height:15,variant:"rounded"})),o&&mt.createElement(Qp,null,mt.createElement(_g,{size:20}),mt.createElement(st,null),mt.createElement(st,null),mt.createElement(st,{separator:!1})))}i(zi,"QuoteSkeleton");import{i18n as nh}from"@lingui/core";import{Alert as rh,Button as ih,InfoIcon as sh}from"@rango-dev/ui";import We from"react";import{Alert as Fg,Button as Og,Divider as du,NoRouteIcon as Ug,RefreshIcon as zg,Typography as fu}from"@rango-dev/ui";import Ye from"react";import{i18n as lu}from"@lingui/core";function pu(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:j().genericServerError,action:{onClick:n,title:lu.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:j().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:lu.t("Reset")}},description:j().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:j().noResultError.description}}i(pu,"makeInfo");import{styled as qi}from"@rango-dev/ui";var uu=qi("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),cu=qi("div",{width:"100%"}),mu=qi("div",{padding:"$6 $0"});function Gi(t){let{fetch:e,error:o}=t,n=g().disabledLiquiditySources,r=g().toggleAllLiquiditySources,s=g().swappers(),a=pu(o,n,()=>r(s,!0),e);return Ye.createElement(uu,null,Ye.createElement(Ug,{size:24,color:"gray"}),Ye.createElement(du,{size:4}),Ye.createElement(fu,{variant:"title",size:"small"},j().noResultError.title),!!a.description&&Ye.createElement(fu,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Ye.createElement(du,{size:4}),!!a.alert&&Ye.createElement(cu,null,Ye.createElement(Fg,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Ye.createElement(Og,{size:"xsmall",type:a.alert.type,prefix:Ye.createElement(mu,null,Ye.createElement(zg,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Gi,"NoResult");import{i18n as Io}from"@lingui/core";import{Button as Gg,Divider as ku,MessageBox as Qg,Modal as Hg,Typography as Vg,WarningIcon as jg}from"@rango-dev/ui";import at from"react";import{Typography as Su}from"@rango-dev/ui";import Hi from"react";import{darkTheme as qg,styled as er}from"@rango-dev/ui";var gu=er("div",{width:"100%",paddingTop:"$10"}),Qi=er("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),hu=er("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${qg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),yu=er("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Cu(t){let{title:e,value:o,valueColor:n}=t;return Hi.createElement(hu,null,Hi.createElement(Su,{size:"medium",variant:"label",className:"_title"},e),Hi.createElement(Su,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Cu,"QuoteErrorsModalItem");function Tu(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,s=r.warningLevel==="high"?"error":"warning",a=[{title:Io.t("Swapping"),value:E(r.inputUsdValue,4,4)},{title:Io.t("Gas cost"),value:E(r.totalFee,2,2)},{title:Io.t("Receiving"),value:E(r.outputUsdValue,4,4)},{title:Io.t("Price impact"),value:E(r.priceImpact,2,2),valueColor:`${s}500`}];return at.createElement(Hg,{open:e,onClose:o,container:P()},at.createElement(Qg,{type:s,title:j().highValueLossError.impactTitle,description:j().highValueLossError.description}),at.createElement(Qi,null,at.createElement(ku,{size:20}),at.createElement(Vg,{size:"small",variant:"title"},Io.t("Details")),at.createElement(Qi,null,a.map((l,p)=>at.createElement(Cu,{key:p,...l})))),at.createElement(ku,{size:32}),at.createElement(Gg,{type:"primary",size:"large",prefix:at.createElement(jg,null),fullWidth:!0,onClick:n},j().highValueLossError.confirmMessage))}i(Tu,"HighValueLossWarningModal");import{i18n as Vi}from"@lingui/core";function wu(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(ct(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=j().highValueLossError.title),t.type===1&&(o.title=j().unknownPriceError.title),t.type===2&&(o.title=Vi.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=Vi.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=Vi.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(wu,"makeAlerts");import{i18n as eo}from"@lingui/core";import{Button as xu,Divider as vu,MessageBox as Xg,Modal as Kg,Typography as Yg}from"@rango-dev/ui";import Dt from"react";import{useNavigate as Jg}from"react-router-dom";function bu(t){let{customSlippage:e,slippage:o}=g(),{open:n,onClose:r,onConfirm:s,warning:a}=t,l=Jg(),p=e??o;return Dt.createElement(Kg,{anchor:"bottom",open:n,prefix:Dt.createElement(xu,{size:"small",variant:"ghost",onClick:()=>l("../"+M.settings)},Dt.createElement(Yg,{variant:"label",size:"medium",color:"$neutral900"},eo.t("Change settings"))),container:P(),onClose:r},Dt.createElement(Xg,{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}})},Dt.createElement(vu,{size:18}),Dt.createElement(vu,{size:32}),Dt.createElement(xu,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:s},eo.t("Confirm anyway"))))}i(bu,"SlippageWarningModal");import{Button as Zg,Divider as Rg,MessageBox as eh,Modal as th,WarningIcon as oh}from"@rango-dev/ui";import Eo from"react";function Au(t){let{open:e,onClose:o,onConfirm:n}=t;return Eo.createElement(th,{open:e,onClose:o,container:P()},Eo.createElement(eh,{type:"warning",title:j().unknownPriceError.impactTitle,description:j().unknownPriceError.description}),Eo.createElement(Rg,{size:32}),Eo.createElement(Zg,{type:"primary",size:"large",prefix:Eo.createElement(oh,null),fullWidth:!0,onClick:n},j().unknownPriceError.confirmMessage))}i(Au,"UnknownPriceWarningModal");function ji(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},m=o?.type===0||o?.type===1,c=wu(e,o?.type===3||o?.type===4?o:null);return We.createElement(We.Fragment,null,m&&We.createElement(Gi,{error:o,fetch:n}),!!c&&We.createElement(gu,null,We.createElement(rh,{title:c.title,type:c.alertType,variant:"alarm",...c.action==="show-info"&&{action:We.createElement(yu,{onClick:s},We.createElement(sh,{size:12,color:"gray"}))},...c.action==="change-settings"&&{action:We.createElement(ih,{size:"xxsmall",type:c.alertType,onClick:p},nh.t("Change"))}})),e&&We.createElement(We.Fragment,null,e.type===0&&We.createElement(Tu,{...u,warning:e}),(e.type===3||e.type===2)&&We.createElement(bu,{...u,warning:e}),e.type===1&&We.createElement(Au,{...u,warning:e})))}i(ji,"QuoteWarningsAndErrors");function Wo(t){let{quote:e,type:o,loading:n,error:r,warning:s,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m,onChangeSettings:c,expanded:f=!1,alertPosition:d="bottom"}=t,{inputAmount:w,inputUsdValue:y,outputUsdValue:h,outputAmount:C}=D(),T=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n,b=(s||r)&&Ue.createElement(ji,{warning:s,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m,onChangeSettings:c});return Ue.createElement(Ue.Fragment,null,n&&Ue.createElement(Ii,null,Ue.createElement(dp,{paddingTop:d==="top"},Ue.createElement(zi,{type:o,expanded:f}))),d==="top"&&Ue.createElement(mp,null,b),T?Ue.createElement(Ii,null,Ue.createElement(Fi,{quote:e,error:r,warning:s,type:o,expanded:f,recommended:!0,input:{value:w,usdValue:y?.toString()??""},output:{value:C?.toString()??"",usdValue:h?.toString()??""}})):null,d==="bottom"&&Ue.createElement(Ue.Fragment,null,!s&&!r&&Ue.createElement(ah,{size:16}),b))}i(Wo,"QuoteInfo");import{calculatePendingSwap as uh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as ch}from"react";import{useRef as lh,useState as ph}from"react";function tr(){let[t,e]=ph(!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 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(tr,"useFetchQuote");function or(t){if(!t.result)throw new Error(j().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(jr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Xr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=Jr(t);if(o){let n=mn(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(or,"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:E(Ht(e)),percentageChange:E(_e(Ht(t)??"",Ht(e)??""),null,2)}:Rr(t,e)?r.quoteUpdate={type:0}:ei(t,e)?r.quoteUpdate={type:1}:ti(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 nr(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(nr,"handleQuoteErrors");function Xi(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=D(),{slippage:l,customSlippage:p,affiliatePercent:u,affiliateRef:m,affiliateWallets:c,disabledLiquiditySources:f}=g(),{connectedWallets:d}=V(),w=g().blockchains(),y=g().tokens(),{features:h}=g().config,{enableNewLiquiditySources:C}=g().config,k=p||l,{fetch:T,cancelFetch:b,loading:S}=tr();return ch(()=>b,[]),{loading:S,fetch:i(async A=>{let v=A.selectedWallets,x=A?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let L=dn({fromToken:t,toToken:e,inputAmount:o,wallets:d,selectedWallets:v,excludeLiquiditySources:C,disabledLiquiditySources:f,slippage:k,affiliateRef:m,affiliatePercent:u,affiliateWallets:c,initialQuote:r??void 0,destination:x});sn("experimentalRoute",h)&&(L.experimental=!0);let U;try{U=await T(L).then(K=>or(K)),n(U)}catch(K){return nr(K)}let W={slippage:k.toString(),disabledSwappersGroups:f},F=uh(o.toString(),U,Ga(v),W,!1,{blockchains:w,tokens:y}),_=Iu(r??void 0,U,{fromToken:t,toToken:e,meta:{blockchains:w,tokens:y},selectedWallets:v,userSlippage:k});return _.quoteUpdate&&a(!1),{quote:U,swap:F,error:null,warnings:_}},"fetch"),cancelFetch:b}}i(Xi,"useConfirmSwap");var xh=Nu("div",{position:"relative",width:"100%","& .quote-update__alert":{paddingTop:"$10"}}),vh=Nu("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Wu}`]:{width:"$48",height:"$48"}}),bh=Ki({flexGrow:1,paddingRight:"$10"}),Ah=Ki({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),Ih=Ki({display:"flex",justifyContent:"space-between",alignItems:"center"});function Bu(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=D(),l=wh(),[p,u]=ir(""),{connectedWallets:m}=V(),c=!n,[f,d]=ir(!1),w=ve.use.setSelectedSwap(),y=g().disabledLiquiditySources,h=kh(y),{manager:C}=mh(),{fetch:k,loading:T,cancelFetch:b}=Xi(),[S,I]=ir({swap:null,error:null,warnings:null}),[A,v]=ir(!1),x=i(async({selectedWallets:_,customDestination:K})=>{let re=await k?.({selectedWallets:_,customDestination:K});return I(re),re},"onConfirmSwap"),L=i(async()=>{if(S.swap&&n)try{await C?.create("swap",{swapDetails:S.swap},{id:S.swap.requestId}),w(S.swap.requestId);let _=`../${M.swaps}/${S.swap.requestId}`;l(_,{replace:!0}),setTimeout(()=>{e("")},0)}catch(_){u("Error: "+_?.message)}},"addNewSwap"),U=i(async()=>{await L()},"onConfirm"),W=i(async()=>{S?.warnings?.quote&&!a?v(!0):await U()},"onStartConfirmSwap"),F=i(async()=>{I({error:null,swap:null,warnings:null}),k({selectedWallets:o,customDestination:s}).then(_=>{I(_)}).catch(_=>console.error(_))},"onRefresh");return No(()=>{!!h.current.length&&!y.length&&F(),h.current=y},[y.length]),No(()=>{c&&b()},[c]),No(()=>{c&&d(c)},[c]),No(()=>{c||k({selectedWallets:o,customDestination:s}).then(_=>I(_)).catch(_=>console.error(_))},[]),No(()=>{let _=S.warnings?.quote?.type&&Object.values(St).includes(S.warnings?.quote?.type),K=o.length<1||!o.every(ae=>m.find(he=>ae.address===he.address&&ae.walletType===he.walletType&&ae.chain===he.chain)),re=!1;if(_){let ae=an(t),he=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(we=>we.from.blockchain===he)||(ae=ae.slice(-ae.length,ae.length-1)),ae.every(we=>o.find(Ge=>Ge.chain===we))||(re=!0)}t&&(K||re)&&(queueMicrotask(()=>Th(d.bind(null,!0))),r(!1))},[S.warnings?.quote,o.length,m.length]),Ch(()=>{t||l("../")},[]),se.createElement(J,{header:{title:rr.t("Confirm Swap"),onWallet:()=>{let _=`../${M.wallets}`;l(_)},suffix:se.createElement(hh,{container:P(),side:"bottom",content:rr.t("Settings")},se.createElement(Fe,{size:"small",variant:"ghost",onClick:()=>l("../"+M.settings)},se.createElement(gh,{size:18,color:"black"})))},footer:se.createElement(vh,null,se.createElement("div",{className:bh()},se.createElement(dh,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:T,disabled:!!S.error,onClick:W},rr.t("Start Swap"))),se.createElement(Wu,{variant:"contained",type:"primary",size:"large",loading:T,onClick:d.bind(null,!0)},se.createElement(Sh,{size:24})))},f&&se.createElement(cp,{open:f,onClose:()=>d(!1),onCancel:b,loading:T,onCheckBalance:x}),se.createElement(xh,null,se.createElement("div",{className:Ih()},se.createElement(yh,{variant:"title",size:"small"},rr.t("You get")),se.createElement("div",{className:Ah()},se.createElement(_n,{onClick:!T&&!f&&!A?F:void 0}))),p&&se.createElement(se.Fragment,null,se.createElement(Eu,{type:"error",variant:"alarm",title:p}),se.createElement(fh,{size:12})),S.warnings?.quoteUpdate&&se.createElement("div",{className:"quote-update__alert"},se.createElement(Eu,{variant:"alarm",type:"warning",title:S.warnings.quoteUpdate&&xn(S.warnings.quoteUpdate)})),se.createElement(Wo,{quote:t,type:"swap-preview",expanded:!0,alertPosition:"top",error:S.error,loading:T,warning:S.warnings?.quote??null,refetchQuote:F,showWarningModal:A,onOpenWarningModal:()=>v(!0),onCloseWarningModal:()=>v(!1),onConfirmWarningModal:async()=>{v(!1),await L()},onChangeSettings:()=>l("../"+M.settings)})))}i(Bu,"ConfirmSwapPage");import{i18n as pr}from"@lingui/core";import{useManager as $h}from"@rango-dev/queue-manager-react";import{Divider as _h,NotFound as Dh,styled as Ou}from"@rango-dev/ui";import At,{useState as Fh}from"react";import{useNavigate as Oh}from"react-router-dom";import{CloseIcon as Wh,IconButton as Nh,SearchIcon as Bh,TextField as Lh}from"@rango-dev/ui";import Bo from"react";import{styled as Eh}from"@rango-dev/ui";var Lu=Eh("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function dt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Bo.createElement(Lh,{prefix:Bo.createElement(Lu,null,Bo.createElement(Bh,{color:"black"})),suffix:!!a.length&&Bo.createElement(Nh,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Bo.createElement(Wh,{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(dt,"SearchInput");import{i18n as Ri}from"@lingui/core";import{Divider as Mu,SwapListItem as $u,Typography as _u}from"@rango-dev/ui";import oe from"react";import{css as Ph,darkTheme as Mh,styled as sr}from"@rango-dev/ui";var ar=Ph(),Yi=sr("div",{width:"100%",display:"flex",flexDirection:"column",[`& .${ar}`]:{$$color:"$colors$neutral600",[`.${Mh} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ji=sr("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Zi=sr("div",{gap:"$10",display:"flex",flexDirection:"column"}),Pu=sr("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function es(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:Ri.t("Today"),swaps:a},{title:Ri.t("This month"),swaps:a}];return oe.createElement(oe.Fragment,null,l.map(p=>oe.createElement(oe.Fragment,{key:p.title},oe.createElement(Yi,null,oe.createElement(Ji,null,oe.createElement(_u,{variant:"label",size:"medium",className:ar()},p.title)),oe.createElement(Mu,{size:4}),oe.createElement(Zi,null,p.swaps.map((u,m)=>{let c=m+p.title;return oe.createElement(oe.Fragment,{key:c},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(Yi,null,oe.createElement(Ji,null,oe.createElement(_u,{variant:"label",size:"medium",className:ar()},a.title)),oe.createElement(Mu,{size:4}),oe.createElement(Zi,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:P(),onlyShowTime:a.title===Ri.t("Today"),swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:E(l.inputAmount,6,6),realAmount:ie(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:E(u.outputAmount||u.expectedOutputAmountHumanReadable||"",6,6),realAmount:ie(u.outputAmount||u.expectedOutputAmountHumanReadable)}}}))}))))))}i(es,"SwapsGroup");import{i18n as lr}from"@lingui/core";import Du from"dayjs";var Fu=i(t=>{let e=new Map([["today",{title:lr.t("Today"),swaps:[]}],["week",{title:lr.t("This week"),swaps:[]}],["month",{title:lr.t("This month"),swaps:[]}],["year",{title:lr.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 to=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 Uh=Ou("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),zh=Ou("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),qh=i((t,e)=>t?.length?t.filter(o=>et(o.fromBlockchain,e)||et(o.toBlockchain,e)||et(o.toSymbol,e)||et(o.fromSymbol,e)).length:!1,"isStepContainsText");function Uu(){let t=ve.use.setSelectedSwap(),e=Oh(),{manager:o,state:n}=$h(),r=to(o).map(({swap:c})=>c),[s,a]=Fh(""),l=!n.loadedFromPersistor,p=i(c=>{let f=c.target.value;a(f)},"searchHandler"),u=r;s&&(u=r.filter(c=>et(c.inputAmount,s)||et(c.status,s)||qh(c.steps,s)||et(c.requestId,s)));let m=!u?.length&&!l;return At.createElement(J,{header:{title:pr.t("History")}},At.createElement(Uh,null,At.createElement(dt,{setValue:a,fullWidth:!0,variant:"contained",placeholder:pr.t("Search Transaction"),autoFocus:!0,onChange:p,value:s}),At.createElement(zh,null,m&&At.createElement(Pu,null,At.createElement(_h,{size:32}),At.createElement(Dh,{title:pr.t("No results found"),description:s?pr.t("Try using different keywords"):""})),!m&&At.createElement(es,{list:u,onSwapClick:c=>{t(c),e(c)},groupBy:Fu,isLoading:l}))))}i(Uu,"HistoryPage");import{i18n as ns}from"@lingui/core";import{Button as Kh,styled as rs,SwapInput as Qu,WarningIcon as Yh}from"@rango-dev/ui";import ze,{useEffect as Jh,useRef as Zh,useState as Rh}from"react";import{useNavigate as ey}from"react-router-dom";import{ReverseIcon as Gh,styled as zu}from"@rango-dev/ui";import ts from"react";var Qh=zu("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Hh=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=D.use.switchFromAndTo();return ts.createElement(Qh,null,ts.createElement(Hh,{onClick:()=>{t()}},ts.createElement(Gh,{size:12})))}i(qu,"SwitchFromAndToButton");import{useCallback as Vh,useEffect as jh,useState as os}from"react";var Xh=600;function Gu(){let{fetch:t,cancelFetch:e}=tr(),{liquiditySources:o,enableNewLiquiditySources:n,features:r}=g().config,s=g().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:u,quote:m,resetQuote:c,setQuote:f}=D(),{slippage:d,customSlippage:w,affiliatePercent:y,affiliateRef:h,affiliateWallets:C,disabledLiquiditySources:k}=g(),[T,b]=os(!1),[S,I]=os(null),[A,v]=os(null),x=w??d,U=!a||!l||Pe(a,l)||!uo(p),W=i(K=>{b(K),I(null),v(null)},"resetState"),F=i(K=>{let{fromToken:re,toToken:ae,inputAmount:he,liquiditySources:te,excludeLiquiditySources:Z,disabledLiquiditySources:we,slippage:Ge,affiliateRef:Be,affiliatePercent:zt,affiliateWallets:lo}=K;if(T||W(!0),!U&&re&&ae){c();let O=dn({fromToken:re,toToken:ae,inputAmount:he,liquiditySources:te,excludeLiquiditySources:Z,disabledLiquiditySources:we,slippage:Ge,affiliateRef:Be,affiliatePercent:zt,affiliateWallets:lo});sn("experimentalRoute",r)&&(O.experimental=!0),t(O).then(G=>{b(!1),f(G),or(G);let Q=fn(G,{fromToken:re,toToken:ae,userSlippage:x,tokens:s});v(Q)}).catch(G=>{let{error:Q}=nr(G);(Q?.type===0||Q?.type===1)&&c(),Q?.type!==2&&(I(Q),b(!1))})}},"fetch"),_=Vh(wa(K=>{U||F(K)},Xh),[U]);return jh(()=>{if(!uo(p)||u?.eq(0)){W(!1),e();return}if(U){m&&c();return}return c(),W(!0),_({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:k,slippage:x,affiliateRef:h,affiliatePercent:y,affiliateWallets:C}),e},[p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,U,o?.length,n,k.length,x,h,y,JSON.stringify(C)]),{fetch:()=>F({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:k,slippage:x,affiliateRef:h,affiliatePercent:y,affiliateWallets:C}),loading:T,error:S,warning:A}}i(Gu,"useSwapInput");var ty=rs("div",{display:"flex",flexDirection:"column",overflowY:"visible","& .quote__container":{paddingTop:"$2"}}),oy=rs("div",{position:"relative"}),ny=rs("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function Hu(){let t=ey(),{fetch:e,loading:o,error:n,warning:r}=Gu(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:m,inputUsdValue:c,outputAmount:f,outputUsdValue:d,quote:w,resetQuoteWallets:y,setQuoteWarningsConfirmed:h}=D(),C=g().fetchStatus,{connectedWallets:k,getBalanceFor:T}=V(),b=ve.use.setCurrentPage(),[S,I]=Rh(!1),A=Zh(null),v=!!a&&ya(k,a.name),x=!1,L=!Kr(w,m,c),U=!Kr(w,m,d),W=Fa({fetchMetaStatus:C,fetchingQuote:o,inputAmount:m,quote:w,anyWalletConnected:k.length>0,error:n,warning:r,needsToWarnEthOnPath:x}),F=s?T(s):null,_=en(F)?.amount??"0",K=a&&s?E(F?.amount,F?.decimals):"0";Jh(()=>(b(M.home),y(),b.bind(null,"")),[]);let re=!c||!d||!d.gt(0)?null:_e(c.toString(),d.toString());return ze.createElement(J,{ref:A,fixedHeight:!1,hasLogo:!0,footer:ze.createElement(Kh,{type:"primary",size:"large",disabled:W.disabled,prefix:W.action==="confirm-warning"&&ze.createElement(Yh,null),fullWidth:!0,onClick:()=>{W.action==="connect-wallet"?t(M.wallets):W.action==="confirm-warning"?I(!0):t(M.confirmSwap)}},W.title),header:{onWallet:()=>{t(M.wallets)},hasBackButton:!1,title:ns.t("Swap"),suffix:ze.createElement(Si,{layoutRef:A.current,onClickRefresh:(w||n)&&!S?e:void 0,onClickHistory:()=>t(M.swaps),onClickSettings:()=>t(M.settings)})}},ze.createElement(ty,null,ze.createElement(ny,null,ze.createElement(oy,null,ze.createElement(Qu,{label:ns.t("From"),mode:"From",onInputChange:u,balance:_,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(M.fromSwap),price:{value:m,usdValue:L?void 0:E(c,4,4),realUsdValue:L?void 0:ie(c),error:L?j().unknownPriceError.impactTitle:void 0},disabled:C==="failed",loading:C==="loading",loadingBalance:v,tooltipContainer:P(),onSelectMaxBalance:()=>{_!=="0"&&u(K.split(",").join(""))}}),ze.createElement(qu,null)),ze.createElement(Qu,{sharpBottomStyle:!!w?.result||o,label:ns.t("To"),mode:"To",fetchingQuote:o,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:E(_e(c,d),2,2),warningLevel:ct(re??0),price:{value:E(f,6,6),usdValue:U?void 0:E(d,4,4),realValue:ie(f),realUsdValue:U?void 0:ie(d),error:U?j().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(M.toSwap),disabled:C==="failed",loading:C==="loading",tooltipContainer:P()})),ze.createElement("div",{className:"quote__container"},ze.createElement(Wo,{quote:w,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:S,onOpenWarningModal:()=>I(!0),onCloseWarningModal:()=>I(!1),onConfirmWarningModal:()=>{I(!1),h(!0),t(M.confirmSwap)},onChangeSettings:()=>t(M.settings)}))))}i(Hu,"Home");import{i18n as Vu}from"@lingui/core";import{List as ry,ListItemButton as iy,Radio as sy,RadioRoot as ay,Typography as ly}from"@rango-dev/ui";import It from"react";import{styled as ur}from"@rango-dev/ui";var ft=ur("div",{height:"100%",overflow:"hidden"}),Lo=ur("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),is=ur("div",{width:80,display:"flex",justifyContent:"flex-end"}),ss=ur("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function oo(){let{setLanguage:t,language:e,config:o}=g(),n=ba,r=o?.language||mo;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||mo),resetLanguage:()=>t(null)}}i(oo,"useLanguage");function ju(){let{activeLanguage:t,changeLanguage:e,languages:o}=oo(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:It.createElement(ly,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:It.createElement(sy,{value:s}),start:It.createElement(l,null)}});return It.createElement(J,{header:{title:Vu.t("Language")}},It.createElement(ft,null,It.createElement(ay,{value:t},It.createElement(ry,{type:It.createElement(iy,{title:Vu.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(ju,"LanguagePage");import{i18n as gt}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 Te,{useState as Cy}from"react";import{Checkbox as cy,Skeleton as Ku}from"@rango-dev/ui";import Po from"react";import{ListItem as py,styled as uy}from"@rango-dev/ui";var Xu=uy(py,{height:61});var my=30;function as(){return Po.createElement(Lo,null,Array.from(Array(my),t=>Po.createElement(Xu,{hasDivider:!0,key:t,start:Po.createElement(Ku,{variant:"circular",width:35,height:35}),title:Po.createElement(Ku,{variant:"text",size:"large",width:90}),end:Po.createElement(cy,{checked:!1})})))}i(as,"LoadingLiquiditySourceList");function ls({sourceType:t}){let e=g().fetchStatus,o=g().swappers(),n=g().disabledLiquiditySources,[r,s]=Cy(""),a=g().toggleLiquiditySource,l=rn(o,n),p={Exchanges:gt.t("Exchanges"),Bridges:gt.t("Bridges")},u=[];t==="Exchanges"&&u.push("DEX"),t==="Bridges"&&(u.push("BRIDGE"),u.push("AGGREGATOR"));let m=l.filter(h=>u.includes(h.type)),c=m.length===m.filter(h=>h.selected).length,f=i(()=>{m.forEach(h=>{c?a(h.groupTitle):h.selected||a(h.groupTitle)})},"toggleAllSources"),d=m.map(h=>{let{selected:C,groupTitle:k,logo:T}=h;return{start:Te.createElement(gy,{src:T,size:22,type:"circular"}),onClick:()=>a(k),end:Te.createElement(fy,{checked:C}),title:Te.createElement(Sy,{variant:"title",size:"xmedium"},gt.t(k)),...h}}),w=i(h=>{let C=h.target.value;s(C)},"searchHandler"),y=d;return r&&(y=d.filter(h=>et(h.groupTitle,r))),Te.createElement(J,{header:{title:gt.t(t),suffix:Te.createElement(is,null,Te.createElement(dy,{variant:"ghost",size:"xsmall",onClick:f},c?gt.t("Deselect all"):gt.t("Select all")))}},Te.createElement(ft,null,Te.createElement(dt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:gt.t("Search {sourceType}",{sourceType:p[t]}),onChange:w}),e==="loading"&&Te.createElement(as,null),!y.length&&r?Te.createElement(ss,null,Te.createElement(yy,{title:gt.t("No results found"),description:gt.t("Try using different keywords")})):e==="success"&&Te.createElement(Lo,null,y.map(h=>Te.createElement(Te.Fragment,{key:h.id},Te.createElement(hy,{style:{height:"61px"},...h,selected:!1,hasDivider:!0}))))))}i(ls,"LiquiditySourcePage");import{i18n as nc}from"@lingui/core";import{Divider as ms,getCountCategories as Wy,SelectableCategoryList as Ny}from"@rango-dev/ui";import ht,{useState as rc}from"react";import{i18n as us}from"@lingui/core";import{Divider as tc,Image as vy,ListItemButton as by,NotFound as Ay,Typography as oc}from"@rango-dev/ui";import qe,{useEffect as Iy,useState as Ey}from"react";import{BlockchainCategories as ps}from"@rango-dev/ui";import{TransactionType as cr}from"rango-sdk";var ky=i((t,e)=>{switch(e){case ps.ALL:return!0;case ps.UTXO:return t.type===cr.TRANSFER;case ps.OTHER:return t.type!==cr.TRANSFER&&t.type!==cr.COSMOS&&t.type!==cr.EVM;default:return t.type===e}},"filterByType"),Yu=i((t,e,o)=>t.filter(n=>ky(n,o)).filter(n=>Nt(n.name,e)||Nt(n.displayName,e)),"filterBlockchains");import{ImageContainer as Ty,styled as Ju}from"@rango-dev/ui";var Zu=Ju("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),mr=Ju("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",[`& ${Ty}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as wy,Skeleton as Ru}from"@rango-dev/ui";import dr from"react";var xy=20;function ec(){return dr.createElement(mr,null,Array.from(Array(xy),t=>dr.createElement(wy,{key:t,hasDivider:!0,start:dr.createElement(Ru,{variant:"circular",width:35,height:35}),title:dr.createElement(Ru,{variant:"text",size:"large",width:90})})))}i(ec,"LoadingBlockchainList");function cs(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=Ey(e),{fetchStatus:l}=g();Iy(()=>{a([...Yu(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?qe.createElement(qe.Fragment,null,qe.createElement(tc,{size:32}),qe.createElement(Ay,{title:us.t("No results found"),description:us.t("Try using different keywords")})):qe.createElement(mr,{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(oc,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return qe.createElement(Zu,null,qe.createElement(oc,{variant:"label",size:"large"},us.t("Select Blockchain")),qe.createElement(tc,{size:4}),l==="loading"&&qe.createElement(ec,null),l==="success"&&p())}i(cs,"BlockchainList");function ds(t){let{type:e}=t,o=wt(),[n,r]=rc(""),[s,a]=rc("ALL"),l=D.use.setToBlockchain(),p=D.use.setFromBlockchain(),u=g().fetchStatus,m=g().blockchains({type:e}),f=Wy(m)!==1;return ht.createElement(J,{header:{title:nc.t("Select Blockchain")}},ht.createElement(ms,{size:12}),f&&ht.createElement(ht.Fragment,null,ht.createElement(Ny,{setCategory:a,category:s,blockchains:m,isLoading:u==="loading"}),ht.createElement(ms,{size:24})),ht.createElement(dt,{value:n,autoFocus:!0,placeholder:nc.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),ht.createElement(ms,{size:16}),ht.createElement(cs,{list:m,searchedFor:n,blockchainCategory:s,onChange:d=>{e==="source"?p(d):l(d),o()}}))}i(ds,"SelectBlockchainPage");import{i18n as Sr}from"@lingui/core";import{Divider as vc}from"@rango-dev/ui";import io,{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 lc,Image as pc,Skeleton as $y,Tooltip as _y,Typography as ys}from"@rango-dev/ui";import de from"react";import{useEffect as Py}from"react";var ic=["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(m=>u.name!==m)}}n.sort(Ly(a)),r=n.splice(s)}return{list:n,more:r}}i(fs,"prepare");function By(t,e){let o=ic,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 sc(t,e){return!!e.list.find(o=>o.name===t)}i(sc,"isInVisibleList");function gs(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=g();Py(()=>{if(e?.selected){let s=fs(t,o,e);sc(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 ac=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=D.use.resetToBlockchain(),u=D.use.resetFromBlockchain(),m=a.more.length>0,c=a.more.length===1,f=!c&&m;return de.createElement(de.Fragment,null,de.createElement(lc,{size:12}),de.createElement(ys,{variant:"label",size:"large"},hs.t("Select Blockchain")),de.createElement(lc,{size:12}),de.createElement(ac,null,l==="loading"&&Array.from(Array(Dy),d=>de.createElement($y,{key:d,variant:"rounded",height:50})),l==="success"&&de.createElement(de.Fragment,null,de.createElement(fr,{selected:!n,onClick:()=>{o==="from"?u():p()}},de.createElement(ys,{variant:"body",size:"xsmall",color:"secondary500"},hs.t("All"))),a.list.map(d=>de.createElement(_y,{key:d.name,content:d.shortName,side:"bottom",sideOffset:2,container:P()},de.createElement(fr,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},de.createElement(pc,{src:d.logo,size:30})))),c?de.createElement(fr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},de.createElement(pc,{src:a.more[0].logo,size:30})):null,f?de.createElement(fr,{onClick:s,key:"more-blockchains"},de.createElement(ys,{variant:"body",size:"xsmall",color:"secondary500"},hs._("More +{count}",{count:a.more.length}))):null)))}i(Ss,"BlockchainsSection");import{i18n as Es}from"@lingui/core";import{darkTheme as Cc,Divider as ro,ExternalLinkIcon as Uy,Image as zy,ListItemButton as qy,NotFound as Gy,PinIcon as Qy,Skeleton as kc,Typography as yr,VirtualizedList as Hy}from"@rango-dev/ui";import $,{forwardRef as Vy,useEffect as Tc,useState as wc}from"react";import{Divider as yc,ListItem as Oy,Skeleton as Mo}from"@rango-dev/ui";import Ze from"react";import{css as no,darkTheme as uc,ImageContainer as Fy,styled as Je,Typography as cc}from"@rango-dev/ui";var Cs=no({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),ks=no({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Ts=no({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),ws=no({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${uc} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),xs=no({}),vs=no(),mc=Je("div",{display:"flex",flexDirection:"column",flexGrow:1}),bs=Je("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),gr=Je("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=Je("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Is=Je(cc,{}),dc=Je("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${vs}`]:{$$color:"$colors$neutral600",[`.${uc} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),hr=Je("div",{display:"flex",alignItems:"end",flexDirection:"column"}),fP=Je("div",{display:"flex",alignItems:"center"}),fc=Je("div",{position:"relative",[`& ${Fy}`]:{borderRadius:"$xm",overflow:"hidden"}}),gc=Je("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),hc=Je(cc,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Sc(t){return Ze.createElement(gr,null,Array.from(Array(t.size),e=>Ze.createElement(Oy,{key:e,hasDivider:!0,start:Ze.createElement(Mo,{variant:"circular",width:35,height:35}),end:Ze.createElement(hr,null,Ze.createElement(Mo,{variant:"text",size:"large",width:70}),Ze.createElement(yc,{size:4}),Ze.createElement(Mo,{variant:"text",size:"medium",width:50})),title:Ze.createElement("div",null,Ze.createElement(Mo,{variant:"text",size:"large",width:90}),Ze.createElement(yc,{size:4}),Ze.createElement(Mo,{variant:"text",size:"medium",width:90}))})))}i(Sc,"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(ro,{direction:"horizontal",size:4}),$.createElement(As,{css:s},$.createElement(Is,{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(ro,{size:4,direction:"horizontal"}),$.createElement(Uy,{color:"gray",size:12}))))},"renderDesc");function xc(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=wc(e),l=g().fetchStatus,p=g().blockchains(),[u,m]=wc(!0),{getBalanceFor:c,loading:f}=V(),{isTokenPinned:d}=g(),w=Vy((C,k)=>$.createElement("div",{...C,ref:k,style:{...C.style,height:`${parseFloat(C.style?.height)+8*2}px`}})),y=i(()=>{a(e.slice(0,s.length+Ws))},"loadNextPage");Tc(()=>{m(e.length>s.length)},[s.length]),Tc(()=>{a(e.slice(0,Ws))},[e]);let h=i(()=>!s.length&&o?$.createElement($.Fragment,null,$.createElement(ro,{size:32}),$.createElement(Gy,{title:Es.t("No results found"),description:Es.t("Try using different keywords")})):$.createElement(Hy,{Item:({index:C,style:k})=>{let T=s[C],b=en(c(T)),S=T.address||"",I=p.find(L=>L.name===T.blockchain),A=Bn(T.symbol,I?.color||""),v={$$color:A[`${T.symbol}100`],[`.${Cc} &`]:{$$color:A[`${T.symbol}900`]},backgroundColor:"$$color"},x={$$color:A[`${T.symbol}700`],[`.${Cc} &`]:{$$color:A[`${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(fc,null,$.createElement(zy,{src:T.image,size:30}),d(T,t.type)&&$.createElement(gc,null,$.createElement(Qy,{size:12,color:"gray"}))),title:I?.type==="COSMOS"||T.name||!T.name&&!S?$.createElement(bs,null,$.createElement(yr,{variant:"title",size:"xmedium"},T.symbol),$.createElement(ro,{direction:"horizontal",size:4}),$.createElement(As,{css:v},$.createElement(Is,{variant:"body",size:"xsmall",css:x},T.blockchain))):void 0,description:I?.info&&S&&I.type!=="COSMOS"?jy({address:S,token:s[C],customCssForTag:v,customCssForTagTitle:x,name:T.name,url:I.info.addressUrl.split("{wallet}").join(S)}):T.name||void 0,end:f?$.createElement(hr,null,$.createElement(kc,{variant:"text",size:"large",width:70}),$.createElement(ro,{size:4}),$.createElement(kc,{variant:"text",size:"medium",width:50})):b&&$.createElement(dc,null,$.createElement(hc,{variant:"title",size:"small"},b.amount),$.createElement("div",null),b.usdValue&&$.createElement(yr,{variant:"body",className:vs(),size:"xsmall"},`$${b.usdValue}`))}))},hasNextPage:u,itemCount:s.length,loadNextPage:y,innerElementType:w,size:60,key:`${r}-${o}`}),"renderList");return $.createElement(mc,null,$.createElement(yr,{variant:"label",size:"large"},Es.t("Select Token")),$.createElement(ro,{size:4}),l==="loading"&&$.createElement(Sc,{size:Ws}),l==="success"&&$.createElement(gr,null,h()))}i(xc,"TokenList");function Ns(t){let{type:e}=t,o=Ky(),n=wt(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=D(),m=V.use.getBalanceFor(),[c,f]=Xy(""),{isTokenPinned:d}=g(),y=(e==="source"?r:s)?.name??"",h=g().blockchains({type:e}),C=g().tokens({type:e,blockchain:y,searchFor:c}),T=fa(C,m,i(A=>d(A,e),"checkIsTokenPinned")),b=i(A=>{e==="source"?p(A):u(A)},"updateBlockchain"),S=i(A=>{e==="source"?a({token:A,meta:{blockchains:h,tokens:C}}):l({token:A,meta:{blockchains:h,tokens:C}})},"updateToken"),I={source:Sr.t("Source"),destination:Sr.t("Destination")};return io.createElement(J,{header:{title:Sr.t("Swap {type}",{type:I[e]})}},io.createElement(Ss,{blockchains:h,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(M.blockchains),onChange:A=>{b(A)}}),io.createElement(vc,{size:24}),io.createElement(dt,{value:c,autoFocus:!0,placeholder:Sr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>f(""),onChange:A=>f(A.target.value)}),io.createElement(vc,{size:16}),io.createElement(xc,{list:T,selectedBlockchain:y,searchedFor:c,type:e,onChange:A=>{S(A);let v=h.find(x=>A.blockchain===x.name);v&&b(v),n()}}))}i(Ns,"SelectSwapItemsPage");import{i18n as Ft}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 Ot}from"@rango-dev/ui";import X from"react";import{useNavigate as pS}from"react-router-dom";import{i18n as Nc}from"@lingui/core";import{Divider as Ry,InfoIcon as eS,TextField as tS,Tooltip as oS,Typography as Bc}from"@rango-dev/ui";import Ne from"react";import{Chip as Yy,styled as $o,TextField as Jy}from"@rango-dev/ui";var bc=$o("div",{paddingTop:"$5",padding:"$10 $5"}),Ac=$o("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${Jy}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Ic=$o("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Cr=$o("div",{maxWidth:"280px",padding:"$10"}),Ec=$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 Wc(){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(Wc,"SlippageTooltipContent");function Ls(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=g();return Ne.createElement(bc,null,Ne.createElement(Ic,null,Ne.createElement(Bc,{variant:"title",size:"xmedium"},Nc.t("Slippage tolerance per swap")),Ne.createElement(Ry,{direction:"horizontal",size:4}),Ne.createElement(oS,{container:P(),side:"top",sideOffset:4,content:Ne.createElement(Wc,null)},Ne.createElement(eS,{color:"gray"}))),Ne.createElement(Ac,null,Aa.map((r,s)=>{let a=`slippage-${s}`;return Ne.createElement(Ne.Fragment,null,Ne.createElement(Ec,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),Ne.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&&Ne.createElement(Bc,{variant:"body",size:"small"},"%"),placeholder:Nc.t("Custom")})))}i(Ls,"Slippage");function Lc(){let t=pS(),{theme:e}=g().config,o=g().fetchStatus,n=g().swappers(),r=g().disabledLiquiditySources,{config:{features:s}}=g(),a=Me("theme",s),l=Me("liquiditySource",s),p=Me("language",s),u=g().infiniteApprove,m=g().toggleInfiniteApprove,c=rn(n,r),f=c.filter(v=>v.type==="BRIDGE"||v.type==="AGGREGATOR"),d=f.length,w=f.filter(v=>v.selected).length,y=c.filter(v=>v.type==="DEX"),h=y.length,C=y.filter(v=>v.selected).length,k=i((v,x)=>{switch(o){case"loading":return X.createElement(sS,{variant:"text",size:"medium",width:50});case"failed":return X.createElement(Ot,{variant:"body",size:"medium",color:"$error500"},Ft.t("Loading failed"));default:return X.createElement(Ot,{variant:"body",size:"medium"},`${v} / ${x}`)}},"handleEndItem"),T={id:"bridge-item",title:X.createElement(Ot,{variant:"title",size:"xmedium"},Ft.t("Enabled bridges")),end:X.createElement(X.Fragment,null,k(w,d),X.createElement(Ms,{direction:"horizontal",size:8}),X.createElement(Ps,{color:"black"})),onClick:()=>t(M.bridges)},b={id:"exchange-item",title:X.createElement(Ot,{variant:"title",size:"xmedium"},Ft.t("Enabled exchanges")),end:X.createElement(X.Fragment,null,k(C,h),X.createElement(Ms,{direction:"horizontal",size:8}),X.createElement(Ps,{color:"gray"})),onClick:()=>t(M.exchanges)},S={id:"theme-item",title:X.createElement(Ot,{variant:"title",size:"xmedium"},Ft.t("Theme")),end:X.createElement(Ps,{color:"gray"}),onClick:()=>t(M.themes)},I={id:"infinite-approval-item",title:X.createElement(X.Fragment,null,X.createElement(Ot,{variant:"title",size:"xmedium"},Ft.t("Infinite approval")),X.createElement(Ms,{direction:"horizontal",size:4}),X.createElement(lS,{side:"top",sideOffset:4,container:P(),content:X.createElement(Cr,null,X.createElement(Ot,{variant:"label",size:"medium",color:"neutral700"},Ft.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.")))},X.createElement(nS,{color:"gray"}))),end:X.createElement(aS,{checked:u}),onClick:m},A=l?[]:[T,b];return!e?.singleTheme&&!a&&A.push(S),A.push(I),X.createElement(J,{header:{title:Ft.t("Settings")}},X.createElement(ft,null,X.createElement(Ls,null),X.createElement(rS,{type:X.createElement(iS,{title:"_",id:"_",onClick:()=>console.log()}),items:A})))}i(Lc,"SettingsPage");import{cancelSwap as JS}from"@rango-dev/queue-manager-rango-preset";import{useManager as ZS}from"@rango-dev/queue-manager-react";import dm from"react";import{i18n as yt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as PS,getCurrentStep as MS,getRelatedWalletOrNull as $S}from"@rango-dev/queue-manager-rango-preset";import{Button as im,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 sm from"bignumber.js";import{PendingSwapNetworkStatus as Nr}from"rango-types";import Y,{useEffect as am,useRef as QS,useState as lm}from"react";import{useNavigate as HS}from"react-router-dom";import{i18n as Et}from"@lingui/core";var uS=[Et.t("Sunday"),Et.t("Monday"),Et.t("Tuesday"),Et.t("Wednesday"),Et.t("Thursday"),Et.t("Friday"),Et.t("Saturday")];function Pc(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Et.t("Today"):`${uS[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(Pc,"timeSince");function Mc(t){return t.finishTime?Pc(parseInt(t.finishTime)):Pc(parseInt(t.creationTime))}i(Mc,"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 $c,Divider as $s,MessageBox as cS,Typography as _c}from"@rango-dev/ui";import lt from"react";var Dc=i(({onCancel:t,onClose:e})=>lt.createElement(lt.Fragment,null,lt.createElement($s,{size:20}),lt.createElement(cS,{type:"error",title:kr.t("Cancel Swap"),description:kr.t("Are you sure you want to cancel this swap?")}),lt.createElement($s,{size:32}),lt.createElement($c,{variant:"contained",type:"primary",size:"large",onClick:t},lt.createElement(_c,{variant:"title",size:"medium",color:"neutral100"},kr.t("Yes, Cancel it"))),lt.createElement($s,{size:12}),lt.createElement($c,{variant:"outlined",type:"primary",size:"large",onClick:e},lt.createElement(_c,{variant:"title",size:"medium",color:"primary"},kr.t("No, Continue")))),"CancelContent");import{i18n as Tr}from"@lingui/core";import{Button as Fc,Divider as _s,MessageBox as mS,Typography as Oc}from"@rango-dev/ui";import pt from"react";var Uc=i(({onDelete:t,onClose:e})=>pt.createElement(pt.Fragment,null,pt.createElement(_s,{size:20}),pt.createElement(mS,{type:"error",title:Tr.t("Delete Transaction"),description:Tr.t("Are you sure you want to delete 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"},Tr.t("Yes, Delete 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"},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 zc=dS("div",{display:"flex",justifyContent:"center"});var qc=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:l,state:p}=hS(),u=n?.walletType,m=u?Fr(p(u)):null,c=u?l(u):null;return Do.createElement(Do.Fragment,null,Do.createElement(fS,{type:e,title:o,description:r}),s&&!!u&&!!m&&!!c&&Do.createElement(zc,null,Do.createElement(gS,{container:P(),title:c.name,image:c.img,type:u,state:m,link:c.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(xe)||document.body},l&&xr.createElement(qc,{type:Os[e].type,title:Os[e].title,currentStepWallet:s,message:a,showWalletButton:e!==wr.WaitingForNetworkChange}),e==="delete"&&xr.createElement(Uc,{onClose:o,onDelete:n}),e==="cancel"&&xr.createElement(Dc,{onClose:o,onCancel:r}))}i(Us,"SwapDetailsModal");import{i18n as Fo}from"@lingui/core";import{Button as zs,Divider as vr,MessageBox as Gc,Modal as SS,TokenAmount as CS,Typography as br}from"@rango-dev/ui";import ge 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:m,description:c,diagnosisUrl:f}=t,d=kS();return ge.createElement(SS,{open:e,onClose:o,container:document.getElementById(xe)||document.body},n==="success"?ge.createElement(Gc,{type:"success",title:Fo.t("Swap Successful")},ge.createElement(CS,{direction:"vertical",tooltipContainer:P(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:u,percentageChange:m}),ge.createElement(vr,{size:12}),ge.createElement(br,{variant:"body",size:"medium",color:"neutral700",align:"center"},c)):ge.createElement(Gc,{type:"error",title:Fo.t("Transaction Failed"),description:c}),ge.createElement(vr,{size:32}),n==="success"&&ge.createElement(zs,{variant:"contained",type:"primary",size:"large",onClick:()=>{d("../../")}},ge.createElement(br,{variant:"title",size:"medium",color:"neutral100"},Fo.t("Done"))),ge.createElement(vr,{size:12}),f&&ge.createElement(ge.Fragment,null,ge.createElement(zs,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(f,"_blank")},ge.createElement(br,{variant:"title",size:"medium",color:"primary"},Fo.t("Diagnosis"))),ge.createElement(vr,{size:12})),ge.createElement(zs,{variant:"outlined",type:"primary",size:"large",onClick:o},ge.createElement(br,{variant:"title",size:"medium",color:"primary"},Fo.t("See Details"))))}i(qs,"SwapDetailsCompleteModal");import BS from"react";import{i18n as IS}from"@lingui/core";import{Alert as Kc,IconButton as ES,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 Qc(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(Qc,"FailedAlert");import{styled as AS}from"@rango-dev/ui";var Hc=AS("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Vc}from"@lingui/core";import{Alert as Gs,Button as jc}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Qs}from"rango-types";import Oo from"react";function Xc(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Oo.createElement(Gs,{type:"warning",title:n.shortMessage,action:Oo.createElement(jc,{size:"xxsmall",type:"warning",onClick:()=>{o(Qs.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},Vc.t("Change"))}):r===Qs.WaitingForConnectingWallet?Oo.createElement(Gs,{type:"warning",title:n.shortMessage,action:Oo.createElement(jc,{size:"xxsmall",type:"warning",onClick:()=>{o(Qs.WaitingForConnectingWallet)}},Vc.t("Connect"))}):Oo.createElement(Gs,{type:"warning",title:n.shortMessage})}i(Xc,"WarningAlert");function Hs(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=go(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l,m=u&&!a||p&&!s.explorerUrl?.length;return Wt.createElement(Hc,null,s.explorerUrl?.map((c,f,d)=>{let w=f+c.url,y=f===d.length-1,h=(y&&u||p)&&!m,C=y&&s.status==="failed";return Wt.createElement(NS,{key:w},Wt.createElement(Kc,{type:y&&(h&&"loading"||C&&"error")||"success",title:c.description?`${c.description} Tx`:IS.t("View transaction"),action:c.url&&Wt.createElement(ES,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},Wt.createElement(WS,{size:12}))}))}),m&&Wt.createElement(Kc,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Wt.createElement(Xc,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Wt.createElement(Qc,{message:r}))}i(Hs,"SwapDetailsAlerts");var Yc=2e3;var Jc=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:$e(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:E(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:$e(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:E(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:fo(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:$e(p.fromBlockchain,e)??""},to:{blockchain:$e(p.toBlockchain,e)??""},swapper:{displayName:fo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:BS.createElement(Hs,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function Zc(t){if(go(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(Zc,"getStepState");import{css as Uo,darkTheme as LS,styled as Ut}from"@rango-dev/ui";var Ir=Ut("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1}),Er=Ut("div",{width:"100%"}),Rc=Ut("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),R$=Ut("div",{display:"flex",flexDirection:"column",gap:"$10"}),em=Ut("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),e_=Ut("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"}),tm=Uo({padding:"$5 0"}),Wr=Uo({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),om=Uo({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),nm=Uo({width:"100%",padding:"0 $20 $10"}),rm=Ut("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(),m=g().tokens(),c=D.use.retry(),f=HS(),[d,w]=qS(Yc),y=QS(null),[h,C]=lm(null),[k,T]=lm(null),b=i(()=>{r(),C(null)},"onCancel"),S=Ee.use.getUnreadNotifications(),I=Ee.use.setAsRead(),A=S(),v=MS(e),x=v?.networkStatus;am(()=>{A.find(Le=>Le.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(T(e.status),I(e.requestId))},[e.status]),am(()=>{re?C(Nr.WaitingForNetworkChange):x===Nr.WaitingForConnectingWallet||x===Nr.NetworkChanged?C(x):C(null)},[x]);let L=Ka(e),U=v?PS(e,v):null,W=v?$S(e,v):null,F=Mc(e),_=Ya(e),K=i(He=>!!l(He)?.mobileWallet,"isMobileWallet"),re=x===Nr.WaitingForNetworkChange&&!!U&&!!W?.walletType&&(K(W.walletType)||s(W.walletType,U)),ae=re?a.bind(null,W.walletType,U):void 0,he=Xa(e,v),te=Jc({swap:e,switchNetwork:ae,showNetworkModal:x,setNetworkModal:C,message:he,blockchains:p,swappers:u}),Z=te.length,[we,Ge]=[e.steps[0],e.steps[Z-1]],Be=Ge.outputAmount||Ge.expectedOutputAmountHumanReadable,zt=e.steps.reduce((He,Le)=>He+parseFloat(Le.feeInUsd||""),0),lo=e.steps.find(He=>He.diagnosisUrl)?.diagnosisUrl,O=E(parseFloat(E(Be,6,6))*(Ge.toUsdPrice||0),4,4),G=E(parseFloat(e.inputAmount)*(we.fromUsdPrice||0),4,4),Q=Be?ie(new sm(Be).multipliedBy(Ge.toUsdPrice||0)):"",Ie=ie(new sm(e.inputAmount).multipliedBy(we.fromUsdPrice||0)),Qe=_e(G,O),ut=e.status==="success"?yt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:E(Be,6,6),token:te[Z-1].to.token.displayName,conciseAddress:tn(e.wallets[te[Z-1].to.chain.displayName]?.address||""),chain:te[Z-1].to.chain.displayName}}):`${yt.t("Transaction was not sent.")} ${L?yt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:L.outputAmount,symbol:L.symbol,blockchain:L.blockchain}}):""}`;return Y.createElement(J,{noPadding:!0,header:{title:yt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>C("cancel"):void 0,suffix:e.status!=="running"&&Y.createElement(Xt,null,Y.createElement(im,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>C("delete")},Y.createElement(ao,{size:"medium",variant:"label",color:"error"},yt.t("Delete"))))},footer:_&&!k&&Y.createElement(im,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{c(e,{blockchains:p,tokens:m}),setTimeout(()=>{f("../../")},0)}},yt.t("Try again"))},Y.createElement(Ir,null,Y.createElement(Er,null,Y.createElement("div",{className:so()},Y.createElement(ao,{variant:"label",size:"large",color:"neutral700"},`${yt.t("Request ID")}:`),Y.createElement("div",{className:Wr()},Y.createElement(ao,{variant:"label",size:"small",color:"neutral700"},o),Y.createElement(FS,{variant:"ghost",onClick:w.bind(null,o||"")},Y.createElement(_S,{size:16,color:"gray"})),Y.createElement(rm,{target:"_blank",href:`${na}/swap/${o}`},Y.createElement(OS,{size:16})))),Y.createElement("div",{className:so()},Y.createElement(ao,{variant:"label",size:"large",color:"neutral700"},`${yt.t(e.finishTime?"Finished at":"Created at")}:`),Y.createElement(ao,{variant:"label",size:"small",color:"neutral700"},F))),Y.createElement("div",{className:om()},Y.createElement(US,{fee:E(String(zt),2,2),time:jo(Xo(e.steps)),steps:Z}),Y.createElement(wo,{from:{price:{value:E(e.inputAmount,6,6),usdValue:G,realUsdValue:Ie,realValue:e.inputAmount},token:{displayName:te[0].from.token.displayName,image:te[0].from.token.image},chain:{image:te[0].from.chain.image,displayName:te[0].from.chain.displayName}},to:{price:{value:E(Be,6,6),usdValue:O,realUsdValue:Q,realValue:Be},token:{displayName:te[Z-1].to.token.displayName,image:te[Z-1].to.token.image},chain:{image:te[Z-1].to.chain.image,displayName:te[Z-1].to.chain.displayName}},percentageChange:E(Qe,2,2),warningLevel:ct(Qe??0)})),Y.createElement("div",{className:nm()},Y.createElement(ao,{variant:"title",size:"small"},yt.t("Swaps steps"))),Y.createElement(DS,{size:8}),Y.createElement(Rc,{ref:y},te.map((He,Le)=>{let ea=Le,po=Zc(e.steps[Le]),Wm=po==="error"||po==="in-progress"||po==="warning"||po==="completed"&&Le===te.length-1;return Y.createElement(zS,{key:ea,step:He,type:"swap-progress",ref:y,state:po,hasSeparator:Le!==0,tabIndex:ea,isFocused:Wm,tooltipContainer:P()})}))),Y.createElement(Us,{state:h,onClose:()=>C(null),onCancel:b,onDelete:n,message:he.detailedMessage.content,currentStepWallet:W}),Y.createElement(qs,{open:!!k,diagnosisUrl:lo,onClose:()=>T(null),status:e.status==="success"?"success":"failed",priceValue:E(Be,6,6),usdValue:O,realUsdValue:Q,realValue:ie(Be),percentageChange:E(Qe,2,2),token:{displayName:te[Z-1].to.token.displayName,image:te[Z-1].to.token.image},chain:{image:te[Z-1].to.chain.image},description:ut}))}i(Vs,"SwapDetails");import{i18n as Lr}from"@lingui/core";import{Divider as cm,NotFound as YS,Skeleton as qo,Typography as Pr}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 pe from"react";import{css as Re,styled as js}from"@rango-dev/ui";var pm=js("div",{width:"100%",height:"100%",padding:"$10 $20"}),zo=js("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Br=js("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),L_=Re({display:"flex",justifyContent:"space-between",alignItems:"center"}),P_=Re({display:"flex",justifyContent:"space-between",alignItems:"center"}),M_=Re({paddingTop:"$15",display:"flex"}),$_=Re({padding:"$15 $0"}),__=Re({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),D_=Re({paddingBottom:"$10"}),F_=Re({display:"flex",justifyContent:"start",alignItems:"center"}),O_=Re({paddingTop:"$5",display:"flex",alignItems:"center"}),U_=Re({display:"flex",alignItems:"center"}),z_=Re({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),um=Re({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function Xs(){return pe.createElement(pm,null,pe.createElement(bo,{type:"swap-preview"}),pe.createElement("div",{className:"swaps-steps"},pe.createElement(KS,{variant:"title",size:"small"},VS.t("Swaps steps"))),pe.createElement(pe.Fragment,null,pe.createElement(zo,null,pe.createElement(st,{separator:!1}),pe.createElement("div",{className:um()},pe.createElement(jS,{direction:"horizontal",size:20}),pe.createElement(XS,{height:22,variant:"rectangular"}))),pe.createElement(Br,null),pe.createElement(zo,null,pe.createElement(st,{separator:!1})),pe.createElement(Br,null),pe.createElement(zo,null,pe.createElement(st,{separator:!1})),pe.createElement(Br,null),pe.createElement(zo,null,pe.createElement(st,{separator:!1}))))}i(Xs,"LoadingSwapDetails");function mm(t){let{requestId:e,showSkeleton:o}=t;return le.createElement(J,{noPadding:!0,header:{title:Lr.t("Swap and Bridge"),suffix:le.createElement(Xt,null)}},o&&le.createElement(Ir,null,le.createElement(Er,null,le.createElement("div",{className:so()},le.createElement(Pr,{variant:"label",size:"large",color:"neutral700"},`${Lr.t("Request ID")}:`),le.createElement("div",{className:Wr()},le.createElement(Pr,{variant:"label",size:"small",color:"neutral700"},le.createElement(qo,{width:60,height:10,variant:"rounded"})),le.createElement(cm,{direction:"horizontal",size:4}),le.createElement(qo,{width:16,height:16,variant:"rectangular"}),le.createElement(cm,{direction:"horizontal",size:4}),le.createElement(qo,{width:16,height:16,variant:"rectangular"}))),le.createElement("div",{className:so()},le.createElement(Pr,{className:tm(),variant:"label",size:"large",color:"neutral700"},le.createElement(qo,{width:60,height:10,variant:"rounded"})),le.createElement(Pr,{variant:"label",size:"small",color:"neutral700"},le.createElement(qo,{width:60,height:10,variant:"rounded"})))),le.createElement(Xs,null)),!o&&le.createElement(em,null,le.createElement(YS,{title:Lr.t("Not found"),description:Lr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(mm,"SwapDetailsPlaceholder");function fm(){let{manager:t,state:e}=ZS(),o=!e.loadedFromPersistor,n=to(t),r=ve.use.selectedSwapRequestId(),s=wt(),{fetchStatus:a}=g(),l=o||a==="loading",p=n.find(({swap:f})=>f.requestId===r),u=i(()=>{if(p?.id){let f=t?.get(p.id);f&&JS(f)}},"onCancel"),m=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(f){console.log(f)}},"onDelete"),c=p?.swap;return!c||l?dm.createElement(mm,{requestId:r||"",showSkeleton:l}):dm.createElement(Vs,{swap:c,requestId:r||"",onCancel:u,onDelete:m})}i(fm,"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 be from"react";function gm(){let{setTheme:t,theme:e}=g(),o=[{id:"light",value:"light",title:be.createElement(Ys,{variant:"title",size:"xmedium"},Go.t("Light")),onClick:()=>t("light"),start:be.createElement(tC,{color:"gray"}),end:be.createElement(Ks,{value:"light"})},{id:"dark",value:"dark",title:be.createElement(Ys,{variant:"title",size:"xmedium"},Go.t("Dark")),onClick:()=>t("dark"),start:be.createElement(eC,{color:"gray"}),end:be.createElement(Ks,{value:"dark"})},{id:"auto",value:"auto",title:be.createElement(Ys,{variant:"title",size:"xmedium"},Go.t("Auto")),onClick:()=>t("auto"),start:be.createElement(RS,{color:"gray"}),end:be.createElement(Ks,{value:"auto"})}];return be.createElement(J,{header:{title:Go.t("Theme")}},be.createElement(ft,null,be.createElement(rC,{onValueChange:n=>t(n),value:e},be.createElement(oC,{type:be.createElement(nC,{title:Go.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(gm,"ThemePage");function hm(){return iC([{path:M.home,element:Ae.createElement(Hu,null)},{path:M.fromSwap,children:[{index:!0,element:Ae.createElement(Ns,{type:"source"})},{path:M.blockchains,element:Ae.createElement(ds,{type:"source"})}]},{path:M.toSwap,children:[{index:!0,element:Ae.createElement(Ns,{type:"destination"})},{path:M.blockchains,element:Ae.createElement(ds,{type:"destination"})}]},{path:M.settings,children:[{index:!0,element:Ae.createElement(Lc,null)},{path:M.themes,element:Ae.createElement(gm,null)},{path:M.languages,element:Ae.createElement(ju,null)},{path:M.exchanges,element:Ae.createElement(ls,{sourceType:"Exchanges"})},{path:M.bridges,element:Ae.createElement(ls,{sourceType:"Bridges"})}]},{path:M.swaps,children:[{index:!0,element:Ae.createElement(Uu,null)},{path:M.swapDetails,element:Ae.createElement(fm,null)}]},{path:M.wallets,element:Ae.createElement(ep,null)},{path:M.confirmSwap,element:Ae.createElement(Bu,null)}])}i(hm,"AppRoutes");import{isApprovalTX as sC,MainEvents as ym,RouteEventType as Sm,StepEventType as Cm,StepExecutionEventStatus as aC,useEvents as lC}from"@rango-dev/queue-manager-rango-preset";import{useEffect as km}from"react";function Tm(){let t=g().tokens(),e=V.use.connectedWallets(),o=V.use.getWalletsDetails(),n=Ee.use.setNotification(),r=lC();return km(()=>(r.on(ym.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Cm.TX_EXECUTION&&a.status===aC.TX_SENT&&!sC(l)||a.type===Cm.SUCCEEDED){let m=e.find(f=>f.chain===l?.fromBlockchain),c=l?.fromBlockchain!==l?.toBlockchain&&e.find(f=>f.chain===l?.toBlockchain);m&&o([m],t),c&&o([c],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),km(()=>(r.on(ym.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Sm.FAILED||a.type===Sm.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Tm,"WidgetEvents");import{globalCss as pC}from"@rango-dev/ui";var wm=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 xm=uC("div",{display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function Mr(){wm();let{config:t}=g(),{activeTheme:e}=Ln(t?.theme||{}),{activeLanguage:o}=oo(),[n,r]=vm(""),[s,a]=vm(),l=mC(Cn);return dC(()=>{Ee.persist.rehydrate(),l.onConnectWallet(r)},[]),Qo.createElement(cC,{language:o},Qo.createElement(xm,{id:"swap-container",className:e()},Qo.createElement(Tm,null),Qo.createElement(ul,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},Qo.createElement(hm,null))))}i(Mr,"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(),m={blockchains:V.use.connectedWallets().map(k=>({accounts:[k],name:k.chain}))},c=i(async(k,T)=>{if(s(k,T))return r(k,T)},"switchNetwork"),f=i(k=>!!a(k).mobileWallet,"isMobileWallet"),d=p.filter(k=>k.enabled).reduce((k,T)=>(k[T.name]=T,k),{}),w=p.filter(CC),y=i(k=>{let{supportedChains:T}=a(k);return Jo(T)},"getSupportedChainNames"),h=e(),C={meta:{blockchains:d,evmBasedChains:w,evmNetworkChainInfo:SC(w),getSupportedChainNames:y},getSigners:o,wallets:m,providers:h,switchNetwork:c,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:f};return kC.createElement(hC,{queuesDefs:[l],context:C,onPersistedDataLoaded:k=>{fC(k)},isPaused:!1},t.children)}i(wC,"QueueManager");var bm=wC;import{useManager as IC}from"@rango-dev/queue-manager-react";import EC,{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 to(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 Am=WC(void 0);function Js(t){let{manager:e}=IC(),o=D.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(),m=g().swappers(),c=g().fetchStatus,f=oo().resetLanguage,d=Ee().getUnreadNotifications(),w={history:n,wallets:{isLoading:s,details:r,totalBalance:a,refetch:l},meta:{blockchains:p,tokens:u,swappers:m,loadingStatus:c},resetLanguage:f,notifications:{list:d}};return EC.createElement(Am.Provider,{value:w},t.children)}i(Js,"WidgetInfo");function Im(){let t=NC(Am);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Im,"useWidget");function $r(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(bm,{apiKey:o.apiKey},Zs.createElement(Js,null,t.children)))}i($r,"WidgetProvider");function Em(t){return t.config?.externalWallets?Rs.createElement(Mr,null):Rs.createElement($r,{config:t.config??_r},Rs.createElement(Mr,null))}i(Em,"Widget");export{u1 as EventSeverity,c1 as MainEvents,T1 as Networks,v1 as PendingSwapNetworkStatus,m1 as RouteEventType,d1 as StepEventType,f1 as StepExecutionBlockedEventStatus,g1 as StepExecutionEventStatus,C1 as WalletEvents,w1 as WalletTypes,Em as Widget,$r as WidgetProvider,kn as WidgetWallets,ui as customizedThemeTokens,S1 as readAccountAddress,lp as useWallets,Im as useWidget,h1 as useWidgetEvents};
 //# sourceMappingURL=index.js.map