@rango-dev/widget-embedded 0.20.1-next.12 → 0.20.1-next.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- var Jc=Object.defineProperty;var i=(t,e)=>Jc(t,"name",{value:e,configurable:!0});import{MainEvents as MD,RouteEventType as $D,StepEventType as _D,StepExecutionBlockedEventStatus as DD,StepExecutionEventStatus as FD,useEvents as OD}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as qD,useWallets as Fl,Events as zD}from"@rango-dev/wallets-react";import{Networks as HD,WalletTypes as QD}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as jD}from"rango-types";import{Events as Dr,Provider as Pm}from"@rango-dev/wallets-react";import{isEvmBlockchain as Mm}from"rango-sdk";import pn,{createContext as $m,useEffect as Fr,useRef as _m,useState as Dm}from"react";import{useEffect as sn,useLayoutEffect as La,useRef as an}from"react";import hm,{createContext as ym,useContext as Sm,useEffect as Cm,useRef as km}from"react";import{create as fm}from"zustand";import{persist as gm}from"zustand/middleware";var Sr={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},Ls=i((t,e,o)=>({config:{...Sr,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");import{RangoClient as pm}from"rango-sdk";var Do="c6381a79-2817-4602-83bf-6a641a409e32",Ps="https://api.rango.exchange",Te="rango-swap-box";import{WalletState as Ke}from"@rango-dev/ui";import{readAccountAddress as em}from"@rango-dev/wallets-react";import{detectInstallLink as tm,getCosmosExperimentalChainInfo as om,isEvmAddress as nm,KEPLR_COMPATIBLE_WALLETS as tC,Networks as Ds}from"@rango-dev/wallets-shared";import Cr from"bignumber.js";import{isCosmosBlockchain as rm}from"rango-types";import Zc from"bignumber.js";var We=new Zc(0);import{WalletTypes as Rc}from"@rango-dev/wallets-shared";var Ms=[Rc.LEAP];import{BigNumber as _s}from"bignumber.js";var Fo=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),I=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new _s(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new _s(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 Oo=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Xe=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),no=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function ie(t){return I(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(ie,"formatTooltipNumbers");function kr(t){switch(!0){case t.connected:return Ke.CONNECTED;case t.connecting:return Ke.CONNECTING;case!t.installed:return Ke.NOT_INSTALLED;default:return Ke.DISCONNECTED}}i(kr,"mapStatusToWalletState");function Fs(t,e,o,n){return o.filter(r=>!Ms.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=kr(t(r));return{title:s,image:a,link:tm(l),state:p,type:r}})}i(Fs,"mapWalletTypesToWalletInfo");function zo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(zo,"walletAndSupportedChainsNames");function Os(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}=em(p),c=l.length>0,h=l.includes(m),f=m===Ds.Unknown;if(c&&!h&&!f)return;let w=m===Ds.Unknown&&nm(u);if(f&&!w)return;o.includes(m)||w?r?a(m,u.toLowerCase()):l.filter(k=>o.includes(k)).forEach(k=>{a(k,u.toLowerCase())}):a(m,u)}),s}i(Os,"prepareAccountsForWalletStore");function Us(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(Us,"getRequiredChains");function Go(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(Go,"isAccountAndWalletMatched");function qs(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 Cr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:sm(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(qs,"makeBalanceFor");function zs(t){return{...t,loading:!1,error:!0}}i(zs,"resetConnectedWalletState");var Gs=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=I(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new Cr(s?.amount||We).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),We)||We).toString();return im(r)},"calculateWalletUsdValue");function im(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(im,"numberWithThousandSeparator");var sm=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Ho=i((t,e)=>{let o=om(Object.entries(t).map(([,n])=>n).filter(rm));return o&&o[e]?.experimental},"isExperimentalChain");function Qo(t){return t?{...t,amount:I(t.amount,8,8),usdValue:I(t.usdValue,4,4)}:null}i(Qo,"formatBalance");function am(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(am,"sortTokensByBalance");function lm(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(lm,"sortTokensByPinnedToken");function Hs(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=lm(n,r,o);return l!==0?l:am(s,a)}),t}i(Hs,"sortTokens");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Le,"tokensAreEqual");function Qs(t){return t.sort((e,o)=>+(o.state===Ke.CONNECTED)-+(e.state===Ke.CONNECTED)||+(o.state===Ke.DISCONNECTED||o.state===Ke.CONNECTING)-+(e.state===Ke.DISCONNECTED||e.state===Ke.CONNECTING))}i(Qs,"sortWalletsBasedOnConnectionState");function Vo(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(Vo,"getConciseAddress");function Vs({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Vs,"getAddress");function Tr(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(Tr,"createTokenHash");function jo(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Cr(o?.usdPrice??We).multipliedBy(o?.amount).toString():""},r=o?Tr({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(jo,"makeTokensBalance");var js=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");var wr={API_KEY:Do};function Dt(t){return wr[t]||""}i(Dt,"getConfig");function Xs(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),wr=e,wr}i(Xs,"initConfig");var Ks=20,Ys=25,Js="Roboto",xr="theme-widget",ro=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"),vr=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var Xo,Ft=i(()=>Xo||(Xo=new pm(Dt("API_KEY"),Dt("BASE_URL")),Xo),"httpService");function Ot(t){return Array.from(new Set(t))}i(Ot,"removeDuplicateFrom");function Ar(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Ar,"areEqual");function Zs(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Zs,"debounce");function bt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(bt,"containsText");var O=i(()=>document.getElementById(Te),"getContainer");function Ko(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Ot(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(Ko,"getUniqueSwappersGroups");function Rs(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(Rs,"sortLiquiditySourcesByGroupTitle");function Pe(t,e){return e?.[t]==="hidden"}i(Pe,"isFeatureHidden");function Yo(t,e){return e?.[t]==="enabled"}i(Yo,"isFeatureEnabled");var ea=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&&ro(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(bt(p.symbol,o.searchFor)||bt(p.address||"",o.searchFor)||bt(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(u,o.type)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>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(Rs)},fetch:async()=>{try{let o=await Ft().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 um,French as cm,Japanese as mm,Spanish as dm}from"@rango-dev/ui";var ta=[{title:"English",label:"English",local:"en",SVGFlag:um},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:dm},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:cm},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:mm}],Ut="en";var oa=[.5,1,3],na=1,ra=5,ia=100,sa=0;var aa=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:Ut,preferredBlockchains:[],slippage:na,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=Ot(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:Ut},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function la(t){return fm()(gm((...e)=>({...ea(...e),...aa(...e),...Ls(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 d(){let t=Sm(pa);if(Cm(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(d,"useAppStore");function ua(t){let e=km();return e.current||(e.current=la(t.config)),hm.createElement(pa.Provider,{value:e.current},t.children)}i(ua,"AppStoreProvider");import yt from"bignumber.js";import{create as Em}from"zustand";import{subscribeWithSelector as Im}from"zustand/middleware";import{getLastSuccessfulStep as Am}from"@rango-dev/queue-manager-rango-preset";import Mk from"bignumber.js";var ft=(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))(ft||{});function ca(t,e){return e.find(o=>o.name===t)?.displayName}i(ca,"getBlockchainDisplayNameFor");function Ye(t,e){return e.find(o=>o.name===t)?.shortName}i(Ye,"getBlockchainShortNameFor");function ma(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(ma,"getSwapperDisplayName");function Er(t,e){return e.find(o=>Le(o,t))??null}i(Er,"findToken");function Ir(t,e){return e.find(o=>o.name===t)??null}i(Ir,"findBlockchain");import{i18n as Ue}from"@lingui/core";import ve from"bignumber.js";import{PendingSwapNetworkStatus as en}from"rango-types";function Jo(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(Jo,"getRequiredWallets");function Zo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(Zo,"isValidAddress");import{i18n as fe}from"@lingui/core";var V=i(()=>({genericServerError:fe.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:fe.t("Please reset your liquidity sources."),description:fe.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:fe.t("No Routes Found."),description:fe.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:fe.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:fe.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:fe.t("High Price Impact"),title:fe.t("Price impact is too high!"),description:fe.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:fe.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:fe.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:fe.t("USD Price Unknown"),title:fe.t("USD Price Unknown, Cannot calculate Price Impact."),description:fe.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:fe.t("Confirm USD Price Unknown")}}),"errorMessages");function da(t){switch(t.type){case 0:return t.diagnosisMessage??V().noResultError.title;case 1:return V().genericServerError;default:return""}}i(da,"getQuoteErrorMessage");import{i18n as Ro}from"@lingui/core";var Et=i(()=>({connectWallet:Ro.t("Connect Wallet"),swap:Ro.t("Swap"),swapAnyway:Ro.t("Swap anyway"),ethWarning:Ro.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function fa(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new ve(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new ve(1e3)))??!1}i(fa,"hasHighValueLoss");function Wr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new ve(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ve(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(Wr,"hasLimitError");function Br(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new ve(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new ve(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 ve(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ve(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Ue.t({id:"Required: >= {min} {symbol}",values:{min:I(o,6,6),symbol:e.from.symbol}}),a=V().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Ue.t({id:"Required: > {min} {symbol}",values:{min:I(o,6,6),symbol:e.from.symbol}}),a=V().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Ue.t({id:"Required: <= {max} {symbol}",values:{max:I(n,6,6),symbol:e.from.symbol}}),a=V().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Ue.t({id:"Required: < {max} {symbol}",values:{max:I(n,6,6),symbol:e.from.symbol}}),a=V().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Br,"getLimitErrorMessage");function ga(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Et().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:Et().swap,action:"confirm-swap",disabled:!0}:a?{title:Et().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Et().ethWarning,action:"confirm-warning",disabled:!1}:{title:Et().swap,action:"confirm-swap",disabled:!1}:{title:Et().connectWallet,action:"connect-wallet",disabled:!1}}i(ga,"getSwapButtonState");function Nr(t,e,o){return!((!o||o.lte(We))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Nr,"canComputePriceImpact");function Tm(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(Tm,"requiredWallets");var wm=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function xm(t,e){let o=We;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=wm(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new ve(r.amount).multipliedBy(s||0))}return o}i(xm,"getUsdFeeOfStep");function tn(t,e){return t.reduce((o,n)=>o.plus(xm(n,e)),We)}i(tn,"getTotalFeeInUsd");function Lr(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(Lr,"checkSlippageErrors");function ha(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(ha,"checkSlippageWarnings");function on(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(on,"getMinRequiredSlippage");function ya(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(ya,"hasProperSlippage");function nn(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:h,initialQuote:f,destination:x}=t,w=s?.reduce((A,y)=>(A[y.chain]=y.address,A),{}),g=[];r?.forEach(A=>{let y=g.find(E=>E.blockchain===A.chain);y?y.addresses.push(A.address):g.push({blockchain:A.chain,addresses:[A.address]})});let v=!!f,k=Ot((f?.result?.swaps||[]).reduce((A,y)=>(A.push(y.from.blockchain,y.to.blockchain),y.internalSwaps&&Array.isArray(y.internalSwaps)&&y.internalSwaps.map(E=>{A.push(E.from.blockchain,E.to.blockchain)}),A),[]));return{amount:n.toString(),affiliateRef:m??void 0,affiliatePercent:c??void 0,affiliateWallets:h??void 0,checkPrerequisites:v,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:g,selectedWallets:w??{},slippage:u.toString(),...x&&{destination:x},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(A=>!a.includes(A)),swappersGroupsExclude:!1},...v&&{blockchains:k}}}i(nn,"createQuoteRequestBody");function Sa(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Sa,"getWalletsForNewSwap");function qt(t){return t.result?.outputAmount||null}i(qt,"getQuoteOutputAmount");function Ca(t,e){return new ve(e).div(new ve(t)).minus(1).multipliedBy(100).toNumber()}i(Ca,"getPercentageChange");function ka(t,e){let o=qt(t),n=qt(e);if(!o||!n)return!1;let r=Me(o,n);return r?r<=-1:!0}i(ka,"isOutputAmountChangedALot");function Ta(t,e,o){let n=t.validationStatus,r=Us(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>Ea(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=I(new ve(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=I(new ve(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),m="";return a.reason==="FEE"&&(m=Ue.t(" for network fee")),a.reason==="INPUT_ASSET"&&(m=Ue.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(m=Ue.t(" for input and network fee")),Ue.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:Ye(a.asset.blockchain,o)}})})}i(Ta,"generateBalanceWarnings");function wa(t,e){return(t?new ve(t):We).multipliedBy(e||0)}i(wa,"calcOutputUsdValue");function io(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==en.NetworkChanged}i(io,"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,"")),io(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case en.WaitingForConnectingWallet:n=n||Ue.t("Waiting for connecting wallet");break;case en.WaitingForQueue:n=n||Ue.t("Waiting for other running tasks to be finished");break;case en.WaitingForNetworkChange:n=n||Ue.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 va(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(va,"getLastConvertedTokenInFailedSwap");function Aa(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Aa,"shouldRetrySwap");function ba(t,e,o,n,r,s){return t||!e&&!Tm(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!Zo(s,o)}i(ba,"confirmSwapDisabled");function Pr(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(Pr,"searchParamsToToken");function Wa(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(Wa,"getQuoteToTokenUsdPrice");function Mr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(Mr,"isNumberOfSwapsChanged");function $r(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!Ar(o,n)}i($r,"isQuoteSwappersUpdated");function _r(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!Ar(o,n)}i(_r,"isQuoteInternalCoinsUpdated");function Ba(t,e){return Mr(t,e)||$r(t,e)||_r(t,e)}i(Ba,"isQuoteChanged");function Ea(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(Ea,"getRequiredBalanceOfWallet");function st(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(st,"getPriceImpactLevel");function Na(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Am(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Ir(s?s.toBlockchain:n.fromBlockchain,e),p=Ir(r.toBlockchain,e),u=Er(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),m=Er(a,o),c=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:m,inputAmount:c}}i(Na,"createRetryQuote");function rn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=It(o,t.requestAmount),l=It(n,t.result?.outputAmount??"");if(t.result&&a&&l){let m=Me(a.toString(),l.toString());if(!!m&&fa(a,m)){let h=tn(t.result.swaps,r),f=st(m);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:m,totalFee:h,warningLevel:f}}}else if(t.result&&(!a||!l))return{type:1};let p=on(t),u=s>ra;if(ya(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:ha(t,s),minRequiredSlippage:p};return null}i(rn,"generateQuoteWarnings");function Me(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:Ca(t.toString(),e.toString());return n&&n<0?n:null}i(Me,"getPriceImpact");var bm=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"),ht=bm;var It=i((t,e)=>t?.usdPrice?new yt(e||We).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),U=ht(Em()(Im(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new yt(0),outputUsdValue:new yt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=We;return no(o.inputAmount)?(e&&(n=e.result?.outputAmount?new yt(e.result?.outputAmount):null,r=wa(e.result?.outputAmount,Wa(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new yt(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:It(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 yt(0),outputUsdValue:new yt(0),quote:null},...!!o.fromToken&&{inputUsdValue:It(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=Na(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:It(a??null,u),outputUsdValue:new yt(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:It(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 Pa(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=U(),u=d().config,m=d().fetchStatus,c=d().blockchains(),h=d().tokens(),{setAffiliateRef:f,setAffiliatePercent:x,setAffiliateWallets:w}=d(),g=u?.from?.tokens,v=u?.from?.blockchains,k=u?.to?.tokens,T=u?.to?.blockchains,A=an(void 0),y=an(void 0),E=an(void 0),b=an(void 0);sn(()=>{t(u?.amount?.toString()||"")},[u?.amount]),La(()=>{if(m==="success"){let S=c.find(M=>M.name===u?.from?.blockchain),B=h.find(M=>Le(M,u?.from?.token||null));(S||!S&&E.current)&&n(S??null),B?r({token:B,meta:{blockchains:c,tokens:h}}):!B&&A.current&&r({token:null}),E.current=u?.from?.blockchain,A.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,m]),sn(()=>{ro(s,g)&&r({token:null}),vr(l,v)&&n(null)},[g,v]),sn(()=>{ro(a,k)&&r({token:null}),vr(p,T)&&o(null)},[k,T]),La(()=>{if(m==="success"){let S=c.find(M=>M.name===u?.to?.blockchain),B=h.find(M=>Le(M,u?.to?.token||null));(S||!S&&b.current)&&o(S??null),B?e({token:B,meta:{blockchains:c,tokens:h}}):!B&&y.current&&e({token:null}),b.current=u?.to?.blockchain,y.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,m]),sn(()=>{f(u?.affiliate?.ref??null),x(u?.affiliate?.percent??null),w(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}i(Pa,"useSyncStoresWithConfig");import{useEffect as Lm}from"react";import{create as Wm}from"zustand";import{subscribeWithSelector as Bm}from"zustand/middleware";var H=ht(Wm()(Bm((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:jo(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=>Go(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:m})=>({address:u,blockchain:m})),p=(await Ft().getWalletsDetails(a)).wallets;if(p)t(u=>{let m=u.connectedWallets.map(h=>{let f=o.find(w=>Go(w,h)),x=p.find(w=>w.address===h.address&&w.blockChain===h.chain);return x?.failed&&f&&r&&s([f],n,!1),f&&x?{...h,explorerUrl:x.explorerUrl,balances:qs(x,n),loading:!1}:h});return{loading:!1,balances:jo(m),connectedWallets:m}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(m=>o.find(c=>Go(c,m))?zs(m):m);return{loading:!1,balances:jo(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=Tr(o);return n[r]??null}}))));import{allProviders as Nm}from"@rango-dev/provider-all";function ln(t,e){let o=Nm({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(ln,"matchAndGenerateProviders");function Ma(t,e){return ln(t,e).map(r=>r.config.type)}i(Ma,"configWalletsToWalletName");function $a(t,e){let o=H.use.clearConnectedWallet(),n=ln(void 0,e);return Lm(()=>{o(),n=ln(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i($a,"useWalletProviders");var un=$m({onConnectWallet:()=>{}});function Fm(t){let{updateConfig:e,updateSettings:o,fetch:n}=d(),r=d().blockchains(),s=d().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=Dm([]),{providers:u}=$a(t.config.wallets,a),{connectWallet:m,disconnectWallet:c}=H(),h=_m();Pa(),Fr(()=>{n().catch(console.log)},[]),Fr(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let f=r.filter(Mm).map(w=>w.name),x=i((w,g,v,k,T)=>{if(g===Dr.ACCOUNTS)if(v){let A=zo(T.supportedBlockchains),y=Os(w,v,f,A,T.isContractWallet);p(y)}else c(w);if(g===Dr.ACCOUNTS&&k.connected){let A=`${w}-${k.network}-${v}`;k.connected&&(h.current?h.current(A):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(g===Dr.NETWORK&&k.network){let A=`${w}-${k.network}`;h.current?h.current(A):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(w,g,v,k,T)},"onUpdateState");return Fr(()=>{l.length&&m(l,s)},[l,s]),pn.createElement(un.Provider,{value:{onConnectWallet:w=>{h.current=w}}},pn.createElement(Pm,{allBlockChains:r,providers:u,onUpdateState:x,autoConnect:!0},t.children))}i(Fm,"Main");function cn(t){let{config:e,...o}=t;return pn.createElement(ua,{config:e},pn.createElement(Fm,{...o,config:e}))}i(cn,"WidgetWallets");import Ns from"react";import{I18nManager as CS}from"@rango-dev/ui";import Mo,{useContext as kS,useEffect as Hc,useState as Qc}from"react";import{useQueueManager as jm}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Xm}from"@rango-dev/wallets-react";import{isEvmBlockchain as Km}from"rango-types";import mn,{Fragment as Ym}from"react";import{MemoryRouter as Jm,useInRouterContext as Zm}from"react-router";import{useWallets as Um}from"@rango-dev/wallets-react";import{useEffect as qm,useRef as zm}from"react";function _a(){let{connect:t,state:e}=Um(),o=zm({}),{fetchStatus:n}=d(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);qm(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(_a,"useForceAutoConnect");import{useEffect as Or,useRef as Ur}from"react";import{createSearchParams as Hm,useLocation as Qm,useSearchParams as Vm}from"react-router-dom";var _={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{create as Gm}from"zustand";var Ae=ht(Gm()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));function Da(){let t=Ur(!0),[e,o]=Vm(),n=Qm(),r=Ur(n.search),s=Ur({}),a=U.use.fromBlockchain(),l=U.use.toBlockchain(),p=U.use.fromToken(),u=U.use.toToken(),m=U.use.setFromBlockchain(),c=U.use.setFromToken(),h=U.use.setToBlockchain(),f=U.use.setToToken(),x=U.use.inputAmount(),w=U.use.setInputAmount(),g=d().fetchStatus,v=d().blockchains(),k=d().tokens(),T=Ae.use.setSelectedSwap();return Or(()=>{let A={};Hm(r.current).forEach((E,b)=>{A[b]=E}),s.current=A;let y=n.pathname.split(_.swaps+"/")[1]||null;y&&T(y)},[]),Or(()=>{if(!t.current){let A="",y="",E="",b="",S="",B=s.current["autoConnect"];g!=="success"?(A=s.current["fromBlockchain"],y=s.current["fromToken"],E=s.current["toBlockchain"],b=s.current["toToken"],S=s.current["fromAmount"]||x):(A=a?.name||"",y=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),E=l?.name||"",b=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),S=x),o({...A&&{["fromBlockchain"]:A},...y&&{["fromToken"]:y},...E&&{["toBlockchain"]:E},...b&&{["toToken"]:b},...S&&{["fromAmount"]:S.toString()},...B&&{["autoConnect"]:B}},{replace:!0})}t.current=!1},[n.pathname,x,a,p,l,u]),Or(()=>{if(g==="success"){let A=e.get("fromBlockchain"),y=e.get("fromToken"),E=e.get("toBlockchain"),b=e.get("toToken"),S=e.get("fromAmount"),B=v.find($=>$.name===A),M=Pr(k,y,B||null),N=v.find($=>$.name===E),C=Pr(k,b,N||null);B&&(m(B),M&&c({token:M,meta:{blockchains:v,tokens:k}})),N&&(h(N),C&&f({token:C,meta:{blockchains:v,tokens:k}})),S&&w(S)}},[g]),null}i(Da,"UpdateUrl");function Fa({children:t,...e}){let o=Zm(),n=o?Ym:Jm,r=d().blockchains(),{canSwitchNetworkTo:s}=Xm();_a();let a=r.filter(Km);return jm({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),mn.createElement(mn.Fragment,null,mn.createElement(n,null,t),o&&mn.createElement(Da,null))}i(Fa,"AppRouter");import Ee from"react";import{useRoutes as dS}from"react-router-dom";import{i18n as On}from"@lingui/core";import{useManager as Cg}from"@rango-dev/queue-manager-react";import{Alert as Yp,Button as kg,css as bi,Divider as Tg,IconButton as Jp,SettingsIcon as wg,styled as Zp,Tooltip as xg,Typography as vg,WalletIcon as Ag}from"@rango-dev/ui";import ne,{useEffect as To,useLayoutEffect as bg,useRef as Eg,useState as Un}from"react";import{flushSync as Ig}from"react-dom";import{useNavigate as Wg}from"react-router-dom";import{i18n as Je}from"@lingui/core";import{Alert as si,BalanceErrors as Cf,Button as Ol,ChevronDownIcon as kf,ChevronLeftIcon as Tf,Divider as Vt,MessageBox as wf,Modal as Ul,Typography as Wn,WalletIcon as xf}from"@rango-dev/ui";import P,{useEffect as vf,useLayoutEffect as Af,useRef as bf,useState as Nt}from"react";import{useNavigate as Ef}from"react-router-dom";import{i18n as dn}from"@lingui/core";function fn(t){switch(t.type){case 0:return dn.t("Route has been updated.");case 3:return dn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return dn.t("Route swappers has been updated.");case 2:return dn.t("Route internal coins has been updated.");default:return""}}i(fn,"getQuoteUpdateWarningMessage");import*as Gt from"@radix-ui/react-collapsible";import{Button as ed,css as Oa,darkTheme as zt,IconButton as td,keyframes as Ua,styled as ge,TextField as od}from"@rango-dev/ui";var so=300,nd=Ua({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),rd=Ua({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),qa=ge("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),za=ge("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),id=ge("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${zt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${zt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${zt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Ga=ge(id,{alignSelf:"stretch",minHeight:"93px"}),Ha=ge(Gt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),Qa=ge("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Va=ge(td,{position:"absolute",left:"$20"}),ja=ge("div",{paddingTop:"$20"}),Xa=Oa({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ka=ge(Gt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Ya=ge(ed,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${zt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${zt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${zt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),Ja=ge("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),Za=Oa({paddingTop:"5px"}),Ra=ge("div",{transition:`all ${so}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),el=ge("div",{display:"flex"}),tl=ge(od,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),gn=ge(Gt.Content,{backgroundColor:"$neutral100",overflow:"hidden",variants:{open:{true:{animation:`${nd} ${so}ms ease-out`},false:{animation:`${rd} ${so}ms ease-out`}}}}),ol=ge("div",{overflow:"visible",width:"100%"});import{i18n as ze}from"@lingui/core";import{Button as hf,Divider as ri,Image as yf,MessageBox as In,Modal as Ml,SelectableWallet as Sf,Typography as $l,WalletState as _l}from"@rango-dev/ui";import oe,{useEffect as Dl,useState as po}from"react";import{WalletState as qr}from"@rango-dev/ui";import{useWallets as sd}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as ad,WalletTypes as hn}from"@rango-dev/wallets-shared";import{useEffect as ld,useState as pd}from"react";var ud=Object.values(hn);function yn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=sd(),{connectedWallets:u}=H(),m=d().blockchains(),c=Ma(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||ud,h=Fs(s,l,c,o),f=Qs(h),[x,w]=pd(""),g=i(y=>!u.find(E=>E.walletType===y&&E.chain===o),"isExperimentalChainNotAdded"),v=i(async y=>{let E=s(y);try{if(x&&w(""),E.connected)await a(y);else{let b=!!h.find(S=>S.state===qr.CONNECTED);if(!e?.multiWallets&&b)return;n?.(y),await p(y),r?.(y)}}catch(b){w("Error: "+b?.message)}},"handleClick"),k=i(()=>{let y=h?.filter(E=>E.state===qr.CONNECTING)||[];for(let E of y)a(E.type)},"disconnectConnectingWallets");ld(()=>()=>{k()},[]);let T=i(y=>y.filter(b=>b.state!=qr.NOT_INSTALLED&&![hn.DEFAULT,hn.WALLET_CONNECT_2].includes(b.type)&&l(b.type).supportedChains.filter(S=>S.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),A=i((y,E,b)=>Ho(b,E)&&g(y)&&!ad.includes(y)||y==hn.DEFAULT&&!T(h),"shouldExcludeWallet");return{list:f.filter(y=>!A(y.type,o??"",m)),error:x,handleClick:v}}i(yn,"useWalletList");import{i18n as El}from"@lingui/core";import{styled as Wl,Typography as lf,Wallet as pf,WalletState as uf}from"@rango-dev/ui";import Bt,{Fragment as cf,useState as Il}from"react";import{BottomLogo as Jd,Divider as Zd,Header as Rd}from"@rango-dev/ui";import he from"react";import{useNavigate as cd}from"react-router-dom";function St(){let t=cd();return()=>t(-1)}i(St,"useNavigateBack");import{createTheme as Qr,darkTheme as hd,lightTheme as yd}from"@rango-dev/ui";import{useEffect as il,useState as Sd}from"react";import{theme as fd,darkColors as gd}from"@rango-dev/ui";var nl=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"),Sn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:nl(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:nl(e,-((l-5)*25))});return a},"generateRangeColors"),zr=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=Sn(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,...Sn(s,a)}}return n?r:{}},"generateColors");var rl=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),md=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=rl(o%52)+e;return rl(o%52)+e},"toAlphabeticName"),dd=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Gr=i(t=>md(dd(5381,JSON.stringify(t))>>>0),"toHash");function Hr(t){let e=fd.colors,o=zr({...e,...gd},!0,t?.dark),n=zr(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:`${xr}-light-${Gr(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${xr}-dark-${Gr(p)}`,tokens:p}}return{light:a,dark:l}}i(Hr,"customizedThemeTokens");function Cn(t){let{colors:e,fontFamily:o=Js,borderRadius:n=Ks,secondaryBorderRadius:r=Ys,mode:s="auto"}=t,[a,l]=Sd("light"),{setTheme:p,theme:u}=d(),{dark:m,light:c}=Hr(e),h=Qr({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[h.className,yd.className],x=[h.className,hd.className];if(c){let g=Qr(c.id,c.tokens);f.push(g.className)}if(m){let g=Qr(m.id,m.tokens);x.push(g.className)}return il(()=>{let g=i(v=>{v.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",g),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",g)}},[]),il(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let g=f.join(" "),v=x.join(" ");return u==="auto"?a==="dark"?v:g:u==="dark"?v:g},"getActiveTheme")}}i(Cn,"useTheme");import{ChevronLeftIcon as Td}from"@rango-dev/ui";import pl from"react";import{darkTheme as Cd,IconButton as kd,styled as ao}from"@rango-dev/ui";var $e=ao(kd,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),sl=ao("div",{position:"absolute",background:"$secondary500",[`.${Cd} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Ht=ao("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),al=ao("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),ll=ao("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function Vr(t){return pl.createElement($e,{variant:"ghost",size:"small",onClick:t.onClick},pl.createElement(Td,{color:"black",size:16}))}i(Vr,"BackButton");import{i18n as wd}from"@lingui/core";import{Button as xd,Typography as vd}from"@rango-dev/ui";import jr from"react";function Xr(t){return jr.createElement(Ht,null,jr.createElement(xd,{variant:"ghost",onClick:t.onClick,size:"xsmall"},jr.createElement(vd,{variant:"label",size:"medium",color:"error500"},wd.t("Cancel"))))}i(Xr,"CancelButton");import{i18n as Ad}from"@lingui/core";import{Tooltip as bd,WalletIcon as Ed}from"@rango-dev/ui";import kn from"react";function Kr(t){return kn.createElement(bd,{container:t.container,side:"top",content:Ad.t("Connect Wallet")},kn.createElement($e,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&kn.createElement(sl,null),kn.createElement(Ed,{size:18,color:"black"})))}i(Kr,"WalletButton");import{i18n as vn}from"@lingui/core";import{NotificationsIcon as Vd,Popover as jd,SettingsIcon as Xd,Tooltip as An,TransactionIcon as Kd}from"@rango-dev/ui";import ce from"react";import{i18n as $d}from"@lingui/core";import{ChainToken as gl,ChevronRightIcon as _d,ListItemButton as Dd,Typography as Fd}from"@rango-dev/ui";import qe from"react";import{useNavigate as Od}from"react-router-dom";import{create as Id}from"zustand";import{persist as Wd,subscribeWithSelector as Bd}from"zustand/middleware";var _e=ht(Id()(Wd(Bd((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 Tn}from"@rango-dev/ui";var ul=Tn("div",{padding:"$10",width:"350px",minHeight:"150px"}),cl=Tn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),ml=Tn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),dl=Tn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Nd}from"@lingui/core";import{Divider as Ld,NoNotificationIcon as Pd,Typography as Md}from"@rango-dev/ui";import wn from"react";function fl(){return wn.createElement(dl,null,wn.createElement(Pd,{color:"secondary",size:26}),wn.createElement(Ld,{size:12}),wn.createElement(Md,{variant:"body",size:"medium",color:"neutral700"},Nd.t("You have no notification")))}i(fl,"NotificationNotFound");var Ud=4;function Yr(){let t=Od(),e=Ae.use.setSelectedSwap(),{getUnreadNotifications:o}=_e(),n=o(),r=d().blockchains(),s=d().tokens(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,Ud),l=i(p=>{e(p),t(`${_.swaps}/${p}`)},"handleOnClick");return qe.createElement(ul,null,a.length?qe.createElement(cl,null,a.map(p=>{let u=s.find(f=>f.address===p.route.from.tokenAddress&&f.blockchain===p.route.from.blockchain&&f.symbol===p.route.from.tokenSymbol),m=r.find(f=>f.name===p.route.from.blockchain),c=s.find(f=>f.address===p.route.to.tokenAddress&&f.blockchain===p.route.to.blockchain&&f.symbol===p.route.to.tokenSymbol),h=r.find(f=>f.name===p.route.to.blockchain);return qe.createElement(Dd,{key:p.requestId,onClick:()=>l(p.requestId),title:qe.createElement(Fd,{variant:"body",size:"small",color:"$neutral700"},$d.t(p.event.message)),id:p.requestId,start:qe.createElement(ml,null,qe.createElement("div",{className:"from-chain-token"},qe.createElement(gl,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),qe.createElement("div",{className:"to-chain-token"},qe.createElement(gl,{tokenImage:c?c.image:"",chainImage:h?h.logo:"",size:"small"}))),end:qe.createElement(_d,{size:12,color:"gray"})})})):qe.createElement(fl,null))}i(Yr,"NotificationContent");import{RefreshProgressButton as qd}from"@rango-dev/ui";import Jr,{useEffect as zd,useState as hl}from"react";var Gd=1e3,yl=60,Hd=100;function xn({onClick:t}){let[e,o]=hl(0),[n,r]=hl(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");zd(()=>{let p;return t?p=window.setInterval(()=>{o(u=>u+1),e===yl&&l()},Gd):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 Jr.createElement($e,{variant:"ghost",size:"small",onClick:l,disabled:!t},Jr.createElement(ll,{onTransitionEnd:()=>r(!1),isRefetched:n},Jr.createElement(qd,{size:24,color:t?"black":"gray",progress:e/yl*Hd})))}i(xn,"RefreshButton");import{Typography as Qd}from"@rango-dev/ui";import Sl from"react";function Cl(){let{getUnreadNotifications:t}=_e(),e=t().length;return e?Sl.createElement(al,null,Sl.createElement(Qd,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(Cl,"UnreadNotificationsBadge");function Zr(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r}=t,{config:{features:s}}=d(),a=Pe("notification",s);return ce.createElement(ce.Fragment,null,ce.createElement(An,{container:O(),side:"top",content:vn.t("Refresh")},ce.createElement(xn,{onClick:o})),!a&&ce.createElement(jd,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:O(),content:ce.createElement(Yr,null)},ce.createElement("div",null,ce.createElement(An,{container:O(),side:"top",content:vn.t("Notifications")},ce.createElement($e,{size:"small",variant:"ghost"},ce.createElement(Vd,{size:18,color:"black"}),ce.createElement(Cl,null))))),ce.createElement(An,{container:O(),side:"top",content:vn.t("Settings")},ce.createElement($e,{size:"small",variant:"ghost",onClick:r},ce.createElement(Xd,{size:18,color:"black"}))),ce.createElement(An,{container:O(),side:"top",content:vn.t("Transactions History")},ce.createElement($e,{size:"small",variant:"ghost",onClick:n},ce.createElement(Kd,{size:18,color:"black"}))))}i(Zr,"HomeButtons");import{darkTheme as Yd,styled as Rr}from"@rango-dev/ui";var kl=Rr("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",[`.${Yd} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"100vh"},false:{height:"auto !important"}}}}),Tl=Rr("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"}}}}),wl=Rr("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function ef(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:l=!0}=t,p=H.use.connectedWallets(),{config:{features:u,theme:m}}=d(),{activeTheme:c}=Cn(m||{}),h=Pe("connectWalletButton",u),f=Ae.use.connectWalletsButtonDisabled(),x=St(),w=i(()=>{!f&&n.onWallet&&n.onWallet()},"onConnectWallet"),g=typeof n.hasBackButton>"u"||n.hasBackButton;return he.createElement(kl,{ref:e,fixedHeight:l,id:Te,className:c()},he.createElement(Rd,{prefix:he.createElement(he.Fragment,null,g&&he.createElement(Vr,{onClick:x})),title:n.title,suffix:he.createElement(he.Fragment,null,n.suffix,n.onWallet&&!h&&he.createElement(Kr,{container:O(),onClick:w,isConnected:!!p?.length}),n.onCancel&&he.createElement(Xr,{onClick:n.onCancel}))}),he.createElement(Tl,{noPadding:s},o),(a||r)&&he.createElement(wl,null,he.createElement("div",{className:"footer__content"},r),a&&he.createElement("div",{className:"footer__logo"},he.createElement(Zd,{size:12}),he.createElement(Jd,null))))}i(ef,"LayoutComponent");var K=he.forwardRef(ef);K.displayName="Layout";import{Divider as sf,Modal as af}from"@rango-dev/ui";import ti from"react";import{i18n as Qt}from"@lingui/core";import{Image as nf,MessageBox as ei,WalletState as rf}from"@rango-dev/ui";import Wt from"react";import{keyframes as tf,styled as bn}from"@rango-dev/ui";var Lv=bn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),xl=bn("div",{position:"relative"}),of=tf({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),vl=bn("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}),Al=bn("div",{"& img":{borderRadius:"50%"}});function bl(t){let{state:e,image:o,error:n}=t;return e===rf.CONNECTED?Wt.createElement(ei,{type:"success",title:Qt.t("Wallet Connected"),description:Qt.t("Your wallet is connected, you can use it to swap.")}):n?Wt.createElement(ei,{type:"error",title:Qt.t("Failed to Connect"),description:n||Qt.t("Your wallet is not connected. Please try again.")}):Wt.createElement(ei,{type:"loading",title:Qt.t("Connecting to your wallet"),description:Qt.t("Click connect in your wallet popup."),icon:Wt.createElement(xl,null,Wt.createElement(Al,null,Wt.createElement(nf,{src:o,size:45})),Wt.createElement(vl,null))})}i(bl,"ModalContent");function lo(t){let{open:e,onClose:o,...n}=t;return ti.createElement(af,{open:e,onClose:o,container:document.getElementById(Te)||document.body},ti.createElement(bl,{...n}),ti.createElement(sf,{direction:"vertical",size:32}))}i(lo,"WalletModal");var mf=Wl("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),df=Wl("div",{textAlign:"center"}),En=3e3,oi=300;function Bl(){let{config:t,fetchStatus:e}=d(),[o,n]=Il(!1),[r,s]=Il(""),a=null,{list:l,handleClick:p,error:u}=yn({config:t,onBeforeConnect:f=>{a=setTimeout(()=>{n(!0),s(f)},oi)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},En)}}),m=l.find(f=>f.type===r),c=m?.image||"",h=m?.state||uf.NOT_INSTALLED;return Bt.createElement(K,{header:{title:El.t("Connect Wallets")}},Bt.createElement(df,null,Bt.createElement(lf,{variant:"title",size:"xmedium",align:"center"},El.t("Choose a wallet to connect.")),Bt.createElement(mf,null,l.map((f,x)=>{let w=`wallet-${x}-${f.type}`;return Bt.createElement(cf,{key:w},Bt.createElement(pf,{...f,container:O(),onClick:g=>{p(g)},isLoading:e==="loading"}))}),Bt.createElement(lo,{open:!!o,onClose:()=>n(!1),image:c,state:h,error:u}))))}i(Bl,"WalletsPage");import{keyframes as ff,styled as ni}from"@rango-dev/ui";var Nl=ni("div",{position:"relative"}),gf=ff({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Ll=ni("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${gf} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Pl=ni("div",{"& img":{borderRadius:"50%"}});function ii(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=d(),l=H.use.connectedWallets(),{blockchains:p}=d(),[u,m]=po(""),[c,h]=po(null),[f,x]=po(!1),[w,g]=po(null),{suggestAndConnect:v}=Fl(),k=null,{list:T,error:A,handleClick:y}=yn({config:a,chain:e,onBeforeConnect:C=>{k=setTimeout(()=>{m(C)},oi)},onConnect:()=>{k&&clearTimeout(k),setTimeout(()=>{m("")},En)}}),[E,b]=po(T),S=T.length,B=r&&S-r>0,M=i(async C=>{x(!1),g("in-progress");try{await v(C.walletType,C.chain),g("completed")}catch{g("rejected")}},"addExperimentalChain");Dl(()=>{b(C=>{let $=T.findIndex(L=>o(L.type,e));return B&&$>1?[T[$]].concat(T.filter((L,q)=>q!==$)):C.map(L=>T.find(q=>q.type===L.type)??L)})},[JSON.stringify(T)]);let N=document.getElementById(Te);return Dl(()=>{let C=null;return(w==="completed"||w==="rejected")&&(C=setTimeout(()=>g(null),En)),()=>{C&&clearTimeout(C)}},[w]),oe.createElement(oe.Fragment,null,E.slice(0,r).map(C=>{let $=Vs({connectedWallets:l,walletType:C.type,chain:e}),L=$?Vo($):"",q=Ho(p(),e),R=!l.find(Se=>Se.walletType===C.type&&Se.chain===e),ee=q&&R&&C.state===_l.CONNECTED,Q=ee?ze.t({id:"Add {chain} chain",values:{chain:e}}):L,re=i(()=>{C.state===_l.DISCONNECTED?y(C.type):ee?(h({walletType:C.type,chain:e,address:$??""}),x(!0)):n({walletType:C.type,chain:e,address:$??""})},"onClick"),ye=c?.chain?ca(c.chain,p()):void 0;return oe.createElement(oe.Fragment,null,oe.createElement(lo,{open:u===C.type,onClose:()=>m(""),image:C.image,state:C.state,error:A}),!!c&&oe.createElement(Ml,{open:!!c&&f,container:N,onClose:()=>{h(null)}},oe.createElement(In,{title:ze.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ye}}),type:"warning",description:ze.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ye}})},oe.createElement(ri,{size:18}),oe.createElement(ri,{size:32}),oe.createElement(hf,{onClick:M.bind(null,c),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},ze.t("Confirm")))),w&&oe.createElement(Ml,{open:!!w,onClose:g.bind(null,null),container:N},w==="in-progress"&&oe.createElement(In,{type:"loading",title:ze.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ye}}),description:ze.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ye}}),icon:oe.createElement(Nl,null,oe.createElement(Pl,null,oe.createElement(yf,{src:C.image,size:45})),oe.createElement(Ll,null))}),w==="completed"&&oe.createElement(In,{type:"success",title:ze.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:ye}}),description:ze.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:ye}})}),w==="rejected"&&oe.createElement(In,{type:"error",title:ze.t("Request Rejected"),description:ze.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:ye}})}),oe.createElement(ri,{direction:"vertical",size:32})),oe.createElement(Sf,{key:C.type,description:Q,onClick:re,selected:o(C.type,e),...C}))}),B&&oe.createElement(Ga,{selected:!1,onClick:s},oe.createElement($l,{variant:"label",size:"medium"},ze.t("Show more wallets"),oe.createElement($l,{variant:"label",size:"medium",color:"$primary"},"\xA0+",S-(r??0)))))}i(ii,"WalletList");var If=2;function ql(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=d().config,l=d().blockchains(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:m,setQuoteWalletConfirmed:c,customDestination:h,setCustomDestination:f}=U(),{connectedWallets:x,selectWallets:w}=H(),[g,v]=Nt(""),[k,T]=Nt([]),[A,y]=Nt(""),[E,b]=Nt(null),[S,B]=Nt(h),[M,N]=Nt(!!h),C=bf(null),$=Jo(p),L=l.find(F=>F.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),q=i(F=>!!p?.result?.swaps.find(z=>z.from.blockchain===F),"isWalletRequiredFor"),[R,ee]=Nt(x.filter(F=>F.selected&&$.includes(F.chain))),Q=l.find(F=>F.name===L?.name),re=i((F,z)=>!!R.find(X=>X.walletType===F&&X.chain===z&&X.selected&&(q(z)||!q(z)&&!S)),"isSelected"),ye=!!S&&M&&Q&&!Zo(Q,S),Se=i(()=>{N(!1),B(""),ee(F=>{let z=!1;return F.map(X=>!z&&X.chain===L?.name?(z=!0,{...X,selected:!0}):X)})},"resetCustomDestination"),Ce=i(F=>{if(g&&v(""),re(F.walletType,F.chain))return;let X=x.find(Ie=>Ie.walletType===F.walletType&&Ie.chain===F.chain);X&&(n(),F.chain===L?.name&&M&&(N(!1),B("")),ee(Ie=>Ie.filter(ue=>ue.chain!==F.chain).concat({...X,selected:!0})))},"onChange"),_t=i(()=>{let F=R.filter(z=>z.selected);w(F),u(F),f(S),c(!0),o()},"onConfirmBalance"),oo=i(async()=>{T([]),y(""),b(null);let F=x.filter(Ie=>R.find(ue=>ue.chain===Ie.chain&&ue.walletType===Ie.walletType)),z=await r?.({selectedWallets:F,customDestination:S}),X=z.warnings;X?.balance?.messages&&T(X.balance.messages),X?.quoteUpdate&&b(X.quoteUpdate),z.error&&y(da(z.error)),!z.error&&(!X?.balance?.messages.length||0>0)?_t():T(X?.balance?.messages??[])},"onConfirmWallets");vf(()=>{ee(F=>F.concat(x.filter(z=>!!!F.find(Ie=>Ie.chain===z.chain)&&z.selected&&$.includes(z.chain))))},[x.length]),Af(()=>{M&&C.current&&setTimeout(()=>{C?.current?.scrollIntoView({behavior:"smooth"})},so)},[M]);let dt=document.getElementById(Te),At=Ef();return P.createElement(Ul,{open:e,onClose:()=>{m||At("../",{replace:!0}),o()},dismissible:!g,container:dt,...!g&&{footer:P.createElement(el,null,P.createElement(Ol,{loading:s,disabled:ba(s,M,S,p,R,L),onClick:oo,variant:"contained",type:"primary",fullWidth:!0,size:"large"},Je.t("Confirm")))},...g&&{containerStyle:{padding:"$0"},header:P.createElement(Qa,null,P.createElement(Va,{variant:"ghost",onClick:v.bind(null,"")},P.createElement(Tf,{size:16})),P.createElement(Wn,{variant:"headline",size:"small"},Je.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ye(g,l)}})))},anchor:"center"},P.createElement(Ul,{open:k.length>0,onClose:T.bind(null,[]),container:dt},P.createElement(wf,{title:Je.t("Insufficient account balance"),type:"error",description:P.createElement(Cf,{messages:k??[]})},P.createElement(Ol,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:_t},Je.t("Proceed anyway")))),g&&P.createElement(ja,null,P.createElement("div",{className:Xa()},P.createElement(ii,{chain:g,isSelected:re,selectWallet:Ce,onShowMore:v.bind(null,g)}))),!g&&P.createElement(P.Fragment,null,A&&P.createElement(P.Fragment,null,P.createElement(si,{variant:"alarm",type:"error",title:Je.t(A)}),P.createElement(Vt,{size:12})),E&&P.createElement(P.Fragment,null,P.createElement(si,{variant:"alarm",type:"warning",title:fn(E)}),P.createElement(Vt,{size:12})),P.createElement(ol,null,$.map((F,z)=>{let X=l.find(de=>de.name===F),Ie=`wallet-${z}`,ue=z===$.length-1;return P.createElement("div",{key:Ie},P.createElement(qa,null,P.createElement(Wn,{variant:"title",size:"xmedium"},Je.t({id:"Your {blockchainName} wallets",values:{blockchainName:X?.shortName}})),P.createElement(Wn,{variant:"label",color:"$neutral700",size:"medium"},Je.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:X?.shortName}}))),P.createElement(Vt,{size:24}),P.createElement(za,null,P.createElement(ii,{chain:F,isSelected:re,selectWallet:Ce,limit:If,onShowMore:()=>v(X?.name??"")})),!ue&&P.createElement(Vt,{size:32}),ue&&a?.customDestination&&P.createElement(Ja,null,P.createElement(Ka,{ref:C,selected:M,open:M,onOpenChange:de=>{de?q(L?.name??"")||ee(_o=>_o.map(it=>it.chain===L?.name?{...it,selected:!1}:it)):Se()}},P.createElement(Ha,{onClick:()=>N(de=>!de)},P.createElement(Ya,{fullWidth:!0,variant:"default",suffix:P.createElement(Ra,{orientation:M?"up":"down"},P.createElement(kf,{size:10,color:"gray"}))},P.createElement("div",{className:"button__content"},P.createElement(xf,{size:18,color:"info"}),P.createElement(Vt,{size:4,direction:"horizontal"}),P.createElement(Wn,{variant:"label",size:"medium"},Je.t("Send to a different address"))))),P.createElement(gn,{open:M},P.createElement(P.Fragment,null,P.createElement(Vt,{size:4}),P.createElement(tl,{autoFocus:!0,placeholder:Je.t("Your destination address"),value:S,onChange:de=>{B(de.target.value)}})))),ye&&P.createElement("div",{className:Za()},P.createElement(si,{variant:"alarm",type:"error",title:Je.t({values:{destination:S},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(ql,"ConfirmWalletsModal");import{Divider as fg}from"@rango-dev/ui";import De from"react";import{i18n as di}from"@lingui/core";import{Alert as Lf,ChevronDownIcon as Pf,ChevronRightIcon as Mf,Divider as fi,Image as ap,InfoIcon as $f,QuoteCost as _f,StepDetails as Df,TokenAmount as Ff,Tooltip as Ln,Typography as mo}from"@rango-dev/ui";import lp from"bignumber.js";import W,{useLayoutEffect as Of,useRef as pp,useState as Uf}from"react";import{styled as uo}from"@rango-dev/ui";var zl=uo("div",{paddingBottom:"$10"}),ai=uo("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Gl=uo("div",{variants:{paddingTop:{true:{paddingTop:"$10"}}}}),Hl=uo("div",{paddingBottom:"$15"}),Ql=uo("div",{width:"100%",display:"flex"});import*as Bn from"@radix-ui/react-collapsible";import{css as li,darkTheme as Ze,Image as Vl,styled as Ge,Typography as Wf}from"@rango-dev/ui";var pi=300,jl=Ge(Bn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${Ze} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ze} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}}}),Xl=li({padding:"$10 $15"}),Kl=Ge("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",[`.${Ze} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${Ze} &`]:{$$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",[`.${Ze} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${Ze} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}]}),Yl=li({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),Jl=li({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Ze} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Zl=Ge(Bn.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:{[`& ${Vl}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Vl}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${Ze} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Ze} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& div:nth-child(1)":{display:"flex"}}),ui=Ge("div",{width:"18px",height:"18px",borderRadius:"100%",border:"1.5px transparent solid",display:"flex",justifyContent:"center",alignItems:"center",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),Rl=Ge(gn,{width:"100%",background:"inherit"}),ci=Ge("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${pi}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),GA=Ge("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),ep=Ge("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ze} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),tp=Ge("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),mi=Ge(Wf,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),op=Ge("div",{display:"flex",flexWrap:"wrap"});import{i18n as ip}from"@lingui/core";import{TokenAmount as sp}from"@rango-dev/ui";import Nn from"react";import{css as Bf,styled as Nf}from"@rango-dev/ui";var np=Nf("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),rp=Bf({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function co(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Nn.createElement(np,null,Nn.createElement(sp,{direction:"horizontal",label:ip.t("Swap input"),type:"input",tooltipContainer:O(),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}}),Nn.createElement("div",{className:rp()}),Nn.createElement(sp,{direction:"horizontal",tooltipContainer:O(),label:ip.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(co,"QuoteSummary");function gi(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=d().tokens(),u=d().blockchains(),m=d().swappers(),[c,h]=Uf(t.expanded),f=pp(null),x=pp(c),w=I(tn(e.result?.swaps??[],p),2,2),g=Fo(Oo(e.result?.swaps)),v=I(o.value,6,6),k=I(n.value,6,6),T=n.usdValue?I(n.usdValue,4,4):"",A=Me(o.usdValue,n.usdValue??null),y=I(A,2,2),E=st(A??0),S=i(N=>N.map((C,$)=>{let L,q=r?.type===3&&r.swap.swapperId===C.swapperId||r?.type===4&&r.recommendedSlippages?.has($),R=s?.type===2&&s.recommendedSlippages?.has($);return q?L="error":R&&(L="warning"),{swapper:{displayName:ma(C.swapperId,m),image:C.swapperLogo},from:{token:{displayName:C.from.symbol,image:C.from.logo},chain:{displayName:Ye(C.from.blockchain,u),image:C.from.blockchainLogo},price:{value:$===0?I(o.value,6,6):I(C.fromAmount,6,6),usdValue:I((C.from.usdPrice??0)*parseFloat(C.fromAmount),4,4),realValue:ie($===0?o.value:C.fromAmount),realUsdValue:ie(new lp(C.from.usdPrice??0).multipliedBy(C.fromAmount))}},to:{token:{displayName:C.to.symbol,image:C.to.logo},chain:{displayName:Ye(C.to.blockchain,u),image:C.to.blockchainLogo},price:{value:I(C.toAmount,6,6),usdValue:I((C.to.usdPrice??0)*parseFloat(C.toAmount),4,4),realValue:ie(C.toAmount),realUsdValue:ie(new lp(C.to.usdPrice??0).multipliedBy(C.toAmount))}},state:L,alerts:q||R?W.createElement(Hl,null,W.createElement(Lf,{type:q?"error":"warning",title:r?.type===3?r?.recommendation:di.t("Slippage Error:"),footer:W.createElement(Ql,null,r?.type===3&&W.createElement(W.Fragment,null,W.createElement(mo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),W.createElement(fi,{direction:"horizontal",size:8}),W.createElement(mo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),W.createElement(fi,{direction:"horizontal",size:8}),W.createElement(mo,{size:"xsmall",variant:"body",color:"neutral900"},di.t({id:"Yours: {amount} {symbol}",values:{amount:I(C.fromAmount,6,6),symbol:C?.from.symbol}}))),(r?.type===4||s?.type===2)&&W.createElement(mo,{size:"xsmall",variant:"body",color:"neutral900"},di.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get($)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get($)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),B=S.length,M=O();return Of(()=>{c&&!x.current&&f.current&&setTimeout(()=>{f?.current?.scrollIntoView({behavior:"smooth"})},pi),x.current=c},[c,x]),W.createElement(W.Fragment,null,W.createElement(Kl,{recommended:l,listItem:a==="list-item",basic:a==="basic"},W.createElement("div",{className:Yl()},W.createElement(_f,{fee:w,time:g,steps:B}),a==="basic"&&W.createElement("div",{className:Jl()},W.createElement(tp,null,W.createElement($f,{size:12,color:"gray"})),W.createElement(op,null,W.createElement(mi,{size:"small",variant:"body"},`${v} ${S[0].from.token.displayName} = `),W.createElement(Ln,{content:ie(n.value),container:M,open:n.value?void 0:!1},W.createElement(mi,{size:"small",variant:"body"},"\xA0",`${k} ${S[S.length-1].to.token.displayName}`))),W.createElement(Ln,{content:ie(n.usdValue),container:M,style:{display:"flex"}},W.createElement(mo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${T})`))),a==="list-item"&&W.createElement(Ff,{type:"output",direction:"vertical",tooltipContainer:M,price:{value:k,usdValue:T,realValue:ie(n.value),realUsdValue:ie(n.usdValue)},token:{displayName:S[B-1].to.token.displayName,image:S[B-1].to.token.image},chain:{image:S[B-1].to.chain.image},percentageChange:y,warningLevel:E}),a==="swap-preview"&&W.createElement(W.Fragment,null,W.createElement(co,{from:S[0].from,to:S[B-1].to,percentageChange:y,warningLevel:E}),W.createElement(fi,{size:4}))),W.createElement(jl,{recommended:l,open:c,onOpenChange:h},W.createElement(Zl,{ref:N=>f.current=N,recommended:l,onClick:()=>h(N=>!N)},W.createElement("div",null,S.map((N,C)=>{let $=`item-${C}`,L=W.createElement(ci,null,W.createElement(Mf,{size:12,color:"black",...N.state&&{color:N.state==="error"?"error":"warning"}}));return W.createElement(W.Fragment,{key:$},W.createElement(Ln,{container:M,side:"bottom",sideOffset:4,content:N.from.chain.displayName},W.createElement(ui,{state:N.state||S[C-1]?.state},W.createElement(ap,{src:N.from.chain.image,size:16}))),C===B-1&&W.createElement(W.Fragment,null,L,W.createElement(Ln,{container:M,side:"bottom",sideOffset:4,content:N.to.chain.displayName},W.createElement(ui,{state:N.state},W.createElement(ap,{src:N.to.chain.image,size:16})))),C!==B-1&&W.createElement(W.Fragment,null,L))})),W.createElement(ci,{orientation:c?"up":"down"},W.createElement(Pf,{size:12,color:"black"}))),W.createElement(Rl,{open:c},W.createElement(ep,null),W.createElement("div",{className:Xl()},S.map((N,C)=>{let $=`item-${C}`;return W.createElement(Df,{type:"quote-details",key:$,step:N,hasSeparator:C!==S.length-1,state:N.state,tooltipContainer:M})}))))))}i(gi,"Quote");import{Divider as Gf,Skeleton as Hf}from"@rango-dev/ui";import at from"react";import{darkTheme as qf,styled as Pn}from"@rango-dev/ui";var up=Pn("div",{$$color:"$colors$neutral100",[`.${qf} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),cp=Pn("div",{paddingTop:"$2"}),mp=Pn("div",{paddingLeft:"$8"}),dp=Pn("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as vp,Divider as Lt,Skeleton as et}from"@rango-dev/ui";import G from"react";import{styled as Re}from"@rango-dev/ui";var fp=Re("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),gp=Re("div",{display:"flex"}),hp=Re("div",{padding:"$15 $0 14px $0"}),yp=Re("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),Sp=Re("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),Cp=Re("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),kp=Re("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Tp=Re("div",{width:"65%",display:"flex",justifyContent:"start"}),wp=Re("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),xp=Re("div",{padding:"$15 $0 $15 $0"});function ho(t){let{type:e,tag:o=!1}=t,n=G.createElement(Cp,null,G.createElement(Tp,null,G.createElement(vp,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),G.createElement(Lt,{size:8,direction:"horizontal"}),G.createElement(wp,null,G.createElement(et,{height:10,width:60,variant:"rounded"}),G.createElement(Lt,{size:4}),G.createElement(et,{height:15,variant:"rounded"}))),G.createElement(et,{height:12,width:64,variant:"rounded"}));return G.createElement("div",null,G.createElement(fp,null,G.createElement(gp,null,G.createElement(et,{width:60,height:10,variant:"rounded"}),G.createElement(Lt,{size:4,direction:"horizontal"}),G.createElement(et,{width:60,height:10,variant:"rounded"}),G.createElement(Lt,{size:4,direction:"horizontal"}),G.createElement(et,{width:60,height:10,variant:"rounded"})),o&&G.createElement(et,{height:22,width:100,variant:"rounded"})),e==="basic"&&G.createElement(hp,null,G.createElement(et,{height:15,width:148,variant:"rounded"})),e==="list-item"&&G.createElement(yp,null,G.createElement(Sp,null,G.createElement(vp,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),G.createElement(Lt,{direction:"horizontal",size:4}),G.createElement(et,{height:15,width:150,variant:"rounded"})),G.createElement(Lt,{size:4}),G.createElement(et,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&G.createElement(G.Fragment,null,G.createElement(Lt,{size:4}),G.createElement(xp,null,n,G.createElement(kp,null),n)))}i(ho,"QuoteSummarySkeleton");import{ChainToken as Wp,Divider as yi,NextIcon as zf,Skeleton as Mn}from"@rango-dev/ui";import ae from"react";import{styled as yo}from"@rango-dev/ui";var Ap=yo("div",{display:"flex",alignItems:"start"}),bp=yo("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),hi=yo("div",{display:"flex",alignItems:"center",flexGrow:1}),Ep=yo("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Ip=yo("div",{display:"flex",alignItems:"center"});function tt(t){let{separator:e=!0}=t;return ae.createElement(ae.Fragment,null,ae.createElement(Ip,null,ae.createElement(Mn,{height:22,width:22,variant:"circular"}),ae.createElement(yi,{direction:"horizontal",size:8}),ae.createElement(Mn,{height:15,width:148,variant:"rounded"})),ae.createElement(Ap,null,ae.createElement(dp,{hideSeparator:!e}),ae.createElement(bp,null,ae.createElement(hi,null,ae.createElement(Wp,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(yi,{direction:"horizontal",size:8}),ae.createElement(Mn,{height:12,variant:"rounded"})),ae.createElement(Ep,null,ae.createElement(zf,{color:"gray",size:16})),ae.createElement(hi,null,ae.createElement(Wp,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ae.createElement(yi,{direction:"horizontal",size:8}),ae.createElement(Mn,{height:12,variant:"rounded"})))))}i(tt,"StepSkeleton");function Si(t){let{type:e,expanded:o,tag:n=!1}=t;return at.createElement(up,{rounded:e!=="basic"},at.createElement(ho,{type:e,tag:n}),at.createElement(cp,null,at.createElement(Hf,{height:15,variant:"rounded"})),o&&at.createElement(mp,null,at.createElement(Gf,{size:20}),at.createElement(tt,null),at.createElement(tt,null),at.createElement(tt,{separator:!1})))}i(Si,"QuoteSkeleton");import{i18n as ug}from"@lingui/core";import{Alert as cg,Button as mg,InfoIcon as dg}from"@rango-dev/ui";import Be from"react";import{Alert as Qf,Button as Vf,Divider as $p,NoRouteIcon as jf,RefreshIcon as Xf,Typography as _p}from"@rango-dev/ui";import He from"react";import{i18n as Bp}from"@lingui/core";function Np(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:V().genericServerError,action:{onClick:n,title:Bp.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:V().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Bp.t("Reset")}},description:V().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:V().noResultError.description}}i(Np,"makeInfo");import{styled as Ci}from"@rango-dev/ui";var Lp=Ci("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Pp=Ci("div",{width:"100%"}),Mp=Ci("div",{padding:"$6 $0"});function ki(t){let{fetch:e,error:o}=t,n=d().disabledLiquiditySources,r=d().toggleAllLiquiditySources,s=d().swappers(),a=Np(o,n,()=>r(s,!0),e);return He.createElement(Lp,null,He.createElement(jf,{size:24,color:"gray"}),He.createElement($p,{size:4}),He.createElement(_p,{variant:"title",size:"small"},V().noResultError.title),!!a.description&&He.createElement(_p,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),He.createElement($p,{size:4}),!!a.alert&&He.createElement(Pp,null,He.createElement(Qf,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&He.createElement(Vf,{size:"xsmall",type:a.alert.type,prefix:He.createElement(Mp,null,He.createElement(Xf,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(ki,"NoResult");import{i18n as So}from"@lingui/core";import{Button as Yf,Divider as zp,MessageBox as Jf,Modal as Zf,Typography as Rf,WarningIcon as eg}from"@rango-dev/ui";import ot from"react";import{Typography as Up}from"@rango-dev/ui";import wi from"react";import{darkTheme as Kf,styled as $n}from"@rango-dev/ui";var Dp=$n("div",{width:"100%",paddingTop:"$10"}),Ti=$n("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Fp=$n("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Kf} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Op=$n("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function qp(t){let{title:e,value:o,valueColor:n}=t;return wi.createElement(Fp,null,wi.createElement(Up,{size:"medium",variant:"label",className:"_title"},e),wi.createElement(Up,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(qp,"QuoteErrorsModalItem");function Gp(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,s=r.warningLevel==="high"?"error":"warning",a=[{title:So.t("Swapping"),value:I(r.inputUsdValue,4,4)},{title:So.t("Gas cost"),value:I(r.totalFee,2,2)},{title:So.t("Receiving"),value:I(r.outputUsdValue,4,4)},{title:So.t("Price impact"),value:I(r.priceImpact,2,2),valueColor:`${s}500`}];return ot.createElement(Zf,{open:e,onClose:o,container:O()},ot.createElement(Jf,{type:s,title:V().highValueLossError.impactTitle,description:V().highValueLossError.description}),ot.createElement(Ti,null,ot.createElement(zp,{size:20}),ot.createElement(Rf,{size:"small",variant:"title"},So.t("Details")),ot.createElement(Ti,null,a.map((l,p)=>ot.createElement(qp,{key:p,...l})))),ot.createElement(zp,{size:32}),ot.createElement(Yf,{type:"primary",size:"large",prefix:ot.createElement(eg,null),fullWidth:!0,onClick:n},V().highValueLossError.confirmMessage))}i(Gp,"HighValueLossWarningModal");import{i18n as xi}from"@lingui/core";function Hp(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(st(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=V().highValueLossError.title),t.type===1&&(o.title=V().unknownPriceError.title),t.type===2&&(o.title=xi.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=xi.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=xi.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(Hp,"makeAlerts");import{i18n as jt}from"@lingui/core";import{Button as Qp,Divider as Vp,MessageBox as tg,Modal as og,Typography as ng}from"@rango-dev/ui";import Pt from"react";import{useNavigate as rg}from"react-router-dom";function jp(t){let{customSlippage:e,slippage:o}=d(),{open:n,onClose:r,onConfirm:s,warning:a}=t,l=rg(),p=e??o;return Pt.createElement(og,{anchor:"bottom",open:n,prefix:Pt.createElement(Qp,{size:"small",variant:"ghost",onClick:()=>l("../"+_.settings)},Pt.createElement(ng,{variant:"label",size:"medium",color:"$neutral900"},jt.t("Change settings"))),container:O(),onClose:r},Pt.createElement(tg,{type:"warning",title:a.type===3?jt.t("High slippage"):jt.t("Low slippage"),description:a.type===3?jt.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):jt.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Pt.createElement(Vp,{size:18}),Pt.createElement(Vp,{size:32}),Pt.createElement(Qp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:s},jt.t("Confirm anyway"))))}i(jp,"SlippageWarningModal");import{Button as ig,Divider as sg,MessageBox as ag,Modal as lg,WarningIcon as pg}from"@rango-dev/ui";import Co from"react";function Xp(t){let{open:e,onClose:o,onConfirm:n}=t;return Co.createElement(lg,{open:e,onClose:o,container:O()},Co.createElement(ag,{type:"warning",title:V().unknownPriceError.impactTitle,description:V().unknownPriceError.description}),Co.createElement(sg,{size:32}),Co.createElement(ig,{type:"primary",size:"large",prefix:Co.createElement(pg,null),fullWidth:!0,onClick:n},V().unknownPriceError.confirmMessage))}i(Xp,"UnknownPriceWarningModal");function vi(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=Hp(e,o?.type===3||o?.type===4?o:null);return Be.createElement(Be.Fragment,null,m&&Be.createElement(ki,{error:o,fetch:n}),!!c&&Be.createElement(Dp,null,Be.createElement(cg,{title:c.title,type:c.alertType,variant:"alarm",...c.action==="show-info"&&{action:Be.createElement(Op,{onClick:s},Be.createElement(dg,{size:12,color:"gray"}))},...c.action==="change-settings"&&{action:Be.createElement(mg,{size:"xxsmall",type:c.alertType,onClick:p},ug.t("Change"))}})),e&&Be.createElement(Be.Fragment,null,e.type===0&&Be.createElement(Gp,{...u,warning:e}),(e.type===3||e.type===2)&&Be.createElement(jp,{...u,warning:e}),e.type===1&&Be.createElement(Xp,{...u,warning:e})))}i(vi,"QuoteWarningsAndErrors");function ko(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:h=!1,alertPosition:f="bottom"}=t,{inputAmount:x,inputUsdValue:w,outputUsdValue:g,outputAmount:v}=U(),T=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n,A=(s||r)&&De.createElement(vi,{warning:s,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m,onChangeSettings:c});return De.createElement(De.Fragment,null,n&&De.createElement(ai,null,De.createElement(Gl,{paddingTop:f==="top"},De.createElement(Si,{type:o,expanded:h}))),f==="top"&&De.createElement(zl,null,A),T?De.createElement(ai,null,De.createElement(gi,{quote:e,error:r,warning:s,type:o,expanded:h,recommended:!0,input:{value:x,usdValue:w?.toString()??""},output:{value:v?.toString()??"",usdValue:g?.toString()??""}})):null,f==="bottom"&&De.createElement(De.Fragment,null,!s&&!r&&De.createElement(fg,{size:16}),A))}i(ko,"QuoteInfo");import{calculatePendingSwap as yg}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Sg}from"react";import{useRef as gg,useState as hg}from"react";function _n(){let[t,e]=hg(!1),o=gg(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Ft().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(_n,"useFetchQuote");function Dn(t){if(!t.result)throw new Error(V().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Wr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Br(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=Lr(t);if(o){let n=on(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(Dn,"throwErrorIfResponseIsNotValid");function Kp(t,e,o){let n=!1;t&&(n=Ba(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=rn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(ka(t,e)?r.quoteUpdate={type:3,newOutputAmount:I(qt(e)),percentageChange:I(Me(qt(t)??"",qt(e)??""),null,2)}:Mr(t,e)?r.quoteUpdate={type:0}:$r(t,e)?r.quoteUpdate={type:1}:_r(t,e)&&(r.quoteUpdate={type:2}));let a=Ta(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Kp,"generateWarnings");function Fn(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(Fn,"handleQuoteErrors");function Ai(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=U(),{slippage:l,customSlippage:p,affiliatePercent:u,affiliateRef:m,affiliateWallets:c,disabledLiquiditySources:h}=d(),{connectedWallets:f}=H(),x=d().blockchains(),w=d().tokens(),{features:g}=d().config,{enableNewLiquiditySources:v}=d().config,k=p||l,{fetch:T,cancelFetch:A,loading:y}=_n();return Sg(()=>A,[]),{loading:y,fetch:i(async b=>{let S=b.selectedWallets,B=b?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let M=nn({fromToken:t,toToken:e,inputAmount:o,wallets:f,selectedWallets:S,excludeLiquiditySources:v,disabledLiquiditySources:h,slippage:k,affiliateRef:m,affiliatePercent:u,affiliateWallets:c,initialQuote:r??void 0,destination:B});Yo("experimentalRoute",g)&&(M.experimental=!0);let N;try{N=await T(M).then(q=>Dn(q)),n(N)}catch(q){return Fn(q)}let C={slippage:k.toString(),disabledSwappersGroups:h},$=yg(o.toString(),N,Sa(S),C,!1,{blockchains:x,tokens:w}),L=Kp(r??void 0,N,{fromToken:t,toToken:e,meta:{blockchains:x,tokens:w},selectedWallets:S,userSlippage:k});return L.quoteUpdate&&a(!1),{quote:N,swap:$,error:null,warnings:L}},"fetch"),cancelFetch:A}}i(Ai,"useConfirmSwap");var Bg=Zp("div",{position:"relative",width:"100%","& .quote-update__alert":{paddingTop:"$10"}}),Ng=Zp("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Jp}`]:{width:"$48",height:"$48"}}),Lg=bi({flexGrow:1,paddingRight:"$10"}),Pg=bi({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),Mg=bi({display:"flex",justifyContent:"space-between",alignItems:"center"});function Rp(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=U(),l=Wg(),[p,u]=Un(""),{connectedWallets:m}=H(),c=!n,[h,f]=Un(!1),x=Ae.use.setSelectedSwap(),w=d().disabledLiquiditySources,g=Eg(w),{manager:v}=Cg(),{fetch:k,loading:T,cancelFetch:A}=Ai(),[y,E]=Un({swap:null,error:null,warnings:null}),[b,S]=Un(!1),B=i(async({selectedWallets:L,customDestination:q})=>{let R=await k?.({selectedWallets:L,customDestination:q});return E(R),R},"onConfirmSwap"),M=i(async()=>{if(y.swap&&n)try{await v?.create("swap",{swapDetails:y.swap},{id:y.swap.requestId}),x(y.swap.requestId);let L=`../${_.swaps}/${y.swap.requestId}`;l(L,{replace:!0}),setTimeout(()=>{e("")},0)}catch(L){u("Error: "+L?.message)}},"addNewSwap"),N=i(async()=>{await M()},"onConfirm"),C=i(async()=>{y?.warnings?.quote&&!a?S(!0):await N()},"onStartConfirmSwap"),$=i(async()=>{E({error:null,swap:null,warnings:null}),k({selectedWallets:o,customDestination:s}).then(L=>{E(L)}).catch(L=>console.error(L))},"onRefresh");return To(()=>{!!g.current.length&&!w.length&&$(),g.current=w},[w.length]),To(()=>{c&&A()},[c]),To(()=>{c&&f(c)},[c]),To(()=>{c||k({selectedWallets:o,customDestination:s}).then(L=>E(L)).catch(L=>console.error(L))},[]),To(()=>{let L=y.warnings?.quote?.type&&Object.values(ft).includes(y.warnings?.quote?.type),q=o.length<1||!o.every(ee=>m.find(Q=>ee.address===Q.address&&ee.walletType===Q.walletType&&ee.chain===Q.chain)),R=!1;if(L){let ee=Jo(t),Q=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(Se=>Se.from.blockchain===Q)||(ee=ee.slice(-ee.length,ee.length-1)),ee.every(Se=>o.find(Ce=>Ce.chain===Se))||(R=!0)}t&&(q||R)&&(queueMicrotask(()=>Ig(f.bind(null,!0))),r(!1))},[y.warnings?.quote,o.length,m.length]),bg(()=>{t||l("../")},[]),ne.createElement(K,{header:{title:On.t("Confirm Swap"),onWallet:()=>{let L=`../${_.wallets}`;l(L)},suffix:ne.createElement(xg,{container:O(),side:"bottom",content:On.t("Settings")},ne.createElement($e,{size:"small",variant:"ghost",onClick:()=>l("../"+_.settings)},ne.createElement(wg,{size:18,color:"black"})))},footer:ne.createElement(Ng,null,ne.createElement("div",{className:Lg()},ne.createElement(kg,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:T,disabled:!!y.error,onClick:C},On.t("Start Swap"))),ne.createElement(Jp,{variant:"contained",type:"primary",size:"large",loading:T,onClick:f.bind(null,!0)},ne.createElement(Ag,{size:24})))},h&&ne.createElement(ql,{open:h,onClose:()=>f(!1),onCancel:A,loading:T,onCheckBalance:B}),ne.createElement(Bg,null,ne.createElement("div",{className:Mg()},ne.createElement(vg,{variant:"title",size:"small"},On.t("You get")),ne.createElement("div",{className:Pg()},ne.createElement(xn,{onClick:!T&&!h&&!b?$:void 0}))),p&&ne.createElement(ne.Fragment,null,ne.createElement(Yp,{type:"error",variant:"alarm",title:p}),ne.createElement(Tg,{size:12})),y.warnings?.quoteUpdate&&ne.createElement("div",{className:"quote-update__alert"},ne.createElement(Yp,{variant:"alarm",type:"warning",title:y.warnings.quoteUpdate&&fn(y.warnings.quoteUpdate)})),ne.createElement(ko,{quote:t,type:"swap-preview",expanded:!0,alertPosition:"top",error:y.error,loading:T,warning:y.warnings?.quote??null,refetchQuote:$,showWarningModal:b,onOpenWarningModal:()=>S(!0),onCloseWarningModal:()=>S(!1),onConfirmWarningModal:async()=>{S(!1),await M()},onChangeSettings:()=>l("../"+_.settings)})))}i(Rp,"ConfirmSwapPage");import{i18n as Hn}from"@lingui/core";import{useManager as zg}from"@rango-dev/queue-manager-react";import{Divider as Gg,NotFound as Hg,styled as au}from"@rango-dev/ui";import Tt,{useState as Qg}from"react";import{useNavigate as Vg}from"react-router-dom";import{CloseIcon as _g,IconButton as Dg,SearchIcon as Fg,TextField as Og}from"@rango-dev/ui";import wo from"react";import{styled as $g}from"@rango-dev/ui";var eu=$g("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function lt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return wo.createElement(Og,{prefix:wo.createElement(eu,null,wo.createElement(Fg,{color:"black"})),suffix:!!a.length&&wo.createElement(Dg,{variant:"ghost",onClick:()=>l?.(""),size:"small"},wo.createElement(_g,{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(lt,"SearchInput");import{i18n as Bi}from"@lingui/core";import{Divider as ou,SwapListItem as nu,Typography as ru}from"@rango-dev/ui";import te from"react";import{css as Ug,darkTheme as qg,styled as qn}from"@rango-dev/ui";var zn=Ug(),Ei=qn("div",{width:"100%",display:"flex",flexDirection:"column",[`& .${zn}`]:{$$color:"$colors$neutral600",[`.${qg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ii=qn("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Wi=qn("div",{gap:"$10",display:"flex",flexDirection:"column"}),tu=qn("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function Ni(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:Bi.t("Today"),swaps:a},{title:Bi.t("This month"),swaps:a}];return te.createElement(te.Fragment,null,l.map(p=>te.createElement(te.Fragment,{key:p.title},te.createElement(Ei,null,te.createElement(Ii,null,te.createElement(ru,{variant:"label",size:"medium",className:zn()},p.title)),te.createElement(ou,{size:4}),te.createElement(Wi,null,p.swaps.map((u,m)=>{let c=m+p.title;return te.createElement(te.Fragment,{key:c},te.createElement(nu,{isLoading:!0}))}))))))}return te.createElement(te.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>te.createElement(te.Fragment,{key:a.title},te.createElement(Ei,null,te.createElement(Ii,null,te.createElement(ru,{variant:"label",size:"medium",className:zn()},a.title)),te.createElement(ou,{size:4}),te.createElement(Wi,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return te.createElement(te.Fragment,{key:l.requestId},te.createElement(nu,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,tooltipContainer:O(),onlyShowTime:a.title===Bi.t("Today"),swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:I(l.inputAmount,6,6),realAmount:ie(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:I(u.outputAmount||u.expectedOutputAmountHumanReadable||"",6,6),realAmount:ie(u.outputAmount||u.expectedOutputAmountHumanReadable)}}}))}))))))}i(Ni,"SwapsGroup");import{i18n as Gn}from"@lingui/core";import iu from"dayjs";var su=i(t=>{let e=new Map([["today",{title:Gn.t("Today"),swaps:[]}],["week",{title:Gn.t("This week"),swaps:[]}],["month",{title:Gn.t("This month"),swaps:[]}],["year",{title:Gn.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=iu();return t.forEach(r=>{let s=Number(r.creationTime),a=iu(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 Xt=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 jg=au("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Xg=au("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Kg=i((t,e)=>t?.length?t.filter(o=>Xe(o.fromBlockchain,e)||Xe(o.toBlockchain,e)||Xe(o.toSymbol,e)||Xe(o.fromSymbol,e)).length:!1,"isStepContainsText");function lu(){let t=Ae.use.setSelectedSwap(),e=Vg(),{manager:o,state:n}=zg(),r=Xt(o).map(({swap:c})=>c),[s,a]=Qg(""),l=!n.loadedFromPersistor,p=i(c=>{let h=c.target.value;a(h)},"searchHandler"),u=r;s&&(u=r.filter(c=>Xe(c.inputAmount,s)||Xe(c.status,s)||Kg(c.steps,s)||Xe(c.requestId,s)));let m=!u?.length&&!l;return Tt.createElement(K,{header:{title:Hn.t("History")}},Tt.createElement(jg,null,Tt.createElement(lt,{setValue:a,fullWidth:!0,variant:"contained",placeholder:Hn.t("Search Transaction"),autoFocus:!0,onChange:p,value:s}),Tt.createElement(Xg,null,m&&Tt.createElement(tu,null,Tt.createElement(Gg,{size:32}),Tt.createElement(Hg,{title:Hn.t("No results found"),description:s?Hn.t("Try using different keywords"):""})),!m&&Tt.createElement(Ni,{list:u,onSwapClick:c=>{t(c),e(c)},groupBy:su,isLoading:l}))))}i(lu,"HistoryPage");import{i18n as Mi}from"@lingui/core";import{Button as oh,styled as $i,SwapInput as mu,WarningIcon as nh}from"@rango-dev/ui";import Fe,{useEffect as rh,useRef as ih,useState as sh}from"react";import{useNavigate as ah}from"react-router-dom";import{ReverseIcon as Yg,styled as pu}from"@rango-dev/ui";import Li from"react";var Jg=pu("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Zg=pu("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 uu(){let t=U.use.switchFromAndTo();return Li.createElement(Jg,null,Li.createElement(Zg,{onClick:()=>{t()}},Li.createElement(Yg,{size:12})))}i(uu,"SwitchFromAndToButton");import{useCallback as Rg,useEffect as eh,useState as Pi}from"react";var th=600;function cu(){let{fetch:t,cancelFetch:e}=_n(),{liquiditySources:o,enableNewLiquiditySources:n,features:r}=d().config,s=d().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:u,quote:m,resetQuote:c,setQuote:h}=U(),{slippage:f,customSlippage:x,affiliatePercent:w,affiliateRef:g,affiliateWallets:v,disabledLiquiditySources:k}=d(),[T,A]=Pi(!1),[y,E]=Pi(null),[b,S]=Pi(null),B=x??f,N=!a||!l||Le(a,l)||!no(p),C=i(q=>{A(q),E(null),S(null)},"resetState"),$=i(q=>{let{fromToken:R,toToken:ee,inputAmount:Q,liquiditySources:re,excludeLiquiditySources:ye,disabledLiquiditySources:Se,slippage:Ce,affiliateRef:_t,affiliatePercent:oo,affiliateWallets:dt}=q;if(T||C(!0),!N&&R&&ee){c();let At=nn({fromToken:R,toToken:ee,inputAmount:Q,liquiditySources:re,excludeLiquiditySources:ye,disabledLiquiditySources:Se,slippage:Ce,affiliateRef:_t,affiliatePercent:oo,affiliateWallets:dt});Yo("experimentalRoute",r)&&(At.experimental=!0),t(At).then(F=>{A(!1),h(F),Dn(F);let z=rn(F,{fromToken:R,toToken:ee,userSlippage:B,tokens:s});S(z)}).catch(F=>{let{error:z}=Fn(F);(z?.type===0||z?.type===1)&&c(),z?.type!==2&&(E(z),A(!1))})}},"fetch"),L=Rg(Zs(q=>{N||$(q)},th),[N]);return eh(()=>{if(!no(p)||u?.eq(0)){C(!1),e();return}if(N){m&&c();return}return c(),C(!0),L({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:k,slippage:B,affiliateRef:g,affiliatePercent:w,affiliateWallets:v}),e},[p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,N,o?.length,n,k.length,B,g,w,JSON.stringify(v)]),{fetch:()=>$({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:k,slippage:B,affiliateRef:g,affiliatePercent:w,affiliateWallets:v}),loading:T,error:y,warning:b}}i(cu,"useSwapInput");var lh=$i("div",{display:"flex",flexDirection:"column",overflowY:"visible","& .quote__container":{paddingTop:"$2"}}),ph=$i("div",{position:"relative"}),uh=$i("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function du(){let t=ah(),{fetch:e,loading:o,error:n,warning:r}=cu(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:m,inputUsdValue:c,outputAmount:h,outputUsdValue:f,quote:x,resetQuoteWallets:w,setQuoteWarningsConfirmed:g}=U(),v=d().fetchStatus,{connectedWallets:k,getBalanceFor:T}=H(),A=Ae.use.setCurrentPage(),[y,E]=sh(!1),b=ih(null),S=!!a&&js(k,a.name),B=!1,M=!Nr(x,m,c),N=!Nr(x,m,f),C=ga({fetchMetaStatus:v,fetchingQuote:o,inputAmount:m,quote:x,anyWalletConnected:k.length>0,error:n,warning:r,needsToWarnEthOnPath:B}),$=s?T(s):null,L=Qo($)?.amount??"0",q=a&&s?I($?.amount,$?.decimals):"0";rh(()=>(A(_.home),w(),A.bind(null,"")),[]);let R=!c||!f||!f.gt(0)?null:Me(c.toString(),f.toString());return Fe.createElement(K,{ref:b,fixedHeight:!1,hasLogo:!0,footer:Fe.createElement(oh,{type:"primary",size:"large",disabled:C.disabled,prefix:C.action==="confirm-warning"&&Fe.createElement(nh,null),fullWidth:!0,onClick:()=>{C.action==="connect-wallet"?t(_.wallets):C.action==="confirm-warning"?E(!0):t(_.confirmSwap)}},C.title),header:{onWallet:()=>{t(_.wallets)},hasBackButton:!1,title:Mi.t("Swap"),suffix:Fe.createElement(Zr,{layoutRef:b.current,onClickRefresh:(x||n)&&!y?e:void 0,onClickHistory:()=>t(_.swaps),onClickSettings:()=>t(_.settings)})}},Fe.createElement(lh,null,Fe.createElement(uh,null,Fe.createElement(ph,null,Fe.createElement(mu,{label:Mi.t("From"),mode:"From",onInputChange:u,balance:L,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(_.fromSwap),price:{value:m,usdValue:M?void 0:I(c,4,4),realUsdValue:M?void 0:ie(c),error:M?V().unknownPriceError.impactTitle:void 0},disabled:v==="failed",loading:v==="loading",loadingBalance:S,tooltipContainer:O(),onSelectMaxBalance:()=>{L!=="0"&&u(q.split(",").join(""))}}),Fe.createElement(uu,null)),Fe.createElement(mu,{sharpBottomStyle:!!x?.result||o,label:Mi.t("To"),mode:"To",fetchingQuote:o,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:I(Me(c,f),2,2),warningLevel:st(R??0),price:{value:I(h,6,6),usdValue:N?void 0:I(f,4,4),realValue:ie(h),realUsdValue:N?void 0:ie(f),error:N?V().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(_.toSwap),disabled:v==="failed",loading:v==="loading",tooltipContainer:O()})),Fe.createElement("div",{className:"quote__container"},Fe.createElement(ko,{quote:x,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:y,onOpenWarningModal:()=>E(!0),onCloseWarningModal:()=>E(!1),onConfirmWarningModal:()=>{E(!1),g(!0),t(_.confirmSwap)},onChangeSettings:()=>t(_.settings)}))))}i(du,"Home");import{i18n as fu}from"@lingui/core";import{List as ch,ListItemButton as mh,Radio as dh,RadioRoot as fh,Typography as gh}from"@rango-dev/ui";import wt from"react";import{styled as Qn}from"@rango-dev/ui";var pt=Qn("div",{height:"100%",overflow:"hidden"}),xo=Qn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),_i=Qn("div",{width:80,display:"flex",justifyContent:"flex-end"}),Di=Qn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Vn(){let{setLanguage:t,language:e}=d();return{activeLanguage:e,languages:ta,defaultLanguage:Ut,changeLanguage:r=>t(r||Ut)}}i(Vn,"useLanguage");function gu(){let{activeLanguage:t,changeLanguage:e,languages:o}=Vn(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:wt.createElement(gh,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:wt.createElement(dh,{value:s}),start:wt.createElement(l,null)}});return wt.createElement(K,{header:{title:fu.t("Language")}},wt.createElement(pt,null,wt.createElement(fh,{value:t},wt.createElement(ch,{type:wt.createElement(mh,{title:fu.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(gu,"LanguagePage");import{i18n as ut}from"@lingui/core";import{Button as kh,Checkbox as Th,Image as wh,ListItemButton as xh,NotFound as vh,Typography as Ah}from"@rango-dev/ui";import ke,{useState as bh}from"react";import{Checkbox as Sh,Skeleton as yu}from"@rango-dev/ui";import vo from"react";import{ListItem as hh,styled as yh}from"@rango-dev/ui";var hu=yh(hh,{height:61});var Ch=30;function Fi(){return vo.createElement(xo,null,Array.from(Array(Ch),t=>vo.createElement(hu,{hasDivider:!0,key:t,start:vo.createElement(yu,{variant:"circular",width:35,height:35}),title:vo.createElement(yu,{variant:"text",size:"large",width:90}),end:vo.createElement(Sh,{checked:!1})})))}i(Fi,"LoadingLiquiditySourceList");function Oi({sourceType:t}){let e=d().fetchStatus,o=d().swappers(),n=d().disabledLiquiditySources,[r,s]=bh(""),a=d().toggleLiquiditySource,l=Ko(o,n),p={Exchanges:ut.t("Exchanges"),Bridges:ut.t("Bridges")},u=[];t==="Exchanges"&&u.push("DEX"),t==="Bridges"&&(u.push("BRIDGE"),u.push("AGGREGATOR"));let m=l.filter(g=>u.includes(g.type)),c=m.length===m.filter(g=>g.selected).length,h=i(()=>{m.forEach(g=>{c?a(g.groupTitle):g.selected||a(g.groupTitle)})},"toggleAllSources"),f=m.map(g=>{let{selected:v,groupTitle:k,logo:T}=g;return{start:ke.createElement(wh,{src:T,size:22,type:"circular"}),onClick:()=>a(k),end:ke.createElement(Th,{checked:v}),title:ke.createElement(Ah,{variant:"title",size:"xmedium"},ut.t(k)),...g}}),x=i(g=>{let v=g.target.value;s(v)},"searchHandler"),w=f;return r&&(w=f.filter(g=>Xe(g.groupTitle,r))),ke.createElement(K,{header:{title:ut.t(t),suffix:ke.createElement(_i,null,ke.createElement(kh,{variant:"ghost",size:"xsmall",onClick:h},c?ut.t("Deselect all"):ut.t("Select all")))}},ke.createElement(pt,null,ke.createElement(lt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:ut.t("Search {sourceType}",{sourceType:p[t]}),onChange:x}),e==="loading"&&ke.createElement(Fi,null),!w.length&&r?ke.createElement(Di,null,ke.createElement(vh,{title:ut.t("No results found"),description:ut.t("Try using different keywords")})):e==="success"&&ke.createElement(xo,null,w.map(g=>ke.createElement(ke.Fragment,{key:g.id},ke.createElement(xh,{style:{height:"61px"},...g,selected:!1,hasDivider:!0}))))))}i(Oi,"LiquiditySourcePage");import{i18n as Au}from"@lingui/core";import{Divider as Gi,getCountCategories as _h,SelectableCategoryList as Dh}from"@rango-dev/ui";import ct,{useState as bu}from"react";import{i18n as qi}from"@lingui/core";import{Divider as xu,Image as Nh,ListItemButton as Lh,NotFound as Ph,Typography as vu}from"@rango-dev/ui";import Oe,{useEffect as Mh,useState as $h}from"react";import{BlockchainCategories as Ui}from"@rango-dev/ui";import{TransactionType as jn}from"rango-sdk";var Eh=i((t,e)=>{switch(e){case Ui.ALL:return!0;case Ui.UTXO:return t.type===jn.TRANSFER;case Ui.OTHER:return t.type!==jn.TRANSFER&&t.type!==jn.COSMOS&&t.type!==jn.EVM;default:return t.type===e}},"filterByType"),Su=i((t,e,o)=>t.filter(n=>Eh(n,o)).filter(n=>bt(n.name,e)||bt(n.displayName,e)),"filterBlockchains");import{ImageContainer as Ih,styled as Cu}from"@rango-dev/ui";var ku=Cu("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Xn=Cu("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",[`& ${Ih}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Wh,Skeleton as Tu}from"@rango-dev/ui";import Kn from"react";var Bh=20;function wu(){return Kn.createElement(Xn,null,Array.from(Array(Bh),t=>Kn.createElement(Wh,{key:t,hasDivider:!0,start:Kn.createElement(Tu,{variant:"circular",width:35,height:35}),title:Kn.createElement(Tu,{variant:"text",size:"large",width:90})})))}i(wu,"LoadingBlockchainList");function zi(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=$h(e),{fetchStatus:l}=d();Mh(()=>{a([...Su(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Oe.createElement(Oe.Fragment,null,Oe.createElement(xu,{size:32}),Oe.createElement(Ph,{title:qi.t("No results found"),description:qi.t("Try using different keywords")})):Oe.createElement(Xn,{key:`${r}-${o}`},s.map(u=>Oe.createElement(Lh,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Oe.createElement(Nh,{src:u.logo,size:30}),title:Oe.createElement(vu,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Oe.createElement(ku,null,Oe.createElement(vu,{variant:"label",size:"large"},qi.t("Select Blockchain")),Oe.createElement(xu,{size:4}),l==="loading"&&Oe.createElement(wu,null),l==="success"&&p())}i(zi,"BlockchainList");function Hi(t){let{type:e}=t,o=St(),[n,r]=bu(""),[s,a]=bu("ALL"),l=U.use.setToBlockchain(),p=U.use.setFromBlockchain(),u=d().fetchStatus,m=d().blockchains({type:e}),h=_h(m)!==1;return ct.createElement(K,{header:{title:Au.t("Select Blockchain")}},ct.createElement(Gi,{size:12}),h&&ct.createElement(ct.Fragment,null,ct.createElement(Dh,{setCategory:a,category:s,blockchains:m,isLoading:u==="loading"}),ct.createElement(Gi,{size:24})),ct.createElement(lt,{value:n,autoFocus:!0,placeholder:Au.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),ct.createElement(Gi,{size:16}),ct.createElement(zi,{list:m,searchedFor:n,blockchainCategory:s,onChange:f=>{e==="source"?p(f):l(f),o()}}))}i(Hi,"SelectBlockchainPage");import{i18n as er}from"@lingui/core";import{Divider as Vu}from"@rango-dev/ui";import Jt,{useState as ty}from"react";import{useNavigate as oy}from"react-router-dom";import{i18n as ji}from"@lingui/core";import{BlockchainsChip as Yn,Divider as Bu,Image as Nu,Skeleton as zh,Tooltip as Gh,Typography as Xi}from"@rango-dev/ui";import le from"react";import{useEffect as Uh}from"react";var Eu=["ETH","COSMOS","OSMOSIS"];function Qi(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(Fh),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(Oh(a)),r=n.splice(s)}return{list:n,more:r}}i(Qi,"prepare");function Fh(t,e){let o=Eu,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(Fh,"sortByMostUsedBlockchains");function Oh(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(Oh,"generateSortByPreferredBlockchainsFor");function Iu(t,e){return!!e.list.find(o=>o.name===t)}i(Iu,"isInVisibleList");function Vi(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=d();Uh(()=>{if(e?.selected){let s=Qi(t,o,e);Iu(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=Qi(t,o,e);return{list:r.list,more:r.more,history:[]}}i(Vi,"usePrepareBlockchainList");import{styled as qh}from"@rango-dev/ui";var Wu=qh("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var Hh=12;function Ki(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Vi(e,{limit:10,selected:n?.name}),{fetchStatus:l}=d(),p=U.use.resetToBlockchain(),u=U.use.resetFromBlockchain(),m=a.more.length>0,c=a.more.length===1,h=!c&&m;return le.createElement(le.Fragment,null,le.createElement(Bu,{size:12}),le.createElement(Xi,{variant:"label",size:"large"},ji.t("Select Blockchain")),le.createElement(Bu,{size:12}),le.createElement(Wu,null,l==="loading"&&Array.from(Array(Hh),f=>le.createElement(zh,{key:f,variant:"rounded",height:50})),l==="success"&&le.createElement(le.Fragment,null,le.createElement(Yn,{selected:!n,onClick:()=>{o==="from"?u():p()}},le.createElement(Xi,{variant:"body",size:"xsmall",color:"secondary500"},ji.t("All"))),a.list.map(f=>le.createElement(Gh,{key:f.name,content:f.shortName,side:"bottom",sideOffset:2,container:O()},le.createElement(Yn,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},le.createElement(Nu,{src:f.logo,size:30})))),c?le.createElement(Yn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},le.createElement(Nu,{src:a.more[0].logo,size:30})):null,h?le.createElement(Yn,{onClick:s,key:"more-blockchains"},le.createElement(Xi,{variant:"body",size:"xsmall",color:"secondary500"},ji._("More +{count}",{count:a.more.length}))):null)))}i(Ki,"BlockchainsSection");import{i18n as is}from"@lingui/core";import{darkTheme as qu,Divider as Yt,ExternalLinkIcon as jh,Image as Xh,ListItemButton as Kh,NotFound as Yh,PinIcon as Jh,Skeleton as zu,Typography as Rn,VirtualizedList as Zh}from"@rango-dev/ui";import D,{forwardRef as Rh,useEffect as Gu,useState as Hu}from"react";import{Divider as Ou,ListItem as Vh,Skeleton as Ao}from"@rango-dev/ui";import Ve from"react";import{css as Kt,darkTheme as Lu,ImageContainer as Qh,styled as Qe,Typography as Pu}from"@rango-dev/ui";var Yi=Kt({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Ji=Kt({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Zi=Kt({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Ri=Kt({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Lu} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),es=Kt({}),ts=Kt(),Mu=Qe("div",{display:"flex",flexDirection:"column",flexGrow:1}),os=Qe("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Jn=Qe("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Ji}`]:{[`& .${Ri}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${es}`]:{bottom:"-15px"},[`& .${Yi}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Zi}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),ns=Qe("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),rs=Qe(Pu,{}),$u=Qe("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${ts}`]:{$$color:"$colors$neutral600",[`.${Lu} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Zn=Qe("div",{display:"flex",alignItems:"end",flexDirection:"column"}),FN=Qe("div",{display:"flex",alignItems:"center"}),_u=Qe("div",{position:"relative",[`& ${Qh}`]:{borderRadius:"$xm",overflow:"hidden"}}),Du=Qe("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Fu=Qe(Pu,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Uu(t){return Ve.createElement(Jn,null,Array.from(Array(t.size),e=>Ve.createElement(Vh,{key:e,hasDivider:!0,start:Ve.createElement(Ao,{variant:"circular",width:35,height:35}),end:Ve.createElement(Zn,null,Ve.createElement(Ao,{variant:"text",size:"large",width:70}),Ve.createElement(Ou,{size:4}),Ve.createElement(Ao,{variant:"text",size:"medium",width:50})),title:Ve.createElement("div",null,Ve.createElement(Ao,{variant:"text",size:"large",width:90}),Ve.createElement(Ou,{size:4}),Ve.createElement(Ao,{variant:"text",size:"medium",width:90}))})))}i(Uu,"LoadingTokenList");var ss=20,ey=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return D.createElement("div",{className:Ji()},o?D.createElement("div",{className:Yi()},o):D.createElement(os,{className:Zi()},D.createElement(Rn,{variant:"title",size:"xmedium"},r.symbol),D.createElement(Yt,{direction:"horizontal",size:4}),D.createElement(ns,{css:s},D.createElement(rs,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&D.createElement("div",{className:`${Ri()} ${!o&&es()}`},D.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," ",D.createElement(Yt,{size:4,direction:"horizontal"}),D.createElement(jh,{color:"gray",size:12}))))},"renderDesc");function Qu(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Hu(e),l=d().fetchStatus,p=d().blockchains(),[u,m]=Hu(!0),{getBalanceFor:c,loading:h}=H(),{isTokenPinned:f}=d(),x=Rh((v,k)=>D.createElement("div",{...v,ref:k,style:{...v.style,height:`${parseFloat(v.style?.height)+8*2}px`}})),w=i(()=>{a(e.slice(0,s.length+ss))},"loadNextPage");Gu(()=>{m(e.length>s.length)},[s.length]),Gu(()=>{a(e.slice(0,ss))},[e]);let g=i(()=>!s.length&&o?D.createElement(D.Fragment,null,D.createElement(Yt,{size:32}),D.createElement(Yh,{title:is.t("No results found"),description:is.t("Try using different keywords")})):D.createElement(Zh,{Item:({index:v,style:k})=>{let T=s[v],A=Qo(c(T)),y=T.address||"",E=p.find(M=>M.name===T.blockchain),b=Sn(T.symbol,E?.color||""),S={$$color:b[`${T.symbol}100`],[`.${qu} &`]:{$$color:b[`${T.symbol}900`]},backgroundColor:"$$color"},B={$$color:b[`${T.symbol}700`],[`.${qu} &`]:{$$color:b[`${T.symbol}100`]},color:"$$color"};return D.createElement("div",{style:{...k,paddingRight:5}},D.createElement(Kh,{style:{height:k?.height,width:"100%",overflow:"hidden"},"tab-index":v,key:`${T.symbol}${T.address}`,id:`${T.symbol}${T.address}`,hasDivider:!0,onClick:()=>n(s[v]),start:D.createElement(_u,null,D.createElement(Xh,{src:T.image,size:30}),f(T,t.type)&&D.createElement(Du,null,D.createElement(Jh,{size:12,color:"gray"}))),title:E?.type==="COSMOS"||T.name||!T.name&&!y?D.createElement(os,null,D.createElement(Rn,{variant:"title",size:"xmedium"},T.symbol),D.createElement(Yt,{direction:"horizontal",size:4}),D.createElement(ns,{css:S},D.createElement(rs,{variant:"body",size:"xsmall",css:B},T.blockchain))):void 0,description:E?.info&&y&&E.type!=="COSMOS"?ey({address:y,token:s[v],customCssForTag:S,customCssForTagTitle:B,name:T.name,url:E.info.addressUrl.split("{wallet}").join(y)}):T.name||void 0,end:h?D.createElement(Zn,null,D.createElement(zu,{variant:"text",size:"large",width:70}),D.createElement(Yt,{size:4}),D.createElement(zu,{variant:"text",size:"medium",width:50})):A&&D.createElement($u,null,D.createElement(Fu,{variant:"title",size:"small"},A.amount),D.createElement("div",null),A.usdValue&&D.createElement(Rn,{variant:"body",className:ts(),size:"xsmall"},`$${A.usdValue}`))}))},hasNextPage:u,itemCount:s.length,loadNextPage:w,innerElementType:x,size:60,key:`${r}-${o}`}),"renderList");return D.createElement(Mu,null,D.createElement(Rn,{variant:"label",size:"large"},is.t("Select Token")),D.createElement(Yt,{size:4}),l==="loading"&&D.createElement(Uu,{size:ss}),l==="success"&&D.createElement(Jn,null,g()))}i(Qu,"TokenList");function as(t){let{type:e}=t,o=oy(),n=St(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=U(),m=H.use.getBalanceFor(),[c,h]=ty(""),{isTokenPinned:f}=d(),w=(e==="source"?r:s)?.name??"",g=d().blockchains({type:e}),v=d().tokens({type:e,blockchain:w,searchFor:c}),T=Hs(v,m,i(b=>f(b,e),"checkIsTokenPinned")),A=i(b=>{e==="source"?p(b):u(b)},"updateBlockchain"),y=i(b=>{e==="source"?a({token:b,meta:{blockchains:g,tokens:v}}):l({token:b,meta:{blockchains:g,tokens:v}})},"updateToken"),E={source:er.t("Source"),destination:er.t("Destination")};return Jt.createElement(K,{header:{title:er.t("Swap {type}",{type:E[e]})}},Jt.createElement(Ki,{blockchains:g,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(_.blockchains),onChange:b=>{A(b)}}),Jt.createElement(Vu,{size:24}),Jt.createElement(lt,{value:c,autoFocus:!0,placeholder:er.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>h(""),onChange:b=>h(b.target.value)}),Jt.createElement(Vu,{size:16}),Jt.createElement(Qu,{list:T,selectedBlockchain:w,searchedFor:c,type:e,onChange:b=>{y(b);let S=g.find(B=>b.blockchain===B.name);S&&A(S),n()}}))}i(as,"SelectSwapItemsPage");import{i18n as Mt}from"@lingui/core";import{ChevronRightIcon as us,Divider as cs,InfoIcon as uy,List as cy,ListItemButton as my,Skeleton as dy,Switch as fy,Tooltip as gy,Typography as $t}from"@rango-dev/ui";import j from"react";import{useNavigate as hy}from"react-router-dom";import{i18n as Zu}from"@lingui/core";import{Divider as sy,InfoIcon as ay,TextField as ly,Tooltip as py,Typography as Ru}from"@rango-dev/ui";import Ne from"react";import{Chip as ny,styled as bo,TextField as ry}from"@rango-dev/ui";var ju=bo("div",{paddingTop:"$5",padding:"$10 $5"}),Xu=bo("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${ry}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Ku=bo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),tr=bo("div",{maxWidth:"280px",padding:"$10"}),Yu=bo(ny,{width:"61px",flexShrink:0});import{i18n as ls}from"@lingui/core";import{Typography as iy}from"@rango-dev/ui";import Eo from"react";function Ju(){return Eo.createElement(tr,null,Eo.createElement(iy,{variant:"label",size:"medium",color:"neutral700"},ls.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Eo.createElement("br",null),Eo.createElement("br",null),Eo.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(Ju,"SlippageTooltipContent");function ps(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=d();return Ne.createElement(ju,null,Ne.createElement(Ku,null,Ne.createElement(Ru,{variant:"title",size:"xmedium"},Zu.t("Slippage tolerance per swap")),Ne.createElement(sy,{direction:"horizontal",size:4}),Ne.createElement(py,{container:O(),side:"top",sideOffset:4,content:Ne.createElement(Ju,null)},Ne.createElement(ay,{color:"gray"}))),Ne.createElement(Xu,null,oa.map((r,s)=>{let a=`slippage-${s}`;return Ne.createElement(Ne.Fragment,null,Ne.createElement(Yu,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),Ne.createElement(ly,{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>=sa&&a<=ia?n(a):n(null)},suffix:o&&Ne.createElement(Ru,{variant:"body",size:"small"},"%"),placeholder:Zu.t("Custom")})))}i(ps,"Slippage");function ec(){let t=hy(),{theme:e}=d().config,o=d().fetchStatus,n=d().swappers(),r=d().disabledLiquiditySources,{config:{features:s}}=d(),a=Pe("theme",s),l=Pe("liquiditySource",s),p=Pe("language",s),u=d().infiniteApprove,m=d().toggleInfiniteApprove,c=Ko(n,r),h=c.filter(S=>S.type==="BRIDGE"||S.type==="AGGREGATOR"),f=h.length,x=h.filter(S=>S.selected).length,w=c.filter(S=>S.type==="DEX"),g=w.length,v=w.filter(S=>S.selected).length,k=i((S,B)=>{switch(o){case"loading":return j.createElement(dy,{variant:"text",size:"medium",width:50});case"failed":return j.createElement($t,{variant:"body",size:"medium",color:"$error500"},Mt.t("Loading failed"));default:return j.createElement($t,{variant:"body",size:"medium"},`${S} / ${B}`)}},"handleEndItem"),T={id:"bridge-item",title:j.createElement($t,{variant:"title",size:"xmedium"},Mt.t("Enabled bridges")),end:j.createElement(j.Fragment,null,k(x,f),j.createElement(cs,{direction:"horizontal",size:8}),j.createElement(us,{color:"black"})),onClick:()=>t(_.bridges)},A={id:"exchange-item",title:j.createElement($t,{variant:"title",size:"xmedium"},Mt.t("Enabled exchanges")),end:j.createElement(j.Fragment,null,k(v,g),j.createElement(cs,{direction:"horizontal",size:8}),j.createElement(us,{color:"gray"})),onClick:()=>t(_.exchanges)},y={id:"theme-item",title:j.createElement($t,{variant:"title",size:"xmedium"},Mt.t("Theme")),end:j.createElement(us,{color:"gray"}),onClick:()=>t(_.themes)},E={id:"infinite-approval-item",title:j.createElement(j.Fragment,null,j.createElement($t,{variant:"title",size:"xmedium"},Mt.t("Infinite approval")),j.createElement(cs,{direction:"horizontal",size:4}),j.createElement(gy,{side:"top",sideOffset:4,container:O(),content:j.createElement(tr,null,j.createElement($t,{variant:"label",size:"medium",color:"neutral700"},Mt.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.")))},j.createElement(uy,{color:"gray"}))),end:j.createElement(fy,{checked:u}),onClick:m},b=l?[]:[T,A];return!e?.singleTheme&&!a&&b.push(y),b.push(E),j.createElement(K,{header:{title:Mt.t("Settings")}},j.createElement(pt,null,j.createElement(ps,null),j.createElement(cy,{type:j.createElement(my,{title:"_",id:"_",onClick:()=>console.log()}),items:b})))}i(ec,"SettingsPage");import{cancelSwap as iS}from"@rango-dev/queue-manager-rango-preset";import{useManager as sS}from"@rango-dev/queue-manager-react";import Pc from"react";import{i18n as mt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Uy,getCurrentStep as qy,getRelatedWalletOrNull as zy}from"@rango-dev/queue-manager-rango-preset";import{Button as Ac,CopyIcon as Gy,Divider as Hy,IconButton as Qy,QuoteCost as Vy,StepDetails as jy,Typography as eo,useCopyToClipboard as Xy}from"@rango-dev/ui";import{useWallets as Ky}from"@rango-dev/wallets-react";import bc from"bignumber.js";import{PendingSwapNetworkStatus as dr}from"rango-types";import Y,{useEffect as Ec,useRef as Yy,useState as Ic}from"react";import{useNavigate as Jy}from"react-router-dom";import{i18n as xt}from"@lingui/core";var yy=[xt.t("Sunday"),xt.t("Monday"),xt.t("Tuesday"),xt.t("Wednesday"),xt.t("Thursday"),xt.t("Friday"),xt.t("Saturday")];function tc(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?xt.t("Today"):`${yy[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(tc,"timeSince");function oc(t){return t.finishTime?tc(parseInt(t.finishTime)):tc(parseInt(t.creationTime))}i(oc,"getSwapDate");import{Modal as vy}from"@rango-dev/ui";import{PendingSwapNetworkStatus as rr}from"rango-types";import ir from"react";import{i18n as or}from"@lingui/core";import{Button as nc,Divider as ms,MessageBox as Sy,Typography as rc}from"@rango-dev/ui";import nt from"react";var ic=i(({onCancel:t,onClose:e})=>nt.createElement(nt.Fragment,null,nt.createElement(ms,{size:20}),nt.createElement(Sy,{type:"error",title:or.t("Cancel Swap"),description:or.t("Are you sure you want to cancel this swap?")}),nt.createElement(ms,{size:32}),nt.createElement(nc,{variant:"contained",type:"primary",size:"large",onClick:t},nt.createElement(rc,{variant:"title",size:"medium",color:"neutral100"},or.t("Yes, Cancel it"))),nt.createElement(ms,{size:12}),nt.createElement(nc,{variant:"outlined",type:"primary",size:"large",onClick:e},nt.createElement(rc,{variant:"title",size:"medium",color:"primary"},or.t("No, Continue")))),"CancelContent");import{i18n as nr}from"@lingui/core";import{Button as sc,Divider as ds,MessageBox as Cy,Typography as ac}from"@rango-dev/ui";import rt from"react";var lc=i(({onDelete:t,onClose:e})=>rt.createElement(rt.Fragment,null,rt.createElement(ds,{size:20}),rt.createElement(Cy,{type:"error",title:nr.t("Delete Transaction"),description:nr.t("Are you sure you want to delete this swap?")}),rt.createElement(ds,{size:32}),rt.createElement(sc,{variant:"contained",type:"primary",size:"large",onClick:t},rt.createElement(ac,{variant:"title",size:"medium",color:"neutral100"},nr.t("Yes, Delete it"))),rt.createElement(ds,{size:12}),rt.createElement(sc,{variant:"outlined",type:"primary",size:"large",onClick:e},rt.createElement(ac,{variant:"title",size:"medium",color:"primary"},nr.t("No, Cancel")))),"DeleteContent");import{i18n as fs}from"@lingui/core";import{PendingSwapNetworkStatus as gs}from"rango-types";var hs={[gs.WaitingForNetworkChange]:{type:"loading",title:fs.t("Change Network")},[gs.WaitingForConnectingWallet]:{type:"warning",title:fs.t("Connect Wallet")},[gs.NetworkChanged]:{type:"success",title:fs.t("Network Changed")}};import{MessageBox as Ty,Wallet as wy}from"@rango-dev/ui";import{useWallets as xy}from"@rango-dev/wallets-react";import Io from"react";import{styled as ky}from"@rango-dev/ui";var pc=ky("div",{display:"flex",justifyContent:"center"});var uc=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:l,state:p}=xy(),u=n?.walletType,m=u?kr(p(u)):null,c=u?l(u):null;return Io.createElement(Io.Fragment,null,Io.createElement(Ty,{type:e,title:o,description:r}),s&&!!u&&!!m&&!!c&&Io.createElement(pc,null,Io.createElement(wy,{container:O(),title:c.name,image:c.img,type:u,state:m,link:c.installLink,onClick:async()=>a(u)})))},"WalletStateContent");function ys(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,l=e===rr.WaitingForNetworkChange||e===rr.WaitingForConnectingWallet||e===rr.NetworkChanged;return ir.createElement(vy,{open:!!e,onClose:o,container:document.getElementById(Te)||document.body},l&&ir.createElement(uc,{type:hs[e].type,title:hs[e].title,currentStepWallet:s,message:a,showWalletButton:e!==rr.WaitingForNetworkChange}),e==="delete"&&ir.createElement(lc,{onClose:o,onDelete:n}),e==="cancel"&&ir.createElement(ic,{onClose:o,onCancel:r}))}i(ys,"SwapDetailsModal");import{i18n as Wo}from"@lingui/core";import{Button as Ss,Divider as sr,MessageBox as cc,Modal as Ay,TokenAmount as by,Typography as ar}from"@rango-dev/ui";import me from"react";import{useNavigate as Ey}from"react-router-dom";function Cs(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:h}=t,f=Ey();return me.createElement(Ay,{open:e,onClose:o,container:document.getElementById(Te)||document.body},n==="success"?me.createElement(cc,{type:"success",title:Wo.t("Swap Successful")},me.createElement(by,{direction:"vertical",tooltipContainer:O(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:u,percentageChange:m}),me.createElement(sr,{size:12}),me.createElement(ar,{variant:"body",size:"medium",color:"neutral700",align:"center"},c)):me.createElement(cc,{type:"error",title:Wo.t("Transaction Failed"),description:c}),me.createElement(sr,{size:32}),n==="success"&&me.createElement(Ss,{variant:"contained",type:"primary",size:"large",onClick:()=>{f("../../")}},me.createElement(ar,{variant:"title",size:"medium",color:"neutral100"},Wo.t("Done"))),me.createElement(sr,{size:12}),h&&me.createElement(me.Fragment,null,me.createElement(Ss,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(h,"_blank")},me.createElement(ar,{variant:"title",size:"medium",color:"primary"},Wo.t("Diagnosis"))),me.createElement(sr,{size:12})),me.createElement(Ss,{variant:"outlined",type:"primary",size:"large",onClick:o},me.createElement(ar,{variant:"title",size:"medium",color:"primary"},Wo.t("See Details"))))}i(Cs,"SwapDetailsCompleteModal");import Fy from"react";import{i18n as My}from"@lingui/core";import{Alert as yc,IconButton as $y,LinkIcon as _y}from"@rango-dev/ui";import vt,{Fragment as Dy}from"react";import{Alert as Iy,ChevronDownIcon as Wy,ChevronUpIcon as By,IconButton as Ny}from"@rango-dev/ui";import lr,{useState as Ly}from"react";function mc(t){let{message:e}=t,[o,n]=Ly(!1);return lr.createElement(Iy,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&lr.createElement(Ny,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?lr.createElement(By,{size:12,color:"gray"}):lr.createElement(Wy,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(mc,"FailedAlert");import{styled as Py}from"@rango-dev/ui";var dc=Py("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as fc}from"@lingui/core";import{Alert as ks,Button as gc}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Ts}from"rango-types";import Bo from"react";function hc(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Bo.createElement(ks,{type:"warning",title:n.shortMessage,action:Bo.createElement(gc,{size:"xxsmall",type:"warning",onClick:()=>{o(Ts.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},fc.t("Change"))}):r===Ts.WaitingForConnectingWallet?Bo.createElement(ks,{type:"warning",title:n.shortMessage,action:Bo.createElement(gc,{size:"xxsmall",type:"warning",onClick:()=>{o(Ts.WaitingForConnectingWallet)}},fc.t("Connect"))}):Bo.createElement(ks,{type:"warning",title:n.shortMessage})}i(hc,"WarningAlert");function ws(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=io(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l;return vt.createElement(dc,null,s.explorerUrl?.map((m,c,h)=>{let f=c+m.url,x=c===h.length-1,w=x&&u||p,g=x&&s.status==="failed";return vt.createElement(Dy,{key:f},vt.createElement(yc,{type:w&&"loading"||g&&"error"||"success",title:m.description?`${m.description} Tx`:My.t("View transaction"),action:m.url&&vt.createElement($y,{variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},vt.createElement(_y,{size:16}))}))}),(u&&!a||p&&!s.explorerUrl?.length)&&vt.createElement(yc,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&vt.createElement(hc,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&vt.createElement(mc,{message:r}))}i(ws,"SwapDetailsAlerts");var Sc=2e3;var Cc=i(({swap:t,blockchains:e,...o})=>{let n=t.hasAlreadyProceededToSign!==!1;return t.steps.map((r,s)=>{let a=s===0?t.inputAmount:t.steps[s-1].outputAmount||t.steps[s-1].expectedOutputAmountHumanReadable;return{from:{token:{displayName:r.fromSymbol,image:r.fromLogo??""},chain:{displayName:Ye(r.fromBlockchain,e)??"",image:r.fromBlockchainLogo??""},price:{value:I(a,6,6),realValue:a}},to:{token:{displayName:r.toSymbol,image:r.toLogo},chain:{displayName:Ye(r.toBlockchain,e)??"",image:r.toBlockchainLogo??""},price:{value:I(r.outputAmount||r.expectedOutputAmountHumanReadable,6,6),realValue:r.outputAmount||r.expectedOutputAmountHumanReadable}},swapper:{displayName:r.swapperId,image:r.swapperLogo??""},alerts:Fy.createElement(ws,{step:r,hasAlreadyProceededToSign:n,...o})}})},"getSteps");function kc(t){if(io(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(kc,"getStepState");import{css as pr,darkTheme as Oy,styled as Zt}from"@rango-dev/ui";var ur=Zt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1}),cr=Zt("div",{width:"100%"}),Tc=Zt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),xM=Zt("div",{display:"flex",flexDirection:"column",gap:"$10"}),wc=Zt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),vM=Zt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),Rt=pr({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${Oy} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),mr=pr({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),xc=pr({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),vc=pr({width:"100%",padding:"0 $20 $10"});function xs(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=Ky(),p=d().blockchains(),u=d().tokens(),m=U.use.retry(),c=Jy(),[h,f]=Xy(Sc),x=Yy(null),[w,g]=Ic(null),[v,k]=Ic(null),T=i(()=>{r(),g(null)},"onCancel"),A=_e.use.getUnreadNotifications(),y=_e.use.setAsRead(),E=A(),b=qy(e),S=b?.networkStatus;Ec(()=>{E.find(de=>de.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(k(e.status),y(e.requestId))},[e.status]),Ec(()=>{q?g(dr.WaitingForNetworkChange):S===dr.WaitingForConnectingWallet||S===dr.NetworkChanged?g(S):g(null)},[S]);let B=va(e),M=b?Uy(e,b):null,N=b?zy(e,b):null,C=oc(e),$=Aa(e),L=i(ue=>!!l(ue)?.mobileWallet,"isMobileWallet"),q=S===dr.WaitingForNetworkChange&&!!M&&!!N?.walletType&&(L(N.walletType)||s(N.walletType,M)),R=q?a.bind(null,N.walletType,M):void 0,ee=xa(e,b),Q=Cc({swap:e,switchNetwork:R,showNetworkModal:S,setNetworkModal:g,message:ee,blockchains:p}),re=Q.length,[ye,Se]=[e.steps[0],e.steps[re-1]],Ce=Se.outputAmount||Se.expectedOutputAmountHumanReadable,_t=e.steps.reduce((ue,de)=>ue+parseFloat(de.feeInUsd||""),0),oo=e.steps.find(ue=>ue.diagnosisUrl)?.diagnosisUrl,dt=I(parseFloat(I(Ce,6,6))*(Se.toUsdPrice||0),4,4),At=I(parseFloat(e.inputAmount)*(ye.fromUsdPrice||0),4,4),F=Ce?ie(new bc(Ce).multipliedBy(Se.toUsdPrice||0)):"",z=ie(new bc(e.inputAmount).multipliedBy(ye.fromUsdPrice||0)),X=Me(At,dt),Ie=e.status==="success"?mt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:I(Ce,6,6),token:Q[re-1].to.token.displayName,conciseAddress:Vo(e.wallets[Q[re-1].to.chain.displayName]?.address||""),chain:Q[re-1].to.chain.displayName}}):`${mt.t("Transaction was not sent.")} ${B?mt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:B.outputAmount,symbol:B.symbol,blockchain:B.blockchain}}):""}`;return Y.createElement(K,{noPadding:!0,header:{title:mt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>g("cancel"):void 0,suffix:e.status!=="running"&&Y.createElement(Ht,null,Y.createElement(Ac,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>g("delete")},Y.createElement(eo,{size:"medium",variant:"label",color:"error"},mt.t("Delete"))))},footer:$&&!v&&Y.createElement(Ac,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{m(e,{blockchains:p,tokens:u}),setTimeout(()=>{c("../../")},0)}},mt.t("Try again"))},Y.createElement(ur,null,Y.createElement(cr,null,Y.createElement("div",{className:Rt()},Y.createElement(eo,{variant:"label",size:"large",color:"neutral700"},`${mt.t("Request ID")}:`),Y.createElement("div",{className:mr()},Y.createElement(eo,{variant:"label",size:"small",color:"neutral700"},o),Y.createElement(Qy,{variant:"ghost",onClick:f.bind(null,o||"")},Y.createElement(Gy,{size:16,color:"gray"})))),Y.createElement("div",{className:Rt()},Y.createElement(eo,{variant:"label",size:"large",color:"neutral700"},`${mt.t(e.finishTime?"Finished at":"Created at")}:`),Y.createElement(eo,{variant:"label",size:"small",color:"neutral700"},C))),Y.createElement("div",{className:xc()},Y.createElement(Vy,{fee:I(String(_t),2,2),time:Fo(Oo(e.steps)),steps:re}),Y.createElement(co,{from:{price:{value:I(e.inputAmount,6,6),usdValue:At,realUsdValue:z,realValue:e.inputAmount},token:{displayName:Q[0].from.token.displayName,image:Q[0].from.token.image},chain:{image:Q[0].from.chain.image,displayName:Q[0].from.chain.displayName}},to:{price:{value:I(Ce,6,6),usdValue:dt,realUsdValue:F,realValue:Ce},token:{displayName:Q[re-1].to.token.displayName,image:Q[re-1].to.token.image},chain:{image:Q[re-1].to.chain.image,displayName:Q[re-1].to.chain.displayName}},percentageChange:I(X,2,2),warningLevel:st(X??0)})),Y.createElement("div",{className:vc()},Y.createElement(eo,{variant:"title",size:"small"},mt.t("Swaps steps"))),Y.createElement(Hy,{size:8}),Y.createElement(Tc,{ref:x},Q.map((ue,de)=>{let _o=de,it=kc(e.steps[de]),Yc=it==="error"||it==="in-progress"||it==="warning"||it==="completed"&&de===Q.length-1;return Y.createElement(jy,{key:_o,step:ue,type:"swap-progress",ref:x,state:it,hasSeparator:de!==0,tabIndex:_o,isFocused:Yc,tooltipContainer:O()})}))),Y.createElement(ys,{state:w,onClose:()=>g(null),onCancel:T,onDelete:n,message:ee.detailedMessage.content,currentStepWallet:N}),Y.createElement(Cs,{open:!!v,diagnosisUrl:oo,onClose:()=>k(null),status:e.status==="success"?"success":"failed",priceValue:I(Ce,6,6),usdValue:dt,realUsdValue:F,realValue:ie(Ce),percentageChange:I(X,2,2),token:{displayName:Q[re-1].to.token.displayName,image:Q[re-1].to.token.image},chain:{image:Q[re-1].to.chain.image},description:Ie}))}i(xs,"SwapDetails");import{i18n as Lo}from"@lingui/core";import{CopyIcon as oS,IconButton as nS,NotFound as rS,Skeleton as Nc,Typography as gr}from"@rango-dev/ui";import pe from"react";import{i18n as Zy}from"@lingui/core";import{Divider as Ry,Skeleton as eS,Typography as tS}from"@rango-dev/ui";import se from"react";import{css as je,styled as vs}from"@rango-dev/ui";var Wc=vs("div",{width:"100%",height:"100%",padding:"$10 $20"}),No=vs("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),fr=vs("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),t$=je({display:"flex",justifyContent:"space-between",alignItems:"center"}),o$=je({display:"flex",justifyContent:"space-between",alignItems:"center"}),n$=je({paddingTop:"$15",display:"flex"}),r$=je({padding:"$15 $0"}),i$=je({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),s$=je({paddingBottom:"$10"}),a$=je({display:"flex",justifyContent:"start",alignItems:"center"}),l$=je({paddingTop:"$5",display:"flex",alignItems:"center"}),p$=je({display:"flex",alignItems:"center"}),u$=je({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Bc=je({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function As(){return se.createElement(Wc,null,se.createElement(ho,{type:"swap-preview"}),se.createElement("div",{className:"swaps-steps"},se.createElement(tS,{variant:"title",size:"small"},Zy.t("Swaps steps"))),se.createElement(se.Fragment,null,se.createElement(No,null,se.createElement(tt,{separator:!1}),se.createElement("div",{className:Bc()},se.createElement(Ry,{direction:"horizontal",size:20}),se.createElement(eS,{height:22,variant:"rectangular"}))),se.createElement(fr,null),se.createElement(No,null,se.createElement(tt,{separator:!1})),se.createElement(fr,null),se.createElement(No,null,se.createElement(tt,{separator:!1})),se.createElement(fr,null),se.createElement(No,null,se.createElement(tt,{separator:!1}))))}i(As,"LoadingSwapDetails");function Lc(t){let{requestId:e,showSkeleton:o}=t;return pe.createElement(K,{noPadding:!0,header:{title:Lo.t("Swap and Bridge"),suffix:pe.createElement(Ht,null)}},o&&pe.createElement(ur,null,pe.createElement(cr,null,pe.createElement("div",{className:Rt()},pe.createElement(gr,{variant:"label",size:"large",color:"neutral700"},`${Lo.t("Request ID")}:`),pe.createElement("div",{className:mr()},pe.createElement(gr,{variant:"label",size:"small",color:"neutral700"},pe.createElement(Nc,{width:60,height:10,variant:"rounded"})),pe.createElement(nS,{variant:"ghost"},pe.createElement(oS,{size:16,color:"gray"})))),pe.createElement("div",{className:Rt()},pe.createElement(gr,{variant:"label",size:"large",color:"neutral700"},`${Lo.t("Created at")}:`),pe.createElement(gr,{variant:"label",size:"small",color:"neutral700"},pe.createElement(Nc,{width:60,height:10,variant:"rounded"})))),pe.createElement(As,null)),!o&&pe.createElement(wc,null,pe.createElement(rS,{title:Lo.t("Not found"),description:Lo.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Lc,"SwapDetailsPlaceholder");function Mc(){let{manager:t,state:e}=sS(),o=!e.loadedFromPersistor,n=Xt(t),r=Ae.use.selectedSwapRequestId(),s=St(),{fetchStatus:a}=d(),l=o||a==="loading",p=n.find(({swap:h})=>h.requestId===r),u=i(()=>{if(p?.id){let h=t?.get(p.id);h&&iS(h)}},"onCancel"),m=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(h){console.log(h)}},"onDelete"),c=p?.swap;return!c||l?Pc.createElement(Lc,{requestId:r||"",showSkeleton:l}):Pc.createElement(xs,{swap:c,requestId:r||"",onCancel:u,onDelete:m})}i(Mc,"SwapDetailsPage");import{i18n as Po}from"@lingui/core";import{AutoThemeIcon as aS,DarkModeIcon as lS,LightModeIcon as pS,List as uS,ListItemButton as cS,Radio as bs,RadioRoot as mS,Typography as Es}from"@rango-dev/ui";import be from"react";function $c(){let{setTheme:t,theme:e}=d(),o=[{id:"light",value:"light",title:be.createElement(Es,{variant:"title",size:"xmedium"},Po.t("Light")),onClick:()=>t("light"),start:be.createElement(pS,{color:"gray"}),end:be.createElement(bs,{value:"light"})},{id:"dark",value:"dark",title:be.createElement(Es,{variant:"title",size:"xmedium"},Po.t("Dark")),onClick:()=>t("dark"),start:be.createElement(lS,{color:"gray"}),end:be.createElement(bs,{value:"dark"})},{id:"auto",value:"auto",title:be.createElement(Es,{variant:"title",size:"xmedium"},Po.t("Auto")),onClick:()=>t("auto"),start:be.createElement(aS,{color:"gray"}),end:be.createElement(bs,{value:"auto"})}];return be.createElement(K,{header:{title:Po.t("Theme")}},be.createElement(pt,null,be.createElement(mS,{onValueChange:n=>t(n),value:e},be.createElement(uS,{type:be.createElement(cS,{title:Po.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i($c,"ThemePage");function _c(){return dS([{path:_.home,element:Ee.createElement(du,null)},{path:_.fromSwap,children:[{index:!0,element:Ee.createElement(as,{type:"source"})},{path:_.blockchains,element:Ee.createElement(Hi,{type:"source"})}]},{path:_.toSwap,children:[{index:!0,element:Ee.createElement(as,{type:"destination"})},{path:_.blockchains,element:Ee.createElement(Hi,{type:"destination"})}]},{path:_.settings,children:[{index:!0,element:Ee.createElement(ec,null)},{path:_.themes,element:Ee.createElement($c,null)},{path:_.languages,element:Ee.createElement(gu,null)},{path:_.exchanges,element:Ee.createElement(Oi,{sourceType:"Exchanges"})},{path:_.bridges,element:Ee.createElement(Oi,{sourceType:"Bridges"})}]},{path:_.swaps,children:[{index:!0,element:Ee.createElement(lu,null)},{path:_.swapDetails,element:Ee.createElement(Mc,null)}]},{path:_.wallets,element:Ee.createElement(Bl,null)},{path:_.confirmSwap,element:Ee.createElement(Rp,null)}])}i(_c,"AppRoutes");import{isApprovalTX as fS,MainEvents as Fc,RouteEventType as Oc,StepEventType as to,StepExecutionEventStatus as gS,useEvents as hS}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Uc}from"react";import{StepExecutionBlockedEventStatus as Is}from"@rango-dev/queue-manager-rango-preset";var Dc=[Is.WAITING_FOR_CHANGE_WALLET_ACCOUNT,Is.WAITING_FOR_NETWORK_CHANGE,Is.WAITING_FOR_WALLET_CONNECT];function qc(){let t=d().tokens(),e=H.use.connectedWallets(),o=H.use.getWalletsDetails(),n=_e.use.setNotification(),r=_e.use.setAsRead(),s=hS();return Uc(()=>(s.on(Fc.StepEvent,a=>{let{event:l,step:p,route:u}=a;if(l.type===to.TX_EXECUTION&&l.status===gS.TX_SENT&&!fS(p)||l.type===to.SUCCEEDED){let c=e.find(f=>f.chain===p?.fromBlockchain),h=p?.fromBlockchain!==p?.toBlockchain&&e.find(f=>f.chain===p?.toBlockchain);c&&o([c],t),h&&o([h],t)}l.type===to.TX_EXECUTION_BLOCKED&&Dc.includes(l.status)||l.type===to.FAILED?n(l,u):(l.type===to.TX_EXECUTION||l.type===to.CHECK_STATUS)&&r(u.requestId)}),()=>s.all.clear()),[s,e.length]),Uc(()=>(s.on(Fc.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===Oc.FAILED||l.type===Oc.SUCCEEDED)&&n(l,p)}),()=>s.all.clear()),[s,e.length]),null}i(qc,"WidgetEvents");import{globalCss as yS}from"@rango-dev/ui";var zc=i(()=>yS({"@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 SS}from"@rango-dev/ui";var Gc=SS("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 hr(){zc();let{config:t}=d(),{activeTheme:e}=Cn(t?.theme||{}),{activeLanguage:o,changeLanguage:n}=Vn(),[r,s]=Qc(""),[a,l]=Qc(),p=kS(un);return Hc(()=>{_e.persist.rehydrate(),p.onConnectWallet(s)},[]),Hc(()=>{n(t?.language)},[t?.language]),Mo.createElement(CS,{language:o},Mo.createElement(Gc,{id:"swap-container",className:e()},Mo.createElement(qc,null),Mo.createElement(Fa,{lastConnectedWallet:r,disconnectedWallet:a,clearDisconnectedWallet:()=>{l(void 0)}},Mo.createElement(_c,null))))}i(hr,"Main");import Bs,{useMemo as FS}from"react";import{checkWaitingForNetworkChange as TS,makeQueueDefinition as wS}from"@rango-dev/queue-manager-rango-preset";import{Provider as xS}from"@rango-dev/queue-manager-react";import{useWallets as vS}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as AS}from"@rango-dev/wallets-shared";import{isEvmBlockchain as bS}from"rango-types";import ES,{useMemo as IS}from"react";function WS(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=vS(),l=IS(()=>wS({API_KEY:t.apiKey||Dt("API_KEY"),BASE_URL:Dt("BASE_URL")}),[t.apiKey]),p=d().blockchains(),m={blockchains:H.use.connectedWallets().map(k=>({accounts:[k],name:k.chain}))},c=i(async(k,T)=>{if(s(k,T))return r(k,T)},"switchNetwork"),h=i(k=>!!a(k).mobileWallet,"isMobileWallet"),f=p.filter(k=>k.enabled).reduce((k,T)=>(k[T.name]=T,k),{}),x=p.filter(bS),w=i(k=>{let{supportedChains:T}=a(k);return zo(T)},"getSupportedChainNames"),g=e(),v={meta:{blockchains:f,evmBasedChains:x,evmNetworkChainInfo:AS(x),getSupportedChainNames:w},getSigners:o,wallets:m,providers:g,switchNetwork:c,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:h};return ES.createElement(xS,{queuesDefs:[l],context:v,onPersistedDataLoaded:k=>{TS(k)},isPaused:!1},t.children)}i(WS,"QueueManager");var Vc=WS;import{useManager as MS}from"@rango-dev/queue-manager-react";import $S,{createContext as _S,useContext as DS}from"react";import{cancelSwap as BS,getCurrentBlockchainOfOrNull as NS,getCurrentStep as LS,getRelatedWalletOrNull as PS}from"@rango-dev/queue-manager-rango-preset";var $o=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return Xt(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&&BS(o)}getCurrentStepInfo(e){let o=LS(e);return{step:o,wallet:o?PS(e,o):null,network:o?NS(e,o):null}}};i($o,"WidgetHistory");var jc=_S(void 0);function Ws(t){let{manager:e}=MS(),o=U.use.retry(),n=new $o(e,{retrySwap:o}),r=H.use.connectedWallets(),s=H.use.loading(),a=Gs(r),l=H.use.getWalletsDetails(),p=d().blockchains(),u=d().tokens(),m=d().swappers(),c=d().fetchStatus,h={history:n,wallets:{isLoading:s,details:r,totalBalance:a,refetch:l},meta:{blockchains:p,tokens:u,swappers:m,loadingStatus:c}};return $S.createElement(jc.Provider,{value:h},t.children)}i(Ws,"WidgetInfo");function Xc(){let t=DS(jc);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Xc,"useWidget");function yr(t){let{onUpdateState:e,config:o}=t;return FS(()=>{Xs({API_KEY:o?.apiKey||Do,BASE_URL:o?.apiUrl||Ps})},[o]),Bs.createElement(cn,{config:o,onUpdateState:e},Bs.createElement(Vc,{apiKey:o.apiKey},Bs.createElement(Ws,null,t.children)))}i(yr,"WidgetProvider");function Kc(t){return t.config?.externalWallets?Ns.createElement(hr,null):Ns.createElement(yr,{config:t.config??Sr},Ns.createElement(hr,null))}i(Kc,"Widget");export{MD as MainEvents,HD as Networks,jD as PendingSwapNetworkStatus,$D as RouteEventType,_D as StepEventType,DD as StepExecutionBlockedEventStatus,FD as StepExecutionEventStatus,zD as WalletEvents,QD as WalletTypes,Kc as Widget,yr as WidgetProvider,cn as WidgetWallets,Hr as customizedThemeTokens,qD as readAccountAddress,Fl as useWallets,Xc as useWidget,OD as useWidgetEvents};
1
+ var om=Object.defineProperty;var i=(t,e)=>om(t,"name",{value:e,configurable:!0});import{MainEvents as OD,RouteEventType as UD,StepEventType as qD,StepExecutionBlockedEventStatus as zD,StepExecutionEventStatus as GD,useEvents as HD}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as VD,useWallets as ql,Events as jD}from"@rango-dev/wallets-react";import{Networks as KD,WalletTypes as YD}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as ZD}from"rango-types";import{Events as Ur,Provider as Fm}from"@rango-dev/wallets-react";import{isEvmBlockchain as Om}from"rango-sdk";import mn,{createContext as Um,useEffect as qr,useRef as qm,useState as zm}from"react";import{useEffect as pn,useLayoutEffect as $a,useRef as un}from"react";import Tm,{createContext as wm,useContext as xm,useEffect as vm,useRef as Am}from"react";import{create as Cm}from"zustand";import{persist as km}from"zustand/middleware";var Tr={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},$s=i((t,e,o)=>({config:{...Tr,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");import{RangoClient as fm}from"rango-sdk";var Uo="c6381a79-2817-4602-83bf-6a641a409e32",_s="https://api.rango.exchange",Ce="rango-swap-box",Ds="https://scan.rango.exchange";import{WalletState as Je}from"@rango-dev/ui";import{readAccountAddress as im}from"@rango-dev/wallets-react";import{detectInstallLink as sm,getCosmosExperimentalChainInfo as am,isEvmAddress as lm,KEPLR_COMPATIBLE_WALLETS as iC,Networks as qs}from"@rango-dev/wallets-shared";import wr from"bignumber.js";import{isCosmosBlockchain as pm}from"rango-types";import nm from"bignumber.js";var Ie=new nm(0);import{WalletTypes as rm}from"@rango-dev/wallets-shared";var Fs=[rm.LEAP];import{BigNumber as Us}from"bignumber.js";var qo=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),I=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new Us(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new Us(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 zo=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Ye=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),io=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function se(t){return I(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(se,"formatTooltipNumbers");function xr(t){switch(!0){case t.connected:return Je.CONNECTED;case t.connecting:return Je.CONNECTING;case!t.installed:return Je.NOT_INSTALLED;default:return Je.DISCONNECTED}}i(xr,"mapStatusToWalletState");function zs(t,e,o,n){return o.filter(r=>!Fs.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=xr(t(r));return{title:s,image:a,link:sm(l),state:p,type:r}})}i(zs,"mapWalletTypesToWalletInfo");function Qo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Qo,"walletAndSupportedChainsNames");function Gs(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}=im(p),c=l.length>0,g=l.includes(m),f=m===qs.Unknown;if(c&&!g&&!f)return;let k=m===qs.Unknown&&lm(u);if(f&&!k)return;o.includes(m)||k?r?a(m,u.toLowerCase()):l.filter(w=>o.includes(w)).forEach(w=>{a(w,u.toLowerCase())}):a(m,u)}),s}i(Gs,"prepareAccountsForWalletStore");function Hs(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(Hs,"getRequiredChains");function Vo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(Vo,"isAccountAndWalletMatched");function Qs(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 wr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:cm(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Qs,"makeBalanceFor");function Vs(t){return{...t,loading:!1,error:!0}}i(Vs,"resetConnectedWalletState");var js=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=I(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new wr(s?.amount||Ie).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ie)||Ie).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 cm=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),jo=i((t,e)=>{let o=am(Object.entries(t).map(([,n])=>n).filter(pm));return o&&o[e]?.experimental},"isExperimentalChain");function Xo(t){return t?{...t,amount:I(t.amount,8,8),usdValue:I(t.usdValue,4,4)}:null}i(Xo,"formatBalance");function mm(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(mm,"sortTokensByBalance");function dm(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(dm,"sortTokensByPinnedToken");function Xs(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=dm(n,r,o);return l!==0?l:mm(s,a)}),t}i(Xs,"sortTokens");function Ne(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Ne,"tokensAreEqual");function Ks(t){return t.sort((e,o)=>+(o.state===Je.CONNECTED)-+(e.state===Je.CONNECTED)||+(o.state===Je.DISCONNECTED||o.state===Je.CONNECTING)-+(e.state===Je.DISCONNECTED||e.state===Je.CONNECTING))}i(Ks,"sortWalletsBasedOnConnectionState");function Ko(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(Ko,"getConciseAddress");function Ys({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Ys,"getAddress");function vr(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(vr,"createTokenHash");function Yo(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new wr(o?.usdPrice??Ie).multipliedBy(o?.amount).toString():""},r=o?vr({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(Yo,"makeTokensBalance");var Js=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");var Ar={API_KEY:Uo};function Ot(t){return Ar[t]||""}i(Ot,"getConfig");function Zs(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Ar=e,Ar}i(Zs,"initConfig");var Rs=20,ea=25,ta="Roboto",br="theme-widget",so=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Ne(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Ne(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),Er=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var Jo,Ut=i(()=>Jo||(Jo=new fm(Ot("API_KEY"),Ot("BASE_URL")),Jo),"httpService");function qt(t){return Array.from(new Set(t))}i(qt,"removeDuplicateFrom");function Ir(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Ir,"areEqual");function oa(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(oa,"debounce");function bt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(bt,"containsText");var O=i(()=>document.getElementById(Ce),"getContainer");function Zo(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(Zo,"getUniqueSwappersGroups");function na(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(na,"sortLiquiditySourcesByGroupTitle");function Le(t,e){return e?.[t]==="hidden"}i(Le,"isFeatureHidden");function Ro(t,e){return e?.[t]==="enabled"}i(Ro,"isFeatureEnabled");var ra=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&&so(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(bt(p.symbol,o.searchFor)||bt(p.address||"",o.searchFor)||bt(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(u,o.type)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Ne(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(na)},fetch:async()=>{try{let o=await Ut().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 hm,Japanese as ym,Spanish as Sm}from"@rango-dev/ui";var ia=[{title:"English",label:"English",local:"en",SVGFlag:gm},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Sm},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:hm},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:ym}],zt="en";var sa=[.5,1,3],aa=1,la=5,pa=100,ua=0;var ca=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:zt,preferredBlockchains:[],slippage:aa,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=Le("theme",n),s=Le("language",n),a=Le("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:zt},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function ma(t){return Cm()(km((...e)=>({...ra(...e),...ca(...e),...$s(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 da=wm(null);function d(){let t=xm(da);if(vm(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(d,"useAppStore");function fa(t){let e=Am();return e.current||(e.current=ma(t.config)),Tm.createElement(da.Provider,{value:e.current},t.children)}i(fa,"AppStoreProvider");import St from"bignumber.js";import{create as Lm}from"zustand";import{subscribeWithSelector as Pm}from"zustand/middleware";import{getLastSuccessfulStep as Bm}from"@rango-dev/queue-manager-rango-preset";import Fk from"bignumber.js";var gt=(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))(gt||{});function ga(t,e){return e.find(o=>o.name===t)?.displayName}i(ga,"getBlockchainDisplayNameFor");function Pe(t,e){return e.find(o=>o.name===t)?.shortName}i(Pe,"getBlockchainShortNameFor");function ao(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(ao,"getSwapperDisplayName");function Br(t,e){return e.find(o=>Ne(o,t))??null}i(Br,"findToken");function Nr(t,e){return e.find(o=>o.name===t)??null}i(Nr,"findBlockchain");import{i18n as qe}from"@lingui/core";import we from"bignumber.js";import{PendingSwapNetworkStatus as nn}from"rango-types";function en(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(en,"getRequiredWallets");function tn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(tn,"isValidAddress");import{i18n as de}from"@lingui/core";var Q=i(()=>({genericServerError:de.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:de.t("Please reset your liquidity sources."),description:de.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:de.t("No Routes Found."),description:de.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:de.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:de.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:de.t("High Price Impact"),title:de.t("Price impact is too high!"),description:de.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:de.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:de.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:de.t("USD Price Unknown"),title:de.t("USD Price Unknown, Cannot calculate Price Impact."),description:de.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:de.t("Confirm USD Price Unknown")}}),"errorMessages");function ha(t){switch(t.type){case 0:return t.diagnosisMessage??Q().noResultError.title;case 1:return Q().genericServerError;default:return""}}i(ha,"getQuoteErrorMessage");import{i18n as on}from"@lingui/core";var Et=i(()=>({connectWallet:on.t("Connect Wallet"),swap:on.t("Swap"),swapAnyway:on.t("Swap anyway"),ethWarning:on.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function ya(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new we(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new we(1e3)))??!1}i(ya,"hasHighValueLoss");function Lr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new we(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new we(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(Lr,"hasLimitError");function Pr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new we(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new we(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new we(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new we(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=qe.t({id:"Required: >= {min} {symbol}",values:{min:I(o,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=qe.t({id:"Required: > {min} {symbol}",values:{min:I(o,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=qe.t({id:"Required: <= {max} {symbol}",values:{max:I(n,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=qe.t({id:"Required: < {max} {symbol}",values:{max:I(n,6,6),symbol:e.from.symbol}}),a=Q().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Pr,"getLimitErrorMessage");function Sa(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Et().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:Et().swap,action:"confirm-swap",disabled:!0}:a?{title:Et().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Et().ethWarning,action:"confirm-warning",disabled:!1}:{title:Et().swap,action:"confirm-swap",disabled:!1}:{title:Et().connectWallet,action:"connect-wallet",disabled:!1}}i(Sa,"getSwapButtonState");function Mr(t,e,o){return!((!o||o.lte(Ie))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Mr,"canComputePriceImpact");function bm(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(bm,"requiredWallets");var Em=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Im(t,e){let o=Ie;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Em(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new we(r.amount).multipliedBy(s||0))}return o}i(Im,"getUsdFeeOfStep");function rn(t,e){return t.reduce((o,n)=>o.plus(Im(n,e)),Ie)}i(rn,"getTotalFeeInUsd");function $r(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($r,"checkSlippageErrors");function Ca(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(Ca,"checkSlippageWarnings");function sn(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(sn,"getMinRequiredSlippage");function ka(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(ka,"hasProperSlippage");function an(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:g,initialQuote:f,destination:v}=t,k=s?.reduce((A,y)=>(A[y.chain]=y.address,A),{}),h=[];r?.forEach(A=>{let y=h.find(E=>E.blockchain===A.chain);y?y.addresses.push(A.address):h.push({blockchain:A.chain,addresses:[A.address]})});let T=!!f,w=qt((f?.result?.swaps||[]).reduce((A,y)=>(A.push(y.from.blockchain,y.to.blockchain),y.internalSwaps&&Array.isArray(y.internalSwaps)&&y.internalSwaps.map(E=>{A.push(E.from.blockchain,E.to.blockchain)}),A),[]));return{amount:n.toString(),affiliateRef:m??void 0,affiliatePercent:c??void 0,affiliateWallets:g??void 0,checkPrerequisites:T,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:h,selectedWallets:k??{},slippage:u.toString(),...v&&{destination:v},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(A=>!a.includes(A)),swappersGroupsExclude:!1},...T&&{blockchains:w}}}i(an,"createQuoteRequestBody");function Ta(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Ta,"getWalletsForNewSwap");function Gt(t){return t.result?.outputAmount||null}i(Gt,"getQuoteOutputAmount");function wa(t,e){return new we(e).div(new we(t)).minus(1).multipliedBy(100).toNumber()}i(wa,"getPercentageChange");function xa(t,e){let o=Gt(t),n=Gt(e);if(!o||!n)return!1;let r=Me(o,n);return r?r<=-1:!0}i(xa,"isOutputAmountChangedALot");function va(t,e,o){let n=t.validationStatus,r=Hs(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>Ba(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=I(new we(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=I(new we(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),m="";return a.reason==="FEE"&&(m=qe.t(" for network fee")),a.reason==="INPUT_ASSET"&&(m=qe.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(m=qe.t(" for input and network fee")),qe.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:Pe(a.asset.blockchain,o)}})})}i(va,"generateBalanceWarnings");function Aa(t,e){return(t?new we(t):Ie).multipliedBy(e||0)}i(Aa,"calcOutputUsdValue");function lo(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==nn.NetworkChanged}i(lo,"isNetworkStatusInWarningState");function ba(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),lo(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case nn.WaitingForConnectingWallet:n=n||qe.t("Waiting for connecting wallet");break;case nn.WaitingForQueue:n=n||qe.t("Waiting for other running tasks to be finished");break;case nn.WaitingForNetworkChange:n=n||qe.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(ba,"getSwapMessages");function Ea(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(Ea,"getLastConvertedTokenInFailedSwap");function Ia(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Ia,"shouldRetrySwap");function Wa(t,e,o,n,r,s){return t||!e&&!bm(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!tn(s,o)}i(Wa,"confirmSwapDisabled");function _r(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(_r,"searchParamsToToken");function La(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(La,"getQuoteToTokenUsdPrice");function Dr(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(Dr,"isNumberOfSwapsChanged");function Fr(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!Ir(o,n)}i(Fr,"isQuoteSwappersUpdated");function Or(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!Ir(o,n)}i(Or,"isQuoteInternalCoinsUpdated");function Pa(t,e){return Dr(t,e)||Fr(t,e)||Or(t,e)}i(Pa,"isQuoteChanged");function Ba(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(Ba,"getRequiredBalanceOfWallet");function at(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(at,"getPriceImpactLevel");function Ma(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Bm(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Nr(s?s.toBlockchain:n.fromBlockchain,e),p=Nr(r.toBlockchain,e),u=Br(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),m=Br(a,o),c=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:m,inputAmount:c}}i(Ma,"createRetryQuote");function ln(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=It(o,t.requestAmount),l=It(n,t.result?.outputAmount??"");if(t.result&&a&&l){let m=Me(a.toString(),l.toString());if(!!m&&ya(a,m)){let g=rn(t.result.swaps,r),f=at(m);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:m,totalFee:g,warningLevel:f}}}else if(t.result&&(!a||!l))return{type:1};let p=sn(t),u=s>la;if(ka(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:Ca(t,s),minRequiredSlippage:p};return null}i(ln,"generateQuoteWarnings");function Me(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:wa(t.toString(),e.toString());return n&&n<0?n:null}i(Me,"getPriceImpact");var Nm=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"),yt=Nm;var It=i((t,e)=>t?.usdPrice?new St(e||Ie).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),U=yt(Lm()(Pm(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new St(0),outputUsdValue:new St(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ie;return io(o.inputAmount)?(e&&(n=e.result?.outputAmount?new St(e.result?.outputAmount):null,r=Aa(e.result?.outputAmount,La(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new St(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:It(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 St(0),outputUsdValue:new St(0),quote:null},...!!o.fromToken&&{inputUsdValue:It(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=Ma(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:It(a??null,u),outputUsdValue:new St(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:It(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 _a(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=U(),u=d().config,m=d().fetchStatus,c=d().blockchains(),g=d().tokens(),{setAffiliateRef:f,setAffiliatePercent:v,setAffiliateWallets:k}=d(),h=u?.from?.tokens,T=u?.from?.blockchains,w=u?.to?.tokens,x=u?.to?.blockchains,A=un(void 0),y=un(void 0),E=un(void 0),b=un(void 0);pn(()=>{t(u?.amount?.toString()||"")},[u?.amount]),$a(()=>{if(m==="success"){let C=c.find(M=>M.name===u?.from?.blockchain),W=g.find(M=>Ne(M,u?.from?.token||null));(C||!C&&E.current)&&n(C??null),W?r({token:W,meta:{blockchains:c,tokens:g}}):!W&&A.current&&r({token:null}),E.current=u?.from?.blockchain,A.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,m]),pn(()=>{so(s,h)&&r({token:null}),Er(l,T)&&n(null)},[h,T]),pn(()=>{so(a,w)&&r({token:null}),Er(p,x)&&o(null)},[w,x]),$a(()=>{if(m==="success"){let C=c.find(M=>M.name===u?.to?.blockchain),W=g.find(M=>Ne(M,u?.to?.token||null));(C||!C&&b.current)&&o(C??null),W?e({token:W,meta:{blockchains:c,tokens:g}}):!W&&y.current&&e({token:null}),b.current=u?.to?.blockchain,y.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,m]),pn(()=>{f(u?.affiliate?.ref??null),v(u?.affiliate?.percent??null),k(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}i(_a,"useSyncStoresWithConfig");import{useEffect as Dm}from"react";import{create as Mm}from"zustand";import{subscribeWithSelector as $m}from"zustand/middleware";var H=yt(Mm()($m((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:Yo(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=>Vo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:m})=>({address:u,blockchain:m})),p=(await Ut().getWalletsDetails(a)).wallets;if(p)t(u=>{let m=u.connectedWallets.map(g=>{let f=o.find(k=>Vo(k,g)),v=p.find(k=>k.address===g.address&&k.blockChain===g.chain);return v?.failed&&f&&r&&s([f],n,!1),f&&v?{...g,explorerUrl:v.explorerUrl,balances:Qs(v,n),loading:!1}:g});return{loading:!1,balances:Yo(m),connectedWallets:m}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(m=>o.find(c=>Vo(c,m))?Vs(m):m);return{loading:!1,balances:Yo(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=vr(o);return n[r]??null}}))));import{allProviders as _m}from"@rango-dev/provider-all";function cn(t,e){let o=_m({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(cn,"matchAndGenerateProviders");function Da(t,e){return cn(t,e).map(r=>r.config.type)}i(Da,"configWalletsToWalletName");function Fa(t,e){let o=H.use.clearConnectedWallet(),n=cn(void 0,e);return Dm(()=>{o(),n=cn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Fa,"useWalletProviders");var dn=Um({onConnectWallet:()=>{}});function Gm(t){let{updateConfig:e,updateSettings:o,fetch:n}=d(),r=d().blockchains(),s=d().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=zm([]),{providers:u}=Fa(t.config.wallets,a),{connectWallet:m,disconnectWallet:c}=H(),g=qm();_a(),qr(()=>{n().catch(console.log)},[]),qr(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let f=r.filter(Om).map(k=>k.name),v=i((k,h,T,w,x)=>{if(h===Ur.ACCOUNTS)if(T){let A=Qo(x.supportedBlockchains),y=Gs(k,T,f,A,x.isContractWallet);p(y)}else c(k);if(h===Ur.ACCOUNTS&&w.connected){let A=`${k}-${w.network}-${T}`;w.connected&&(g.current?g.current(A):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(h===Ur.NETWORK&&w.network){let A=`${k}-${w.network}`;g.current?g.current(A):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(k,h,T,w,x)},"onUpdateState");return qr(()=>{l.length&&m(l,s)},[l,s]),mn.createElement(dn.Provider,{value:{onConnectWallet:k=>{g.current=k}}},mn.createElement(Fm,{allBlockChains:r,providers:u,onUpdateState:v,autoConnect:!0},t.children))}i(Gm,"Main");function fn(t){let{config:e,...o}=t;return mn.createElement(fa,{config:e},mn.createElement(Gm,{...o,config:e}))}i(fn,"WidgetWallets");import Ms from"react";import{I18nManager as xS}from"@rango-dev/ui";import Fo,{useContext as vS,useEffect as Kc,useState as Yc}from"react";import{useQueueManager as Zm}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Rm}from"@rango-dev/wallets-react";import{isEvmBlockchain as ed}from"rango-types";import gn,{Fragment as td}from"react";import{MemoryRouter as od,useInRouterContext as nd}from"react-router";import{useWallets as Qm}from"@rango-dev/wallets-react";import{useEffect as Vm,useRef as jm}from"react";function Oa(){let{connect:t,state:e}=Qm(),o=jm({}),{fetchStatus:n}=d(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Vm(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(Oa,"useForceAutoConnect");import{useEffect as zr,useRef as Gr}from"react";import{createSearchParams as Km,useLocation as Ym,useSearchParams as Jm}from"react-router-dom";var _={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{create as Xm}from"zustand";var xe=yt(Xm()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));function Ua(){let t=Gr(!0),[e,o]=Jm(),n=Ym(),r=Gr(n.search),s=Gr({}),a=U.use.fromBlockchain(),l=U.use.toBlockchain(),p=U.use.fromToken(),u=U.use.toToken(),m=U.use.setFromBlockchain(),c=U.use.setFromToken(),g=U.use.setToBlockchain(),f=U.use.setToToken(),v=U.use.inputAmount(),k=U.use.setInputAmount(),h=d().fetchStatus,T=d().blockchains(),w=d().tokens(),x=xe.use.setSelectedSwap();return zr(()=>{let A={};Km(r.current).forEach((E,b)=>{A[b]=E}),s.current=A;let y=n.pathname.split(_.swaps+"/")[1]||null;y&&x(y)},[]),zr(()=>{if(!t.current){let A="",y="",E="",b="",C="",W=s.current["autoConnect"];h!=="success"?(A=s.current["fromBlockchain"],y=s.current["fromToken"],E=s.current["toBlockchain"],b=s.current["toToken"],C=s.current["fromAmount"]||v):(A=a?.name||"",y=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),E=l?.name||"",b=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),C=v),o({...A&&{["fromBlockchain"]:A},...y&&{["fromToken"]:y},...E&&{["toBlockchain"]:E},...b&&{["toToken"]:b},...C&&{["fromAmount"]:C.toString()},...W&&{["autoConnect"]:W}},{replace:!0})}t.current=!1},[n.pathname,v,a,p,l,u]),zr(()=>{if(h==="success"){let A=e.get("fromBlockchain"),y=e.get("fromToken"),E=e.get("toBlockchain"),b=e.get("toToken"),C=e.get("fromAmount"),W=T.find($=>$.name===A),M=_r(w,y,W||null),N=T.find($=>$.name===E),S=_r(w,b,N||null);W&&(m(W),M&&c({token:M,meta:{blockchains:T,tokens:w}})),N&&(g(N),S&&f({token:S,meta:{blockchains:T,tokens:w}})),C&&k(C)}},[h]),null}i(Ua,"UpdateUrl");function qa({children:t,...e}){let o=nd(),n=o?td:od,r=d().blockchains(),{canSwitchNetworkTo:s}=Rm();Oa();let a=r.filter(ed);return Zm({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),gn.createElement(gn.Fragment,null,gn.createElement(n,null,t),o&&gn.createElement(Ua,null))}i(qa,"AppRouter");import Ae from"react";import{useRoutes as yS}from"react-router-dom";import{i18n as zn}from"@lingui/core";import{useManager as vg}from"@rango-dev/queue-manager-react";import{Alert as Rp,Button as Ag,css as Wi,Divider as bg,IconButton as eu,SettingsIcon as Eg,styled as tu,Tooltip as Ig,Typography as Wg,WalletIcon as Bg}from"@rango-dev/ui";import re,{useEffect as vo,useLayoutEffect as Ng,useRef as Lg,useState as Gn}from"react";import{flushSync as Pg}from"react-dom";import{useNavigate as Mg}from"react-router-dom";import{i18n as Ze}from"@lingui/core";import{Alert as pi,BalanceErrors as vf,Button as zl,ChevronDownIcon as Af,ChevronLeftIcon as bf,Divider as Xt,MessageBox as Ef,Modal as Gl,Typography as Ln,WalletIcon as If}from"@rango-dev/ui";import P,{useEffect as Wf,useLayoutEffect as Bf,useRef as Nf,useState as Nt}from"react";import{useNavigate as Lf}from"react-router-dom";import{i18n as hn}from"@lingui/core";function yn(t){switch(t.type){case 0:return hn.t("Route has been updated.");case 3:return hn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return hn.t("Route swappers has been updated.");case 2:return hn.t("Route internal coins has been updated.");default:return""}}i(yn,"getQuoteUpdateWarningMessage");import*as Qt from"@radix-ui/react-collapsible";import{Button as id,css as za,darkTheme as Ht,IconButton as sd,keyframes as Ga,styled as fe,TextField as ad}from"@rango-dev/ui";var po=300,ld=Ga({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),pd=Ga({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Ha=fe("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Qa=fe("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),ud=fe("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Ht} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Ht} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Ht} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Va=fe(ud,{alignSelf:"stretch",minHeight:"93px"}),ja=fe(Qt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit"}),Xa=fe("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Ka=fe(sd,{position:"absolute",left:"$20"}),Ya=fe("div",{paddingTop:"$20"}),Ja=za({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Za=fe(Qt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Ra=fe(id,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Ht} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Ht} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Ht} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}}),el=fe("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),tl=za({paddingTop:"5px"}),ol=fe("div",{transition:`all ${po}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),nl=fe("div",{display:"flex"}),rl=fe(ad,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Sn=fe(Qt.Content,{backgroundColor:"$neutral100",overflow:"hidden",variants:{open:{true:{animation:`${ld} ${po}ms ease-out`},false:{animation:`${pd} ${po}ms ease-out`}}}}),il=fe("div",{overflow:"visible",width:"100%"});import{i18n as Ge}from"@lingui/core";import{Button as Tf,Divider as ai,Image as wf,MessageBox as Nn,Modal as Dl,SelectableWallet as xf,Typography as Fl,WalletState as Ol}from"@rango-dev/ui";import ne,{useEffect as Ul,useState as mo}from"react";import{WalletState as Hr}from"@rango-dev/ui";import{useWallets as cd}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as md,WalletTypes as Cn}from"@rango-dev/wallets-shared";import{useEffect as dd,useState as fd}from"react";var gd=Object.values(Cn);function kn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=cd(),{connectedWallets:u}=H(),m=d().blockchains(),c=Da(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||gd,g=zs(s,l,c,o),f=Ks(g),[v,k]=fd(""),h=i(y=>!u.find(E=>E.walletType===y&&E.chain===o),"isExperimentalChainNotAdded"),T=i(async y=>{let E=s(y);try{if(v&&k(""),E.connected)await a(y);else{let b=!!g.find(C=>C.state===Hr.CONNECTED);if(!e?.multiWallets&&b)return;n?.(y),await p(y),r?.(y)}}catch(b){k("Error: "+b?.message)}},"handleClick"),w=i(()=>{let y=g?.filter(E=>E.state===Hr.CONNECTING)||[];for(let E of y)a(E.type)},"disconnectConnectingWallets");dd(()=>()=>{w()},[]);let x=i(y=>y.filter(b=>b.state!=Hr.NOT_INSTALLED&&![Cn.DEFAULT,Cn.WALLET_CONNECT_2].includes(b.type)&&l(b.type).supportedChains.filter(C=>C.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),A=i((y,E,b)=>jo(b,E)&&h(y)&&!md.includes(y)||y==Cn.DEFAULT&&!x(g),"shouldExcludeWallet");return{list:f.filter(y=>!A(y.type,o??"",m)),error:v,handleClick:T}}i(kn,"useWalletList");import{i18n as Bl}from"@lingui/core";import{styled as Ll,Typography as df,Wallet as ff,WalletState as gf}from"@rango-dev/ui";import Bt,{Fragment as hf,useState as Nl}from"react";import{BottomLogo as of,Divider as nf,Header as rf}from"@rango-dev/ui";import ge from"react";import{useNavigate as hd}from"react-router-dom";function Ct(){let t=hd();return()=>t(-1)}i(Ct,"useNavigateBack");import{createTheme as Xr,darkTheme as Td,lightTheme as wd}from"@rango-dev/ui";import{useEffect as ll,useState as xd}from"react";import{theme as Cd,darkColors as kd}from"@rango-dev/ui";var sl=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"),Tn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:sl(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:sl(e,-((l-5)*25))});return a},"generateRangeColors"),Qr=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=Tn(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,...Tn(s,a)}}return n?r:{}},"generateColors");var al=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),yd=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=al(o%52)+e;return al(o%52)+e},"toAlphabeticName"),Sd=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Vr=i(t=>yd(Sd(5381,JSON.stringify(t))>>>0),"toHash");function jr(t){let e=Cd.colors,o=Qr({...e,...kd},!0,t?.dark),n=Qr(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:`${br}-light-${Vr(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${br}-dark-${Vr(p)}`,tokens:p}}return{light:a,dark:l}}i(jr,"customizedThemeTokens");function wn(t){let{colors:e,fontFamily:o=ta,borderRadius:n=Rs,secondaryBorderRadius:r=ea,mode:s="auto"}=t,[a,l]=xd("light"),{setTheme:p,theme:u}=d(),{dark:m,light:c}=jr(e),g=Xr({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[g.className,wd.className],v=[g.className,Td.className];if(c){let h=Xr(c.id,c.tokens);f.push(h.className)}if(m){let h=Xr(m.id,m.tokens);v.push(h.className)}return ll(()=>{let h=i(T=>{T.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)}},[]),ll(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let h=f.join(" "),T=v.join(" ");return u==="auto"?a==="dark"?T:h:u==="dark"?T:h},"getActiveTheme")}}i(wn,"useTheme");import{ChevronLeftIcon as bd}from"@rango-dev/ui";import ml from"react";import{darkTheme as vd,IconButton as Ad,styled as uo}from"@rango-dev/ui";var $e=uo(Ad,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),pl=uo("div",{position:"absolute",background:"$secondary500",[`.${vd} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Vt=uo("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),ul=uo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),cl=uo("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function Kr(t){return ml.createElement($e,{variant:"ghost",size:"small",onClick:t.onClick},ml.createElement(bd,{color:"black",size:16}))}i(Kr,"BackButton");import{i18n as Ed}from"@lingui/core";import{Button as Id,Typography as Wd}from"@rango-dev/ui";import Yr from"react";function Jr(t){return Yr.createElement(Vt,null,Yr.createElement(Id,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Yr.createElement(Wd,{variant:"label",size:"medium",color:"error500"},Ed.t("Cancel"))))}i(Jr,"CancelButton");import{i18n as Bd}from"@lingui/core";import{Tooltip as Nd,WalletIcon as Ld}from"@rango-dev/ui";import xn from"react";function Zr(t){return xn.createElement(Nd,{container:t.container,side:"top",content:Bd.t("Connect Wallet")},xn.createElement($e,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&xn.createElement(pl,null),xn.createElement(Ld,{size:18,color:"black"})))}i(Zr,"WalletButton");import{i18n as En}from"@lingui/core";import{NotificationsIcon as Jd,Popover as Zd,SettingsIcon as Rd,Tooltip as In,TransactionIcon as ef}from"@rango-dev/ui";import ce from"react";import{i18n as Ud}from"@lingui/core";import{ChainToken as Sl,ChevronRightIcon as qd,ListItemButton as zd,Typography as Gd}from"@rango-dev/ui";import ze from"react";import{useNavigate as Hd}from"react-router-dom";import{create as Pd}from"zustand";import{persist as Md,subscribeWithSelector as $d}from"zustand/middleware";var _e=yt(Pd()(Md($d((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 vn}from"@rango-dev/ui";var dl=vn("div",{padding:"$10",width:"350px",minHeight:"150px"}),fl=vn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),gl=vn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),hl=vn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as _d}from"@lingui/core";import{Divider as Dd,NoNotificationIcon as Fd,Typography as Od}from"@rango-dev/ui";import An from"react";function yl(){return An.createElement(hl,null,An.createElement(Fd,{color:"secondary",size:26}),An.createElement(Dd,{size:12}),An.createElement(Od,{variant:"body",size:"medium",color:"neutral700"},_d.t("You have no notification")))}i(yl,"NotificationNotFound");var Qd=4;function Rr(){let t=Hd(),e=xe.use.setSelectedSwap(),{getUnreadNotifications:o}=_e(),n=o(),r=d().blockchains(),s=d().tokens(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,Qd),l=i(p=>{e(p),t(`${_.swaps}/${p}`)},"handleOnClick");return ze.createElement(dl,null,a.length?ze.createElement(fl,null,a.map(p=>{let u=s.find(f=>f.address===p.route.from.tokenAddress&&f.blockchain===p.route.from.blockchain&&f.symbol===p.route.from.tokenSymbol),m=r.find(f=>f.name===p.route.from.blockchain),c=s.find(f=>f.address===p.route.to.tokenAddress&&f.blockchain===p.route.to.blockchain&&f.symbol===p.route.to.tokenSymbol),g=r.find(f=>f.name===p.route.to.blockchain);return ze.createElement(zd,{key:p.requestId,onClick:()=>l(p.requestId),title:ze.createElement(Gd,{variant:"body",size:"small",color:"$neutral700"},Ud.t(p.event.message)),id:p.requestId,start:ze.createElement(gl,null,ze.createElement("div",{className:"from-chain-token"},ze.createElement(Sl,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),ze.createElement("div",{className:"to-chain-token"},ze.createElement(Sl,{tokenImage:c?c.image:"",chainImage:g?g.logo:"",size:"small"}))),end:ze.createElement(qd,{size:12,color:"gray"})})})):ze.createElement(yl,null))}i(Rr,"NotificationContent");import{RefreshProgressButton as Vd}from"@rango-dev/ui";import ei,{useEffect as jd,useState as Cl}from"react";var Xd=1e3,kl=60,Kd=100;function bn({onClick:t}){let[e,o]=Cl(0),[n,r]=Cl(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");jd(()=>{let p;return t?p=window.setInterval(()=>{o(u=>u+1),e===kl&&l()},Xd):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 ei.createElement($e,{variant:"ghost",size:"small",onClick:l,disabled:!t},ei.createElement(cl,{onTransitionEnd:()=>r(!1),isRefetched:n},ei.createElement(Vd,{size:24,color:t?"black":"gray",progress:e/kl*Kd})))}i(bn,"RefreshButton");import{Typography as Yd}from"@rango-dev/ui";import Tl from"react";function wl(){let{getUnreadNotifications:t}=_e(),e=t().length;return e?Tl.createElement(ul,null,Tl.createElement(Yd,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(wl,"UnreadNotificationsBadge");function ti(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r}=t,{config:{features:s}}=d(),a=Le("notification",s);return ce.createElement(ce.Fragment,null,ce.createElement(In,{container:O(),side:"top",content:En.t("Refresh")},ce.createElement(bn,{onClick:o})),!a&&ce.createElement(Zd,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:O(),content:ce.createElement(Rr,null)},ce.createElement("div",null,ce.createElement(In,{container:O(),side:"top",content:En.t("Notifications")},ce.createElement($e,{size:"small",variant:"ghost"},ce.createElement(Jd,{size:18,color:"black"}),ce.createElement(wl,null))))),ce.createElement(In,{container:O(),side:"top",content:En.t("Settings")},ce.createElement($e,{size:"small",variant:"ghost",onClick:r},ce.createElement(Rd,{size:18,color:"black"}))),ce.createElement(In,{container:O(),side:"top",content:En.t("Transactions History")},ce.createElement($e,{size:"small",variant:"ghost",onClick:n},ce.createElement(ef,{size:18,color:"black"}))))}i(ti,"HomeButtons");import{darkTheme as tf,styled as oi}from"@rango-dev/ui";var xl=oi("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",[`.${tf} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",variants:{fixedHeight:{true:{height:"100vh"},false:{height:"auto !important"}}}}),vl=oi("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"}}}}),Al=oi("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function sf(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:l=!0}=t,p=H.use.connectedWallets(),{config:{features:u,theme:m}}=d(),{activeTheme:c}=wn(m||{}),g=Le("connectWalletButton",u),f=xe.use.connectWalletsButtonDisabled(),v=Ct(),k=i(()=>{!f&&n.onWallet&&n.onWallet()},"onConnectWallet"),h=typeof n.hasBackButton>"u"||n.hasBackButton;return ge.createElement(xl,{ref:e,fixedHeight:l,id:Ce,className:c()},ge.createElement(rf,{prefix:ge.createElement(ge.Fragment,null,h&&ge.createElement(Kr,{onClick:v})),title:n.title,suffix:ge.createElement(ge.Fragment,null,n.suffix,n.onWallet&&!g&&ge.createElement(Zr,{container:O(),onClick:k,isConnected:!!p?.length}),n.onCancel&&ge.createElement(Jr,{onClick:n.onCancel}))}),ge.createElement(vl,{noPadding:s},o),(a||r)&&ge.createElement(Al,null,ge.createElement("div",{className:"footer__content"},r),a&&ge.createElement("div",{className:"footer__logo"},ge.createElement(nf,{size:12}),ge.createElement(of,null))))}i(sf,"LayoutComponent");var K=ge.forwardRef(sf);K.displayName="Layout";import{Divider as cf,Modal as mf}from"@rango-dev/ui";import ri from"react";import{i18n as jt}from"@lingui/core";import{Image as pf,MessageBox as ni,WalletState as uf}from"@rango-dev/ui";import Wt from"react";import{keyframes as af,styled as Wn}from"@rango-dev/ui";var _v=Wn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),bl=Wn("div",{position:"relative"}),lf=af({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),El=Wn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${lf} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Il=Wn("div",{"& img":{borderRadius:"50%"}});function Wl(t){let{state:e,image:o,error:n}=t;return e===uf.CONNECTED?Wt.createElement(ni,{type:"success",title:jt.t("Wallet Connected"),description:jt.t("Your wallet is connected, you can use it to swap.")}):n?Wt.createElement(ni,{type:"error",title:jt.t("Failed to Connect"),description:n||jt.t("Your wallet is not connected. Please try again.")}):Wt.createElement(ni,{type:"loading",title:jt.t("Connecting to your wallet"),description:jt.t("Click connect in your wallet popup."),icon:Wt.createElement(bl,null,Wt.createElement(Il,null,Wt.createElement(pf,{src:o,size:45})),Wt.createElement(El,null))})}i(Wl,"ModalContent");function co(t){let{open:e,onClose:o,...n}=t;return ri.createElement(mf,{open:e,onClose:o,container:document.getElementById(Ce)||document.body},ri.createElement(Wl,{...n}),ri.createElement(cf,{direction:"vertical",size:32}))}i(co,"WalletModal");var yf=Ll("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Sf=Ll("div",{textAlign:"center"}),Bn=3e3,ii=300;function Pl(){let{config:t,fetchStatus:e}=d(),[o,n]=Nl(!1),[r,s]=Nl(""),a=null,{list:l,handleClick:p,error:u}=kn({config:t,onBeforeConnect:f=>{a=setTimeout(()=>{n(!0),s(f)},ii)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Bn)}}),m=l.find(f=>f.type===r),c=m?.image||"",g=m?.state||gf.NOT_INSTALLED;return Bt.createElement(K,{header:{title:Bl.t("Connect Wallets")}},Bt.createElement(Sf,null,Bt.createElement(df,{variant:"title",size:"xmedium",align:"center"},Bl.t("Choose a wallet to connect.")),Bt.createElement(yf,null,l.map((f,v)=>{let k=`wallet-${v}-${f.type}`;return Bt.createElement(hf,{key:k},Bt.createElement(ff,{...f,container:O(),onClick:h=>{p(h)},isLoading:e==="loading"}))}),Bt.createElement(co,{open:!!o,onClose:()=>n(!1),image:c,state:g,error:u}))))}i(Pl,"WalletsPage");import{keyframes as Cf,styled as si}from"@rango-dev/ui";var Ml=si("div",{position:"relative"}),kf=Cf({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),$l=si("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${kf} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),_l=si("div",{"& img":{borderRadius:"50%"}});function li(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=d(),l=H.use.connectedWallets(),{blockchains:p}=d(),[u,m]=mo(""),[c,g]=mo(null),[f,v]=mo(!1),[k,h]=mo(null),{suggestAndConnect:T}=ql(),w=null,{list:x,error:A,handleClick:y}=kn({config:a,chain:e,onBeforeConnect:S=>{w=setTimeout(()=>{m(S)},ii)},onConnect:()=>{w&&clearTimeout(w),setTimeout(()=>{m("")},Bn)}}),[E,b]=mo(x),C=x.length,W=r&&C-r>0,M=i(async S=>{v(!1),h("in-progress");try{await T(S.walletType,S.chain),h("completed")}catch{h("rejected")}},"addExperimentalChain");Ul(()=>{b(S=>{let $=x.findIndex(L=>o(L.type,e));return W&&$>1?[x[$]].concat(x.filter((L,G)=>G!==$)):S.map(L=>x.find(G=>G.type===L.type)??L)})},[JSON.stringify(x)]);let N=document.getElementById(Ce);return Ul(()=>{let S=null;return(k==="completed"||k==="rejected")&&(S=setTimeout(()=>h(null),Bn)),()=>{S&&clearTimeout(S)}},[k]),ne.createElement(ne.Fragment,null,E.slice(0,r).map(S=>{let $=Ys({connectedWallets:l,walletType:S.type,chain:e}),L=$?Ko($):"",G=jo(p(),e),Y=!l.find(be=>be.walletType===S.type&&be.chain===e),oe=G&&Y&&S.state===Ol.CONNECTED,he=oe?Ge.t({id:"Add {chain} chain",values:{chain:e}}):L,X=i(()=>{S.state===Ol.DISCONNECTED?y(S.type):oe?(g({walletType:S.type,chain:e,address:$??""}),v(!0)):n({walletType:S.type,chain:e,address:$??""})},"onClick"),J=c?.chain?ga(c.chain,p()):void 0;return ne.createElement(ne.Fragment,null,ne.createElement(co,{open:u===S.type,onClose:()=>m(""),image:S.image,state:S.state,error:A}),!!c&&ne.createElement(Dl,{open:!!c&&f,container:N,onClose:()=>{g(null)}},ne.createElement(Nn,{title:Ge.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:J}}),type:"warning",description:Ge.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:J}})},ne.createElement(ai,{size:18}),ne.createElement(ai,{size:32}),ne.createElement(Tf,{onClick:M.bind(null,c),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Ge.t("Confirm")))),k&&ne.createElement(Dl,{open:!!k,onClose:h.bind(null,null),container:N},k==="in-progress"&&ne.createElement(Nn,{type:"loading",title:Ge.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:J}}),description:Ge.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:J}}),icon:ne.createElement(Ml,null,ne.createElement(_l,null,ne.createElement(wf,{src:S.image,size:45})),ne.createElement($l,null))}),k==="completed"&&ne.createElement(Nn,{type:"success",title:Ge.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:J}}),description:Ge.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:J}})}),k==="rejected"&&ne.createElement(Nn,{type:"error",title:Ge.t("Request Rejected"),description:Ge.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:J}})}),ne.createElement(ai,{direction:"vertical",size:32})),ne.createElement(xf,{key:S.type,description:he,onClick:X,selected:o(S.type,e),...S}))}),W&&ne.createElement(Va,{selected:!1,onClick:s},ne.createElement(Fl,{variant:"label",size:"medium"},Ge.t("Show more wallets"),ne.createElement(Fl,{variant:"label",size:"medium",color:"$primary"},"\xA0+",C-(r??0)))))}i(li,"WalletList");var Pf=2;function Hl(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=d().config,l=d().blockchains(),{quote:p,setSelectedWallets:u,quoteWalletsConfirmed:m,setQuoteWalletConfirmed:c,customDestination:g,setCustomDestination:f}=U(),{connectedWallets:v,selectWallets:k}=H(),[h,T]=Nt(""),[w,x]=Nt([]),[A,y]=Nt(""),[E,b]=Nt(null),[C,W]=Nt(g),[M,N]=Nt(!!g),S=Nf(null),$=en(p),L=l.find(F=>F.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),G=i(F=>!!p?.result?.swaps.find(q=>q.from.blockchain===F),"isWalletRequiredFor"),[Y,oe]=Nt(v.filter(F=>F.selected&&$.includes(F.chain))),he=l.find(F=>F.name===L?.name),X=i((F,q)=>!!Y.find(ee=>ee.walletType===F&&ee.chain===q&&ee.selected&&(G(q)||!G(q)&&!C)),"isSelected"),J=!!C&&M&&he&&!tn(he,C),be=i(()=>{N(!1),W(""),oe(F=>{let q=!1;return F.map(ee=>!q&&ee.chain===L?.name?(q=!0,{...ee,selected:!0}):ee)})},"resetCustomDestination"),Ue=i(F=>{if(h&&T(""),X(F.walletType,F.chain))return;let ee=v.find(ye=>ye.walletType===F.walletType&&ye.chain===F.chain);ee&&(n(),F.chain===L?.name&&M&&(N(!1),W("")),oe(ye=>ye.filter(st=>st.chain!==F.chain).concat({...ee,selected:!0})))},"onChange"),Ee=i(()=>{let F=Y.filter(q=>q.selected);k(F),u(F),f(C),c(!0),o()},"onConfirmBalance"),no=i(async()=>{x([]),y(""),b(null);let F=v.filter(ye=>Y.find(st=>st.chain===ye.chain&&st.walletType===ye.walletType)),q=await r?.({selectedWallets:F,customDestination:C}),ee=q.warnings;ee?.balance?.messages&&x(ee.balance.messages),ee?.quoteUpdate&&b(ee.quoteUpdate),q.error&&y(ha(q.error)),!q.error&&(!ee?.balance?.messages.length||0>0)?Ee():x(ee?.balance?.messages??[])},"onConfirmWallets");Wf(()=>{oe(F=>F.concat(v.filter(q=>!!!F.find(ye=>ye.chain===q.chain)&&q.selected&&$.includes(q.chain))))},[v.length]),Bf(()=>{M&&S.current&&setTimeout(()=>{S?.current?.scrollIntoView({behavior:"smooth"})},po)},[M]);let Dt=document.getElementById(Ce),ft=Lf();return P.createElement(Gl,{open:e,onClose:()=>{m||ft("../",{replace:!0}),o()},dismissible:!h,container:Dt,...!h&&{footer:P.createElement(nl,null,P.createElement(zl,{loading:s,disabled:Wa(s,M,C,p,Y,L),onClick:no,variant:"contained",type:"primary",fullWidth:!0,size:"large"},Ze.t("Confirm")))},...h&&{containerStyle:{padding:"$0"},header:P.createElement(Xa,null,P.createElement(Ka,{variant:"ghost",onClick:T.bind(null,"")},P.createElement(bf,{size:16})),P.createElement(Ln,{variant:"headline",size:"small"},Ze.t({id:"Your {blockchainName} wallets",values:{blockchainName:Pe(h,l)}})))},anchor:"center"},P.createElement(Gl,{open:w.length>0,onClose:x.bind(null,[]),container:Dt},P.createElement(Ef,{title:Ze.t("Insufficient account balance"),type:"error",description:P.createElement(vf,{messages:w??[]})},P.createElement(zl,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Ee},Ze.t("Proceed anyway")))),h&&P.createElement(Ya,null,P.createElement("div",{className:Ja()},P.createElement(li,{chain:h,isSelected:X,selectWallet:Ue,onShowMore:T.bind(null,h)}))),!h&&P.createElement(P.Fragment,null,A&&P.createElement(P.Fragment,null,P.createElement(pi,{variant:"alarm",type:"error",title:Ze.t(A)}),P.createElement(Xt,{size:12})),E&&P.createElement(P.Fragment,null,P.createElement(pi,{variant:"alarm",type:"warning",title:yn(E)}),P.createElement(Xt,{size:12})),P.createElement(il,null,$.map((F,q)=>{let ee=l.find(ue=>ue.name===F),ye=`wallet-${q}`,st=q===$.length-1;return P.createElement("div",{key:ye},P.createElement(Ha,null,P.createElement(Ln,{variant:"title",size:"xmedium"},Ze.t({id:"Your {blockchainName} wallets",values:{blockchainName:ee?.shortName}})),P.createElement(Ln,{variant:"label",color:"$neutral700",size:"medium"},Ze.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:ee?.shortName}}))),P.createElement(Xt,{size:24}),P.createElement(Qa,null,P.createElement(li,{chain:F,isSelected:X,selectWallet:Ue,limit:Pf,onShowMore:()=>T(ee?.name??"")})),!st&&P.createElement(Xt,{size:32}),st&&a?.customDestination&&P.createElement(el,null,P.createElement(Za,{ref:S,selected:M,open:M,onOpenChange:ue=>{ue?G(L?.name??"")||oe(Ke=>Ke.map(Ft=>Ft.chain===L?.name?{...Ft,selected:!1}:Ft)):be()}},P.createElement(ja,{onClick:()=>N(ue=>!ue)},P.createElement(Ra,{fullWidth:!0,variant:"default",suffix:P.createElement(ol,{orientation:M?"up":"down"},P.createElement(Af,{size:10,color:"gray"}))},P.createElement("div",{className:"button__content"},P.createElement(If,{size:18,color:"info"}),P.createElement(Xt,{size:4,direction:"horizontal"}),P.createElement(Ln,{variant:"label",size:"medium"},Ze.t("Send to a different address"))))),P.createElement(Sn,{open:M},P.createElement(P.Fragment,null,P.createElement(Xt,{size:4}),P.createElement(rl,{autoFocus:!0,placeholder:Ze.t("Your destination address"),value:C,onChange:ue=>{W(ue.target.value)}})))),J&&P.createElement("div",{className:tl()},P.createElement(pi,{variant:"alarm",type:"error",title:Ze.t({values:{destination:C},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Hl,"ConfirmWalletsModal");import{Divider as Cg}from"@rango-dev/ui";import De from"react";import{i18n as hi}from"@lingui/core";import{Alert as Df,ChevronDownIcon as Ff,ChevronRightIcon as Of,Divider as yi,Image as up,InfoIcon as Uf,QuoteCost as qf,StepDetails as zf,TokenAmount as Gf,Tooltip as $n,Typography as ho}from"@rango-dev/ui";import cp from"bignumber.js";import B,{useLayoutEffect as Hf,useRef as mp,useState as Qf}from"react";import{styled as fo}from"@rango-dev/ui";var Ql=fo("div",{paddingBottom:"$10"}),ui=fo("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Vl=fo("div",{variants:{paddingTop:{true:{paddingTop:"$10"}}}}),jl=fo("div",{paddingBottom:"$15"}),Xl=fo("div",{width:"100%",display:"flex"});import*as Pn from"@radix-ui/react-collapsible";import{css as ci,darkTheme as Re,Image as Kl,styled as He,Typography as Mf}from"@rango-dev/ui";var mi=300,Yl=He(Pn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${Re} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Re} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}}}),Jl=ci({padding:"$10 $15"}),Zl=He("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",[`.${Re} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${Re} &`]:{$$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",[`.${Re} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${Re} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}]}),Rl=ci({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),ep=ci({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Re} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),tp=He(Pn.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:{[`& ${Kl}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Kl}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${Re} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${Re} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},"& div:nth-child(1)":{display:"flex"}}),di=He("div",{width:"18px",height:"18px",borderRadius:"100%",border:"1.5px transparent solid",display:"flex",justifyContent:"center",alignItems:"center",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),op=He(Sn,{width:"100%",background:"inherit"}),fi=He("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${mi}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),jA=He("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),np=He("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Re} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),rp=He("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),gi=He(Mf,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),ip=He("div",{display:"flex",flexWrap:"wrap"});import{i18n as lp}from"@lingui/core";import{TokenAmount as pp}from"@rango-dev/ui";import Mn from"react";import{css as $f,styled as _f}from"@rango-dev/ui";var sp=_f("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),ap=$f({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function go(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Mn.createElement(sp,null,Mn.createElement(pp,{direction:"horizontal",label:lp.t("Swap input"),type:"input",tooltipContainer:O(),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}}),Mn.createElement("div",{className:ap()}),Mn.createElement(pp,{direction:"horizontal",tooltipContainer:O(),label:lp.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(go,"QuoteSummary");function Si(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=d().tokens(),u=d().blockchains(),m=d().swappers(),[c,g]=Qf(t.expanded),f=mp(null),v=mp(c),k=I(rn(e.result?.swaps??[],p),2,2),h=qo(zo(e.result?.swaps)),T=I(o.value,6,6),w=I(n.value,6,6),x=n.usdValue?I(n.usdValue,4,4):"",A=Me(o.usdValue,n.usdValue??null),y=I(A,2,2),E=at(A??0),C=i(N=>N.map((S,$)=>{let L,G=r?.type===3&&r.swap.swapperId===S.swapperId||r?.type===4&&r.recommendedSlippages?.has($),Y=s?.type===2&&s.recommendedSlippages?.has($);return G?L="error":Y&&(L="warning"),{swapper:{displayName:ao(S.swapperId,m),image:S.swapperLogo},from:{token:{displayName:S.from.symbol,image:S.from.logo},chain:{displayName:Pe(S.from.blockchain,u),image:S.from.blockchainLogo},price:{value:$===0?I(o.value,6,6):I(S.fromAmount,6,6),usdValue:I((S.from.usdPrice??0)*parseFloat(S.fromAmount),4,4),realValue:se($===0?o.value:S.fromAmount),realUsdValue:se(new cp(S.from.usdPrice??0).multipliedBy(S.fromAmount))}},to:{token:{displayName:S.to.symbol,image:S.to.logo},chain:{displayName:Pe(S.to.blockchain,u),image:S.to.blockchainLogo},price:{value:I(S.toAmount,6,6),usdValue:I((S.to.usdPrice??0)*parseFloat(S.toAmount),4,4),realValue:se(S.toAmount),realUsdValue:se(new cp(S.to.usdPrice??0).multipliedBy(S.toAmount))}},state:L,alerts:G||Y?B.createElement(jl,null,B.createElement(Df,{type:G?"error":"warning",title:r?.type===3?r?.recommendation:hi.t("Slippage Error:"),footer:B.createElement(Xl,null,r?.type===3&&B.createElement(B.Fragment,null,B.createElement(ho,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),B.createElement(yi,{direction:"horizontal",size:8}),B.createElement(ho,{size:"xsmall",variant:"body",color:"neutral900"},"|"),B.createElement(yi,{direction:"horizontal",size:8}),B.createElement(ho,{size:"xsmall",variant:"body",color:"neutral900"},hi.t({id:"Yours: {amount} {symbol}",values:{amount:I(S.fromAmount,6,6),symbol:S?.from.symbol}}))),(r?.type===4||s?.type===2)&&B.createElement(ho,{size:"xsmall",variant:"body",color:"neutral900"},hi.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get($)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get($)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),W=C.length,M=O();return Hf(()=>{c&&!v.current&&f.current&&setTimeout(()=>{f?.current?.scrollIntoView({behavior:"smooth"})},mi),v.current=c},[c,v]),B.createElement(B.Fragment,null,B.createElement(Zl,{recommended:l,listItem:a==="list-item",basic:a==="basic"},B.createElement("div",{className:Rl()},B.createElement(qf,{fee:k,time:h,steps:W}),a==="basic"&&B.createElement("div",{className:ep()},B.createElement(rp,null,B.createElement(Uf,{size:12,color:"gray"})),B.createElement(ip,null,B.createElement(gi,{size:"small",variant:"body"},`${T} ${C[0].from.token.displayName} = `),B.createElement($n,{content:se(n.value),container:M,open:n.value?void 0:!1},B.createElement(gi,{size:"small",variant:"body"},"\xA0",`${w} ${C[C.length-1].to.token.displayName}`))),B.createElement($n,{content:se(n.usdValue),container:M,style:{display:"flex"}},B.createElement(ho,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${x})`))),a==="list-item"&&B.createElement(Gf,{type:"output",direction:"vertical",tooltipContainer:M,price:{value:w,usdValue:x,realValue:se(n.value),realUsdValue:se(n.usdValue)},token:{displayName:C[W-1].to.token.displayName,image:C[W-1].to.token.image},chain:{image:C[W-1].to.chain.image},percentageChange:y,warningLevel:E}),a==="swap-preview"&&B.createElement(B.Fragment,null,B.createElement(go,{from:C[0].from,to:C[W-1].to,percentageChange:y,warningLevel:E}),B.createElement(yi,{size:4}))),B.createElement(Yl,{recommended:l,open:c,onOpenChange:g},B.createElement(tp,{ref:N=>f.current=N,recommended:l,onClick:()=>g(N=>!N)},B.createElement("div",null,C.map((N,S)=>{let $=`item-${S}`,L=B.createElement(fi,null,B.createElement(Of,{size:12,color:"black",...N.state&&{color:N.state==="error"?"error":"warning"}}));return B.createElement(B.Fragment,{key:$},B.createElement($n,{container:M,side:"bottom",sideOffset:4,content:N.from.chain.displayName},B.createElement(di,{state:N.state||C[S-1]?.state},B.createElement(up,{src:N.from.chain.image,size:16}))),S===W-1&&B.createElement(B.Fragment,null,L,B.createElement($n,{container:M,side:"bottom",sideOffset:4,content:N.to.chain.displayName},B.createElement(di,{state:N.state},B.createElement(up,{src:N.to.chain.image,size:16})))),S!==W-1&&B.createElement(B.Fragment,null,L))})),B.createElement(fi,{orientation:c?"up":"down"},B.createElement(Ff,{size:12,color:"black"}))),B.createElement(op,{open:c},B.createElement(np,null),B.createElement("div",{className:Jl()},C.map((N,S)=>{let $=`item-${S}`;return B.createElement(zf,{type:"quote-details",key:$,step:N,hasSeparator:S!==C.length-1,state:N.state,tooltipContainer:M})}))))))}i(Si,"Quote");import{Divider as Xf,Skeleton as Kf}from"@rango-dev/ui";import lt from"react";import{darkTheme as Vf,styled as _n}from"@rango-dev/ui";var dp=_n("div",{$$color:"$colors$neutral100",[`.${Vf} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),fp=_n("div",{paddingTop:"$2"}),gp=_n("div",{paddingLeft:"$8"}),hp=_n("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Ep,Divider as Lt,Skeleton as tt}from"@rango-dev/ui";import z from"react";import{styled as et}from"@rango-dev/ui";var yp=et("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),Sp=et("div",{display:"flex"}),Cp=et("div",{padding:"$15 $0 14px $0"}),kp=et("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),Tp=et("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),wp=et("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),xp=et("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),vp=et("div",{width:"65%",display:"flex",justifyContent:"start"}),Ap=et("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),bp=et("div",{padding:"$15 $0 $15 $0"});function Co(t){let{type:e,tag:o=!1}=t,n=z.createElement(wp,null,z.createElement(vp,null,z.createElement(Ep,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),z.createElement(Lt,{size:8,direction:"horizontal"}),z.createElement(Ap,null,z.createElement(tt,{height:10,width:60,variant:"rounded"}),z.createElement(Lt,{size:4}),z.createElement(tt,{height:15,variant:"rounded"}))),z.createElement(tt,{height:12,width:64,variant:"rounded"}));return z.createElement("div",null,z.createElement(yp,null,z.createElement(Sp,null,z.createElement(tt,{width:60,height:10,variant:"rounded"}),z.createElement(Lt,{size:4,direction:"horizontal"}),z.createElement(tt,{width:60,height:10,variant:"rounded"}),z.createElement(Lt,{size:4,direction:"horizontal"}),z.createElement(tt,{width:60,height:10,variant:"rounded"})),o&&z.createElement(tt,{height:22,width:100,variant:"rounded"})),e==="basic"&&z.createElement(Cp,null,z.createElement(tt,{height:15,width:148,variant:"rounded"})),e==="list-item"&&z.createElement(kp,null,z.createElement(Tp,null,z.createElement(Ep,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),z.createElement(Lt,{direction:"horizontal",size:4}),z.createElement(tt,{height:15,width:150,variant:"rounded"})),z.createElement(Lt,{size:4}),z.createElement(tt,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&z.createElement(z.Fragment,null,z.createElement(Lt,{size:4}),z.createElement(bp,null,n,z.createElement(xp,null),n)))}i(Co,"QuoteSummarySkeleton");import{ChainToken as Lp,Divider as ki,NextIcon as jf,Skeleton as Dn}from"@rango-dev/ui";import le from"react";import{styled as ko}from"@rango-dev/ui";var Ip=ko("div",{display:"flex",alignItems:"start"}),Wp=ko("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),Ci=ko("div",{display:"flex",alignItems:"center",flexGrow:1}),Bp=ko("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Np=ko("div",{display:"flex",alignItems:"center"});function ot(t){let{separator:e=!0}=t;return le.createElement(le.Fragment,null,le.createElement(Np,null,le.createElement(Dn,{height:22,width:22,variant:"circular"}),le.createElement(ki,{direction:"horizontal",size:8}),le.createElement(Dn,{height:15,width:148,variant:"rounded"})),le.createElement(Ip,null,le.createElement(hp,{hideSeparator:!e}),le.createElement(Wp,null,le.createElement(Ci,null,le.createElement(Lp,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(ki,{direction:"horizontal",size:8}),le.createElement(Dn,{height:12,variant:"rounded"})),le.createElement(Bp,null,le.createElement(jf,{color:"gray",size:16})),le.createElement(Ci,null,le.createElement(Lp,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(ki,{direction:"horizontal",size:8}),le.createElement(Dn,{height:12,variant:"rounded"})))))}i(ot,"StepSkeleton");function Ti(t){let{type:e,expanded:o,tag:n=!1}=t;return lt.createElement(dp,{rounded:e!=="basic"},lt.createElement(Co,{type:e,tag:n}),lt.createElement(fp,null,lt.createElement(Kf,{height:15,variant:"rounded"})),o&&lt.createElement(gp,null,lt.createElement(Xf,{size:20}),lt.createElement(ot,null),lt.createElement(ot,null),lt.createElement(ot,{separator:!1})))}i(Ti,"QuoteSkeleton");import{i18n as gg}from"@lingui/core";import{Alert as hg,Button as yg,InfoIcon as Sg}from"@rango-dev/ui";import We from"react";import{Alert as Yf,Button as Jf,Divider as Fp,NoRouteIcon as Zf,RefreshIcon as Rf,Typography as Op}from"@rango-dev/ui";import Qe from"react";import{i18n as Pp}from"@lingui/core";function Mp(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:Q().genericServerError,action:{onClick:n,title:Pp.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:Q().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Pp.t("Reset")}},description:Q().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:Q().noResultError.description}}i(Mp,"makeInfo");import{styled as wi}from"@rango-dev/ui";var $p=wi("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),_p=wi("div",{width:"100%"}),Dp=wi("div",{padding:"$6 $0"});function xi(t){let{fetch:e,error:o}=t,n=d().disabledLiquiditySources,r=d().toggleAllLiquiditySources,s=d().swappers(),a=Mp(o,n,()=>r(s,!0),e);return Qe.createElement($p,null,Qe.createElement(Zf,{size:24,color:"gray"}),Qe.createElement(Fp,{size:4}),Qe.createElement(Op,{variant:"title",size:"small"},Q().noResultError.title),!!a.description&&Qe.createElement(Op,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Qe.createElement(Fp,{size:4}),!!a.alert&&Qe.createElement(_p,null,Qe.createElement(Yf,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Qe.createElement(Jf,{size:"xsmall",type:a.alert.type,prefix:Qe.createElement(Dp,null,Qe.createElement(Rf,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(xi,"NoResult");import{i18n as To}from"@lingui/core";import{Button as tg,Divider as Qp,MessageBox as og,Modal as ng,Typography as rg,WarningIcon as ig}from"@rango-dev/ui";import nt from"react";import{Typography as Gp}from"@rango-dev/ui";import Ai from"react";import{darkTheme as eg,styled as Fn}from"@rango-dev/ui";var Up=Fn("div",{width:"100%",paddingTop:"$10"}),vi=Fn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),qp=Fn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${eg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),zp=Fn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Hp(t){let{title:e,value:o,valueColor:n}=t;return Ai.createElement(qp,null,Ai.createElement(Gp,{size:"medium",variant:"label",className:"_title"},e),Ai.createElement(Gp,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Hp,"QuoteErrorsModalItem");function Vp(t){let{open:e,onClose:o,onConfirm:n,warning:r}=t,s=r.warningLevel==="high"?"error":"warning",a=[{title:To.t("Swapping"),value:I(r.inputUsdValue,4,4)},{title:To.t("Gas cost"),value:I(r.totalFee,2,2)},{title:To.t("Receiving"),value:I(r.outputUsdValue,4,4)},{title:To.t("Price impact"),value:I(r.priceImpact,2,2),valueColor:`${s}500`}];return nt.createElement(ng,{open:e,onClose:o,container:O()},nt.createElement(og,{type:s,title:Q().highValueLossError.impactTitle,description:Q().highValueLossError.description}),nt.createElement(vi,null,nt.createElement(Qp,{size:20}),nt.createElement(rg,{size:"small",variant:"title"},To.t("Details")),nt.createElement(vi,null,a.map((l,p)=>nt.createElement(Hp,{key:p,...l})))),nt.createElement(Qp,{size:32}),nt.createElement(tg,{type:"primary",size:"large",prefix:nt.createElement(ig,null),fullWidth:!0,onClick:n},Q().highValueLossError.confirmMessage))}i(Vp,"HighValueLossWarningModal");import{i18n as bi}from"@lingui/core";function jp(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(at(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=Q().highValueLossError.title),t.type===1&&(o.title=Q().unknownPriceError.title),t.type===2&&(o.title=bi.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:t.minRequiredSlippage}}),o.action="change-settings"),t.type===3&&(o.title=bi.t("Caution, your slippage is high.")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action="show-info"),e.type===4&&(o.title=bi.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):null}i(jp,"makeAlerts");import{i18n as Kt}from"@lingui/core";import{Button as Xp,Divider as Kp,MessageBox as sg,Modal as ag,Typography as lg}from"@rango-dev/ui";import Pt from"react";import{useNavigate as pg}from"react-router-dom";function Yp(t){let{customSlippage:e,slippage:o}=d(),{open:n,onClose:r,onConfirm:s,warning:a}=t,l=pg(),p=e??o;return Pt.createElement(ag,{anchor:"bottom",open:n,prefix:Pt.createElement(Xp,{size:"small",variant:"ghost",onClick:()=>l("../"+_.settings)},Pt.createElement(lg,{variant:"label",size:"medium",color:"$neutral900"},Kt.t("Change settings"))),container:O(),onClose:r},Pt.createElement(sg,{type:"warning",title:a.type===3?Kt.t("High slippage"):Kt.t("Low slippage"),description:a.type===3?Kt.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):Kt.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Pt.createElement(Kp,{size:18}),Pt.createElement(Kp,{size:32}),Pt.createElement(Xp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:s},Kt.t("Confirm anyway"))))}i(Yp,"SlippageWarningModal");import{Button as ug,Divider as cg,MessageBox as mg,Modal as dg,WarningIcon as fg}from"@rango-dev/ui";import wo from"react";function Jp(t){let{open:e,onClose:o,onConfirm:n}=t;return wo.createElement(dg,{open:e,onClose:o,container:O()},wo.createElement(mg,{type:"warning",title:Q().unknownPriceError.impactTitle,description:Q().unknownPriceError.description}),wo.createElement(cg,{size:32}),wo.createElement(ug,{type:"primary",size:"large",prefix:wo.createElement(fg,null),fullWidth:!0,onClick:n},Q().unknownPriceError.confirmMessage))}i(Jp,"UnknownPriceWarningModal");function Ei(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=jp(e,o?.type===3||o?.type===4?o:null);return We.createElement(We.Fragment,null,m&&We.createElement(xi,{error:o,fetch:n}),!!c&&We.createElement(Up,null,We.createElement(hg,{title:c.title,type:c.alertType,variant:"alarm",...c.action==="show-info"&&{action:We.createElement(zp,{onClick:s},We.createElement(Sg,{size:12,color:"gray"}))},...c.action==="change-settings"&&{action:We.createElement(yg,{size:"xxsmall",type:c.alertType,onClick:p},gg.t("Change"))}})),e&&We.createElement(We.Fragment,null,e.type===0&&We.createElement(Vp,{...u,warning:e}),(e.type===3||e.type===2)&&We.createElement(Yp,{...u,warning:e}),e.type===1&&We.createElement(Jp,{...u,warning:e})))}i(Ei,"QuoteWarningsAndErrors");function xo(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:g=!1,alertPosition:f="bottom"}=t,{inputAmount:v,inputUsdValue:k,outputUsdValue:h,outputAmount:T}=U(),x=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n,A=(s||r)&&De.createElement(Ei,{warning:s,error:r,loading:n,refetchQuote:a,showWarningModal:l,onOpenWarningModal:p,onCloseWarningModal:u,onConfirmWarningModal:m,onChangeSettings:c});return De.createElement(De.Fragment,null,n&&De.createElement(ui,null,De.createElement(Vl,{paddingTop:f==="top"},De.createElement(Ti,{type:o,expanded:g}))),f==="top"&&De.createElement(Ql,null,A),x?De.createElement(ui,null,De.createElement(Si,{quote:e,error:r,warning:s,type:o,expanded:g,recommended:!0,input:{value:v,usdValue:k?.toString()??""},output:{value:T?.toString()??"",usdValue:h?.toString()??""}})):null,f==="bottom"&&De.createElement(De.Fragment,null,!s&&!r&&De.createElement(Cg,{size:16}),A))}i(xo,"QuoteInfo");import{calculatePendingSwap as wg}from"@rango-dev/queue-manager-rango-preset";import{useEffect as xg}from"react";import{useRef as kg,useState as Tg}from"react";function On(){let[t,e]=Tg(!1),o=kg(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Ut().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(On,"useFetchQuote");function Un(t){if(!t.result)throw new Error(Q().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Lr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Pr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=$r(t);if(o){let n=sn(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(Un,"throwErrorIfResponseIsNotValid");function Zp(t,e,o){let n=!1;t&&(n=Pa(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=ln(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(xa(t,e)?r.quoteUpdate={type:3,newOutputAmount:I(Gt(e)),percentageChange:I(Me(Gt(t)??"",Gt(e)??""),null,2)}:Dr(t,e)?r.quoteUpdate={type:0}:Fr(t,e)?r.quoteUpdate={type:1}:Or(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(Zp,"generateWarnings");function qn(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(qn,"handleQuoteErrors");function Ii(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=U(),{slippage:l,customSlippage:p,affiliatePercent:u,affiliateRef:m,affiliateWallets:c,disabledLiquiditySources:g}=d(),{connectedWallets:f}=H(),v=d().blockchains(),k=d().tokens(),{features:h}=d().config,{enableNewLiquiditySources:T}=d().config,w=p||l,{fetch:x,cancelFetch:A,loading:y}=On();return xg(()=>A,[]),{loading:y,fetch:i(async b=>{let C=b.selectedWallets,W=b?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let M=an({fromToken:t,toToken:e,inputAmount:o,wallets:f,selectedWallets:C,excludeLiquiditySources:T,disabledLiquiditySources:g,slippage:w,affiliateRef:m,affiliatePercent:u,affiliateWallets:c,initialQuote:r??void 0,destination:W});Ro("experimentalRoute",h)&&(M.experimental=!0);let N;try{N=await x(M).then(G=>Un(G)),n(N)}catch(G){return qn(G)}let S={slippage:w.toString(),disabledSwappersGroups:g},$=wg(o.toString(),N,Ta(C),S,!1,{blockchains:v,tokens:k}),L=Zp(r??void 0,N,{fromToken:t,toToken:e,meta:{blockchains:v,tokens:k},selectedWallets:C,userSlippage:w});return L.quoteUpdate&&a(!1),{quote:N,swap:$,error:null,warnings:L}},"fetch"),cancelFetch:A}}i(Ii,"useConfirmSwap");var $g=tu("div",{position:"relative",width:"100%","& .quote-update__alert":{paddingTop:"$10"}}),_g=tu("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${eu}`]:{width:"$48",height:"$48"}}),Dg=Wi({flexGrow:1,paddingRight:"$10"}),Fg=Wi({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),Og=Wi({display:"flex",justifyContent:"space-between",alignItems:"center"});function ou(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=U(),l=Mg(),[p,u]=Gn(""),{connectedWallets:m}=H(),c=!n,[g,f]=Gn(!1),v=xe.use.setSelectedSwap(),k=d().disabledLiquiditySources,h=Lg(k),{manager:T}=vg(),{fetch:w,loading:x,cancelFetch:A}=Ii(),[y,E]=Gn({swap:null,error:null,warnings:null}),[b,C]=Gn(!1),W=i(async({selectedWallets:L,customDestination:G})=>{let Y=await w?.({selectedWallets:L,customDestination:G});return E(Y),Y},"onConfirmSwap"),M=i(async()=>{if(y.swap&&n)try{await T?.create("swap",{swapDetails:y.swap},{id:y.swap.requestId}),v(y.swap.requestId);let L=`../${_.swaps}/${y.swap.requestId}`;l(L,{replace:!0}),setTimeout(()=>{e("")},0)}catch(L){u("Error: "+L?.message)}},"addNewSwap"),N=i(async()=>{await M()},"onConfirm"),S=i(async()=>{y?.warnings?.quote&&!a?C(!0):await N()},"onStartConfirmSwap"),$=i(async()=>{E({error:null,swap:null,warnings:null}),w({selectedWallets:o,customDestination:s}).then(L=>{E(L)}).catch(L=>console.error(L))},"onRefresh");return vo(()=>{!!h.current.length&&!k.length&&$(),h.current=k},[k.length]),vo(()=>{c&&A()},[c]),vo(()=>{c&&f(c)},[c]),vo(()=>{c||w({selectedWallets:o,customDestination:s}).then(L=>E(L)).catch(L=>console.error(L))},[]),vo(()=>{let L=y.warnings?.quote?.type&&Object.values(gt).includes(y.warnings?.quote?.type),G=o.length<1||!o.every(oe=>m.find(he=>oe.address===he.address&&oe.walletType===he.walletType&&oe.chain===he.chain)),Y=!1;if(L){let oe=en(t),he=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(be=>be.from.blockchain===he)||(oe=oe.slice(-oe.length,oe.length-1)),oe.every(be=>o.find(Ue=>Ue.chain===be))||(Y=!0)}t&&(G||Y)&&(queueMicrotask(()=>Pg(f.bind(null,!0))),r(!1))},[y.warnings?.quote,o.length,m.length]),Ng(()=>{t||l("../")},[]),re.createElement(K,{header:{title:zn.t("Confirm Swap"),onWallet:()=>{let L=`../${_.wallets}`;l(L)},suffix:re.createElement(Ig,{container:O(),side:"bottom",content:zn.t("Settings")},re.createElement($e,{size:"small",variant:"ghost",onClick:()=>l("../"+_.settings)},re.createElement(Eg,{size:18,color:"black"})))},footer:re.createElement(_g,null,re.createElement("div",{className:Dg()},re.createElement(Ag,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:x,disabled:!!y.error,onClick:S},zn.t("Start Swap"))),re.createElement(eu,{variant:"contained",type:"primary",size:"large",loading:x,onClick:f.bind(null,!0)},re.createElement(Bg,{size:24})))},g&&re.createElement(Hl,{open:g,onClose:()=>f(!1),onCancel:A,loading:x,onCheckBalance:W}),re.createElement($g,null,re.createElement("div",{className:Og()},re.createElement(Wg,{variant:"title",size:"small"},zn.t("You get")),re.createElement("div",{className:Fg()},re.createElement(bn,{onClick:!x&&!g&&!b?$:void 0}))),p&&re.createElement(re.Fragment,null,re.createElement(Rp,{type:"error",variant:"alarm",title:p}),re.createElement(bg,{size:12})),y.warnings?.quoteUpdate&&re.createElement("div",{className:"quote-update__alert"},re.createElement(Rp,{variant:"alarm",type:"warning",title:y.warnings.quoteUpdate&&yn(y.warnings.quoteUpdate)})),re.createElement(xo,{quote:t,type:"swap-preview",expanded:!0,alertPosition:"top",error:y.error,loading:x,warning:y.warnings?.quote??null,refetchQuote:$,showWarningModal:b,onOpenWarningModal:()=>C(!0),onCloseWarningModal:()=>C(!1),onConfirmWarningModal:async()=>{C(!1),await M()},onChangeSettings:()=>l("../"+_.settings)})))}i(ou,"ConfirmSwapPage");import{i18n as jn}from"@lingui/core";import{useManager as jg}from"@rango-dev/queue-manager-react";import{Divider as Xg,NotFound as Kg,styled as uu}from"@rango-dev/ui";import wt,{useState as Yg}from"react";import{useNavigate as Jg}from"react-router-dom";import{CloseIcon as qg,IconButton as zg,SearchIcon as Gg,TextField as Hg}from"@rango-dev/ui";import Ao from"react";import{styled as Ug}from"@rango-dev/ui";var nu=Ug("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function pt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Ao.createElement(Hg,{prefix:Ao.createElement(nu,null,Ao.createElement(Gg,{color:"black"})),suffix:!!a.length&&Ao.createElement(zg,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Ao.createElement(qg,{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(pt,"SearchInput");import{i18n as Pi}from"@lingui/core";import{Divider as iu,SwapListItem as su,Typography as au}from"@rango-dev/ui";import te from"react";import{css as Qg,darkTheme as Vg,styled as Hn}from"@rango-dev/ui";var Qn=Qg(),Bi=Hn("div",{width:"100%",display:"flex",flexDirection:"column",[`& .${Qn}`]:{$$color:"$colors$neutral600",[`.${Vg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ni=Hn("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Li=Hn("div",{gap:"$10",display:"flex",flexDirection:"column"}),ru=Hn("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function Mi(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:Pi.t("Today"),swaps:a},{title:Pi.t("This month"),swaps:a}];return te.createElement(te.Fragment,null,l.map(p=>te.createElement(te.Fragment,{key:p.title},te.createElement(Bi,null,te.createElement(Ni,null,te.createElement(au,{variant:"label",size:"medium",className:Qn()},p.title)),te.createElement(iu,{size:4}),te.createElement(Li,null,p.swaps.map((u,m)=>{let c=m+p.title;return te.createElement(te.Fragment,{key:c},te.createElement(su,{isLoading:!0}))}))))))}return te.createElement(te.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>te.createElement(te.Fragment,{key:a.title},te.createElement(Bi,null,te.createElement(Ni,null,te.createElement(au,{variant:"label",size:"medium",className:Qn()},a.title)),te.createElement(iu,{size:4}),te.createElement(Li,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return te.createElement(te.Fragment,{key:l.requestId},te.createElement(su,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,tooltipContainer:O(),onlyShowTime:a.title===Pi.t("Today"),swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:I(l.inputAmount,6,6),realAmount:se(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:I(u.outputAmount||u.expectedOutputAmountHumanReadable||"",6,6),realAmount:se(u.outputAmount||u.expectedOutputAmountHumanReadable)}}}))}))))))}i(Mi,"SwapsGroup");import{i18n as Vn}from"@lingui/core";import lu from"dayjs";var pu=i(t=>{let e=new Map([["today",{title:Vn.t("Today"),swaps:[]}],["week",{title:Vn.t("This week"),swaps:[]}],["month",{title:Vn.t("This month"),swaps:[]}],["year",{title:Vn.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=lu();return t.forEach(r=>{let s=Number(r.creationTime),a=lu(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 Yt=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 Zg=uu("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Rg=uu("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),eh=i((t,e)=>t?.length?t.filter(o=>Ye(o.fromBlockchain,e)||Ye(o.toBlockchain,e)||Ye(o.toSymbol,e)||Ye(o.fromSymbol,e)).length:!1,"isStepContainsText");function cu(){let t=xe.use.setSelectedSwap(),e=Jg(),{manager:o,state:n}=jg(),r=Yt(o).map(({swap:c})=>c),[s,a]=Yg(""),l=!n.loadedFromPersistor,p=i(c=>{let g=c.target.value;a(g)},"searchHandler"),u=r;s&&(u=r.filter(c=>Ye(c.inputAmount,s)||Ye(c.status,s)||eh(c.steps,s)||Ye(c.requestId,s)));let m=!u?.length&&!l;return wt.createElement(K,{header:{title:jn.t("History")}},wt.createElement(Zg,null,wt.createElement(pt,{setValue:a,fullWidth:!0,variant:"contained",placeholder:jn.t("Search Transaction"),autoFocus:!0,onChange:p,value:s}),wt.createElement(Rg,null,m&&wt.createElement(ru,null,wt.createElement(Xg,{size:32}),wt.createElement(Kg,{title:jn.t("No results found"),description:s?jn.t("Try using different keywords"):""})),!m&&wt.createElement(Mi,{list:u,onSwapClick:c=>{t(c),e(c)},groupBy:pu,isLoading:l}))))}i(cu,"HistoryPage");import{i18n as Di}from"@lingui/core";import{Button as ah,styled as Fi,SwapInput as gu,WarningIcon as lh}from"@rango-dev/ui";import Fe,{useEffect as ph,useRef as uh,useState as ch}from"react";import{useNavigate as mh}from"react-router-dom";import{ReverseIcon as th,styled as mu}from"@rango-dev/ui";import $i from"react";var oh=mu("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),nh=mu("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 du(){let t=U.use.switchFromAndTo();return $i.createElement(oh,null,$i.createElement(nh,{onClick:()=>{t()}},$i.createElement(th,{size:12})))}i(du,"SwitchFromAndToButton");import{useCallback as rh,useEffect as ih,useState as _i}from"react";var sh=600;function fu(){let{fetch:t,cancelFetch:e}=On(),{liquiditySources:o,enableNewLiquiditySources:n,features:r}=d().config,s=d().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:u,quote:m,resetQuote:c,setQuote:g}=U(),{slippage:f,customSlippage:v,affiliatePercent:k,affiliateRef:h,affiliateWallets:T,disabledLiquiditySources:w}=d(),[x,A]=_i(!1),[y,E]=_i(null),[b,C]=_i(null),W=v??f,N=!a||!l||Ne(a,l)||!io(p),S=i(G=>{A(G),E(null),C(null)},"resetState"),$=i(G=>{let{fromToken:Y,toToken:oe,inputAmount:he,liquiditySources:X,excludeLiquiditySources:J,disabledLiquiditySources:be,slippage:Ue,affiliateRef:Ee,affiliatePercent:no,affiliateWallets:Dt}=G;if(x||S(!0),!N&&Y&&oe){c();let ft=an({fromToken:Y,toToken:oe,inputAmount:he,liquiditySources:X,excludeLiquiditySources:J,disabledLiquiditySources:be,slippage:Ue,affiliateRef:Ee,affiliatePercent:no,affiliateWallets:Dt});Ro("experimentalRoute",r)&&(ft.experimental=!0),t(ft).then(F=>{A(!1),g(F),Un(F);let q=ln(F,{fromToken:Y,toToken:oe,userSlippage:W,tokens:s});C(q)}).catch(F=>{let{error:q}=qn(F);(q?.type===0||q?.type===1)&&c(),q?.type!==2&&(E(q),A(!1))})}},"fetch"),L=rh(oa(G=>{N||$(G)},sh),[N]);return ih(()=>{if(!io(p)||u?.eq(0)){S(!1),e();return}if(N){m&&c();return}return c(),S(!0),L({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:w,slippage:W,affiliateRef:h,affiliatePercent:k,affiliateWallets:T}),e},[p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,N,o?.length,n,w.length,W,h,k,JSON.stringify(T)]),{fetch:()=>$({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:w,slippage:W,affiliateRef:h,affiliatePercent:k,affiliateWallets:T}),loading:x,error:y,warning:b}}i(fu,"useSwapInput");var dh=Fi("div",{display:"flex",flexDirection:"column",overflowY:"visible","& .quote__container":{paddingTop:"$2"}}),fh=Fi("div",{position:"relative"}),gh=Fi("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function hu(){let t=mh(),{fetch:e,loading:o,error:n,warning:r}=fu(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:u,inputAmount:m,inputUsdValue:c,outputAmount:g,outputUsdValue:f,quote:v,resetQuoteWallets:k,setQuoteWarningsConfirmed:h}=U(),T=d().fetchStatus,{connectedWallets:w,getBalanceFor:x}=H(),A=xe.use.setCurrentPage(),[y,E]=ch(!1),b=uh(null),C=!!a&&Js(w,a.name),W=!1,M=!Mr(v,m,c),N=!Mr(v,m,f),S=Sa({fetchMetaStatus:T,fetchingQuote:o,inputAmount:m,quote:v,anyWalletConnected:w.length>0,error:n,warning:r,needsToWarnEthOnPath:W}),$=s?x(s):null,L=Xo($)?.amount??"0",G=a&&s?I($?.amount,$?.decimals):"0";ph(()=>(A(_.home),k(),A.bind(null,"")),[]);let Y=!c||!f||!f.gt(0)?null:Me(c.toString(),f.toString());return Fe.createElement(K,{ref:b,fixedHeight:!1,hasLogo:!0,footer:Fe.createElement(ah,{type:"primary",size:"large",disabled:S.disabled,prefix:S.action==="confirm-warning"&&Fe.createElement(lh,null),fullWidth:!0,onClick:()=>{S.action==="connect-wallet"?t(_.wallets):S.action==="confirm-warning"?E(!0):t(_.confirmSwap)}},S.title),header:{onWallet:()=>{t(_.wallets)},hasBackButton:!1,title:Di.t("Swap"),suffix:Fe.createElement(ti,{layoutRef:b.current,onClickRefresh:(v||n)&&!y?e:void 0,onClickHistory:()=>t(_.swaps),onClickSettings:()=>t(_.settings)})}},Fe.createElement(dh,null,Fe.createElement(gh,null,Fe.createElement(fh,null,Fe.createElement(gu,{label:Di.t("From"),mode:"From",onInputChange:u,balance:L,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(_.fromSwap),price:{value:m,usdValue:M?void 0:I(c,4,4),realUsdValue:M?void 0:se(c),error:M?Q().unknownPriceError.impactTitle:void 0},disabled:T==="failed",loading:T==="loading",loadingBalance:C,tooltipContainer:O(),onSelectMaxBalance:()=>{L!=="0"&&u(G.split(",").join(""))}}),Fe.createElement(du,null)),Fe.createElement(gu,{sharpBottomStyle:!!v?.result||o,label:Di.t("To"),mode:"To",fetchingQuote:o,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:I(Me(c,f),2,2),warningLevel:at(Y??0),price:{value:I(g,6,6),usdValue:N?void 0:I(f,4,4),realValue:se(g),realUsdValue:N?void 0:se(f),error:N?Q().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(_.toSwap),disabled:T==="failed",loading:T==="loading",tooltipContainer:O()})),Fe.createElement("div",{className:"quote__container"},Fe.createElement(xo,{quote:v,loading:o,error:n,warning:r,type:"basic",refetchQuote:e,showWarningModal:y,onOpenWarningModal:()=>E(!0),onCloseWarningModal:()=>E(!1),onConfirmWarningModal:()=>{E(!1),h(!0),t(_.confirmSwap)},onChangeSettings:()=>t(_.settings)}))))}i(hu,"Home");import{i18n as yu}from"@lingui/core";import{List as hh,ListItemButton as yh,Radio as Sh,RadioRoot as Ch,Typography as kh}from"@rango-dev/ui";import xt from"react";import{styled as Xn}from"@rango-dev/ui";var ut=Xn("div",{height:"100%",overflow:"hidden"}),bo=Xn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),Oi=Xn("div",{width:80,display:"flex",justifyContent:"flex-end"}),Ui=Xn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Kn(){let{setLanguage:t,language:e}=d();return{activeLanguage:e,languages:ia,defaultLanguage:zt,changeLanguage:r=>t(r||zt)}}i(Kn,"useLanguage");function Su(){let{activeLanguage:t,changeLanguage:e,languages:o}=Kn(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:xt.createElement(kh,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:xt.createElement(Sh,{value:s}),start:xt.createElement(l,null)}});return xt.createElement(K,{header:{title:yu.t("Language")}},xt.createElement(ut,null,xt.createElement(Ch,{value:t},xt.createElement(hh,{type:xt.createElement(yh,{title:yu.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(Su,"LanguagePage");import{i18n as ct}from"@lingui/core";import{Button as Ah,Checkbox as bh,Image as Eh,ListItemButton as Ih,NotFound as Wh,Typography as Bh}from"@rango-dev/ui";import Se,{useState as Nh}from"react";import{Checkbox as xh,Skeleton as ku}from"@rango-dev/ui";import Eo from"react";import{ListItem as Th,styled as wh}from"@rango-dev/ui";var Cu=wh(Th,{height:61});var vh=30;function qi(){return Eo.createElement(bo,null,Array.from(Array(vh),t=>Eo.createElement(Cu,{hasDivider:!0,key:t,start:Eo.createElement(ku,{variant:"circular",width:35,height:35}),title:Eo.createElement(ku,{variant:"text",size:"large",width:90}),end:Eo.createElement(xh,{checked:!1})})))}i(qi,"LoadingLiquiditySourceList");function zi({sourceType:t}){let e=d().fetchStatus,o=d().swappers(),n=d().disabledLiquiditySources,[r,s]=Nh(""),a=d().toggleLiquiditySource,l=Zo(o,n),p={Exchanges:ct.t("Exchanges"),Bridges:ct.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,g=i(()=>{m.forEach(h=>{c?a(h.groupTitle):h.selected||a(h.groupTitle)})},"toggleAllSources"),f=m.map(h=>{let{selected:T,groupTitle:w,logo:x}=h;return{start:Se.createElement(Eh,{src:x,size:22,type:"circular"}),onClick:()=>a(w),end:Se.createElement(bh,{checked:T}),title:Se.createElement(Bh,{variant:"title",size:"xmedium"},ct.t(w)),...h}}),v=i(h=>{let T=h.target.value;s(T)},"searchHandler"),k=f;return r&&(k=f.filter(h=>Ye(h.groupTitle,r))),Se.createElement(K,{header:{title:ct.t(t),suffix:Se.createElement(Oi,null,Se.createElement(Ah,{variant:"ghost",size:"xsmall",onClick:g},c?ct.t("Deselect all"):ct.t("Select all")))}},Se.createElement(ut,null,Se.createElement(pt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:ct.t("Search {sourceType}",{sourceType:p[t]}),onChange:v}),e==="loading"&&Se.createElement(qi,null),!k.length&&r?Se.createElement(Ui,null,Se.createElement(Wh,{title:ct.t("No results found"),description:ct.t("Try using different keywords")})):e==="success"&&Se.createElement(bo,null,k.map(h=>Se.createElement(Se.Fragment,{key:h.id},Se.createElement(Ih,{style:{height:"61px"},...h,selected:!1,hasDivider:!0}))))))}i(zi,"LiquiditySourcePage");import{i18n as Iu}from"@lingui/core";import{Divider as Vi,getCountCategories as qh,SelectableCategoryList as zh}from"@rango-dev/ui";import mt,{useState as Wu}from"react";import{i18n as Hi}from"@lingui/core";import{Divider as bu,Image as _h,ListItemButton as Dh,NotFound as Fh,Typography as Eu}from"@rango-dev/ui";import Oe,{useEffect as Oh,useState as Uh}from"react";import{BlockchainCategories as Gi}from"@rango-dev/ui";import{TransactionType as Yn}from"rango-sdk";var Lh=i((t,e)=>{switch(e){case Gi.ALL:return!0;case Gi.UTXO:return t.type===Yn.TRANSFER;case Gi.OTHER:return t.type!==Yn.TRANSFER&&t.type!==Yn.COSMOS&&t.type!==Yn.EVM;default:return t.type===e}},"filterByType"),Tu=i((t,e,o)=>t.filter(n=>Lh(n,o)).filter(n=>bt(n.name,e)||bt(n.displayName,e)),"filterBlockchains");import{ImageContainer as Ph,styled as wu}from"@rango-dev/ui";var xu=wu("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Jn=wu("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",[`& ${Ph}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Mh,Skeleton as vu}from"@rango-dev/ui";import Zn from"react";var $h=20;function Au(){return Zn.createElement(Jn,null,Array.from(Array($h),t=>Zn.createElement(Mh,{key:t,hasDivider:!0,start:Zn.createElement(vu,{variant:"circular",width:35,height:35}),title:Zn.createElement(vu,{variant:"text",size:"large",width:90})})))}i(Au,"LoadingBlockchainList");function Qi(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=Uh(e),{fetchStatus:l}=d();Oh(()=>{a([...Tu(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Oe.createElement(Oe.Fragment,null,Oe.createElement(bu,{size:32}),Oe.createElement(Fh,{title:Hi.t("No results found"),description:Hi.t("Try using different keywords")})):Oe.createElement(Jn,{key:`${r}-${o}`},s.map(u=>Oe.createElement(Dh,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Oe.createElement(_h,{src:u.logo,size:30}),title:Oe.createElement(Eu,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Oe.createElement(xu,null,Oe.createElement(Eu,{variant:"label",size:"large"},Hi.t("Select Blockchain")),Oe.createElement(bu,{size:4}),l==="loading"&&Oe.createElement(Au,null),l==="success"&&p())}i(Qi,"BlockchainList");function ji(t){let{type:e}=t,o=Ct(),[n,r]=Wu(""),[s,a]=Wu("ALL"),l=U.use.setToBlockchain(),p=U.use.setFromBlockchain(),u=d().fetchStatus,m=d().blockchains({type:e}),g=qh(m)!==1;return mt.createElement(K,{header:{title:Iu.t("Select Blockchain")}},mt.createElement(Vi,{size:12}),g&&mt.createElement(mt.Fragment,null,mt.createElement(zh,{setCategory:a,category:s,blockchains:m,isLoading:u==="loading"}),mt.createElement(Vi,{size:24})),mt.createElement(pt,{value:n,autoFocus:!0,placeholder:Iu.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),mt.createElement(Vi,{size:16}),mt.createElement(Qi,{list:m,searchedFor:n,blockchainCategory:s,onChange:f=>{e==="source"?p(f):l(f),o()}}))}i(ji,"SelectBlockchainPage");import{i18n as nr}from"@lingui/core";import{Divider as Ku}from"@rango-dev/ui";import Rt,{useState as sy}from"react";import{useNavigate as ay}from"react-router-dom";import{i18n as Yi}from"@lingui/core";import{BlockchainsChip as Rn,Divider as Pu,Image as Mu,Skeleton as jh,Tooltip as Xh,Typography as Ji}from"@rango-dev/ui";import pe from"react";import{useEffect as Qh}from"react";var Bu=["ETH","COSMOS","OSMOSIS"];function Xi(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(Gh),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(Hh(a)),r=n.splice(s)}return{list:n,more:r}}i(Xi,"prepare");function Gh(t,e){let o=Bu,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(Gh,"sortByMostUsedBlockchains");function Hh(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(Hh,"generateSortByPreferredBlockchainsFor");function Nu(t,e){return!!e.list.find(o=>o.name===t)}i(Nu,"isInVisibleList");function Ki(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=d();Qh(()=>{if(e?.selected){let s=Xi(t,o,e);Nu(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=Xi(t,o,e);return{list:r.list,more:r.more,history:[]}}i(Ki,"usePrepareBlockchainList");import{styled as Vh}from"@rango-dev/ui";var Lu=Vh("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var Kh=12;function Zi(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Ki(e,{limit:10,selected:n?.name}),{fetchStatus:l}=d(),p=U.use.resetToBlockchain(),u=U.use.resetFromBlockchain(),m=a.more.length>0,c=a.more.length===1,g=!c&&m;return pe.createElement(pe.Fragment,null,pe.createElement(Pu,{size:12}),pe.createElement(Ji,{variant:"label",size:"large"},Yi.t("Select Blockchain")),pe.createElement(Pu,{size:12}),pe.createElement(Lu,null,l==="loading"&&Array.from(Array(Kh),f=>pe.createElement(jh,{key:f,variant:"rounded",height:50})),l==="success"&&pe.createElement(pe.Fragment,null,pe.createElement(Rn,{selected:!n,onClick:()=>{o==="from"?u():p()}},pe.createElement(Ji,{variant:"body",size:"xsmall",color:"secondary500"},Yi.t("All"))),a.list.map(f=>pe.createElement(Xh,{key:f.name,content:f.shortName,side:"bottom",sideOffset:2,container:O()},pe.createElement(Rn,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},pe.createElement(Mu,{src:f.logo,size:30})))),c?pe.createElement(Rn,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},pe.createElement(Mu,{src:a.more[0].logo,size:30})):null,g?pe.createElement(Rn,{onClick:s,key:"more-blockchains"},pe.createElement(Ji,{variant:"body",size:"xsmall",color:"secondary500"},Yi._("More +{count}",{count:a.more.length}))):null)))}i(Zi,"BlockchainsSection");import{i18n as ls}from"@lingui/core";import{darkTheme as Hu,Divider as Zt,ExternalLinkIcon as Zh,Image as Rh,ListItemButton as ey,NotFound as ty,PinIcon as oy,Skeleton as Qu,Typography as or,VirtualizedList as ny}from"@rango-dev/ui";import D,{forwardRef as ry,useEffect as Vu,useState as ju}from"react";import{Divider as zu,ListItem as Jh,Skeleton as Io}from"@rango-dev/ui";import je from"react";import{css as Jt,darkTheme as $u,ImageContainer as Yh,styled as Ve,Typography as _u}from"@rango-dev/ui";var Ri=Jt({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),es=Jt({position:"relative",height:12,width:"30%",maxWidth:"150px"}),ts=Jt({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),os=Jt({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${$u} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),ns=Jt({}),rs=Jt(),Du=Ve("div",{display:"flex",flexDirection:"column",flexGrow:1}),is=Ve("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),er=Ve("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${es}`]:{[`& .${os}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${ns}`]:{bottom:"-15px"},[`& .${Ri}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${ts}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),ss=Ve("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),as=Ve(_u,{}),Fu=Ve("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${rs}`]:{$$color:"$colors$neutral600",[`.${$u} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),tr=Ve("div",{display:"flex",alignItems:"end",flexDirection:"column"}),zN=Ve("div",{display:"flex",alignItems:"center"}),Ou=Ve("div",{position:"relative",[`& ${Yh}`]:{borderRadius:"$xm",overflow:"hidden"}}),Uu=Ve("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),qu=Ve(_u,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Gu(t){return je.createElement(er,null,Array.from(Array(t.size),e=>je.createElement(Jh,{key:e,hasDivider:!0,start:je.createElement(Io,{variant:"circular",width:35,height:35}),end:je.createElement(tr,null,je.createElement(Io,{variant:"text",size:"large",width:70}),je.createElement(zu,{size:4}),je.createElement(Io,{variant:"text",size:"medium",width:50})),title:je.createElement("div",null,je.createElement(Io,{variant:"text",size:"large",width:90}),je.createElement(zu,{size:4}),je.createElement(Io,{variant:"text",size:"medium",width:90}))})))}i(Gu,"LoadingTokenList");var ps=20,iy=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return D.createElement("div",{className:es()},o?D.createElement("div",{className:Ri()},o):D.createElement(is,{className:ts()},D.createElement(or,{variant:"title",size:"xmedium"},r.symbol),D.createElement(Zt,{direction:"horizontal",size:4}),D.createElement(ss,{css:s},D.createElement(as,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&D.createElement("div",{className:`${os()} ${!o&&ns()}`},D.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," ",D.createElement(Zt,{size:4,direction:"horizontal"}),D.createElement(Zh,{color:"gray",size:12}))))},"renderDesc");function Xu(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=ju(e),l=d().fetchStatus,p=d().blockchains(),[u,m]=ju(!0),{getBalanceFor:c,loading:g}=H(),{isTokenPinned:f}=d(),v=ry((T,w)=>D.createElement("div",{...T,ref:w,style:{...T.style,height:`${parseFloat(T.style?.height)+8*2}px`}})),k=i(()=>{a(e.slice(0,s.length+ps))},"loadNextPage");Vu(()=>{m(e.length>s.length)},[s.length]),Vu(()=>{a(e.slice(0,ps))},[e]);let h=i(()=>!s.length&&o?D.createElement(D.Fragment,null,D.createElement(Zt,{size:32}),D.createElement(ty,{title:ls.t("No results found"),description:ls.t("Try using different keywords")})):D.createElement(ny,{Item:({index:T,style:w})=>{let x=s[T],A=Xo(c(x)),y=x.address||"",E=p.find(M=>M.name===x.blockchain),b=Tn(x.symbol,E?.color||""),C={$$color:b[`${x.symbol}100`],[`.${Hu} &`]:{$$color:b[`${x.symbol}900`]},backgroundColor:"$$color"},W={$$color:b[`${x.symbol}700`],[`.${Hu} &`]:{$$color:b[`${x.symbol}100`]},color:"$$color"};return D.createElement("div",{style:{...w,paddingRight:5}},D.createElement(ey,{style:{height:w?.height,width:"100%",overflow:"hidden"},"tab-index":T,key:`${x.symbol}${x.address}`,id:`${x.symbol}${x.address}`,hasDivider:!0,onClick:()=>n(s[T]),start:D.createElement(Ou,null,D.createElement(Rh,{src:x.image,size:30}),f(x,t.type)&&D.createElement(Uu,null,D.createElement(oy,{size:12,color:"gray"}))),title:E?.type==="COSMOS"||x.name||!x.name&&!y?D.createElement(is,null,D.createElement(or,{variant:"title",size:"xmedium"},x.symbol),D.createElement(Zt,{direction:"horizontal",size:4}),D.createElement(ss,{css:C},D.createElement(as,{variant:"body",size:"xsmall",css:W},x.blockchain))):void 0,description:E?.info&&y&&E.type!=="COSMOS"?iy({address:y,token:s[T],customCssForTag:C,customCssForTagTitle:W,name:x.name,url:E.info.addressUrl.split("{wallet}").join(y)}):x.name||void 0,end:g?D.createElement(tr,null,D.createElement(Qu,{variant:"text",size:"large",width:70}),D.createElement(Zt,{size:4}),D.createElement(Qu,{variant:"text",size:"medium",width:50})):A&&D.createElement(Fu,null,D.createElement(qu,{variant:"title",size:"small"},A.amount),D.createElement("div",null),A.usdValue&&D.createElement(or,{variant:"body",className:rs(),size:"xsmall"},`$${A.usdValue}`))}))},hasNextPage:u,itemCount:s.length,loadNextPage:k,innerElementType:v,size:60,key:`${r}-${o}`}),"renderList");return D.createElement(Du,null,D.createElement(or,{variant:"label",size:"large"},ls.t("Select Token")),D.createElement(Zt,{size:4}),l==="loading"&&D.createElement(Gu,{size:ps}),l==="success"&&D.createElement(er,null,h()))}i(Xu,"TokenList");function us(t){let{type:e}=t,o=ay(),n=Ct(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=U(),m=H.use.getBalanceFor(),[c,g]=sy(""),{isTokenPinned:f}=d(),k=(e==="source"?r:s)?.name??"",h=d().blockchains({type:e}),T=d().tokens({type:e,blockchain:k,searchFor:c}),x=Xs(T,m,i(b=>f(b,e),"checkIsTokenPinned")),A=i(b=>{e==="source"?p(b):u(b)},"updateBlockchain"),y=i(b=>{e==="source"?a({token:b,meta:{blockchains:h,tokens:T}}):l({token:b,meta:{blockchains:h,tokens:T}})},"updateToken"),E={source:nr.t("Source"),destination:nr.t("Destination")};return Rt.createElement(K,{header:{title:nr.t("Swap {type}",{type:E[e]})}},Rt.createElement(Zi,{blockchains:h,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(_.blockchains),onChange:b=>{A(b)}}),Rt.createElement(Ku,{size:24}),Rt.createElement(pt,{value:c,autoFocus:!0,placeholder:nr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>g(""),onChange:b=>g(b.target.value)}),Rt.createElement(Ku,{size:16}),Rt.createElement(Xu,{list:x,selectedBlockchain:k,searchedFor:c,type:e,onChange:b=>{y(b);let C=h.find(W=>b.blockchain===W.name);C&&A(C),n()}}))}i(us,"SelectSwapItemsPage");import{i18n as Mt}from"@lingui/core";import{ChevronRightIcon as ds,Divider as fs,InfoIcon as gy,List as hy,ListItemButton as yy,Skeleton as Sy,Switch as Cy,Tooltip as ky,Typography as $t}from"@rango-dev/ui";import V from"react";import{useNavigate as Ty}from"react-router-dom";import{i18n as tc}from"@lingui/core";import{Divider as cy,InfoIcon as my,TextField as dy,Tooltip as fy,Typography as oc}from"@rango-dev/ui";import Be from"react";import{Chip as ly,styled as Wo,TextField as py}from"@rango-dev/ui";var Yu=Wo("div",{paddingTop:"$5",padding:"$10 $5"}),Ju=Wo("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${py}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Zu=Wo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),rr=Wo("div",{maxWidth:"280px",padding:"$10"}),Ru=Wo(ly,{width:"61px",flexShrink:0});import{i18n as cs}from"@lingui/core";import{Typography as uy}from"@rango-dev/ui";import Bo from"react";function ec(){return Bo.createElement(rr,null,Bo.createElement(uy,{variant:"label",size:"medium",color:"neutral700"},cs.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Bo.createElement("br",null),Bo.createElement("br",null),Bo.createElement("b",null,cs.t("Warning")),":",cs.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(ec,"SlippageTooltipContent");function ms(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=d();return Be.createElement(Yu,null,Be.createElement(Zu,null,Be.createElement(oc,{variant:"title",size:"xmedium"},tc.t("Slippage tolerance per swap")),Be.createElement(cy,{direction:"horizontal",size:4}),Be.createElement(fy,{container:O(),side:"top",sideOffset:4,content:Be.createElement(ec,null)},Be.createElement(my,{color:"gray"}))),Be.createElement(Ju,null,sa.map((r,s)=>{let a=`slippage-${s}`;return Be.createElement(Be.Fragment,null,Be.createElement(Ru,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),Be.createElement(dy,{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>=ua&&a<=pa?n(a):n(null)},suffix:o&&Be.createElement(oc,{variant:"body",size:"small"},"%"),placeholder:tc.t("Custom")})))}i(ms,"Slippage");function nc(){let t=Ty(),{theme:e}=d().config,o=d().fetchStatus,n=d().swappers(),r=d().disabledLiquiditySources,{config:{features:s}}=d(),a=Le("theme",s),l=Le("liquiditySource",s),p=Le("language",s),u=d().infiniteApprove,m=d().toggleInfiniteApprove,c=Zo(n,r),g=c.filter(C=>C.type==="BRIDGE"||C.type==="AGGREGATOR"),f=g.length,v=g.filter(C=>C.selected).length,k=c.filter(C=>C.type==="DEX"),h=k.length,T=k.filter(C=>C.selected).length,w=i((C,W)=>{switch(o){case"loading":return V.createElement(Sy,{variant:"text",size:"medium",width:50});case"failed":return V.createElement($t,{variant:"body",size:"medium",color:"$error500"},Mt.t("Loading failed"));default:return V.createElement($t,{variant:"body",size:"medium"},`${C} / ${W}`)}},"handleEndItem"),x={id:"bridge-item",title:V.createElement($t,{variant:"title",size:"xmedium"},Mt.t("Enabled bridges")),end:V.createElement(V.Fragment,null,w(v,f),V.createElement(fs,{direction:"horizontal",size:8}),V.createElement(ds,{color:"black"})),onClick:()=>t(_.bridges)},A={id:"exchange-item",title:V.createElement($t,{variant:"title",size:"xmedium"},Mt.t("Enabled exchanges")),end:V.createElement(V.Fragment,null,w(T,h),V.createElement(fs,{direction:"horizontal",size:8}),V.createElement(ds,{color:"gray"})),onClick:()=>t(_.exchanges)},y={id:"theme-item",title:V.createElement($t,{variant:"title",size:"xmedium"},Mt.t("Theme")),end:V.createElement(ds,{color:"gray"}),onClick:()=>t(_.themes)},E={id:"infinite-approval-item",title:V.createElement(V.Fragment,null,V.createElement($t,{variant:"title",size:"xmedium"},Mt.t("Infinite approval")),V.createElement(fs,{direction:"horizontal",size:4}),V.createElement(ky,{side:"top",sideOffset:4,container:O(),content:V.createElement(rr,null,V.createElement($t,{variant:"label",size:"medium",color:"neutral700"},Mt.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.")))},V.createElement(gy,{color:"gray"}))),end:V.createElement(Cy,{checked:u}),onClick:m},b=l?[]:[x,A];return!e?.singleTheme&&!a&&b.push(y),b.push(E),V.createElement(K,{header:{title:Mt.t("Settings")}},V.createElement(ut,null,V.createElement(ms,null),V.createElement(hy,{type:V.createElement(yy,{title:"_",id:"_",onClick:()=>console.log()}),items:b})))}i(nc,"SettingsPage");import{cancelSwap as pS}from"@rango-dev/queue-manager-rango-preset";import{useManager as uS}from"@rango-dev/queue-manager-react";import Fc from"react";import{i18n as dt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Qy,getCurrentStep as Vy,getRelatedWalletOrNull as jy}from"@rango-dev/queue-manager-rango-preset";import{Button as Bc,CopyIcon as Xy,Divider as Ky,IconButton as Yy,LinkIcon as Jy,QuoteCost as Zy,StepDetails as Ry,Typography as to,useCopyToClipboard as eS}from"@rango-dev/ui";import{useWallets as tS}from"@rango-dev/wallets-react";import Nc from"bignumber.js";import{PendingSwapNetworkStatus as gr}from"rango-types";import j,{useEffect as Lc,useRef as oS,useState as Pc}from"react";import{useNavigate as nS}from"react-router-dom";import{i18n as vt}from"@lingui/core";var wy=[vt.t("Sunday"),vt.t("Monday"),vt.t("Tuesday"),vt.t("Wednesday"),vt.t("Thursday"),vt.t("Friday"),vt.t("Saturday")];function rc(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?vt.t("Today"):`${wy[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(rc,"timeSince");function ic(t){return t.finishTime?rc(parseInt(t.finishTime)):rc(parseInt(t.creationTime))}i(ic,"getSwapDate");import{Modal as Wy}from"@rango-dev/ui";import{PendingSwapNetworkStatus as ar}from"rango-types";import lr from"react";import{i18n as ir}from"@lingui/core";import{Button as sc,Divider as gs,MessageBox as xy,Typography as ac}from"@rango-dev/ui";import rt from"react";var lc=i(({onCancel:t,onClose:e})=>rt.createElement(rt.Fragment,null,rt.createElement(gs,{size:20}),rt.createElement(xy,{type:"error",title:ir.t("Cancel Swap"),description:ir.t("Are you sure you want to cancel this swap?")}),rt.createElement(gs,{size:32}),rt.createElement(sc,{variant:"contained",type:"primary",size:"large",onClick:t},rt.createElement(ac,{variant:"title",size:"medium",color:"neutral100"},ir.t("Yes, Cancel it"))),rt.createElement(gs,{size:12}),rt.createElement(sc,{variant:"outlined",type:"primary",size:"large",onClick:e},rt.createElement(ac,{variant:"title",size:"medium",color:"primary"},ir.t("No, Continue")))),"CancelContent");import{i18n as sr}from"@lingui/core";import{Button as pc,Divider as hs,MessageBox as vy,Typography as uc}from"@rango-dev/ui";import it from"react";var cc=i(({onDelete:t,onClose:e})=>it.createElement(it.Fragment,null,it.createElement(hs,{size:20}),it.createElement(vy,{type:"error",title:sr.t("Delete Transaction"),description:sr.t("Are you sure you want to delete this swap?")}),it.createElement(hs,{size:32}),it.createElement(pc,{variant:"contained",type:"primary",size:"large",onClick:t},it.createElement(uc,{variant:"title",size:"medium",color:"neutral100"},sr.t("Yes, Delete it"))),it.createElement(hs,{size:12}),it.createElement(pc,{variant:"outlined",type:"primary",size:"large",onClick:e},it.createElement(uc,{variant:"title",size:"medium",color:"primary"},sr.t("No, Cancel")))),"DeleteContent");import{i18n as ys}from"@lingui/core";import{PendingSwapNetworkStatus as Ss}from"rango-types";var Cs={[Ss.WaitingForNetworkChange]:{type:"loading",title:ys.t("Change Network")},[Ss.WaitingForConnectingWallet]:{type:"warning",title:ys.t("Connect Wallet")},[Ss.NetworkChanged]:{type:"success",title:ys.t("Network Changed")}};import{MessageBox as by,Wallet as Ey}from"@rango-dev/ui";import{useWallets as Iy}from"@rango-dev/wallets-react";import No from"react";import{styled as Ay}from"@rango-dev/ui";var mc=Ay("div",{display:"flex",justifyContent:"center"});var dc=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:l,state:p}=Iy(),u=n?.walletType,m=u?xr(p(u)):null,c=u?l(u):null;return No.createElement(No.Fragment,null,No.createElement(by,{type:e,title:o,description:r}),s&&!!u&&!!m&&!!c&&No.createElement(mc,null,No.createElement(Ey,{container:O(),title:c.name,image:c.img,type:u,state:m,link:c.installLink,onClick:async()=>a(u)})))},"WalletStateContent");function ks(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,l=e===ar.WaitingForNetworkChange||e===ar.WaitingForConnectingWallet||e===ar.NetworkChanged;return lr.createElement(Wy,{open:!!e,onClose:o,container:document.getElementById(Ce)||document.body},l&&lr.createElement(dc,{type:Cs[e].type,title:Cs[e].title,currentStepWallet:s,message:a,showWalletButton:e!==ar.WaitingForNetworkChange}),e==="delete"&&lr.createElement(cc,{onClose:o,onDelete:n}),e==="cancel"&&lr.createElement(lc,{onClose:o,onCancel:r}))}i(ks,"SwapDetailsModal");import{i18n as Lo}from"@lingui/core";import{Button as Ts,Divider as pr,MessageBox as fc,Modal as By,TokenAmount as Ny,Typography as ur}from"@rango-dev/ui";import me from"react";import{useNavigate as Ly}from"react-router-dom";function ws(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:g}=t,f=Ly();return me.createElement(By,{open:e,onClose:o,container:document.getElementById(Ce)||document.body},n==="success"?me.createElement(fc,{type:"success",title:Lo.t("Swap Successful")},me.createElement(Ny,{direction:"vertical",tooltipContainer:O(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:u,percentageChange:m}),me.createElement(pr,{size:12}),me.createElement(ur,{variant:"body",size:"medium",color:"neutral700",align:"center"},c)):me.createElement(fc,{type:"error",title:Lo.t("Transaction Failed"),description:c}),me.createElement(pr,{size:32}),n==="success"&&me.createElement(Ts,{variant:"contained",type:"primary",size:"large",onClick:()=>{f("../../")}},me.createElement(ur,{variant:"title",size:"medium",color:"neutral100"},Lo.t("Done"))),me.createElement(pr,{size:12}),g&&me.createElement(me.Fragment,null,me.createElement(Ts,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(g,"_blank")},me.createElement(ur,{variant:"title",size:"medium",color:"primary"},Lo.t("Diagnosis"))),me.createElement(pr,{size:12})),me.createElement(Ts,{variant:"outlined",type:"primary",size:"large",onClick:o},me.createElement(ur,{variant:"title",size:"medium",color:"primary"},Lo.t("See Details"))))}i(ws,"SwapDetailsCompleteModal");import Gy from"react";import{i18n as Oy}from"@lingui/core";import{Alert as kc,IconButton as Uy,LinkIcon as qy}from"@rango-dev/ui";import At,{Fragment as zy}from"react";import{Alert as Py,ChevronDownIcon as My,ChevronUpIcon as $y,IconButton as _y}from"@rango-dev/ui";import cr,{useState as Dy}from"react";function gc(t){let{message:e}=t,[o,n]=Dy(!1);return cr.createElement(Py,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&cr.createElement(_y,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?cr.createElement($y,{size:12,color:"gray"}):cr.createElement(My,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(gc,"FailedAlert");import{styled as Fy}from"@rango-dev/ui";var hc=Fy("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as yc}from"@lingui/core";import{Alert as xs,Button as Sc}from"@rango-dev/ui";import{PendingSwapNetworkStatus as vs}from"rango-types";import Po from"react";function Cc(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Po.createElement(xs,{type:"warning",title:n.shortMessage,action:Po.createElement(Sc,{size:"xxsmall",type:"warning",onClick:()=>{o(vs.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},yc.t("Change"))}):r===vs.WaitingForConnectingWallet?Po.createElement(xs,{type:"warning",title:n.shortMessage,action:Po.createElement(Sc,{size:"xxsmall",type:"warning",onClick:()=>{o(vs.WaitingForConnectingWallet)}},yc.t("Connect"))}):Po.createElement(xs,{type:"warning",title:n.shortMessage})}i(Cc,"WarningAlert");function As(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=lo(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l,m=u&&!a||p&&!s.explorerUrl?.length;return At.createElement(hc,null,s.explorerUrl?.map((c,g,f)=>{let v=g+c.url,k=g===f.length-1,h=(k&&u||p)&&!m,T=k&&s.status==="failed";return At.createElement(zy,{key:v},At.createElement(kc,{type:k&&(h&&"loading"||T&&"error")||"success",title:c.description?`${c.description} Tx`:Oy.t("View transaction"),action:c.url&&At.createElement(Uy,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},At.createElement(qy,{size:12}))}))}),m&&At.createElement(kc,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&At.createElement(Cc,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&At.createElement(gc,{message:r}))}i(As,"SwapDetailsAlerts");var Tc=2e3;var wc=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:Pe(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:I(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Pe(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:I(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:ao(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Pe(p.fromBlockchain,e)??""},to:{blockchain:Pe(p.toBlockchain,e)??""},swapper:{displayName:ao(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:Gy.createElement(As,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function xc(t){if(lo(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(xc,"getStepState");import{css as Mo,darkTheme as Hy,styled as _t}from"@rango-dev/ui";var mr=_t("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1}),dr=_t("div",{width:"100%"}),vc=_t("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),EM=_t("div",{display:"flex",flexDirection:"column",gap:"$10"}),Ac=_t("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),IM=_t("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),eo=Mo({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${Hy} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),bc=Mo({padding:"$5 0"}),fr=Mo({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),Ec=Mo({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Ic=Mo({width:"100%",padding:"0 $20 $10"}),Wc=_t("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function bs(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=tS(),p=d().blockchains(),u=d().swappers(),m=d().tokens(),c=U.use.retry(),g=nS(),[f,v]=eS(Tc),k=oS(null),[h,T]=Pc(null),[w,x]=Pc(null),A=i(()=>{r(),T(null)},"onCancel"),y=_e.use.getUnreadNotifications(),E=_e.use.setAsRead(),b=y(),C=Vy(e),W=C?.networkStatus;Lc(()=>{b.find(Ke=>Ke.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(x(e.status),E(e.requestId))},[e.status]),Lc(()=>{Y?T(gr.WaitingForNetworkChange):W===gr.WaitingForConnectingWallet||W===gr.NetworkChanged?T(W):T(null)},[W]);let M=Ea(e),N=C?Qy(e,C):null,S=C?jy(e,C):null,$=ic(e),L=Ia(e),G=i(ue=>!!l(ue)?.mobileWallet,"isMobileWallet"),Y=W===gr.WaitingForNetworkChange&&!!N&&!!S?.walletType&&(G(S.walletType)||s(S.walletType,N)),oe=Y?a.bind(null,S.walletType,N):void 0,he=ba(e,C),X=wc({swap:e,switchNetwork:oe,showNetworkModal:W,setNetworkModal:T,message:he,blockchains:p,swappers:u}),J=X.length,[be,Ue]=[e.steps[0],e.steps[J-1]],Ee=Ue.outputAmount||Ue.expectedOutputAmountHumanReadable,no=e.steps.reduce((ue,Ke)=>ue+parseFloat(Ke.feeInUsd||""),0),Dt=e.steps.find(ue=>ue.diagnosisUrl)?.diagnosisUrl,ft=I(parseFloat(I(Ee,6,6))*(Ue.toUsdPrice||0),4,4),F=I(parseFloat(e.inputAmount)*(be.fromUsdPrice||0),4,4),q=Ee?se(new Nc(Ee).multipliedBy(Ue.toUsdPrice||0)):"",ee=se(new Nc(e.inputAmount).multipliedBy(be.fromUsdPrice||0)),ye=Me(F,ft),st=e.status==="success"?dt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:I(Ee,6,6),token:X[J-1].to.token.displayName,conciseAddress:Ko(e.wallets[X[J-1].to.chain.displayName]?.address||""),chain:X[J-1].to.chain.displayName}}):`${dt.t("Transaction was not sent.")} ${M?dt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:M.outputAmount,symbol:M.symbol,blockchain:M.blockchain}}):""}`;return j.createElement(K,{noPadding:!0,header:{title:dt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>T("cancel"):void 0,suffix:e.status!=="running"&&j.createElement(Vt,null,j.createElement(Bc,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>T("delete")},j.createElement(to,{size:"medium",variant:"label",color:"error"},dt.t("Delete"))))},footer:L&&!w&&j.createElement(Bc,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{c(e,{blockchains:p,tokens:m}),setTimeout(()=>{g("../../")},0)}},dt.t("Try again"))},j.createElement(mr,null,j.createElement(dr,null,j.createElement("div",{className:eo()},j.createElement(to,{variant:"label",size:"large",color:"neutral700"},`${dt.t("Request ID")}:`),j.createElement("div",{className:fr()},j.createElement(to,{variant:"label",size:"small",color:"neutral700"},o),j.createElement(Yy,{variant:"ghost",onClick:v.bind(null,o||"")},j.createElement(Xy,{size:16,color:"gray"})),j.createElement(Wc,{target:"_blank",href:`${Ds}/swap/${o}`},j.createElement(Jy,{size:16})))),j.createElement("div",{className:eo()},j.createElement(to,{variant:"label",size:"large",color:"neutral700"},`${dt.t(e.finishTime?"Finished at":"Created at")}:`),j.createElement(to,{variant:"label",size:"small",color:"neutral700"},$))),j.createElement("div",{className:Ec()},j.createElement(Zy,{fee:I(String(no),2,2),time:qo(zo(e.steps)),steps:J}),j.createElement(go,{from:{price:{value:I(e.inputAmount,6,6),usdValue:F,realUsdValue:ee,realValue:e.inputAmount},token:{displayName:X[0].from.token.displayName,image:X[0].from.token.image},chain:{image:X[0].from.chain.image,displayName:X[0].from.chain.displayName}},to:{price:{value:I(Ee,6,6),usdValue:ft,realUsdValue:q,realValue:Ee},token:{displayName:X[J-1].to.token.displayName,image:X[J-1].to.token.image},chain:{image:X[J-1].to.chain.image,displayName:X[J-1].to.chain.displayName}},percentageChange:I(ye,2,2),warningLevel:at(ye??0)})),j.createElement("div",{className:Ic()},j.createElement(to,{variant:"title",size:"small"},dt.t("Swaps steps"))),j.createElement(Ky,{size:8}),j.createElement(vc,{ref:k},X.map((ue,Ke)=>{let Ft=Ke,ro=xc(e.steps[Ke]),tm=ro==="error"||ro==="in-progress"||ro==="warning"||ro==="completed"&&Ke===X.length-1;return j.createElement(Ry,{key:Ft,step:ue,type:"swap-progress",ref:k,state:ro,hasSeparator:Ke!==0,tabIndex:Ft,isFocused:tm,tooltipContainer:O()})}))),j.createElement(ks,{state:h,onClose:()=>T(null),onCancel:A,onDelete:n,message:he.detailedMessage.content,currentStepWallet:S}),j.createElement(ws,{open:!!w,diagnosisUrl:Dt,onClose:()=>x(null),status:e.status==="success"?"success":"failed",priceValue:I(Ee,6,6),usdValue:ft,realUsdValue:q,realValue:se(Ee),percentageChange:I(ye,2,2),token:{displayName:X[J-1].to.token.displayName,image:X[J-1].to.token.image},chain:{image:X[J-1].to.chain.image},description:st}))}i(bs,"SwapDetails");import{i18n as yr}from"@lingui/core";import{Divider as _c,NotFound as lS,Skeleton as _o,Typography as Sr}from"@rango-dev/ui";import ie from"react";import{i18n as rS}from"@lingui/core";import{Divider as iS,Skeleton as sS,Typography as aS}from"@rango-dev/ui";import ae from"react";import{css as Xe,styled as Es}from"@rango-dev/ui";var Mc=Es("div",{width:"100%",height:"100%",padding:"$10 $20"}),$o=Es("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),hr=Es("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),s$=Xe({display:"flex",justifyContent:"space-between",alignItems:"center"}),a$=Xe({display:"flex",justifyContent:"space-between",alignItems:"center"}),l$=Xe({paddingTop:"$15",display:"flex"}),p$=Xe({padding:"$15 $0"}),u$=Xe({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),c$=Xe({paddingBottom:"$10"}),m$=Xe({display:"flex",justifyContent:"start",alignItems:"center"}),d$=Xe({paddingTop:"$5",display:"flex",alignItems:"center"}),f$=Xe({display:"flex",alignItems:"center"}),g$=Xe({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),$c=Xe({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function Is(){return ae.createElement(Mc,null,ae.createElement(Co,{type:"swap-preview"}),ae.createElement("div",{className:"swaps-steps"},ae.createElement(aS,{variant:"title",size:"small"},rS.t("Swaps steps"))),ae.createElement(ae.Fragment,null,ae.createElement($o,null,ae.createElement(ot,{separator:!1}),ae.createElement("div",{className:$c()},ae.createElement(iS,{direction:"horizontal",size:20}),ae.createElement(sS,{height:22,variant:"rectangular"}))),ae.createElement(hr,null),ae.createElement($o,null,ae.createElement(ot,{separator:!1})),ae.createElement(hr,null),ae.createElement($o,null,ae.createElement(ot,{separator:!1})),ae.createElement(hr,null),ae.createElement($o,null,ae.createElement(ot,{separator:!1}))))}i(Is,"LoadingSwapDetails");function Dc(t){let{requestId:e,showSkeleton:o}=t;return ie.createElement(K,{noPadding:!0,header:{title:yr.t("Swap and Bridge"),suffix:ie.createElement(Vt,null)}},o&&ie.createElement(mr,null,ie.createElement(dr,null,ie.createElement("div",{className:eo()},ie.createElement(Sr,{variant:"label",size:"large",color:"neutral700"},`${yr.t("Request ID")}:`),ie.createElement("div",{className:fr()},ie.createElement(Sr,{variant:"label",size:"small",color:"neutral700"},ie.createElement(_o,{width:60,height:10,variant:"rounded"})),ie.createElement(_c,{direction:"horizontal",size:4}),ie.createElement(_o,{width:16,height:16,variant:"rectangular"}),ie.createElement(_c,{direction:"horizontal",size:4}),ie.createElement(_o,{width:16,height:16,variant:"rectangular"}))),ie.createElement("div",{className:eo()},ie.createElement(Sr,{className:bc(),variant:"label",size:"large",color:"neutral700"},ie.createElement(_o,{width:60,height:10,variant:"rounded"})),ie.createElement(Sr,{variant:"label",size:"small",color:"neutral700"},ie.createElement(_o,{width:60,height:10,variant:"rounded"})))),ie.createElement(Is,null)),!o&&ie.createElement(Ac,null,ie.createElement(lS,{title:yr.t("Not found"),description:yr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Dc,"SwapDetailsPlaceholder");function Oc(){let{manager:t,state:e}=uS(),o=!e.loadedFromPersistor,n=Yt(t),r=xe.use.selectedSwapRequestId(),s=Ct(),{fetchStatus:a}=d(),l=o||a==="loading",p=n.find(({swap:g})=>g.requestId===r),u=i(()=>{if(p?.id){let g=t?.get(p.id);g&&pS(g)}},"onCancel"),m=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(g){console.log(g)}},"onDelete"),c=p?.swap;return!c||l?Fc.createElement(Dc,{requestId:r||"",showSkeleton:l}):Fc.createElement(bs,{swap:c,requestId:r||"",onCancel:u,onDelete:m})}i(Oc,"SwapDetailsPage");import{i18n as Do}from"@lingui/core";import{AutoThemeIcon as cS,DarkModeIcon as mS,LightModeIcon as dS,List as fS,ListItemButton as gS,Radio as Ws,RadioRoot as hS,Typography as Bs}from"@rango-dev/ui";import ve from"react";function Uc(){let{setTheme:t,theme:e}=d(),o=[{id:"light",value:"light",title:ve.createElement(Bs,{variant:"title",size:"xmedium"},Do.t("Light")),onClick:()=>t("light"),start:ve.createElement(dS,{color:"gray"}),end:ve.createElement(Ws,{value:"light"})},{id:"dark",value:"dark",title:ve.createElement(Bs,{variant:"title",size:"xmedium"},Do.t("Dark")),onClick:()=>t("dark"),start:ve.createElement(mS,{color:"gray"}),end:ve.createElement(Ws,{value:"dark"})},{id:"auto",value:"auto",title:ve.createElement(Bs,{variant:"title",size:"xmedium"},Do.t("Auto")),onClick:()=>t("auto"),start:ve.createElement(cS,{color:"gray"}),end:ve.createElement(Ws,{value:"auto"})}];return ve.createElement(K,{header:{title:Do.t("Theme")}},ve.createElement(ut,null,ve.createElement(hS,{onValueChange:n=>t(n),value:e},ve.createElement(fS,{type:ve.createElement(gS,{title:Do.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Uc,"ThemePage");function qc(){return yS([{path:_.home,element:Ae.createElement(hu,null)},{path:_.fromSwap,children:[{index:!0,element:Ae.createElement(us,{type:"source"})},{path:_.blockchains,element:Ae.createElement(ji,{type:"source"})}]},{path:_.toSwap,children:[{index:!0,element:Ae.createElement(us,{type:"destination"})},{path:_.blockchains,element:Ae.createElement(ji,{type:"destination"})}]},{path:_.settings,children:[{index:!0,element:Ae.createElement(nc,null)},{path:_.themes,element:Ae.createElement(Uc,null)},{path:_.languages,element:Ae.createElement(Su,null)},{path:_.exchanges,element:Ae.createElement(zi,{sourceType:"Exchanges"})},{path:_.bridges,element:Ae.createElement(zi,{sourceType:"Bridges"})}]},{path:_.swaps,children:[{index:!0,element:Ae.createElement(cu,null)},{path:_.swapDetails,element:Ae.createElement(Oc,null)}]},{path:_.wallets,element:Ae.createElement(Pl,null)},{path:_.confirmSwap,element:Ae.createElement(ou,null)}])}i(qc,"AppRoutes");import{isApprovalTX as SS,MainEvents as Gc,RouteEventType as Hc,StepEventType as oo,StepExecutionEventStatus as CS,useEvents as kS}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Qc}from"react";import{StepExecutionBlockedEventStatus as Ns}from"@rango-dev/queue-manager-rango-preset";var zc=[Ns.WAITING_FOR_CHANGE_WALLET_ACCOUNT,Ns.WAITING_FOR_NETWORK_CHANGE,Ns.WAITING_FOR_WALLET_CONNECT];function Vc(){let t=d().tokens(),e=H.use.connectedWallets(),o=H.use.getWalletsDetails(),n=_e.use.setNotification(),r=_e.use.setAsRead(),s=kS();return Qc(()=>(s.on(Gc.StepEvent,a=>{let{event:l,step:p,route:u}=a;if(l.type===oo.TX_EXECUTION&&l.status===CS.TX_SENT&&!SS(p)||l.type===oo.SUCCEEDED){let c=e.find(f=>f.chain===p?.fromBlockchain),g=p?.fromBlockchain!==p?.toBlockchain&&e.find(f=>f.chain===p?.toBlockchain);c&&o([c],t),g&&o([g],t)}l.type===oo.TX_EXECUTION_BLOCKED&&zc.includes(l.status)||l.type===oo.FAILED?n(l,u):(l.type===oo.TX_EXECUTION||l.type===oo.CHECK_STATUS)&&r(u.requestId)}),()=>s.all.clear()),[s,e.length]),Qc(()=>(s.on(Gc.RouteEvent,a=>{let{event:l,route:p}=a;(l.type===Hc.FAILED||l.type===Hc.SUCCEEDED)&&n(l,p)}),()=>s.all.clear()),[s,e.length]),null}i(Vc,"WidgetEvents");import{globalCss as TS}from"@rango-dev/ui";var jc=i(()=>TS({"@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 wS}from"@rango-dev/ui";var Xc=wS("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 Cr(){jc();let{config:t}=d(),{activeTheme:e}=wn(t?.theme||{}),{activeLanguage:o,changeLanguage:n}=Kn(),[r,s]=Yc(""),[a,l]=Yc(),p=vS(dn);return Kc(()=>{_e.persist.rehydrate(),p.onConnectWallet(s)},[]),Kc(()=>{n(t?.language)},[t?.language]),Fo.createElement(xS,{language:o},Fo.createElement(Xc,{id:"swap-container",className:e()},Fo.createElement(Vc,null),Fo.createElement(qa,{lastConnectedWallet:r,disconnectedWallet:a,clearDisconnectedWallet:()=>{l(void 0)}},Fo.createElement(qc,null))))}i(Cr,"Main");import Ps,{useMemo as zS}from"react";import{checkWaitingForNetworkChange as AS,makeQueueDefinition as bS}from"@rango-dev/queue-manager-rango-preset";import{Provider as ES}from"@rango-dev/queue-manager-react";import{useWallets as IS}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as WS}from"@rango-dev/wallets-shared";import{isEvmBlockchain as BS}from"rango-types";import NS,{useMemo as LS}from"react";function PS(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=IS(),l=LS(()=>bS({API_KEY:t.apiKey||Ot("API_KEY"),BASE_URL:Ot("BASE_URL")}),[t.apiKey]),p=d().blockchains(),m={blockchains:H.use.connectedWallets().map(w=>({accounts:[w],name:w.chain}))},c=i(async(w,x)=>{if(s(w,x))return r(w,x)},"switchNetwork"),g=i(w=>!!a(w).mobileWallet,"isMobileWallet"),f=p.filter(w=>w.enabled).reduce((w,x)=>(w[x.name]=x,w),{}),v=p.filter(BS),k=i(w=>{let{supportedChains:x}=a(w);return Qo(x)},"getSupportedChainNames"),h=e(),T={meta:{blockchains:f,evmBasedChains:v,evmNetworkChainInfo:WS(v),getSupportedChainNames:k},getSigners:o,wallets:m,providers:h,switchNetwork:c,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:g};return NS.createElement(ES,{queuesDefs:[l],context:T,onPersistedDataLoaded:w=>{AS(w)},isPaused:!1},t.children)}i(PS,"QueueManager");var Jc=PS;import{useManager as FS}from"@rango-dev/queue-manager-react";import OS,{createContext as US,useContext as qS}from"react";import{cancelSwap as MS,getCurrentBlockchainOfOrNull as $S,getCurrentStep as _S,getRelatedWalletOrNull as DS}from"@rango-dev/queue-manager-rango-preset";var Oo=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return Yt(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&&MS(o)}getCurrentStepInfo(e){let o=_S(e);return{step:o,wallet:o?DS(e,o):null,network:o?$S(e,o):null}}};i(Oo,"WidgetHistory");var Zc=US(void 0);function Ls(t){let{manager:e}=FS(),o=U.use.retry(),n=new Oo(e,{retrySwap:o}),r=H.use.connectedWallets(),s=H.use.loading(),a=js(r),l=H.use.getWalletsDetails(),p=d().blockchains(),u=d().tokens(),m=d().swappers(),c=d().fetchStatus,g={history:n,wallets:{isLoading:s,details:r,totalBalance:a,refetch:l},meta:{blockchains:p,tokens:u,swappers:m,loadingStatus:c}};return OS.createElement(Zc.Provider,{value:g},t.children)}i(Ls,"WidgetInfo");function Rc(){let t=qS(Zc);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Rc,"useWidget");function kr(t){let{onUpdateState:e,config:o}=t;return zS(()=>{Zs({API_KEY:o?.apiKey||Uo,BASE_URL:o?.apiUrl||_s})},[o]),Ps.createElement(fn,{config:o,onUpdateState:e},Ps.createElement(Jc,{apiKey:o.apiKey},Ps.createElement(Ls,null,t.children)))}i(kr,"WidgetProvider");function em(t){return t.config?.externalWallets?Ms.createElement(Cr,null):Ms.createElement(kr,{config:t.config??Tr},Ms.createElement(Cr,null))}i(em,"Widget");export{OD as MainEvents,KD as Networks,ZD as PendingSwapNetworkStatus,UD as RouteEventType,qD as StepEventType,zD as StepExecutionBlockedEventStatus,GD as StepExecutionEventStatus,jD as WalletEvents,YD as WalletTypes,em as Widget,kr as WidgetProvider,fn as WidgetWallets,jr as customizedThemeTokens,VD as readAccountAddress,ql as useWallets,Rc as useWidget,HD as useWidgetEvents};
2
2
  //# sourceMappingURL=index.js.map