@rango-dev/widget-embedded 0.20.1-next.14 → 0.20.1-next.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/containers/WidgetProvider/WidgetProvider.d.ts.map +1 -1
  2. package/dist/index.js +1 -1
  3. package/dist/index.js.map +2 -2
  4. package/package.json +3 -3
  5. package/src/containers/WidgetProvider/WidgetProvider.tsx +2 -1
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- var tm=Object.defineProperty;var i=(t,e)=>tm(t,"name",{value:e,configurable:!0});import{MainEvents as UD,RouteEventType as qD,StepEventType as zD,StepExecutionBlockedEventStatus as GD,StepExecutionEventStatus as HD,useEvents as QD}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as jD,useWallets as ql,Events as XD}from"@rango-dev/wallets-react";import{Networks as YD,WalletTypes as JD}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as RD}from"rango-types";import{Events as Ur,Provider as Dm}from"@rango-dev/wallets-react";import{isEvmBlockchain as Fm}from"rango-sdk";import dn,{createContext as Om,useEffect as qr,useRef as Um,useState as qm}from"react";import{useEffect as un,useLayoutEffect as $a,useRef as cn}from"react";import km,{createContext as Tm,useContext as wm,useEffect as xm,useRef as vm}from"react";import{create as Sm}from"zustand";import{persist as Cm}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 dm}from"rango-sdk";var qo="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 rm}from"@rango-dev/wallets-react";import{detectInstallLink as im,getCosmosExperimentalChainInfo as sm,isEvmAddress as am,KEPLR_COMPATIBLE_WALLETS as iC,Networks as qs}from"@rango-dev/wallets-shared";import wr from"bignumber.js";import{isCosmosBlockchain as lm}from"rango-types";import om from"bignumber.js";var Ie=new om(0);import{WalletTypes as nm}from"@rango-dev/wallets-shared";var Fs=[nm.LEAP];import{BigNumber as Us}from"bignumber.js";var zo=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 Go=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:im(l),state:p,type:r}})}i(zs,"mapWalletTypesToWalletInfo");function Vo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Vo,"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}=rm(p),c=l.length>0,g=l.includes(m),f=m===qs.Unknown;if(c&&!g&&!f)return;let k=m===qs.Unknown&&am(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 jo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(jo,"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:um(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 pm(r)},"calculateWalletUsdValue");function pm(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(pm,"numberWithThousandSeparator");var um=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Xo=i((t,e)=>{let o=sm(Object.entries(t).map(([,n])=>n).filter(lm));return o&&o[e]?.experimental},"isExperimentalChain");function Ko(t){return t?{...t,amount:I(t.amount,8,8),usdValue:I(t.usdValue,4,4)}:null}i(Ko,"formatBalance");function cm(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(cm,"sortTokensByBalance");function mm(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(mm,"sortTokensByPinnedToken");function Xs(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=mm(n,r,o);return l!==0?l:cm(s,a)}),t}i(Xs,"sortTokens");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Le,"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 Yo(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(Yo,"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 Jo(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(Jo,"makeTokensBalance");var Js=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");var Ar={API_KEY:qo};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=>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"),Er=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var Zo,Ut=i(()=>Zo||(Zo=new dm(Ot("API_KEY"),Ot("BASE_URL")),Zo),"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 Ro(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(Ro,"getUniqueSwappersGroups");function na(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(na,"sortLiquiditySourcesByGroupTitle");function Ne(t,e){return e?.[t]==="hidden"}i(Ne,"isFeatureHidden");function en(t,e){return e?.[t]==="enabled"}i(en,"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=>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(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 fm,French as gm,Japanese as hm,Spanish as ym}from"@rango-dev/ui";var ia=[{title:"English",label:"English",local:"en",SVGFlag:fm},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:ym},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:gm},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:hm}],ao="en";var sa=[.5,1,3],aa=1,la=5,pa=100,ua=0;var ca=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,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=Ne("theme",n),s=Ne("language",n),a=Ne("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:ao},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function ma(t){return Sm()(Cm((...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=Tm(null);function d(){let t=wm(da);if(xm(()=>{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=vm();return e.current||(e.current=ma(t.config)),km.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 Nm}from"zustand/middleware";import{getLastSuccessfulStep as Wm}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 lo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(lo,"getSwapperDisplayName");function Br(t,e){return e.find(o=>Le(o,t))??null}i(Br,"findToken");function Lr(t,e){return e.find(o=>o.name===t)??null}i(Lr,"findBlockchain");import{i18n as qe}from"@lingui/core";import we from"bignumber.js";import{PendingSwapNetworkStatus as rn}from"rango-types";function tn(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(tn,"getRequiredWallets");function on(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(on,"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 nn}from"@lingui/core";var Et=i(()=>({connectWallet:nn.t("Connect Wallet"),swap:nn.t("Swap"),swapAnyway:nn.t("Swap anyway"),ethWarning:nn.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 Nr(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(Nr,"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 Am(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(Am,"requiredWallets");var bm=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Em(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=bm(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new we(r.amount).multipliedBy(s||0))}return o}i(Em,"getUsdFeeOfStep");function sn(t,e){return t.reduce((o,n)=>o.plus(Em(n,e)),Ie)}i(sn,"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 an(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(an,"getMinRequiredSlippage");function ka(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(ka,"hasProperSlippage");function ln(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(ln,"createQuoteRequestBody");function Ta(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Ta,"getWalletsForNewSwap");function zt(t){return t.result?.outputAmount||null}i(zt,"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=zt(t),n=zt(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 po(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==rn.NetworkChanged}i(po,"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,"")),po(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case rn.WaitingForConnectingWallet:n=n||qe.t("Waiting for connecting wallet");break;case rn.WaitingForQueue:n=n||qe.t("Waiting for other running tasks to be finished");break;case rn.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&&!Am(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!on(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 Na(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(Na,"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=Wm(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Lr(s?s.toBlockchain:n.fromBlockchain,e),p=Lr(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 pn(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=sn(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=an(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(pn,"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 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"),yt=Bm;var It=i((t,e)=>t?.usdPrice?new St(e||Ie).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),U=yt(Lm()(Nm(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,Na(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=cn(void 0),y=cn(void 0),E=cn(void 0),b=cn(void 0);un(()=>{t(u?.amount?.toString()||"")},[u?.amount]),$a(()=>{if(m==="success"){let C=c.find(M=>M.name===u?.from?.blockchain),W=g.find(M=>Le(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]),un(()=>{so(s,h)&&r({token:null}),Er(l,T)&&n(null)},[h,T]),un(()=>{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=>Le(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]),un(()=>{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 _m}from"react";import{create as Pm}from"zustand";import{subscribeWithSelector as Mm}from"zustand/middleware";var H=yt(Pm()(Mm((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=>jo(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=>jo(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:Jo(m),connectedWallets:m}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(m=>o.find(c=>jo(c,m))?Vs(m):m);return{loading:!1,balances:Jo(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 mn(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(mn,"matchAndGenerateProviders");function Da(t,e){return mn(t,e).map(r=>r.config.type)}i(Da,"configWalletsToWalletName");function Fa(t,e){let o=H.use.clearConnectedWallet(),n=mn(void 0,e);return _m(()=>{o(),n=mn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Fa,"useWalletProviders");var fn=Om({onConnectWallet:()=>{}});function zm(t){let{updateConfig:e,updateSettings:o,fetch:n}=d(),r=d().blockchains(),s=d().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=qm([]),{providers:u}=Fa(t.config.wallets,a),{connectWallet:m,disconnectWallet:c}=H(),g=Um();_a(),qr(()=>{n().catch(console.log)},[]),qr(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let f=r.filter(Fm).map(k=>k.name),v=i((k,h,T,w,x)=>{if(h===Ur.ACCOUNTS)if(T){let A=Vo(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]),dn.createElement(fn.Provider,{value:{onConnectWallet:k=>{g.current=k}}},dn.createElement(Dm,{allBlockChains:r,providers:u,onUpdateState:v,autoConnect:!0},t.children))}i(zm,"Main");function gn(t){let{config:e,...o}=t;return dn.createElement(fa,{config:e},dn.createElement(zm,{...o,config:e}))}i(gn,"WidgetWallets");import Ms from"react";import{I18nManager as wS}from"@rango-dev/ui";import Oo,{useContext as xS,useEffect as vS,useState as Kc}from"react";import{useQueueManager as Jm}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Zm}from"@rango-dev/wallets-react";import{isEvmBlockchain as Rm}from"rango-types";import hn,{Fragment as ed}from"react";import{MemoryRouter as td,useInRouterContext as od}from"react-router";import{useWallets as Hm}from"@rango-dev/wallets-react";import{useEffect as Qm,useRef as Vm}from"react";function Oa(){let{connect:t,state:e}=Hm(),o=Vm({}),{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(Oa,"useForceAutoConnect");import{useEffect as zr,useRef as Gr}from"react";import{createSearchParams as Xm,useLocation as Km,useSearchParams as Ym}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 jm}from"zustand";var xe=yt(jm()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));function Ua(){let t=Gr(!0),[e,o]=Ym(),n=Km(),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={};Xm(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),L=T.find($=>$.name===E),S=_r(w,b,L||null);W&&(m(W),M&&c({token:M,meta:{blockchains:T,tokens:w}})),L&&(g(L),S&&f({token:S,meta:{blockchains:T,tokens:w}})),C&&k(C)}},[h]),null}i(Ua,"UpdateUrl");function qa({children:t,...e}){let o=od(),n=o?ed:td,r=d().blockchains(),{canSwitchNetworkTo:s}=Zm();Oa();let a=r.filter(Rm);return Jm({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),hn.createElement(hn.Fragment,null,hn.createElement(n,null,t),o&&hn.createElement(Ua,null))}i(qa,"AppRouter");import Ae from"react";import{useRoutes as hS}from"react-router-dom";import{i18n as Gn}from"@lingui/core";import{useManager as xg}from"@rango-dev/queue-manager-react";import{Alert as Rp,Button as vg,css as Wi,Divider as Ag,IconButton as eu,SettingsIcon as bg,styled as tu,Tooltip as Eg,Typography as Ig,WalletIcon as Wg}from"@rango-dev/ui";import re,{useEffect as Ao,useLayoutEffect as Bg,useRef as Lg,useState as Hn}from"react";import{flushSync as Ng}from"react-dom";import{useNavigate as Pg}from"react-router-dom";import{i18n as Ze}from"@lingui/core";import{Alert as pi,BalanceErrors as xf,Button as zl,ChevronDownIcon as vf,ChevronLeftIcon as Af,Divider as jt,MessageBox as bf,Modal as Gl,Typography as Pn,WalletIcon as Ef}from"@rango-dev/ui";import P,{useEffect as If,useLayoutEffect as Wf,useRef as Bf,useState as Lt}from"react";import{useNavigate as Lf}from"react-router-dom";import{i18n as yn}from"@lingui/core";function Sn(t){switch(t.type){case 0:return yn.t("Route has been updated.");case 3:return yn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return yn.t("Route swappers has been updated.");case 2:return yn.t("Route internal coins has been updated.");default:return""}}i(Sn,"getQuoteUpdateWarningMessage");import*as Ht from"@radix-ui/react-collapsible";import{Button as rd,css as za,darkTheme as Gt,IconButton as id,keyframes as Ga,styled as fe,TextField as sd}from"@rango-dev/ui";var uo=300,ad=Ga({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),ld=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%"}),pd=fe("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Gt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Gt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Gt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Va=fe(pd,{alignSelf:"stretch",minHeight:"93px"}),ja=fe(Ht.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(id,{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(Ht.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Ra=fe(rd,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Gt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Gt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Gt} &`]:{$$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 ${uo}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),nl=fe("div",{display:"flex"}),rl=fe(sd,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Cn=fe(Ht.Content,{backgroundColor:"$neutral100",overflow:"hidden",variants:{open:{true:{animation:`${ad} ${uo}ms ease-out`},false:{animation:`${ld} ${uo}ms ease-out`}}}}),il=fe("div",{overflow:"visible",width:"100%"});import{i18n as Ge}from"@lingui/core";import{Button as kf,Divider as ai,Image as Tf,MessageBox as Nn,Modal as Dl,SelectableWallet as wf,Typography as Fl,WalletState as Ol}from"@rango-dev/ui";import ne,{useEffect as Ul,useState as fo}from"react";import{WalletState as Hr}from"@rango-dev/ui";import{useWallets as ud}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as cd,WalletTypes as kn}from"@rango-dev/wallets-shared";import{useEffect as md,useState as dd}from"react";var fd=Object.values(kn);function Tn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=ud(),{connectedWallets:u}=H(),m=d().blockchains(),c=Da(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||fd,g=zs(s,l,c,o),f=Ks(g),[v,k]=dd(""),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");md(()=>()=>{w()},[]);let x=i(y=>y.filter(b=>b.state!=Hr.NOT_INSTALLED&&![kn.DEFAULT,kn.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)=>Xo(b,E)&&h(y)&&!cd.includes(y)||y==kn.DEFAULT&&!x(g),"shouldExcludeWallet");return{list:f.filter(y=>!A(y.type,o??"",m)),error:v,handleClick:T}}i(Tn,"useWalletList");import{i18n as Bl}from"@lingui/core";import{styled as Nl,Typography as mf,Wallet as df,WalletState as ff}from"@rango-dev/ui";import Bt,{Fragment as gf,useState as Ll}from"react";import{BottomLogo as tf,Divider as of,Header as nf}from"@rango-dev/ui";import ge from"react";import{useNavigate as gd}from"react-router-dom";function Ct(){let t=gd();return()=>t(-1)}i(Ct,"useNavigateBack");import{createTheme as Xr,darkTheme as kd,lightTheme as Td}from"@rango-dev/ui";import{useEffect as ll,useState as wd}from"react";import{theme as Sd,darkColors as Cd}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"),wn=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=wn(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,...wn(s,a)}}return n?r:{}},"generateColors");var al=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),hd=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"),yd=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Vr=i(t=>hd(yd(5381,JSON.stringify(t))>>>0),"toHash");function jr(t){let e=Sd.colors,o=Qr({...e,...Cd},!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 xn(t){let{colors:e,fontFamily:o=ta,borderRadius:n=Rs,secondaryBorderRadius:r=ea,mode:s="auto"}=t,[a,l]=wd("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,Td.className],v=[g.className,kd.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(xn,"useTheme");import{ChevronLeftIcon as Ad}from"@rango-dev/ui";import ml from"react";import{darkTheme as xd,IconButton as vd,styled as co}from"@rango-dev/ui";var $e=co(vd,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),pl=co("div",{position:"absolute",background:"$secondary500",[`.${xd} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Qt=co("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),ul=co("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),cl=co("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(Ad,{color:"black",size:16}))}i(Kr,"BackButton");import{i18n as bd}from"@lingui/core";import{Button as Ed,Typography as Id}from"@rango-dev/ui";import Yr from"react";function Jr(t){return Yr.createElement(Qt,null,Yr.createElement(Ed,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Yr.createElement(Id,{variant:"label",size:"medium",color:"error500"},bd.t("Cancel"))))}i(Jr,"CancelButton");import{i18n as Wd}from"@lingui/core";import{Tooltip as Bd,WalletIcon as Ld}from"@rango-dev/ui";import vn from"react";function Zr(t){return vn.createElement(Bd,{container:t.container,side:"top",content:Wd.t("Connect Wallet")},vn.createElement($e,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&vn.createElement(pl,null),vn.createElement(Ld,{size:18,color:"black"})))}i(Zr,"WalletButton");import{i18n as In}from"@lingui/core";import{NotificationsIcon as Yd,Popover as Jd,SettingsIcon as Zd,Tooltip as Wn,TransactionIcon as Rd}from"@rango-dev/ui";import ce from"react";import{i18n as Od}from"@lingui/core";import{ChainToken as Sl,ChevronRightIcon as Ud,ListItemButton as qd,Typography as zd}from"@rango-dev/ui";import ze from"react";import{useNavigate as Gd}from"react-router-dom";import{create as Nd}from"zustand";import{persist as Pd,subscribeWithSelector as Md}from"zustand/middleware";var _e=yt(Nd()(Pd(Md((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 An}from"@rango-dev/ui";var dl=An("div",{padding:"$10",width:"350px",minHeight:"150px"}),fl=An("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),gl=An("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),hl=An("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 _d,NoNotificationIcon as Dd,Typography as Fd}from"@rango-dev/ui";import bn from"react";function yl(){return bn.createElement(hl,null,bn.createElement(Dd,{color:"secondary",size:26}),bn.createElement(_d,{size:12}),bn.createElement(Fd,{variant:"body",size:"medium",color:"neutral700"},$d.t("You have no notification")))}i(yl,"NotificationNotFound");var Hd=4;function Rr(){let t=Gd(),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,Hd),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(qd,{key:p.requestId,onClick:()=>l(p.requestId),title:ze.createElement(zd,{variant:"body",size:"small",color:"$neutral700"},Od.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(Ud,{size:12,color:"gray"})})})):ze.createElement(yl,null))}i(Rr,"NotificationContent");import{RefreshProgressButton as Qd}from"@rango-dev/ui";import ei,{useEffect as Vd,useState as Cl}from"react";var jd=1e3,kl=60,Xd=100;function En({onClick:t}){let[e,o]=Cl(0),[n,r]=Cl(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");Vd(()=>{let p;return t?p=window.setInterval(()=>{o(u=>u+1),e===kl&&l()},jd):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(Qd,{size:24,color:t?"black":"gray",progress:e/kl*Xd})))}i(En,"RefreshButton");import{Typography as Kd}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(Kd,{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=Ne("notification",s);return ce.createElement(ce.Fragment,null,ce.createElement(Wn,{container:O(),side:"top",content:In.t("Refresh")},ce.createElement(En,{onClick:o})),!a&&ce.createElement(Jd,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:O(),content:ce.createElement(Rr,null)},ce.createElement("div",null,ce.createElement(Wn,{container:O(),side:"top",content:In.t("Notifications")},ce.createElement($e,{size:"small",variant:"ghost"},ce.createElement(Yd,{size:18,color:"black"}),ce.createElement(wl,null))))),ce.createElement(Wn,{container:O(),side:"top",content:In.t("Settings")},ce.createElement($e,{size:"small",variant:"ghost",onClick:r},ce.createElement(Zd,{size:18,color:"black"}))),ce.createElement(Wn,{container:O(),side:"top",content:In.t("Transactions History")},ce.createElement($e,{size:"small",variant:"ghost",onClick:n},ce.createElement(Rd,{size:18,color:"black"}))))}i(ti,"HomeButtons");import{darkTheme as ef,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",[`.${ef} &`]:{$$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 rf(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}=xn(m||{}),g=Ne("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(nf,{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(of,{size:12}),ge.createElement(tf,null))))}i(rf,"LayoutComponent");var K=ge.forwardRef(rf);K.displayName="Layout";import{Divider as uf,Modal as cf}from"@rango-dev/ui";import ri from"react";import{i18n as Vt}from"@lingui/core";import{Image as lf,MessageBox as ni,WalletState as pf}from"@rango-dev/ui";import Wt from"react";import{keyframes as sf,styled as Bn}from"@rango-dev/ui";var _v=Bn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),bl=Bn("div",{position:"relative"}),af=sf({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),El=Bn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${af} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Il=Bn("div",{"& img":{borderRadius:"50%"}});function Wl(t){let{state:e,image:o,error:n}=t;return e===pf.CONNECTED?Wt.createElement(ni,{type:"success",title:Vt.t("Wallet Connected"),description:Vt.t("Your wallet is connected, you can use it to swap.")}):n?Wt.createElement(ni,{type:"error",title:Vt.t("Failed to Connect"),description:n||Vt.t("Your wallet is not connected. Please try again.")}):Wt.createElement(ni,{type:"loading",title:Vt.t("Connecting to your wallet"),description:Vt.t("Click connect in your wallet popup."),icon:Wt.createElement(bl,null,Wt.createElement(Il,null,Wt.createElement(lf,{src:o,size:45})),Wt.createElement(El,null))})}i(Wl,"ModalContent");function mo(t){let{open:e,onClose:o,...n}=t;return ri.createElement(cf,{open:e,onClose:o,container:document.getElementById(Ce)||document.body},ri.createElement(Wl,{...n}),ri.createElement(uf,{direction:"vertical",size:32}))}i(mo,"WalletModal");var hf=Nl("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),yf=Nl("div",{textAlign:"center"}),Ln=3e3,ii=300;function Pl(){let{config:t,fetchStatus:e}=d(),[o,n]=Ll(!1),[r,s]=Ll(""),a=null,{list:l,handleClick:p,error:u}=Tn({config:t,onBeforeConnect:f=>{a=setTimeout(()=>{n(!0),s(f)},ii)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Ln)}}),m=l.find(f=>f.type===r),c=m?.image||"",g=m?.state||ff.NOT_INSTALLED;return Bt.createElement(K,{header:{title:Bl.t("Connect Wallets")}},Bt.createElement(yf,null,Bt.createElement(mf,{variant:"title",size:"xmedium",align:"center"},Bl.t("Choose a wallet to connect.")),Bt.createElement(hf,null,l.map((f,v)=>{let k=`wallet-${v}-${f.type}`;return Bt.createElement(gf,{key:k},Bt.createElement(df,{...f,container:O(),onClick:h=>{p(h)},isLoading:e==="loading"}))}),Bt.createElement(mo,{open:!!o,onClose:()=>n(!1),image:c,state:g,error:u}))))}i(Pl,"WalletsPage");import{keyframes as Sf,styled as si}from"@rango-dev/ui";var Ml=si("div",{position:"relative"}),Cf=Sf({"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:`${Cf} 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]=fo(""),[c,g]=fo(null),[f,v]=fo(!1),[k,h]=fo(null),{suggestAndConnect:T}=ql(),w=null,{list:x,error:A,handleClick:y}=Tn({config:a,chain:e,onBeforeConnect:S=>{w=setTimeout(()=>{m(S)},ii)},onConnect:()=>{w&&clearTimeout(w),setTimeout(()=>{m("")},Ln)}}),[E,b]=fo(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(N=>o(N.type,e));return W&&$>1?[x[$]].concat(x.filter((N,G)=>G!==$)):S.map(N=>x.find(G=>G.type===N.type)??N)})},[JSON.stringify(x)]);let L=document.getElementById(Ce);return Ul(()=>{let S=null;return(k==="completed"||k==="rejected")&&(S=setTimeout(()=>h(null),Ln)),()=>{S&&clearTimeout(S)}},[k]),ne.createElement(ne.Fragment,null,E.slice(0,r).map(S=>{let $=Ys({connectedWallets:l,walletType:S.type,chain:e}),N=$?Yo($):"",G=Xo(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}}):N,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(mo,{open:u===S.type,onClose:()=>m(""),image:S.image,state:S.state,error:A}),!!c&&ne.createElement(Dl,{open:!!c&&f,container:L,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(kf,{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:L},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(Tf,{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(wf,{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 Nf=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]=Lt(""),[w,x]=Lt([]),[A,y]=Lt(""),[E,b]=Lt(null),[C,W]=Lt(g),[M,L]=Lt(!!g),S=Bf(null),$=tn(p),N=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]=Lt(v.filter(F=>F.selected&&$.includes(F.chain))),he=l.find(F=>F.name===N?.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&&!on(he,C),be=i(()=>{L(!1),W(""),oe(F=>{let q=!1;return F.map(ee=>!q&&ee.chain===N?.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===N?.name&&M&&(L(!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");If(()=>{oe(F=>F.concat(v.filter(q=>!!!F.find(ye=>ye.chain===q.chain)&&q.selected&&$.includes(q.chain))))},[v.length]),Wf(()=>{M&&S.current&&setTimeout(()=>{S?.current?.scrollIntoView({behavior:"smooth"})},uo)},[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,N),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(Af,{size:16})),P.createElement(Pn,{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(bf,{title:Ze.t("Insufficient account balance"),type:"error",description:P.createElement(xf,{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(jt,{size:12})),E&&P.createElement(P.Fragment,null,P.createElement(pi,{variant:"alarm",type:"warning",title:Sn(E)}),P.createElement(jt,{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(Pn,{variant:"title",size:"xmedium"},Ze.t({id:"Your {blockchainName} wallets",values:{blockchainName:ee?.shortName}})),P.createElement(Pn,{variant:"label",color:"$neutral700",size:"medium"},Ze.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:ee?.shortName}}))),P.createElement(jt,{size:24}),P.createElement(Qa,null,P.createElement(li,{chain:F,isSelected:X,selectWallet:Ue,limit:Nf,onShowMore:()=>T(ee?.name??"")})),!st&&P.createElement(jt,{size:32}),st&&a?.customDestination&&P.createElement(el,null,P.createElement(Za,{ref:S,selected:M,open:M,onOpenChange:ue=>{ue?G(N?.name??"")||oe(Ke=>Ke.map(Ft=>Ft.chain===N?.name?{...Ft,selected:!1}:Ft)):be()}},P.createElement(ja,{onClick:()=>L(ue=>!ue)},P.createElement(Ra,{fullWidth:!0,variant:"default",suffix:P.createElement(ol,{orientation:M?"up":"down"},P.createElement(vf,{size:10,color:"gray"}))},P.createElement("div",{className:"button__content"},P.createElement(Ef,{size:18,color:"info"}),P.createElement(jt,{size:4,direction:"horizontal"}),P.createElement(Pn,{variant:"label",size:"medium"},Ze.t("Send to a different address"))))),P.createElement(Cn,{open:M},P.createElement(P.Fragment,null,P.createElement(jt,{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 Sg}from"@rango-dev/ui";import De from"react";import{i18n as hi}from"@lingui/core";import{Alert as _f,ChevronDownIcon as Df,ChevronRightIcon as Ff,Divider as yi,Image as up,InfoIcon as Of,QuoteCost as Uf,StepDetails as qf,TokenAmount as zf,Tooltip as _n,Typography as yo}from"@rango-dev/ui";import cp from"bignumber.js";import B,{useLayoutEffect as Gf,useRef as mp,useState as Hf}from"react";import{styled as go}from"@rango-dev/ui";var Ql=go("div",{paddingBottom:"$10"}),ui=go("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Vl=go("div",{variants:{paddingTop:{true:{paddingTop:"$10"}}}}),jl=go("div",{paddingBottom:"$15"}),Xl=go("div",{width:"100%",display:"flex"});import*as Mn from"@radix-ui/react-collapsible";import{css as ci,darkTheme as Re,Image as Kl,styled as He,Typography as Pf}from"@rango-dev/ui";var mi=300,Yl=He(Mn.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(Mn.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(Cn,{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(Pf,{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 $n from"react";import{css as Mf,styled as $f}from"@rango-dev/ui";var sp=$f("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),ap=Mf({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function ho(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return $n.createElement(sp,null,$n.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}}),$n.createElement("div",{className:ap()}),$n.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(ho,"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]=Hf(t.expanded),f=mp(null),v=mp(c),k=I(sn(e.result?.swaps??[],p),2,2),h=zo(Go(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(L=>L.map((S,$)=>{let N,G=r?.type===3&&r.swap.swapperId===S.swapperId||r?.type===4&&r.recommendedSlippages?.has($),Y=s?.type===2&&s.recommendedSlippages?.has($);return G?N="error":Y&&(N="warning"),{swapper:{displayName:lo(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:N,alerts:G||Y?B.createElement(jl,null,B.createElement(_f,{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(yo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),B.createElement(yi,{direction:"horizontal",size:8}),B.createElement(yo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),B.createElement(yi,{direction:"horizontal",size:8}),B.createElement(yo,{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(yo,{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 Gf(()=>{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(Uf,{fee:k,time:h,steps:W}),a==="basic"&&B.createElement("div",{className:ep()},B.createElement(rp,null,B.createElement(Of,{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(yo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${x})`))),a==="list-item"&&B.createElement(zf,{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(ho,{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:L=>f.current=L,recommended:l,onClick:()=>g(L=>!L)},B.createElement("div",null,C.map((L,S)=>{let $=`item-${S}`,N=B.createElement(fi,null,B.createElement(Ff,{size:12,color:"black",...L.state&&{color:L.state==="error"?"error":"warning"}}));return B.createElement(B.Fragment,{key:$},B.createElement(_n,{container:M,side:"bottom",sideOffset:4,content:L.from.chain.displayName},B.createElement(di,{state:L.state||C[S-1]?.state},B.createElement(up,{src:L.from.chain.image,size:16}))),S===W-1&&B.createElement(B.Fragment,null,N,B.createElement(_n,{container:M,side:"bottom",sideOffset:4,content:L.to.chain.displayName},B.createElement(di,{state:L.state},B.createElement(up,{src:L.to.chain.image,size:16})))),S!==W-1&&B.createElement(B.Fragment,null,N))})),B.createElement(fi,{orientation:c?"up":"down"},B.createElement(Df,{size:12,color:"black"}))),B.createElement(op,{open:c},B.createElement(np,null),B.createElement("div",{className:Jl()},C.map((L,S)=>{let $=`item-${S}`;return B.createElement(qf,{type:"quote-details",key:$,step:L,hasSeparator:S!==C.length-1,state:L.state,tooltipContainer:M})}))))))}i(Si,"Quote");import{Divider as jf,Skeleton as Xf}from"@rango-dev/ui";import lt from"react";import{darkTheme as Qf,styled as Dn}from"@rango-dev/ui";var dp=Dn("div",{$$color:"$colors$neutral100",[`.${Qf} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),fp=Dn("div",{paddingTop:"$2"}),gp=Dn("div",{paddingLeft:"$8"}),hp=Dn("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 Nt,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 ko(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(Nt,{size:8,direction:"horizontal"}),z.createElement(Ap,null,z.createElement(tt,{height:10,width:60,variant:"rounded"}),z.createElement(Nt,{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(Nt,{size:4,direction:"horizontal"}),z.createElement(tt,{width:60,height:10,variant:"rounded"}),z.createElement(Nt,{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(Nt,{direction:"horizontal",size:4}),z.createElement(tt,{height:15,width:150,variant:"rounded"})),z.createElement(Nt,{size:4}),z.createElement(tt,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&z.createElement(z.Fragment,null,z.createElement(Nt,{size:4}),z.createElement(bp,null,n,z.createElement(xp,null),n)))}i(ko,"QuoteSummarySkeleton");import{ChainToken as Np,Divider as ki,NextIcon as Vf,Skeleton as Fn}from"@rango-dev/ui";import le from"react";import{styled as To}from"@rango-dev/ui";var Ip=To("div",{display:"flex",alignItems:"start"}),Wp=To("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),Ci=To("div",{display:"flex",alignItems:"center",flexGrow:1}),Bp=To("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Lp=To("div",{display:"flex",alignItems:"center"});function ot(t){let{separator:e=!0}=t;return le.createElement(le.Fragment,null,le.createElement(Lp,null,le.createElement(Fn,{height:22,width:22,variant:"circular"}),le.createElement(ki,{direction:"horizontal",size:8}),le.createElement(Fn,{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(Np,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(ki,{direction:"horizontal",size:8}),le.createElement(Fn,{height:12,variant:"rounded"})),le.createElement(Bp,null,le.createElement(Vf,{color:"gray",size:16})),le.createElement(Ci,null,le.createElement(Np,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(ki,{direction:"horizontal",size:8}),le.createElement(Fn,{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(ko,{type:e,tag:n}),lt.createElement(fp,null,lt.createElement(Xf,{height:15,variant:"rounded"})),o&&lt.createElement(gp,null,lt.createElement(jf,{size:20}),lt.createElement(ot,null),lt.createElement(ot,null),lt.createElement(ot,{separator:!1})))}i(Ti,"QuoteSkeleton");import{i18n as fg}from"@lingui/core";import{Alert as gg,Button as hg,InfoIcon as yg}from"@rango-dev/ui";import We from"react";import{Alert as Kf,Button as Yf,Divider as Fp,NoRouteIcon as Jf,RefreshIcon as Zf,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(Jf,{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(Kf,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Qe.createElement(Yf,{size:"xsmall",type:a.alert.type,prefix:Qe.createElement(Dp,null,Qe.createElement(Zf,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(xi,"NoResult");import{i18n as wo}from"@lingui/core";import{Button as eg,Divider as Qp,MessageBox as tg,Modal as og,Typography as ng,WarningIcon as rg}from"@rango-dev/ui";import nt from"react";import{Typography as Gp}from"@rango-dev/ui";import Ai from"react";import{darkTheme as Rf,styled as On}from"@rango-dev/ui";var Up=On("div",{width:"100%",paddingTop:"$10"}),vi=On("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),qp=On("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Rf} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),zp=On("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:wo.t("Swapping"),value:I(r.inputUsdValue,4,4)},{title:wo.t("Gas cost"),value:I(r.totalFee,2,2)},{title:wo.t("Receiving"),value:I(r.outputUsdValue,4,4)},{title:wo.t("Price impact"),value:I(r.priceImpact,2,2),valueColor:`${s}500`}];return nt.createElement(og,{open:e,onClose:o,container:O()},nt.createElement(tg,{type:s,title:Q().highValueLossError.impactTitle,description:Q().highValueLossError.description}),nt.createElement(vi,null,nt.createElement(Qp,{size:20}),nt.createElement(ng,{size:"small",variant:"title"},wo.t("Details")),nt.createElement(vi,null,a.map((l,p)=>nt.createElement(Hp,{key:p,...l})))),nt.createElement(Qp,{size:32}),nt.createElement(eg,{type:"primary",size:"large",prefix:nt.createElement(rg,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 Xt}from"@lingui/core";import{Button as Xp,Divider as Kp,MessageBox as ig,Modal as sg,Typography as ag}from"@rango-dev/ui";import Pt from"react";import{useNavigate as lg}from"react-router-dom";function Yp(t){let{customSlippage:e,slippage:o}=d(),{open:n,onClose:r,onConfirm:s,warning:a}=t,l=lg(),p=e??o;return Pt.createElement(sg,{anchor:"bottom",open:n,prefix:Pt.createElement(Xp,{size:"small",variant:"ghost",onClick:()=>l("../"+_.settings)},Pt.createElement(ag,{variant:"label",size:"medium",color:"$neutral900"},Xt.t("Change settings"))),container:O(),onClose:r},Pt.createElement(ig,{type:"warning",title:a.type===3?Xt.t("High slippage"):Xt.t("Low slippage"),description:a.type===3?Xt.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):Xt.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},Xt.t("Confirm anyway"))))}i(Yp,"SlippageWarningModal");import{Button as pg,Divider as ug,MessageBox as cg,Modal as mg,WarningIcon as dg}from"@rango-dev/ui";import xo from"react";function Jp(t){let{open:e,onClose:o,onConfirm:n}=t;return xo.createElement(mg,{open:e,onClose:o,container:O()},xo.createElement(cg,{type:"warning",title:Q().unknownPriceError.impactTitle,description:Q().unknownPriceError.description}),xo.createElement(ug,{size:32}),xo.createElement(pg,{type:"primary",size:"large",prefix:xo.createElement(dg,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(gg,{title:c.title,type:c.alertType,variant:"alarm",...c.action==="show-info"&&{action:We.createElement(zp,{onClick:s},We.createElement(yg,{size:12,color:"gray"}))},...c.action==="change-settings"&&{action:We.createElement(hg,{size:"xxsmall",type:c.alertType,onClick:p},fg.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 vo(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(Sg,{size:16}),A))}i(vo,"QuoteInfo");import{calculatePendingSwap as Tg}from"@rango-dev/queue-manager-rango-preset";import{useEffect as wg}from"react";import{useRef as Cg,useState as kg}from"react";function Un(){let[t,e]=kg(!1),o=Cg(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(Un,"useFetchQuote");function qn(t){if(!t.result)throw new Error(Q().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Nr(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=an(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(qn,"throwErrorIfResponseIsNotValid");function Zp(t,e,o){let n=!1;t&&(n=Pa(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=pn(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(zt(e)),percentageChange:I(Me(zt(t)??"",zt(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 zn(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(zn,"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}=Un();return wg(()=>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=ln({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});en("experimentalRoute",h)&&(M.experimental=!0);let L;try{L=await x(M).then(G=>qn(G)),n(L)}catch(G){return zn(G)}let S={slippage:w.toString(),disabledSwappersGroups:g},$=Tg(o.toString(),L,Ta(C),S,!1,{blockchains:v,tokens:k}),N=Zp(r??void 0,L,{fromToken:t,toToken:e,meta:{blockchains:v,tokens:k},selectedWallets:C,userSlippage:w});return N.quoteUpdate&&a(!1),{quote:L,swap:$,error:null,warnings:N}},"fetch"),cancelFetch:A}}i(Ii,"useConfirmSwap");var Mg=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"}}),_g=Wi({flexGrow:1,paddingRight:"$10"}),Dg=Wi({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),Fg=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=Pg(),[p,u]=Hn(""),{connectedWallets:m}=H(),c=!n,[g,f]=Hn(!1),v=xe.use.setSelectedSwap(),k=d().disabledLiquiditySources,h=Lg(k),{manager:T}=xg(),{fetch:w,loading:x,cancelFetch:A}=Ii(),[y,E]=Hn({swap:null,error:null,warnings:null}),[b,C]=Hn(!1),W=i(async({selectedWallets:N,customDestination:G})=>{let Y=await w?.({selectedWallets:N,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 N=`../${_.swaps}/${y.swap.requestId}`;l(N,{replace:!0}),setTimeout(()=>{e("")},0)}catch(N){u("Error: "+N?.message)}},"addNewSwap"),L=i(async()=>{await M()},"onConfirm"),S=i(async()=>{y?.warnings?.quote&&!a?C(!0):await L()},"onStartConfirmSwap"),$=i(async()=>{E({error:null,swap:null,warnings:null}),w({selectedWallets:o,customDestination:s}).then(N=>{E(N)}).catch(N=>console.error(N))},"onRefresh");return Ao(()=>{!!h.current.length&&!k.length&&$(),h.current=k},[k.length]),Ao(()=>{c&&A()},[c]),Ao(()=>{c&&f(c)},[c]),Ao(()=>{c||w({selectedWallets:o,customDestination:s}).then(N=>E(N)).catch(N=>console.error(N))},[]),Ao(()=>{let N=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(N){let oe=tn(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(()=>Ng(f.bind(null,!0))),r(!1))},[y.warnings?.quote,o.length,m.length]),Bg(()=>{t||l("../")},[]),re.createElement(K,{header:{title:Gn.t("Confirm Swap"),onWallet:()=>{let N=`../${_.wallets}`;l(N)},suffix:re.createElement(Eg,{container:O(),side:"bottom",content:Gn.t("Settings")},re.createElement($e,{size:"small",variant:"ghost",onClick:()=>l("../"+_.settings)},re.createElement(bg,{size:18,color:"black"})))},footer:re.createElement($g,null,re.createElement("div",{className:_g()},re.createElement(vg,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:x,disabled:!!y.error,onClick:S},Gn.t("Start Swap"))),re.createElement(eu,{variant:"contained",type:"primary",size:"large",loading:x,onClick:f.bind(null,!0)},re.createElement(Wg,{size:24})))},g&&re.createElement(Hl,{open:g,onClose:()=>f(!1),onCancel:A,loading:x,onCheckBalance:W}),re.createElement(Mg,null,re.createElement("div",{className:Fg()},re.createElement(Ig,{variant:"title",size:"small"},Gn.t("You get")),re.createElement("div",{className:Dg()},re.createElement(En,{onClick:!x&&!g&&!b?$:void 0}))),p&&re.createElement(re.Fragment,null,re.createElement(Rp,{type:"error",variant:"alarm",title:p}),re.createElement(Ag,{size:12})),y.warnings?.quoteUpdate&&re.createElement("div",{className:"quote-update__alert"},re.createElement(Rp,{variant:"alarm",type:"warning",title:y.warnings.quoteUpdate&&Sn(y.warnings.quoteUpdate)})),re.createElement(vo,{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 Xn}from"@lingui/core";import{useManager as Vg}from"@rango-dev/queue-manager-react";import{Divider as jg,NotFound as Xg,styled as uu}from"@rango-dev/ui";import wt,{useState as Kg}from"react";import{useNavigate as Yg}from"react-router-dom";import{CloseIcon as Ug,IconButton as qg,SearchIcon as zg,TextField as Gg}from"@rango-dev/ui";import bo from"react";import{styled as Og}from"@rango-dev/ui";var nu=Og("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 bo.createElement(Gg,{prefix:bo.createElement(nu,null,bo.createElement(zg,{color:"black"})),suffix:!!a.length&&bo.createElement(qg,{variant:"ghost",onClick:()=>l?.(""),size:"small"},bo.createElement(Ug,{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 Hg,darkTheme as Qg,styled as Qn}from"@rango-dev/ui";var Vn=Hg(),Bi=Qn("div",{width:"100%",display:"flex",flexDirection:"column",[`& .${Vn}`]:{$$color:"$colors$neutral600",[`.${Qg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Li=Qn("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Ni=Qn("div",{gap:"$10",display:"flex",flexDirection:"column"}),ru=Qn("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(Li,null,te.createElement(au,{variant:"label",size:"medium",className:Vn()},p.title)),te.createElement(iu,{size:4}),te.createElement(Ni,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(Li,null,te.createElement(au,{variant:"label",size:"medium",className:Vn()},a.title)),te.createElement(iu,{size:4}),te.createElement(Ni,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 jn}from"@lingui/core";import lu from"dayjs";var pu=i(t=>{let e=new Map([["today",{title:jn.t("Today"),swaps:[]}],["week",{title:jn.t("This week"),swaps:[]}],["month",{title:jn.t("This month"),swaps:[]}],["year",{title:jn.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 Kt=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=uu("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Zg=uu("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Rg=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=Yg(),{manager:o,state:n}=Vg(),r=Kt(o).map(({swap:c})=>c),[s,a]=Kg(""),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)||Rg(c.steps,s)||Ye(c.requestId,s)));let m=!u?.length&&!l;return wt.createElement(K,{header:{title:Xn.t("History")}},wt.createElement(Jg,null,wt.createElement(pt,{setValue:a,fullWidth:!0,variant:"contained",placeholder:Xn.t("Search Transaction"),autoFocus:!0,onChange:p,value:s}),wt.createElement(Zg,null,m&&wt.createElement(ru,null,wt.createElement(jg,{size:32}),wt.createElement(Xg,{title:Xn.t("No results found"),description:s?Xn.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 sh,styled as Fi,SwapInput as gu,WarningIcon as ah}from"@rango-dev/ui";import Fe,{useEffect as lh,useRef as ph,useState as uh}from"react";import{useNavigate as ch}from"react-router-dom";import{ReverseIcon as eh,styled as mu}from"@rango-dev/ui";import $i from"react";var th=mu("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),oh=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(th,null,$i.createElement(oh,{onClick:()=>{t()}},$i.createElement(eh,{size:12})))}i(du,"SwitchFromAndToButton");import{useCallback as nh,useEffect as rh,useState as _i}from"react";var ih=600;function fu(){let{fetch:t,cancelFetch:e}=Un(),{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,L=!a||!l||Le(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),!L&&Y&&oe){c();let ft=ln({fromToken:Y,toToken:oe,inputAmount:he,liquiditySources:X,excludeLiquiditySources:J,disabledLiquiditySources:be,slippage:Ue,affiliateRef:Ee,affiliatePercent:no,affiliateWallets:Dt});en("experimentalRoute",r)&&(ft.experimental=!0),t(ft).then(F=>{A(!1),g(F),qn(F);let q=pn(F,{fromToken:Y,toToken:oe,userSlippage:W,tokens:s});C(q)}).catch(F=>{let{error:q}=zn(F);(q?.type===0||q?.type===1)&&c(),q?.type!==2&&(E(q),A(!1))})}},"fetch"),N=nh(oa(G=>{L||$(G)},ih),[L]);return rh(()=>{if(!io(p)||u?.eq(0)){S(!1),e();return}if(L){m&&c();return}return c(),S(!0),N({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,L,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 mh=Fi("div",{display:"flex",flexDirection:"column",overflowY:"visible","& .quote__container":{paddingTop:"$2"}}),dh=Fi("div",{position:"relative"}),fh=Fi("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function hu(){let t=ch(),{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]=uh(!1),b=ph(null),C=!!a&&Js(w,a.name),W=!1,M=!Mr(v,m,c),L=!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,N=Ko($)?.amount??"0",G=a&&s?I($?.amount,$?.decimals):"0";lh(()=>(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(sh,{type:"primary",size:"large",disabled:S.disabled,prefix:S.action==="confirm-warning"&&Fe.createElement(ah,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(mh,null,Fe.createElement(fh,null,Fe.createElement(dh,null,Fe.createElement(gu,{label:Di.t("From"),mode:"From",onInputChange:u,balance:N,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:()=>{N!=="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:L?void 0:I(f,4,4),realValue:se(g),realUsdValue:L?void 0:se(f),error:L?Q().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(_.toSwap),disabled:T==="failed",loading:T==="loading",tooltipContainer:O()})),Fe.createElement("div",{className:"quote__container"},Fe.createElement(vo,{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 gh,ListItemButton as hh,Radio as yh,RadioRoot as Sh,Typography as Ch}from"@rango-dev/ui";import xt from"react";import{styled as Kn}from"@rango-dev/ui";var ut=Kn("div",{height:"100%",overflow:"hidden"}),Eo=Kn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),Oi=Kn("div",{width:80,display:"flex",justifyContent:"flex-end"}),Ui=Kn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Yt(){let{setLanguage:t,language:e,config:o}=d(),n=ia,r=o?.language||ao;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||ao),resetLanguage:()=>t(null)}}i(Yt,"useLanguage");function Su(){let{activeLanguage:t,changeLanguage:e,languages:o}=Yt(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:xt.createElement(Ch,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:xt.createElement(yh,{value:s}),start:xt.createElement(l,null)}});return xt.createElement(K,{header:{title:yu.t("Language")}},xt.createElement(ut,null,xt.createElement(Sh,{value:t},xt.createElement(gh,{type:xt.createElement(hh,{title:yu.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(Su,"LanguagePage");import{i18n as ct}from"@lingui/core";import{Button as vh,Checkbox as Ah,Image as bh,ListItemButton as Eh,NotFound as Ih,Typography as Wh}from"@rango-dev/ui";import Se,{useState as Bh}from"react";import{Checkbox as wh,Skeleton as ku}from"@rango-dev/ui";import Io from"react";import{ListItem as kh,styled as Th}from"@rango-dev/ui";var Cu=Th(kh,{height:61});var xh=30;function qi(){return Io.createElement(Eo,null,Array.from(Array(xh),t=>Io.createElement(Cu,{hasDivider:!0,key:t,start:Io.createElement(ku,{variant:"circular",width:35,height:35}),title:Io.createElement(ku,{variant:"text",size:"large",width:90}),end:Io.createElement(wh,{checked:!1})})))}i(qi,"LoadingLiquiditySourceList");function zi({sourceType:t}){let e=d().fetchStatus,o=d().swappers(),n=d().disabledLiquiditySources,[r,s]=Bh(""),a=d().toggleLiquiditySource,l=Ro(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(bh,{src:x,size:22,type:"circular"}),onClick:()=>a(w),end:Se.createElement(Ah,{checked:T}),title:Se.createElement(Wh,{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(vh,{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(Ih,{title:ct.t("No results found"),description:ct.t("Try using different keywords")})):e==="success"&&Se.createElement(Eo,null,k.map(h=>Se.createElement(Se.Fragment,{key:h.id},Se.createElement(Eh,{style:{height:"61px"},...h,selected:!1,hasDivider:!0}))))))}i(zi,"LiquiditySourcePage");import{i18n as Iu}from"@lingui/core";import{Divider as Vi,getCountCategories as Uh,SelectableCategoryList as qh}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 _h,NotFound as Dh,Typography as Eu}from"@rango-dev/ui";import Oe,{useEffect as Fh,useState as Oh}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 Nh,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",[`& ${Nh}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Ph,Skeleton as vu}from"@rango-dev/ui";import Zn from"react";var Mh=20;function Au(){return Zn.createElement(Jn,null,Array.from(Array(Mh),t=>Zn.createElement(Ph,{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]=Oh(e),{fetchStatus:l}=d();Fh(()=>{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(Dh,{title:Hi.t("No results found"),description:Hi.t("Try using different keywords")})):Oe.createElement(Jn,{key:`${r}-${o}`},s.map(u=>Oe.createElement(_h,{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=Uh(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(qh,{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 iy}from"react";import{useNavigate as sy}from"react-router-dom";import{i18n as Yi}from"@lingui/core";import{BlockchainsChip as Rn,Divider as Pu,Image as Mu,Skeleton as Vh,Tooltip as jh,Typography as Ji}from"@rango-dev/ui";import pe from"react";import{useEffect as Hh}from"react";var Bu=["ETH","COSMOS","OSMOSIS"];function Xi(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(zh),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(Gh(a)),r=n.splice(s)}return{list:n,more:r}}i(Xi,"prepare");function zh(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(zh,"sortByMostUsedBlockchains");function Gh(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(Gh,"generateSortByPreferredBlockchainsFor");function Lu(t,e){return!!e.list.find(o=>o.name===t)}i(Lu,"isInVisibleList");function Ki(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=d();Hh(()=>{if(e?.selected){let s=Xi(t,o,e);Lu(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 Qh}from"@rango-dev/ui";var Nu=Qh("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var Xh=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(Nu,null,l==="loading"&&Array.from(Array(Xh),f=>pe.createElement(Vh,{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(jh,{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 Jh,Image as Zh,ListItemButton as Rh,NotFound as ey,PinIcon as ty,Skeleton as Qu,Typography as or,VirtualizedList as oy}from"@rango-dev/ui";import D,{forwardRef as ny,useEffect as Vu,useState as ju}from"react";import{Divider as zu,ListItem as Yh,Skeleton as Wo}from"@rango-dev/ui";import je from"react";import{css as Jt,darkTheme as $u,ImageContainer as Kh,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"}),zL=Ve("div",{display:"flex",alignItems:"center"}),Ou=Ve("div",{position:"relative",[`& ${Kh}`]:{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(Yh,{key:e,hasDivider:!0,start:je.createElement(Wo,{variant:"circular",width:35,height:35}),end:je.createElement(tr,null,je.createElement(Wo,{variant:"text",size:"large",width:70}),je.createElement(zu,{size:4}),je.createElement(Wo,{variant:"text",size:"medium",width:50})),title:je.createElement("div",null,je.createElement(Wo,{variant:"text",size:"large",width:90}),je.createElement(zu,{size:4}),je.createElement(Wo,{variant:"text",size:"medium",width:90}))})))}i(Gu,"LoadingTokenList");var ps=20,ry=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(Jh,{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=ny((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(ey,{title:ls.t("No results found"),description:ls.t("Try using different keywords")})):D.createElement(oy,{Item:({index:T,style:w})=>{let x=s[T],A=Ko(c(x)),y=x.address||"",E=p.find(M=>M.name===x.blockchain),b=wn(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(Rh,{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(Zh,{src:x.image,size:30}),f(x,t.type)&&D.createElement(Uu,null,D.createElement(ty,{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"?ry({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=sy(),n=Ct(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=U(),m=H.use.getBalanceFor(),[c,g]=iy(""),{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 fy,List as gy,ListItemButton as hy,Skeleton as yy,Switch as Sy,Tooltip as Cy,Typography as $t}from"@rango-dev/ui";import V from"react";import{useNavigate as ky}from"react-router-dom";import{i18n as tc}from"@lingui/core";import{Divider as uy,InfoIcon as cy,TextField as my,Tooltip as dy,Typography as oc}from"@rango-dev/ui";import Be from"react";import{Chip as ay,styled as Bo,TextField as ly}from"@rango-dev/ui";var Yu=Bo("div",{paddingTop:"$5",padding:"$10 $5"}),Ju=Bo("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${ly}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Zu=Bo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),rr=Bo("div",{maxWidth:"280px",padding:"$10"}),Ru=Bo(ay,{width:"61px",flexShrink:0});import{i18n as cs}from"@lingui/core";import{Typography as py}from"@rango-dev/ui";import Lo from"react";function ec(){return Lo.createElement(rr,null,Lo.createElement(py,{variant:"label",size:"medium",color:"neutral700"},cs.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Lo.createElement("br",null),Lo.createElement("br",null),Lo.createElement("b",null,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(uy,{direction:"horizontal",size:4}),Be.createElement(dy,{container:O(),side:"top",sideOffset:4,content:Be.createElement(ec,null)},Be.createElement(cy,{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(my,{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=ky(),{theme:e}=d().config,o=d().fetchStatus,n=d().swappers(),r=d().disabledLiquiditySources,{config:{features:s}}=d(),a=Ne("theme",s),l=Ne("liquiditySource",s),p=Ne("language",s),u=d().infiniteApprove,m=d().toggleInfiniteApprove,c=Ro(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(yy,{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(Cy,{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(fy,{color:"gray"}))),end:V.createElement(Sy,{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(gy,{type:V.createElement(hy,{title:"_",id:"_",onClick:()=>console.log()}),items:b})))}i(nc,"SettingsPage");import{cancelSwap as lS}from"@rango-dev/queue-manager-rango-preset";import{useManager as pS}from"@rango-dev/queue-manager-react";import Fc from"react";import{i18n as dt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Hy,getCurrentStep as Qy,getRelatedWalletOrNull as Vy}from"@rango-dev/queue-manager-rango-preset";import{Button as Bc,CopyIcon as jy,Divider as Xy,IconButton as Ky,LinkIcon as Yy,QuoteCost as Jy,StepDetails as Zy,Typography as to,useCopyToClipboard as Ry}from"@rango-dev/ui";import{useWallets as eS}from"@rango-dev/wallets-react";import Lc from"bignumber.js";import{PendingSwapNetworkStatus as gr}from"rango-types";import j,{useEffect as Nc,useRef as tS,useState as Pc}from"react";import{useNavigate as oS}from"react-router-dom";import{i18n as vt}from"@lingui/core";var Ty=[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"):`${Ty[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 Iy}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 wy,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(wy,{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 xy,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(xy,{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 Ay,Wallet as by}from"@rango-dev/ui";import{useWallets as Ey}from"@rango-dev/wallets-react";import No from"react";import{styled as vy}from"@rango-dev/ui";var mc=vy("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}=Ey(),u=n?.walletType,m=u?xr(p(u)):null,c=u?l(u):null;return No.createElement(No.Fragment,null,No.createElement(Ay,{type:e,title:o,description:r}),s&&!!u&&!!m&&!!c&&No.createElement(mc,null,No.createElement(by,{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(Iy,{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 Po}from"@lingui/core";import{Button as Ts,Divider as pr,MessageBox as fc,Modal as Wy,TokenAmount as By,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(Wy,{open:e,onClose:o,container:document.getElementById(Ce)||document.body},n==="success"?me.createElement(fc,{type:"success",title:Po.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(pr,{size:12}),me.createElement(ur,{variant:"body",size:"medium",color:"neutral700",align:"center"},c)):me.createElement(fc,{type:"error",title:Po.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"},Po.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"},Po.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"},Po.t("See Details"))))}i(ws,"SwapDetailsCompleteModal");import zy from"react";import{i18n as Fy}from"@lingui/core";import{Alert as kc,IconButton as Oy,LinkIcon as Uy}from"@rango-dev/ui";import At,{Fragment as qy}from"react";import{Alert as Ny,ChevronDownIcon as Py,ChevronUpIcon as My,IconButton as $y}from"@rango-dev/ui";import cr,{useState as _y}from"react";function gc(t){let{message:e}=t,[o,n]=_y(!1);return cr.createElement(Ny,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&cr.createElement($y,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?cr.createElement(My,{size:12,color:"gray"}):cr.createElement(Py,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(gc,"FailedAlert");import{styled as Dy}from"@rango-dev/ui";var hc=Dy("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 Mo from"react";function Cc(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Mo.createElement(xs,{type:"warning",title:n.shortMessage,action:Mo.createElement(Sc,{size:"xxsmall",type:"warning",onClick:()=>{o(vs.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},yc.t("Change"))}):r===vs.WaitingForConnectingWallet?Mo.createElement(xs,{type:"warning",title:n.shortMessage,action:Mo.createElement(Sc,{size:"xxsmall",type:"warning",onClick:()=>{o(vs.WaitingForConnectingWallet)}},yc.t("Connect"))}):Mo.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=po(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(qy,{key:v},At.createElement(kc,{type:k&&(h&&"loading"||T&&"error")||"success",title:c.description?`${c.description} Tx`:Fy.t("View transaction"),action:c.url&&At.createElement(Oy,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},At.createElement(Uy,{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:lo(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:lo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:zy.createElement(As,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function xc(t){if(po(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 $o,darkTheme as Gy,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=$o({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${Gy} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),bc=$o({padding:"$5 0"}),fr=$o({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),Ec=$o({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Ic=$o({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}=eS(),p=d().blockchains(),u=d().swappers(),m=d().tokens(),c=U.use.retry(),g=oS(),[f,v]=Ry(Tc),k=tS(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=Qy(e),W=C?.networkStatus;Nc(()=>{b.find(Ke=>Ke.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(x(e.status),E(e.requestId))},[e.status]),Nc(()=>{Y?T(gr.WaitingForNetworkChange):W===gr.WaitingForConnectingWallet||W===gr.NetworkChanged?T(W):T(null)},[W]);let M=Ea(e),L=C?Hy(e,C):null,S=C?Vy(e,C):null,$=ic(e),N=Ia(e),G=i(ue=>!!l(ue)?.mobileWallet,"isMobileWallet"),Y=W===gr.WaitingForNetworkChange&&!!L&&!!S?.walletType&&(G(S.walletType)||s(S.walletType,L)),oe=Y?a.bind(null,S.walletType,L):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 Lc(Ee).multipliedBy(Ue.toUsdPrice||0)):"",ee=se(new Lc(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:Yo(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(Qt,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:N&&!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(Ky,{variant:"ghost",onClick:v.bind(null,o||"")},j.createElement(jy,{size:16,color:"gray"})),j.createElement(Wc,{target:"_blank",href:`${Ds}/swap/${o}`},j.createElement(Yy,{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(Jy,{fee:I(String(no),2,2),time:zo(Go(e.steps)),steps:J}),j.createElement(ho,{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(Xy,{size:8}),j.createElement(vc,{ref:k},X.map((ue,Ke)=>{let Ft=Ke,ro=xc(e.steps[Ke]),em=ro==="error"||ro==="in-progress"||ro==="warning"||ro==="completed"&&Ke===X.length-1;return j.createElement(Zy,{key:Ft,step:ue,type:"swap-progress",ref:k,state:ro,hasSeparator:Ke!==0,tabIndex:Ft,isFocused:em,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 aS,Skeleton as Do,Typography as Sr}from"@rango-dev/ui";import ie from"react";import{i18n as nS}from"@lingui/core";import{Divider as rS,Skeleton as iS,Typography as sS}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(ko,{type:"swap-preview"}),ae.createElement("div",{className:"swaps-steps"},ae.createElement(sS,{variant:"title",size:"small"},nS.t("Swaps steps"))),ae.createElement(ae.Fragment,null,ae.createElement(_o,null,ae.createElement(ot,{separator:!1}),ae.createElement("div",{className:$c()},ae.createElement(rS,{direction:"horizontal",size:20}),ae.createElement(iS,{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(Qt,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(Do,{width:60,height:10,variant:"rounded"})),ie.createElement(_c,{direction:"horizontal",size:4}),ie.createElement(Do,{width:16,height:16,variant:"rectangular"}),ie.createElement(_c,{direction:"horizontal",size:4}),ie.createElement(Do,{width:16,height:16,variant:"rectangular"}))),ie.createElement("div",{className:eo()},ie.createElement(Sr,{className:bc(),variant:"label",size:"large",color:"neutral700"},ie.createElement(Do,{width:60,height:10,variant:"rounded"})),ie.createElement(Sr,{variant:"label",size:"small",color:"neutral700"},ie.createElement(Do,{width:60,height:10,variant:"rounded"})))),ie.createElement(Is,null)),!o&&ie.createElement(Ac,null,ie.createElement(aS,{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}=pS(),o=!e.loadedFromPersistor,n=Kt(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&&lS(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 Fo}from"@lingui/core";import{AutoThemeIcon as uS,DarkModeIcon as cS,LightModeIcon as mS,List as dS,ListItemButton as fS,Radio as Ws,RadioRoot as gS,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"},Fo.t("Light")),onClick:()=>t("light"),start:ve.createElement(mS,{color:"gray"}),end:ve.createElement(Ws,{value:"light"})},{id:"dark",value:"dark",title:ve.createElement(Bs,{variant:"title",size:"xmedium"},Fo.t("Dark")),onClick:()=>t("dark"),start:ve.createElement(cS,{color:"gray"}),end:ve.createElement(Ws,{value:"dark"})},{id:"auto",value:"auto",title:ve.createElement(Bs,{variant:"title",size:"xmedium"},Fo.t("Auto")),onClick:()=>t("auto"),start:ve.createElement(uS,{color:"gray"}),end:ve.createElement(Ws,{value:"auto"})}];return ve.createElement(K,{header:{title:Fo.t("Theme")}},ve.createElement(ut,null,ve.createElement(gS,{onValueChange:n=>t(n),value:e},ve.createElement(dS,{type:ve.createElement(fS,{title:Fo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Uc,"ThemePage");function qc(){return hS([{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 yS,MainEvents as Gc,RouteEventType as Hc,StepEventType as oo,StepExecutionEventStatus as SS,useEvents as CS}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Qc}from"react";import{StepExecutionBlockedEventStatus as Ls}from"@rango-dev/queue-manager-rango-preset";var zc=[Ls.WAITING_FOR_CHANGE_WALLET_ACCOUNT,Ls.WAITING_FOR_NETWORK_CHANGE,Ls.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=CS();return Qc(()=>(s.on(Gc.StepEvent,a=>{let{event:l,step:p,route:u}=a;if(l.type===oo.TX_EXECUTION&&l.status===SS.TX_SENT&&!yS(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 kS}from"@rango-dev/ui";var jc=i(()=>kS({"@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 TS}from"@rango-dev/ui";var Xc=TS("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}=xn(t?.theme||{}),{activeLanguage:o}=Yt(),[n,r]=Kc(""),[s,a]=Kc(),l=xS(fn);return vS(()=>{_e.persist.rehydrate(),l.onConnectWallet(r)},[]),Oo.createElement(wS,{language:o},Oo.createElement(Xc,{id:"swap-container",className:e()},Oo.createElement(Vc,null),Oo.createElement(qa,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},Oo.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 LS,{useMemo as NS}from"react";function PS(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=IS(),l=NS(()=>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 Vo(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 LS.createElement(ES,{queuesDefs:[l],context:T,onPersistedDataLoaded:w=>{AS(w)},isPaused:!1},t.children)}i(PS,"QueueManager");var Yc=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 Uo=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return Kt(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(Uo,"WidgetHistory");var Jc=US(void 0);function Ns(t){let{manager:e}=FS(),o=U.use.retry(),n=new Uo(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=Yt().resetLanguage,f={history:n,wallets:{isLoading:s,details:r,totalBalance:a,refetch:l},meta:{blockchains:p,tokens:u,swappers:m,loadingStatus:c},resetLanguage:g};return OS.createElement(Jc.Provider,{value:f},t.children)}i(Ns,"WidgetInfo");function Zc(){let t=qS(Jc);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Zc,"useWidget");function kr(t){let{onUpdateState:e,config:o}=t;return zS(()=>{Zs({API_KEY:o?.apiKey||qo,BASE_URL:o?.apiUrl||_s})},[o]),Ps.createElement(gn,{config:o,onUpdateState:e},Ps.createElement(Yc,{apiKey:o.apiKey},Ps.createElement(Ns,null,t.children)))}i(kr,"WidgetProvider");function Rc(t){return t.config?.externalWallets?Ms.createElement(Cr,null):Ms.createElement(kr,{config:t.config??Tr},Ms.createElement(Cr,null))}i(Rc,"Widget");export{UD as MainEvents,YD as Networks,RD as PendingSwapNetworkStatus,qD as RouteEventType,zD as StepEventType,GD as StepExecutionBlockedEventStatus,HD as StepExecutionEventStatus,XD as WalletEvents,JD as WalletTypes,Rc as Widget,kr as WidgetProvider,gn as WidgetWallets,jr as customizedThemeTokens,jD as readAccountAddress,ql as useWallets,Zc as useWidget,QD as useWidgetEvents};
1
+ var tm=Object.defineProperty;var i=(t,e)=>tm(t,"name",{value:e,configurable:!0});import{MainEvents as UD,RouteEventType as qD,StepEventType as zD,StepExecutionBlockedEventStatus as GD,StepExecutionEventStatus as HD,useEvents as QD}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as jD,useWallets as ql,Events as XD}from"@rango-dev/wallets-react";import{Networks as YD,WalletTypes as JD}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as RD}from"rango-types";import{Events as Ur,Provider as Dm}from"@rango-dev/wallets-react";import{isEvmBlockchain as Fm}from"rango-sdk";import dn,{createContext as Om,useEffect as qr,useRef as Um,useState as qm}from"react";import{useEffect as un,useLayoutEffect as $a,useRef as cn}from"react";import km,{createContext as Tm,useContext as wm,useEffect as xm,useRef as vm}from"react";import{create as Sm}from"zustand";import{persist as Cm}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 dm}from"rango-sdk";var qo="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 rm}from"@rango-dev/wallets-react";import{detectInstallLink as im,getCosmosExperimentalChainInfo as sm,isEvmAddress as am,KEPLR_COMPATIBLE_WALLETS as iC,Networks as qs}from"@rango-dev/wallets-shared";import wr from"bignumber.js";import{isCosmosBlockchain as lm}from"rango-types";import om from"bignumber.js";var Ie=new om(0);import{WalletTypes as nm}from"@rango-dev/wallets-shared";var Fs=[nm.LEAP];import{BigNumber as Us}from"bignumber.js";var zo=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 Go=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:im(l),state:p,type:r}})}i(zs,"mapWalletTypesToWalletInfo");function Vo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Vo,"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}=rm(p),c=l.length>0,g=l.includes(m),f=m===qs.Unknown;if(c&&!g&&!f)return;let k=m===qs.Unknown&&am(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 jo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(jo,"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:um(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 pm(r)},"calculateWalletUsdValue");function pm(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(pm,"numberWithThousandSeparator");var um=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Xo=i((t,e)=>{let o=sm(Object.entries(t).map(([,n])=>n).filter(lm));return o&&o[e]?.experimental},"isExperimentalChain");function Ko(t){return t?{...t,amount:I(t.amount,8,8),usdValue:I(t.usdValue,4,4)}:null}i(Ko,"formatBalance");function cm(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(cm,"sortTokensByBalance");function mm(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(mm,"sortTokensByPinnedToken");function Xs(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=mm(n,r,o);return l!==0?l:cm(s,a)}),t}i(Xs,"sortTokens");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Le,"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 Yo(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(Yo,"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 Jo(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(Jo,"makeTokensBalance");var Js=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");var Ar={API_KEY:qo};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=>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"),Er=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var Zo,Ut=i(()=>Zo||(Zo=new dm(Ot("API_KEY"),Ot("BASE_URL")),Zo),"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 Ro(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(Ro,"getUniqueSwappersGroups");function na(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(na,"sortLiquiditySourcesByGroupTitle");function Ne(t,e){return e?.[t]==="hidden"}i(Ne,"isFeatureHidden");function en(t,e){return e?.[t]==="enabled"}i(en,"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=>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(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 fm,French as gm,Japanese as hm,Spanish as ym}from"@rango-dev/ui";var ia=[{title:"English",label:"English",local:"en",SVGFlag:fm},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:ym},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:gm},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:hm}],ao="en";var sa=[.5,1,3],aa=1,la=5,pa=100,ua=0;var ca=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,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=Ne("theme",n),s=Ne("language",n),a=Ne("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:ao},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function ma(t){return Sm()(Cm((...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=Tm(null);function d(){let t=wm(da);if(xm(()=>{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=vm();return e.current||(e.current=ma(t.config)),km.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 Nm}from"zustand/middleware";import{getLastSuccessfulStep as Wm}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 lo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(lo,"getSwapperDisplayName");function Br(t,e){return e.find(o=>Le(o,t))??null}i(Br,"findToken");function Lr(t,e){return e.find(o=>o.name===t)??null}i(Lr,"findBlockchain");import{i18n as qe}from"@lingui/core";import we from"bignumber.js";import{PendingSwapNetworkStatus as rn}from"rango-types";function tn(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(tn,"getRequiredWallets");function on(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(on,"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 nn}from"@lingui/core";var Et=i(()=>({connectWallet:nn.t("Connect Wallet"),swap:nn.t("Swap"),swapAnyway:nn.t("Swap anyway"),ethWarning:nn.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 Nr(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(Nr,"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 Am(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(Am,"requiredWallets");var bm=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Em(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=bm(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new we(r.amount).multipliedBy(s||0))}return o}i(Em,"getUsdFeeOfStep");function sn(t,e){return t.reduce((o,n)=>o.plus(Em(n,e)),Ie)}i(sn,"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 an(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(an,"getMinRequiredSlippage");function ka(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(ka,"hasProperSlippage");function ln(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(ln,"createQuoteRequestBody");function Ta(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Ta,"getWalletsForNewSwap");function zt(t){return t.result?.outputAmount||null}i(zt,"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=zt(t),n=zt(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 po(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==rn.NetworkChanged}i(po,"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,"")),po(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case rn.WaitingForConnectingWallet:n=n||qe.t("Waiting for connecting wallet");break;case rn.WaitingForQueue:n=n||qe.t("Waiting for other running tasks to be finished");break;case rn.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&&!Am(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!on(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 Na(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(Na,"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=Wm(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Lr(s?s.toBlockchain:n.fromBlockchain,e),p=Lr(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 pn(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=sn(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=an(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(pn,"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 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"),yt=Bm;var It=i((t,e)=>t?.usdPrice?new St(e||Ie).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),U=yt(Lm()(Nm(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,Na(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=cn(void 0),y=cn(void 0),E=cn(void 0),b=cn(void 0);un(()=>{t(u?.amount?.toString()||"")},[u?.amount]),$a(()=>{if(m==="success"){let C=c.find(M=>M.name===u?.from?.blockchain),W=g.find(M=>Le(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]),un(()=>{so(s,h)&&r({token:null}),Er(l,T)&&n(null)},[h,T]),un(()=>{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=>Le(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]),un(()=>{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 _m}from"react";import{create as Pm}from"zustand";import{subscribeWithSelector as Mm}from"zustand/middleware";var H=yt(Pm()(Mm((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=>jo(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=>jo(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:Jo(m),connectedWallets:m}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(m=>o.find(c=>jo(c,m))?Vs(m):m);return{loading:!1,balances:Jo(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 mn(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(mn,"matchAndGenerateProviders");function Da(t,e){return mn(t,e).map(r=>r.config.type)}i(Da,"configWalletsToWalletName");function Fa(t,e){let o=H.use.clearConnectedWallet(),n=mn(void 0,e);return _m(()=>{o(),n=mn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Fa,"useWalletProviders");var fn=Om({onConnectWallet:()=>{}});function zm(t){let{updateConfig:e,updateSettings:o,fetch:n}=d(),r=d().blockchains(),s=d().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=qm([]),{providers:u}=Fa(t.config.wallets,a),{connectWallet:m,disconnectWallet:c}=H(),g=Um();_a(),qr(()=>{n().catch(console.log)},[]),qr(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let f=r.filter(Fm).map(k=>k.name),v=i((k,h,T,w,x)=>{if(h===Ur.ACCOUNTS)if(T){let A=Vo(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]),dn.createElement(fn.Provider,{value:{onConnectWallet:k=>{g.current=k}}},dn.createElement(Dm,{allBlockChains:r,providers:u,onUpdateState:v,autoConnect:!0},t.children))}i(zm,"Main");function gn(t){let{config:e,...o}=t;return dn.createElement(fa,{config:e},dn.createElement(zm,{...o,config:e}))}i(gn,"WidgetWallets");import Ms from"react";import{I18nManager as wS}from"@rango-dev/ui";import Oo,{useContext as xS,useEffect as vS,useState as Kc}from"react";import{useQueueManager as Jm}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Zm}from"@rango-dev/wallets-react";import{isEvmBlockchain as Rm}from"rango-types";import hn,{Fragment as ed}from"react";import{MemoryRouter as td,useInRouterContext as od}from"react-router";import{useWallets as Hm}from"@rango-dev/wallets-react";import{useEffect as Qm,useRef as Vm}from"react";function Oa(){let{connect:t,state:e}=Hm(),o=Vm({}),{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(Oa,"useForceAutoConnect");import{useEffect as zr,useRef as Gr}from"react";import{createSearchParams as Xm,useLocation as Km,useSearchParams as Ym}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 jm}from"zustand";var xe=yt(jm()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));function Ua(){let t=Gr(!0),[e,o]=Ym(),n=Km(),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={};Xm(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),L=T.find($=>$.name===E),S=_r(w,b,L||null);W&&(m(W),M&&c({token:M,meta:{blockchains:T,tokens:w}})),L&&(g(L),S&&f({token:S,meta:{blockchains:T,tokens:w}})),C&&k(C)}},[h]),null}i(Ua,"UpdateUrl");function qa({children:t,...e}){let o=od(),n=o?ed:td,r=d().blockchains(),{canSwitchNetworkTo:s}=Zm();Oa();let a=r.filter(Rm);return Jm({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),hn.createElement(hn.Fragment,null,hn.createElement(n,null,t),o&&hn.createElement(Ua,null))}i(qa,"AppRouter");import Ae from"react";import{useRoutes as hS}from"react-router-dom";import{i18n as Gn}from"@lingui/core";import{useManager as xg}from"@rango-dev/queue-manager-react";import{Alert as Rp,Button as vg,css as Wi,Divider as Ag,IconButton as eu,SettingsIcon as bg,styled as tu,Tooltip as Eg,Typography as Ig,WalletIcon as Wg}from"@rango-dev/ui";import re,{useEffect as Ao,useLayoutEffect as Bg,useRef as Lg,useState as Hn}from"react";import{flushSync as Ng}from"react-dom";import{useNavigate as Pg}from"react-router-dom";import{i18n as Ze}from"@lingui/core";import{Alert as pi,BalanceErrors as xf,Button as zl,ChevronDownIcon as vf,ChevronLeftIcon as Af,Divider as jt,MessageBox as bf,Modal as Gl,Typography as Pn,WalletIcon as Ef}from"@rango-dev/ui";import P,{useEffect as If,useLayoutEffect as Wf,useRef as Bf,useState as Lt}from"react";import{useNavigate as Lf}from"react-router-dom";import{i18n as yn}from"@lingui/core";function Sn(t){switch(t.type){case 0:return yn.t("Route has been updated.");case 3:return yn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return yn.t("Route swappers has been updated.");case 2:return yn.t("Route internal coins has been updated.");default:return""}}i(Sn,"getQuoteUpdateWarningMessage");import*as Ht from"@radix-ui/react-collapsible";import{Button as rd,css as za,darkTheme as Gt,IconButton as id,keyframes as Ga,styled as fe,TextField as sd}from"@rango-dev/ui";var uo=300,ad=Ga({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),ld=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%"}),pd=fe("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Gt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Gt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Gt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Va=fe(pd,{alignSelf:"stretch",minHeight:"93px"}),ja=fe(Ht.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(id,{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(Ht.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Ra=fe(rd,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Gt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Gt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Gt} &`]:{$$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 ${uo}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),nl=fe("div",{display:"flex"}),rl=fe(sd,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Cn=fe(Ht.Content,{backgroundColor:"$neutral100",overflow:"hidden",variants:{open:{true:{animation:`${ad} ${uo}ms ease-out`},false:{animation:`${ld} ${uo}ms ease-out`}}}}),il=fe("div",{overflow:"visible",width:"100%"});import{i18n as Ge}from"@lingui/core";import{Button as kf,Divider as ai,Image as Tf,MessageBox as Nn,Modal as Dl,SelectableWallet as wf,Typography as Fl,WalletState as Ol}from"@rango-dev/ui";import ne,{useEffect as Ul,useState as fo}from"react";import{WalletState as Hr}from"@rango-dev/ui";import{useWallets as ud}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as cd,WalletTypes as kn}from"@rango-dev/wallets-shared";import{useEffect as md,useState as dd}from"react";var fd=Object.values(kn);function Tn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=ud(),{connectedWallets:u}=H(),m=d().blockchains(),c=Da(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||fd,g=zs(s,l,c,o),f=Ks(g),[v,k]=dd(""),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");md(()=>()=>{w()},[]);let x=i(y=>y.filter(b=>b.state!=Hr.NOT_INSTALLED&&![kn.DEFAULT,kn.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)=>Xo(b,E)&&h(y)&&!cd.includes(y)||y==kn.DEFAULT&&!x(g),"shouldExcludeWallet");return{list:f.filter(y=>!A(y.type,o??"",m)),error:v,handleClick:T}}i(Tn,"useWalletList");import{i18n as Bl}from"@lingui/core";import{styled as Nl,Typography as mf,Wallet as df,WalletState as ff}from"@rango-dev/ui";import Bt,{Fragment as gf,useState as Ll}from"react";import{BottomLogo as tf,Divider as of,Header as nf}from"@rango-dev/ui";import ge from"react";import{useNavigate as gd}from"react-router-dom";function Ct(){let t=gd();return()=>t(-1)}i(Ct,"useNavigateBack");import{createTheme as Xr,darkTheme as kd,lightTheme as Td}from"@rango-dev/ui";import{useEffect as ll,useState as wd}from"react";import{theme as Sd,darkColors as Cd}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"),wn=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=wn(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,...wn(s,a)}}return n?r:{}},"generateColors");var al=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),hd=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"),yd=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Vr=i(t=>hd(yd(5381,JSON.stringify(t))>>>0),"toHash");function jr(t){let e=Sd.colors,o=Qr({...e,...Cd},!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 xn(t){let{colors:e,fontFamily:o=ta,borderRadius:n=Rs,secondaryBorderRadius:r=ea,mode:s="auto"}=t,[a,l]=wd("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,Td.className],v=[g.className,kd.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(xn,"useTheme");import{ChevronLeftIcon as Ad}from"@rango-dev/ui";import ml from"react";import{darkTheme as xd,IconButton as vd,styled as co}from"@rango-dev/ui";var $e=co(vd,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),pl=co("div",{position:"absolute",background:"$secondary500",[`.${xd} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Qt=co("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),ul=co("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),cl=co("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(Ad,{color:"black",size:16}))}i(Kr,"BackButton");import{i18n as bd}from"@lingui/core";import{Button as Ed,Typography as Id}from"@rango-dev/ui";import Yr from"react";function Jr(t){return Yr.createElement(Qt,null,Yr.createElement(Ed,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Yr.createElement(Id,{variant:"label",size:"medium",color:"error500"},bd.t("Cancel"))))}i(Jr,"CancelButton");import{i18n as Wd}from"@lingui/core";import{Tooltip as Bd,WalletIcon as Ld}from"@rango-dev/ui";import vn from"react";function Zr(t){return vn.createElement(Bd,{container:t.container,side:"top",content:Wd.t("Connect Wallet")},vn.createElement($e,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&vn.createElement(pl,null),vn.createElement(Ld,{size:18,color:"black"})))}i(Zr,"WalletButton");import{i18n as In}from"@lingui/core";import{NotificationsIcon as Yd,Popover as Jd,SettingsIcon as Zd,Tooltip as Wn,TransactionIcon as Rd}from"@rango-dev/ui";import ce from"react";import{i18n as Od}from"@lingui/core";import{ChainToken as Sl,ChevronRightIcon as Ud,ListItemButton as qd,Typography as zd}from"@rango-dev/ui";import ze from"react";import{useNavigate as Gd}from"react-router-dom";import{create as Nd}from"zustand";import{persist as Pd,subscribeWithSelector as Md}from"zustand/middleware";var _e=yt(Nd()(Pd(Md((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 An}from"@rango-dev/ui";var dl=An("div",{padding:"$10",width:"350px",minHeight:"150px"}),fl=An("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),gl=An("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),hl=An("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 _d,NoNotificationIcon as Dd,Typography as Fd}from"@rango-dev/ui";import bn from"react";function yl(){return bn.createElement(hl,null,bn.createElement(Dd,{color:"secondary",size:26}),bn.createElement(_d,{size:12}),bn.createElement(Fd,{variant:"body",size:"medium",color:"neutral700"},$d.t("You have no notification")))}i(yl,"NotificationNotFound");var Hd=4;function Rr(){let t=Gd(),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,Hd),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(qd,{key:p.requestId,onClick:()=>l(p.requestId),title:ze.createElement(zd,{variant:"body",size:"small",color:"$neutral700"},Od.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(Ud,{size:12,color:"gray"})})})):ze.createElement(yl,null))}i(Rr,"NotificationContent");import{RefreshProgressButton as Qd}from"@rango-dev/ui";import ei,{useEffect as Vd,useState as Cl}from"react";var jd=1e3,kl=60,Xd=100;function En({onClick:t}){let[e,o]=Cl(0),[n,r]=Cl(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");Vd(()=>{let p;return t?p=window.setInterval(()=>{o(u=>u+1),e===kl&&l()},jd):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(Qd,{size:24,color:t?"black":"gray",progress:e/kl*Xd})))}i(En,"RefreshButton");import{Typography as Kd}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(Kd,{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=Ne("notification",s);return ce.createElement(ce.Fragment,null,ce.createElement(Wn,{container:O(),side:"top",content:In.t("Refresh")},ce.createElement(En,{onClick:o})),!a&&ce.createElement(Jd,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:O(),content:ce.createElement(Rr,null)},ce.createElement("div",null,ce.createElement(Wn,{container:O(),side:"top",content:In.t("Notifications")},ce.createElement($e,{size:"small",variant:"ghost"},ce.createElement(Yd,{size:18,color:"black"}),ce.createElement(wl,null))))),ce.createElement(Wn,{container:O(),side:"top",content:In.t("Settings")},ce.createElement($e,{size:"small",variant:"ghost",onClick:r},ce.createElement(Zd,{size:18,color:"black"}))),ce.createElement(Wn,{container:O(),side:"top",content:In.t("Transactions History")},ce.createElement($e,{size:"small",variant:"ghost",onClick:n},ce.createElement(Rd,{size:18,color:"black"}))))}i(ti,"HomeButtons");import{darkTheme as ef,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",[`.${ef} &`]:{$$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 rf(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}=xn(m||{}),g=Ne("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(nf,{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(of,{size:12}),ge.createElement(tf,null))))}i(rf,"LayoutComponent");var K=ge.forwardRef(rf);K.displayName="Layout";import{Divider as uf,Modal as cf}from"@rango-dev/ui";import ri from"react";import{i18n as Vt}from"@lingui/core";import{Image as lf,MessageBox as ni,WalletState as pf}from"@rango-dev/ui";import Wt from"react";import{keyframes as sf,styled as Bn}from"@rango-dev/ui";var _v=Bn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),bl=Bn("div",{position:"relative"}),af=sf({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),El=Bn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${af} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Il=Bn("div",{"& img":{borderRadius:"50%"}});function Wl(t){let{state:e,image:o,error:n}=t;return e===pf.CONNECTED?Wt.createElement(ni,{type:"success",title:Vt.t("Wallet Connected"),description:Vt.t("Your wallet is connected, you can use it to swap.")}):n?Wt.createElement(ni,{type:"error",title:Vt.t("Failed to Connect"),description:n||Vt.t("Your wallet is not connected. Please try again.")}):Wt.createElement(ni,{type:"loading",title:Vt.t("Connecting to your wallet"),description:Vt.t("Click connect in your wallet popup."),icon:Wt.createElement(bl,null,Wt.createElement(Il,null,Wt.createElement(lf,{src:o,size:45})),Wt.createElement(El,null))})}i(Wl,"ModalContent");function mo(t){let{open:e,onClose:o,...n}=t;return ri.createElement(cf,{open:e,onClose:o,container:document.getElementById(Ce)||document.body},ri.createElement(Wl,{...n}),ri.createElement(uf,{direction:"vertical",size:32}))}i(mo,"WalletModal");var hf=Nl("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),yf=Nl("div",{textAlign:"center"}),Ln=3e3,ii=300;function Pl(){let{config:t,fetchStatus:e}=d(),[o,n]=Ll(!1),[r,s]=Ll(""),a=null,{list:l,handleClick:p,error:u}=Tn({config:t,onBeforeConnect:f=>{a=setTimeout(()=>{n(!0),s(f)},ii)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Ln)}}),m=l.find(f=>f.type===r),c=m?.image||"",g=m?.state||ff.NOT_INSTALLED;return Bt.createElement(K,{header:{title:Bl.t("Connect Wallets")}},Bt.createElement(yf,null,Bt.createElement(mf,{variant:"title",size:"xmedium",align:"center"},Bl.t("Choose a wallet to connect.")),Bt.createElement(hf,null,l.map((f,v)=>{let k=`wallet-${v}-${f.type}`;return Bt.createElement(gf,{key:k},Bt.createElement(df,{...f,container:O(),onClick:h=>{p(h)},isLoading:e==="loading"}))}),Bt.createElement(mo,{open:!!o,onClose:()=>n(!1),image:c,state:g,error:u}))))}i(Pl,"WalletsPage");import{keyframes as Sf,styled as si}from"@rango-dev/ui";var Ml=si("div",{position:"relative"}),Cf=Sf({"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:`${Cf} 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]=fo(""),[c,g]=fo(null),[f,v]=fo(!1),[k,h]=fo(null),{suggestAndConnect:T}=ql(),w=null,{list:x,error:A,handleClick:y}=Tn({config:a,chain:e,onBeforeConnect:S=>{w=setTimeout(()=>{m(S)},ii)},onConnect:()=>{w&&clearTimeout(w),setTimeout(()=>{m("")},Ln)}}),[E,b]=fo(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(N=>o(N.type,e));return W&&$>1?[x[$]].concat(x.filter((N,G)=>G!==$)):S.map(N=>x.find(G=>G.type===N.type)??N)})},[JSON.stringify(x)]);let L=document.getElementById(Ce);return Ul(()=>{let S=null;return(k==="completed"||k==="rejected")&&(S=setTimeout(()=>h(null),Ln)),()=>{S&&clearTimeout(S)}},[k]),ne.createElement(ne.Fragment,null,E.slice(0,r).map(S=>{let $=Ys({connectedWallets:l,walletType:S.type,chain:e}),N=$?Yo($):"",G=Xo(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}}):N,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(mo,{open:u===S.type,onClose:()=>m(""),image:S.image,state:S.state,error:A}),!!c&&ne.createElement(Dl,{open:!!c&&f,container:L,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(kf,{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:L},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(Tf,{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(wf,{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 Nf=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]=Lt(""),[w,x]=Lt([]),[A,y]=Lt(""),[E,b]=Lt(null),[C,W]=Lt(g),[M,L]=Lt(!!g),S=Bf(null),$=tn(p),N=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]=Lt(v.filter(F=>F.selected&&$.includes(F.chain))),he=l.find(F=>F.name===N?.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&&!on(he,C),be=i(()=>{L(!1),W(""),oe(F=>{let q=!1;return F.map(ee=>!q&&ee.chain===N?.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===N?.name&&M&&(L(!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");If(()=>{oe(F=>F.concat(v.filter(q=>!!!F.find(ye=>ye.chain===q.chain)&&q.selected&&$.includes(q.chain))))},[v.length]),Wf(()=>{M&&S.current&&setTimeout(()=>{S?.current?.scrollIntoView({behavior:"smooth"})},uo)},[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,N),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(Af,{size:16})),P.createElement(Pn,{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(bf,{title:Ze.t("Insufficient account balance"),type:"error",description:P.createElement(xf,{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(jt,{size:12})),E&&P.createElement(P.Fragment,null,P.createElement(pi,{variant:"alarm",type:"warning",title:Sn(E)}),P.createElement(jt,{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(Pn,{variant:"title",size:"xmedium"},Ze.t({id:"Your {blockchainName} wallets",values:{blockchainName:ee?.shortName}})),P.createElement(Pn,{variant:"label",color:"$neutral700",size:"medium"},Ze.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:ee?.shortName}}))),P.createElement(jt,{size:24}),P.createElement(Qa,null,P.createElement(li,{chain:F,isSelected:X,selectWallet:Ue,limit:Nf,onShowMore:()=>T(ee?.name??"")})),!st&&P.createElement(jt,{size:32}),st&&a?.customDestination&&P.createElement(el,null,P.createElement(Za,{ref:S,selected:M,open:M,onOpenChange:ue=>{ue?G(N?.name??"")||oe(Ke=>Ke.map(Ft=>Ft.chain===N?.name?{...Ft,selected:!1}:Ft)):be()}},P.createElement(ja,{onClick:()=>L(ue=>!ue)},P.createElement(Ra,{fullWidth:!0,variant:"default",suffix:P.createElement(ol,{orientation:M?"up":"down"},P.createElement(vf,{size:10,color:"gray"}))},P.createElement("div",{className:"button__content"},P.createElement(Ef,{size:18,color:"info"}),P.createElement(jt,{size:4,direction:"horizontal"}),P.createElement(Pn,{variant:"label",size:"medium"},Ze.t("Send to a different address"))))),P.createElement(Cn,{open:M},P.createElement(P.Fragment,null,P.createElement(jt,{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 Sg}from"@rango-dev/ui";import De from"react";import{i18n as hi}from"@lingui/core";import{Alert as _f,ChevronDownIcon as Df,ChevronRightIcon as Ff,Divider as yi,Image as up,InfoIcon as Of,QuoteCost as Uf,StepDetails as qf,TokenAmount as zf,Tooltip as _n,Typography as yo}from"@rango-dev/ui";import cp from"bignumber.js";import B,{useLayoutEffect as Gf,useRef as mp,useState as Hf}from"react";import{styled as go}from"@rango-dev/ui";var Ql=go("div",{paddingBottom:"$10"}),ui=go("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Vl=go("div",{variants:{paddingTop:{true:{paddingTop:"$10"}}}}),jl=go("div",{paddingBottom:"$15"}),Xl=go("div",{width:"100%",display:"flex"});import*as Mn from"@radix-ui/react-collapsible";import{css as ci,darkTheme as Re,Image as Kl,styled as He,Typography as Pf}from"@rango-dev/ui";var mi=300,Yl=He(Mn.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(Mn.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(Cn,{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(Pf,{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 $n from"react";import{css as Mf,styled as $f}from"@rango-dev/ui";var sp=$f("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),ap=Mf({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function ho(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return $n.createElement(sp,null,$n.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}}),$n.createElement("div",{className:ap()}),$n.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(ho,"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]=Hf(t.expanded),f=mp(null),v=mp(c),k=I(sn(e.result?.swaps??[],p),2,2),h=zo(Go(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(L=>L.map((S,$)=>{let N,G=r?.type===3&&r.swap.swapperId===S.swapperId||r?.type===4&&r.recommendedSlippages?.has($),Y=s?.type===2&&s.recommendedSlippages?.has($);return G?N="error":Y&&(N="warning"),{swapper:{displayName:lo(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:N,alerts:G||Y?B.createElement(jl,null,B.createElement(_f,{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(yo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),B.createElement(yi,{direction:"horizontal",size:8}),B.createElement(yo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),B.createElement(yi,{direction:"horizontal",size:8}),B.createElement(yo,{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(yo,{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 Gf(()=>{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(Uf,{fee:k,time:h,steps:W}),a==="basic"&&B.createElement("div",{className:ep()},B.createElement(rp,null,B.createElement(Of,{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(yo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${x})`))),a==="list-item"&&B.createElement(zf,{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(ho,{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:L=>f.current=L,recommended:l,onClick:()=>g(L=>!L)},B.createElement("div",null,C.map((L,S)=>{let $=`item-${S}`,N=B.createElement(fi,null,B.createElement(Ff,{size:12,color:"black",...L.state&&{color:L.state==="error"?"error":"warning"}}));return B.createElement(B.Fragment,{key:$},B.createElement(_n,{container:M,side:"bottom",sideOffset:4,content:L.from.chain.displayName},B.createElement(di,{state:L.state||C[S-1]?.state},B.createElement(up,{src:L.from.chain.image,size:16}))),S===W-1&&B.createElement(B.Fragment,null,N,B.createElement(_n,{container:M,side:"bottom",sideOffset:4,content:L.to.chain.displayName},B.createElement(di,{state:L.state},B.createElement(up,{src:L.to.chain.image,size:16})))),S!==W-1&&B.createElement(B.Fragment,null,N))})),B.createElement(fi,{orientation:c?"up":"down"},B.createElement(Df,{size:12,color:"black"}))),B.createElement(op,{open:c},B.createElement(np,null),B.createElement("div",{className:Jl()},C.map((L,S)=>{let $=`item-${S}`;return B.createElement(qf,{type:"quote-details",key:$,step:L,hasSeparator:S!==C.length-1,state:L.state,tooltipContainer:M})}))))))}i(Si,"Quote");import{Divider as jf,Skeleton as Xf}from"@rango-dev/ui";import lt from"react";import{darkTheme as Qf,styled as Dn}from"@rango-dev/ui";var dp=Dn("div",{$$color:"$colors$neutral100",[`.${Qf} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),fp=Dn("div",{paddingTop:"$2"}),gp=Dn("div",{paddingLeft:"$8"}),hp=Dn("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 Nt,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 ko(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(Nt,{size:8,direction:"horizontal"}),z.createElement(Ap,null,z.createElement(tt,{height:10,width:60,variant:"rounded"}),z.createElement(Nt,{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(Nt,{size:4,direction:"horizontal"}),z.createElement(tt,{width:60,height:10,variant:"rounded"}),z.createElement(Nt,{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(Nt,{direction:"horizontal",size:4}),z.createElement(tt,{height:15,width:150,variant:"rounded"})),z.createElement(Nt,{size:4}),z.createElement(tt,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&z.createElement(z.Fragment,null,z.createElement(Nt,{size:4}),z.createElement(bp,null,n,z.createElement(xp,null),n)))}i(ko,"QuoteSummarySkeleton");import{ChainToken as Np,Divider as ki,NextIcon as Vf,Skeleton as Fn}from"@rango-dev/ui";import le from"react";import{styled as To}from"@rango-dev/ui";var Ip=To("div",{display:"flex",alignItems:"start"}),Wp=To("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),Ci=To("div",{display:"flex",alignItems:"center",flexGrow:1}),Bp=To("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Lp=To("div",{display:"flex",alignItems:"center"});function ot(t){let{separator:e=!0}=t;return le.createElement(le.Fragment,null,le.createElement(Lp,null,le.createElement(Fn,{height:22,width:22,variant:"circular"}),le.createElement(ki,{direction:"horizontal",size:8}),le.createElement(Fn,{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(Np,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(ki,{direction:"horizontal",size:8}),le.createElement(Fn,{height:12,variant:"rounded"})),le.createElement(Bp,null,le.createElement(Vf,{color:"gray",size:16})),le.createElement(Ci,null,le.createElement(Np,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(ki,{direction:"horizontal",size:8}),le.createElement(Fn,{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(ko,{type:e,tag:n}),lt.createElement(fp,null,lt.createElement(Xf,{height:15,variant:"rounded"})),o&&lt.createElement(gp,null,lt.createElement(jf,{size:20}),lt.createElement(ot,null),lt.createElement(ot,null),lt.createElement(ot,{separator:!1})))}i(Ti,"QuoteSkeleton");import{i18n as fg}from"@lingui/core";import{Alert as gg,Button as hg,InfoIcon as yg}from"@rango-dev/ui";import We from"react";import{Alert as Kf,Button as Yf,Divider as Fp,NoRouteIcon as Jf,RefreshIcon as Zf,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(Jf,{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(Kf,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Qe.createElement(Yf,{size:"xsmall",type:a.alert.type,prefix:Qe.createElement(Dp,null,Qe.createElement(Zf,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(xi,"NoResult");import{i18n as wo}from"@lingui/core";import{Button as eg,Divider as Qp,MessageBox as tg,Modal as og,Typography as ng,WarningIcon as rg}from"@rango-dev/ui";import nt from"react";import{Typography as Gp}from"@rango-dev/ui";import Ai from"react";import{darkTheme as Rf,styled as On}from"@rango-dev/ui";var Up=On("div",{width:"100%",paddingTop:"$10"}),vi=On("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),qp=On("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Rf} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),zp=On("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:wo.t("Swapping"),value:I(r.inputUsdValue,4,4)},{title:wo.t("Gas cost"),value:I(r.totalFee,2,2)},{title:wo.t("Receiving"),value:I(r.outputUsdValue,4,4)},{title:wo.t("Price impact"),value:I(r.priceImpact,2,2),valueColor:`${s}500`}];return nt.createElement(og,{open:e,onClose:o,container:O()},nt.createElement(tg,{type:s,title:Q().highValueLossError.impactTitle,description:Q().highValueLossError.description}),nt.createElement(vi,null,nt.createElement(Qp,{size:20}),nt.createElement(ng,{size:"small",variant:"title"},wo.t("Details")),nt.createElement(vi,null,a.map((l,p)=>nt.createElement(Hp,{key:p,...l})))),nt.createElement(Qp,{size:32}),nt.createElement(eg,{type:"primary",size:"large",prefix:nt.createElement(rg,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 Xt}from"@lingui/core";import{Button as Xp,Divider as Kp,MessageBox as ig,Modal as sg,Typography as ag}from"@rango-dev/ui";import Pt from"react";import{useNavigate as lg}from"react-router-dom";function Yp(t){let{customSlippage:e,slippage:o}=d(),{open:n,onClose:r,onConfirm:s,warning:a}=t,l=lg(),p=e??o;return Pt.createElement(sg,{anchor:"bottom",open:n,prefix:Pt.createElement(Xp,{size:"small",variant:"ghost",onClick:()=>l("../"+_.settings)},Pt.createElement(ag,{variant:"label",size:"medium",color:"$neutral900"},Xt.t("Change settings"))),container:O(),onClose:r},Pt.createElement(ig,{type:"warning",title:a.type===3?Xt.t("High slippage"):Xt.t("Low slippage"),description:a.type===3?Xt.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:p}}):Xt.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},Xt.t("Confirm anyway"))))}i(Yp,"SlippageWarningModal");import{Button as pg,Divider as ug,MessageBox as cg,Modal as mg,WarningIcon as dg}from"@rango-dev/ui";import xo from"react";function Jp(t){let{open:e,onClose:o,onConfirm:n}=t;return xo.createElement(mg,{open:e,onClose:o,container:O()},xo.createElement(cg,{type:"warning",title:Q().unknownPriceError.impactTitle,description:Q().unknownPriceError.description}),xo.createElement(ug,{size:32}),xo.createElement(pg,{type:"primary",size:"large",prefix:xo.createElement(dg,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(gg,{title:c.title,type:c.alertType,variant:"alarm",...c.action==="show-info"&&{action:We.createElement(zp,{onClick:s},We.createElement(yg,{size:12,color:"gray"}))},...c.action==="change-settings"&&{action:We.createElement(hg,{size:"xxsmall",type:c.alertType,onClick:p},fg.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 vo(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(Sg,{size:16}),A))}i(vo,"QuoteInfo");import{calculatePendingSwap as Tg}from"@rango-dev/queue-manager-rango-preset";import{useEffect as wg}from"react";import{useRef as Cg,useState as kg}from"react";function Un(){let[t,e]=kg(!1),o=Cg(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(Un,"useFetchQuote");function qn(t){if(!t.result)throw new Error(Q().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Nr(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=an(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(qn,"throwErrorIfResponseIsNotValid");function Zp(t,e,o){let n=!1;t&&(n=Pa(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=pn(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(zt(e)),percentageChange:I(Me(zt(t)??"",zt(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 zn(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(zn,"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}=Un();return wg(()=>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=ln({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});en("experimentalRoute",h)&&(M.experimental=!0);let L;try{L=await x(M).then(G=>qn(G)),n(L)}catch(G){return zn(G)}let S={slippage:w.toString(),disabledSwappersGroups:g},$=Tg(o.toString(),L,Ta(C),S,!1,{blockchains:v,tokens:k}),N=Zp(r??void 0,L,{fromToken:t,toToken:e,meta:{blockchains:v,tokens:k},selectedWallets:C,userSlippage:w});return N.quoteUpdate&&a(!1),{quote:L,swap:$,error:null,warnings:N}},"fetch"),cancelFetch:A}}i(Ii,"useConfirmSwap");var Mg=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"}}),_g=Wi({flexGrow:1,paddingRight:"$10"}),Dg=Wi({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),Fg=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=Pg(),[p,u]=Hn(""),{connectedWallets:m}=H(),c=!n,[g,f]=Hn(!1),v=xe.use.setSelectedSwap(),k=d().disabledLiquiditySources,h=Lg(k),{manager:T}=xg(),{fetch:w,loading:x,cancelFetch:A}=Ii(),[y,E]=Hn({swap:null,error:null,warnings:null}),[b,C]=Hn(!1),W=i(async({selectedWallets:N,customDestination:G})=>{let Y=await w?.({selectedWallets:N,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 N=`../${_.swaps}/${y.swap.requestId}`;l(N,{replace:!0}),setTimeout(()=>{e("")},0)}catch(N){u("Error: "+N?.message)}},"addNewSwap"),L=i(async()=>{await M()},"onConfirm"),S=i(async()=>{y?.warnings?.quote&&!a?C(!0):await L()},"onStartConfirmSwap"),$=i(async()=>{E({error:null,swap:null,warnings:null}),w({selectedWallets:o,customDestination:s}).then(N=>{E(N)}).catch(N=>console.error(N))},"onRefresh");return Ao(()=>{!!h.current.length&&!k.length&&$(),h.current=k},[k.length]),Ao(()=>{c&&A()},[c]),Ao(()=>{c&&f(c)},[c]),Ao(()=>{c||w({selectedWallets:o,customDestination:s}).then(N=>E(N)).catch(N=>console.error(N))},[]),Ao(()=>{let N=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(N){let oe=tn(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(()=>Ng(f.bind(null,!0))),r(!1))},[y.warnings?.quote,o.length,m.length]),Bg(()=>{t||l("../")},[]),re.createElement(K,{header:{title:Gn.t("Confirm Swap"),onWallet:()=>{let N=`../${_.wallets}`;l(N)},suffix:re.createElement(Eg,{container:O(),side:"bottom",content:Gn.t("Settings")},re.createElement($e,{size:"small",variant:"ghost",onClick:()=>l("../"+_.settings)},re.createElement(bg,{size:18,color:"black"})))},footer:re.createElement($g,null,re.createElement("div",{className:_g()},re.createElement(vg,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:x,disabled:!!y.error,onClick:S},Gn.t("Start Swap"))),re.createElement(eu,{variant:"contained",type:"primary",size:"large",loading:x,onClick:f.bind(null,!0)},re.createElement(Wg,{size:24})))},g&&re.createElement(Hl,{open:g,onClose:()=>f(!1),onCancel:A,loading:x,onCheckBalance:W}),re.createElement(Mg,null,re.createElement("div",{className:Fg()},re.createElement(Ig,{variant:"title",size:"small"},Gn.t("You get")),re.createElement("div",{className:Dg()},re.createElement(En,{onClick:!x&&!g&&!b?$:void 0}))),p&&re.createElement(re.Fragment,null,re.createElement(Rp,{type:"error",variant:"alarm",title:p}),re.createElement(Ag,{size:12})),y.warnings?.quoteUpdate&&re.createElement("div",{className:"quote-update__alert"},re.createElement(Rp,{variant:"alarm",type:"warning",title:y.warnings.quoteUpdate&&Sn(y.warnings.quoteUpdate)})),re.createElement(vo,{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 Xn}from"@lingui/core";import{useManager as Vg}from"@rango-dev/queue-manager-react";import{Divider as jg,NotFound as Xg,styled as uu}from"@rango-dev/ui";import wt,{useState as Kg}from"react";import{useNavigate as Yg}from"react-router-dom";import{CloseIcon as Ug,IconButton as qg,SearchIcon as zg,TextField as Gg}from"@rango-dev/ui";import bo from"react";import{styled as Og}from"@rango-dev/ui";var nu=Og("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 bo.createElement(Gg,{prefix:bo.createElement(nu,null,bo.createElement(zg,{color:"black"})),suffix:!!a.length&&bo.createElement(qg,{variant:"ghost",onClick:()=>l?.(""),size:"small"},bo.createElement(Ug,{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 Hg,darkTheme as Qg,styled as Qn}from"@rango-dev/ui";var Vn=Hg(),Bi=Qn("div",{width:"100%",display:"flex",flexDirection:"column",[`& .${Vn}`]:{$$color:"$colors$neutral600",[`.${Qg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Li=Qn("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Ni=Qn("div",{gap:"$10",display:"flex",flexDirection:"column"}),ru=Qn("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(Li,null,te.createElement(au,{variant:"label",size:"medium",className:Vn()},p.title)),te.createElement(iu,{size:4}),te.createElement(Ni,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(Li,null,te.createElement(au,{variant:"label",size:"medium",className:Vn()},a.title)),te.createElement(iu,{size:4}),te.createElement(Ni,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 jn}from"@lingui/core";import lu from"dayjs";var pu=i(t=>{let e=new Map([["today",{title:jn.t("Today"),swaps:[]}],["week",{title:jn.t("This week"),swaps:[]}],["month",{title:jn.t("This month"),swaps:[]}],["year",{title:jn.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 Kt=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=uu("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Zg=uu("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Rg=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=Yg(),{manager:o,state:n}=Vg(),r=Kt(o).map(({swap:c})=>c),[s,a]=Kg(""),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)||Rg(c.steps,s)||Ye(c.requestId,s)));let m=!u?.length&&!l;return wt.createElement(K,{header:{title:Xn.t("History")}},wt.createElement(Jg,null,wt.createElement(pt,{setValue:a,fullWidth:!0,variant:"contained",placeholder:Xn.t("Search Transaction"),autoFocus:!0,onChange:p,value:s}),wt.createElement(Zg,null,m&&wt.createElement(ru,null,wt.createElement(jg,{size:32}),wt.createElement(Xg,{title:Xn.t("No results found"),description:s?Xn.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 sh,styled as Fi,SwapInput as gu,WarningIcon as ah}from"@rango-dev/ui";import Fe,{useEffect as lh,useRef as ph,useState as uh}from"react";import{useNavigate as ch}from"react-router-dom";import{ReverseIcon as eh,styled as mu}from"@rango-dev/ui";import $i from"react";var th=mu("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),oh=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(th,null,$i.createElement(oh,{onClick:()=>{t()}},$i.createElement(eh,{size:12})))}i(du,"SwitchFromAndToButton");import{useCallback as nh,useEffect as rh,useState as _i}from"react";var ih=600;function fu(){let{fetch:t,cancelFetch:e}=Un(),{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,L=!a||!l||Le(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),!L&&Y&&oe){c();let ft=ln({fromToken:Y,toToken:oe,inputAmount:he,liquiditySources:X,excludeLiquiditySources:J,disabledLiquiditySources:be,slippage:Ue,affiliateRef:Ee,affiliatePercent:no,affiliateWallets:Dt});en("experimentalRoute",r)&&(ft.experimental=!0),t(ft).then(F=>{A(!1),g(F),qn(F);let q=pn(F,{fromToken:Y,toToken:oe,userSlippage:W,tokens:s});C(q)}).catch(F=>{let{error:q}=zn(F);(q?.type===0||q?.type===1)&&c(),q?.type!==2&&(E(q),A(!1))})}},"fetch"),N=nh(oa(G=>{L||$(G)},ih),[L]);return rh(()=>{if(!io(p)||u?.eq(0)){S(!1),e();return}if(L){m&&c();return}return c(),S(!0),N({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,L,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 mh=Fi("div",{display:"flex",flexDirection:"column",overflowY:"visible","& .quote__container":{paddingTop:"$2"}}),dh=Fi("div",{position:"relative"}),fh=Fi("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function hu(){let t=ch(),{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]=uh(!1),b=ph(null),C=!!a&&Js(w,a.name),W=!1,M=!Mr(v,m,c),L=!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,N=Ko($)?.amount??"0",G=a&&s?I($?.amount,$?.decimals):"0";lh(()=>(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(sh,{type:"primary",size:"large",disabled:S.disabled,prefix:S.action==="confirm-warning"&&Fe.createElement(ah,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(mh,null,Fe.createElement(fh,null,Fe.createElement(dh,null,Fe.createElement(gu,{label:Di.t("From"),mode:"From",onInputChange:u,balance:N,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:()=>{N!=="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:L?void 0:I(f,4,4),realValue:se(g),realUsdValue:L?void 0:se(f),error:L?Q().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(_.toSwap),disabled:T==="failed",loading:T==="loading",tooltipContainer:O()})),Fe.createElement("div",{className:"quote__container"},Fe.createElement(vo,{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 gh,ListItemButton as hh,Radio as yh,RadioRoot as Sh,Typography as Ch}from"@rango-dev/ui";import xt from"react";import{styled as Kn}from"@rango-dev/ui";var ut=Kn("div",{height:"100%",overflow:"hidden"}),Eo=Kn("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),Oi=Kn("div",{width:80,display:"flex",justifyContent:"flex-end"}),Ui=Kn("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function Yt(){let{setLanguage:t,language:e,config:o}=d(),n=ia,r=o?.language||ao;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||ao),resetLanguage:()=>t(null)}}i(Yt,"useLanguage");function Su(){let{activeLanguage:t,changeLanguage:e,languages:o}=Yt(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:xt.createElement(Ch,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:xt.createElement(yh,{value:s}),start:xt.createElement(l,null)}});return xt.createElement(K,{header:{title:yu.t("Language")}},xt.createElement(ut,null,xt.createElement(Sh,{value:t},xt.createElement(gh,{type:xt.createElement(hh,{title:yu.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(Su,"LanguagePage");import{i18n as ct}from"@lingui/core";import{Button as vh,Checkbox as Ah,Image as bh,ListItemButton as Eh,NotFound as Ih,Typography as Wh}from"@rango-dev/ui";import Se,{useState as Bh}from"react";import{Checkbox as wh,Skeleton as ku}from"@rango-dev/ui";import Io from"react";import{ListItem as kh,styled as Th}from"@rango-dev/ui";var Cu=Th(kh,{height:61});var xh=30;function qi(){return Io.createElement(Eo,null,Array.from(Array(xh),t=>Io.createElement(Cu,{hasDivider:!0,key:t,start:Io.createElement(ku,{variant:"circular",width:35,height:35}),title:Io.createElement(ku,{variant:"text",size:"large",width:90}),end:Io.createElement(wh,{checked:!1})})))}i(qi,"LoadingLiquiditySourceList");function zi({sourceType:t}){let e=d().fetchStatus,o=d().swappers(),n=d().disabledLiquiditySources,[r,s]=Bh(""),a=d().toggleLiquiditySource,l=Ro(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(bh,{src:x,size:22,type:"circular"}),onClick:()=>a(w),end:Se.createElement(Ah,{checked:T}),title:Se.createElement(Wh,{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(vh,{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(Ih,{title:ct.t("No results found"),description:ct.t("Try using different keywords")})):e==="success"&&Se.createElement(Eo,null,k.map(h=>Se.createElement(Se.Fragment,{key:h.id},Se.createElement(Eh,{style:{height:"61px"},...h,selected:!1,hasDivider:!0}))))))}i(zi,"LiquiditySourcePage");import{i18n as Iu}from"@lingui/core";import{Divider as Vi,getCountCategories as Uh,SelectableCategoryList as qh}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 _h,NotFound as Dh,Typography as Eu}from"@rango-dev/ui";import Oe,{useEffect as Fh,useState as Oh}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 Nh,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",[`& ${Nh}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Ph,Skeleton as vu}from"@rango-dev/ui";import Zn from"react";var Mh=20;function Au(){return Zn.createElement(Jn,null,Array.from(Array(Mh),t=>Zn.createElement(Ph,{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]=Oh(e),{fetchStatus:l}=d();Fh(()=>{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(Dh,{title:Hi.t("No results found"),description:Hi.t("Try using different keywords")})):Oe.createElement(Jn,{key:`${r}-${o}`},s.map(u=>Oe.createElement(_h,{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=Uh(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(qh,{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 iy}from"react";import{useNavigate as sy}from"react-router-dom";import{i18n as Yi}from"@lingui/core";import{BlockchainsChip as Rn,Divider as Pu,Image as Mu,Skeleton as Vh,Tooltip as jh,Typography as Ji}from"@rango-dev/ui";import pe from"react";import{useEffect as Hh}from"react";var Bu=["ETH","COSMOS","OSMOSIS"];function Xi(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(zh),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(Gh(a)),r=n.splice(s)}return{list:n,more:r}}i(Xi,"prepare");function zh(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(zh,"sortByMostUsedBlockchains");function Gh(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(Gh,"generateSortByPreferredBlockchainsFor");function Lu(t,e){return!!e.list.find(o=>o.name===t)}i(Lu,"isInVisibleList");function Ki(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=d();Hh(()=>{if(e?.selected){let s=Xi(t,o,e);Lu(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 Qh}from"@rango-dev/ui";var Nu=Qh("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var Xh=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(Nu,null,l==="loading"&&Array.from(Array(Xh),f=>pe.createElement(Vh,{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(jh,{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 Jh,Image as Zh,ListItemButton as Rh,NotFound as ey,PinIcon as ty,Skeleton as Qu,Typography as or,VirtualizedList as oy}from"@rango-dev/ui";import D,{forwardRef as ny,useEffect as Vu,useState as ju}from"react";import{Divider as zu,ListItem as Yh,Skeleton as Wo}from"@rango-dev/ui";import je from"react";import{css as Jt,darkTheme as $u,ImageContainer as Kh,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"}),zL=Ve("div",{display:"flex",alignItems:"center"}),Ou=Ve("div",{position:"relative",[`& ${Kh}`]:{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(Yh,{key:e,hasDivider:!0,start:je.createElement(Wo,{variant:"circular",width:35,height:35}),end:je.createElement(tr,null,je.createElement(Wo,{variant:"text",size:"large",width:70}),je.createElement(zu,{size:4}),je.createElement(Wo,{variant:"text",size:"medium",width:50})),title:je.createElement("div",null,je.createElement(Wo,{variant:"text",size:"large",width:90}),je.createElement(zu,{size:4}),je.createElement(Wo,{variant:"text",size:"medium",width:90}))})))}i(Gu,"LoadingTokenList");var ps=20,ry=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(Jh,{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=ny((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(ey,{title:ls.t("No results found"),description:ls.t("Try using different keywords")})):D.createElement(oy,{Item:({index:T,style:w})=>{let x=s[T],A=Ko(c(x)),y=x.address||"",E=p.find(M=>M.name===x.blockchain),b=wn(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(Rh,{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(Zh,{src:x.image,size:30}),f(x,t.type)&&D.createElement(Uu,null,D.createElement(ty,{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"?ry({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=sy(),n=Ct(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=U(),m=H.use.getBalanceFor(),[c,g]=iy(""),{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 fy,List as gy,ListItemButton as hy,Skeleton as yy,Switch as Sy,Tooltip as Cy,Typography as $t}from"@rango-dev/ui";import V from"react";import{useNavigate as ky}from"react-router-dom";import{i18n as tc}from"@lingui/core";import{Divider as uy,InfoIcon as cy,TextField as my,Tooltip as dy,Typography as oc}from"@rango-dev/ui";import Be from"react";import{Chip as ay,styled as Bo,TextField as ly}from"@rango-dev/ui";var Yu=Bo("div",{paddingTop:"$5",padding:"$10 $5"}),Ju=Bo("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${ly}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Zu=Bo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),rr=Bo("div",{maxWidth:"280px",padding:"$10"}),Ru=Bo(ay,{width:"61px",flexShrink:0});import{i18n as cs}from"@lingui/core";import{Typography as py}from"@rango-dev/ui";import Lo from"react";function ec(){return Lo.createElement(rr,null,Lo.createElement(py,{variant:"label",size:"medium",color:"neutral700"},cs.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Lo.createElement("br",null),Lo.createElement("br",null),Lo.createElement("b",null,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(uy,{direction:"horizontal",size:4}),Be.createElement(dy,{container:O(),side:"top",sideOffset:4,content:Be.createElement(ec,null)},Be.createElement(cy,{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(my,{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=ky(),{theme:e}=d().config,o=d().fetchStatus,n=d().swappers(),r=d().disabledLiquiditySources,{config:{features:s}}=d(),a=Ne("theme",s),l=Ne("liquiditySource",s),p=Ne("language",s),u=d().infiniteApprove,m=d().toggleInfiniteApprove,c=Ro(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(yy,{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(Cy,{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(fy,{color:"gray"}))),end:V.createElement(Sy,{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(gy,{type:V.createElement(hy,{title:"_",id:"_",onClick:()=>console.log()}),items:b})))}i(nc,"SettingsPage");import{cancelSwap as lS}from"@rango-dev/queue-manager-rango-preset";import{useManager as pS}from"@rango-dev/queue-manager-react";import Fc from"react";import{i18n as dt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Hy,getCurrentStep as Qy,getRelatedWalletOrNull as Vy}from"@rango-dev/queue-manager-rango-preset";import{Button as Bc,CopyIcon as jy,Divider as Xy,IconButton as Ky,LinkIcon as Yy,QuoteCost as Jy,StepDetails as Zy,Typography as to,useCopyToClipboard as Ry}from"@rango-dev/ui";import{useWallets as eS}from"@rango-dev/wallets-react";import Lc from"bignumber.js";import{PendingSwapNetworkStatus as gr}from"rango-types";import j,{useEffect as Nc,useRef as tS,useState as Pc}from"react";import{useNavigate as oS}from"react-router-dom";import{i18n as vt}from"@lingui/core";var Ty=[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"):`${Ty[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 Iy}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 wy,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(wy,{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 xy,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(xy,{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 Ay,Wallet as by}from"@rango-dev/ui";import{useWallets as Ey}from"@rango-dev/wallets-react";import No from"react";import{styled as vy}from"@rango-dev/ui";var mc=vy("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}=Ey(),u=n?.walletType,m=u?xr(p(u)):null,c=u?l(u):null;return No.createElement(No.Fragment,null,No.createElement(Ay,{type:e,title:o,description:r}),s&&!!u&&!!m&&!!c&&No.createElement(mc,null,No.createElement(by,{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(Iy,{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 Po}from"@lingui/core";import{Button as Ts,Divider as pr,MessageBox as fc,Modal as Wy,TokenAmount as By,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(Wy,{open:e,onClose:o,container:document.getElementById(Ce)||document.body},n==="success"?me.createElement(fc,{type:"success",title:Po.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(pr,{size:12}),me.createElement(ur,{variant:"body",size:"medium",color:"neutral700",align:"center"},c)):me.createElement(fc,{type:"error",title:Po.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"},Po.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"},Po.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"},Po.t("See Details"))))}i(ws,"SwapDetailsCompleteModal");import zy from"react";import{i18n as Fy}from"@lingui/core";import{Alert as kc,IconButton as Oy,LinkIcon as Uy}from"@rango-dev/ui";import At,{Fragment as qy}from"react";import{Alert as Ny,ChevronDownIcon as Py,ChevronUpIcon as My,IconButton as $y}from"@rango-dev/ui";import cr,{useState as _y}from"react";function gc(t){let{message:e}=t,[o,n]=_y(!1);return cr.createElement(Ny,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&cr.createElement($y,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?cr.createElement(My,{size:12,color:"gray"}):cr.createElement(Py,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(gc,"FailedAlert");import{styled as Dy}from"@rango-dev/ui";var hc=Dy("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 Mo from"react";function Cc(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Mo.createElement(xs,{type:"warning",title:n.shortMessage,action:Mo.createElement(Sc,{size:"xxsmall",type:"warning",onClick:()=>{o(vs.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},yc.t("Change"))}):r===vs.WaitingForConnectingWallet?Mo.createElement(xs,{type:"warning",title:n.shortMessage,action:Mo.createElement(Sc,{size:"xxsmall",type:"warning",onClick:()=>{o(vs.WaitingForConnectingWallet)}},yc.t("Connect"))}):Mo.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=po(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(qy,{key:v},At.createElement(kc,{type:k&&(h&&"loading"||T&&"error")||"success",title:c.description?`${c.description} Tx`:Fy.t("View transaction"),action:c.url&&At.createElement(Oy,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},At.createElement(Uy,{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:lo(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:lo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:zy.createElement(As,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function xc(t){if(po(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 $o,darkTheme as Gy,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=$o({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${Gy} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),bc=$o({padding:"$5 0"}),fr=$o({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),Ec=$o({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Ic=$o({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}=eS(),p=d().blockchains(),u=d().swappers(),m=d().tokens(),c=U.use.retry(),g=oS(),[f,v]=Ry(Tc),k=tS(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=Qy(e),W=C?.networkStatus;Nc(()=>{b.find(Ke=>Ke.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(x(e.status),E(e.requestId))},[e.status]),Nc(()=>{Y?T(gr.WaitingForNetworkChange):W===gr.WaitingForConnectingWallet||W===gr.NetworkChanged?T(W):T(null)},[W]);let M=Ea(e),L=C?Hy(e,C):null,S=C?Vy(e,C):null,$=ic(e),N=Ia(e),G=i(ue=>!!l(ue)?.mobileWallet,"isMobileWallet"),Y=W===gr.WaitingForNetworkChange&&!!L&&!!S?.walletType&&(G(S.walletType)||s(S.walletType,L)),oe=Y?a.bind(null,S.walletType,L):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 Lc(Ee).multipliedBy(Ue.toUsdPrice||0)):"",ee=se(new Lc(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:Yo(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(Qt,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:N&&!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(Ky,{variant:"ghost",onClick:v.bind(null,o||"")},j.createElement(jy,{size:16,color:"gray"})),j.createElement(Wc,{target:"_blank",href:`${Ds}/swap/${o}`},j.createElement(Yy,{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(Jy,{fee:I(String(no),2,2),time:zo(Go(e.steps)),steps:J}),j.createElement(ho,{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(Xy,{size:8}),j.createElement(vc,{ref:k},X.map((ue,Ke)=>{let Ft=Ke,ro=xc(e.steps[Ke]),em=ro==="error"||ro==="in-progress"||ro==="warning"||ro==="completed"&&Ke===X.length-1;return j.createElement(Zy,{key:Ft,step:ue,type:"swap-progress",ref:k,state:ro,hasSeparator:Ke!==0,tabIndex:Ft,isFocused:em,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 aS,Skeleton as Do,Typography as Sr}from"@rango-dev/ui";import ie from"react";import{i18n as nS}from"@lingui/core";import{Divider as rS,Skeleton as iS,Typography as sS}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(ko,{type:"swap-preview"}),ae.createElement("div",{className:"swaps-steps"},ae.createElement(sS,{variant:"title",size:"small"},nS.t("Swaps steps"))),ae.createElement(ae.Fragment,null,ae.createElement(_o,null,ae.createElement(ot,{separator:!1}),ae.createElement("div",{className:$c()},ae.createElement(rS,{direction:"horizontal",size:20}),ae.createElement(iS,{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(Qt,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(Do,{width:60,height:10,variant:"rounded"})),ie.createElement(_c,{direction:"horizontal",size:4}),ie.createElement(Do,{width:16,height:16,variant:"rectangular"}),ie.createElement(_c,{direction:"horizontal",size:4}),ie.createElement(Do,{width:16,height:16,variant:"rectangular"}))),ie.createElement("div",{className:eo()},ie.createElement(Sr,{className:bc(),variant:"label",size:"large",color:"neutral700"},ie.createElement(Do,{width:60,height:10,variant:"rounded"})),ie.createElement(Sr,{variant:"label",size:"small",color:"neutral700"},ie.createElement(Do,{width:60,height:10,variant:"rounded"})))),ie.createElement(Is,null)),!o&&ie.createElement(Ac,null,ie.createElement(aS,{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}=pS(),o=!e.loadedFromPersistor,n=Kt(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&&lS(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 Fo}from"@lingui/core";import{AutoThemeIcon as uS,DarkModeIcon as cS,LightModeIcon as mS,List as dS,ListItemButton as fS,Radio as Ws,RadioRoot as gS,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"},Fo.t("Light")),onClick:()=>t("light"),start:ve.createElement(mS,{color:"gray"}),end:ve.createElement(Ws,{value:"light"})},{id:"dark",value:"dark",title:ve.createElement(Bs,{variant:"title",size:"xmedium"},Fo.t("Dark")),onClick:()=>t("dark"),start:ve.createElement(cS,{color:"gray"}),end:ve.createElement(Ws,{value:"dark"})},{id:"auto",value:"auto",title:ve.createElement(Bs,{variant:"title",size:"xmedium"},Fo.t("Auto")),onClick:()=>t("auto"),start:ve.createElement(uS,{color:"gray"}),end:ve.createElement(Ws,{value:"auto"})}];return ve.createElement(K,{header:{title:Fo.t("Theme")}},ve.createElement(ut,null,ve.createElement(gS,{onValueChange:n=>t(n),value:e},ve.createElement(dS,{type:ve.createElement(fS,{title:Fo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Uc,"ThemePage");function qc(){return hS([{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 yS,MainEvents as Gc,RouteEventType as Hc,StepEventType as oo,StepExecutionEventStatus as SS,useEvents as CS}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Qc}from"react";import{StepExecutionBlockedEventStatus as Ls}from"@rango-dev/queue-manager-rango-preset";var zc=[Ls.WAITING_FOR_CHANGE_WALLET_ACCOUNT,Ls.WAITING_FOR_NETWORK_CHANGE,Ls.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=CS();return Qc(()=>(s.on(Gc.StepEvent,a=>{let{event:l,step:p,route:u}=a;if(l.type===oo.TX_EXECUTION&&l.status===SS.TX_SENT&&!yS(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 kS}from"@rango-dev/ui";var jc=i(()=>kS({"@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 TS}from"@rango-dev/ui";var Xc=TS("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}=xn(t?.theme||{}),{activeLanguage:o}=Yt(),[n,r]=Kc(""),[s,a]=Kc(),l=xS(fn);return vS(()=>{_e.persist.rehydrate(),l.onConnectWallet(r)},[]),Oo.createElement(wS,{language:o},Oo.createElement(Xc,{id:"swap-container",className:e()},Oo.createElement(Vc,null),Oo.createElement(qa,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},Oo.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 LS,{useMemo as NS}from"react";function PS(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=IS(),l=NS(()=>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 Vo(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 LS.createElement(ES,{queuesDefs:[l],context:T,onPersistedDataLoaded:w=>{AS(w)},isPaused:!1},t.children)}i(PS,"QueueManager");var Yc=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 Uo=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return Kt(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(Uo,"WidgetHistory");var Jc=US(void 0);function Ns(t){let{manager:e}=FS(),o=U.use.retry(),n=new Uo(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=Yt().resetLanguage,f={history:n,wallets:{isLoading:s,details:r,totalBalance:a,refetch:l},meta:{blockchains:p,tokens:u,swappers:m,loadingStatus:c},resetLanguage:g};return OS.createElement(Jc.Provider,{value:f},t.children)}i(Ns,"WidgetInfo");function Zc(){let t=qS(Jc);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Zc,"useWidget");function kr(t){let{onUpdateState:e,config:o}=t;return zS(()=>{Zs({API_KEY:o?.apiKey||qo,BASE_URL:o?.apiUrl||_s})},[o.apiKey,o.apiUrl]),Ps.createElement(gn,{config:o,onUpdateState:e},Ps.createElement(Yc,{apiKey:o.apiKey},Ps.createElement(Ns,null,t.children)))}i(kr,"WidgetProvider");function Rc(t){return t.config?.externalWallets?Ms.createElement(Cr,null):Ms.createElement(kr,{config:t.config??Tr},Ms.createElement(Cr,null))}i(Rc,"Widget");export{UD as MainEvents,YD as Networks,RD as PendingSwapNetworkStatus,qD as RouteEventType,zD as StepEventType,GD as StepExecutionBlockedEventStatus,HD as StepExecutionEventStatus,XD as WalletEvents,JD as WalletTypes,Rc as Widget,kr as WidgetProvider,gn as WidgetWallets,jr as customizedThemeTokens,jD as readAccountAddress,ql as useWallets,Zc as useWidget,QD as useWidgetEvents};
2
2
  //# sourceMappingURL=index.js.map