@rango-dev/widget-embedded 0.24.2-next.3 → 0.24.2-next.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/containers/App/App.d.ts.map +1 -1
- package/dist/hooks/useBootstrap/useBootstrap.d.ts.map +1 -1
- package/dist/hooks/useSubscribeToWidgetEvents/index.d.ts +2 -0
- package/dist/hooks/useSubscribeToWidgetEvents/index.d.ts.map +1 -0
- package/dist/hooks/useSubscribeToWidgetEvents/useSubscribeToWidgetEvents.d.ts +2 -0
- package/dist/hooks/useSubscribeToWidgetEvents/useSubscribeToWidgetEvents.d.ts.map +1 -0
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +4 -4
- package/package.json +3 -3
- package/src/containers/App/App.tsx +0 -2
- package/src/hooks/useBootstrap/useBootstrap.ts +2 -0
- package/src/hooks/useSubscribeToWidgetEvents/index.ts +1 -0
- package/src/{components/WidgetEvents.tsx → hooks/useSubscribeToWidgetEvents/useSubscribeToWidgetEvents.ts} +14 -12
- package/src/index.ts +4 -0
- package/dist/components/WidgetEvents.d.ts +0 -2
- package/dist/components/WidgetEvents.d.ts.map +0 -1
package/dist/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
var ff=Object.defineProperty;var i=(t,e)=>ff(t,"name",{value:e,configurable:!0});import{EventSeverity as nG,MainEvents as rG,RouteEventType as iG,StepEventType as sG,StepExecutionBlockedEventStatus as aG,StepExecutionEventStatus as lG,useEvents as pG}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as uG,useWallets as lr,Events as mG}from"@rango-dev/wallets-react";import{Networks as fG,WalletTypes as gG}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as yG}from"rango-types";import{UI_ID as gf}from"@rango-dev/ui";var dn="c6381a79-2817-4602-83bf-6a641a409e32",Da="https://api.rango.exchange",Fa="https://explorer.rango.exchange",ke={SWAP_BOX_ID:"rango-swap-box",EXPANDED_BOX_ID:"rango-expanded-box",...gf};import{Events as xi,Provider as sg}from"@rango-dev/wallets-react";import{isEvmBlockchain as ag}from"rango-sdk";import Wn,{createContext as lg,useEffect as Ml,useMemo as pg,useRef as Ll}from"react";import{useEffect as Nf}from"react";import{create as Ef}from"zustand";import{subscribeWithSelector as Af}from"zustand/middleware";import{RangoClient as bf}from"rango-sdk";import{WalletState as ct}from"@rango-dev/ui";import{readAccountAddress as Sf}from"@rango-dev/wallets-react";import{detectInstallLink as Cf,getCosmosExperimentalChainInfo as Tf,isEvmAddress as kf,KEPLR_COMPATIBLE_WALLETS as Gw,Networks as za}from"@rango-dev/wallets-shared";import pi from"bignumber.js";import{isCosmosBlockchain as wf}from"rango-types";import hf from"bignumber.js";var Ne=new hf(0);import{WalletTypes as yf}from"@rango-dev/wallets-shared";var Oa=[yf.LEAP];import{BigNumber as qa}from"bignumber.js";var fn=i(t=>{let e=Math.floor(t%60/15)*15,o=parseInt((t/60).toString());return o>=60?`${Math.floor(o/5)*5}:00`:`${o.toString().padStart(2,"0")}:${e.toString().padStart(2,"0")}`},"roundedSecondsToString"),W=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new qa(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new qa(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 gn=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var pt=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),xo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function ce(t){return W(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(ce,"formatTooltipNumbers");function ci(t){switch(!0){case t.connected:return ct.CONNECTED;case t.connecting:return ct.CONNECTING;case!t.installed:return ct.NOT_INSTALLED;default:return ct.DISCONNECTED}}i(ci,"mapStatusToWalletState");function Qa(t,e,o,n){return o.filter(r=>!Oa.includes(r)).filter(r=>{let{supportedChains:s,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!s.find(u=>u.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=ci(t(r));return{title:s,image:a,link:Cf(l),state:p,type:r}})}i(Qa,"mapWalletTypesToWalletInfo");function Sn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Sn,"walletAndSupportedChainsNames");function Ha(t,e,o,n,r){let s=[];function a(p,c){if(!!!s.find(d=>d.chain===p)){let d={address:c,chain:p,walletType:t};s.push(d)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:c,network:u}=Sf(p),d=l.length>0,m=l.includes(u),f=u===za.Unknown;if(d&&!m&&!f)return;let C=u===za.Unknown&&kf(c);if(f&&!C)return;o.includes(u)||C?r?a(u,c.toLowerCase()):l.filter(k=>o.includes(k)).forEach(k=>{a(k,c.toLowerCase())}):a(u,c)}),s}i(Ha,"prepareAccountsForWalletStore");function Ga(t){let e=[];return t?.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(Ga,"getRequiredChains");function Cn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(Cn,"isAccountAndWalletMatched");function Va(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 pi(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:vf(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Va,"makeBalanceFor");function ja(t){return{...t,loading:!1,error:!0}}i(ja,"resetConnectedWalletState");var Xa=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=W(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new pi(s?.amount||Ne).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ne)||Ne).toString();return xf(r)},"calculateWalletUsdValue");function xf(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(xf,"numberWithThousandSeparator");var vf=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Tn=i((t,e)=>{let o=Tf(Object.entries(t).map(([,n])=>n).filter(wf));return o&&o[e]?.experimental},"isExperimentalChain");function kn(t){return t?{...t,amount:W(t.amount,8,8),usdValue:W(t.usdValue,4,4)}:null}i(kn,"formatBalance");function Ka(t,e){return t?.usdValue||e?.usdValue?parseFloat(e?.usdValue||"0")-parseFloat(t?.usdValue||"0"):t?.amount||e?.amount?parseFloat(e?.amount||"0")-parseFloat(t?.amount||"0"):0}i(Ka,"compareTokenBalance");function Me(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Me,"areTokensEqual");function Ya(t){return t.sort((e,o)=>+(o.state===ct.CONNECTED)-+(e.state===ct.CONNECTED)||+(o.state===ct.DISCONNECTED||o.state===ct.CONNECTING)-+(e.state===ct.DISCONNECTED||e.state===ct.CONNECTING))}i(Ya,"sortWalletsBasedOnConnectionState");function wn(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(wn,"getConciseAddress");function Ja({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Ja,"getAddress");function ui(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(ui,"createTokenHash");function xn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new pi(o?.usdPrice??Ne).multipliedBy(o?.amount).toString():""},r=o?ui({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(xn,"makeTokensBalance");var Za=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function Ra(t){return t.map(e=>e.state).join("-")}i(Ra,"hashWalletsState");var mi={API_KEY:dn};function ht(t){return mi[t]||""}i(ht,"getConfig");function el(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),mi=e,mi}i(el,"initConfig");var tl=20,ol=25,nl="Roboto",di="theme-widget",vo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Me(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Me(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),fi=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig"),rl=i((t,e,o)=>o==="expanded"&&(t||e)||o==="full-expanded"&&e,"isVariantExpandable");var vn,At=i(()=>vn||(vn=new bf(ht("API_KEY"),ht("BASE_URL")),vn),"httpService");var If=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"),Wt=If;var Y=Wt(Ef()(Af((t,e)=>({connectedWallets:[],balances:{},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:xn(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=>Cn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await At().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(m=>{let f=o.find(C=>Cn(C,m)),y=p.find(C=>C.address===m.address&&C.blockChain===m.chain);return y?.failed&&f&&r&&s([f],n,!1),f&&y?{...m,explorerUrl:y.explorerUrl,balances:Va(y,n),loading:!1}:m});return{loading:!1,balances:xn(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(d=>Cn(d,u))?ja(u):u);return{loading:!1,balances:xn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=ui(o);return n[r]??null}}))));import{allProviders as Wf}from"@rango-dev/provider-all";function bn(t,e){let o=Wf({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(bn,"matchAndGenerateProviders");function il(t,e){return bn(t,e).map(r=>r.config.type)}i(il,"configWalletsToWalletName");function sl(t,e){let o=Y.use.clearConnectedWallet(),n=bn(void 0,e);return Nf(()=>{o(),n=bn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(sl,"useWalletProviders");import Rf,{createContext as eg,useContext as tg,useEffect as og,useRef as ng}from"react";import{create as Jf}from"zustand";import{persist as Zf}from"zustand/middleware";var gi={apiKey:"",title:void 0,multiWallets:!0,excludeLiquiditySources:!0,customDestination:!0,variant:"default"},Mf={clientUrl:void 0},Lf={liquiditySources:void 0},al=i((t,e,o)=>({config:{...gi,...t},iframe:Mf,campaignMode:Lf,getLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?r.liquiditySources:n.liquiditySources??[]},getDisabledLiquiditySources:()=>{let{disabledLiquiditySources:n,campaignMode:r}=o();return r.liquiditySources?.length?[]:n},excludeLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?!1:!!n.excludeLiquiditySources},isInCampaignMode:()=>{let{campaignMode:n}=o();return!!n.liquiditySources?.length},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})},updateCampaignMode:(n,r)=>{let s=o().campaignMode;e({campaignMode:{...s,[n]:r}})},updateIframe:(n,r)=>{let s=o().iframe;e({iframe:{...s,[n]:r}})}}),"createConfigSlice");function In(t){return Array.from(new Set(t))}i(In,"removeDuplicateFrom");function Si(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Si,"areEqual");function dl(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(dl,"debounce");function yt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(yt,"containsText");function cl(t,e){return t.toLowerCase()===e.toLowerCase()}i(cl,"exactText");function ul(t,e){return t.toLowerCase().startsWith(e.toLowerCase())}i(ul,"startWithText");var M=i(()=>document.getElementById(ke.SWAP_BOX_ID),"getContainer"),En=i(()=>document.getElementById(ke.EXPANDED_BOX_ID),"getExpanded");function ml(t,e,o){let n=!!e&&cl(e,t),r=!!o&&cl(o,t);return n!==r?n?-1:1:0}i(ml,"compareExactMatchText");function hi(t,e,o){let n=!!e&&yt(e,t),r=!!o&&yt(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(hi,"compareContainsText");function yi(t,e,o){let n=!!e&&ul(e,t),r=!!o&&ul(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(yi,"compareStartWithText");function fl(t,e,o){if(!o)return 0;let n=ml(o,t.symbol,e.symbol);if(n)return n;if(o.length>=3){let r=ml(o,t.name,e.name);if(r)return r}if(o.length>=2){let r=yi(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=hi(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=yi(o,t.name,e.name);if(r)return r}if(o.length>=3){let r=hi(o,t.name,e.name);if(r!==0)return r}if(o.length>=4){let r=yi(o,t.address,e.address);if(r)return r}if(o.length>=4){let r=hi(o,t.address,e.address);if(r!==0)return r}return 0}i(fl,"compareWithSearchFor");function gl(t,e){return e.find(o=>o.name===t)?.displayName}i(gl,"getBlockchainDisplayNameFor");function Ve(t,e){return e.find(o=>o.name===t)?.shortName}i(Ve,"getBlockchainShortNameFor");function bo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(bo,"getSwapperDisplayName");function Ci(t,e){return e.find(o=>Me(o,t))??null}i(Ci,"findToken");function Ti(t,e){return e.find(o=>o.name===t)??null}i(Ti,"findBlockchain");function ki(t,e){if(!e||!t)return!1;for(let o of e.feeAssets)if(t?.blockchain===o?.blockchain&&t?.symbol===o?.symbol&&t?.address===o?.address)return!0;return!1}i(ki,"isTokenNative");function An(t,e){let o=t.map(s=>s.swapperGroup),n=[];return In(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(An,"getUniqueSwappersGroups");function hl(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(hl,"sortLiquiditySourcesByGroupTitle");function je(t,e){return e?.[t]==="hidden"}i(je,"isFeatureHidden");function yl(t,e){return e?.[t]==="enabled"}i(yl,"isFeatureEnabled");var Sl=i((t,e)=>({_blockchainsMapByName:new Map,_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchainsMapByName,r=Array.from(n?.values()||[]);if(!o||!o?.type)return r;let s=e().config,a=(o.type==="source"?s.from?.blockchains:s.to?.blockchains)??[];return r.filter(p=>!(a.length>0&&!a.includes(p.name)))},tokens:o=>{let n=e()._tokens,r=e()._blockchainsMapByName;if(!o||!o?.type)return n;let s=e().config,a=(o.type==="source"?s.from?.tokens:s.to?.tokens)??{},l=e().blockchains({type:o.type});return n.filter(c=>a&&vo(c,a)||o.blockchain&&c.blockchain!==o.blockchain||!l.some(u=>u.name===c.blockchain)?!1:o.searchFor?!!(yt(c.symbol,o.searchFor)||yt(c.address||"",o.searchFor)||yt(c.name||"",o.searchFor)):!0).sort((c,u)=>{let d=e().isTokenPinned(c,o.type),m=e().isTokenPinned(u,o.type);if(d!==m)return d?-1:1;if(o.getBalanceFor){let h=o.getBalanceFor(c),k=o.getBalanceFor(u),T=Ka(h,k);if(T!==0)return T}let f=r.get(c.blockchain),y=r.get(u.blockchain),C=ki(c,f),S=ki(u,y);if(C!==S)return C?-1:1;if(c.isPopular!==u.isPopular)return c.isPopular?-1:1;if(o.searchFor){let h=fl(c,u,o.searchFor);if(h)return h}return c.isSecondaryCoin!==u.isSecondaryCoin?c.isSecondaryCoin?1:-1:f&&y?f.sort-y.sort:0})},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Me(a,o)),swappers:()=>{let{config:o,campaignMode:n}=e(),r=n.liquiditySources?.length?n.liquiditySources:null,s=r??o.liquiditySources,a=r?!1:o.excludeLiquiditySources;return e()._swappers.filter(c=>{let u=s?.includes(c.swapperGroup);return a||!s||s.length===0?!u:u}).sort(hl)},fetch:async()=>{try{let{enableCentralizedSwappers:o}=e().config,n=await At().getAllMetadata({enableCentralizedSwappers:o});t({fetchStatus:"success"});let r=new Map,s=[],a=n.popularTokens,l=n.swappers,p=new Set;n.tokens.forEach(u=>{p.add(u.blockchain),s.push(u)}),n.blockchains.sort((u,d)=>u.sort-d.sort).forEach(u=>{u.enabled&&p.has(u.name)&&r.set(u.name,u)}),t({_blockchainsMapByName:r,_tokens:s,_popularTokens:a,_swappers:l})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{Chinese as $f,English as Df,Finland as Ff,French as Of,German as Uf,Greece as qf,Italian as zf,Japanese as Qf,Netherlands as Hf,Poland as Gf,Portuguese as Vf,Russian as jf,Spanish as Xf,Swedish as Kf,Ukrainian as Yf}from"@rango-dev/ui";var Cl=[{title:"English",label:"English",local:"en",SVGFlag:Df},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Xf},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Of},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Qf},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:Vf},{title:"Chinese",label:"\u4E2D\u56FD\u4EBA",local:"zh",SVGFlag:$f},{title:"Russian",label:"\u0420\u0443\u0441\u0441\u043A\u0438\u0439",local:"ru",SVGFlag:jf},{title:"German",label:"Deutsch",local:"de",SVGFlag:Uf},{title:"Ukrainian",label:"\u0423\u043A\u0440\u0430\u0457\u043D\u0456",local:"uk",SVGFlag:Yf},{title:"Swedish",label:"svenska",local:"sv",SVGFlag:Kf},{title:"Finnish",label:"Suomalainen",local:"fi",SVGFlag:Ff},{title:"Dutch",label:"Nederlands",local:"nl",SVGFlag:Hf},{title:"Greek",label:"Grieks",local:"el",SVGFlag:qf},{title:"Italian",label:"Italiana",local:"it",SVGFlag:zf},{title:"Polish",label:"Polski",local:"pl",SVGFlag:Gf}],Io="en";var Tl=[.5,1,3],kl=1,wl=5,xl=100,vl=0;var bl=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:kl,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,c=l<=9;return p&&c}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=In(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,theme:r}=o,s=je("theme",n),a=je("language",n),l=je("liquiditySource",n),p=r?.singleTheme;t({...s&&{theme:o.theme?.mode||"auto"},...p&&{theme:o.theme?.mode||"light"},...a&&{language:o.language||Io},...l&&{disabledLiquiditySources:o.liquiditySources||[]}})}}),"createSettingsSlice");function Il(t){return Jf()(Zf((...e)=>({...Sl(...e),...bl(...e),...al(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(Il,"createAppStore");var El=eg(null);function g(){let t=tg(El);if(og(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(g,"useAppStore");function Al(t){let e=ng();return e.current||(e.current=Il(t.config)),Rf.createElement(El.Provider,{value:e.current},t.children)}i(Al,"AppStoreProvider");import{create as ig}from"zustand";var Wl="rango-widget";var Eo=class{static{i(this,"TabManager")}tabId;state="not-initiated";lastTryClaim;events={};channel;constructor(e){this.channel=new BroadcastChannel(Wl),this.tabId=Math.trunc(Math.random()*1e5),this.events=e}init=()=>{this.initEvents(),this.tryClaim()};forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};isClaimed=()=>this.state==="claimed";destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};initEvents(){this.channel.addEventListener("message",this.handleMessageEvent),document.addEventListener("visibilitychange",this.handleVisibilityChange),document.addEventListener("resume",this.handleResume)}claimedByCurrentTab(e){let o=this.lastTryClaim&&this.lastTryClaim<e;if(this.isClaimed()||o){let n={name:"pong"};this.channel.postMessage(n);return}}handleMessageEvent=e=>{let o=e.data.name;switch(o){case"ping":this.claimedByCurrentTab(e.data.pingAt);break;case"pong":this.alreadyClaimedByAnotherTab();break;case"force-claim":this.forceRelease(e.data.candidateId);break;case"force-release":this.tabId===e.data.candidateId&&this.claim();break;default:throw new Error(`${o} is not supported.`)}};handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};alreadyClaimedByAnotherTab(){this.resetLastCheck()}async tryClaim(){return this.setLastCheck(),new Promise(e=>{setTimeout(()=>{this.check(),e()},300)})}check(){this.state==="not-initiated"&&this.events.onInit?.(),this.lastTryClaim?(this.claim(),this.resetLastCheck()):this.state="not-claimed"}claim(){this.state="claimed",this.events.onClaim?.()}setLastCheck(){this.lastTryClaim=Date.now();let e={name:"ping",pingAt:this.lastTryClaim};this.channel.postMessage(e)}resetLastCheck(){this.lastTryClaim=void 0}forceRelease(e){if(this.isClaimed()){this.state="not-claimed",this.events.onRelease?.();let o={name:"force-release",candidateId:e};this.channel.postMessage(o)}}};var ne=Wt(ig()((t,e)=>({isActiveTab:!1,tabManagerInitiated:!1,showActivateTabModal:!1,watermark:"NONE",fetchingApiConfig:!1,activateCurrentTab:(o,n)=>{let{showActivateTabModal:r}=e();!r&&n?t({showActivateTabModal:!0}):(r||!n)&&o()},setShowActivateTabModal:o=>{t({showActivateTabModal:o})},setWatermark:o=>{t({watermark:o})}}))),qt=new Eo({onInit:()=>ne.setState({tabManagerInitiated:!0}),onClaim:()=>ne.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>ne.setState({isActiveTab:!1})});var Nn=lg({onConnectWallet:()=>{},onDisconnectWallet:()=>{}});function cg(t){let{updateConfig:e,updateSettings:o,fetch:n}=g(),r=g().blockchains(),s=g().tokens(),a=g().config,l={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:p}=sl(t.config.wallets,l),{connectWallet:c,disconnectWallet:u}=Y(),d=Ll(),m=Ll();Ml(()=>{n().catch(console.log)},[]),Ml(()=>{t.config&&(e(t.config),o(t.config),window.__rango={config:a,dappConfig:t.config})},[t.config]);let f=r.filter(ag).map(h=>h.name),y=i((h,k,T,x,E)=>{if(k===xi.ACCOUNTS)if(T){let b=Sn(E.supportedBlockchains),v=Ha(h,T,f,b,E.isContractWallet);v.length&&c(v,s)}else u(h),m.current?m.current(h):console.warn("onDisconnectWallet handler hasn't been set. Are you sure?");if(k===xi.ACCOUNTS&&x.connected){let b=`${h}-${x.network}-${T}`;x.connected&&(d.current?d.current(b):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(k===xi.NETWORK&&x.network){let b=`${h}-${x.network}`;d.current?d.current(b):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(h,k,T,x,E)},"onUpdateState"),C=ne.use.isActiveTab(),S=pg(()=>({onConnectWallet:h=>{d.current=h},onDisconnectWallet:h=>{m.current=h}}),[]);return Wn.createElement(Nn.Provider,{value:S},Wn.createElement(sg,{allBlockChains:r,providers:p,onUpdateState:y,autoConnect:!!C},t.children))}i(cg,"Main");function Mn(t){let{config:e,...o}=t;return Wn.createElement(Al,{config:e},Wn.createElement(cg,{...o,config:e}))}i(Mn,"WidgetWallets");import li from"react";import ug,{Fragment as mg}from"react";import{MemoryRouter as dg,useInRouterContext as fg}from"react-router";function Bl({children:t}){let o=fg()?mg:dg;return ug.createElement(o,null,t)}i(Bl,"AppRouter");import{I18nManager as uw}from"@rango-dev/ui";import ri from"react";import ze from"react";import{useRoutes as Jk}from"react-router-dom";var O={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId",routes:"routes"};import{useEffect as ro,useRef as qn}from"react";import Lt from"bignumber.js";import{create as Tg}from"zustand";import{subscribeWithSelector as kg}from"zustand/middleware";import{getLastSuccessfulStep as Cg}from"@rango-dev/queue-manager-rango-preset";import Cb from"bignumber.js";import{i18n as Ao}from"@lingui/core";var vi={"Network Fee":Ao.t("Network Fee"),"Swapper Fee":Ao.t("Protocol Fee"),"Affiliate Fee":Ao.t("Affiliate Fee"),"Outbound network fee":Ao.t("Outbound Fee"),"Rango Fee":Ao.t("Rango Fee")},bi=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"],_l=30;var Nt=(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))(Nt||{});import{i18n as tt}from"@lingui/core";import Le from"bignumber.js";import{PendingSwapNetworkStatus as Pn}from"rango-types";function Ln(t){let e=[];return t?.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(Ln,"getRequiredWallets");function Bn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(Bn,"isValidAddress");import{i18n as Ee}from"@lingui/core";var R=i(()=>({genericServerError:Ee.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Ee.t("Please reset your liquidity sources."),description:Ee.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:Ee.t("No Routes Found."),description:Ee.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:Ee.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:Ee.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:Ee.t("High Price Impact"),title:Ee.t("Price impact is too high!"),description:Ee.t("The price impact is significantly higher than the allowed amount."),confirmMessage:Ee.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:Ee.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Ee.t("USD Price Unknown"),title:Ee.t("USD Price Unknown, Cannot calculate Price Impact."),description:Ee.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Ee.t("Confirm USD Price Unknown")}}),"errorMessages");function Pl(t){switch(t.type){case 0:return t.diagnosisMessage??R().noResultError.title;case 1:return R().genericServerError;default:return""}}i(Pl,"getQuoteErrorMessage");import{i18n as _n}from"@lingui/core";var zt=i(()=>({connectWallet:_n.t("Connect Wallet"),swap:_n.t("Swap"),swapAnyway:_n.t("Swap anyway"),ethWarning:_n.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function $l(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Le(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Le(1e3)))??!1}i($l,"hasHighValueLoss");function Dl(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new Le(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Le(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(Dl,"hasLimitError");function Fl(t){let e=(t||[]).filter(l=>{let p=l.fromAmountMinValue?new Le(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Le(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||c?.lte(l.fromAmount):p?.gt(l.fromAmount)||c?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Le(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Le(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=tt.t({id:"Required: >= {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=R().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=tt.t({id:"Required: > {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=R().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=tt.t({id:"Required: <= {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=R().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=tt.t({id:"Required: < {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=R().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Fl,"getLimitErrorMessage");function Ol(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:zt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||l||!r||r==="0"?{title:zt().swap,action:"confirm-swap",disabled:!0}:a?{title:zt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:zt().ethWarning,action:"confirm-warning",disabled:!1}:{title:zt().swap,action:"confirm-swap",disabled:!1}:{title:zt().connectWallet,action:"connect-wallet",disabled:!1}}i(Ol,"getSwapButtonState");function Ii(t,e,o){return!((!o||o.lte(Ne))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(Ii,"canComputePriceImpact");function gg(t){let e=[];return t?.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(gg,"requiredWallets");var hg=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function yg(t,e){let o=Ne;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=hg(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Le(r.amount).multipliedBy(s||0))}return o}i(yg,"getUsdFeeOfStep");function $n(t,e){return t.reduce((o,n)=>o.plus(yg(n,e)),Ne)}i($n,"getTotalFeeInUsd");function Ei(t){let e=Ne;return e=e.plus(new Le(t.amount).multipliedBy(t.price||0)),e}i(Ei,"getUsdFee");function Ul(t){return t.reduce((e,o)=>e.plus(Ei(o)),Ne)}i(Ul,"getTotalFeesInUsd");function ql(t){return t.reduce((e,o)=>{for(let n of o.fee){let r=n.name,s=n.expenseType!=="DECREASE_FROM_OUTPUT"?e.payable:e.nonePayable;s[r]=[...s[r]||[],n]}return e},{payable:{},nonePayable:{}})}i(ql,"getFeesGroup");function zl(t){let e=new Map;return t.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(zl,"checkSlippageErrors");function Ql(t,e){let o=new Map;return t?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}i(Ql,"checkSlippageWarnings");function Dn(t){return t.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(Dn,"getMinRequiredSlippage");function Hl(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Hl,"hasProperSlippage");function Gl(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:c,affiliateRef:u,affiliatePercent:d,affiliateWallets:m,destination:f,enableCentralizedSwappers:y}=t,C=s?.reduce((k,T)=>(k[T.chain]=T.address,k),{}),S=[];return r?.forEach(k=>{S.push({blockchain:k.chain,addresses:[k.address]})}),{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:d??void 0,affiliateWallets:m??void 0,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:S,selectedWallets:C??{},slippage:c.toString(),...f&&{destination:f},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(k=>!a.includes(k)),swappersGroupsExclude:!1},enableCentralizedSwappers:y}}i(Gl,"createQuoteRequestBody");function Vl(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Vl,"getWalletsForNewSwap");function oo(t){return t?.outputAmount||null}i(oo,"getQuoteOutputAmount");function jl(t,e){return new Le(e).div(new Le(t)).minus(1).multipliedBy(100).toNumber()}i(jl,"getPercentageChange");function Xl(t,e){let o=oo(t),n=oo(e);if(!o||!n)return!1;let r=Xe(o,n);return r?r<=-1:!0}i(Xl,"isOutputAmountChangedALot");function Kl(t,e,o){let n=t.validationStatus,r=Ga(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>tp(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=W(new Le(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=W(new Le(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=tt.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=tt.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=tt.t(" for input and network fee")),tt.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:c,symbol:l,reason:u,currentAmount:p,blockchain:Ve(a.asset.blockchain,o)}})})}i(Kl,"generateBalanceWarnings");function Fn(t,e){return(t?new Le(t):Ne).multipliedBy(e||0)}i(Fn,"calcOutputUsdValue");function Wo(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Pn.NetworkChanged}i(Wo,"isNetworkStatusInWarningState");function Yl(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Wo(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Pn.WaitingForConnectingWallet:n=n||tt.t("Waiting for connecting wallet");break;case Pn.WaitingForQueue:n=n||tt.t("Waiting for other running tasks to be finished");break;case Pn.WaitingForNetworkChange:n=n||tt.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(Yl,"getSwapMessages");function Jl(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(Jl,"getLastConvertedTokenInFailedSwap");function Zl(t){return t.status==="failed"}i(Zl,"shouldRetrySwap");function Rl(t,e,o,n,r,s){return t||!e&&!gg(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!Bn(s,o)}i(Rl,"confirmSwapDisabled");function ep(t,e){return t.blockchain===e.blockchain&&t.symbol===e.symbol&&t.address===e.address}i(ep,"isTokensIdentical");function On(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(On,"getQuoteToTokenUsdPrice");function Ai(t,e){let o=t?.swaps||[],n=e?.swaps||[];return o.length!==n.length}i(Ai,"isNumberOfSwapsChanged");function Wi(t,e){let o=t?.swaps.map(r=>r.swapperId)||[],n=e?.swaps.map(r=>r.swapperId)||[];return!Si(o,n)}i(Wi,"isQuoteSwappersUpdated");function Ni(t,e){let o=t?.swaps.map(r=>r.to.symbol)||[],n=e?.swaps.map(r=>r.to.symbol)||[];return!Si(o,n)}i(Ni,"isQuoteInternalCoinsUpdated");function np(t,e){return Ai(t,e)||Wi(t,e)||Ni(t,e)}i(np,"isQuoteChanged");function tp(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(tp,"getRequiredBalanceOfWallet");function St(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(St,"getPriceImpactLevel");function rp(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Cg(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Ti(s?s.toBlockchain:n.fromBlockchain,e),p=Ti(r.toBlockchain,e),c=Ci(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=Ci(a,o),d=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:d}}i(rp,"createRetryQuote");function no(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Qt(o,t.requestAmount),l=Qt(n,t?.outputAmount??"");if(t&&a&&l){let u=Xe(a.toString(),l.toString());if(!!u&&$l(a,u)){let m=$n(t?.swaps,r),f=St(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:m,warningLevel:f}}}else if(t&&(!a||!l))return{type:1};let p=Dn(t.swaps),c=s>wl;if(Hl(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:Ql(t,s),minRequiredSlippage:p};return null}i(no,"generateQuoteWarnings");function Xe(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:jl(t.toString(),e.toString());return n&&n<0?n:null}i(Xe,"getPriceImpact");var ip=i(t=>{let e=new Set,o=[];return t.forEach(n=>{e.has(n.from.chain.displayName)||(e.add(n.from.chain.displayName),o.push(n.from.chain)),e.has(n.to.chain.displayName)||(e.add(n.to.chain.displayName),o.push(n.to.chain))}),o},"getUniqueBlockchains"),Un=i((t,e)=>e.sort((o,n)=>{let r=i(c=>c.scores?.find(u=>u.preferenceType===t)?.score??0,"getScore"),s=r(o),a=r(n);if(s!==a)return a-s;let l=o.requestId.toLowerCase(),p=n.requestId.toLowerCase();return l.localeCompare(p)}),"sortQuotesBy"),sp=i((t,e,o)=>{if(!e.length)return null;if(!t)return{requestAmount:o,...e[0]};let n=new Set(t.swaps.map(s=>s.swapperId)),r=e.find(s=>{let a=new Set(s.swaps.map(l=>l.swapperId));return Array.from(n).every(l=>a.has(l))});return{requestAmount:o,...r||e[0]}},"getDefaultQuote"),ap=i(t=>{let e=i((o,n)=>{let r=bi.indexOf(o.value),s=bi.indexOf(n.value);return r!==-1&&s!==-1?r-s:r!==-1?-1:s!==-1?1:0},"customSort");return t.sort(e)},"sortTags");var Qt=i((t,e)=>t?.usdPrice?new Lt(e||Ne).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),H=Wt(Tg()(kg(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Lt(0),outputUsdValue:new Lt(0),toBlockchain:null,toToken:null,refetchQuote:!0,sortStrategy:"SMART",selectedQuote:null,quotes:null,error:null,warning:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null,quoteWarningsConfirmed:!1,updateQuotePartialState:(e,o)=>t(n=>({...n,[e]:o})),setSelectedQuote:e=>t(o=>{let n=null,r=Ne;return xo(o.inputAmount)?(e&&(n=e?.outputAmount?new Lt(e?.outputAmount):null,r=Fn(e?.outputAmount,On(e)||o.toToken?.usdPrice)),{selectedQuote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetAlerts:()=>t(()=>({error:null,warning:null})),resetQuote:()=>t(()=>({selectedQuote:null,outputAmount:null,outputUsdValue:new Lt(0),quotes:null,refetchQuote:!0,error:null,warning:null})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{selectedQuote: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:Qt(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{selectedQuote: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 Lt(0),outputUsdValue:new Lt(0),selectedQuote:null},...!!o.fromToken&&{inputUsdValue:Qt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=rp(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:Qt(a??null,c),outputUsdValue:new Lt(0),toBlockchain:l,toToken:p,selectedQuote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Qt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function lp(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=H(),c=g().config,u=g().fetchStatus,d=g().blockchains(),m=g().tokens(),{setAffiliateRef:f,setAffiliatePercent:y,setAffiliateWallets:C}=g(),S=c?.from?.tokens,h=c?.from?.blockchains,k=c?.to?.tokens,T=c?.to?.blockchains,x=qn(void 0),E=qn(void 0),b=qn(void 0),v=qn(void 0);ro(()=>{t(c?.amount?.toString()||"")},[c?.amount]),ro(()=>{if(u==="success"){let w=d.find(N=>N.name===c?.from?.blockchain),A=m.find(N=>Me(N,c?.from?.token||null));(w||!w&&b.current)&&n(w??null),A?r({token:A,meta:{blockchains:d,tokens:m}}):!A&&x.current&&r({token:null}),b.current=c?.from?.blockchain,x.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),ro(()=>{vo(s,S)&&r({token:null}),fi(l,h)&&n(null)},[S,h]),ro(()=>{vo(a,k)&&r({token:null}),fi(p,T)&&o(null)},[k,T]),ro(()=>{if(u==="success"){let w=d.find(N=>N.name===c?.to?.blockchain),A=m.find(N=>Me(N,c?.to?.token||null));(w||!w&&v.current)&&o(w??null),A?e({token:A,meta:{blockchains:d,tokens:m}}):!A&&E.current&&e({token:null}),v.current=c?.to?.blockchain,E.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),ro(()=>{f(c?.affiliate?.ref??null),y(c?.affiliate?.percent??null),C(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(lp,"useSyncStoresWithConfig");import{useEffect as Bi,useRef as wg}from"react";import{useInRouterContext as xg,useLocation as vg,useSearchParams as bg}from"react-router-dom";function Mi(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(Mi,"searchParamToToken");function Li(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(Li,"tokenToSearchParam");function _i(){let t=vg(),[e,o]=bg(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:d,setInputAmount:m}=H(),f=g().fetchStatus,y=g().blockchains(),C=g().tokens(),S=xg(),{updateIframe:h,updateCampaignMode:k}=g(),T=g().isInCampaignMode(),x=wg(),E=i(()=>{let v=e.get("fromAmount"),w=e.get("fromBlockchain"),A=e.get("fromToken"),N=e.get("toBlockchain"),L=e.get("toToken"),j=e.get("autoConnect"),G=e.get("clientUrl"),z=e.get("liquiditySources");return{fromAmount:v,fromBlockchain:w,fromToken:A,toBlockchain:N,toToken:L,autoConnect:j,clientUrl:G,liquiditySources:z}},"getUrlSearchParams"),b=i(v=>{for(let w in v)v[w]||delete v[w];o(v,{replace:!0})},"updateUrlSearchParams");Bi(()=>{let{autoConnect:v,clientUrl:w}=E();S&&f==="success"&&b({fromBlockchain:n?.name,fromToken:Li(s),toBlockchain:r?.name,toToken:Li(a),fromAmount:l,autoConnect:v??void 0,clientUrl:w??void 0,liquiditySources:T?x.current:void 0})},[t.pathname,l,n,s,r,a,T]),Bi(()=>{if(!S)return;let v=E();if(!x.current&&v.liquiditySources&&(x.current=v.liquiditySources),v.fromAmount&&m(v.fromAmount),f==="success"){let w=y.find(j=>j.name===v.fromBlockchain),A=Mi(C,v.fromToken,w??null),N=y.find(j=>j.name===v.toBlockchain),L=Mi(C,v.toToken,N??null);w&&(p(w),A&&u({token:A,meta:{blockchains:y,tokens:C}})),N&&(c(N),L&&d({token:L,meta:{blockchains:y,tokens:C}}))}},[f]),Bi(()=>{let{clientUrl:v,liquiditySources:w}=E();h("clientUrl",v||void 0),k("liquiditySources",w?.split(",")??void 0)},[])}i(_i,"useSyncUrlAndStore");import{i18n as Nr}from"@lingui/core";import{useManager as bS}from"@rango-dev/queue-manager-react";import{Alert as Qu,Button as IS,css as Ls,Divider as Ms,IconButton as Hu,SettingsIcon as ES,styled as AS,Tooltip as WS,Typography as NS,WalletIcon as MS}from"@rango-dev/ui";import fe,{useEffect as jo,useLayoutEffect as LS,useRef as BS,useState as Xo}from"react";import{flushSync as _S}from"react-dom";import{useLocation as PS,useNavigate as $S}from"react-router-dom";import{i18n as mt}from"@lingui/core";import{Alert as cs,BalanceErrors as fy,Button as xc,ChevronDownIcon as gy,ChevronLeftIcon as hy,Divider as mo,MessageBox as yy,Typography as pr,WalletIcon as Sy}from"@rango-dev/ui";import F,{useEffect as Cy,useState as fo}from"react";import{useNavigate as Ty}from"react-router-dom";import{i18n as zn}from"@lingui/core";function Qn(t){switch(t.type){case 0:return zn.t("Route has been updated.");case 3:return zn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return zn.t("Route swappers has been updated.");case 2:return zn.t("Route internal coins has been updated.");default:return""}}i(Qn,"getQuoteUpdateWarningMessage");import{Modal as Eg}from"@rango-dev/ui";import Ag from"react";function le(t){let{watermark:e}=ne();return Ag.createElement(Eg,{hasWatermark:e==="FULL",...t},t.children)}i(le,"WatermarkedModal");import jn,{useRef as Mg}from"react";import*as io from"@radix-ui/react-collapsible";import{keyframes as cp,styled as Hn}from"@rango-dev/ui";var Pi=300,Wg=cp({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Ng=cp({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),up=Hn(io.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),$i=Hn(io.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),Gn=Hn(io.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Wg} ${Pi}ms ease-out`},false:{animation:`${Ng} ${Pi}ms ease-out`}}}}),Vn=Hn("div",{transition:`all ${Pi}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Xn(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=Mg(null);return jn.createElement(up,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&jn.createElement($i,{className:"collapsible_trigger",onClick:s},a),jn.createElement(Gn,{className:"collapsible_content",open:e},r),l==="bottom"&&jn.createElement($i,{className:"collapsible_trigger",onClick:s},a))}i(Xn,"CustomCollapsible");import{css as mp,darkTheme as so,IconButton as Lg,styled as Ke,TextField as Bg}from"@rango-dev/ui";var dp=Ke("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),fp=Ke("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),_g=Ke("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${so} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${so} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${so} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),gp=Ke(_g,{alignSelf:"stretch",minHeight:"93px"}),hp=Ke("div",{padding:"$20 $20 $15 $20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),yp=Ke(Lg,{position:"absolute",left:"$20"}),Sp=Ke("div",{paddingTop:"$20"}),Cp=mp({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Tp=Ke("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),kp=mp({paddingTop:"$5"}),wp=Ke("div",{display:"flex"}),xp=Ke(Bg,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),vp=Ke("div",{overflow:"visible",width:"100%"}),bp=Ke("div",{width:"100%",borderRadius:"$sm",display:"flex",padding:"$15",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${so} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${so} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${so} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as ot}from"@lingui/core";import{Button as cy,Divider as ls,Image as uy,MessageBox as ar,SelectableWallet as my,Typography as Tc,WalletState as kc}from"@rango-dev/ui";import me,{useEffect as wc,useState as _o}from"react";import{WalletState as Kn}from"@rango-dev/ui";import{useWallets as Pg}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as $g,WalletTypes as No}from"@rango-dev/wallets-shared";import{useCallback as Dg,useEffect as Fg,useState as Og}from"react";var Ug=Object.values(No);function ao(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Pg(),{connectedWallets:c}=Y(),u=g().blockchains(),d=il(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Ug,m=Qa(s,l,d,o),f=Ya(m),[y,C]=Og(""),S=i(E=>!c.find(b=>b.walletType===E&&b.chain===o),"isExperimentalChainNotAdded"),h=i(async E=>{let b=s(E);try{if(y&&C(""),b.connected)await a(E);else{let v=!!m.find(w=>w.state===Kn.CONNECTED);if(!e?.multiWallets&&v)return;n?.(E),await p(E),r?.(E)}}catch(v){C("Error: "+v?.message)}},"handleClick"),k=Dg(()=>{let E=m?.filter(b=>b.state===Kn.CONNECTING)||[];for(let b of E)a(b.type)},[Ra(m)]);Fg(()=>()=>{k()},[]);let T=i(E=>{let b=E.find(w=>w.type===No.DEFAULT);return!b||b.state===Kn.NOT_INSTALLED?!1:E.filter(w=>w.state!=Kn.NOT_INSTALLED&&![No.DEFAULT,No.WALLET_CONNECT_2].includes(w.type)&&l(w.type).supportedChains.filter(A=>A.type=="EVM").length>0).length==0},"shouldShowDefaultInjectedWallet"),x=i((E,b,v)=>Tn(v,b)&&S(E)&&!$g.includes(E)||E==No.DEFAULT&&!T(m),"shouldExcludeWallet");return{list:f.filter(E=>!x(E.type,o??"",u)),error:y,handleClick:h,disconnectConnectingWallets:k}}i(ao,"useWalletList");import{i18n as dc}from"@lingui/core";import{styled as gc,Typography as ny,Wallet as ry,WalletState as iy}from"@rango-dev/ui";import uo,{useState as fc}from"react";import{useManager as Vh}from"@rango-dev/queue-manager-react";import{BottomLogo as jh,Divider as sc,Header as Xh}from"@rango-dev/ui";import Se,{useEffect as ns,useRef as ac,useState as Kh}from"react";import{useRef as qg}from"react";function Yn(){return window.self!==window.top}i(Yn,"isAppLoadedIntoIframe");function Di(){let t=qg(null),{iframe:e}=g(),o=Yn()&&e.clientUrl,n=i(a=>{o&&window.top?.postMessage(a,e.clientUrl)},"send");return{send:n,connectHeightObserver:i(a=>{t.current=new ResizeObserver(l=>{for(let p of l)n({type:"widget_height",data:{height:p.contentRect.height}})}),t.current.observe(a)},"connectHeightObserver"),disconnectHeightObserver:i(()=>{t.current&&(t.current.disconnect(),t.current=null)},"disconnectHeightObserver")}}i(Di,"useIframe");import{useNavigate as zg}from"react-router-dom";function Ye(){let t=zg();return()=>t(-1)}i(Ye,"useNavigateBack");import{createTheme as Qi,darkTheme as Xg,lightTheme as Kg}from"@rango-dev/ui";import{useEffect as Yg,useState as Jg}from"react";import{theme as Vg,darkColors as jg}from"@rango-dev/ui";import qi from"react";function Qg(t,e,o){let p=[],c=90;for(let m=0;m<9;m++)p.push(c),m+1===4?c=0:c-=m>=4?6:10;let u=o?p.slice().reverse():p,d={};for(let m=0;m<9;m++){let f=100+m*100,y=u[m],C={[`${e}${f}`]:Jn(t,y)};Object.assign(d,C)}return{...d,[e]:t}}i(Qg,"generateShades");function Jn(t,e){let[o,n,r]=Ip(t);return`#${Fi(o+e)}${Fi(n+e)}${Fi(r+e)}`}i(Jn,"generateShade");function Ip(t){let r=parseInt(t.slice(1,3),16),s=parseInt(t.slice(3,5),16),a=parseInt(t.slice(5,7),16);return[r,s,a]}i(Ip,"convertToRGB");function Fi(t){return("0"+Math.max(0,Math.min(255,t)).toString(16)).slice(-2).toUpperCase()}i(Fi,"clamp");function Ep(t){let[a,l,p]=Ip(t);return(a*299+l*587+p*114)/1e3>188}i(Ep,"isBright");var Oi=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];a&&a!==t[s]&&(n=!0,s==="background"||s==="foreground"?r={...r,[s]:a}:r={...r,...Qg(a,s,s==="neutral"&&e)})}return n?r:{}},"generateColors");var Ap=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Hg=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Ap(o%52)+e;return Ap(o%52)+e},"toAlphabeticName"),Gg=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Ui=i(t=>Hg(Gg(5381,JSON.stringify(t))>>>0),"toHash");function zi(t){let e=Vg.colors,o=Oi({...e,...jg},!0,t?.dark),n=Oi(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:`${di}-light-${Ui(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${di}-dark-${Ui(p)}`,tokens:p}}return{light:a,dark:l}}i(zi,"customizedThemeTokens");function Wp(t,e){if(t.length<=1)return t.map(({element:n,key:r})=>qi.cloneElement(n,{key:r}));let o=[];return t.forEach((n,r)=>{let{element:s,key:a}=n;if(o.push(qi.cloneElement(s,{key:a})),r<t.length-1){let l=`divider-${r}`;o.push(qi.cloneElement(e,{key:l}))}}),o}i(Wp,"joinList");function Zn(t){let{colors:e,fontFamily:o=nl,borderRadius:n=tl,secondaryBorderRadius:r=ol}=t,[s,a]=Jg("light"),{theme:l}=g(),{dark:p,light:c}=zi(e),u=Qi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[u.className,Kg.className],m=[u.className,Xg.className];if(c){let y=Qi(c.id,c.tokens);d.push(y.className)}if(p){let y=Qi(p.id,p.tokens);m.push(y.className)}return Yg(()=>{let y=i(C=>{C.matches?a("dark"):a("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&a("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",y),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",y)}},[]),{activeTheme:i(()=>{let y=d.join(" "),C=m.join(" ");return l==="auto"?s==="dark"?C:y:l==="dark"?C:y},"getActiveTheme")}}i(Zn,"useTheme");var ut=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");import{i18n as Np}from"@lingui/core";import{Alert as Zg,Button as Rg}from"@rango-dev/ui";import Mp from"react";function Hi(t){return Mp.createElement(Zg,{action:Mp.createElement(Rg,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},Np.t("Activate this tab")),type:"warning",variant:"alarm",title:Np.t("Another tab is open and handles transactions.")})}i(Hi,"ActivateTabAlert");import{i18n as Gi}from"@lingui/core";import{Button as eh,Divider as th,MessageBox as oh}from"@rango-dev/ui";import Rn from"react";function Vi(t){let{open:e,onClose:o,onConfirm:n}=t;return Rn.createElement(le,{open:e,dismissible:!0,onClose:o,container:M()},Rn.createElement(oh,{title:Gi.t("Activate current tab"),type:"warning",description:Gi.t("Currently, some transactions are running and being handled by other browser tab. If you activate this tab, all transactions that are already in the transaction sign step will expire.")},Rn.createElement(th,{size:20}),Rn.createElement(eh,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Gi.t("Confirm"))))}i(Vi,"ActivateTabModal");import{ChevronLeftIcon as ih}from"@rango-dev/ui";import Op from"react";import{css as nh,darkTheme as Lp,IconButton as rh,styled as Ht}from"@rango-dev/ui";var Je=Ht(rh,{width:"$24",position:"relative",padding:"0",overflow:"unset","&:hover":{backgroundColor:"$info100",[`.${Lp} &`]:{backgroundColor:"$neutral"}}}),Bp=Ht("div",{position:"absolute",background:"$secondary500",[`.${Lp} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),lo=Ht("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),_p=Ht("div",{position:"absolute",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0",variants:{isSever:{true:{backgroundColor:"$error500"},false:{backgroundColor:"$secondary500"}}}}),Pp=Ht("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}}),$p=Ht("div",{position:"absolute",right:"$4",top:"$4",backgroundColor:"$background",borderRadius:"100%"}),Dp=nh({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}),Fp=Ht("div",{borderRadius:"100%",border:"1.5px transparent solid","&:not(:first-child)":{marginLeft:"-$6"},img:{borderRadius:"100%"}});function ji(t){return Op.createElement(Je,{variant:"ghost",size:"small",onClick:t.onClick},Op.createElement(ih,{color:"black",size:16}))}i(ji,"BackButton");import{i18n as sh}from"@lingui/core";import{Button as ah,Typography as lh}from"@rango-dev/ui";import Xi from"react";function Ki(t){return Xi.createElement(lo,null,Xi.createElement(ah,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Xi.createElement(lh,{variant:"label",size:"medium",color:"error500"},sh.t("Cancel"))))}i(Ki,"CancelButton");import{i18n as ph}from"@lingui/core";import{Image as ch,Tooltip as uh,WalletIcon as mh}from"@rango-dev/ui";import Gt from"react";function Yi(t){let{list:e}=ao({}),o=e.filter(r=>r.state==="connected"),n=o.length?Gt.createElement("div",{className:Dp()},o.map(r=>Gt.createElement(Fp,{key:r.title},Gt.createElement(ch,{src:r.image,size:14})))):ph.t("Connect Wallet");return Gt.createElement(uh,{container:t.container,side:"bottom",content:n},Gt.createElement(Je,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Gt.createElement(Bp,null),Gt.createElement(mh,{size:18,color:"black"})))}i(Yi,"WalletButton");import{i18n as or}from"@lingui/core";import{NotificationsIcon as Dh,Popover as Fh,SettingsIcon as Oh,Tooltip as nr,TransactionIcon as Uh}from"@rango-dev/ui";import ve from"react";import{i18n as wh}from"@lingui/core";import{EventSeverity as Vp}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as jp,ChevronRightIcon as xh,Divider as vh,Typography as bh}from"@rango-dev/ui";import Ue from"react";import{useNavigate as Ih}from"react-router-dom";import{create as dh}from"zustand";import{persist as fh,subscribeWithSelector as gh}from"zustand/middleware";var Oe=Wt(dh()(fh(gh((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,address:r.fromSymbolAddress,symbol:r.fromSymbol},to:{blockchain:s.toBlockchain,address:s.toSymbolAddress,symbol:s.toSymbol}}},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{darkTheme as hh,ListItemButton as yh,styled as Mo}from"@rango-dev/ui";var Up=Mo("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),qp=Mo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),zp=Mo(yh,{variants:{actionRequired:{true:{backgroundColor:"$error300",[`.${hh} &`]:{backgroundColor:"$error600"}}}}}),Qp=Mo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Hp=Mo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Sh}from"@lingui/core";import{Divider as Ch,NoNotificationIcon as Th,Typography as kh}from"@rango-dev/ui";import er from"react";function Gp(){return er.createElement(Hp,null,er.createElement(Th,{color:"secondary",size:26}),er.createElement(Ch,{size:12}),er.createElement(kh,{variant:"body",size:"medium",color:"neutral700"},Sh.t("There are no notifications.")))}i(Gp,"NotificationNotFound");var Eh=4;function Ji(){let t=Ih(),{getUnreadNotifications:e}=Oe(),o=e(),n=g().blockchains(),r=g().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,Eh),a=i(l=>{t(`${O.swaps}/${l}`)},"handleOnClick");return Ue.createElement(Up,null,s.length?Ue.createElement(qp,null,s.map((l,p)=>{let{route:c,requestId:u,event:d}=l,m=r.find(S=>Me(S,c.from)),f=n.find(S=>S.name===c.from.blockchain),y=r.find(S=>Me(S,c.to)),C=n.find(S=>S.name===c.to.blockchain);return Ue.createElement(Ue.Fragment,{key:u},p>0&&Ue.createElement(vh,{size:4}),Ue.createElement(zp,{onClick:()=>a(u),actionRequired:d.messageSeverity===Vp.WARNING,title:Ue.createElement(bh,{variant:"body",size:"small",color:d.messageSeverity===Vp.WARNING?"$foreground":"$neutral700"},wh.t(d.message)),id:u,start:Ue.createElement(Qp,null,Ue.createElement("div",{className:"from-chain-token"},Ue.createElement(jp,{tokenImage:m?m.image:"",chainImage:f?f.logo:"",size:"small"})),Ue.createElement("div",{className:"to-chain-token"},Ue.createElement(jp,{tokenImage:y?y.image:"",chainImage:C?C.logo:"",size:"small"}))),end:Ue.createElement(xh,{size:12,color:"gray"})}))})):Ue.createElement(Gp,null))}i(Ji,"NotificationContent");import{useManager as Ah}from"@rango-dev/queue-manager-react";import{InProgressIcon as Wh}from"@rango-dev/ui";import Xp from"react";var Nh=i(()=>{let{manager:t}=Ah();return ut(t).map(({swap:o})=>o).find(o=>o.status==="running")?Xp.createElement($p,null,Xp.createElement(Wh,{color:"info",size:6})):null},"InProgressTransactionBadge"),Kp=Nh;import{RefreshProgressButton as Mh}from"@rango-dev/ui";import Zi,{useEffect as Lh,useState as Yp}from"react";var Bh=1e3,Jp=60,_h=100;function tr({onClick:t}){let[e,o]=Yp(0),[n,r]=Yp(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");Lh(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===Jp&&l()},Bh):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 Zi.createElement(Je,{variant:"ghost",size:"small",style:{paddingTop:0,paddingBottom:0},onClick:l,disabled:!t},Zi.createElement(Pp,{onTransitionEnd:()=>r(!1),isRefetched:n},Zi.createElement(Mh,{size:22,color:t?"black":"gray",progress:e/Jp*_h})))}i(tr,"RefreshButton");import{EventSeverity as Ph}from"@rango-dev/queue-manager-rango-preset";import{Typography as $h}from"@rango-dev/ui";import Zp from"react";function Rp(){let{getUnreadNotifications:t}=Oe(),e=t(),o=e.length,n=!!e.find(r=>r.event.messageSeverity===Ph.WARNING);return o?Zp.createElement(_p,{isSever:n},Zp.createElement($h,{variant:"body",size:"xsmall",color:"$background"},o)):null}i(Rp,"UnreadNotificationsBadge");function Vt(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n,hidden:r=[]}=t,{config:{features:s}}=g(),a=je("notification",s)||r.includes("notifications");return ve.createElement(ve.Fragment,null,!r.includes("refresh")&&ve.createElement(nr,{container:M(),side:"top",content:or.t("Refresh")},ve.createElement(tr,{onClick:e})),!a&&ve.createElement(Fh,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:M(),content:ve.createElement(Ji,null)},ve.createElement("div",null,ve.createElement(nr,{container:M(),side:"top",content:or.t("Notifications")},ve.createElement(Je,{size:"small",variant:"ghost"},ve.createElement(Dh,{size:18,color:"black"}),ve.createElement(Rp,null))))),!r.includes("settings")&&ve.createElement(nr,{container:M(),side:"top",content:or.t("Settings")},ve.createElement(Je,{size:"small",variant:"ghost",onClick:n},ve.createElement(Oh,{size:18,color:"black"}))),!r.includes("history")&&ve.createElement(nr,{container:M(),side:"top",content:or.t("Transactions History")},ve.createElement(Je,{size:"small",variant:"ghost",onClick:o},ve.createElement(Uh,{size:18,color:"black"}),ve.createElement(Kp,null))))}i(Vt,"HeaderButtons");import{i18n as Ri}from"@lingui/core";import{Divider as tc,MessageBox as Qh,RefreshIcon as Hh}from"@rango-dev/ui";import po from"react";import{Button as qh,styled as zh}from"@rango-dev/ui";var ec=zh(qh,{"& span":{display:"flex",justifyContent:"center",alignItems:"center"}});function es(t){let{open:e,onClose:o}=t;return po.createElement(le,{open:e,dismissible:!0,onClose:o,container:M()},po.createElement(Qh,{title:Ri.t("Something wrong"),type:"error",description:Ri.t("Something Wrong. Please refresh the app")},po.createElement(tc,{size:30}),po.createElement(ec,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:()=>location.reload()},po.createElement(Hh,{size:20,color:"primary"}),po.createElement(tc,{size:4,direction:"horizontal"}),Ri.t("Refresh"))))}i(es,"RefreshModal");function ts(t){let e=t.target;if(e){let o=e.scrollTop,n=M();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(ts,"onScrollContentAttachStatusToContainer");import{css as Gh,styled as os}from"@rango-dev/ui";var oc="700px",rr=Gh({borderRadius:"$primary",display:"flex",flexDirection:"column",overflow:"hidden",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)"}),nc=os("div",{position:"relative",width:"100vw",minWidth:"300px",maxWidth:"390px",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:oc},fixed:{height:oc}}}}),rc=os("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),ic=os("div",{padding:"0 $20 $10","& .footer__alert":{paddingTop:"$10"},"& .footer__logo":{opacity:0,transition:"opacity 1s ease-in-out","&.logo__show":{opacity:1},"&.logo__hidden":{visibility:"hidden"}}});function pe(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=Di(),{children:n,header:r,footer:s,height:a="fixed"}=t,{fetchStatus:l}=g(),[p,c]=Kh(!1),u=Y.use.connectedWallets(),{config:{features:d,theme:m}}=g(),{watermark:f}=ne(),y=f==="FULL",{activeTheme:C}=Zn(m||{}),S=je("connectWalletButton",d),{isActiveTab:h,tabManagerInitiated:k,showActivateTabModal:T,setShowActivateTabModal:x,activateCurrentTab:E}=ne(),b=Ye(),{manager:v}=Vh(),A=ut(v).map(({swap:B})=>B).some(B=>B.status==="running"),N=i(()=>E(qt.forceClaim,A),"onActivateTab"),L=i(()=>{r.onWallet?.()},"onConnectWallet"),j=typeof r.hasBackButton>"u"||r.hasBackButton,G=ac(null),z=ac(null);return ns(()=>(Yn()&&z.current&&e(z.current),()=>{o()}),[]),ns(()=>(G.current?.addEventListener("scroll",ts),()=>{G.current?.removeEventListener("scroll",ts)}),[]),ns(()=>{c(l==="failed")},[l]),Se.createElement(nc,{height:a,id:ke.SWAP_BOX_ID,className:`${C()} ${rr()}`,ref:z},Se.createElement(Xh,{prefix:Se.createElement(Se.Fragment,null,j&&Se.createElement(ji,{onClick:()=>{b(),r.onBack&&r.onBack()}})),title:r.title,suffix:Se.createElement(Se.Fragment,null,r.suffix,r.onWallet&&!S&&Se.createElement(Yi,{container:M(),onClick:L,isConnected:!!u?.length}),r.onCancel&&Se.createElement(Ki,{onClick:r.onCancel}))}),Se.createElement(rc,{ref:G},n),Se.createElement(Vi,{open:T,onClose:()=>x(!1),onConfirm:N}),Se.createElement(ic,null,Se.createElement("div",{className:"footer__content"},k&&!h&&Se.createElement("div",{className:"footer__alert"},Se.createElement(Hi,{onActivateTab:N}),Se.createElement(sc,{size:10})),s),Se.createElement(sc,{size:12}),Se.createElement("div",{className:`footer__logo ${y?"logo__show":"logo__hidden"}`},Se.createElement(jh,null))),Se.createElement(es,{open:p,onClose:()=>c(!1)}))}i(pe,"Layout");import{styled as Yh}from"@rango-dev/ui";var lc="$20 $20 $10 $20",Lo=Yh("div",{padding:lc,overflowY:"auto",flexGrow:1});import{styled as Jh}from"@rango-dev/ui";var ue=Jh("div",{display:"flex",flexDirection:"column",padding:"20px 20px 10px",flexGrow:1,variants:{view:{true:{flexGrow:1,overflow:"hidden"}},compact:{true:{padding:0}}}});import{Divider as oy}from"@rango-dev/ui";import is from"react";import{i18n as co}from"@lingui/core";import{Image as ey,MessageBox as rs,WalletState as ty}from"@rango-dev/ui";import jt from"react";import{keyframes as Zh,styled as ir}from"@rango-dev/ui";var R0=ir("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),pc=ir("div",{position:"relative"}),Rh=Zh({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),cc=ir("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Rh} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),uc=ir("div",{"& img":{borderRadius:"50%"}});function mc(t){let{state:e,image:o,error:n}=t;return e===ty.CONNECTED?jt.createElement(rs,{type:"success",title:co.t("Wallet Connected"),description:co.t("Your wallet is connected, you can use it to swap.")}):n?jt.createElement(rs,{type:"error",title:co.t("Failed to Connect"),description:n||co.t("Your wallet is not connected. Please try again.")}):jt.createElement(rs,{type:"loading",title:co.t("Connecting to your wallet"),description:co.t("Click connect in your wallet popup."),icon:jt.createElement(pc,null,jt.createElement(uc,null,jt.createElement(ey,{src:o,size:45})),jt.createElement(cc,null))})}i(mc,"ModalContent");function Bo(t){let{open:e,onClose:o,...n}=t;return is.createElement(le,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},is.createElement(mc,{...n}),is.createElement(oy,{direction:"vertical",size:32}))}i(Bo,"WalletModal");var sy=gc("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),ay=gc(ue,{textAlign:"center"}),sr=3e3,ss=300;function hc(){let{config:t,fetchStatus:e}=g(),[o,n]=fc(!1),[r,s]=fc(""),a=null,l=ne.use.isActiveTab(),{list:p,handleClick:c,error:u,disconnectConnectingWallets:d}=ao({config:t,onBeforeConnect:S=>{a=setTimeout(()=>{n(!0),s(S)},ss)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},sr)}}),m=i(()=>{d(),n(!1)},"handleCloseWalletModal"),f=p.find(S=>S.type===r),y=f?.image||"",C=f?.state||iy.NOT_INSTALLED;return uo.createElement(pe,{header:{title:dc.t("Connect Wallets")}},uo.createElement(ay,null,uo.createElement(ny,{variant:"title",size:"xmedium",align:"center"},dc.t("Choose a wallet to connect.")),uo.createElement(sy,null,p.map((S,h)=>{let k=`wallet-${h}-${S.type}`;return uo.createElement(ry,{key:k,...S,container:M(),onClick:T=>{c(T)},isLoading:e==="loading",disabled:!l})}),uo.createElement(Bo,{open:!!o,onClose:m,image:y,state:C,error:u}))))}i(hc,"WalletsPage");import{keyframes as ly,styled as as}from"@rango-dev/ui";var yc=as("div",{position:"relative"}),py=ly({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Sc=as("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${py} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Cc=as("div",{"& img":{borderRadius:"50%"}});var dy=7;function ps(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=g(),l=ne.use.isActiveTab(),p=Y.use.connectedWallets(),{blockchains:c}=g(),[u,d]=_o(""),[m,f]=_o(null),[y,C]=_o(!1),[S,h]=_o(null),{suggestAndConnect:k}=lr(),T=null,{list:x,error:E,handleClick:b,disconnectConnectingWallets:v}=ao({config:a,chain:e,onBeforeConnect:B=>{T=setTimeout(()=>{d(B)},ss)},onConnect:()=>{T&&clearTimeout(T),setTimeout(()=>{d("")},sr)}}),[w,A]=_o(x),N=x.length,L=r&&N-r>0,j=i(async B=>{C(!1),h("in-progress");try{await k(B.walletType,B.chain),h("completed")}catch{h("rejected")}},"addExperimentalChain");wc(()=>{A(B=>{let ee=x.findIndex(re=>o(re.type,e));return L&&ee>1?[x[ee]].concat(x.filter((re,Q)=>Q!==ee)):B.map(re=>x.find(Q=>Q.type===re.type)??re)})},[JSON.stringify(x)]);let G=document.getElementById(ke.SWAP_BOX_ID);wc(()=>{let B=null;return(S==="completed"||S==="rejected")&&(B=setTimeout(()=>h(null),sr)),()=>{B&&clearTimeout(B)}},[S]);let z=i(()=>{v(),d("")},"handleCloseWalletModal");return me.createElement(me.Fragment,null,w.slice(0,r).map(B=>{let ee=Ja({connectedWallets:p,walletType:B.type,chain:e}),re=ee?wn(ee,dy):"",Q=Tn(c(),e),_=!p.find(ie=>ie.walletType===B.type&&ie.chain===e),I=Q&&_&&B.state===kc.CONNECTED,J=I?ot.t({id:"Add {chain} chain",values:{chain:e}}):re,de=i(()=>{B.state===kc.DISCONNECTED?b(B.type):I?(f({walletType:B.type,chain:e,address:ee??""}),C(!0)):n({walletType:B.type,chain:e,address:ee??""})},"onClick"),Z=m?.chain?gl(m.chain,c()):void 0;return me.createElement(me.Fragment,{key:`${B.title}_${Z}`},me.createElement(Bo,{open:u===B.type,onClose:z,image:B.image,state:B.state,error:E}),!!m&&me.createElement(le,{open:!!m&&y,container:G,onClose:()=>{f(null)}},me.createElement(ar,{title:ot.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),type:"warning",description:ot.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}})},me.createElement(ls,{size:18}),me.createElement(ls,{size:32}),me.createElement(cy,{onClick:j.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},ot.t("Confirm")))),S&&me.createElement(le,{open:!!S,onClose:h.bind(null,null),container:G},S==="in-progress"&&me.createElement(ar,{type:"loading",title:ot.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),description:ot.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}}),icon:me.createElement(yc,null,me.createElement(Cc,null,me.createElement(uy,{src:B.image,size:45})),me.createElement(Sc,null))}),S==="completed"&&me.createElement(ar,{type:"success",title:ot.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Z}}),description:ot.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Z}})}),S==="rejected"&&me.createElement(ar,{type:"error",title:ot.t("Request Rejected"),description:ot.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Z}})}),me.createElement(ls,{direction:"vertical",size:32})),me.createElement(my,{key:B.type,description:J,onClick:de,selected:o(B.type,e),disabled:!l,...B}))}),L&&me.createElement(gp,{selected:!1,onClick:s},me.createElement(Tc,{variant:"label",size:"medium"},ot.t("Show more wallets"),me.createElement(Tc,{variant:"label",size:"medium",color:"$primary"},"\xA0+",N-(r??0)))))}i(ps,"WalletList");var ky=2;function vc(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=g().config,l=g().blockchains(),{selectedQuote:p,setSelectedWallets:c,quoteWalletsConfirmed:u,setQuoteWalletConfirmed:d,customDestination:m,setCustomDestination:f}=H(),{connectedWallets:y,selectWallets:C}=Y(),[S,h]=fo(""),[k,T]=fo([]),[x,E]=fo(""),[b,v]=fo(null),[w,A]=fo(!!m),N=Ln(p?.swaps||null),L=l.find(V=>V.name===p?.swaps[p?.swaps.length-1].to.blockchain),j=i(V=>!!p?.swaps.find(K=>K.from.blockchain===V),"isWalletRequiredFor"),G=i(()=>y.filter(V=>V.selected&&N.includes(V.chain)),"getInitialSelectableWallets"),[z,B]=fo(G()),ee=l.find(V=>V.name===L?.name),re=k.length>0,Q=i((V,K)=>!!z.find(te=>te.walletType===V&&te.chain===K&&te.selected&&(j(K)||!j(K)&&!m)),"isSelected"),_=!!m&&w&&ee&&!Bn(ee,m),I=i(()=>{A(!1),f(null),B(V=>{let K=!1;return V.map(te=>!K&&te.chain===L?.name?(K=!0,{...te,selected:!0}):te)})},"resetCustomDestination"),J=i(V=>{if(S&&h(""),Q(V.walletType,V.chain))return;let te=y.find(Ie=>Ie.walletType===V.walletType&&Ie.chain===V.chain);te&&(n(),V.chain===L?.name&&w&&(A(!1),f(null)),B(Ie=>Ie.filter(et=>et.chain!==V.chain).concat({...te,selected:!0})))},"onChange"),de=i(()=>{let V=z.filter(K=>K.selected);C(V),c(V),d(!0),o()},"onConfirmBalance"),Z=i(async()=>{T([]),E(""),v(null);let V=y.filter(Ie=>z.find(et=>et.chain===Ie.chain&&et.walletType===Ie.walletType)),K=await r?.({selectedWallets:V,customDestination:m}),te=K.warnings;te?.balance?.messages&&T(te.balance.messages),te?.quoteUpdate&&v(te.quoteUpdate),K.error&&E(Pl(K.error)),!K.error&&!te?.balance?.messages.length?de():T(te?.balance?.messages??[])},"onConfirmWallets");Cy(()=>{B(V=>V.concat(y.filter(K=>!!!V.find(Ie=>Ie.chain===K.chain)&&K.selected&&N.includes(K.chain))))},[y.length]);let ie=document.getElementById(ke.SWAP_BOX_ID),to=Ty();return F.createElement(le,{open:e,onClose:()=>{u||to("../",{replace:!0}),o()},dismissible:!S,container:ie,...!S&&{footer:F.createElement(wp,null,F.createElement(xc,{loading:s,disabled:Rl(s,w,m,p,z,L),onClick:Z,variant:"contained",type:"primary",fullWidth:!0,size:"large"},mt.t("Confirm")))},...S&&{styles:{container:{padding:"$0"}},header:F.createElement(hp,null,F.createElement(yp,{variant:"ghost",onClick:h.bind(null,"")},F.createElement(hy,{size:16})),F.createElement(pr,{variant:"headline",size:"small"},mt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ve(S,l)}})))},anchor:"center"},F.createElement(le,{open:re,onClose:T.bind(null,[]),container:ie},F.createElement(yy,{title:mt.t("Insufficient account balance"),type:"error",description:F.createElement(fy,{messages:k??[]})},F.createElement(xc,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:de},mt.t("Proceed anyway")))),S&&F.createElement(Sp,null,F.createElement("div",{className:Cp()},F.createElement(ps,{chain:S,isSelected:Q,selectWallet:J,onShowMore:h.bind(null,S)}))),!S&&F.createElement(F.Fragment,null,x&&F.createElement(F.Fragment,null,F.createElement(cs,{variant:"alarm",type:"error",title:mt.t(x)}),F.createElement(mo,{size:12})),b&&F.createElement(F.Fragment,null,F.createElement(cs,{variant:"alarm",type:"warning",title:Qn(b)}),F.createElement(mo,{size:12})),F.createElement(vp,null,N.map((V,K)=>{let te=l.find($e=>$e.name===V),Ie=`wallet-${K}`,et=K===N.length-1;return F.createElement("div",{key:Ie},F.createElement(dp,null,F.createElement(pr,{variant:"title",size:"xmedium"},mt.t({id:"Your {blockchainName} wallets",values:{blockchainName:te?.shortName}})),F.createElement(pr,{variant:"label",color:"$neutral700",size:"medium"},mt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:te?.shortName}}))),F.createElement(mo,{size:24}),F.createElement(fp,null,F.createElement(ps,{chain:V,isSelected:Q,selectWallet:J,limit:ky,onShowMore:()=>h(te?.name??"")})),!et&&F.createElement(mo,{size:32}),et&&a?.customDestination&&F.createElement(Tp,null,F.createElement(Xn,{onOpenChange:$e=>{$e?j(L?.name??"")||B(De=>De.map(ye=>ye.chain===L?.name?{...ye,selected:!1}:ye)):I()},hasSelected:!0,open:w,triggerAnchor:"top",trigger:F.createElement(bp,null,F.createElement("div",{className:"button__content"},F.createElement(Sy,{size:18,color:"info"}),F.createElement(mo,{size:4,direction:"horizontal"}),F.createElement(pr,{variant:"label",size:"medium"},mt.t("Send to a different address"))),F.createElement(Vn,{orientation:w?"up":"down"},F.createElement(gy,{size:10,color:"gray"}))),onClickTrigger:()=>A($e=>!$e)},F.createElement(mo,{size:4}),F.createElement(xp,{autoFocus:!0,placeholder:mt.t("Your destination address"),value:m||"",onChange:$e=>{let De=$e.target.value;De.length?f(De.length?De:null):(A(!1),f(null))}})),_&&F.createElement("div",{className:kp()},F.createElement(cs,{variant:"alarm",type:"error",title:mt.t({values:{destination:m},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(vc,"ConfirmWalletsModal");import{i18n as Uy}from"@lingui/core";import{Alert as qy,Button as zy,InfoIcon as Qy}from"@rango-dev/ui";import He from"react";import{Alert as vy,Button as by,Divider as ds,NoRouteIcon as Iy,RefreshIcon as Ey,Typography as Mc}from"@rango-dev/ui";import Qe from"react";import{i18n as bc}from"@lingui/core";var wy=24,xy=60;function Ic(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:R().genericServerError,action:{onClick:n,title:bc.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:R().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:bc.t("Reset")}},description:R().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:R().noResultError.description}}i(Ic,"makeInfo");var us=(o=>(o[o.small=wy]="small",o[o.large=xy]="large",o))(us||{}),ms=(o=>(o.small="small",o.large="medium",o))(ms||{});import{styled as cr}from"@rango-dev/ui";var Ec=cr("div",{display:"flex",flexDirection:"column",alignItems:"center"}),Ac=cr("div",{variants:{size:{small:{},large:{maxWidth:"316px"}}}}),Wc=cr("div",{variants:{size:{small:{width:"100%"},large:{}}}}),Nc=cr("div",{padding:"$6 $0"});function Po(t){let{fetch:e,error:o,size:n="small"}=t,r=g().getDisabledLiquiditySources(),s=g().toggleAllLiquiditySources,a=g().swappers(),l=Ic(o,r,()=>s(a,!0),e);return Qe.createElement(Ec,null,Qe.createElement(Iy,{size:us[n],color:"gray"}),Qe.createElement(ds,{size:4}),Qe.createElement(Mc,{variant:"title",size:ms[n]},R().noResultError.title),n==="large"&&Qe.createElement(ds,{size:4}),!!l.description&&Qe.createElement(Ac,{size:n},Qe.createElement(Mc,{variant:"body",size:"small",align:"center",color:"neutral700"},l.description)),Qe.createElement(ds,{size:n==="large"?"24":"4"}),!!l.alert&&Qe.createElement(Wc,{size:n},Qe.createElement(vy,{type:l.alert.type,title:l.alert.text,titleAlign:"left",action:l.alert.action&&Qe.createElement(by,{size:"xsmall",type:l.alert.type,prefix:Qe.createElement(Nc,null,Qe.createElement(Ey,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i(Po,"NoResult");import{i18n as $o}from"@lingui/core";import{Button as Wy,Divider as Ny,MessageBox as My,Typography as Ly,WarningIcon as By}from"@rango-dev/ui";import Ct from"react";import{Typography as Pc}from"@rango-dev/ui";import gs from"react";import{darkTheme as Ay,styled as ur}from"@rango-dev/ui";var Lc=ur("div",{width:"100%"}),fs=ur("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"$5",width:"100%"}),Bc=ur("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Ay} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),_c=ur("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function $c(t){let{title:e,value:o,valueColor:n}=t;return gs.createElement(Bc,null,gs.createElement(Pc,{size:"medium",variant:"label",className:"_title"},e),gs.createElement(Pc,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i($c,"QuoteErrorsModalItem");function Dc(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:$o.t("Swapping"),value:W(r.inputUsdValue,4,4)},{title:$o.t("Gas cost"),value:W(r.totalFee,2,2)},{title:$o.t("Receiving"),value:W(r.outputUsdValue,4,4)},{title:$o.t("Price impact"),value:W(r.priceImpact,2,2),valueColor:`${a}500`}];return Ct.createElement(le,{footer:Ct.createElement(Wy,{type:"primary",size:"large",prefix:Ct.createElement(By,null),fullWidth:!0,disabled:s,onClick:n},R().highValueLossError.confirmMessage),open:e,onClose:o,container:M()},Ct.createElement(My,{type:a,title:R().highValueLossError.impactTitle,description:R().highValueLossError.description}),Ct.createElement(fs,null,Ct.createElement(Ny,{size:"4"}),Ct.createElement(Ly,{size:"small",variant:"title"},$o.t("Details")),Ct.createElement(fs,null,l.map((p,c)=>Ct.createElement($c,{key:c,...p})))))}i(Dc,"HighValueLossWarningModal");import{i18n as hs}from"@lingui/core";function Fc(t,e){let o={alertType:"warning",title:"",action:null};return e?(o.alertType="error",e.type===3&&(o.title=e.recommendation),e.type===4&&(o.title=hs.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):t?(t.type===0&&(St(t.priceImpact)==="high"&&(o.alertType="error"),o.action="show-info",o.title=R().highValueLossError.title),t.type===1&&(o.title=R().unknownPriceError.title),t.type===2&&(o.title=hs.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=hs.t("Caution, your slippage is high."),o.action="change-settings"),o):null}i(Fc,"makeAlerts");import{i18n as go}from"@lingui/core";import{Button as Oc,Divider as Uc,MessageBox as _y,Typography as Py}from"@rango-dev/ui";import Yt from"react";import{useNavigate as $y}from"react-router-dom";function qc(t){let{customSlippage:e,slippage:o}=g(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=$y(),c=e??o;return Yt.createElement(le,{anchor:"bottom",open:n,prefix:Yt.createElement(Oc,{size:"small",variant:"ghost",onClick:()=>p("../"+O.settings)},Yt.createElement(Py,{variant:"label",size:"medium",color:"$neutral900"},go.t("Change settings"))),container:M(),onClose:r},Yt.createElement(_y,{type:"warning",title:a.type===3?go.t("High slippage"):go.t("Low slippage"),description:a.type===3?go.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:c}}):go.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Yt.createElement(Uc,{size:18}),Yt.createElement(Uc,{size:32}),Yt.createElement(Oc,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},go.t("Confirm anyway"))))}i(qc,"SlippageWarningModal");import{Button as Dy,MessageBox as Fy,WarningIcon as Oy}from"@rango-dev/ui";import mr from"react";function zc(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return mr.createElement(le,{footer:mr.createElement(Dy,{type:"primary",size:"large",prefix:mr.createElement(Oy,null),fullWidth:!0,disabled:r,onClick:n},R().unknownPriceError.confirmMessage),open:e,onClose:o,container:M()},mr.createElement(Fy,{type:"warning",title:R().unknownPriceError.impactTitle,description:R().unknownPriceError.description}))}i(zc,"UnknownPriceWarningModal");function Do(t){let{warning:e,error:o,showWarningModal:n,confirmationDisabled:r,refetchQuote:s,onOpenWarningModal:a,onCloseWarningModal:l,onConfirmWarningModal:p,onChangeSettings:c}=t,u={confirmationDisabled:r,open:n,onClose:l,onConfirm:p},d=o?.type===0||o?.type===1,m=Fc(e,o?.type===3||o?.type===4?o:null);return He.createElement(He.Fragment,null,d&&He.createElement(Po,{error:o,fetch:s}),!!m&&He.createElement(Lc,null,He.createElement(qy,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:He.createElement(_c,{onClick:a},He.createElement(Qy,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:He.createElement(zy,{size:"xxsmall",type:m.alertType,onClick:c},Uy.t("Change"))}})),e&&He.createElement(He.Fragment,null,e.type===0&&He.createElement(Dc,{...u,warning:e}),(e.type===3||e.type===2)&&He.createElement(qc,{...u,warning:e}),e.type===1&&He.createElement(zc,{...u,warning:e})))}i(Do,"QuoteWarningsAndErrors");import TS from"bignumber.js";import Ir from"react";import{i18n as zo}from"@lingui/core";import{Alert as aS,Divider as Qo,FullExpandedQuote as lS,InfoIcon as pS,QuoteTag as cS,StepDetails as uS,TokenAmount as mS,Tooltip as ku,Typography as yo}from"@rango-dev/ui";import vs from"bignumber.js";import $,{useRef as dS,useState as fS}from"react";import{styled as ys}from"@rango-dev/ui";var Ss=ys("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Qc=ys("div",{paddingBottom:"$15"}),Hc=ys("div",{width:"100%",display:"flex"});import*as dr from"@radix-ui/react-collapsible";import{Button as Hy,css as Fo,darkTheme as Ae,Image as Gc,styled as Be,Typography as Gy}from"@rango-dev/ui";var Vy=300,Vc=Be(dr.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Ae} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}]}),jc=Fo({padding:"$10 $15"}),Xc=Be(Hy,{backgroundColor:"transparent",border:"1px solid $secondary"}),Kc=Be("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",boxSizing:"border-box",position:"relative",variants:{selected:{true:{},false:{$$color:"$colors$neutral200",[`.${Ae} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color"}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{$$color:"$colors$neutral200",[`.${Ae} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{"& .quote_container":{"& button":{backgroundColor:"$neutral500",[`.${Ae} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral500",[`.${Ae} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral300",[`.${Ae} &`]:{backgroundColor:"$neutral400"}},cursor:"pointer"},false:{}}},compoundVariants:[{listItem:!0,selected:!0,css:{outline:"1px solid $secondary"}},{listItem:!1,selected:!0,css:{$$color:"$colors$info100",[`.${Ae} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Ae} &`]:{backgroundColor:"$neutral400"}}}}]}),Yc=Fo({width:"100%",padding:"$15 $15 $10 $15"}),Jc=Fo({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10",position:"relative"}),ho=Fo({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),Zc=Fo({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Ae} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Rc=Be(dr.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:{[`& ${Gc}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Gc}`]:{border:"1px transparent solid",borderRadius:"100%"}}},selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Ae} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}],".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),eu=Be("div",{width:"18px",height:"18px",borderRadius:"100%",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",img:{borderRadius:"100%"},variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),tu=Be(Gn,{width:"100%",background:"inherit"}),Cs=Be("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Vy}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),DM=Be("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),ou=Be("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ae} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),nu=Be("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Ts=Be(Gy,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),ru=Be("div",{display:"flex",flexWrap:"wrap"}),ks=Be("div",{width:"18px",height:"18px",borderRadius:"100%",backgroundColor:"$background",cursor:"default",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),iu=Be("div",{display:"flex"}),fr=Be("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${Ae} &`]:{borderTopColor:"$neutral800"}});import{i18n as Pt}from"@lingui/core";import{ChevronDownIcon as Xy,CloseIcon as Ky,Divider as yr,IconButton as Yy,QuoteCost as Jy,Tooltip as Zy,Typography as nt}from"@rango-dev/ui";import X,{useState as pu}from"react";import{css as jy,styled as gr}from"@rango-dev/ui";var hr=gr("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),ws=gr("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),su=gr("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),au=gr("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),lu=jy({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var Ry=i(t=>t.fee.isZero()?null:X.createElement(hr,null,X.createElement(nt,{variant:"label",size:"medium",color:"neutral600"},t.label),X.createElement(nt,{variant:"label",size:"medium"},"$",W(t.fee,4,4))),"NonPayableFee");function cu(t){let[e,o]=pu(!1),[n,r]=pu(!1),{steps:s,quote:a,fee:l,time:p,feeWarning:c,showModalFee:u}=t,d=a?.swaps??[],m=M(),f=ql(d);return X.createElement(X.Fragment,null,X.createElement(Jy,{onClickFee:u?y=>{y.stopPropagation(),o(!e)}:void 0,fee:l,feeWarning:c,time:p,steps:s,tooltipGas:u?Pt.t("View more info"):void 0,tooltipContainer:m}),X.createElement(le,{container:m,open:e,header:X.createElement(au,null,X.createElement(nt,{variant:"title",size:"medium"},Pt.t("Gas & Fee Explanation")),X.createElement(Yy,{onClick:()=>o(!1),variant:"ghost"},X.createElement(Ky,{color:"gray",size:14}))),onClose:()=>{o(!1)}},X.createElement(su,null,X.createElement(nt,{variant:"title",size:"small"},Pt.t("Details")),X.createElement(yr,{size:10}),Object.entries(f.payable).flatMap(([y,C])=>C.map((S,h)=>{let k=`payable-fee-${h}`,T=Ei(S);return X.createElement(hr,{key:k},X.createElement(nt,{variant:"label",size:"medium",color:"neutral600"},vi[y]),X.createElement(Zy,{content:ce(S.amount),container:m},X.createElement(nt,{variant:"label",size:"medium"},W(S.amount,2,2)," ",S.asset.symbol," ($",W(T,4,4),")")))})),X.createElement(hr,{className:"total_payable_fee"},X.createElement(nt,{variant:"label",size:"medium"},Pt.t("Total Payable Fee")),X.createElement(nt,{variant:"label",size:"medium"},"$",W(l,4,4))),X.createElement(ws,null),Object.keys(f.nonePayable).length&&X.createElement(Xn,{triggerAnchor:"bottom",onClickTrigger:()=>r(y=>!y),trigger:X.createElement("div",{className:lu()},X.createElement(nt,{size:"small",variant:"body",color:"neutral700"},n?Pt.t("Hide non-payable fees"):Pt.t("Show non-payable fees")),X.createElement(yr,{size:4,direction:"horizontal"}),X.createElement(Vn,{orientation:n?"up":"down"},X.createElement(Xy,{size:12,color:"gray"}))),open:n},X.createElement(nt,{size:"small",variant:"title"},Pt.t("Description")),X.createElement(yr,{size:4}),X.createElement(nt,{size:"small",variant:"body",color:"neutral700"},Pt.t(`The following fees are considered in the transaction output and
|
|
2
|
-
you won\u2019t need to pay extra gas for them.`)),X.createElement(yr,{size:10}),Object.entries(f.nonePayable).map(([y,C],S)=>{let h=Ul(C),k=vi[y],T=`non-payable-fee-${S}`;return X.createElement(Ry,{key:T,fee:h,label:k})}),X.createElement(ws,null)))))}i(cu,"QuoteCostDetails");import{i18n as du}from"@lingui/core";import{TokenAmount as fu}from"@rango-dev/ui";import Sr from"react";import{css as eS,styled as tS}from"@rango-dev/ui";var uu=tS("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),mu=eS({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Oo(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Sr.createElement(uu,null,Sr.createElement(fu,{direction:"horizontal",label:du.t("Swap input"),type:"input",tooltipContainer:M(),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}}),Sr.createElement("div",{className:mu()}),Sr.createElement(fu,{direction:"horizontal",tooltipContainer:M(),label:du.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(Oo,"QuoteSummary");import{i18n as Cu}from"@lingui/core";import{ChevronDownIcon as rS,ChevronRightIcon as iS,Divider as xs,Image as sS,Tooltip as xr,Typography as Tr}from"@rango-dev/ui";import P from"react";import{useLayoutEffect as oS,useState as Uo}from"react";var gu=480,hu=768,yu=1024,Su=1200,nS=i(()=>{let[t,e]=Uo(!1),[o,n]=Uo(!1),[r,s]=Uo(!1),[a,l]=Uo(!1),[p,c]=Uo(!1),u=i(()=>{e(window.innerWidth<=gu),n(window.innerWidth>gu&&window.innerWidth<=hu),s(window.innerWidth>hu&&window.innerWidth<=yu),l(window.innerWidth>yu&&window.innerWidth<=Su),c(window.innerWidth>Su)},"handleResize");return oS(()=>(u(),window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)),[]),{isMobile:t,isTablet:o,isNotebook:r,isLargeScreen:a,isExtraLargeScreen:p}},"useScreenDetect"),Cr=nS;var kr=4,wr=6,qo=i(t=>{let e=M(),{content:o,src:n,className:r,open:s,state:a}=t;return P.createElement(xr,{container:e,side:"bottom",sideOffset:4,open:s,content:o},P.createElement(eu,{className:r,state:a},P.createElement(sS,{src:n,size:16})))},"ImageComponent");function Tu(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:s,type:a}=t,l=M(),p=r.length,c=ip(r),{isTablet:u,isMobile:d}=Cr();return P.createElement(Rc,{listItem:a==="list-item",ref:m=>e.current=m,selected:o,onClick:m=>{m.stopPropagation(),n(f=>!f)}},P.createElement("div",{className:ho()},P.createElement(Tr,{variant:"body",size:"xsmall"},Cu.t("Via:")),P.createElement(xs,{direction:"horizontal",size:4}),r.map((m,f)=>{let y=`item-${f}`,C=P.createElement(Cs,null,P.createElement(iS,{size:12,color:"black"}));return d||u?P.createElement(P.Fragment,{key:y},P.createElement(qo,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),f!==p-1&&P.createElement(P.Fragment,null,C)):P.createElement(P.Fragment,{key:y},p<=kr||p>kr&&f<kr-1?P.createElement(P.Fragment,null,P.createElement(qo,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),f!==p-1&&P.createElement(P.Fragment,null,C)):f===kr-1&&P.createElement(xr,{container:l,side:"bottom",align:"right",sideOffset:4,content:P.createElement("div",{className:ho()},C,r.map((S,h)=>{let k=`image-${h}`;return h>=f&&P.createElement(P.Fragment,{key:k},P.createElement(qo,{content:S.swapper.displayName,src:S.swapper.image,state:S.state,open:!1}),h!==p-1&&P.createElement(P.Fragment,null,C))}))},P.createElement(ks,{state:r.find((S,h)=>h>=f&&(S.state==="error"||S.state==="warning"))?.state},P.createElement(Tr,{size:"xsmall",variant:"body"},"+",p-f))))})),P.createElement("div",{className:ho()},P.createElement("div",{className:"blockchains_section"},P.createElement("div",{className:ho()},P.createElement(Tr,{variant:"body",size:"xsmall"},Cu.t("Chains:")),P.createElement(xs,{direction:"horizontal",size:4}),c.map((m,f)=>P.createElement(P.Fragment,{key:m.displayName},c.length<=wr||c.length>wr&&f<wr-1?P.createElement(xr,{container:l,side:"bottom",content:m.displayName,sideOffset:4},P.createElement(qo,{content:"",src:m.image,open:!1,className:f!==0?"blockchainImage":""})):f===wr-1&&P.createElement(xr,{container:l,side:"bottom",align:"right",sideOffset:4,content:P.createElement("div",{className:ho()},c.map((y,C)=>C>=f&&P.createElement(qo,{key:y.displayName,content:"",src:y.image,open:!1,className:C>f?"blockchainImage":""})))},P.createElement(ks,{className:"blockchainImage"},P.createElement(Tr,{size:"xsmall",variant:"body"},"+",c.length-f))))),P.createElement(xs,{direction:"horizontal",size:32}))),P.createElement(Cs,{orientation:s?"up":"down"},P.createElement(rS,{size:12,color:"black"}))))}i(Tu,"QuoteTrigger");function bs(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,selected:l=!1,tagHidden:p=!0,showModalFee:c=!0,onClickAllRoutes:u,fullExpandedMode:d=!1}=t,m=g().blockchains(),f=g().tokens(),y=g().swappers(),[C,S]=fS(t.expanded),h=dS(null),k=W(o.value,6,6),T=W(n.value,6,6),x=n.usdValue?W(n.usdValue,4,4):"",E=Xe(o.usdValue,n.usdValue??null),b=W(E,2,2),v=St(E??0),A=i(Q=>Q.map((_,I)=>{let J,de=r?.type===3&&r.swap.swapperId===_.swapperId||r?.type===4&&r.recommendedSlippages?.has(I),Z=s?.type===2&&s.recommendedSlippages?.has(I);de?J="error":Z&&(J="warning");let ie=de?zo.t("Slippage Error"):zo.t("Slippage Warning");return r?.type===3&&(ie=r?.recommendation),{swapper:{displayName:bo(_.swapperId,y),image:_.swapperLogo},from:{token:{displayName:_.from.symbol,image:_.from.logo},chain:{displayName:Ve(_.from.blockchain,m),image:_.from.blockchainLogo},price:{value:I===0?W(o.value,6,6):W(_.fromAmount,6,6),usdValue:W((_.from.usdPrice??0)*parseFloat(_.fromAmount),4,4),realValue:ce(I===0?o.value:_.fromAmount),realUsdValue:ce(new vs(_.from.usdPrice??0).multipliedBy(_.fromAmount))}},to:{token:{displayName:_.to.symbol,image:_.to.logo},chain:{displayName:Ve(_.to.blockchain,m),image:_.to.blockchainLogo},price:{value:W(_.toAmount,6,6),usdValue:W((_.to.usdPrice??0)*parseFloat(_.toAmount),4,4),realValue:ce(_.toAmount),realUsdValue:ce(new vs(_.to.usdPrice??0).multipliedBy(_.toAmount))}},state:J,alerts:de||Z?$.createElement(Qc,null,$.createElement(aS,{variant:"alarm",type:de?"error":"warning",title:ie,footer:$.createElement(Hc,null,r?.type===3&&$.createElement($.Fragment,null,$.createElement(yo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),$.createElement(Qo,{direction:"horizontal",size:8}),$.createElement(yo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),$.createElement(Qo,{direction:"horizontal",size:8}),$.createElement(yo,{size:"xsmall",variant:"body",color:"neutral900"},zo.t({id:"Yours: {amount} {symbol}",values:{amount:W(_.fromAmount,6,6),symbol:_?.from.symbol}}))),(r?.type===4||s?.type===2)&&$.createElement(yo,{size:"xsmall",variant:"body",color:"neutral900"},zo.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(I)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(I)}}})))})):void 0}}),"getQuoteSteps")(e?.swaps??[]),N=A.length,L=M(),j=ap(t.quote.tags||[]),G=!!u,z=fn(gn(e?.swaps)),B=$n(e?.swaps??[],f),ee=W(B,2,2),re=B.gte(new vs(_l));return d?$.createElement(lS,{selected:l,fee:ee,time:z,tooltipContainer:En(),steps:A,tags:j,feeWarning:re,percentageChange:b,warningLevel:v,outputPrice:{value:T,usdValue:x,realValue:ce(n.value),realUsdValue:ce(n.usdValue)}}):$.createElement(Kc,{selected:l,listItem:a==="list-item",basic:a==="basic"},$.createElement("div",{className:Yc()},!p&&j.length?$.createElement($.Fragment,null,$.createElement(iu,null,j.map((Q,_)=>{let I=`${Q.value}_${_}`;return $.createElement($.Fragment,{key:I},$.createElement(cS,{label:Q.label,value:Q.value}),$.createElement(Qo,{size:4,direction:"horizontal"}))})),$.createElement(fr,null),!G&&$.createElement(Qo,{size:4})):null,$.createElement("div",{id:"portal-root",className:Jc()},$.createElement(cu,{quote:e,time:z,fee:ee,feeWarning:re,showModalFee:c,steps:N}),G&&$.createElement(Xc,{onClick:Q=>{Q.stopPropagation(),u()},size:"xxsmall",type:"secondary",variant:"default"},$.createElement(yo,{color:"secondary",variant:"label",size:"medium"},zo.t("See All Routes")))),a==="basic"&&$.createElement("div",{className:Zc()},$.createElement(nu,null,$.createElement(pS,{size:12,color:"gray"})),$.createElement(ru,null,$.createElement(Ts,{size:"small",variant:"body"},`${k} ${A[0].from.token.displayName} = `),$.createElement(ku,{content:ce(n.value),container:L,open:n.value?void 0:!1},$.createElement(Ts,{size:"small",variant:"body"},"\xA0",`${T} ${A[A.length-1].to.token.displayName}`))),$.createElement(ku,{content:ce(n.usdValue),container:L,style:{display:"flex"}},$.createElement(yo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${x})`))),a==="list-item"&&$.createElement(mS,{tooltipContainer:L,type:"output",direction:"vertical",price:{value:T,usdValue:x,realValue:ce(n.value),realUsdValue:ce(n.usdValue)},token:{displayName:A[N-1].to.token.displayName,image:A[N-1].to.token.image},chain:{image:A[N-1].to.chain.image},percentageChange:b,warningLevel:v}),a==="swap-preview"&&$.createElement($.Fragment,null,$.createElement(Oo,{from:A[0].from,to:A[N-1].to,percentageChange:b,warningLevel:v}),$.createElement(Qo,{size:4}))),$.createElement(Vc,{selected:l,listItem:a==="list-item",open:C,className:"quote_container",onOpenChange:S},$.createElement(Tu,{type:a,quoteRef:h,selected:l,setExpanded:S,expanded:C,steps:A}),$.createElement(tu,{open:C},$.createElement(ou,null),$.createElement("div",{className:jc()},A.map((Q,_)=>{let I=`item-${_}`;return $.createElement(uS,{type:"quote-details",key:I,tooltipContainer:L,step:Q,hasSeparator:_!==A.length-1,state:Q.state})})))))}i(bs,"Quote");import{Divider as SS,Skeleton as CS}from"@rango-dev/ui";import kt from"react";import{darkTheme as gS,styled as vr}from"@rango-dev/ui";var wu=vr("div",{$$color:"$colors$neutral100",[`.${gS} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15",variants:{rounded:{true:{borderRadius:"$xm"}},expanded:{true:{paddingBottom:"3px"},false:{paddingBottom:"$12"}}}}),xu=vr("div",{paddingTop:"$2"}),vu=vr("div",{paddingLeft:"$8"}),bu=vr("div",{borderLeft:"1px dashed $foreground",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Pu,Divider as rt,Skeleton as Ge}from"@rango-dev/ui";import U from"react";import{css as hS,styled as Tt}from"@rango-dev/ui";var Is=Tt("div",{display:"flex"}),Iu=Tt("div",{padding:"$10 $0 $20"}),Eu=Tt("div",{padding:"14px $0 $20 $0",display:"flex",flexDirection:"column"}),Au=Tt("div",{display:"flex",justifyContent:"start",alignItems:"center"}),Wu=Tt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Nu=Tt("div",{height:"$24",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Mu=Tt("div",{width:"65%",display:"flex",justifyContent:"start"}),Lu=Tt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Bu=Tt("div",{padding:"$15 $0 $15 $0"}),_u=hS({display:"flex",justifyContent:"space-between",alignItems:"center"});function Ho(t){let{type:e,tagHidden:o=!0}=t,n=U.createElement(Wu,null,U.createElement(Mu,null,U.createElement(Pu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(rt,{size:8,direction:"horizontal"}),U.createElement(Lu,null,U.createElement(Ge,{height:10,width:60,variant:"rounded"}),U.createElement(rt,{size:4}),U.createElement(Ge,{height:15,variant:"rounded"}))),U.createElement(Ge,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return U.createElement("div",null,!o&&U.createElement(U.Fragment,null,U.createElement(Is,null,U.createElement(Ge,{width:65,height:20,variant:"rounded"}),U.createElement(rt,{size:4,direction:"horizontal"}),U.createElement(Ge,{width:65,height:20,variant:"rounded"}),U.createElement(rt,{size:4,direction:"horizontal"}),U.createElement(Ge,{width:65,height:20,variant:"rounded"})),U.createElement(fr,null),!r&&U.createElement(rt,{size:4})),U.createElement("div",{className:_u()},U.createElement(Is,null,U.createElement(Ge,{width:60,height:10,variant:"rounded"}),U.createElement(rt,{size:4,direction:"horizontal"}),U.createElement(Ge,{width:60,height:10,variant:"rounded"}),U.createElement(rt,{size:4,direction:"horizontal"}),U.createElement(Ge,{width:60,height:10,variant:"rounded"})),r&&U.createElement(Ge,{width:85,height:24,variant:"rounded"})),e==="basic"&&U.createElement(Iu,null,U.createElement(Ge,{height:15,width:148,variant:"rounded"})),e==="list-item"&&U.createElement(Eu,null,U.createElement(Au,null,U.createElement(Pu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(rt,{direction:"horizontal",size:4}),U.createElement(Ge,{height:15,width:150,variant:"rounded"})),U.createElement(rt,{size:10}),U.createElement(Ge,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&U.createElement(U.Fragment,null,U.createElement(rt,{size:4}),U.createElement(Bu,null,n,U.createElement(Nu,null),n),U.createElement(rt,{size:12})))}i(Ho,"QuoteSummarySkeleton");import{ChainToken as Uu,Divider as As,NextIcon as yS,Skeleton as br}from"@rango-dev/ui";import Te from"react";import{styled as Go}from"@rango-dev/ui";var $u=Go("div",{display:"flex",alignItems:"start"}),Du=Go("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center",variants:{extraSpace:{true:{paddingBottom:"$40"}}}}),Es=Go("div",{display:"flex",alignItems:"center",flexGrow:1}),Fu=Go("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Ou=Go("div",{display:"flex",alignItems:"center"});function dt(t){let{separator:e=!0}=t;return Te.createElement(Te.Fragment,null,Te.createElement(Ou,null,Te.createElement(br,{height:22,width:22,variant:"circular"}),Te.createElement(As,{direction:"horizontal",size:8}),Te.createElement(br,{height:15,width:148,variant:"rounded"})),Te.createElement($u,null,Te.createElement(bu,{hideSeparator:!e}),Te.createElement(Du,{extraSpace:e},Te.createElement(Es,null,Te.createElement(Uu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Te.createElement(As,{direction:"horizontal",size:8}),Te.createElement(br,{height:12,variant:"rounded"})),Te.createElement(Fu,null,Te.createElement(yS,{color:"gray",size:16})),Te.createElement(Es,null,Te.createElement(Uu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Te.createElement(As,{direction:"horizontal",size:8}),Te.createElement(br,{height:12,variant:"rounded"})))))}i(dt,"StepSkeleton");function Vo(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return kt.createElement(wu,{expanded:o,rounded:e!=="basic"},kt.createElement(Ho,{type:e,tagHidden:n}),kt.createElement(xu,null,kt.createElement(CS,{height:15,variant:"rounded"})),o&&kt.createElement(vu,null,kt.createElement(SS,{size:24}),kt.createElement(dt,null),kt.createElement(dt,null),kt.createElement(dt,{separator:!1})))}i(Vo,"QuoteSkeleton");function Jt(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1,tagHidden:l,onClick:p,showModalFee:c,selected:u,onClickAllRoutes:d,fullExpandedMode:m=!1}=t,{inputAmount:f,inputUsdValue:y,toToken:C}=H(),S=e?.outputAmount?new TS(e?.outputAmount):null,h=e?.outputAmount?Fn(e?.outputAmount,On(e)||C?.usdPrice):null,T=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?Ir.createElement(Ss,null,Ir.createElement(Vo,{tagHidden:l,type:o,expanded:a})):T?Ir.createElement(Ss,{onClick:()=>p?.(e)},Ir.createElement(bs,{quote:e,error:r,showModalFee:c,warning:s,tagHidden:l,selected:u,type:o,expanded:a,onClickAllRoutes:d,fullExpandedMode:m,input:{value:f,usdValue:y?.toString()??""},output:{value:S?.toString()??"",usdValue:h?.toString()??""}})):null}i(Jt,"QuoteInfo");import{calculatePendingSwap as xS}from"@rango-dev/queue-manager-rango-preset";import{useEffect as vS}from"react";import{useRef as kS,useState as wS}from"react";function Er({request:t}){let[e,o]=wS(!1),n=kS(null),r=i(()=>n.current?.abort(),"cancelFetch");return{fetch:i(async a=>{r(),n.current=new AbortController,o(!0);try{let l=await t(a,{signal:n.current.signal});return n.current=null,l}catch(l){throw l}finally{o(!1)}},"fetch"),loading:e,cancelFetch:r}}i(Er,"useFetch");function qu(){let{fetch:t,loading:e,cancelFetch:o}=Er({request:async(n,r)=>await At().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(qu,"useFetchConfirmQuote");function Ar(t){if(!t.swaps)throw new Error(R().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=Ws(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(Ar,"throwErrorIfResponseIsNotValid");function Ws(t){if(Dl(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Fl(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}}}let o=zl(t);if(o){let n=Dn(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(Ws,"getQuoteError");function zu(t,e,o){let n=!1;t&&(n=np(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=no(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(Xl(t,e)?r.quoteUpdate={type:3,newOutputAmount:W(oo(e)),percentageChange:W(Xe(oo(t)??"",oo(e)??""),null,2)}:Ai(t,e)?r.quoteUpdate={type:0}:Wi(t,e)?r.quoteUpdate={type:1}:Ni(t,e)&&(r.quoteUpdate={type:2}));let a=Kl(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(zu,"generateWarnings");function Wr(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(Wr,"handleQuoteErrors");function Ns(){let{fromToken:t,toToken:e,inputAmount:o,setSelectedQuote:n,selectedQuote:r,customDestination:s,setQuoteWarningsConfirmed:a,resetAlerts:l}=H(),{slippage:p,customSlippage:c}=g(),u=g().getDisabledLiquiditySources(),d=g().blockchains(),m=g().tokens(),f=c||p,{fetch:y,cancelFetch:C,loading:S}=qu();return vS(()=>C,[]),{loading:S,fetch:i(async k=>{let T=k.selectedWallets,x=k?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let E=T.reduce((v,w)=>(v[w.chain]=w.address,v),{}),b={requestId:r?.requestId||"",selectedWallets:E,destination:x||void 0};try{return await y(b).then(v=>{let{result:w}=v;Ar({diagnosisMessages:w.diagnosisMessages,requestId:w.requestId,swaps:w.result?.swaps});let A={outputAmount:w.result?.outputAmount,requestId:w.requestId,resultType:w.result?.resultType,swaps:w.result?.swaps||[],validationStatus:w.validationStatus,requestAmount:w.requestAmount};n(A);let N={slippage:f.toString(),disabledSwappersGroups:u},L=xS(o.toString(),w,Vl(T),N,!1,{blockchains:d,tokens:m}),j=zu(r??void 0,A,{fromToken:t,toToken:e,meta:{blockchains:d,tokens:m},selectedWallets:T,userSlippage:f});return j.quoteUpdate&&a(!1),l(),{quote:A,swap:L,error:null,warnings:j}})}catch(v){return Wr(v)}},"fetch"),cancelFetch:C}}i(Ns,"useConfirmSwap");var DS=AS("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Hu}`]:{width:"$48",height:"$48"}}),FS=Ls({flexGrow:1,paddingRight:"$10"}),OS=Ls({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),US=Ls({display:"flex",justifyContent:"space-between",alignItems:"center"});function Gu(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=H(),l=$S(),p=PS(),[c,u]=Xo(""),{connectedWallets:d}=Y(),m=!n,[f,y]=Xo(!1),[C,S]=Xo(!1),{isActiveTab:h}=ne(),k=g().getDisabledLiquiditySources(),T=BS(k),{manager:x}=bS(),{fetch:E,loading:b,cancelFetch:v}=Ns(),[w,A]=Xo({swap:null,error:null,warnings:null}),[N,L]=Xo(!1),j=i(async({selectedWallets:I,customDestination:J})=>{let de=await E?.({selectedWallets:I,customDestination:J});return A(de),de},"onConfirmSwap"),G=i(async()=>{if(w.swap&&n)try{await x?.create("swap",{swapDetails:w.swap},{id:w.swap.requestId});let I=`../${O.swaps}/${w.swap.requestId}`;l(I,{replace:!0}),setTimeout(()=>{e("")},0)}catch(I){u("Error: "+I?.message)}},"addNewSwap"),z=i(async()=>{S(!0),await G(),S(!1)},"onConfirm"),B=i(async()=>{w?.warnings?.quote&&!a?L(!0):await z()},"onStartConfirmSwap"),ee=i(async()=>{A({error:null,swap:null,warnings:null}),E({selectedWallets:o,customDestination:s}).then(I=>{A(I)}).catch(I=>console.error(I))},"onRefresh");jo(()=>{!!T.current.length&&!k.length&&ee(),T.current=k},[k.length]),jo(()=>{m&&v()},[m]),jo(()=>{m&&y(m)},[m]),jo(()=>{m||E({selectedWallets:o,customDestination:s}).then(I=>A(I)).catch(I=>console.error(I))},[]),jo(()=>{let I=w.warnings?.quote?.type&&Object.values(Nt).includes(w.warnings?.quote?.type),J=o.length<1||!o.every(Z=>d.find(ie=>Z.address===ie.address&&Z.walletType===ie.walletType&&Z.chain===ie.chain)),de=!1;if(I){let Z=Ln(t?.swaps||null),ie=t?.swaps[t.swaps.length-1].to.blockchain;!!t?.swaps.find(K=>K.from.blockchain===ie)||(Z=Z.slice(-Z.length,Z.length-1)),Z.every(K=>o.find(te=>te.chain===K))||(de=!0)}t&&(J||de)&&(queueMicrotask(()=>_S(y.bind(null,!0))),r(!1))},[w.warnings?.quote,o.length,d.length]),LS(()=>{t||l(`../${p.search}`)},[]);let re=w.warnings?.quote??null,Q=w.error,_=[];if(c&&_.push(fe.createElement(Qu,{type:"error",variant:"alarm",title:c})),w.warnings?.quoteUpdate&&_.push(fe.createElement(Qu,{variant:"alarm",type:"warning",title:w.warnings.quoteUpdate&&Qn(w.warnings.quoteUpdate)})),re||Q){let I=`../${O.settings}`;_.push(fe.createElement(Do,{warning:re,error:Q,refetchQuote:ee,showWarningModal:N,confirmationDisabled:!h,onOpenWarningModal:()=>L(!0),onCloseWarningModal:()=>L(!1),onConfirmWarningModal:async()=>{L(!1),await G()},onChangeSettings:()=>l(I)}))}return fe.createElement(pe,{header:{title:Nr.t("Confirm Swap"),onWallet:()=>{let I=`../${O.wallets}`;l(I)},suffix:fe.createElement(WS,{container:M(),side:"bottom",content:Nr.t("Settings")},fe.createElement(Je,{size:"small",variant:"ghost",onClick:()=>l("../"+O.settings)},fe.createElement(ES,{size:18,color:"black"})))},footer:fe.createElement(DS,null,fe.createElement("div",{className:FS()},fe.createElement(IS,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:b||C,disabled:!!w.error||!h,onClick:B},Nr.t("Start Swap"))),fe.createElement(Hu,{variant:"contained",type:"primary",size:"large",loading:b||C,disabled:!h,onClick:y.bind(null,!0)},fe.createElement(MS,{size:24})))},f&&fe.createElement(vc,{open:f,onClose:()=>y(!1),onCancel:v,loading:b,onCheckBalance:j}),fe.createElement(ue,null,fe.createElement("div",{className:US()},fe.createElement(NS,{variant:"title",size:"small"},Nr.t("You get")),fe.createElement("div",{className:OS()},fe.createElement(tr,{onClick:!b&&!f&&!N?ee:void 0}))),fe.createElement(Ms,{size:"12"}),Wp(_.map((I,J)=>({element:I,key:`alert-${J}`})),fe.createElement(Ms,{size:10})),_.length>0?fe.createElement(Ms,{size:10}):null,fe.createElement(Jt,{quote:t,type:"swap-preview",expanded:!0,tagHidden:!0,error:w.error,loading:b,warning:w.warnings?.quote??null})))}i(Gu,"ConfirmSwapPage");import{i18n as Lr}from"@lingui/core";import{useManager as oC}from"@rango-dev/queue-manager-react";import{Divider as om,NotFound as nC,styled as rC}from"@rango-dev/ui";import xt,{useState as iC}from"react";import{useNavigate as sC}from"react-router-dom";import{i18n as QS}from"@lingui/core";import{Divider as Yu,GroupedVirtualizedList as HS,Skeleton as GS,SwapListItem as Ju,Typography as VS}from"@rango-dev/ui";import _e,{useCallback as Zu,useEffect as jS,useRef as XS,useState as KS}from"react";function Vu(t,e){let o=[],n=0;do{let r=t[n];o.push(Math.min(r,e)),e-=r,n++}while(e>0&&n<=t.length);return o}i(Vu,"calculateGroupsSoFar");import{css as qS,darkTheme as zS,styled as Ko}from"@rango-dev/ui";var Bs=qS(),ju=Ko("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),_s=Ko("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${Bs}`]:{$$color:"$colors$neutral600",[`.${zS} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ps=Ko("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Xu=Ko("div",{gap:"$10",display:"flex",flexDirection:"column"}),Ku=Ko("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var YS=10;function $s(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=KS([]),l=XS(0),{swaps:p,groupCounts:c,groups:u}=n(e),d=Zu(Vu,[]),m=Zu(()=>{let f=e.length-l.current;f&&(l.current+=Math.min(f,YS),a(d(c,l.current)))},[e.length]);if(jS(()=>{r||m()},[r,m]),r){let f=[1,2];return _e.createElement(_e.Fragment,null,[f,f].map((C,S)=>_e.createElement(_s,{key:S},_e.createElement(Ps,null,_e.createElement(GS,{variant:"text",width:60,size:"small"}),_e.createElement(Yu,{size:16})),_e.createElement(Yu,{size:4}),_e.createElement(Xu,null,C.map((k,T)=>_e.createElement(Ju,{isLoading:!0,key:T}))))))}return _e.createElement(HS,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:f=>_e.createElement(_s,null,_e.createElement(Ps,null,_e.createElement(VS,{variant:"label",size:"medium",className:Bs()},u[f]))),itemContent:(f,y)=>{let C=p[f];if(!C)return null;let S=C.steps[0],h=C.steps[C.steps.length-1];return _e.createElement(ju,{key:C.requestId},_e.createElement(Ju,{requestId:C.requestId,creationTime:C.creationTime,status:C.status,onClick:o,tooltipContainer:M(),onlyShowTime:u[y]===QS.t("Today"),swapTokenData:{from:{token:{image:S.fromLogo,displayName:S.fromSymbol},blockchain:{image:S.fromBlockchainLogo||""},amount:W(C.inputAmount,6,6),realAmount:ce(C.inputAmount)},to:{token:{image:h.toLogo,displayName:h.toSymbol},blockchain:{image:h.toBlockchainLogo||""},amount:W(h.outputAmount||h.expectedOutputAmountHumanReadable||"",6,6),realAmount:ce(h.outputAmount||h.expectedOutputAmountHumanReadable)}}}))}})}i($s,"HistoryGroupedList");import{CloseIcon as ZS,IconButton as RS,SearchIcon as eC,TextField as tC}from"@rango-dev/ui";import Yo from"react";import{styled as JS}from"@rango-dev/ui";var Ru=JS("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function wt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Yo.createElement(tC,{prefix:Yo.createElement(Ru,null,Yo.createElement(eC,{color:"black"})),suffix:!!a.length&&Yo.createElement(RS,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Yo.createElement(ZS,{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(wt,"SearchInput");import{i18n as Mr}from"@lingui/core";import em from"dayjs";var tm=i(t=>{let e=new Map([["today",{title:Mr.t("Today"),swaps:[]}],["week",{title:Mr.t("This week"),swaps:[]}],["month",{title:Mr.t("This month"),swaps:[]}],["year",{title:Mr.t("This year"),swaps:[]}]]);function o(p,c){e.has(p)||e.set(p,{title:p,swaps:[]}),e.get(p)?.swaps.push(c)}i(o,"addYearsToOutput");let n=em();t.forEach(p=>{let c=Number(p.creationTime),u=em(c);if(n.isSame(u,"day"))e.get("today")?.swaps.push(p);else if(n.isSame(u,"week"))e.get("week")?.swaps.push(p);else if(n.isSame(u,"month"))e.get("month")?.swaps.push(p);else if(n.isSame(u,"year"))e.get("year")?.swaps.push(p);else{let d=new Date(c).getFullYear().toString();o(d,p)}});let r=Array.from(e.values()).filter(p=>p.swaps.length>0),s=r.flatMap(p=>p.swaps),a=r.map(p=>p.swaps.length),l=r.map(p=>p.title);return{swaps:s,groupCounts:a,groups:l}},"groupSwapsByDate");var aC=rC("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),lC=i((t,e)=>t?.length?t.filter(o=>pt(o.fromBlockchain,e)||pt(o.toBlockchain,e)||pt(o.toSymbol,e)||pt(o.fromSymbol,e)).length:!1,"isStepContainsText");function nm(){let t=sC(),{manager:e,state:o}=oC(),n=ut(e).map(({swap:u})=>u),[r,s]=iC(""),a=!o.loadedFromPersistor,l=i(u=>{let d=u.target.value;s(d)},"searchHandler"),p=n;r&&(p=n.filter(u=>pt(u.inputAmount,r)||pt(u.status,r)||lC(u.steps,r)||pt(u.requestId,r)));let c=!p?.length&&!a;return xt.createElement(pe,{header:{title:Lr.t("History")}},xt.createElement(ue,null,xt.createElement(wt,{setValue:s,fullWidth:!0,variant:"contained",placeholder:Lr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),xt.createElement(om,{size:"16"}),xt.createElement(aC,null,c&&xt.createElement(Ku,null,xt.createElement(om,{size:32}),xt.createElement(nC,{title:Lr.t("No results found"),description:r?Lr.t("Try using different keywords"):""})),!c&&xt.createElement($s,{list:p,onSwapClick:t,groupBy:tm,isLoading:a}))))}i(nm,"HistoryPage");import{i18n as IC}from"@lingui/core";import{Button as EC,Divider as Tm,styled as AC,WarningIcon as WC}from"@rango-dev/ui";import NC from"bignumber.js";import qe,{useEffect as km,useState as wm}from"react";import{useNavigate as MC}from"react-router-dom";import{i18n as fC}from"@lingui/core";import{Header as gC}from"@rango-dev/ui";import $t,{useEffect as hC,useState as yC}from"react";import{i18n as cC}from"@lingui/core";import{Divider as Fs,FullExpandedQuote as uC,Typography as mC}from"@rango-dev/ui";import ge from"react";import{styled as Ds}from"@rango-dev/ui";var rm=Ds("div",{display:"flex",justifyContent:"center",flexDirection:"column",height:"100%"}),im=Ds("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),sm=Ds("div",{width:"146px"});import{i18n as Jo}from"@lingui/core";import{Select as pC}from"@rango-dev/ui";import am from"react";function Br(t){let{updateQuotePartialState:e,sortStrategy:o}=H(),n=[{value:"SMART",label:Jo.t("Smart Routing")},{value:"FEE",label:Jo.t("Lowest Fee")},{value:"SPEED",label:Jo.t("Fastest Transfer")},{value:"NET_OUTPUT",label:Jo.t("Maximum Return")},{value:"PRICE",label:Jo.t("Maximum Output")}];return am.createElement(sm,null,am.createElement(pC,{container:t.container,options:n,value:o,handleItemClick:r=>{e("sortStrategy",r.value)},variant:"filled"}))}i(Br,"SelectStrategy");var lm=3;function Zo(t){let{loading:e,onClickOnQuote:o,fetch:n,showModalFee:r,hasSort:s=!0,fullExpandedMode:a=!1}=t,{selectedQuote:l,quotes:p,updateQuotePartialState:c,fromToken:u,toToken:d,sortStrategy:m,error:f}=H(),{slippage:y,customSlippage:C}=g(),S=g().tokens(),h=!!p&&p.results.length,k=C??y,T=i(b=>{if(!u||!d||!p)return null;let v={requestAmount:p.requestAmount,...b};return no(v,{fromToken:u,toToken:d,userSlippage:k,tokens:S})},"getQuoteWarning"),x=f?.type===0||f?.type===1,E=p?.results?Un(m,p?.results):[];return ge.createElement(ge.Fragment,null,s&&ge.createElement(ge.Fragment,null,ge.createElement(im,null,ge.createElement(mC,{size:"xmedium",variant:"title"},cC.t("Sort by")),ge.createElement(Br,{container:M()})),ge.createElement(Fs,{size:"10"})),e&&Array.from({length:lm},(b,v)=>ge.createElement(ge.Fragment,{key:v},a?ge.createElement(uC,{loading:!0}):ge.createElement(Vo,{tagHidden:!1,type:"list-item",expanded:!1}),v!==lm-1&&ge.createElement(Fs,{size:16}))),!e&&ge.createElement(ge.Fragment,null,h?E.map((b,v)=>{let w=T(b),A=Ws(b.swaps),N=E.length-1===v;return ge.createElement(ge.Fragment,{key:b.requestId},ge.createElement(Jt,{showModalFee:r,selected:l?.requestId===b.requestId,tagHidden:!1,quote:{...b,requestAmount:p.requestAmount},loading:e,error:A?.options||null,warning:w,fullExpandedMode:a,onClick:L=>{A||c("warning",w),c("error",A?.options||null),o(L)},type:"list-item"}),!N&&ge.createElement(Fs,{size:16}))}):x&&ge.createElement(rm,null,ge.createElement(Po,{size:a?"large":"small",error:f,fetch:n}))))}i(Zo,"Quotes");import{darkTheme as dC,styled as pm}from"@rango-dev/ui";var cm=pm("div",{transition:"width 0.2s, opacity 0.2s, margin-left 0.2s",height:"700px",width:"390px",opacity:1,marginLeft:"$16",backgroundColor:"$neutral100",[`.${dC} &`]:{backgroundColor:"$neutral300"},variants:{expandMode:{default:{width:"390px"},full:{width:"719px"}}},"&.is-hidden":{width:0,height:0,opacity:0,marginLeft:0}}),um=pm("div",{position:"relative",overflow:"hidden",padding:"$20",flexGrow:1,display:"flex",flexDirection:"column",overflowY:"auto",borderRadius:"$primary",backgroundColor:"$background"});var SC=100;function Os(t){let{fetch:e,loading:o,onClickOnQuote:n,onClickRefresh:r,isVisible:s}=t,[a,l]=yC(!1),p=a?"":"is-hidden",{config:c}=g(),u=c?.variant==="full-expanded";return hC(()=>{let d=null;return s?d=setTimeout(()=>{l(!0)},SC):(l(!1),d&&clearTimeout(d)),()=>{d&&clearTimeout(d)}},[s]),$t.createElement(cm,{expandMode:c?.variant==="full-expanded"?"full":"default",className:`${p} ${rr()}`,id:ke.EXPANDED_BOX_ID},$t.createElement(gC,{title:fC.t("Routes"),suffix:$t.createElement($t.Fragment,null,$t.createElement(Br,{container:En()}),$t.createElement(Vt,{onClickRefresh:r,hidden:["history","notifications","settings"]}))}),$t.createElement(um,null,$t.createElement(Zo,{showModalFee:!1,fetch:e,hasSort:!1,loading:o,onClickOnQuote:n,fullExpandedMode:u})))}i(Os,"ExpandedQuotes");import{i18n as ym}from"@lingui/core";import{SwapInput as Sm}from"@rango-dev/ui";import Ro from"react";import{ReverseIcon as CC,styled as mm}from"@rango-dev/ui";import Us from"react";var TC=mm("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),kC=mm("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 dm(){let t=H.use.switchFromAndTo();return Us.createElement(TC,null,Us.createElement(kC,{onClick:()=>{t()}},Us.createElement(CC,{size:12})))}i(dm,"SwitchFromAndToButton");import{styled as fm}from"@rango-dev/ui";var gm=fm("div",{display:"flex",flexDirection:"column",gap:"$5",alignSelf:"stretch"}),hm=fm("div",{position:"relative"});function qs(t){let{fetchingQuote:e,fetchMetaStatus:o,onClickToken:n,isExpandable:r}=t,{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:d,outputAmount:m,outputUsdValue:f,selectedQuote:y}=H(),{connectedWallets:C,getBalanceFor:S}=Y(),h=s?S(s):null,k=kn(h)?.amount??"0",T=a&&s?W(h?.amount,h?.decimals):"0",x=!!a&&Za(C,a.name),E=!Ii(y,u,d),b=!Ii(y,u,f),v=!d||!f||!f.gt(0)?null:Xe(d.toString(),f.toString());return Ro.createElement(gm,null,Ro.createElement(hm,null,Ro.createElement(Sm,{label:ym.t("From"),mode:"From",onInputChange:c,balance:k,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>n("from"),price:{value:u,usdValue:E?void 0:W(d,4,4),realUsdValue:E?void 0:ce(d),error:E?R().unknownPriceError.impactTitle:void 0},disabled:o==="failed",loading:o==="loading",loadingBalance:x,tooltipContainer:M(),onSelectMaxBalance:()=>{c(T.split(",").join(""))}}),Ro.createElement(dm,null)),Ro.createElement(Sm,{sharpBottomStyle:!r&&(!!y||e),label:ym.t("To"),mode:"To",fetchingQuote:e,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:W(Xe(d,f),2,2),warningLevel:St(v??0),price:{value:W(m,6,6),usdValue:b?void 0:W(f,4,4),realValue:ce(m),realUsdValue:b?void 0:ce(f),error:b?R().unknownPriceError.impactTitle:void 0},onClickToken:()=>n("to"),disabled:o==="failed",loading:o==="loading",tooltipContainer:M()}))}i(qs,"Inputs");import{useCallback as wC,useEffect as xC,useState as vC}from"react";function Cm(){let{fetch:t,loading:e,cancelFetch:o}=Er({request:async(n,r)=>await At().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(Cm,"useFetchAllQuotes");var bC=600;function _r({refetchQuote:t}){let{fetch:e,cancelFetch:o}=Cm(),{excludeLiquiditySources:n,features:r,enableCentralizedSwappers:s}=g().config,a=Y.use.connectedWallets(),l=g().tokens(),{fromToken:p,toToken:c,inputAmount:u,inputUsdValue:d,selectedQuote:m,sortStrategy:f,resetQuote:y,error:C,warning:S,setSelectedQuote:h,updateQuotePartialState:k}=H(),{slippage:T,customSlippage:x,affiliatePercent:E,affiliateRef:b,affiliateWallets:v,fetchStatus:w}=g(),A=g().getLiquiditySources(),N=g().getDisabledLiquiditySources(),L=g().excludeLiquiditySources(),[j,G]=vC(!0),z=x??T,ee=!p||!c||Me(p,c)||!xo(u),re=i(I=>{G(I)},"resetState"),Q=i(I=>{let{fromToken:J,toToken:de,inputAmount:Z,liquiditySources:ie,excludeLiquiditySources:to,disabledLiquiditySources:V,slippage:K,affiliateRef:te,affiliatePercent:Ie,affiliateWallets:et}=I;if(j||re(!0),!ee&&J&&de){y();let $e=Gl({fromToken:J,toToken:de,inputAmount:Z,liquiditySources:ie,excludeLiquiditySources:to,disabledLiquiditySources:V,wallets:a,slippage:K,affiliateRef:te,affiliatePercent:Ie,affiliateWallets:et,enableCentralizedSwappers:s});yl("experimentalRoute",r)&&($e.experimental=!0),e($e).then(De=>{let ye=Un(f,De.results),Fe=sp(m,ye,De.requestAmount);G(!1),k("quotes",De),h(Fe),Ar({diagnosisMessages:De.diagnosisMessages,requestId:Fe?.requestId||"",swaps:Fe?.swaps});let mn=Fe&&no(Fe,{fromToken:J,toToken:de,userSlippage:z,tokens:l});k("warning",mn)}).catch(De=>{let{error:ye}=Wr(De);(ye?.type===0||ye?.type===1)&&y(),ye?.type!==2&&(k("error",ye),G(!1))})}},"fetch"),_=wC(dl(I=>{ee||Q(I)},bC),[ee]);return xC(()=>{if(!t){G(!1);return}if(w==="success"){if(ee){G(!1),(m||C||S)&&y();return}if(!xo(u)||d?.eq(0)){re(!1),o();return}return y(),re(!0),_({inputAmount:u,fromToken:p,toToken:c,liquiditySources:A,excludeLiquiditySources:L,disabledLiquiditySources:N,slippage:z,affiliateRef:b,affiliatePercent:E,affiliateWallets:v}),o}},[w,u,p?.symbol,p?.address,p?.blockchain,c?.symbol,c?.address,c?.blockchain,ee,A?.length,n,N.length,z,b,E,JSON.stringify(v)]),{fetch:()=>Q({inputAmount:u,fromToken:p,toToken:c,liquiditySources:A,excludeLiquiditySources:L,disabledLiquiditySources:N,slippage:z,affiliateRef:b,affiliatePercent:E,affiliateWallets:v}),loading:j}}i(_r,"useSwapInput");var LC=AC("div",{display:"grid",gridTemplateColumns:"auto auto",alignItems:"flex-start",maxHeight:700,"& .footer__alert":{paddingTop:"0 !important"}}),BC=300;function xm(){let t=MC(),{fromToken:e,toToken:o,inputAmount:n,selectedQuote:r,refetchQuote:s,error:a,warning:l,quotes:p,setSelectedQuote:c,resetQuoteWallets:u,setQuoteWarningsConfirmed:d,updateQuotePartialState:m}=H(),[f,y]=wm(!1),{isLargeScreen:C,isExtraLargeScreen:S}=Cr(),{fetch:h,loading:k}=_r({refetchQuote:s}),{config:T,fetchStatus:x}=g(),{connectedWallets:E}=Y(),{isActiveTab:b}=ne(),[v,w]=wm(!1),N=Ol({fetchMetaStatus:x,fetchingQuote:k,inputAmount:n,quote:r,anyWalletConnected:E.length>0,error:a,warning:l,needsToWarnEthOnPath:!1}),L=rl(C,S,T?.variant),j=!!n&&!!e&&!!o&&new NC(n).gt(0)&&!ep(e,o),G=j&&x==="success"&&k,ee=(!L||L&&p?.results.length)&&(l||a);km(()=>{u(),m("refetchQuote",!0)},[]),km(()=>{y(j)},[j]);let re=(r||a)&&!v?h:void 0,Q=i(I=>{L&&f?(y(!1),setTimeout(()=>{t(I)},BC)):t(I)},"onHandleNavigation"),_=i(I=>{r?.requestId!==I.requestId&&(w(!1),c(I))},"onClickOnQuote");return qe.createElement(LC,null,qe.createElement(pe,{height:"auto",footer:qe.createElement(EC,{type:"primary",size:"large",disabled:N.disabled||!b,prefix:N.action==="confirm-warning"&&qe.createElement(WC,null),fullWidth:!0,onClick:()=>{N.action==="connect-wallet"?Q(O.wallets):N.action==="confirm-warning"?w(!0):Q(O.confirmSwap)}},N.title),header:{onWallet:()=>{Q(O.wallets)},hasBackButton:!1,title:T.title||IC.t("Swap"),suffix:qe.createElement(Vt,{hidden:L?["refresh"]:void 0,onClickRefresh:re,onClickHistory:()=>Q(O.swaps),onClickSettings:()=>{Q(O.settings)}})}},qe.createElement(ue,null,qe.createElement(qs,{fetchingQuote:G,fetchMetaStatus:x,isExpandable:L,onClickToken:I=>{Q(I==="from"?O.fromSwap:O.toSwap)}}),qe.createElement(Tm,{size:"2"}),L?null:qe.createElement(Jt,{quote:r,loading:G,error:a,tagHidden:!1,warning:l,type:"basic",onClickAllRoutes:p&&p.results.length>1?()=>{m("refetchQuote",!1),Q(O.routes)}:void 0}),ee?qe.createElement(qe.Fragment,null,qe.createElement(Tm,{size:"10"}),qe.createElement(Do,{warning:l,error:a,refetchQuote:h,showWarningModal:v,confirmationDisabled:!b,onOpenWarningModal:()=>w(!0),onCloseWarningModal:()=>w(!1),onConfirmWarningModal:()=>{w(!1),d(!0),Q(O.confirmSwap)},onChangeSettings:()=>Q(O.settings)})):null)),L?qe.createElement(Os,{loading:G,onClickOnQuote:_,fetch:h,onClickRefresh:re,isVisible:f}):null)}i(xm,"Home");import{i18n as vm}from"@lingui/core";import{Alert as _C,Divider as PC,List as $C,ListItemButton as DC,Radio as FC,RadioRoot as OC,Typography as UC}from"@rango-dev/ui";import ft from"react";function Dt(){let{setLanguage:t,language:e,config:o}=g(),n=Cl,r=o?.language||Io;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||Io),resetLanguage:()=>t(null)}}i(Dt,"useLanguage");function bm(){let{activeLanguage:t,changeLanguage:e,languages:o}=Dt(),n=Ye(),r=o.map(s=>{let{local:a,label:l,SVGFlag:p}=s;return{id:a,value:a,title:ft.createElement(UC,{variant:"title",size:"xmedium"},l),onClick:()=>{e(s.local),n()},end:ft.createElement(FC,{value:a}),start:ft.createElement(p,null)}});return ft.createElement(pe,{header:{title:vm.t("Language")}},ft.createElement(ue,null,ft.createElement(_C,{type:"warning",variant:"alarm",title:"Important Notice: Machine translations are in use"}),ft.createElement(PC,{size:"8"}),ft.createElement(OC,{value:t},ft.createElement($C,{type:ft.createElement(DC,{title:vm.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}i(bm,"LanguagePage");import{i18n as vt}from"@lingui/core";import{Button as GC,Checkbox as VC,Image as jC,ListItemButton as XC,NotFound as KC,Typography as YC}from"@rango-dev/ui";import Pe,{useState as JC}from"react";import{Checkbox as QC,Skeleton as Em}from"@rango-dev/ui";import tn from"react";import{styled as zs}from"@rango-dev/ui";var en=zs("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),Qs=zs("div",{width:80,display:"flex",justifyContent:"flex-end"}),Hs=zs("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as qC,styled as zC}from"@rango-dev/ui";var Im=zC(qC,{height:61});var HC=30;function Gs(){return tn.createElement(en,null,Array.from(Array(HC),(t,e)=>tn.createElement(Im,{hasDivider:!0,key:e,start:tn.createElement(Em,{variant:"circular",width:35,height:35}),title:tn.createElement(Em,{variant:"text",size:"large",width:90}),end:tn.createElement(QC,{checked:!1})})))}i(Gs,"LoadingLiquiditySourceList");function Vs({sourceType:t}){let e=g().fetchStatus,o=g().swappers(),n=g().getDisabledLiquiditySources(),[r,s]=JC(""),a=g().toggleLiquiditySource,l=g().isInCampaignMode(),p=An(o,n),c={Exchanges:vt.t("Exchanges"),Bridges:vt.t("Bridges")},u=[];t==="Exchanges"&&u.push("DEX"),t==="Bridges"&&u.push("BRIDGE","AGGREGATOR","OFF_CHAIN");let d=p.filter(h=>u.includes(h.type)),m=d.length===d.filter(h=>h.selected).length,f=i(()=>{d.forEach(h=>{m?a(h.groupTitle):h.selected||a(h.groupTitle)})},"toggleAllSources"),y=d.map(h=>{let{selected:k,groupTitle:T,logo:x}=h;return{start:Pe.createElement(jC,{src:x,size:22,type:"circular"}),onClick:()=>{l||a(T)},end:Pe.createElement(VC,{checked:k,disabled:l}),title:Pe.createElement(YC,{variant:"title",size:"xmedium"},vt.t(T)),...h}}),C=i(h=>{let k=h.target.value;s(k)},"searchHandler"),S=y;return r&&(S=y.filter(h=>pt(h.groupTitle,r))),Pe.createElement(pe,{header:{title:vt.t(t),suffix:Pe.createElement(Qs,null,Pe.createElement(GC,{variant:"ghost",size:"xsmall",onClick:f},m?vt.t("Deselect all"):vt.t("Select all")))}},Pe.createElement(ue,{view:!0},Pe.createElement(wt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:vt.t("Search {sourceType}",{sourceType:c[t]}),onChange:C}),e==="loading"&&Pe.createElement(Gs,null),!S.length&&r?Pe.createElement(Hs,null,Pe.createElement(KC,{title:vt.t("No results found"),description:vt.t("Try using different keywords")})):e==="success"&&Pe.createElement(en,{disabled:l},S.map(h=>{let{groupTitle:k,...T}=h;return Pe.createElement(Pe.Fragment,{key:h.id},Pe.createElement(XC,{style:{height:"61px"},...T,selected:!1,hasDivider:!0}))}))))}i(Vs,"LiquiditySourcePage");import{i18n as ZC}from"@lingui/core";import Pr from"react";import{useNavigate as RC}from"react-router-dom";function Am(){let t=RC(),e=Ye(),{selectedQuote:o,refetchQuote:n,setSelectedQuote:r,updateQuotePartialState:s,error:a}=H(),{fetch:l,loading:p}=_r({refetchQuote:n}),c=i(m=>{r(m),s("refetchQuote",!1),e()},"onClickOnQuote"),u=`../${O.settings}`,d=`../${O.wallets}`;return Pr.createElement(pe,{header:{onWallet:()=>{t(d)},onBack:()=>{s("refetchQuote",!1)},title:ZC.t("Routes"),suffix:Pr.createElement(Vt,{onClickRefresh:o||a?l:void 0,hidden:["notifications","history"],onClickSettings:()=>t(u)})}},Pr.createElement(ue,null,Pr.createElement(Zo,{fetch:l,loading:p,onClickOnQuote:c})))}i(Am,"RoutesPage");import{i18n as $m}from"@lingui/core";import{Divider as Dm,getCountCategories as pT,SelectableCategoryList as cT}from"@rango-dev/ui";import bt,{useState as Fm}from"react";import{i18n as Xs}from"@lingui/core";import{Divider as _m,Image as rT,ListItemButton as iT,NotFound as sT,Typography as Pm}from"@rango-dev/ui";import Ze,{useEffect as aT,useState as lT}from"react";import{BlockchainCategories as js}from"@rango-dev/ui";import{TransactionType as $r}from"rango-sdk";var eT=i((t,e)=>{switch(e){case js.ALL:return!0;case js.UTXO:return t.type===$r.TRANSFER;case js.OTHER:return t.type!==$r.TRANSFER&&t.type!==$r.COSMOS&&t.type!==$r.EVM;default:return t.type===e}},"filterByType"),Wm=i((t,e,o)=>t.filter(n=>eT(n,o)).filter(n=>yt(n.name,e)||yt(n.displayName,e)),"filterBlockchains");import{ImageContainer as tT,styled as Nm}from"@rango-dev/ui";var Mm=Nm("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Dr=Nm(Lo,{padding:0,margin:0,listStyle:"none",[`& ${tT}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as oT,Skeleton as Lm}from"@rango-dev/ui";import Fr from"react";var nT=20;function Bm(){return Fr.createElement(Dr,null,Array.from(Array(nT),t=>Fr.createElement(oT,{key:t,hasDivider:!0,start:Fr.createElement(Lm,{variant:"circular",width:35,height:35}),title:Fr.createElement(Lm,{variant:"text",size:"large",width:90})})))}i(Bm,"LoadingBlockchainList");function Ks(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=lT(e),{fetchStatus:l}=g();aT(()=>{a([...Wm(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Ze.createElement(Ze.Fragment,null,Ze.createElement(_m,{size:32}),Ze.createElement(sT,{title:Xs.t("No results found"),description:Xs.t("Try using different keywords")})):Ze.createElement(Dr,{as:"ul",key:`${r}-${o}`},s.map(c=>Ze.createElement(iT,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:Ze.createElement(rT,{src:c.logo,size:30}),title:Ze.createElement(Pm,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return Ze.createElement(Mm,null,Ze.createElement(Pm,{variant:"label",size:"large"},Xs.t("Select Blockchain")),Ze.createElement(_m,{size:4}),l==="loading"&&Ze.createElement(Bm,null),l==="success"&&p())}i(Ks,"BlockchainList");function Ys(t){let{type:e}=t,o=Ye(),[n,r]=Fm(""),[s,a]=Fm("ALL"),l=H.use.setToBlockchain(),p=H.use.setFromBlockchain(),c=g().fetchStatus,u=g().blockchains({type:e}),m=pT(u)!==1;return bt.createElement(pe,{header:{title:$m.t("Select Blockchain")}},bt.createElement(ue,{view:!0},m&&bt.createElement(bt.Fragment,null,bt.createElement(cT,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),bt.createElement(Dm,{size:24})),bt.createElement(wt,{value:n,autoFocus:!0,placeholder:$m.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),bt.createElement(Dm,{size:16}),bt.createElement(Ks,{list:u,searchedFor:n,blockchainCategory:s,onChange:f=>{e==="source"?p(f):l(f),o()}})))}i(Ys,"SelectBlockchainPage");import{i18n as Qr}from"@lingui/core";import{Divider as rd}from"@rango-dev/ui";import Zt,{useState as ET}from"react";import{useNavigate as AT}from"react-router-dom";import{i18n as Rs}from"@lingui/core";import{BlockchainsChip as Or,Divider as zm,Image as Qm,Skeleton as gT,Tooltip as hT,Typography as ea}from"@rango-dev/ui";import be from"react";import{useEffect as dT}from"react";var Om=["ETH","COSMOS","OSMOSIS"];function Js(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(uT),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let c=n[p];a=a.filter(u=>c.name!==u)}}n.sort(mT(a)),r=n.splice(s)}return{list:n,more:r}}i(Js,"prepare");function uT(t,e){let o=Om,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(uT,"sortByMostUsedBlockchains");function mT(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(mT,"generateSortByPreferredBlockchainsFor");function Um(t,e){return!!e.list.find(o=>o.name===t)}i(Um,"isInVisibleList");function Zs(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=g();dT(()=>{if(e?.selected){let s=Js(t,o,e);Um(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=Js(t,o,e);return{list:r.list,more:r.more,history:[]}}i(Zs,"usePrepareBlockchainList");import{styled as fT}from"@rango-dev/ui";var qm=fT("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var yT=12;function ta(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Zs(e,{limit:10,selected:n?.name}),{fetchStatus:l}=g(),p=H.use.resetToBlockchain(),c=H.use.resetFromBlockchain(),u=a.more.length>0,d=a.more.length===1,m=!d&&u;return be.createElement(be.Fragment,null,be.createElement(zm,{size:12}),be.createElement(ea,{variant:"label",size:"large"},Rs.t("Select Blockchain")),be.createElement(zm,{size:12}),be.createElement(qm,null,l==="loading"&&Array.from(Array(yT),f=>be.createElement(gT,{key:f,variant:"rounded",height:50})),l==="success"&&be.createElement(be.Fragment,null,be.createElement(Or,{selected:!n,onClick:()=>{o==="from"?c():p()}},be.createElement(ea,{variant:"body",size:"xsmall",color:"secondary500"},Rs.t("All"))),a.list.map(f=>be.createElement(hT,{key:f.name,content:f.shortName,side:"bottom",sideOffset:2,container:M()},be.createElement(Or,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},be.createElement(Qm,{src:f.logo,size:30})))),d?be.createElement(Or,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},be.createElement(Qm,{src:a.more[0].logo,size:30})):null,m?be.createElement(Or,{onClick:s,key:"more-blockchains"},be.createElement(ea,{variant:"body",size:"xsmall",color:"secondary500"},Rs._("More +{count}",{count:a.more.length}))):null)))}i(ta,"BlockchainsSection");import{i18n as ua}from"@lingui/core";import{darkTheme as Rm,Divider as Co,ExternalLinkIcon as TT,Image as kT,ListItemButton as wT,NotFound as xT,PinIcon as vT,Skeleton as ed,Typography as zr,VirtualizedList as bT}from"@rango-dev/ui";import q,{useEffect as td,useState as od}from"react";import{Divider as Jm,ListItem as CT,Skeleton as on}from"@rango-dev/ui";import st from"react";import{css as So,darkTheme as Hm,ImageContainer as ST,styled as it,Typography as Gm}from"@rango-dev/ui";var oa=So({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),na=So({position:"relative",height:12,width:"30%",maxWidth:"150px"}),ra=So({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),ia=So({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Hm} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),sa=So({}),aa=So(),Vm=it("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),la=it("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Ur=it("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${na}`]:{[`& .${ia}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${sa}`]:{bottom:"-15px"},[`& .${oa}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${ra}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),pa=it("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),ca=it(Gm,{}),jm=it("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${aa}`]:{$$color:"$colors$neutral600",[`.${Hm} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),qr=it("div",{display:"flex",alignItems:"end",flexDirection:"column"}),vF=it("div",{display:"flex",alignItems:"center"}),Xm=it("div",{position:"relative",[`& ${ST}`]:{borderRadius:"$xm",overflow:"hidden"}}),Km=it("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Ym=it(Gm,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Zm(t){return st.createElement(Ur,null,Array.from(Array(t.size),e=>st.createElement(CT,{key:e,hasDivider:!0,start:st.createElement(on,{variant:"circular",width:35,height:35}),end:st.createElement(qr,null,st.createElement(on,{variant:"text",size:"large",width:70}),st.createElement(Jm,{size:4}),st.createElement(on,{variant:"text",size:"medium",width:50})),title:st.createElement("div",null,st.createElement(on,{variant:"text",size:"large",width:90}),st.createElement(Jm,{size:4}),st.createElement(on,{variant:"text",size:"medium",width:90}))})))}i(Zm,"LoadingTokenList");var ma=20,IT=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return q.createElement("div",{className:na()},o?q.createElement("div",{className:oa()},o):q.createElement(la,{className:ra()},q.createElement(zr,{variant:"title",size:"xmedium"},r.symbol),q.createElement(Co,{direction:"horizontal",size:4}),q.createElement(pa,{css:s},q.createElement(ca,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&q.createElement("div",{className:`${ia()} ${!o&&sa()}`},q.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," ",q.createElement(Co,{size:4,direction:"horizontal"}),q.createElement(TT,{color:"gray",size:12}))))},"renderDesc");function nd(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=od(e),l=g().fetchStatus,p=g().blockchains(),[c,u]=od(!0),{getBalanceFor:d,loading:m}=Y(),{isTokenPinned:f}=g(),y=i(()=>{a(e.slice(0,s.length+ma))},"loadNextPage");td(()=>{u(e.length>s.length)},[s.length]),td(()=>{a(e.slice(0,ma))},[e]);let C=i(()=>!s.length&&o?q.createElement(q.Fragment,null,q.createElement(Co,{size:32}),q.createElement(xT,{title:ua.t("No results found"),description:ua.t("Try using different keywords")})):q.createElement(bT,{endReached:c?y:void 0,itemContent:S=>{let h=s[S],k=kn(d(h)),T=h.address||"",x=p.find(A=>A.name===h.blockchain),E=Jn(x?.color||"",Ep(x?.color||"")?5:125),b=Jn(x?.color||"",-100),v={$$color:E,[`.${Rm} &`]:{$$color:b},backgroundColor:"$$color"},w={$$color:b,[`.${Rm} &`]:{$$color:E},color:"$$color"};return q.createElement("div",{style:{paddingRight:5}},q.createElement(wT,{style:{width:"100%",overflow:"hidden"},"tab-index":S,key:`${h.symbol}${h.address}`,id:`${h.symbol}${h.address}`,hasDivider:!0,onClick:()=>n(s[S]),start:q.createElement(Xm,null,q.createElement(kT,{src:h.image,size:30}),f(h,t.type)&&q.createElement(Km,null,q.createElement(vT,{size:12,color:"gray"}))),title:x?.type==="COSMOS"||h.name||!h.name&&!T?q.createElement(la,null,q.createElement(zr,{variant:"title",size:"xmedium"},h.symbol),q.createElement(Co,{direction:"horizontal",size:4}),q.createElement(pa,{css:v},q.createElement(ca,{variant:"body",size:"xsmall",css:w},h.blockchain))):void 0,description:x?.info&&T&&x.type!=="COSMOS"?IT({address:T,token:s[S],customCssForTag:v,customCssForTagTitle:w,name:h.name,url:x.info.addressUrl.split("{wallet}").join(T)}):h.name||void 0,end:m?q.createElement(qr,null,q.createElement(ed,{variant:"text",size:"large",width:70}),q.createElement(Co,{size:4}),q.createElement(ed,{variant:"text",size:"medium",width:50})):k&&q.createElement(jm,null,q.createElement(Ym,{variant:"title",size:"small"},k.amount),q.createElement("div",null),k.usdValue&&q.createElement(zr,{variant:"body",className:aa(),size:"xsmall"},`$${k.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return q.createElement(Vm,null,q.createElement(zr,{variant:"label",size:"large"},ua.t("Select Token")),q.createElement(Co,{size:4}),l==="loading"&&q.createElement(Zm,{size:ma}),l==="success"&&q.createElement(Ur,{as:"ul"},C()))}i(nd,"TokenList");function da(t){let{type:e}=t,o=AT(),n=Ye(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=H(),u=Y.use.getBalanceFor(),[d,m]=ET(""),y=(e==="source"?r:s)?.name??"",C=g().blockchains({type:e}),S=g().tokens({type:e,blockchain:y,searchFor:d,getBalanceFor:u}),h=i(x=>{e==="source"?p(x):c(x)},"updateBlockchain"),k=i(x=>{e==="source"?a({token:x,meta:{blockchains:C,tokens:S}}):l({token:x,meta:{blockchains:C,tokens:S}})},"updateToken"),T={source:Qr.t("Source"),destination:Qr.t("Destination")};return Zt.createElement(pe,{header:{title:Qr.t("Swap {type}",{type:T[e]})}},Zt.createElement(ue,null,Zt.createElement(ta,{blockchains:C,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(O.blockchains),onChange:x=>{h(x)}}),Zt.createElement(rd,{size:24}),Zt.createElement(wt,{value:d,autoFocus:!0,placeholder:Qr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:x=>m(x.target.value)}),Zt.createElement(rd,{size:16}),Zt.createElement(nd,{list:S,selectedBlockchain:y,searchedFor:d,type:e,onChange:x=>{k(x);let E=C.find(b=>x.blockchain===b.name);E&&h(E),n()}})))}i(da,"SelectSwapItemsPage");import{i18n as ya}from"@lingui/core";import{Alert as RT,Button as ek,styled as tk}from"@rango-dev/ui";import Rt from"react";import{useInRouterContext as ok,useSearchParams as nk}from"react-router-dom";import{i18n as cd}from"@lingui/core";import{Divider as LT,InfoIcon as BT,TextField as _T,Tooltip as PT,Typography as ud}from"@rango-dev/ui";import at from"react";import{Chip as WT,styled as nn,TextField as NT}from"@rango-dev/ui";var id=nn("div",{paddingTop:"$5",padding:"$10 $5"}),sd=nn("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${NT}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),ad=nn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Hr=nn("div",{maxWidth:"280px",padding:"$10"}),ld=nn(WT,{width:"61px",flexShrink:0});import{i18n as fa}from"@lingui/core";import{Typography as MT}from"@rango-dev/ui";import rn from"react";function pd(){return rn.createElement(Hr,null,rn.createElement(MT,{variant:"label",size:"medium",color:"neutral700"},fa.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),rn.createElement("br",null),rn.createElement("br",null),rn.createElement("b",null,fa.t("Warning")),":",fa.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(pd,"SlippageTooltipContent");function ga(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=g();return at.createElement(id,null,at.createElement(ad,null,at.createElement(ud,{variant:"title",size:"xmedium"},cd.t("Slippage tolerance per swap")),at.createElement(LT,{direction:"horizontal",size:4}),at.createElement(PT,{container:M(),side:"top",sideOffset:4,content:at.createElement(pd,null)},at.createElement(BT,{color:"gray"}))),at.createElement(sd,null,Tl.map((r,s)=>{let a=`slippage-${s}`;return at.createElement(ld,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`})}),at.createElement(_T,{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>=vl&&a<=xl?n(a):n(null)},suffix:o&&at.createElement(ud,{variant:"body",size:"small"},"%"),placeholder:cd.t("Custom")})))}i(ga,"Slippage");import{i18n as gt}from"@lingui/core";import{AutoThemeIcon as md,BridgeIcon as $T,ChevronRightIcon as ha,DarkModeIcon as dd,Divider as Gr,DoneIcon as DT,ExchangeIcon as FT,InfoIcon as OT,LanguageIcon as UT,LightModeIcon as fd,List as qT,ListItem as zT,ListItemButton as QT,Skeleton as HT,styled as GT,Switch as VT,Tabs as jT,Tooltip as XT,Typography as Re}from"@rango-dev/ui";import D from"react";import{useNavigate as KT}from"react-router-dom";var YT=GT("div",{width:"202px",height:"$40"}),JT=[{id:"light",icon:D.createElement(fd,{color:"black",size:16}),tooltip:D.createElement(Re,{size:"xsmall",variant:"body"},gt.t("Light"))},{id:"dark",icon:D.createElement(dd,{color:"black",size:14}),tooltip:D.createElement(Re,{size:"xsmall",variant:"body"},gt.t("Dark"))},{id:"auto",icon:D.createElement(md,{color:"black",size:16}),tooltip:D.createElement(Re,{size:"xsmall",variant:"body"},gt.t("Auto"))}],ZT=i(t=>{let e={color:"gray",size:14};switch(t){case"auto":return D.createElement(md,{...e});case"dark":return D.createElement(dd,{...e});default:return D.createElement(fd,{...e})}},"getThemeIcon");function gd(){let t=KT(),{theme:e}=g().config,{setTheme:o,theme:n}=g(),{activeLanguage:r,languages:s}=Dt(),a=s.find(z=>z.local===r)?.label,l=g().fetchStatus,p=g().swappers(),c=g().getDisabledLiquiditySources(),{config:{features:u}}=g(),d=je("theme",u),m=je("liquiditySource",u),f=je("language",u),y=g().infiniteApprove,C=g().toggleInfiniteApprove,S=An(p,c),h=S.filter(z=>["BRIDGE","AGGREGATOR","OFF_CHAIN"].includes(z.type)),k=h.length,T=h.filter(z=>z.selected).length,x=S.filter(z=>z.type==="DEX"),E=x.length,b=x.filter(z=>z.selected).length,v=i((z,B)=>{switch(l){case"loading":return D.createElement(HT,{variant:"text",size:"medium",width:50});case"failed":return D.createElement(Re,{variant:"body",size:"medium",color:"$error500"},gt.t("Loading failed"));default:return D.createElement(Re,{variant:"body",size:"medium"},`${z} / ${B}`)}},"handleSwapperEndItem"),w={id:"bridge-item",title:D.createElement(Re,{variant:"title",size:"xmedium"},gt.t("Bridges")),end:D.createElement(D.Fragment,null,v(T,k),D.createElement(Gr,{direction:"horizontal",size:8}),D.createElement(ha,{color:"black"})),onClick:()=>t(O.bridges),start:D.createElement($T,{color:"gray",size:14})},A={id:"exchange-item",title:D.createElement(Re,{variant:"title",size:"xmedium"},gt.t("Exchanges")),end:D.createElement(D.Fragment,null,v(b,E),D.createElement(Gr,{direction:"horizontal",size:8}),D.createElement(ha,{color:"gray"})),start:D.createElement(FT,{color:"gray",size:14}),onClick:()=>t(O.exchanges)},N={id:"language-item",title:D.createElement(Re,{variant:"title",size:"xmedium"},gt.t("Language")),start:D.createElement(UT,{color:"gray",size:14}),end:D.createElement(D.Fragment,null,D.createElement(Re,{variant:"body",size:"medium"},a),D.createElement(Gr,{direction:"horizontal",size:8}),D.createElement(ha,{color:"gray"})),onClick:()=>t(O.languages)},L={id:"infinite-approval-item",title:D.createElement(D.Fragment,null,D.createElement(Re,{variant:"title",size:"xmedium"},gt.t("Infinite approval")),D.createElement(Gr,{direction:"horizontal",size:4}),D.createElement(XT,{side:"top",sideOffset:4,container:M(),content:D.createElement(Hr,null,D.createElement(Re,{variant:"label",size:"medium",color:"neutral700"},gt.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.")))},D.createElement(OT,{color:"gray"}))),start:D.createElement(DT,{color:"gray",size:14}),end:D.createElement(VT,{checked:y}),onClick:C},j={id:"theme-item",type:D.createElement(zT,null),title:D.createElement(Re,{variant:"title",size:"xmedium"},gt.t("Theme")),end:D.createElement(YT,null,D.createElement(jT,{container:M(),items:JT,value:n,onChange:z=>o(z.id),type:"primary",borderRadius:"small"})),start:ZT(n)},G=m?[]:[w,A];return f||G.push(N),G.push(L),!e?.singleTheme&&!d&&G.push(j),D.createElement(qT,{type:D.createElement(QT,{hasDivider:!0,id:"_",onClick:()=>console.log()}),items:G})}i(gd,"SettingsLists");var rk=tk("div",{paddingLeft:"$8"});function hd(){let{isInCampaignMode:t,updateCampaignMode:e}=g(),o=t(),[,n]=nk(),r=ok(),s=i(()=>{r&&o&&(n(a=>(a.delete("liquiditySources"),a),{replace:!0}),e("liquiditySources",void 0))},"onClick");return Rt.createElement(pe,{header:{title:ya.t("Settings")}},Rt.createElement(ue,null,o&&Rt.createElement(RT,{type:"info",variant:"alarm",title:ya.t("Currently, you're in campaign mode with restrictions on liquidity sources. Would you like to switch out of this mode and make use of all available liquidity sources?"),action:Rt.createElement(rk,null,Rt.createElement(ek,{type:"secondary",size:"small",onClick:s},ya.t("Reset")))}),Rt.createElement(ga,null),Rt.createElement(gd,null)))}i(hd,"SettingsPage");import{i18n as Vk}from"@lingui/core";import{cancelSwap as jk}from"@rango-dev/queue-manager-rango-preset";import{useManager as Xk}from"@rango-dev/queue-manager-react";import{Alert as Kk}from"@rango-dev/ui";import Ba from"react";import{useParams as Yk}from"react-router-dom";import{i18n as Et}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Ak,getCurrentStep as Wk,getRelatedWalletOrNull as Nk}from"@rango-dev/queue-manager-rango-preset";import{Button as zd,CopyIcon as Mk,Divider as Lk,IconButton as Bk,LinkIcon as _k,QuoteCost as Pk,StepDetails as $k,Typography as ko,useCopyToClipboard as Dk}from"@rango-dev/ui";import{useWallets as Fk}from"@rango-dev/wallets-react";import Qd from"bignumber.js";import{PendingSwapNetworkStatus as ei}from"rango-types";import oe,{useEffect as Hd,useRef as Ok,useState as Gd}from"react";import{useNavigate as Uk}from"react-router-dom";import{i18n as Ft}from"@lingui/core";var ik=[Ft.t("Sunday"),Ft.t("Monday"),Ft.t("Tuesday"),Ft.t("Wednesday"),Ft.t("Thursday"),Ft.t("Friday"),Ft.t("Saturday")];function yd(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Ft.t("Today"):`${ik[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(yd,"timeSince");function Sd(t){return t.finishTime?yd(parseInt(t.finishTime)):yd(parseInt(t.creationTime))}i(Sd,"getSwapDate");import{PendingSwapNetworkStatus as Xr}from"rango-types";import Kr from"react";import{i18n as Vr}from"@lingui/core";import{Button as Cd,Divider as Sa,MessageBox as sk}from"@rango-dev/ui";import Ot from"react";var Td=i(({onCancel:t,onClose:e})=>Ot.createElement(Ot.Fragment,null,Ot.createElement(Sa,{size:20}),Ot.createElement(sk,{type:"error",title:Vr.t("Cancel Swap"),description:Vr.t("Are you sure you want to cancel this swap?")}),Ot.createElement(Sa,{size:32}),Ot.createElement(Cd,{variant:"contained",type:"primary",size:"large",onClick:t},Vr.t("Yes, Cancel it")),Ot.createElement(Sa,{size:12}),Ot.createElement(Cd,{variant:"outlined",type:"primary",size:"large",onClick:e},Vr.t("No, Continue"))),"CancelContent");import{i18n as jr}from"@lingui/core";import{Button as kd,Divider as Ca,MessageBox as ak,Typography as lk}from"@rango-dev/ui";import It from"react";var wd=i(({onDelete:t,onClose:e})=>It.createElement(It.Fragment,null,It.createElement(Ca,{size:20}),It.createElement(ak,{type:"error",title:jr.t("Delete Transaction"),description:jr.t("Are you sure you want to delete this swap?")}),It.createElement(Ca,{size:32}),It.createElement(kd,{variant:"contained",type:"primary",size:"large",onClick:t},jr.t("Yes, Delete it")),It.createElement(Ca,{size:12}),It.createElement(kd,{variant:"outlined",type:"primary",size:"large",onClick:e},It.createElement(lk,{variant:"title",size:"medium",color:"primary"},jr.t("No, Cancel")))),"DeleteContent");import{i18n as Ta}from"@lingui/core";import{PendingSwapNetworkStatus as ka}from"rango-types";var wa={[ka.WaitingForNetworkChange]:{type:"loading",title:Ta.t("Change Network")},[ka.WaitingForConnectingWallet]:{type:"warning",title:Ta.t("Connect Wallet")},[ka.NetworkChanged]:{type:"success",title:Ta.t("Network Changed")}};import{debug as ck}from"@rango-dev/logging-core";import{MessageBox as uk,Wallet as mk}from"@rango-dev/ui";import{useWallets as dk}from"@rango-dev/wallets-react";import sn from"react";import{styled as pk}from"@rango-dev/ui";var xd=pk("div",{display:"flex",justifyContent:"center"});var vd=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c}=dk(),u=n?.walletType,d=u?ci(c(u)):null,m=u?p(u):null;return sn.createElement(sn.Fragment,null,sn.createElement(uk,{type:e,title:o,description:r}),s&&!!u&&!!d&&!!m&&sn.createElement(xd,null,sn.createElement(mk,{container:M(),title:m.name,image:m.img,type:u,state:d,link:m.installLink,disabled:a,onClick:async()=>l(u).catch(y=>ck(y))})))},"WalletStateContent");function xa(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===Xr.WaitingForNetworkChange||e===Xr.WaitingForConnectingWallet||e===Xr.NetworkChanged;return Kr.createElement(le,{open:!!e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},p&&Kr.createElement(vd,{type:wa[e].type,title:wa[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==Xr.WaitingForNetworkChange}),e==="delete"&&Kr.createElement(wd,{onClose:o,onDelete:n}),e==="cancel"&&Kr.createElement(Td,{onClose:o,onCancel:r}))}i(xa,"SwapDetailsModal");import{i18n as an}from"@lingui/core";import{Button as va,Divider as Yr,MessageBox as bd,TokenAmount as fk,Typography as ba}from"@rango-dev/ui";import We from"react";import{useNavigate as gk}from"react-router-dom";function Ia(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:c,percentageChange:u,description:d,diagnosisUrl:m}=t,f=gk();return We.createElement(le,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},n==="success"?We.createElement(bd,{type:"success",title:an.t("Swap Successful")},We.createElement(fk,{direction:"vertical",tooltipContainer:M(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),We.createElement(Yr,{size:12}),We.createElement(ba,{variant:"body",size:"medium",color:"neutral700",align:"center"},d)):We.createElement(bd,{type:"error",title:an.t("Transaction Failed"),description:d}),We.createElement(Yr,{size:32}),n==="success"&&We.createElement(va,{variant:"contained",type:"primary",size:"large",onClick:()=>{f("../../")}},We.createElement(ba,{variant:"title",size:"medium",color:"neutral100"},an.t("Done"))),We.createElement(Yr,{size:12}),m&&We.createElement(We.Fragment,null,We.createElement(va,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},an.t("Diagnosis")),We.createElement(Yr,{size:12})),We.createElement(va,{variant:"outlined",type:"primary",size:"large",onClick:o},We.createElement(ba,{variant:"title",size:"medium",color:"primary"},an.t("See Details"))))}i(Ia,"SwapDetailsCompleteModal");import Ik from"react";import{i18n as wk}from"@lingui/core";import{Alert as Md,IconButton as xk,LinkIcon as vk}from"@rango-dev/ui";import Ut,{Fragment as bk}from"react";import{Alert as hk,ChevronDownIcon as yk,ChevronUpIcon as Sk,IconButton as Ck}from"@rango-dev/ui";import Jr,{useState as Tk}from"react";function Id(t){let{message:e}=t,[o,n]=Tk(!1);return Jr.createElement(hk,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Jr.createElement(Ck,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Jr.createElement(Sk,{size:12,color:"gray"}):Jr.createElement(yk,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(Id,"FailedAlert");import{styled as kk}from"@rango-dev/ui";var Ed=kk("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Ad}from"@lingui/core";import{Alert as Ea,Button as Wd}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Aa}from"rango-types";import ln from"react";function Nd(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?ln.createElement(Ea,{type:"warning",title:n.shortMessage,action:ln.createElement(Wd,{size:"xxsmall",type:"warning",onClick:()=>{o(Aa.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},Ad.t("Change"))}):r===Aa.WaitingForConnectingWallet?ln.createElement(Ea,{type:"warning",title:n.shortMessage,action:ln.createElement(Wd,{size:"xxsmall",type:"warning",onClick:()=>{o(Aa.WaitingForConnectingWallet)}},Ad.t("Connect"))}):ln.createElement(Ea,{type:"warning",title:n.shortMessage})}i(Nd,"WarningAlert");function Wa(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=Wo(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return Ut.createElement(Ed,null,s.explorerUrl?.map((d,m,f)=>{let y=m+d.url,C=m===f.length-1,S=(C&&c||p)&&!u,h=C&&s.status==="failed";return Ut.createElement(bk,{key:y},Ut.createElement(Md,{type:C&&(S&&"loading"||h&&"error")||"success",title:d.description?`${d.description} Tx`:wk.t("View transaction"),action:d.url&&Ut.createElement(xk,{variant:"ghost",size:"xsmall",onClick:()=>window.open(d.url,"_blank")},Ut.createElement(vk,{size:12}))}))}),u&&Ut.createElement(Md,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Ut.createElement(Nd,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Ut.createElement(Id,{message:r}))}i(Wa,"SwapDetailsAlerts");var Ld=2e3;var Bd=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:Ve(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:W(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ve(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:W(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:bo(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Ve(p.fromBlockchain,e)??""},to:{blockchain:Ve(p.toBlockchain,e)??""},swapper:{displayName:bo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:Ik.createElement(Wa,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function _d(t){if(Wo(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(_d,"getStepState");import{css as pn,darkTheme as Ek,styled as eo}from"@rango-dev/ui";var Pd=eo("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Zr=eo("div",{width:"100%"}),$d=eo(Lo,{padding:"$0 $20 $20 $20"}),xq=eo("div",{display:"flex",flexDirection:"column",gap:"$10"}),Dd=eo("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),vq=eo("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),To=pn({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${Ek} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),Fd=pn({padding:"$5 0"}),Rr=pn({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),Od=pn({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Ud=pn({width:"100%",padding:"0 $20 $10"}),qd=eo("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function Na(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=Fk(),p=g().blockchains(),c=g().swappers(),u=g().tokens(),d=H.use.retry(),m=ne.use.isActiveTab(),f=Uk(),[y,C]=Dk(Ld),S=Ok(null),[h,k]=Gd(null),[T,x]=Gd(null),E=i(()=>{r(),k(null)},"onCancel"),b=Oe.use.getUnreadNotifications(),v=Oe.use.setAsRead(),w=b(),A=Wk(e),N=A?.networkStatus;Hd(()=>{w.find(Fe=>Fe.requestId===e.requestId)&&(e.status==="success"||e.status==="failed"?(x(e.status),v(e.requestId)):T&&x(null))},[e.status,e.requestId]),Hd(()=>{re?k(ei.WaitingForNetworkChange):N===ei.WaitingForConnectingWallet||N===ei.NetworkChanged?k(N):k(null)},[N]);let L=Jl(e),j=A?Ak(e,A):null,G=A?Nk(e,A):null,z=Sd(e),B=Zl(e),ee=i(ye=>!!l(ye)?.mobileWallet,"isMobileWallet"),re=N===ei.WaitingForNetworkChange&&!!j&&!!G?.walletType&&(ee(G.walletType)||s(G.walletType,j)),Q=re?a.bind(null,G.walletType,j):void 0,_=Yl(e,A),I=Bd({swap:e,switchNetwork:Q,showNetworkModal:N,setNetworkModal:k,message:_,blockchains:p,swappers:c}),J=I.length,[de,Z]=[e.steps[0],e.steps[J-1]],ie=Z.outputAmount||Z.expectedOutputAmountHumanReadable,to=e.steps.reduce((ye,Fe)=>ye+parseFloat(Fe.feeInUsd||""),0),V=e.steps.find(ye=>ye.diagnosisUrl)?.diagnosisUrl,K=W(parseFloat(W(ie,6,6))*(Z.toUsdPrice||0),4,4),te=W(parseFloat(e.inputAmount)*(de.fromUsdPrice||0),4,4),Ie=ie?ce(new Qd(ie).multipliedBy(Z.toUsdPrice||0)):"",et=ce(new Qd(e.inputAmount).multipliedBy(de.fromUsdPrice||0)),$e=Xe(te,K),De=e.status==="success"?Et.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:W(ie,6,6),token:I[J-1].to.token.displayName,conciseAddress:wn(e.wallets[I[J-1].to.chain.displayName]?.address||""),chain:I[J-1].to.chain.displayName}}):`${Et.t("Transaction was not sent.")} ${L?Et.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:L.outputAmount,symbol:L.symbol,blockchain:L.blockchain}}):""}`;return oe.createElement(pe,{header:{title:Et.t("Swap and Bridge"),onCancel:e.status==="running"?()=>k("cancel"):void 0,suffix:e.status!=="running"&&oe.createElement(lo,null,oe.createElement(zd,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>k("delete")},oe.createElement(ko,{size:"medium",variant:"label",color:"error"},Et.t("Delete"))))},footer:B&&!T&&oe.createElement(zd,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{d(e,{blockchains:p,tokens:u}),setTimeout(()=>{f("../../")},0)}},Et.t("Try again"))},oe.createElement(ue,{compact:!0,view:!0},oe.createElement(Zr,null,oe.createElement("div",{className:To()},oe.createElement(ko,{variant:"label",size:"large",color:"neutral700"},`${Et.t("Request ID")}:`),oe.createElement("div",{className:Rr()},oe.createElement(ko,{variant:"label",size:"small",color:"neutral700"},o),oe.createElement(Bk,{variant:"ghost",onClick:C.bind(null,o||"")},oe.createElement(Mk,{size:16,color:"gray"})),oe.createElement(qd,{target:"_blank",href:`${Fa}/swap/${o}`},oe.createElement(_k,{size:16})))),oe.createElement("div",{className:To()},oe.createElement(ko,{variant:"label",size:"large",color:"neutral700"},`${Et.t(e.finishTime?"Finished at":"Created at")}:`),oe.createElement(ko,{variant:"label",size:"small",color:"neutral700"},z))),oe.createElement("div",{className:Od()},oe.createElement(Pk,{fee:W(String(to),2,2),time:fn(gn(e.steps)),steps:J}),oe.createElement(Oo,{from:{price:{value:W(e.inputAmount,6,6),usdValue:te,realUsdValue:et,realValue:e.inputAmount},token:{displayName:I[0].from.token.displayName,image:I[0].from.token.image},chain:{image:I[0].from.chain.image,displayName:I[0].from.chain.displayName}},to:{price:{value:W(ie,6,6),usdValue:K,realUsdValue:Ie,realValue:ie},token:{displayName:I[J-1].to.token.displayName,image:I[J-1].to.token.image},chain:{image:I[J-1].to.chain.image,displayName:I[J-1].to.chain.displayName}},percentageChange:W($e,2,2),warningLevel:St($e??0)})),oe.createElement("div",{className:Ud()},oe.createElement(ko,{variant:"title",size:"small"},Et.t("Swaps steps"))),oe.createElement(Lk,{size:8}),oe.createElement($d,{ref:S},I.map((ye,Fe)=>{let mn=Fe,wo=_d(e.steps[Fe]),df=wo==="error"||wo==="in-progress"||wo==="warning"||wo==="completed"&&Fe===I.length-1;return oe.createElement($k,{key:mn,step:ye,type:"swap-progress",ref:S,state:wo,hasSeparator:Fe!==0,tabIndex:mn,isFocused:df,tooltipContainer:M()})}))),oe.createElement(xa,{state:h,onClose:()=>k(null),onCancel:E,onDelete:n,message:_.detailedMessage.content,currentStepWallet:G,walletButtonDisabled:!m}),oe.createElement(Ia,{open:!!T,diagnosisUrl:V,onClose:()=>x(null),status:e.status==="success"?"success":"failed",priceValue:W(ie,6,6),usdValue:K,realUsdValue:Ie,realValue:ce(ie),percentageChange:W($e,2,2),token:{displayName:I[J-1].to.token.displayName,image:I[J-1].to.token.image},chain:{image:I[J-1].to.chain.image},description:De}))}i(Na,"SwapDetails");import{i18n as oi}from"@lingui/core";import{Divider as Xd,NotFound as Gk,Skeleton as un,Typography as ni}from"@rango-dev/ui";import he from"react";import{i18n as qk}from"@lingui/core";import{Divider as zk,Skeleton as Qk,Typography as Hk}from"@rango-dev/ui";import Ce from"react";import{css as lt,styled as Ma}from"@rango-dev/ui";var Vd=Ma("div",{width:"100%",height:"100%",padding:"$10 $20"}),cn=Ma("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),ti=Ma("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),nz=lt({display:"flex",justifyContent:"space-between",alignItems:"center"}),rz=lt({display:"flex",justifyContent:"space-between",alignItems:"center"}),iz=lt({paddingTop:"$15",display:"flex"}),sz=lt({padding:"$15 $0"}),az=lt({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),lz=lt({paddingBottom:"$10"}),pz=lt({display:"flex",justifyContent:"start",alignItems:"center"}),cz=lt({paddingTop:"$5",display:"flex",alignItems:"center"}),uz=lt({display:"flex",alignItems:"center"}),mz=lt({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),jd=lt({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function La(){return Ce.createElement(Vd,null,Ce.createElement(Ho,{type:"swap-preview"}),Ce.createElement("div",{className:"swaps-steps"},Ce.createElement(Hk,{variant:"title",size:"small"},qk.t("Swaps steps"))),Ce.createElement(Ce.Fragment,null,Ce.createElement(cn,null,Ce.createElement(dt,{separator:!1}),Ce.createElement("div",{className:jd()},Ce.createElement(zk,{direction:"horizontal",size:20}),Ce.createElement(Qk,{height:22,variant:"rectangular"}))),Ce.createElement(ti,null),Ce.createElement(cn,null,Ce.createElement(dt,{separator:!1})),Ce.createElement(ti,null),Ce.createElement(cn,null,Ce.createElement(dt,{separator:!1})),Ce.createElement(ti,null),Ce.createElement(cn,null,Ce.createElement(dt,{separator:!1}))))}i(La,"LoadingSwapDetails");function Kd(t){let{requestId:e,showSkeleton:o}=t;return he.createElement(pe,{header:{title:oi.t("Swap and Bridge"),suffix:he.createElement(lo,null)}},o&&he.createElement(Pd,null,he.createElement(Zr,null,he.createElement("div",{className:To()},he.createElement(ni,{variant:"label",size:"large",color:"neutral700"},`${oi.t("Request ID")}:`),he.createElement("div",{className:Rr()},he.createElement(ni,{variant:"label",size:"small",color:"neutral700"},he.createElement(un,{width:60,height:10,variant:"rounded"})),he.createElement(Xd,{direction:"horizontal",size:4}),he.createElement(un,{width:16,height:16,variant:"rectangular"}),he.createElement(Xd,{direction:"horizontal",size:4}),he.createElement(un,{width:16,height:16,variant:"rectangular"}))),he.createElement("div",{className:To()},he.createElement(ni,{className:Fd(),variant:"label",size:"large",color:"neutral700"},he.createElement(un,{width:60,height:10,variant:"rounded"})),he.createElement(ni,{variant:"label",size:"small",color:"neutral700"},he.createElement(un,{width:60,height:10,variant:"rounded"})))),he.createElement(La,null)),!o&&he.createElement(Dd,null,he.createElement(Gk,{title:oi.t("Not found"),description:oi.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Kd,"SwapDetailsPlaceholder");function Yd(){let{manager:t,state:e}=Xk(),o=!e.loadedFromPersistor,n=ut(t),{requestId:r}=Yk(),s=Ye(),{fetchStatus:a}=g();if(!r)return Ba.createElement(Kk,{containerStyles:{margin:"20px"},type:"error",title:Vk.t("The request ID is necessary to display the swap details.")});let l=o||a==="loading",p=r?n.find(({swap:m})=>m.requestId===r):void 0,c=i(()=>{if(p?.id){let m=t?.get(p.id);m&&jk(m)}},"onCancel"),u=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),d=p?.swap;return!d||l?Ba.createElement(Kd,{requestId:r,showSkeleton:l}):Ba.createElement(Na,{swap:d,requestId:r,onCancel:c,onDelete:u})}i(Yd,"SwapDetailsPage");function Jd(){return lp(),_i(),Jk([{path:O.home,element:ze.createElement(xm,null)},{path:O.routes,element:ze.createElement(Am,null)},{path:O.fromSwap,children:[{index:!0,element:ze.createElement(da,{type:"source"})},{path:O.blockchains,element:ze.createElement(Ys,{type:"source"})}]},{path:O.toSwap,children:[{index:!0,element:ze.createElement(da,{type:"destination"})},{path:O.blockchains,element:ze.createElement(Ys,{type:"destination"})}]},{path:O.settings,children:[{index:!0,element:ze.createElement(hd,null)},{path:O.languages,element:ze.createElement(bm,null)},{path:O.exchanges,element:ze.createElement(Vs,{sourceType:"Exchanges"})},{path:O.bridges,element:ze.createElement(Vs,{sourceType:"Bridges"})}]},{path:O.swaps,children:[{index:!0,element:ze.createElement(nm,null)},{path:O.swapDetails,element:ze.createElement(Yd,null)}]},{path:O.wallets,element:ze.createElement(hc,null)},{path:O.confirmSwap,element:ze.createElement(Gu,null)}])}i(Jd,"AppRoutes");import{isApprovalTX as Zk,MainEvents as Zd,RouteEventType as Rd,StepEventType as ef,StepExecutionEventStatus as Rk,useEvents as ew}from"@rango-dev/queue-manager-rango-preset";import{useEffect as tf}from"react";function of(){let t=g().tokens(),e=Y.use.connectedWallets(),o=Y.use.getWalletsDetails(),n=Oe.use.setNotification(),r=ew();return tf(()=>(r.on(Zd.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===ef.TX_EXECUTION&&a.status===Rk.TX_SENT&&!Zk(l)||a.type===ef.SUCCEEDED){let u=e.find(m=>m.chain===l?.fromBlockchain),d=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);u&&o([u],t),d&&o([d],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),tf(()=>(r.on(Zd.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Rd.FAILED||a.type===Rd.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(of,"WidgetEvents");import{useQueueManager as iw}from"@rango-dev/queue-manager-rango-preset";import{splitWalletNetwork as sw}from"@rango-dev/wallets-shared";import{isEvmBlockchain as aw}from"rango-sdk";import{useContext as lw,useEffect as pw,useState as af}from"react";import{globalCss as tw}from"@rango-dev/ui";var nf=i(()=>tw({"@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");function rf(){let{setWatermark:t}=ne();return{fetchApiConfig:i(async()=>{let o=await fetch(`${ht("BASE_URL")}/meta/dapp/config?apiKey=${ht("API_KEY")}`);if(!o.ok)throw new Error(`Request failed with status: ${o.status} `);let n=await o.json();t(n.config.watermark)},"fetchApiConfig")}}i(rf,"useFetchApiConfig");import{useWallets as ow}from"@rango-dev/wallets-react";import{useEffect as nw,useRef as rw}from"react";function sf(){let{connect:t,state:e}=ow(),o=rw({}),{fetchStatus:n}=g(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);nw(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(sf,"useForceAutoConnect");function _a(){nf(),sf();let t=g().blockchains(),{canSwitchNetworkTo:e}=lr(),[o,n]=af(""),[r,s]=af(),a=lw(Nn),l=t.filter(aw),{fetchApiConfig:p}=rf();iw({lastConnectedWallet:o,clearDisconnectedWallet:()=>{s(void 0)},disconnectedWallet:r,evmChains:l,canSwitchNetworkTo:e}),pw(()=>(qt.init(),Oe.persist.hasHydrated()||Oe.persist.rehydrate(),a.onConnectWallet(n),a.onDisconnectWallet(c=>{s(c),c===sw(o)?.[0]&&n("")}),p().catch(console.log),qt.destroy),[])}i(_a,"useBootstrap");import{styled as cw}from"@rango-dev/ui";var lf=cw("div",{fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function ii(){_a();let{config:t}=g(),{activeTheme:e}=Zn(t?.theme||{}),{activeLanguage:o}=Dt();return ri.createElement(uw,{language:o},ri.createElement(lf,{id:"swap-container",className:e()},ri.createElement(of,null),ri.createElement(Jd,null)))}i(ii,"Main");import $a,{useMemo as Ww}from"react";import{checkWaitingForNetworkChange as mw,makeQueueDefinition as dw}from"@rango-dev/queue-manager-rango-preset";import{Provider as fw}from"@rango-dev/queue-manager-react";import{useWallets as gw}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as hw}from"@rango-dev/wallets-shared";import{isEvmBlockchain as yw}from"rango-types";import Sw,{useMemo as Cw}from"react";function Tw(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=gw(),l=Cw(()=>dw({API_KEY:t.apiKey||ht("API_KEY"),BASE_URL:ht("BASE_URL")}),[t.apiKey]),p=g().blockchains(),u={blockchains:Y.use.connectedWallets().map(T=>({accounts:[T],name:T.chain}))},d=i(async(T,x)=>{if(s(T,x))return r(T,x)},"switchNetwork"),m=i(T=>!!a(T).mobileWallet,"isMobileWallet"),f=p.filter(T=>T.enabled).reduce((T,x)=>(T[x.name]=x,T),{}),y=p.filter(yw),C=i(T=>{let{supportedChains:x}=a(T);return Sn(x)},"getSupportedChainNames"),S=e(),h={meta:{blockchains:f,evmBasedChains:y,evmNetworkChainInfo:hw(y),getSupportedChainNames:C},getSigners:o,wallets:u,providers:S,switchNetwork:d,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},k=ne.use.isActiveTab();return Sw.createElement(fw,{queuesDefs:[l],context:h,onPersistedDataLoaded:T=>{mw(T)},isPaused:!k},t.children)}i(Tw,"QueueManager");var pf=Tw;import{useManager as bw}from"@rango-dev/queue-manager-react";import Iw,{createContext as Ew,useContext as Aw}from"react";import{cancelSwap as kw,getCurrentBlockchainOfOrNull as ww,getCurrentStep as xw,getRelatedWalletOrNull as vw}from"@rango-dev/queue-manager-rango-preset";var si=class{static{i(this,"WidgetHistory")}manager;actions;constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return ut(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&&kw(o)}getCurrentStepInfo(e){let o=xw(e);return{step:o,wallet:o?vw(e,o):null,network:o?ww(e,o):null}}};var cf=Ew(void 0);function Pa(t){let{manager:e}=bw(),o=ne.use.isActiveTab(),n=H.use.retry(),r=new si(e,{retrySwap:n}),s=Y.use.connectedWallets(),a=Y.use.loading(),l=Xa(s),p=Y.use.getWalletsDetails(),c=g().blockchains(),u=g().tokens(),d=g().swappers(),m=g().fetchStatus,f=Dt().resetLanguage,y=Oe().getUnreadNotifications(),C={isActiveTab:o,setCurrentTabAsActive:qt.forceClaim,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:c,tokens:u,swappers:d,loadingStatus:m},resetLanguage:f,notifications:{list:y}};return Iw.createElement(cf.Provider,{value:C},t.children)}i(Pa,"WidgetInfo");function uf(){let t=Aw(cf);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(uf,"useWidget");function ai(t){let{onUpdateState:e,config:o}=t;return Ww(()=>{el({API_KEY:o?.apiKey||dn,BASE_URL:o?.apiUrl||Da})},[o.apiKey,o.apiUrl]),$a.createElement(Mn,{config:o,onUpdateState:e},$a.createElement(pf,{apiKey:o.apiKey},$a.createElement(Pa,null,t.children)))}i(ai,"WidgetProvider");function mf(t){let e=t.config?.externalWallets;return li.createElement(Bl,null,e?li.createElement(ii,null):li.createElement(ai,{config:t.config??gi},li.createElement(ii,null)))}i(mf,"Widget");export{nG as EventSeverity,rG as MainEvents,fG as Networks,yG as PendingSwapNetworkStatus,iG as RouteEventType,sG as StepEventType,aG as StepExecutionBlockedEventStatus,lG as StepExecutionEventStatus,ke as UI_ID,mG as WalletEvents,gG as WalletTypes,mf as Widget,ai as WidgetProvider,Mn as WidgetWallets,zi as customizedThemeTokens,uG as readAccountAddress,lr as useWallets,uf as useWidget,pG as useWidgetEvents};
|
|
1
|
+
var ff=Object.defineProperty;var i=(t,e)=>ff(t,"name",{value:e,configurable:!0});import{EventSeverity as iG,MainEvents as sG,RouteEventType as aG,StepEventType as lG,StepExecutionBlockedEventStatus as pG,StepExecutionEventStatus as cG,useEvents as uG}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as dG,useWallets as lr,Events as fG}from"@rango-dev/wallets-react";import{Networks as hG,WalletTypes as yG}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as CG}from"rango-types";import{UI_ID as gf}from"@rango-dev/ui";var dn="c6381a79-2817-4602-83bf-6a641a409e32",Oa="https://api.rango.exchange",Ua="https://explorer.rango.exchange",ke={SWAP_BOX_ID:"rango-swap-box",EXPANDED_BOX_ID:"rango-expanded-box",...gf};import{Events as xi,Provider as sg}from"@rango-dev/wallets-react";import{isEvmBlockchain as ag}from"rango-sdk";import Wn,{createContext as lg,useEffect as Bl,useMemo as pg,useRef as _l}from"react";import{useEffect as Nf}from"react";import{create as Ef}from"zustand";import{subscribeWithSelector as Af}from"zustand/middleware";import{RangoClient as bf}from"rango-sdk";import{WalletState as ct}from"@rango-dev/ui";import{readAccountAddress as Sf}from"@rango-dev/wallets-react";import{detectInstallLink as Cf,getCosmosExperimentalChainInfo as Tf,isEvmAddress as kf,KEPLR_COMPATIBLE_WALLETS as Gw,Networks as Ha}from"@rango-dev/wallets-shared";import pi from"bignumber.js";import{isCosmosBlockchain as wf}from"rango-types";import hf from"bignumber.js";var Ne=new hf(0);import{WalletTypes as yf}from"@rango-dev/wallets-shared";var qa=[yf.LEAP];import{BigNumber as Qa}from"bignumber.js";var fn=i(t=>{let e=Math.floor(t%60/15)*15,o=parseInt((t/60).toString());return o>=60?`${Math.floor(o/5)*5}:00`:`${o.toString().padStart(2,"0")}:${e.toString().padStart(2,"0")}`},"roundedSecondsToString"),W=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new Qa(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new Qa(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 gn=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var pt=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),xo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function ce(t){return W(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(ce,"formatTooltipNumbers");function ci(t){switch(!0){case t.connected:return ct.CONNECTED;case t.connecting:return ct.CONNECTING;case!t.installed:return ct.NOT_INSTALLED;default:return ct.DISCONNECTED}}i(ci,"mapStatusToWalletState");function Ga(t,e,o,n){return o.filter(r=>!qa.includes(r)).filter(r=>{let{supportedChains:s,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!s.find(u=>u.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=ci(t(r));return{title:s,image:a,link:Cf(l),state:p,type:r}})}i(Ga,"mapWalletTypesToWalletInfo");function Sn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Sn,"walletAndSupportedChainsNames");function Va(t,e,o,n,r){let s=[];function a(p,c){if(!!!s.find(f=>f.chain===p)){let f={address:c,chain:p,walletType:t};s.push(f)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:c,network:u}=Sf(p),f=l.length>0,m=l.includes(u),d=u===Ha.Unknown;if(f&&!m&&!d)return;let C=u===Ha.Unknown&&kf(c);if(d&&!C)return;o.includes(u)||C?r?a(u,c.toLowerCase()):l.filter(k=>o.includes(k)).forEach(k=>{a(k,c.toLowerCase())}):a(u,c)}),s}i(Va,"prepareAccountsForWalletStore");function ja(t){let e=[];return t?.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(ja,"getRequiredChains");function Cn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(Cn,"isAccountAndWalletMatched");function Xa(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 pi(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:vf(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Xa,"makeBalanceFor");function Ka(t){return{...t,loading:!1,error:!0}}i(Ka,"resetConnectedWalletState");var Ya=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=W(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new pi(s?.amount||Ne).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ne)||Ne).toString();return xf(r)},"calculateWalletUsdValue");function xf(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(xf,"numberWithThousandSeparator");var vf=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Tn=i((t,e)=>{let o=Tf(Object.entries(t).map(([,n])=>n).filter(wf));return o&&o[e]?.experimental},"isExperimentalChain");function kn(t){return t?{...t,amount:W(t.amount,8,8),usdValue:W(t.usdValue,4,4)}:null}i(kn,"formatBalance");function Ja(t,e){return t?.usdValue||e?.usdValue?parseFloat(e?.usdValue||"0")-parseFloat(t?.usdValue||"0"):t?.amount||e?.amount?parseFloat(e?.amount||"0")-parseFloat(t?.amount||"0"):0}i(Ja,"compareTokenBalance");function Me(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Me,"areTokensEqual");function Za(t){return t.sort((e,o)=>+(o.state===ct.CONNECTED)-+(e.state===ct.CONNECTED)||+(o.state===ct.DISCONNECTED||o.state===ct.CONNECTING)-+(e.state===ct.DISCONNECTED||e.state===ct.CONNECTING))}i(Za,"sortWalletsBasedOnConnectionState");function wn(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(wn,"getConciseAddress");function Ra({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Ra,"getAddress");function ui(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(ui,"createTokenHash");function xn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new pi(o?.usdPrice??Ne).multipliedBy(o?.amount).toString():""},r=o?ui({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(xn,"makeTokensBalance");var el=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function tl(t){return t.map(e=>e.state).join("-")}i(tl,"hashWalletsState");var mi={API_KEY:dn};function ht(t){return mi[t]||""}i(ht,"getConfig");function ol(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),mi=e,mi}i(ol,"initConfig");var nl=20,rl=25,il="Roboto",di="theme-widget",vo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Me(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Me(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),fi=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig"),sl=i((t,e,o)=>o==="expanded"&&(t||e)||o==="full-expanded"&&e,"isVariantExpandable");var vn,At=i(()=>vn||(vn=new bf(ht("API_KEY"),ht("BASE_URL")),vn),"httpService");var If=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"),Wt=If;var Y=Wt(Ef()(Af((t,e)=>({connectedWallets:[],balances:{},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:xn(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=>Cn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await At().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(m=>{let d=o.find(C=>Cn(C,m)),y=p.find(C=>C.address===m.address&&C.blockChain===m.chain);return y?.failed&&d&&r&&s([d],n,!1),d&&y?{...m,explorerUrl:y.explorerUrl,balances:Xa(y,n),loading:!1}:m});return{loading:!1,balances:xn(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(f=>Cn(f,u))?Ka(u):u);return{loading:!1,balances:xn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=ui(o);return n[r]??null}}))));import{allProviders as Wf}from"@rango-dev/provider-all";function bn(t,e){let o=Wf({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(bn,"matchAndGenerateProviders");function al(t,e){return bn(t,e).map(r=>r.config.type)}i(al,"configWalletsToWalletName");function ll(t,e){let o=Y.use.clearConnectedWallet(),n=bn(void 0,e);return Nf(()=>{o(),n=bn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(ll,"useWalletProviders");import Rf,{createContext as eg,useContext as tg,useEffect as og,useRef as ng}from"react";import{create as Jf}from"zustand";import{persist as Zf}from"zustand/middleware";var gi={apiKey:"",title:void 0,multiWallets:!0,excludeLiquiditySources:!0,customDestination:!0,variant:"default"},Mf={clientUrl:void 0},Lf={liquiditySources:void 0},pl=i((t,e,o)=>({config:{...gi,...t},iframe:Mf,campaignMode:Lf,getLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?r.liquiditySources:n.liquiditySources??[]},getDisabledLiquiditySources:()=>{let{disabledLiquiditySources:n,campaignMode:r}=o();return r.liquiditySources?.length?[]:n},excludeLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?!1:!!n.excludeLiquiditySources},isInCampaignMode:()=>{let{campaignMode:n}=o();return!!n.liquiditySources?.length},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})},updateCampaignMode:(n,r)=>{let s=o().campaignMode;e({campaignMode:{...s,[n]:r}})},updateIframe:(n,r)=>{let s=o().iframe;e({iframe:{...s,[n]:r}})}}),"createConfigSlice");function In(t){return Array.from(new Set(t))}i(In,"removeDuplicateFrom");function Si(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Si,"areEqual");function gl(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(gl,"debounce");function yt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(yt,"containsText");function ml(t,e){return t.toLowerCase()===e.toLowerCase()}i(ml,"exactText");function dl(t,e){return t.toLowerCase().startsWith(e.toLowerCase())}i(dl,"startWithText");var M=i(()=>document.getElementById(ke.SWAP_BOX_ID),"getContainer"),En=i(()=>document.getElementById(ke.EXPANDED_BOX_ID),"getExpanded");function fl(t,e,o){let n=!!e&&ml(e,t),r=!!o&&ml(o,t);return n!==r?n?-1:1:0}i(fl,"compareExactMatchText");function hi(t,e,o){let n=!!e&&yt(e,t),r=!!o&&yt(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(hi,"compareContainsText");function yi(t,e,o){let n=!!e&&dl(e,t),r=!!o&&dl(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(yi,"compareStartWithText");function hl(t,e,o){if(!o)return 0;let n=fl(o,t.symbol,e.symbol);if(n)return n;if(o.length>=3){let r=fl(o,t.name,e.name);if(r)return r}if(o.length>=2){let r=yi(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=hi(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=yi(o,t.name,e.name);if(r)return r}if(o.length>=3){let r=hi(o,t.name,e.name);if(r!==0)return r}if(o.length>=4){let r=yi(o,t.address,e.address);if(r)return r}if(o.length>=4){let r=hi(o,t.address,e.address);if(r!==0)return r}return 0}i(hl,"compareWithSearchFor");function yl(t,e){return e.find(o=>o.name===t)?.displayName}i(yl,"getBlockchainDisplayNameFor");function Ve(t,e){return e.find(o=>o.name===t)?.shortName}i(Ve,"getBlockchainShortNameFor");function bo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(bo,"getSwapperDisplayName");function Ci(t,e){return e.find(o=>Me(o,t))??null}i(Ci,"findToken");function Ti(t,e){return e.find(o=>o.name===t)??null}i(Ti,"findBlockchain");function ki(t,e){if(!e||!t)return!1;for(let o of e.feeAssets)if(t?.blockchain===o?.blockchain&&t?.symbol===o?.symbol&&t?.address===o?.address)return!0;return!1}i(ki,"isTokenNative");function An(t,e){let o=t.map(s=>s.swapperGroup),n=[];return In(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(An,"getUniqueSwappersGroups");function Sl(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(Sl,"sortLiquiditySourcesByGroupTitle");function je(t,e){return e?.[t]==="hidden"}i(je,"isFeatureHidden");function Cl(t,e){return e?.[t]==="enabled"}i(Cl,"isFeatureEnabled");var Tl=i((t,e)=>({_blockchainsMapByName:new Map,_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchainsMapByName,r=Array.from(n?.values()||[]);if(!o||!o?.type)return r;let s=e().config,a=(o.type==="source"?s.from?.blockchains:s.to?.blockchains)??[];return r.filter(p=>!(a.length>0&&!a.includes(p.name)))},tokens:o=>{let n=e()._tokens,r=e()._blockchainsMapByName;if(!o||!o?.type)return n;let s=e().config,a=(o.type==="source"?s.from?.tokens:s.to?.tokens)??{},l=e().blockchains({type:o.type});return n.filter(c=>a&&vo(c,a)||o.blockchain&&c.blockchain!==o.blockchain||!l.some(u=>u.name===c.blockchain)?!1:o.searchFor?!!(yt(c.symbol,o.searchFor)||yt(c.address||"",o.searchFor)||yt(c.name||"",o.searchFor)):!0).sort((c,u)=>{let f=e().isTokenPinned(c,o.type),m=e().isTokenPinned(u,o.type);if(f!==m)return f?-1:1;if(o.getBalanceFor){let h=o.getBalanceFor(c),k=o.getBalanceFor(u),T=Ja(h,k);if(T!==0)return T}let d=r.get(c.blockchain),y=r.get(u.blockchain),C=ki(c,d),S=ki(u,y);if(C!==S)return C?-1:1;if(c.isPopular!==u.isPopular)return c.isPopular?-1:1;if(o.searchFor){let h=hl(c,u,o.searchFor);if(h)return h}return c.isSecondaryCoin!==u.isSecondaryCoin?c.isSecondaryCoin?1:-1:d&&y?d.sort-y.sort:0})},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Me(a,o)),swappers:()=>{let{config:o,campaignMode:n}=e(),r=n.liquiditySources?.length?n.liquiditySources:null,s=r??o.liquiditySources,a=r?!1:o.excludeLiquiditySources;return e()._swappers.filter(c=>{let u=s?.includes(c.swapperGroup);return a||!s||s.length===0?!u:u}).sort(Sl)},fetch:async()=>{try{let{enableCentralizedSwappers:o}=e().config,n=await At().getAllMetadata({enableCentralizedSwappers:o});t({fetchStatus:"success"});let r=new Map,s=[],a=n.popularTokens,l=n.swappers,p=new Set;n.tokens.forEach(u=>{p.add(u.blockchain),s.push(u)}),n.blockchains.sort((u,f)=>u.sort-f.sort).forEach(u=>{u.enabled&&p.has(u.name)&&r.set(u.name,u)}),t({_blockchainsMapByName:r,_tokens:s,_popularTokens:a,_swappers:l})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{Chinese as $f,English as Df,Finland as Ff,French as Of,German as Uf,Greece as qf,Italian as zf,Japanese as Qf,Netherlands as Hf,Poland as Gf,Portuguese as Vf,Russian as jf,Spanish as Xf,Swedish as Kf,Ukrainian as Yf}from"@rango-dev/ui";var kl=[{title:"English",label:"English",local:"en",SVGFlag:Df},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Xf},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Of},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Qf},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:Vf},{title:"Chinese",label:"\u4E2D\u56FD\u4EBA",local:"zh",SVGFlag:$f},{title:"Russian",label:"\u0420\u0443\u0441\u0441\u043A\u0438\u0439",local:"ru",SVGFlag:jf},{title:"German",label:"Deutsch",local:"de",SVGFlag:Uf},{title:"Ukrainian",label:"\u0423\u043A\u0440\u0430\u0457\u043D\u0456",local:"uk",SVGFlag:Yf},{title:"Swedish",label:"svenska",local:"sv",SVGFlag:Kf},{title:"Finnish",label:"Suomalainen",local:"fi",SVGFlag:Ff},{title:"Dutch",label:"Nederlands",local:"nl",SVGFlag:Hf},{title:"Greek",label:"Grieks",local:"el",SVGFlag:qf},{title:"Italian",label:"Italiana",local:"it",SVGFlag:zf},{title:"Polish",label:"Polski",local:"pl",SVGFlag:Gf}],Io="en";var wl=[.5,1,3],xl=1,vl=5,bl=100,Il=0;var El=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:xl,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,c=l<=9;return p&&c}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=In(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,theme:r}=o,s=je("theme",n),a=je("language",n),l=je("liquiditySource",n),p=r?.singleTheme;t({...s&&{theme:o.theme?.mode||"auto"},...p&&{theme:o.theme?.mode||"light"},...a&&{language:o.language||Io},...l&&{disabledLiquiditySources:o.liquiditySources||[]}})}}),"createSettingsSlice");function Al(t){return Jf()(Zf((...e)=>({...Tl(...e),...El(...e),...pl(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(Al,"createAppStore");var Wl=eg(null);function g(){let t=tg(Wl);if(og(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(g,"useAppStore");function Nl(t){let e=ng();return e.current||(e.current=Al(t.config)),Rf.createElement(Wl.Provider,{value:e.current},t.children)}i(Nl,"AppStoreProvider");import{create as ig}from"zustand";var Ml="rango-widget";var Eo=class{static{i(this,"TabManager")}tabId;state="not-initiated";lastTryClaim;events={};channel;constructor(e){this.channel=new BroadcastChannel(Ml),this.tabId=Math.trunc(Math.random()*1e5),this.events=e}init=()=>{this.initEvents(),this.tryClaim()};forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};isClaimed=()=>this.state==="claimed";destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};initEvents(){this.channel.addEventListener("message",this.handleMessageEvent),document.addEventListener("visibilitychange",this.handleVisibilityChange),document.addEventListener("resume",this.handleResume)}claimedByCurrentTab(e){let o=this.lastTryClaim&&this.lastTryClaim<e;if(this.isClaimed()||o){let n={name:"pong"};this.channel.postMessage(n);return}}handleMessageEvent=e=>{let o=e.data.name;switch(o){case"ping":this.claimedByCurrentTab(e.data.pingAt);break;case"pong":this.alreadyClaimedByAnotherTab();break;case"force-claim":this.forceRelease(e.data.candidateId);break;case"force-release":this.tabId===e.data.candidateId&&this.claim();break;default:throw new Error(`${o} is not supported.`)}};handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};alreadyClaimedByAnotherTab(){this.resetLastCheck()}async tryClaim(){return this.setLastCheck(),new Promise(e=>{setTimeout(()=>{this.check(),e()},300)})}check(){this.state==="not-initiated"&&this.events.onInit?.(),this.lastTryClaim?(this.claim(),this.resetLastCheck()):this.state="not-claimed"}claim(){this.state="claimed",this.events.onClaim?.()}setLastCheck(){this.lastTryClaim=Date.now();let e={name:"ping",pingAt:this.lastTryClaim};this.channel.postMessage(e)}resetLastCheck(){this.lastTryClaim=void 0}forceRelease(e){if(this.isClaimed()){this.state="not-claimed",this.events.onRelease?.();let o={name:"force-release",candidateId:e};this.channel.postMessage(o)}}};var ne=Wt(ig()((t,e)=>({isActiveTab:!1,tabManagerInitiated:!1,showActivateTabModal:!1,watermark:"NONE",fetchingApiConfig:!1,activateCurrentTab:(o,n)=>{let{showActivateTabModal:r}=e();!r&&n?t({showActivateTabModal:!0}):(r||!n)&&o()},setShowActivateTabModal:o=>{t({showActivateTabModal:o})},setWatermark:o=>{t({watermark:o})}}))),qt=new Eo({onInit:()=>ne.setState({tabManagerInitiated:!0}),onClaim:()=>ne.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>ne.setState({isActiveTab:!1})});var Nn=lg({onConnectWallet:()=>{},onDisconnectWallet:()=>{}});function cg(t){let{updateConfig:e,updateSettings:o,fetch:n}=g(),r=g().blockchains(),s=g().tokens(),a=g().config,l={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:p}=ll(t.config.wallets,l),{connectWallet:c,disconnectWallet:u}=Y(),f=_l(),m=_l();Bl(()=>{n().catch(console.log)},[]),Bl(()=>{t.config&&(e(t.config),o(t.config),window.__rango={config:a,dappConfig:t.config})},[t.config]);let d=r.filter(ag).map(h=>h.name),y=i((h,k,T,x,E)=>{if(k===xi.ACCOUNTS)if(T){let b=Sn(E.supportedBlockchains),v=Va(h,T,d,b,E.isContractWallet);v.length&&c(v,s)}else u(h),m.current?m.current(h):console.warn("onDisconnectWallet handler hasn't been set. Are you sure?");if(k===xi.ACCOUNTS&&x.connected){let b=`${h}-${x.network}-${T}`;x.connected&&(f.current?f.current(b):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(k===xi.NETWORK&&x.network){let b=`${h}-${x.network}`;f.current?f.current(b):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(h,k,T,x,E)},"onUpdateState"),C=ne.use.isActiveTab(),S=pg(()=>({onConnectWallet:h=>{f.current=h},onDisconnectWallet:h=>{m.current=h}}),[]);return Wn.createElement(Nn.Provider,{value:S},Wn.createElement(sg,{allBlockChains:r,providers:p,onUpdateState:y,autoConnect:!!C},t.children))}i(cg,"Main");function Mn(t){let{config:e,...o}=t;return Wn.createElement(Nl,{config:e},Wn.createElement(cg,{...o,config:e}))}i(Mn,"WidgetWallets");import li from"react";import ug,{Fragment as mg}from"react";import{MemoryRouter as dg,useInRouterContext as fg}from"react-router";function Pl({children:t}){let o=fg()?mg:dg;return ug.createElement(o,null,t)}i(Pl,"AppRouter");import{I18nManager as uw}from"@rango-dev/ui";import $a from"react";import ze from"react";import{useRoutes as Jk}from"react-router-dom";var O={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId",routes:"routes"};import{useEffect as ro,useRef as qn}from"react";import Lt from"bignumber.js";import{create as Tg}from"zustand";import{subscribeWithSelector as kg}from"zustand/middleware";import{getLastSuccessfulStep as Cg}from"@rango-dev/queue-manager-rango-preset";import Cb from"bignumber.js";import{i18n as Ao}from"@lingui/core";var vi={"Network Fee":Ao.t("Network Fee"),"Swapper Fee":Ao.t("Protocol Fee"),"Affiliate Fee":Ao.t("Affiliate Fee"),"Outbound network fee":Ao.t("Outbound Fee"),"Rango Fee":Ao.t("Rango Fee")},bi=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"],$l=30;var Nt=(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))(Nt||{});import{i18n as tt}from"@lingui/core";import Le from"bignumber.js";import{PendingSwapNetworkStatus as Pn}from"rango-types";function Ln(t){let e=[];return t?.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(Ln,"getRequiredWallets");function Bn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(Bn,"isValidAddress");import{i18n as Ee}from"@lingui/core";var R=i(()=>({genericServerError:Ee.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Ee.t("Please reset your liquidity sources."),description:Ee.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:Ee.t("No Routes Found."),description:Ee.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:Ee.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:Ee.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:Ee.t("High Price Impact"),title:Ee.t("Price impact is too high!"),description:Ee.t("The price impact is significantly higher than the allowed amount."),confirmMessage:Ee.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:Ee.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Ee.t("USD Price Unknown"),title:Ee.t("USD Price Unknown, Cannot calculate Price Impact."),description:Ee.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Ee.t("Confirm USD Price Unknown")}}),"errorMessages");function Dl(t){switch(t.type){case 0:return t.diagnosisMessage??R().noResultError.title;case 1:return R().genericServerError;default:return""}}i(Dl,"getQuoteErrorMessage");import{i18n as _n}from"@lingui/core";var zt=i(()=>({connectWallet:_n.t("Connect Wallet"),swap:_n.t("Swap"),swapAnyway:_n.t("Swap anyway"),ethWarning:_n.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Fl(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Le(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Le(1e3)))??!1}i(Fl,"hasHighValueLoss");function Ol(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new Le(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Le(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(Ol,"hasLimitError");function Ul(t){let e=(t||[]).filter(l=>{let p=l.fromAmountMinValue?new Le(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Le(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||c?.lte(l.fromAmount):p?.gt(l.fromAmount)||c?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Le(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Le(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=tt.t({id:"Required: >= {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=R().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=tt.t({id:"Required: > {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=R().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=tt.t({id:"Required: <= {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=R().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=tt.t({id:"Required: < {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=R().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Ul,"getLimitErrorMessage");function ql(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:zt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||l||!r||r==="0"?{title:zt().swap,action:"confirm-swap",disabled:!0}:a?{title:zt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:zt().ethWarning,action:"confirm-warning",disabled:!1}:{title:zt().swap,action:"confirm-swap",disabled:!1}:{title:zt().connectWallet,action:"connect-wallet",disabled:!1}}i(ql,"getSwapButtonState");function Ii(t,e,o){return!((!o||o.lte(Ne))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(Ii,"canComputePriceImpact");function gg(t){let e=[];return t?.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(gg,"requiredWallets");var hg=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function yg(t,e){let o=Ne;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=hg(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Le(r.amount).multipliedBy(s||0))}return o}i(yg,"getUsdFeeOfStep");function $n(t,e){return t.reduce((o,n)=>o.plus(yg(n,e)),Ne)}i($n,"getTotalFeeInUsd");function Ei(t){let e=Ne;return e=e.plus(new Le(t.amount).multipliedBy(t.price||0)),e}i(Ei,"getUsdFee");function zl(t){return t.reduce((e,o)=>e.plus(Ei(o)),Ne)}i(zl,"getTotalFeesInUsd");function Ql(t){return t.reduce((e,o)=>{for(let n of o.fee){let r=n.name,s=n.expenseType!=="DECREASE_FROM_OUTPUT"?e.payable:e.nonePayable;s[r]=[...s[r]||[],n]}return e},{payable:{},nonePayable:{}})}i(Ql,"getFeesGroup");function Hl(t){let e=new Map;return t.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(Hl,"checkSlippageErrors");function Gl(t,e){let o=new Map;return t?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}i(Gl,"checkSlippageWarnings");function Dn(t){return t.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(Dn,"getMinRequiredSlippage");function Vl(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Vl,"hasProperSlippage");function jl(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:c,affiliateRef:u,affiliatePercent:f,affiliateWallets:m,destination:d,enableCentralizedSwappers:y}=t,C=s?.reduce((k,T)=>(k[T.chain]=T.address,k),{}),S=[];return r?.forEach(k=>{S.push({blockchain:k.chain,addresses:[k.address]})}),{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:f??void 0,affiliateWallets:m??void 0,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:S,selectedWallets:C??{},slippage:c.toString(),...d&&{destination:d},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(k=>!a.includes(k)),swappersGroupsExclude:!1},enableCentralizedSwappers:y}}i(jl,"createQuoteRequestBody");function Xl(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Xl,"getWalletsForNewSwap");function oo(t){return t?.outputAmount||null}i(oo,"getQuoteOutputAmount");function Kl(t,e){return new Le(e).div(new Le(t)).minus(1).multipliedBy(100).toNumber()}i(Kl,"getPercentageChange");function Yl(t,e){let o=oo(t),n=oo(e);if(!o||!n)return!1;let r=Xe(o,n);return r?r<=-1:!0}i(Yl,"isOutputAmountChangedALot");function Jl(t,e,o){let n=t.validationStatus,r=ja(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>np(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=W(new Le(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=W(new Le(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=tt.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=tt.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=tt.t(" for input and network fee")),tt.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:c,symbol:l,reason:u,currentAmount:p,blockchain:Ve(a.asset.blockchain,o)}})})}i(Jl,"generateBalanceWarnings");function Fn(t,e){return(t?new Le(t):Ne).multipliedBy(e||0)}i(Fn,"calcOutputUsdValue");function Wo(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Pn.NetworkChanged}i(Wo,"isNetworkStatusInWarningState");function Zl(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Wo(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Pn.WaitingForConnectingWallet:n=n||tt.t("Waiting for connecting wallet");break;case Pn.WaitingForQueue:n=n||tt.t("Waiting for other running tasks to be finished");break;case Pn.WaitingForNetworkChange:n=n||tt.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(Zl,"getSwapMessages");function Rl(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(Rl,"getLastConvertedTokenInFailedSwap");function ep(t){return t.status==="failed"}i(ep,"shouldRetrySwap");function tp(t,e,o,n,r,s){return t||!e&&!gg(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!Bn(s,o)}i(tp,"confirmSwapDisabled");function op(t,e){return t.blockchain===e.blockchain&&t.symbol===e.symbol&&t.address===e.address}i(op,"isTokensIdentical");function On(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(On,"getQuoteToTokenUsdPrice");function Ai(t,e){let o=t?.swaps||[],n=e?.swaps||[];return o.length!==n.length}i(Ai,"isNumberOfSwapsChanged");function Wi(t,e){let o=t?.swaps.map(r=>r.swapperId)||[],n=e?.swaps.map(r=>r.swapperId)||[];return!Si(o,n)}i(Wi,"isQuoteSwappersUpdated");function Ni(t,e){let o=t?.swaps.map(r=>r.to.symbol)||[],n=e?.swaps.map(r=>r.to.symbol)||[];return!Si(o,n)}i(Ni,"isQuoteInternalCoinsUpdated");function ip(t,e){return Ai(t,e)||Wi(t,e)||Ni(t,e)}i(ip,"isQuoteChanged");function np(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(np,"getRequiredBalanceOfWallet");function St(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(St,"getPriceImpactLevel");function sp(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Cg(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Ti(s?s.toBlockchain:n.fromBlockchain,e),p=Ti(r.toBlockchain,e),c=Ci(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=Ci(a,o),f=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:f}}i(sp,"createRetryQuote");function no(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Qt(o,t.requestAmount),l=Qt(n,t?.outputAmount??"");if(t&&a&&l){let u=Xe(a.toString(),l.toString());if(!!u&&Fl(a,u)){let m=$n(t?.swaps,r),d=St(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:m,warningLevel:d}}}else if(t&&(!a||!l))return{type:1};let p=Dn(t.swaps),c=s>vl;if(Vl(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:Gl(t,s),minRequiredSlippage:p};return null}i(no,"generateQuoteWarnings");function Xe(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:Kl(t.toString(),e.toString());return n&&n<0?n:null}i(Xe,"getPriceImpact");var ap=i(t=>{let e=new Set,o=[];return t.forEach(n=>{e.has(n.from.chain.displayName)||(e.add(n.from.chain.displayName),o.push(n.from.chain)),e.has(n.to.chain.displayName)||(e.add(n.to.chain.displayName),o.push(n.to.chain))}),o},"getUniqueBlockchains"),Un=i((t,e)=>e.sort((o,n)=>{let r=i(c=>c.scores?.find(u=>u.preferenceType===t)?.score??0,"getScore"),s=r(o),a=r(n);if(s!==a)return a-s;let l=o.requestId.toLowerCase(),p=n.requestId.toLowerCase();return l.localeCompare(p)}),"sortQuotesBy"),lp=i((t,e,o)=>{if(!e.length)return null;if(!t)return{requestAmount:o,...e[0]};let n=new Set(t.swaps.map(s=>s.swapperId)),r=e.find(s=>{let a=new Set(s.swaps.map(l=>l.swapperId));return Array.from(n).every(l=>a.has(l))});return{requestAmount:o,...r||e[0]}},"getDefaultQuote"),pp=i(t=>{let e=i((o,n)=>{let r=bi.indexOf(o.value),s=bi.indexOf(n.value);return r!==-1&&s!==-1?r-s:r!==-1?-1:s!==-1?1:0},"customSort");return t.sort(e)},"sortTags");var Qt=i((t,e)=>t?.usdPrice?new Lt(e||Ne).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),H=Wt(Tg()(kg(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Lt(0),outputUsdValue:new Lt(0),toBlockchain:null,toToken:null,refetchQuote:!0,sortStrategy:"SMART",selectedQuote:null,quotes:null,error:null,warning:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null,quoteWarningsConfirmed:!1,updateQuotePartialState:(e,o)=>t(n=>({...n,[e]:o})),setSelectedQuote:e=>t(o=>{let n=null,r=Ne;return xo(o.inputAmount)?(e&&(n=e?.outputAmount?new Lt(e?.outputAmount):null,r=Fn(e?.outputAmount,On(e)||o.toToken?.usdPrice)),{selectedQuote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetAlerts:()=>t(()=>({error:null,warning:null})),resetQuote:()=>t(()=>({selectedQuote:null,outputAmount:null,outputUsdValue:new Lt(0),quotes:null,refetchQuote:!0,error:null,warning:null})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{selectedQuote: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:Qt(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{selectedQuote: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 Lt(0),outputUsdValue:new Lt(0),selectedQuote:null},...!!o.fromToken&&{inputUsdValue:Qt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=sp(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:Qt(a??null,c),outputUsdValue:new Lt(0),toBlockchain:l,toToken:p,selectedQuote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Qt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function cp(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=H(),c=g().config,u=g().fetchStatus,f=g().blockchains(),m=g().tokens(),{setAffiliateRef:d,setAffiliatePercent:y,setAffiliateWallets:C}=g(),S=c?.from?.tokens,h=c?.from?.blockchains,k=c?.to?.tokens,T=c?.to?.blockchains,x=qn(void 0),E=qn(void 0),b=qn(void 0),v=qn(void 0);ro(()=>{t(c?.amount?.toString()||"")},[c?.amount]),ro(()=>{if(u==="success"){let w=f.find(N=>N.name===c?.from?.blockchain),A=m.find(N=>Me(N,c?.from?.token||null));(w||!w&&b.current)&&n(w??null),A?r({token:A,meta:{blockchains:f,tokens:m}}):!A&&x.current&&r({token:null}),b.current=c?.from?.blockchain,x.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),ro(()=>{vo(s,S)&&r({token:null}),fi(l,h)&&n(null)},[S,h]),ro(()=>{vo(a,k)&&r({token:null}),fi(p,T)&&o(null)},[k,T]),ro(()=>{if(u==="success"){let w=f.find(N=>N.name===c?.to?.blockchain),A=m.find(N=>Me(N,c?.to?.token||null));(w||!w&&v.current)&&o(w??null),A?e({token:A,meta:{blockchains:f,tokens:m}}):!A&&E.current&&e({token:null}),v.current=c?.to?.blockchain,E.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),ro(()=>{d(c?.affiliate?.ref??null),y(c?.affiliate?.percent??null),C(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(cp,"useSyncStoresWithConfig");import{useEffect as Bi,useRef as wg}from"react";import{useInRouterContext as xg,useLocation as vg,useSearchParams as bg}from"react-router-dom";function Mi(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(Mi,"searchParamToToken");function Li(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(Li,"tokenToSearchParam");function _i(){let t=vg(),[e,o]=bg(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:f,setInputAmount:m}=H(),d=g().fetchStatus,y=g().blockchains(),C=g().tokens(),S=xg(),{updateIframe:h,updateCampaignMode:k}=g(),T=g().isInCampaignMode(),x=wg(),E=i(()=>{let v=e.get("fromAmount"),w=e.get("fromBlockchain"),A=e.get("fromToken"),N=e.get("toBlockchain"),L=e.get("toToken"),j=e.get("autoConnect"),G=e.get("clientUrl"),z=e.get("liquiditySources");return{fromAmount:v,fromBlockchain:w,fromToken:A,toBlockchain:N,toToken:L,autoConnect:j,clientUrl:G,liquiditySources:z}},"getUrlSearchParams"),b=i(v=>{for(let w in v)v[w]||delete v[w];o(v,{replace:!0})},"updateUrlSearchParams");Bi(()=>{let{autoConnect:v,clientUrl:w}=E();S&&d==="success"&&b({fromBlockchain:n?.name,fromToken:Li(s),toBlockchain:r?.name,toToken:Li(a),fromAmount:l,autoConnect:v??void 0,clientUrl:w??void 0,liquiditySources:T?x.current:void 0})},[t.pathname,l,n,s,r,a,T]),Bi(()=>{if(!S)return;let v=E();if(!x.current&&v.liquiditySources&&(x.current=v.liquiditySources),v.fromAmount&&m(v.fromAmount),d==="success"){let w=y.find(j=>j.name===v.fromBlockchain),A=Mi(C,v.fromToken,w??null),N=y.find(j=>j.name===v.toBlockchain),L=Mi(C,v.toToken,N??null);w&&(p(w),A&&u({token:A,meta:{blockchains:y,tokens:C}})),N&&(c(N),L&&f({token:L,meta:{blockchains:y,tokens:C}}))}},[d]),Bi(()=>{let{clientUrl:v,liquiditySources:w}=E();h("clientUrl",v||void 0),k("liquiditySources",w?.split(",")??void 0)},[])}i(_i,"useSyncUrlAndStore");import{i18n as Nr}from"@lingui/core";import{useManager as bS}from"@rango-dev/queue-manager-react";import{Alert as Gu,Button as IS,css as Ls,Divider as Ms,IconButton as Vu,SettingsIcon as ES,styled as AS,Tooltip as WS,Typography as NS,WalletIcon as MS}from"@rango-dev/ui";import fe,{useEffect as jo,useLayoutEffect as LS,useRef as BS,useState as Xo}from"react";import{flushSync as _S}from"react-dom";import{useLocation as PS,useNavigate as $S}from"react-router-dom";import{i18n as mt}from"@lingui/core";import{Alert as cs,BalanceErrors as fy,Button as bc,ChevronDownIcon as gy,ChevronLeftIcon as hy,Divider as mo,MessageBox as yy,Typography as pr,WalletIcon as Sy}from"@rango-dev/ui";import F,{useEffect as Cy,useState as fo}from"react";import{useNavigate as Ty}from"react-router-dom";import{i18n as zn}from"@lingui/core";function Qn(t){switch(t.type){case 0:return zn.t("Route has been updated.");case 3:return zn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return zn.t("Route swappers has been updated.");case 2:return zn.t("Route internal coins has been updated.");default:return""}}i(Qn,"getQuoteUpdateWarningMessage");import{Modal as Eg}from"@rango-dev/ui";import Ag from"react";function le(t){let{watermark:e}=ne();return Ag.createElement(Eg,{hasWatermark:e==="FULL",...t},t.children)}i(le,"WatermarkedModal");import jn,{useRef as Mg}from"react";import*as io from"@radix-ui/react-collapsible";import{keyframes as mp,styled as Hn}from"@rango-dev/ui";var Pi=300,Wg=mp({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Ng=mp({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),dp=Hn(io.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),$i=Hn(io.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),Gn=Hn(io.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Wg} ${Pi}ms ease-out`},false:{animation:`${Ng} ${Pi}ms ease-out`}}}}),Vn=Hn("div",{transition:`all ${Pi}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Xn(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=Mg(null);return jn.createElement(dp,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&jn.createElement($i,{className:"collapsible_trigger",onClick:s},a),jn.createElement(Gn,{className:"collapsible_content",open:e},r),l==="bottom"&&jn.createElement($i,{className:"collapsible_trigger",onClick:s},a))}i(Xn,"CustomCollapsible");import{css as fp,darkTheme as so,IconButton as Lg,styled as Ke,TextField as Bg}from"@rango-dev/ui";var gp=Ke("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),hp=Ke("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),_g=Ke("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${so} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${so} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${so} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),yp=Ke(_g,{alignSelf:"stretch",minHeight:"93px"}),Sp=Ke("div",{padding:"$20 $20 $15 $20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Cp=Ke(Lg,{position:"absolute",left:"$20"}),Tp=Ke("div",{paddingTop:"$20"}),kp=fp({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),wp=Ke("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),xp=fp({paddingTop:"$5"}),vp=Ke("div",{display:"flex"}),bp=Ke(Bg,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Ip=Ke("div",{overflow:"visible",width:"100%"}),Ep=Ke("div",{width:"100%",borderRadius:"$sm",display:"flex",padding:"$15",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${so} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${so} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${so} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as ot}from"@lingui/core";import{Button as cy,Divider as ls,Image as uy,MessageBox as ar,SelectableWallet as my,Typography as wc,WalletState as xc}from"@rango-dev/ui";import me,{useEffect as vc,useState as _o}from"react";import{WalletState as Kn}from"@rango-dev/ui";import{useWallets as Pg}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as $g,WalletTypes as No}from"@rango-dev/wallets-shared";import{useCallback as Dg,useEffect as Fg,useState as Og}from"react";var Ug=Object.values(No);function ao(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Pg(),{connectedWallets:c}=Y(),u=g().blockchains(),f=al(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Ug,m=Ga(s,l,f,o),d=Za(m),[y,C]=Og(""),S=i(E=>!c.find(b=>b.walletType===E&&b.chain===o),"isExperimentalChainNotAdded"),h=i(async E=>{let b=s(E);try{if(y&&C(""),b.connected)await a(E);else{let v=!!m.find(w=>w.state===Kn.CONNECTED);if(!e?.multiWallets&&v)return;n?.(E),await p(E),r?.(E)}}catch(v){C("Error: "+v?.message)}},"handleClick"),k=Dg(()=>{let E=m?.filter(b=>b.state===Kn.CONNECTING)||[];for(let b of E)a(b.type)},[tl(m)]);Fg(()=>()=>{k()},[]);let T=i(E=>{let b=E.find(w=>w.type===No.DEFAULT);return!b||b.state===Kn.NOT_INSTALLED?!1:E.filter(w=>w.state!=Kn.NOT_INSTALLED&&![No.DEFAULT,No.WALLET_CONNECT_2].includes(w.type)&&l(w.type).supportedChains.filter(A=>A.type=="EVM").length>0).length==0},"shouldShowDefaultInjectedWallet"),x=i((E,b,v)=>Tn(v,b)&&S(E)&&!$g.includes(E)||E==No.DEFAULT&&!T(m),"shouldExcludeWallet");return{list:d.filter(E=>!x(E.type,o??"",u)),error:y,handleClick:h,disconnectConnectingWallets:k}}i(ao,"useWalletList");import{i18n as gc}from"@lingui/core";import{styled as yc,Typography as ny,Wallet as ry,WalletState as iy}from"@rango-dev/ui";import uo,{useState as hc}from"react";import{useManager as Vh}from"@rango-dev/queue-manager-react";import{BottomLogo as jh,Divider as lc,Header as Xh}from"@rango-dev/ui";import Se,{useEffect as ns,useRef as pc,useState as Kh}from"react";import{useRef as qg}from"react";function Yn(){return window.self!==window.top}i(Yn,"isAppLoadedIntoIframe");function Di(){let t=qg(null),{iframe:e}=g(),o=Yn()&&e.clientUrl,n=i(a=>{o&&window.top?.postMessage(a,e.clientUrl)},"send");return{send:n,connectHeightObserver:i(a=>{t.current=new ResizeObserver(l=>{for(let p of l)n({type:"widget_height",data:{height:p.contentRect.height}})}),t.current.observe(a)},"connectHeightObserver"),disconnectHeightObserver:i(()=>{t.current&&(t.current.disconnect(),t.current=null)},"disconnectHeightObserver")}}i(Di,"useIframe");import{useNavigate as zg}from"react-router-dom";function Ye(){let t=zg();return()=>t(-1)}i(Ye,"useNavigateBack");import{createTheme as Qi,darkTheme as Xg,lightTheme as Kg}from"@rango-dev/ui";import{useEffect as Yg,useState as Jg}from"react";import{theme as Vg,darkColors as jg}from"@rango-dev/ui";import qi from"react";function Qg(t,e,o){let p=[],c=90;for(let m=0;m<9;m++)p.push(c),m+1===4?c=0:c-=m>=4?6:10;let u=o?p.slice().reverse():p,f={};for(let m=0;m<9;m++){let d=100+m*100,y=u[m],C={[`${e}${d}`]:Jn(t,y)};Object.assign(f,C)}return{...f,[e]:t}}i(Qg,"generateShades");function Jn(t,e){let[o,n,r]=Ap(t);return`#${Fi(o+e)}${Fi(n+e)}${Fi(r+e)}`}i(Jn,"generateShade");function Ap(t){let r=parseInt(t.slice(1,3),16),s=parseInt(t.slice(3,5),16),a=parseInt(t.slice(5,7),16);return[r,s,a]}i(Ap,"convertToRGB");function Fi(t){return("0"+Math.max(0,Math.min(255,t)).toString(16)).slice(-2).toUpperCase()}i(Fi,"clamp");function Wp(t){let[a,l,p]=Ap(t);return(a*299+l*587+p*114)/1e3>188}i(Wp,"isBright");var Oi=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];a&&a!==t[s]&&(n=!0,s==="background"||s==="foreground"?r={...r,[s]:a}:r={...r,...Qg(a,s,s==="neutral"&&e)})}return n?r:{}},"generateColors");var Np=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Hg=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Np(o%52)+e;return Np(o%52)+e},"toAlphabeticName"),Gg=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Ui=i(t=>Hg(Gg(5381,JSON.stringify(t))>>>0),"toHash");function zi(t){let e=Vg.colors,o=Oi({...e,...jg},!0,t?.dark),n=Oi(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:`${di}-light-${Ui(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${di}-dark-${Ui(p)}`,tokens:p}}return{light:a,dark:l}}i(zi,"customizedThemeTokens");function Mp(t,e){if(t.length<=1)return t.map(({element:n,key:r})=>qi.cloneElement(n,{key:r}));let o=[];return t.forEach((n,r)=>{let{element:s,key:a}=n;if(o.push(qi.cloneElement(s,{key:a})),r<t.length-1){let l=`divider-${r}`;o.push(qi.cloneElement(e,{key:l}))}}),o}i(Mp,"joinList");function Zn(t){let{colors:e,fontFamily:o=il,borderRadius:n=nl,secondaryBorderRadius:r=rl}=t,[s,a]=Jg("light"),{theme:l}=g(),{dark:p,light:c}=zi(e),u=Qi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[u.className,Kg.className],m=[u.className,Xg.className];if(c){let y=Qi(c.id,c.tokens);f.push(y.className)}if(p){let y=Qi(p.id,p.tokens);m.push(y.className)}return Yg(()=>{let y=i(C=>{C.matches?a("dark"):a("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&a("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",y),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",y)}},[]),{activeTheme:i(()=>{let y=f.join(" "),C=m.join(" ");return l==="auto"?s==="dark"?C:y:l==="dark"?C:y},"getActiveTheme")}}i(Zn,"useTheme");var ut=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");import{i18n as Lp}from"@lingui/core";import{Alert as Zg,Button as Rg}from"@rango-dev/ui";import Bp from"react";function Hi(t){return Bp.createElement(Zg,{action:Bp.createElement(Rg,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},Lp.t("Activate this tab")),type:"warning",variant:"alarm",title:Lp.t("Another tab is open and handles transactions.")})}i(Hi,"ActivateTabAlert");import{i18n as Gi}from"@lingui/core";import{Button as eh,Divider as th,MessageBox as oh}from"@rango-dev/ui";import Rn from"react";function Vi(t){let{open:e,onClose:o,onConfirm:n}=t;return Rn.createElement(le,{open:e,dismissible:!0,onClose:o,container:M()},Rn.createElement(oh,{title:Gi.t("Activate current tab"),type:"warning",description:Gi.t("Currently, some transactions are running and being handled by other browser tab. If you activate this tab, all transactions that are already in the transaction sign step will expire.")},Rn.createElement(th,{size:20}),Rn.createElement(eh,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Gi.t("Confirm"))))}i(Vi,"ActivateTabModal");import{ChevronLeftIcon as ih}from"@rango-dev/ui";import qp from"react";import{css as nh,darkTheme as _p,IconButton as rh,styled as Ht}from"@rango-dev/ui";var Je=Ht(rh,{width:"$24",position:"relative",padding:"0",overflow:"unset","&:hover":{backgroundColor:"$info100",[`.${_p} &`]:{backgroundColor:"$neutral"}}}),Pp=Ht("div",{position:"absolute",background:"$secondary500",[`.${_p} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),lo=Ht("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),$p=Ht("div",{position:"absolute",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0",variants:{isSever:{true:{backgroundColor:"$error500"},false:{backgroundColor:"$secondary500"}}}}),Dp=Ht("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}}),Fp=Ht("div",{position:"absolute",right:"$4",top:"$4",backgroundColor:"$background",borderRadius:"100%"}),Op=nh({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}),Up=Ht("div",{borderRadius:"100%",border:"1.5px transparent solid","&:not(:first-child)":{marginLeft:"-$6"},img:{borderRadius:"100%"}});function ji(t){return qp.createElement(Je,{variant:"ghost",size:"small",onClick:t.onClick},qp.createElement(ih,{color:"black",size:16}))}i(ji,"BackButton");import{i18n as sh}from"@lingui/core";import{Button as ah,Typography as lh}from"@rango-dev/ui";import Xi from"react";function Ki(t){return Xi.createElement(lo,null,Xi.createElement(ah,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Xi.createElement(lh,{variant:"label",size:"medium",color:"error500"},sh.t("Cancel"))))}i(Ki,"CancelButton");import{i18n as ph}from"@lingui/core";import{Image as ch,Tooltip as uh,WalletIcon as mh}from"@rango-dev/ui";import Gt from"react";function Yi(t){let{list:e}=ao({}),o=e.filter(r=>r.state==="connected"),n=o.length?Gt.createElement("div",{className:Op()},o.map(r=>Gt.createElement(Up,{key:r.title},Gt.createElement(ch,{src:r.image,size:14})))):ph.t("Connect Wallet");return Gt.createElement(uh,{container:t.container,side:"bottom",content:n},Gt.createElement(Je,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Gt.createElement(Pp,null),Gt.createElement(mh,{size:18,color:"black"})))}i(Yi,"WalletButton");import{i18n as or}from"@lingui/core";import{NotificationsIcon as Dh,Popover as Fh,SettingsIcon as Oh,Tooltip as nr,TransactionIcon as Uh}from"@rango-dev/ui";import ve from"react";import{i18n as wh}from"@lingui/core";import{EventSeverity as Xp}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Kp,ChevronRightIcon as xh,Divider as vh,Typography as bh}from"@rango-dev/ui";import Ue from"react";import{useNavigate as Ih}from"react-router-dom";import{create as dh}from"zustand";import{persist as fh,subscribeWithSelector as gh}from"zustand/middleware";var Oe=Wt(dh()(fh(gh((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,address:r.fromSymbolAddress,symbol:r.fromSymbol},to:{blockchain:s.toBlockchain,address:s.toSymbolAddress,symbol:s.toSymbol}}},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{darkTheme as hh,ListItemButton as yh,styled as Mo}from"@rango-dev/ui";var zp=Mo("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),Qp=Mo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Hp=Mo(yh,{variants:{actionRequired:{true:{backgroundColor:"$error300",[`.${hh} &`]:{backgroundColor:"$error600"}}}}}),Gp=Mo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Vp=Mo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Sh}from"@lingui/core";import{Divider as Ch,NoNotificationIcon as Th,Typography as kh}from"@rango-dev/ui";import er from"react";function jp(){return er.createElement(Vp,null,er.createElement(Th,{color:"secondary",size:26}),er.createElement(Ch,{size:12}),er.createElement(kh,{variant:"body",size:"medium",color:"neutral700"},Sh.t("There are no notifications.")))}i(jp,"NotificationNotFound");var Eh=4;function Ji(){let t=Ih(),{getUnreadNotifications:e}=Oe(),o=e(),n=g().blockchains(),r=g().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,Eh),a=i(l=>{t(`${O.swaps}/${l}`)},"handleOnClick");return Ue.createElement(zp,null,s.length?Ue.createElement(Qp,null,s.map((l,p)=>{let{route:c,requestId:u,event:f}=l,m=r.find(S=>Me(S,c.from)),d=n.find(S=>S.name===c.from.blockchain),y=r.find(S=>Me(S,c.to)),C=n.find(S=>S.name===c.to.blockchain);return Ue.createElement(Ue.Fragment,{key:u},p>0&&Ue.createElement(vh,{size:4}),Ue.createElement(Hp,{onClick:()=>a(u),actionRequired:f.messageSeverity===Xp.WARNING,title:Ue.createElement(bh,{variant:"body",size:"small",color:f.messageSeverity===Xp.WARNING?"$foreground":"$neutral700"},wh.t(f.message)),id:u,start:Ue.createElement(Gp,null,Ue.createElement("div",{className:"from-chain-token"},Ue.createElement(Kp,{tokenImage:m?m.image:"",chainImage:d?d.logo:"",size:"small"})),Ue.createElement("div",{className:"to-chain-token"},Ue.createElement(Kp,{tokenImage:y?y.image:"",chainImage:C?C.logo:"",size:"small"}))),end:Ue.createElement(xh,{size:12,color:"gray"})}))})):Ue.createElement(jp,null))}i(Ji,"NotificationContent");import{useManager as Ah}from"@rango-dev/queue-manager-react";import{InProgressIcon as Wh}from"@rango-dev/ui";import Yp from"react";var Nh=i(()=>{let{manager:t}=Ah();return ut(t).map(({swap:o})=>o).find(o=>o.status==="running")?Yp.createElement(Fp,null,Yp.createElement(Wh,{color:"info",size:6})):null},"InProgressTransactionBadge"),Jp=Nh;import{RefreshProgressButton as Mh}from"@rango-dev/ui";import Zi,{useEffect as Lh,useState as Zp}from"react";var Bh=1e3,Rp=60,_h=100;function tr({onClick:t}){let[e,o]=Zp(0),[n,r]=Zp(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");Lh(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===Rp&&l()},Bh):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 Zi.createElement(Je,{variant:"ghost",size:"small",style:{paddingTop:0,paddingBottom:0},onClick:l,disabled:!t},Zi.createElement(Dp,{onTransitionEnd:()=>r(!1),isRefetched:n},Zi.createElement(Mh,{size:22,color:t?"black":"gray",progress:e/Rp*_h})))}i(tr,"RefreshButton");import{EventSeverity as Ph}from"@rango-dev/queue-manager-rango-preset";import{Typography as $h}from"@rango-dev/ui";import ec from"react";function tc(){let{getUnreadNotifications:t}=Oe(),e=t(),o=e.length,n=!!e.find(r=>r.event.messageSeverity===Ph.WARNING);return o?ec.createElement($p,{isSever:n},ec.createElement($h,{variant:"body",size:"xsmall",color:"$background"},o)):null}i(tc,"UnreadNotificationsBadge");function Vt(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n,hidden:r=[]}=t,{config:{features:s}}=g(),a=je("notification",s)||r.includes("notifications");return ve.createElement(ve.Fragment,null,!r.includes("refresh")&&ve.createElement(nr,{container:M(),side:"top",content:or.t("Refresh")},ve.createElement(tr,{onClick:e})),!a&&ve.createElement(Fh,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:M(),content:ve.createElement(Ji,null)},ve.createElement("div",null,ve.createElement(nr,{container:M(),side:"top",content:or.t("Notifications")},ve.createElement(Je,{size:"small",variant:"ghost"},ve.createElement(Dh,{size:18,color:"black"}),ve.createElement(tc,null))))),!r.includes("settings")&&ve.createElement(nr,{container:M(),side:"top",content:or.t("Settings")},ve.createElement(Je,{size:"small",variant:"ghost",onClick:n},ve.createElement(Oh,{size:18,color:"black"}))),!r.includes("history")&&ve.createElement(nr,{container:M(),side:"top",content:or.t("Transactions History")},ve.createElement(Je,{size:"small",variant:"ghost",onClick:o},ve.createElement(Uh,{size:18,color:"black"}),ve.createElement(Jp,null))))}i(Vt,"HeaderButtons");import{i18n as Ri}from"@lingui/core";import{Divider as nc,MessageBox as Qh,RefreshIcon as Hh}from"@rango-dev/ui";import po from"react";import{Button as qh,styled as zh}from"@rango-dev/ui";var oc=zh(qh,{"& span":{display:"flex",justifyContent:"center",alignItems:"center"}});function es(t){let{open:e,onClose:o}=t;return po.createElement(le,{open:e,dismissible:!0,onClose:o,container:M()},po.createElement(Qh,{title:Ri.t("Something wrong"),type:"error",description:Ri.t("Something Wrong. Please refresh the app")},po.createElement(nc,{size:30}),po.createElement(oc,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:()=>location.reload()},po.createElement(Hh,{size:20,color:"primary"}),po.createElement(nc,{size:4,direction:"horizontal"}),Ri.t("Refresh"))))}i(es,"RefreshModal");function ts(t){let e=t.target;if(e){let o=e.scrollTop,n=M();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(ts,"onScrollContentAttachStatusToContainer");import{css as Gh,styled as os}from"@rango-dev/ui";var rc="700px",rr=Gh({borderRadius:"$primary",display:"flex",flexDirection:"column",overflow:"hidden",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)"}),ic=os("div",{position:"relative",width:"100vw",minWidth:"300px",maxWidth:"390px",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:rc},fixed:{height:rc}}}}),sc=os("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),ac=os("div",{padding:"0 $20 $10","& .footer__alert":{paddingTop:"$10"},"& .footer__logo":{opacity:0,transition:"opacity 1s ease-in-out","&.logo__show":{opacity:1},"&.logo__hidden":{visibility:"hidden"}}});function pe(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=Di(),{children:n,header:r,footer:s,height:a="fixed"}=t,{fetchStatus:l}=g(),[p,c]=Kh(!1),u=Y.use.connectedWallets(),{config:{features:f,theme:m}}=g(),{watermark:d}=ne(),y=d==="FULL",{activeTheme:C}=Zn(m||{}),S=je("connectWalletButton",f),{isActiveTab:h,tabManagerInitiated:k,showActivateTabModal:T,setShowActivateTabModal:x,activateCurrentTab:E}=ne(),b=Ye(),{manager:v}=Vh(),A=ut(v).map(({swap:B})=>B).some(B=>B.status==="running"),N=i(()=>E(qt.forceClaim,A),"onActivateTab"),L=i(()=>{r.onWallet?.()},"onConnectWallet"),j=typeof r.hasBackButton>"u"||r.hasBackButton,G=pc(null),z=pc(null);return ns(()=>(Yn()&&z.current&&e(z.current),()=>{o()}),[]),ns(()=>(G.current?.addEventListener("scroll",ts),()=>{G.current?.removeEventListener("scroll",ts)}),[]),ns(()=>{c(l==="failed")},[l]),Se.createElement(ic,{height:a,id:ke.SWAP_BOX_ID,className:`${C()} ${rr()}`,ref:z},Se.createElement(Xh,{prefix:Se.createElement(Se.Fragment,null,j&&Se.createElement(ji,{onClick:()=>{b(),r.onBack&&r.onBack()}})),title:r.title,suffix:Se.createElement(Se.Fragment,null,r.suffix,r.onWallet&&!S&&Se.createElement(Yi,{container:M(),onClick:L,isConnected:!!u?.length}),r.onCancel&&Se.createElement(Ki,{onClick:r.onCancel}))}),Se.createElement(sc,{ref:G},n),Se.createElement(Vi,{open:T,onClose:()=>x(!1),onConfirm:N}),Se.createElement(ac,null,Se.createElement("div",{className:"footer__content"},k&&!h&&Se.createElement("div",{className:"footer__alert"},Se.createElement(Hi,{onActivateTab:N}),Se.createElement(lc,{size:10})),s),Se.createElement(lc,{size:12}),Se.createElement("div",{className:`footer__logo ${y?"logo__show":"logo__hidden"}`},Se.createElement(jh,null))),Se.createElement(es,{open:p,onClose:()=>c(!1)}))}i(pe,"Layout");import{styled as Yh}from"@rango-dev/ui";var cc="$20 $20 $10 $20",Lo=Yh("div",{padding:cc,overflowY:"auto",flexGrow:1});import{styled as Jh}from"@rango-dev/ui";var ue=Jh("div",{display:"flex",flexDirection:"column",padding:"20px 20px 10px",flexGrow:1,variants:{view:{true:{flexGrow:1,overflow:"hidden"}},compact:{true:{padding:0}}}});import{Divider as oy}from"@rango-dev/ui";import is from"react";import{i18n as co}from"@lingui/core";import{Image as ey,MessageBox as rs,WalletState as ty}from"@rango-dev/ui";import jt from"react";import{keyframes as Zh,styled as ir}from"@rango-dev/ui";var R0=ir("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),uc=ir("div",{position:"relative"}),Rh=Zh({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),mc=ir("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Rh} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),dc=ir("div",{"& img":{borderRadius:"50%"}});function fc(t){let{state:e,image:o,error:n}=t;return e===ty.CONNECTED?jt.createElement(rs,{type:"success",title:co.t("Wallet Connected"),description:co.t("Your wallet is connected, you can use it to swap.")}):n?jt.createElement(rs,{type:"error",title:co.t("Failed to Connect"),description:n||co.t("Your wallet is not connected. Please try again.")}):jt.createElement(rs,{type:"loading",title:co.t("Connecting to your wallet"),description:co.t("Click connect in your wallet popup."),icon:jt.createElement(uc,null,jt.createElement(dc,null,jt.createElement(ey,{src:o,size:45})),jt.createElement(mc,null))})}i(fc,"ModalContent");function Bo(t){let{open:e,onClose:o,...n}=t;return is.createElement(le,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},is.createElement(fc,{...n}),is.createElement(oy,{direction:"vertical",size:32}))}i(Bo,"WalletModal");var sy=yc("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),ay=yc(ue,{textAlign:"center"}),sr=3e3,ss=300;function Sc(){let{config:t,fetchStatus:e}=g(),[o,n]=hc(!1),[r,s]=hc(""),a=null,l=ne.use.isActiveTab(),{list:p,handleClick:c,error:u,disconnectConnectingWallets:f}=ao({config:t,onBeforeConnect:S=>{a=setTimeout(()=>{n(!0),s(S)},ss)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},sr)}}),m=i(()=>{f(),n(!1)},"handleCloseWalletModal"),d=p.find(S=>S.type===r),y=d?.image||"",C=d?.state||iy.NOT_INSTALLED;return uo.createElement(pe,{header:{title:gc.t("Connect Wallets")}},uo.createElement(ay,null,uo.createElement(ny,{variant:"title",size:"xmedium",align:"center"},gc.t("Choose a wallet to connect.")),uo.createElement(sy,null,p.map((S,h)=>{let k=`wallet-${h}-${S.type}`;return uo.createElement(ry,{key:k,...S,container:M(),onClick:T=>{c(T)},isLoading:e==="loading",disabled:!l})}),uo.createElement(Bo,{open:!!o,onClose:m,image:y,state:C,error:u}))))}i(Sc,"WalletsPage");import{keyframes as ly,styled as as}from"@rango-dev/ui";var Cc=as("div",{position:"relative"}),py=ly({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Tc=as("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${py} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),kc=as("div",{"& img":{borderRadius:"50%"}});var dy=7;function ps(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=g(),l=ne.use.isActiveTab(),p=Y.use.connectedWallets(),{blockchains:c}=g(),[u,f]=_o(""),[m,d]=_o(null),[y,C]=_o(!1),[S,h]=_o(null),{suggestAndConnect:k}=lr(),T=null,{list:x,error:E,handleClick:b,disconnectConnectingWallets:v}=ao({config:a,chain:e,onBeforeConnect:B=>{T=setTimeout(()=>{f(B)},ss)},onConnect:()=>{T&&clearTimeout(T),setTimeout(()=>{f("")},sr)}}),[w,A]=_o(x),N=x.length,L=r&&N-r>0,j=i(async B=>{C(!1),h("in-progress");try{await k(B.walletType,B.chain),h("completed")}catch{h("rejected")}},"addExperimentalChain");vc(()=>{A(B=>{let ee=x.findIndex(re=>o(re.type,e));return L&&ee>1?[x[ee]].concat(x.filter((re,Q)=>Q!==ee)):B.map(re=>x.find(Q=>Q.type===re.type)??re)})},[JSON.stringify(x)]);let G=document.getElementById(ke.SWAP_BOX_ID);vc(()=>{let B=null;return(S==="completed"||S==="rejected")&&(B=setTimeout(()=>h(null),sr)),()=>{B&&clearTimeout(B)}},[S]);let z=i(()=>{v(),f("")},"handleCloseWalletModal");return me.createElement(me.Fragment,null,w.slice(0,r).map(B=>{let ee=Ra({connectedWallets:p,walletType:B.type,chain:e}),re=ee?wn(ee,dy):"",Q=Tn(c(),e),_=!p.find(ie=>ie.walletType===B.type&&ie.chain===e),I=Q&&_&&B.state===xc.CONNECTED,J=I?ot.t({id:"Add {chain} chain",values:{chain:e}}):re,de=i(()=>{B.state===xc.DISCONNECTED?b(B.type):I?(d({walletType:B.type,chain:e,address:ee??""}),C(!0)):n({walletType:B.type,chain:e,address:ee??""})},"onClick"),Z=m?.chain?yl(m.chain,c()):void 0;return me.createElement(me.Fragment,{key:`${B.title}_${Z}`},me.createElement(Bo,{open:u===B.type,onClose:z,image:B.image,state:B.state,error:E}),!!m&&me.createElement(le,{open:!!m&&y,container:G,onClose:()=>{d(null)}},me.createElement(ar,{title:ot.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),type:"warning",description:ot.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}})},me.createElement(ls,{size:18}),me.createElement(ls,{size:32}),me.createElement(cy,{onClick:j.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},ot.t("Confirm")))),S&&me.createElement(le,{open:!!S,onClose:h.bind(null,null),container:G},S==="in-progress"&&me.createElement(ar,{type:"loading",title:ot.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),description:ot.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}}),icon:me.createElement(Cc,null,me.createElement(kc,null,me.createElement(uy,{src:B.image,size:45})),me.createElement(Tc,null))}),S==="completed"&&me.createElement(ar,{type:"success",title:ot.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Z}}),description:ot.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Z}})}),S==="rejected"&&me.createElement(ar,{type:"error",title:ot.t("Request Rejected"),description:ot.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Z}})}),me.createElement(ls,{direction:"vertical",size:32})),me.createElement(my,{key:B.type,description:J,onClick:de,selected:o(B.type,e),disabled:!l,...B}))}),L&&me.createElement(yp,{selected:!1,onClick:s},me.createElement(wc,{variant:"label",size:"medium"},ot.t("Show more wallets"),me.createElement(wc,{variant:"label",size:"medium",color:"$primary"},"\xA0+",N-(r??0)))))}i(ps,"WalletList");var ky=2;function Ic(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=g().config,l=g().blockchains(),{selectedQuote:p,setSelectedWallets:c,quoteWalletsConfirmed:u,setQuoteWalletConfirmed:f,customDestination:m,setCustomDestination:d}=H(),{connectedWallets:y,selectWallets:C}=Y(),[S,h]=fo(""),[k,T]=fo([]),[x,E]=fo(""),[b,v]=fo(null),[w,A]=fo(!!m),N=Ln(p?.swaps||null),L=l.find(V=>V.name===p?.swaps[p?.swaps.length-1].to.blockchain),j=i(V=>!!p?.swaps.find(K=>K.from.blockchain===V),"isWalletRequiredFor"),G=i(()=>y.filter(V=>V.selected&&N.includes(V.chain)),"getInitialSelectableWallets"),[z,B]=fo(G()),ee=l.find(V=>V.name===L?.name),re=k.length>0,Q=i((V,K)=>!!z.find(te=>te.walletType===V&&te.chain===K&&te.selected&&(j(K)||!j(K)&&!m)),"isSelected"),_=!!m&&w&&ee&&!Bn(ee,m),I=i(()=>{A(!1),d(null),B(V=>{let K=!1;return V.map(te=>!K&&te.chain===L?.name?(K=!0,{...te,selected:!0}):te)})},"resetCustomDestination"),J=i(V=>{if(S&&h(""),Q(V.walletType,V.chain))return;let te=y.find(Ie=>Ie.walletType===V.walletType&&Ie.chain===V.chain);te&&(n(),V.chain===L?.name&&w&&(A(!1),d(null)),B(Ie=>Ie.filter(et=>et.chain!==V.chain).concat({...te,selected:!0})))},"onChange"),de=i(()=>{let V=z.filter(K=>K.selected);C(V),c(V),f(!0),o()},"onConfirmBalance"),Z=i(async()=>{T([]),E(""),v(null);let V=y.filter(Ie=>z.find(et=>et.chain===Ie.chain&&et.walletType===Ie.walletType)),K=await r?.({selectedWallets:V,customDestination:m}),te=K.warnings;te?.balance?.messages&&T(te.balance.messages),te?.quoteUpdate&&v(te.quoteUpdate),K.error&&E(Dl(K.error)),!K.error&&!te?.balance?.messages.length?de():T(te?.balance?.messages??[])},"onConfirmWallets");Cy(()=>{B(V=>V.concat(y.filter(K=>!!!V.find(Ie=>Ie.chain===K.chain)&&K.selected&&N.includes(K.chain))))},[y.length]);let ie=document.getElementById(ke.SWAP_BOX_ID),to=Ty();return F.createElement(le,{open:e,onClose:()=>{u||to("../",{replace:!0}),o()},dismissible:!S,container:ie,...!S&&{footer:F.createElement(vp,null,F.createElement(bc,{loading:s,disabled:tp(s,w,m,p,z,L),onClick:Z,variant:"contained",type:"primary",fullWidth:!0,size:"large"},mt.t("Confirm")))},...S&&{styles:{container:{padding:"$0"}},header:F.createElement(Sp,null,F.createElement(Cp,{variant:"ghost",onClick:h.bind(null,"")},F.createElement(hy,{size:16})),F.createElement(pr,{variant:"headline",size:"small"},mt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ve(S,l)}})))},anchor:"center"},F.createElement(le,{open:re,onClose:T.bind(null,[]),container:ie},F.createElement(yy,{title:mt.t("Insufficient account balance"),type:"error",description:F.createElement(fy,{messages:k??[]})},F.createElement(bc,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:de},mt.t("Proceed anyway")))),S&&F.createElement(Tp,null,F.createElement("div",{className:kp()},F.createElement(ps,{chain:S,isSelected:Q,selectWallet:J,onShowMore:h.bind(null,S)}))),!S&&F.createElement(F.Fragment,null,x&&F.createElement(F.Fragment,null,F.createElement(cs,{variant:"alarm",type:"error",title:mt.t(x)}),F.createElement(mo,{size:12})),b&&F.createElement(F.Fragment,null,F.createElement(cs,{variant:"alarm",type:"warning",title:Qn(b)}),F.createElement(mo,{size:12})),F.createElement(Ip,null,N.map((V,K)=>{let te=l.find($e=>$e.name===V),Ie=`wallet-${K}`,et=K===N.length-1;return F.createElement("div",{key:Ie},F.createElement(gp,null,F.createElement(pr,{variant:"title",size:"xmedium"},mt.t({id:"Your {blockchainName} wallets",values:{blockchainName:te?.shortName}})),F.createElement(pr,{variant:"label",color:"$neutral700",size:"medium"},mt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:te?.shortName}}))),F.createElement(mo,{size:24}),F.createElement(hp,null,F.createElement(ps,{chain:V,isSelected:Q,selectWallet:J,limit:ky,onShowMore:()=>h(te?.name??"")})),!et&&F.createElement(mo,{size:32}),et&&a?.customDestination&&F.createElement(wp,null,F.createElement(Xn,{onOpenChange:$e=>{$e?j(L?.name??"")||B(De=>De.map(ye=>ye.chain===L?.name?{...ye,selected:!1}:ye)):I()},hasSelected:!0,open:w,triggerAnchor:"top",trigger:F.createElement(Ep,null,F.createElement("div",{className:"button__content"},F.createElement(Sy,{size:18,color:"info"}),F.createElement(mo,{size:4,direction:"horizontal"}),F.createElement(pr,{variant:"label",size:"medium"},mt.t("Send to a different address"))),F.createElement(Vn,{orientation:w?"up":"down"},F.createElement(gy,{size:10,color:"gray"}))),onClickTrigger:()=>A($e=>!$e)},F.createElement(mo,{size:4}),F.createElement(bp,{autoFocus:!0,placeholder:mt.t("Your destination address"),value:m||"",onChange:$e=>{let De=$e.target.value;De.length?d(De.length?De:null):(A(!1),d(null))}})),_&&F.createElement("div",{className:xp()},F.createElement(cs,{variant:"alarm",type:"error",title:mt.t({values:{destination:m},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Ic,"ConfirmWalletsModal");import{i18n as Uy}from"@lingui/core";import{Alert as qy,Button as zy,InfoIcon as Qy}from"@rango-dev/ui";import He from"react";import{Alert as vy,Button as by,Divider as ds,NoRouteIcon as Iy,RefreshIcon as Ey,Typography as Bc}from"@rango-dev/ui";import Qe from"react";import{i18n as Ec}from"@lingui/core";var wy=24,xy=60;function Ac(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:R().genericServerError,action:{onClick:n,title:Ec.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:R().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Ec.t("Reset")}},description:R().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:R().noResultError.description}}i(Ac,"makeInfo");var us=(o=>(o[o.small=wy]="small",o[o.large=xy]="large",o))(us||{}),ms=(o=>(o.small="small",o.large="medium",o))(ms||{});import{styled as cr}from"@rango-dev/ui";var Wc=cr("div",{display:"flex",flexDirection:"column",alignItems:"center"}),Nc=cr("div",{variants:{size:{small:{},large:{maxWidth:"316px"}}}}),Mc=cr("div",{variants:{size:{small:{width:"100%"},large:{}}}}),Lc=cr("div",{padding:"$6 $0"});function Po(t){let{fetch:e,error:o,size:n="small"}=t,r=g().getDisabledLiquiditySources(),s=g().toggleAllLiquiditySources,a=g().swappers(),l=Ac(o,r,()=>s(a,!0),e);return Qe.createElement(Wc,null,Qe.createElement(Iy,{size:us[n],color:"gray"}),Qe.createElement(ds,{size:4}),Qe.createElement(Bc,{variant:"title",size:ms[n]},R().noResultError.title),n==="large"&&Qe.createElement(ds,{size:4}),!!l.description&&Qe.createElement(Nc,{size:n},Qe.createElement(Bc,{variant:"body",size:"small",align:"center",color:"neutral700"},l.description)),Qe.createElement(ds,{size:n==="large"?"24":"4"}),!!l.alert&&Qe.createElement(Mc,{size:n},Qe.createElement(vy,{type:l.alert.type,title:l.alert.text,titleAlign:"left",action:l.alert.action&&Qe.createElement(by,{size:"xsmall",type:l.alert.type,prefix:Qe.createElement(Lc,null,Qe.createElement(Ey,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i(Po,"NoResult");import{i18n as $o}from"@lingui/core";import{Button as Wy,Divider as Ny,MessageBox as My,Typography as Ly,WarningIcon as By}from"@rango-dev/ui";import Ct from"react";import{Typography as Dc}from"@rango-dev/ui";import gs from"react";import{darkTheme as Ay,styled as ur}from"@rango-dev/ui";var _c=ur("div",{width:"100%"}),fs=ur("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"$5",width:"100%"}),Pc=ur("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Ay} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),$c=ur("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Fc(t){let{title:e,value:o,valueColor:n}=t;return gs.createElement(Pc,null,gs.createElement(Dc,{size:"medium",variant:"label",className:"_title"},e),gs.createElement(Dc,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Fc,"QuoteErrorsModalItem");function Oc(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:$o.t("Swapping"),value:W(r.inputUsdValue,4,4)},{title:$o.t("Gas cost"),value:W(r.totalFee,2,2)},{title:$o.t("Receiving"),value:W(r.outputUsdValue,4,4)},{title:$o.t("Price impact"),value:W(r.priceImpact,2,2),valueColor:`${a}500`}];return Ct.createElement(le,{footer:Ct.createElement(Wy,{type:"primary",size:"large",prefix:Ct.createElement(By,null),fullWidth:!0,disabled:s,onClick:n},R().highValueLossError.confirmMessage),open:e,onClose:o,container:M()},Ct.createElement(My,{type:a,title:R().highValueLossError.impactTitle,description:R().highValueLossError.description}),Ct.createElement(fs,null,Ct.createElement(Ny,{size:"4"}),Ct.createElement(Ly,{size:"small",variant:"title"},$o.t("Details")),Ct.createElement(fs,null,l.map((p,c)=>Ct.createElement(Fc,{key:c,...p})))))}i(Oc,"HighValueLossWarningModal");import{i18n as hs}from"@lingui/core";function Uc(t,e){let o={alertType:"warning",title:"",action:null};return e?(o.alertType="error",e.type===3&&(o.title=e.recommendation),e.type===4&&(o.title=hs.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):t?(t.type===0&&(St(t.priceImpact)==="high"&&(o.alertType="error"),o.action="show-info",o.title=R().highValueLossError.title),t.type===1&&(o.title=R().unknownPriceError.title),t.type===2&&(o.title=hs.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=hs.t("Caution, your slippage is high."),o.action="change-settings"),o):null}i(Uc,"makeAlerts");import{i18n as go}from"@lingui/core";import{Button as qc,Divider as zc,MessageBox as _y,Typography as Py}from"@rango-dev/ui";import Yt from"react";import{useNavigate as $y}from"react-router-dom";function Qc(t){let{customSlippage:e,slippage:o}=g(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=$y(),c=e??o;return Yt.createElement(le,{anchor:"bottom",open:n,prefix:Yt.createElement(qc,{size:"small",variant:"ghost",onClick:()=>p("../"+O.settings)},Yt.createElement(Py,{variant:"label",size:"medium",color:"$neutral900"},go.t("Change settings"))),container:M(),onClose:r},Yt.createElement(_y,{type:"warning",title:a.type===3?go.t("High slippage"):go.t("Low slippage"),description:a.type===3?go.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:c}}):go.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Yt.createElement(zc,{size:18}),Yt.createElement(zc,{size:32}),Yt.createElement(qc,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},go.t("Confirm anyway"))))}i(Qc,"SlippageWarningModal");import{Button as Dy,MessageBox as Fy,WarningIcon as Oy}from"@rango-dev/ui";import mr from"react";function Hc(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return mr.createElement(le,{footer:mr.createElement(Dy,{type:"primary",size:"large",prefix:mr.createElement(Oy,null),fullWidth:!0,disabled:r,onClick:n},R().unknownPriceError.confirmMessage),open:e,onClose:o,container:M()},mr.createElement(Fy,{type:"warning",title:R().unknownPriceError.impactTitle,description:R().unknownPriceError.description}))}i(Hc,"UnknownPriceWarningModal");function Do(t){let{warning:e,error:o,showWarningModal:n,confirmationDisabled:r,refetchQuote:s,onOpenWarningModal:a,onCloseWarningModal:l,onConfirmWarningModal:p,onChangeSettings:c}=t,u={confirmationDisabled:r,open:n,onClose:l,onConfirm:p},f=o?.type===0||o?.type===1,m=Uc(e,o?.type===3||o?.type===4?o:null);return He.createElement(He.Fragment,null,f&&He.createElement(Po,{error:o,fetch:s}),!!m&&He.createElement(_c,null,He.createElement(qy,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:He.createElement($c,{onClick:a},He.createElement(Qy,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:He.createElement(zy,{size:"xxsmall",type:m.alertType,onClick:c},Uy.t("Change"))}})),e&&He.createElement(He.Fragment,null,e.type===0&&He.createElement(Oc,{...u,warning:e}),(e.type===3||e.type===2)&&He.createElement(Qc,{...u,warning:e}),e.type===1&&He.createElement(Hc,{...u,warning:e})))}i(Do,"QuoteWarningsAndErrors");import TS from"bignumber.js";import Ir from"react";import{i18n as zo}from"@lingui/core";import{Alert as aS,Divider as Qo,FullExpandedQuote as lS,InfoIcon as pS,QuoteTag as cS,StepDetails as uS,TokenAmount as mS,Tooltip as xu,Typography as yo}from"@rango-dev/ui";import vs from"bignumber.js";import $,{useRef as dS,useState as fS}from"react";import{styled as ys}from"@rango-dev/ui";var Ss=ys("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Gc=ys("div",{paddingBottom:"$15"}),Vc=ys("div",{width:"100%",display:"flex"});import*as dr from"@radix-ui/react-collapsible";import{Button as Hy,css as Fo,darkTheme as Ae,Image as jc,styled as Be,Typography as Gy}from"@rango-dev/ui";var Vy=300,Xc=Be(dr.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Ae} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}]}),Kc=Fo({padding:"$10 $15"}),Yc=Be(Hy,{backgroundColor:"transparent",border:"1px solid $secondary"}),Jc=Be("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",boxSizing:"border-box",position:"relative",variants:{selected:{true:{},false:{$$color:"$colors$neutral200",[`.${Ae} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color"}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{$$color:"$colors$neutral200",[`.${Ae} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{"& .quote_container":{"& button":{backgroundColor:"$neutral500",[`.${Ae} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral500",[`.${Ae} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral300",[`.${Ae} &`]:{backgroundColor:"$neutral400"}},cursor:"pointer"},false:{}}},compoundVariants:[{listItem:!0,selected:!0,css:{outline:"1px solid $secondary"}},{listItem:!1,selected:!0,css:{$$color:"$colors$info100",[`.${Ae} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Ae} &`]:{backgroundColor:"$neutral400"}}}}]}),Zc=Fo({width:"100%",padding:"$15 $15 $10 $15"}),Rc=Fo({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10",position:"relative"}),ho=Fo({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),eu=Fo({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Ae} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),tu=Be(dr.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:{[`& ${jc}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${jc}`]:{border:"1px transparent solid",borderRadius:"100%"}}},selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Ae} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}],".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),ou=Be("div",{width:"18px",height:"18px",borderRadius:"100%",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",img:{borderRadius:"100%"},variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),nu=Be(Gn,{width:"100%",background:"inherit"}),Cs=Be("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Vy}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),DM=Be("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),ru=Be("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ae} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),iu=Be("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Ts=Be(Gy,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),su=Be("div",{display:"flex",flexWrap:"wrap"}),ks=Be("div",{width:"18px",height:"18px",borderRadius:"100%",backgroundColor:"$background",cursor:"default",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),au=Be("div",{display:"flex"}),fr=Be("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${Ae} &`]:{borderTopColor:"$neutral800"}});import{i18n as Pt}from"@lingui/core";import{ChevronDownIcon as Xy,CloseIcon as Ky,Divider as yr,IconButton as Yy,QuoteCost as Jy,Tooltip as Zy,Typography as nt}from"@rango-dev/ui";import X,{useState as uu}from"react";import{css as jy,styled as gr}from"@rango-dev/ui";var hr=gr("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),ws=gr("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),lu=gr("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),pu=gr("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),cu=jy({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var Ry=i(t=>t.fee.isZero()?null:X.createElement(hr,null,X.createElement(nt,{variant:"label",size:"medium",color:"neutral600"},t.label),X.createElement(nt,{variant:"label",size:"medium"},"$",W(t.fee,4,4))),"NonPayableFee");function mu(t){let[e,o]=uu(!1),[n,r]=uu(!1),{steps:s,quote:a,fee:l,time:p,feeWarning:c,showModalFee:u}=t,f=a?.swaps??[],m=M(),d=Ql(f);return X.createElement(X.Fragment,null,X.createElement(Jy,{onClickFee:u?y=>{y.stopPropagation(),o(!e)}:void 0,fee:l,feeWarning:c,time:p,steps:s,tooltipGas:u?Pt.t("View more info"):void 0,tooltipContainer:m}),X.createElement(le,{container:m,open:e,header:X.createElement(pu,null,X.createElement(nt,{variant:"title",size:"medium"},Pt.t("Gas & Fee Explanation")),X.createElement(Yy,{onClick:()=>o(!1),variant:"ghost"},X.createElement(Ky,{color:"gray",size:14}))),onClose:()=>{o(!1)}},X.createElement(lu,null,X.createElement(nt,{variant:"title",size:"small"},Pt.t("Details")),X.createElement(yr,{size:10}),Object.entries(d.payable).flatMap(([y,C])=>C.map((S,h)=>{let k=`payable-fee-${h}`,T=Ei(S);return X.createElement(hr,{key:k},X.createElement(nt,{variant:"label",size:"medium",color:"neutral600"},vi[y]),X.createElement(Zy,{content:ce(S.amount),container:m},X.createElement(nt,{variant:"label",size:"medium"},W(S.amount,2,2)," ",S.asset.symbol," ($",W(T,4,4),")")))})),X.createElement(hr,{className:"total_payable_fee"},X.createElement(nt,{variant:"label",size:"medium"},Pt.t("Total Payable Fee")),X.createElement(nt,{variant:"label",size:"medium"},"$",W(l,4,4))),X.createElement(ws,null),Object.keys(d.nonePayable).length&&X.createElement(Xn,{triggerAnchor:"bottom",onClickTrigger:()=>r(y=>!y),trigger:X.createElement("div",{className:cu()},X.createElement(nt,{size:"small",variant:"body",color:"neutral700"},n?Pt.t("Hide non-payable fees"):Pt.t("Show non-payable fees")),X.createElement(yr,{size:4,direction:"horizontal"}),X.createElement(Vn,{orientation:n?"up":"down"},X.createElement(Xy,{size:12,color:"gray"}))),open:n},X.createElement(nt,{size:"small",variant:"title"},Pt.t("Description")),X.createElement(yr,{size:4}),X.createElement(nt,{size:"small",variant:"body",color:"neutral700"},Pt.t(`The following fees are considered in the transaction output and
|
|
2
|
+
you won\u2019t need to pay extra gas for them.`)),X.createElement(yr,{size:10}),Object.entries(d.nonePayable).map(([y,C],S)=>{let h=zl(C),k=vi[y],T=`non-payable-fee-${S}`;return X.createElement(Ry,{key:T,fee:h,label:k})}),X.createElement(ws,null)))))}i(mu,"QuoteCostDetails");import{i18n as gu}from"@lingui/core";import{TokenAmount as hu}from"@rango-dev/ui";import Sr from"react";import{css as eS,styled as tS}from"@rango-dev/ui";var du=tS("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),fu=eS({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Oo(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Sr.createElement(du,null,Sr.createElement(hu,{direction:"horizontal",label:gu.t("Swap input"),type:"input",tooltipContainer:M(),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}}),Sr.createElement("div",{className:fu()}),Sr.createElement(hu,{direction:"horizontal",tooltipContainer:M(),label:gu.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(Oo,"QuoteSummary");import{i18n as ku}from"@lingui/core";import{ChevronDownIcon as rS,ChevronRightIcon as iS,Divider as xs,Image as sS,Tooltip as xr,Typography as Tr}from"@rango-dev/ui";import P from"react";import{useLayoutEffect as oS,useState as Uo}from"react";var yu=480,Su=768,Cu=1024,Tu=1200,nS=i(()=>{let[t,e]=Uo(!1),[o,n]=Uo(!1),[r,s]=Uo(!1),[a,l]=Uo(!1),[p,c]=Uo(!1),u=i(()=>{e(window.innerWidth<=yu),n(window.innerWidth>yu&&window.innerWidth<=Su),s(window.innerWidth>Su&&window.innerWidth<=Cu),l(window.innerWidth>Cu&&window.innerWidth<=Tu),c(window.innerWidth>Tu)},"handleResize");return oS(()=>(u(),window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)),[]),{isMobile:t,isTablet:o,isNotebook:r,isLargeScreen:a,isExtraLargeScreen:p}},"useScreenDetect"),Cr=nS;var kr=4,wr=6,qo=i(t=>{let e=M(),{content:o,src:n,className:r,open:s,state:a}=t;return P.createElement(xr,{container:e,side:"bottom",sideOffset:4,open:s,content:o},P.createElement(ou,{className:r,state:a},P.createElement(sS,{src:n,size:16})))},"ImageComponent");function wu(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:s,type:a}=t,l=M(),p=r.length,c=ap(r),{isTablet:u,isMobile:f}=Cr();return P.createElement(tu,{listItem:a==="list-item",ref:m=>e.current=m,selected:o,onClick:m=>{m.stopPropagation(),n(d=>!d)}},P.createElement("div",{className:ho()},P.createElement(Tr,{variant:"body",size:"xsmall"},ku.t("Via:")),P.createElement(xs,{direction:"horizontal",size:4}),r.map((m,d)=>{let y=`item-${d}`,C=P.createElement(Cs,null,P.createElement(iS,{size:12,color:"black"}));return f||u?P.createElement(P.Fragment,{key:y},P.createElement(qo,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),d!==p-1&&P.createElement(P.Fragment,null,C)):P.createElement(P.Fragment,{key:y},p<=kr||p>kr&&d<kr-1?P.createElement(P.Fragment,null,P.createElement(qo,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),d!==p-1&&P.createElement(P.Fragment,null,C)):d===kr-1&&P.createElement(xr,{container:l,side:"bottom",align:"right",sideOffset:4,content:P.createElement("div",{className:ho()},C,r.map((S,h)=>{let k=`image-${h}`;return h>=d&&P.createElement(P.Fragment,{key:k},P.createElement(qo,{content:S.swapper.displayName,src:S.swapper.image,state:S.state,open:!1}),h!==p-1&&P.createElement(P.Fragment,null,C))}))},P.createElement(ks,{state:r.find((S,h)=>h>=d&&(S.state==="error"||S.state==="warning"))?.state},P.createElement(Tr,{size:"xsmall",variant:"body"},"+",p-d))))})),P.createElement("div",{className:ho()},P.createElement("div",{className:"blockchains_section"},P.createElement("div",{className:ho()},P.createElement(Tr,{variant:"body",size:"xsmall"},ku.t("Chains:")),P.createElement(xs,{direction:"horizontal",size:4}),c.map((m,d)=>P.createElement(P.Fragment,{key:m.displayName},c.length<=wr||c.length>wr&&d<wr-1?P.createElement(xr,{container:l,side:"bottom",content:m.displayName,sideOffset:4},P.createElement(qo,{content:"",src:m.image,open:!1,className:d!==0?"blockchainImage":""})):d===wr-1&&P.createElement(xr,{container:l,side:"bottom",align:"right",sideOffset:4,content:P.createElement("div",{className:ho()},c.map((y,C)=>C>=d&&P.createElement(qo,{key:y.displayName,content:"",src:y.image,open:!1,className:C>d?"blockchainImage":""})))},P.createElement(ks,{className:"blockchainImage"},P.createElement(Tr,{size:"xsmall",variant:"body"},"+",c.length-d))))),P.createElement(xs,{direction:"horizontal",size:32}))),P.createElement(Cs,{orientation:s?"up":"down"},P.createElement(rS,{size:12,color:"black"}))))}i(wu,"QuoteTrigger");function bs(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,selected:l=!1,tagHidden:p=!0,showModalFee:c=!0,onClickAllRoutes:u,fullExpandedMode:f=!1}=t,m=g().blockchains(),d=g().tokens(),y=g().swappers(),[C,S]=fS(t.expanded),h=dS(null),k=W(o.value,6,6),T=W(n.value,6,6),x=n.usdValue?W(n.usdValue,4,4):"",E=Xe(o.usdValue,n.usdValue??null),b=W(E,2,2),v=St(E??0),A=i(Q=>Q.map((_,I)=>{let J,de=r?.type===3&&r.swap.swapperId===_.swapperId||r?.type===4&&r.recommendedSlippages?.has(I),Z=s?.type===2&&s.recommendedSlippages?.has(I);de?J="error":Z&&(J="warning");let ie=de?zo.t("Slippage Error"):zo.t("Slippage Warning");return r?.type===3&&(ie=r?.recommendation),{swapper:{displayName:bo(_.swapperId,y),image:_.swapperLogo},from:{token:{displayName:_.from.symbol,image:_.from.logo},chain:{displayName:Ve(_.from.blockchain,m),image:_.from.blockchainLogo},price:{value:I===0?W(o.value,6,6):W(_.fromAmount,6,6),usdValue:W((_.from.usdPrice??0)*parseFloat(_.fromAmount),4,4),realValue:ce(I===0?o.value:_.fromAmount),realUsdValue:ce(new vs(_.from.usdPrice??0).multipliedBy(_.fromAmount))}},to:{token:{displayName:_.to.symbol,image:_.to.logo},chain:{displayName:Ve(_.to.blockchain,m),image:_.to.blockchainLogo},price:{value:W(_.toAmount,6,6),usdValue:W((_.to.usdPrice??0)*parseFloat(_.toAmount),4,4),realValue:ce(_.toAmount),realUsdValue:ce(new vs(_.to.usdPrice??0).multipliedBy(_.toAmount))}},state:J,alerts:de||Z?$.createElement(Gc,null,$.createElement(aS,{variant:"alarm",type:de?"error":"warning",title:ie,footer:$.createElement(Vc,null,r?.type===3&&$.createElement($.Fragment,null,$.createElement(yo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),$.createElement(Qo,{direction:"horizontal",size:8}),$.createElement(yo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),$.createElement(Qo,{direction:"horizontal",size:8}),$.createElement(yo,{size:"xsmall",variant:"body",color:"neutral900"},zo.t({id:"Yours: {amount} {symbol}",values:{amount:W(_.fromAmount,6,6),symbol:_?.from.symbol}}))),(r?.type===4||s?.type===2)&&$.createElement(yo,{size:"xsmall",variant:"body",color:"neutral900"},zo.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(I)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(I)}}})))})):void 0}}),"getQuoteSteps")(e?.swaps??[]),N=A.length,L=M(),j=pp(t.quote.tags||[]),G=!!u,z=fn(gn(e?.swaps)),B=$n(e?.swaps??[],d),ee=W(B,2,2),re=B.gte(new vs($l));return f?$.createElement(lS,{selected:l,fee:ee,time:z,tooltipContainer:En(),steps:A,tags:j,feeWarning:re,percentageChange:b,warningLevel:v,outputPrice:{value:T,usdValue:x,realValue:ce(n.value),realUsdValue:ce(n.usdValue)}}):$.createElement(Jc,{selected:l,listItem:a==="list-item",basic:a==="basic"},$.createElement("div",{className:Zc()},!p&&j.length?$.createElement($.Fragment,null,$.createElement(au,null,j.map((Q,_)=>{let I=`${Q.value}_${_}`;return $.createElement($.Fragment,{key:I},$.createElement(cS,{label:Q.label,value:Q.value}),$.createElement(Qo,{size:4,direction:"horizontal"}))})),$.createElement(fr,null),!G&&$.createElement(Qo,{size:4})):null,$.createElement("div",{id:"portal-root",className:Rc()},$.createElement(mu,{quote:e,time:z,fee:ee,feeWarning:re,showModalFee:c,steps:N}),G&&$.createElement(Yc,{onClick:Q=>{Q.stopPropagation(),u()},size:"xxsmall",type:"secondary",variant:"default"},$.createElement(yo,{color:"secondary",variant:"label",size:"medium"},zo.t("See All Routes")))),a==="basic"&&$.createElement("div",{className:eu()},$.createElement(iu,null,$.createElement(pS,{size:12,color:"gray"})),$.createElement(su,null,$.createElement(Ts,{size:"small",variant:"body"},`${k} ${A[0].from.token.displayName} = `),$.createElement(xu,{content:ce(n.value),container:L,open:n.value?void 0:!1},$.createElement(Ts,{size:"small",variant:"body"},"\xA0",`${T} ${A[A.length-1].to.token.displayName}`))),$.createElement(xu,{content:ce(n.usdValue),container:L,style:{display:"flex"}},$.createElement(yo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${x})`))),a==="list-item"&&$.createElement(mS,{tooltipContainer:L,type:"output",direction:"vertical",price:{value:T,usdValue:x,realValue:ce(n.value),realUsdValue:ce(n.usdValue)},token:{displayName:A[N-1].to.token.displayName,image:A[N-1].to.token.image},chain:{image:A[N-1].to.chain.image},percentageChange:b,warningLevel:v}),a==="swap-preview"&&$.createElement($.Fragment,null,$.createElement(Oo,{from:A[0].from,to:A[N-1].to,percentageChange:b,warningLevel:v}),$.createElement(Qo,{size:4}))),$.createElement(Xc,{selected:l,listItem:a==="list-item",open:C,className:"quote_container",onOpenChange:S},$.createElement(wu,{type:a,quoteRef:h,selected:l,setExpanded:S,expanded:C,steps:A}),$.createElement(nu,{open:C},$.createElement(ru,null),$.createElement("div",{className:Kc()},A.map((Q,_)=>{let I=`item-${_}`;return $.createElement(uS,{type:"quote-details",key:I,tooltipContainer:L,step:Q,hasSeparator:_!==A.length-1,state:Q.state})})))))}i(bs,"Quote");import{Divider as SS,Skeleton as CS}from"@rango-dev/ui";import kt from"react";import{darkTheme as gS,styled as vr}from"@rango-dev/ui";var vu=vr("div",{$$color:"$colors$neutral100",[`.${gS} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15",variants:{rounded:{true:{borderRadius:"$xm"}},expanded:{true:{paddingBottom:"3px"},false:{paddingBottom:"$12"}}}}),bu=vr("div",{paddingTop:"$2"}),Iu=vr("div",{paddingLeft:"$8"}),Eu=vr("div",{borderLeft:"1px dashed $foreground",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Du,Divider as rt,Skeleton as Ge}from"@rango-dev/ui";import U from"react";import{css as hS,styled as Tt}from"@rango-dev/ui";var Is=Tt("div",{display:"flex"}),Au=Tt("div",{padding:"$10 $0 $20"}),Wu=Tt("div",{padding:"14px $0 $20 $0",display:"flex",flexDirection:"column"}),Nu=Tt("div",{display:"flex",justifyContent:"start",alignItems:"center"}),Mu=Tt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Lu=Tt("div",{height:"$24",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Bu=Tt("div",{width:"65%",display:"flex",justifyContent:"start"}),_u=Tt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Pu=Tt("div",{padding:"$15 $0 $15 $0"}),$u=hS({display:"flex",justifyContent:"space-between",alignItems:"center"});function Ho(t){let{type:e,tagHidden:o=!0}=t,n=U.createElement(Mu,null,U.createElement(Bu,null,U.createElement(Du,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(rt,{size:8,direction:"horizontal"}),U.createElement(_u,null,U.createElement(Ge,{height:10,width:60,variant:"rounded"}),U.createElement(rt,{size:4}),U.createElement(Ge,{height:15,variant:"rounded"}))),U.createElement(Ge,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return U.createElement("div",null,!o&&U.createElement(U.Fragment,null,U.createElement(Is,null,U.createElement(Ge,{width:65,height:20,variant:"rounded"}),U.createElement(rt,{size:4,direction:"horizontal"}),U.createElement(Ge,{width:65,height:20,variant:"rounded"}),U.createElement(rt,{size:4,direction:"horizontal"}),U.createElement(Ge,{width:65,height:20,variant:"rounded"})),U.createElement(fr,null),!r&&U.createElement(rt,{size:4})),U.createElement("div",{className:$u()},U.createElement(Is,null,U.createElement(Ge,{width:60,height:10,variant:"rounded"}),U.createElement(rt,{size:4,direction:"horizontal"}),U.createElement(Ge,{width:60,height:10,variant:"rounded"}),U.createElement(rt,{size:4,direction:"horizontal"}),U.createElement(Ge,{width:60,height:10,variant:"rounded"})),r&&U.createElement(Ge,{width:85,height:24,variant:"rounded"})),e==="basic"&&U.createElement(Au,null,U.createElement(Ge,{height:15,width:148,variant:"rounded"})),e==="list-item"&&U.createElement(Wu,null,U.createElement(Nu,null,U.createElement(Du,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(rt,{direction:"horizontal",size:4}),U.createElement(Ge,{height:15,width:150,variant:"rounded"})),U.createElement(rt,{size:10}),U.createElement(Ge,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&U.createElement(U.Fragment,null,U.createElement(rt,{size:4}),U.createElement(Pu,null,n,U.createElement(Lu,null),n),U.createElement(rt,{size:12})))}i(Ho,"QuoteSummarySkeleton");import{ChainToken as zu,Divider as As,NextIcon as yS,Skeleton as br}from"@rango-dev/ui";import Te from"react";import{styled as Go}from"@rango-dev/ui";var Fu=Go("div",{display:"flex",alignItems:"start"}),Ou=Go("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center",variants:{extraSpace:{true:{paddingBottom:"$40"}}}}),Es=Go("div",{display:"flex",alignItems:"center",flexGrow:1}),Uu=Go("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),qu=Go("div",{display:"flex",alignItems:"center"});function dt(t){let{separator:e=!0}=t;return Te.createElement(Te.Fragment,null,Te.createElement(qu,null,Te.createElement(br,{height:22,width:22,variant:"circular"}),Te.createElement(As,{direction:"horizontal",size:8}),Te.createElement(br,{height:15,width:148,variant:"rounded"})),Te.createElement(Fu,null,Te.createElement(Eu,{hideSeparator:!e}),Te.createElement(Ou,{extraSpace:e},Te.createElement(Es,null,Te.createElement(zu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Te.createElement(As,{direction:"horizontal",size:8}),Te.createElement(br,{height:12,variant:"rounded"})),Te.createElement(Uu,null,Te.createElement(yS,{color:"gray",size:16})),Te.createElement(Es,null,Te.createElement(zu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Te.createElement(As,{direction:"horizontal",size:8}),Te.createElement(br,{height:12,variant:"rounded"})))))}i(dt,"StepSkeleton");function Vo(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return kt.createElement(vu,{expanded:o,rounded:e!=="basic"},kt.createElement(Ho,{type:e,tagHidden:n}),kt.createElement(bu,null,kt.createElement(CS,{height:15,variant:"rounded"})),o&&kt.createElement(Iu,null,kt.createElement(SS,{size:24}),kt.createElement(dt,null),kt.createElement(dt,null),kt.createElement(dt,{separator:!1})))}i(Vo,"QuoteSkeleton");function Jt(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1,tagHidden:l,onClick:p,showModalFee:c,selected:u,onClickAllRoutes:f,fullExpandedMode:m=!1}=t,{inputAmount:d,inputUsdValue:y,toToken:C}=H(),S=e?.outputAmount?new TS(e?.outputAmount):null,h=e?.outputAmount?Fn(e?.outputAmount,On(e)||C?.usdPrice):null,T=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?Ir.createElement(Ss,null,Ir.createElement(Vo,{tagHidden:l,type:o,expanded:a})):T?Ir.createElement(Ss,{onClick:()=>p?.(e)},Ir.createElement(bs,{quote:e,error:r,showModalFee:c,warning:s,tagHidden:l,selected:u,type:o,expanded:a,onClickAllRoutes:f,fullExpandedMode:m,input:{value:d,usdValue:y?.toString()??""},output:{value:S?.toString()??"",usdValue:h?.toString()??""}})):null}i(Jt,"QuoteInfo");import{calculatePendingSwap as xS}from"@rango-dev/queue-manager-rango-preset";import{useEffect as vS}from"react";import{useRef as kS,useState as wS}from"react";function Er({request:t}){let[e,o]=wS(!1),n=kS(null),r=i(()=>n.current?.abort(),"cancelFetch");return{fetch:i(async a=>{r(),n.current=new AbortController,o(!0);try{let l=await t(a,{signal:n.current.signal});return n.current=null,l}catch(l){throw l}finally{o(!1)}},"fetch"),loading:e,cancelFetch:r}}i(Er,"useFetch");function Qu(){let{fetch:t,loading:e,cancelFetch:o}=Er({request:async(n,r)=>await At().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(Qu,"useFetchConfirmQuote");function Ar(t){if(!t.swaps)throw new Error(R().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=Ws(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(Ar,"throwErrorIfResponseIsNotValid");function Ws(t){if(Ol(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Ul(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}}}let o=Hl(t);if(o){let n=Dn(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(Ws,"getQuoteError");function Hu(t,e,o){let n=!1;t&&(n=ip(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=no(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(Yl(t,e)?r.quoteUpdate={type:3,newOutputAmount:W(oo(e)),percentageChange:W(Xe(oo(t)??"",oo(e)??""),null,2)}:Ai(t,e)?r.quoteUpdate={type:0}:Wi(t,e)?r.quoteUpdate={type:1}:Ni(t,e)&&(r.quoteUpdate={type:2}));let a=Jl(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Hu,"generateWarnings");function Wr(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(Wr,"handleQuoteErrors");function Ns(){let{fromToken:t,toToken:e,inputAmount:o,setSelectedQuote:n,selectedQuote:r,customDestination:s,setQuoteWarningsConfirmed:a,resetAlerts:l}=H(),{slippage:p,customSlippage:c}=g(),u=g().getDisabledLiquiditySources(),f=g().blockchains(),m=g().tokens(),d=c||p,{fetch:y,cancelFetch:C,loading:S}=Qu();return vS(()=>C,[]),{loading:S,fetch:i(async k=>{let T=k.selectedWallets,x=k?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let E=T.reduce((v,w)=>(v[w.chain]=w.address,v),{}),b={requestId:r?.requestId||"",selectedWallets:E,destination:x||void 0};try{return await y(b).then(v=>{let{result:w}=v;Ar({diagnosisMessages:w.diagnosisMessages,requestId:w.requestId,swaps:w.result?.swaps});let A={outputAmount:w.result?.outputAmount,requestId:w.requestId,resultType:w.result?.resultType,swaps:w.result?.swaps||[],validationStatus:w.validationStatus,requestAmount:w.requestAmount};n(A);let N={slippage:d.toString(),disabledSwappersGroups:u},L=xS(o.toString(),w,Xl(T),N,!1,{blockchains:f,tokens:m}),j=Hu(r??void 0,A,{fromToken:t,toToken:e,meta:{blockchains:f,tokens:m},selectedWallets:T,userSlippage:d});return j.quoteUpdate&&a(!1),l(),{quote:A,swap:L,error:null,warnings:j}})}catch(v){return Wr(v)}},"fetch"),cancelFetch:C}}i(Ns,"useConfirmSwap");var DS=AS("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Vu}`]:{width:"$48",height:"$48"}}),FS=Ls({flexGrow:1,paddingRight:"$10"}),OS=Ls({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),US=Ls({display:"flex",justifyContent:"space-between",alignItems:"center"});function ju(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=H(),l=$S(),p=PS(),[c,u]=Xo(""),{connectedWallets:f}=Y(),m=!n,[d,y]=Xo(!1),[C,S]=Xo(!1),{isActiveTab:h}=ne(),k=g().getDisabledLiquiditySources(),T=BS(k),{manager:x}=bS(),{fetch:E,loading:b,cancelFetch:v}=Ns(),[w,A]=Xo({swap:null,error:null,warnings:null}),[N,L]=Xo(!1),j=i(async({selectedWallets:I,customDestination:J})=>{let de=await E?.({selectedWallets:I,customDestination:J});return A(de),de},"onConfirmSwap"),G=i(async()=>{if(w.swap&&n)try{await x?.create("swap",{swapDetails:w.swap},{id:w.swap.requestId});let I=`../${O.swaps}/${w.swap.requestId}`;l(I,{replace:!0}),setTimeout(()=>{e("")},0)}catch(I){u("Error: "+I?.message)}},"addNewSwap"),z=i(async()=>{S(!0),await G(),S(!1)},"onConfirm"),B=i(async()=>{w?.warnings?.quote&&!a?L(!0):await z()},"onStartConfirmSwap"),ee=i(async()=>{A({error:null,swap:null,warnings:null}),E({selectedWallets:o,customDestination:s}).then(I=>{A(I)}).catch(I=>console.error(I))},"onRefresh");jo(()=>{!!T.current.length&&!k.length&&ee(),T.current=k},[k.length]),jo(()=>{m&&v()},[m]),jo(()=>{m&&y(m)},[m]),jo(()=>{m||E({selectedWallets:o,customDestination:s}).then(I=>A(I)).catch(I=>console.error(I))},[]),jo(()=>{let I=w.warnings?.quote?.type&&Object.values(Nt).includes(w.warnings?.quote?.type),J=o.length<1||!o.every(Z=>f.find(ie=>Z.address===ie.address&&Z.walletType===ie.walletType&&Z.chain===ie.chain)),de=!1;if(I){let Z=Ln(t?.swaps||null),ie=t?.swaps[t.swaps.length-1].to.blockchain;!!t?.swaps.find(K=>K.from.blockchain===ie)||(Z=Z.slice(-Z.length,Z.length-1)),Z.every(K=>o.find(te=>te.chain===K))||(de=!0)}t&&(J||de)&&(queueMicrotask(()=>_S(y.bind(null,!0))),r(!1))},[w.warnings?.quote,o.length,f.length]),LS(()=>{t||l(`../${p.search}`)},[]);let re=w.warnings?.quote??null,Q=w.error,_=[];if(c&&_.push(fe.createElement(Gu,{type:"error",variant:"alarm",title:c})),w.warnings?.quoteUpdate&&_.push(fe.createElement(Gu,{variant:"alarm",type:"warning",title:w.warnings.quoteUpdate&&Qn(w.warnings.quoteUpdate)})),re||Q){let I=`../${O.settings}`;_.push(fe.createElement(Do,{warning:re,error:Q,refetchQuote:ee,showWarningModal:N,confirmationDisabled:!h,onOpenWarningModal:()=>L(!0),onCloseWarningModal:()=>L(!1),onConfirmWarningModal:async()=>{L(!1),await G()},onChangeSettings:()=>l(I)}))}return fe.createElement(pe,{header:{title:Nr.t("Confirm Swap"),onWallet:()=>{let I=`../${O.wallets}`;l(I)},suffix:fe.createElement(WS,{container:M(),side:"bottom",content:Nr.t("Settings")},fe.createElement(Je,{size:"small",variant:"ghost",onClick:()=>l("../"+O.settings)},fe.createElement(ES,{size:18,color:"black"})))},footer:fe.createElement(DS,null,fe.createElement("div",{className:FS()},fe.createElement(IS,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:b||C,disabled:!!w.error||!h,onClick:B},Nr.t("Start Swap"))),fe.createElement(Vu,{variant:"contained",type:"primary",size:"large",loading:b||C,disabled:!h,onClick:y.bind(null,!0)},fe.createElement(MS,{size:24})))},d&&fe.createElement(Ic,{open:d,onClose:()=>y(!1),onCancel:v,loading:b,onCheckBalance:j}),fe.createElement(ue,null,fe.createElement("div",{className:US()},fe.createElement(NS,{variant:"title",size:"small"},Nr.t("You get")),fe.createElement("div",{className:OS()},fe.createElement(tr,{onClick:!b&&!d&&!N?ee:void 0}))),fe.createElement(Ms,{size:"12"}),Mp(_.map((I,J)=>({element:I,key:`alert-${J}`})),fe.createElement(Ms,{size:10})),_.length>0?fe.createElement(Ms,{size:10}):null,fe.createElement(Jt,{quote:t,type:"swap-preview",expanded:!0,tagHidden:!0,error:w.error,loading:b,warning:w.warnings?.quote??null})))}i(ju,"ConfirmSwapPage");import{i18n as Lr}from"@lingui/core";import{useManager as oC}from"@rango-dev/queue-manager-react";import{Divider as rm,NotFound as nC,styled as rC}from"@rango-dev/ui";import xt,{useState as iC}from"react";import{useNavigate as sC}from"react-router-dom";import{i18n as QS}from"@lingui/core";import{Divider as Zu,GroupedVirtualizedList as HS,Skeleton as GS,SwapListItem as Ru,Typography as VS}from"@rango-dev/ui";import _e,{useCallback as em,useEffect as jS,useRef as XS,useState as KS}from"react";function Xu(t,e){let o=[],n=0;do{let r=t[n];o.push(Math.min(r,e)),e-=r,n++}while(e>0&&n<=t.length);return o}i(Xu,"calculateGroupsSoFar");import{css as qS,darkTheme as zS,styled as Ko}from"@rango-dev/ui";var Bs=qS(),Ku=Ko("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),_s=Ko("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${Bs}`]:{$$color:"$colors$neutral600",[`.${zS} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ps=Ko("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Yu=Ko("div",{gap:"$10",display:"flex",flexDirection:"column"}),Ju=Ko("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var YS=10;function $s(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=KS([]),l=XS(0),{swaps:p,groupCounts:c,groups:u}=n(e),f=em(Xu,[]),m=em(()=>{let d=e.length-l.current;d&&(l.current+=Math.min(d,YS),a(f(c,l.current)))},[e.length]);if(jS(()=>{r||m()},[r,m]),r){let d=[1,2];return _e.createElement(_e.Fragment,null,[d,d].map((C,S)=>_e.createElement(_s,{key:S},_e.createElement(Ps,null,_e.createElement(GS,{variant:"text",width:60,size:"small"}),_e.createElement(Zu,{size:16})),_e.createElement(Zu,{size:4}),_e.createElement(Yu,null,C.map((k,T)=>_e.createElement(Ru,{isLoading:!0,key:T}))))))}return _e.createElement(HS,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:d=>_e.createElement(_s,null,_e.createElement(Ps,null,_e.createElement(VS,{variant:"label",size:"medium",className:Bs()},u[d]))),itemContent:(d,y)=>{let C=p[d];if(!C)return null;let S=C.steps[0],h=C.steps[C.steps.length-1];return _e.createElement(Ku,{key:C.requestId},_e.createElement(Ru,{requestId:C.requestId,creationTime:C.creationTime,status:C.status,onClick:o,tooltipContainer:M(),onlyShowTime:u[y]===QS.t("Today"),swapTokenData:{from:{token:{image:S.fromLogo,displayName:S.fromSymbol},blockchain:{image:S.fromBlockchainLogo||""},amount:W(C.inputAmount,6,6),realAmount:ce(C.inputAmount)},to:{token:{image:h.toLogo,displayName:h.toSymbol},blockchain:{image:h.toBlockchainLogo||""},amount:W(h.outputAmount||h.expectedOutputAmountHumanReadable||"",6,6),realAmount:ce(h.outputAmount||h.expectedOutputAmountHumanReadable)}}}))}})}i($s,"HistoryGroupedList");import{CloseIcon as ZS,IconButton as RS,SearchIcon as eC,TextField as tC}from"@rango-dev/ui";import Yo from"react";import{styled as JS}from"@rango-dev/ui";var tm=JS("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function wt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Yo.createElement(tC,{prefix:Yo.createElement(tm,null,Yo.createElement(eC,{color:"black"})),suffix:!!a.length&&Yo.createElement(RS,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Yo.createElement(ZS,{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(wt,"SearchInput");import{i18n as Mr}from"@lingui/core";import om from"dayjs";var nm=i(t=>{let e=new Map([["today",{title:Mr.t("Today"),swaps:[]}],["week",{title:Mr.t("This week"),swaps:[]}],["month",{title:Mr.t("This month"),swaps:[]}],["year",{title:Mr.t("This year"),swaps:[]}]]);function o(p,c){e.has(p)||e.set(p,{title:p,swaps:[]}),e.get(p)?.swaps.push(c)}i(o,"addYearsToOutput");let n=om();t.forEach(p=>{let c=Number(p.creationTime),u=om(c);if(n.isSame(u,"day"))e.get("today")?.swaps.push(p);else if(n.isSame(u,"week"))e.get("week")?.swaps.push(p);else if(n.isSame(u,"month"))e.get("month")?.swaps.push(p);else if(n.isSame(u,"year"))e.get("year")?.swaps.push(p);else{let f=new Date(c).getFullYear().toString();o(f,p)}});let r=Array.from(e.values()).filter(p=>p.swaps.length>0),s=r.flatMap(p=>p.swaps),a=r.map(p=>p.swaps.length),l=r.map(p=>p.title);return{swaps:s,groupCounts:a,groups:l}},"groupSwapsByDate");var aC=rC("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),lC=i((t,e)=>t?.length?t.filter(o=>pt(o.fromBlockchain,e)||pt(o.toBlockchain,e)||pt(o.toSymbol,e)||pt(o.fromSymbol,e)).length:!1,"isStepContainsText");function im(){let t=sC(),{manager:e,state:o}=oC(),n=ut(e).map(({swap:u})=>u),[r,s]=iC(""),a=!o.loadedFromPersistor,l=i(u=>{let f=u.target.value;s(f)},"searchHandler"),p=n;r&&(p=n.filter(u=>pt(u.inputAmount,r)||pt(u.status,r)||lC(u.steps,r)||pt(u.requestId,r)));let c=!p?.length&&!a;return xt.createElement(pe,{header:{title:Lr.t("History")}},xt.createElement(ue,null,xt.createElement(wt,{setValue:s,fullWidth:!0,variant:"contained",placeholder:Lr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),xt.createElement(rm,{size:"16"}),xt.createElement(aC,null,c&&xt.createElement(Ju,null,xt.createElement(rm,{size:32}),xt.createElement(nC,{title:Lr.t("No results found"),description:r?Lr.t("Try using different keywords"):""})),!c&&xt.createElement($s,{list:p,onSwapClick:t,groupBy:nm,isLoading:a}))))}i(im,"HistoryPage");import{i18n as IC}from"@lingui/core";import{Button as EC,Divider as wm,styled as AC,WarningIcon as WC}from"@rango-dev/ui";import NC from"bignumber.js";import qe,{useEffect as xm,useState as vm}from"react";import{useNavigate as MC}from"react-router-dom";import{i18n as fC}from"@lingui/core";import{Header as gC}from"@rango-dev/ui";import $t,{useEffect as hC,useState as yC}from"react";import{i18n as cC}from"@lingui/core";import{Divider as Fs,FullExpandedQuote as uC,Typography as mC}from"@rango-dev/ui";import ge from"react";import{styled as Ds}from"@rango-dev/ui";var sm=Ds("div",{display:"flex",justifyContent:"center",flexDirection:"column",height:"100%"}),am=Ds("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),lm=Ds("div",{width:"146px"});import{i18n as Jo}from"@lingui/core";import{Select as pC}from"@rango-dev/ui";import pm from"react";function Br(t){let{updateQuotePartialState:e,sortStrategy:o}=H(),n=[{value:"SMART",label:Jo.t("Smart Routing")},{value:"FEE",label:Jo.t("Lowest Fee")},{value:"SPEED",label:Jo.t("Fastest Transfer")},{value:"NET_OUTPUT",label:Jo.t("Maximum Return")},{value:"PRICE",label:Jo.t("Maximum Output")}];return pm.createElement(lm,null,pm.createElement(pC,{container:t.container,options:n,value:o,handleItemClick:r=>{e("sortStrategy",r.value)},variant:"filled"}))}i(Br,"SelectStrategy");var cm=3;function Zo(t){let{loading:e,onClickOnQuote:o,fetch:n,showModalFee:r,hasSort:s=!0,fullExpandedMode:a=!1}=t,{selectedQuote:l,quotes:p,updateQuotePartialState:c,fromToken:u,toToken:f,sortStrategy:m,error:d}=H(),{slippage:y,customSlippage:C}=g(),S=g().tokens(),h=!!p&&p.results.length,k=C??y,T=i(b=>{if(!u||!f||!p)return null;let v={requestAmount:p.requestAmount,...b};return no(v,{fromToken:u,toToken:f,userSlippage:k,tokens:S})},"getQuoteWarning"),x=d?.type===0||d?.type===1,E=p?.results?Un(m,p?.results):[];return ge.createElement(ge.Fragment,null,s&&ge.createElement(ge.Fragment,null,ge.createElement(am,null,ge.createElement(mC,{size:"xmedium",variant:"title"},cC.t("Sort by")),ge.createElement(Br,{container:M()})),ge.createElement(Fs,{size:"10"})),e&&Array.from({length:cm},(b,v)=>ge.createElement(ge.Fragment,{key:v},a?ge.createElement(uC,{loading:!0}):ge.createElement(Vo,{tagHidden:!1,type:"list-item",expanded:!1}),v!==cm-1&&ge.createElement(Fs,{size:16}))),!e&&ge.createElement(ge.Fragment,null,h?E.map((b,v)=>{let w=T(b),A=Ws(b.swaps),N=E.length-1===v;return ge.createElement(ge.Fragment,{key:b.requestId},ge.createElement(Jt,{showModalFee:r,selected:l?.requestId===b.requestId,tagHidden:!1,quote:{...b,requestAmount:p.requestAmount},loading:e,error:A?.options||null,warning:w,fullExpandedMode:a,onClick:L=>{A||c("warning",w),c("error",A?.options||null),o(L)},type:"list-item"}),!N&&ge.createElement(Fs,{size:16}))}):x&&ge.createElement(sm,null,ge.createElement(Po,{size:a?"large":"small",error:d,fetch:n}))))}i(Zo,"Quotes");import{darkTheme as dC,styled as um}from"@rango-dev/ui";var mm=um("div",{transition:"width 0.2s, opacity 0.2s, margin-left 0.2s",height:"700px",width:"390px",opacity:1,marginLeft:"$16",backgroundColor:"$neutral100",[`.${dC} &`]:{backgroundColor:"$neutral300"},variants:{expandMode:{default:{width:"390px"},full:{width:"719px"}}},"&.is-hidden":{width:0,height:0,opacity:0,marginLeft:0}}),dm=um("div",{position:"relative",overflow:"hidden",padding:"$20",flexGrow:1,display:"flex",flexDirection:"column",overflowY:"auto",borderRadius:"$primary",backgroundColor:"$background"});var SC=100;function Os(t){let{fetch:e,loading:o,onClickOnQuote:n,onClickRefresh:r,isVisible:s}=t,[a,l]=yC(!1),p=a?"":"is-hidden",{config:c}=g(),u=c?.variant==="full-expanded";return hC(()=>{let f=null;return s?f=setTimeout(()=>{l(!0)},SC):(l(!1),f&&clearTimeout(f)),()=>{f&&clearTimeout(f)}},[s]),$t.createElement(mm,{expandMode:c?.variant==="full-expanded"?"full":"default",className:`${p} ${rr()}`,id:ke.EXPANDED_BOX_ID},$t.createElement(gC,{title:fC.t("Routes"),suffix:$t.createElement($t.Fragment,null,$t.createElement(Br,{container:En()}),$t.createElement(Vt,{onClickRefresh:r,hidden:["history","notifications","settings"]}))}),$t.createElement(dm,null,$t.createElement(Zo,{showModalFee:!1,fetch:e,hasSort:!1,loading:o,onClickOnQuote:n,fullExpandedMode:u})))}i(Os,"ExpandedQuotes");import{i18n as Cm}from"@lingui/core";import{SwapInput as Tm}from"@rango-dev/ui";import Ro from"react";import{ReverseIcon as CC,styled as fm}from"@rango-dev/ui";import Us from"react";var TC=fm("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),kC=fm("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 gm(){let t=H.use.switchFromAndTo();return Us.createElement(TC,null,Us.createElement(kC,{onClick:()=>{t()}},Us.createElement(CC,{size:12})))}i(gm,"SwitchFromAndToButton");import{styled as hm}from"@rango-dev/ui";var ym=hm("div",{display:"flex",flexDirection:"column",gap:"$5",alignSelf:"stretch"}),Sm=hm("div",{position:"relative"});function qs(t){let{fetchingQuote:e,fetchMetaStatus:o,onClickToken:n,isExpandable:r}=t,{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:f,outputAmount:m,outputUsdValue:d,selectedQuote:y}=H(),{connectedWallets:C,getBalanceFor:S}=Y(),h=s?S(s):null,k=kn(h)?.amount??"0",T=a&&s?W(h?.amount,h?.decimals):"0",x=!!a&&el(C,a.name),E=!Ii(y,u,f),b=!Ii(y,u,d),v=!f||!d||!d.gt(0)?null:Xe(f.toString(),d.toString());return Ro.createElement(ym,null,Ro.createElement(Sm,null,Ro.createElement(Tm,{label:Cm.t("From"),mode:"From",onInputChange:c,balance:k,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>n("from"),price:{value:u,usdValue:E?void 0:W(f,4,4),realUsdValue:E?void 0:ce(f),error:E?R().unknownPriceError.impactTitle:void 0},disabled:o==="failed",loading:o==="loading",loadingBalance:x,tooltipContainer:M(),onSelectMaxBalance:()=>{c(T.split(",").join(""))}}),Ro.createElement(gm,null)),Ro.createElement(Tm,{sharpBottomStyle:!r&&(!!y||e),label:Cm.t("To"),mode:"To",fetchingQuote:e,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:W(Xe(f,d),2,2),warningLevel:St(v??0),price:{value:W(m,6,6),usdValue:b?void 0:W(d,4,4),realValue:ce(m),realUsdValue:b?void 0:ce(d),error:b?R().unknownPriceError.impactTitle:void 0},onClickToken:()=>n("to"),disabled:o==="failed",loading:o==="loading",tooltipContainer:M()}))}i(qs,"Inputs");import{useCallback as wC,useEffect as xC,useState as vC}from"react";function km(){let{fetch:t,loading:e,cancelFetch:o}=Er({request:async(n,r)=>await At().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(km,"useFetchAllQuotes");var bC=600;function _r({refetchQuote:t}){let{fetch:e,cancelFetch:o}=km(),{excludeLiquiditySources:n,features:r,enableCentralizedSwappers:s}=g().config,a=Y.use.connectedWallets(),l=g().tokens(),{fromToken:p,toToken:c,inputAmount:u,inputUsdValue:f,selectedQuote:m,sortStrategy:d,resetQuote:y,error:C,warning:S,setSelectedQuote:h,updateQuotePartialState:k}=H(),{slippage:T,customSlippage:x,affiliatePercent:E,affiliateRef:b,affiliateWallets:v,fetchStatus:w}=g(),A=g().getLiquiditySources(),N=g().getDisabledLiquiditySources(),L=g().excludeLiquiditySources(),[j,G]=vC(!0),z=x??T,ee=!p||!c||Me(p,c)||!xo(u),re=i(I=>{G(I)},"resetState"),Q=i(I=>{let{fromToken:J,toToken:de,inputAmount:Z,liquiditySources:ie,excludeLiquiditySources:to,disabledLiquiditySources:V,slippage:K,affiliateRef:te,affiliatePercent:Ie,affiliateWallets:et}=I;if(j||re(!0),!ee&&J&&de){y();let $e=jl({fromToken:J,toToken:de,inputAmount:Z,liquiditySources:ie,excludeLiquiditySources:to,disabledLiquiditySources:V,wallets:a,slippage:K,affiliateRef:te,affiliatePercent:Ie,affiliateWallets:et,enableCentralizedSwappers:s});Cl("experimentalRoute",r)&&($e.experimental=!0),e($e).then(De=>{let ye=Un(d,De.results),Fe=lp(m,ye,De.requestAmount);G(!1),k("quotes",De),h(Fe),Ar({diagnosisMessages:De.diagnosisMessages,requestId:Fe?.requestId||"",swaps:Fe?.swaps});let mn=Fe&&no(Fe,{fromToken:J,toToken:de,userSlippage:z,tokens:l});k("warning",mn)}).catch(De=>{let{error:ye}=Wr(De);(ye?.type===0||ye?.type===1)&&y(),ye?.type!==2&&(k("error",ye),G(!1))})}},"fetch"),_=wC(gl(I=>{ee||Q(I)},bC),[ee]);return xC(()=>{if(!t){G(!1);return}if(w==="success"){if(ee){G(!1),(m||C||S)&&y();return}if(!xo(u)||f?.eq(0)){re(!1),o();return}return y(),re(!0),_({inputAmount:u,fromToken:p,toToken:c,liquiditySources:A,excludeLiquiditySources:L,disabledLiquiditySources:N,slippage:z,affiliateRef:b,affiliatePercent:E,affiliateWallets:v}),o}},[w,u,p?.symbol,p?.address,p?.blockchain,c?.symbol,c?.address,c?.blockchain,ee,A?.length,n,N.length,z,b,E,JSON.stringify(v)]),{fetch:()=>Q({inputAmount:u,fromToken:p,toToken:c,liquiditySources:A,excludeLiquiditySources:L,disabledLiquiditySources:N,slippage:z,affiliateRef:b,affiliatePercent:E,affiliateWallets:v}),loading:j}}i(_r,"useSwapInput");var LC=AC("div",{display:"grid",gridTemplateColumns:"auto auto",alignItems:"flex-start",maxHeight:700,"& .footer__alert":{paddingTop:"0 !important"}}),BC=300;function bm(){let t=MC(),{fromToken:e,toToken:o,inputAmount:n,selectedQuote:r,refetchQuote:s,error:a,warning:l,quotes:p,setSelectedQuote:c,resetQuoteWallets:u,setQuoteWarningsConfirmed:f,updateQuotePartialState:m}=H(),[d,y]=vm(!1),{isLargeScreen:C,isExtraLargeScreen:S}=Cr(),{fetch:h,loading:k}=_r({refetchQuote:s}),{config:T,fetchStatus:x}=g(),{connectedWallets:E}=Y(),{isActiveTab:b}=ne(),[v,w]=vm(!1),N=ql({fetchMetaStatus:x,fetchingQuote:k,inputAmount:n,quote:r,anyWalletConnected:E.length>0,error:a,warning:l,needsToWarnEthOnPath:!1}),L=sl(C,S,T?.variant),j=!!n&&!!e&&!!o&&new NC(n).gt(0)&&!op(e,o),G=j&&x==="success"&&k,ee=(!L||L&&p?.results.length)&&(l||a);xm(()=>{u(),m("refetchQuote",!0)},[]),xm(()=>{y(j)},[j]);let re=(r||a)&&!v?h:void 0,Q=i(I=>{L&&d?(y(!1),setTimeout(()=>{t(I)},BC)):t(I)},"onHandleNavigation"),_=i(I=>{r?.requestId!==I.requestId&&(w(!1),c(I))},"onClickOnQuote");return qe.createElement(LC,null,qe.createElement(pe,{height:"auto",footer:qe.createElement(EC,{type:"primary",size:"large",disabled:N.disabled||!b,prefix:N.action==="confirm-warning"&&qe.createElement(WC,null),fullWidth:!0,onClick:()=>{N.action==="connect-wallet"?Q(O.wallets):N.action==="confirm-warning"?w(!0):Q(O.confirmSwap)}},N.title),header:{onWallet:()=>{Q(O.wallets)},hasBackButton:!1,title:T.title||IC.t("Swap"),suffix:qe.createElement(Vt,{hidden:L?["refresh"]:void 0,onClickRefresh:re,onClickHistory:()=>Q(O.swaps),onClickSettings:()=>{Q(O.settings)}})}},qe.createElement(ue,null,qe.createElement(qs,{fetchingQuote:G,fetchMetaStatus:x,isExpandable:L,onClickToken:I=>{Q(I==="from"?O.fromSwap:O.toSwap)}}),qe.createElement(wm,{size:"2"}),L?null:qe.createElement(Jt,{quote:r,loading:G,error:a,tagHidden:!1,warning:l,type:"basic",onClickAllRoutes:p&&p.results.length>1?()=>{m("refetchQuote",!1),Q(O.routes)}:void 0}),ee?qe.createElement(qe.Fragment,null,qe.createElement(wm,{size:"10"}),qe.createElement(Do,{warning:l,error:a,refetchQuote:h,showWarningModal:v,confirmationDisabled:!b,onOpenWarningModal:()=>w(!0),onCloseWarningModal:()=>w(!1),onConfirmWarningModal:()=>{w(!1),f(!0),Q(O.confirmSwap)},onChangeSettings:()=>Q(O.settings)})):null)),L?qe.createElement(Os,{loading:G,onClickOnQuote:_,fetch:h,onClickRefresh:re,isVisible:d}):null)}i(bm,"Home");import{i18n as Im}from"@lingui/core";import{Alert as _C,Divider as PC,List as $C,ListItemButton as DC,Radio as FC,RadioRoot as OC,Typography as UC}from"@rango-dev/ui";import ft from"react";function Dt(){let{setLanguage:t,language:e,config:o}=g(),n=kl,r=o?.language||Io;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||Io),resetLanguage:()=>t(null)}}i(Dt,"useLanguage");function Em(){let{activeLanguage:t,changeLanguage:e,languages:o}=Dt(),n=Ye(),r=o.map(s=>{let{local:a,label:l,SVGFlag:p}=s;return{id:a,value:a,title:ft.createElement(UC,{variant:"title",size:"xmedium"},l),onClick:()=>{e(s.local),n()},end:ft.createElement(FC,{value:a}),start:ft.createElement(p,null)}});return ft.createElement(pe,{header:{title:Im.t("Language")}},ft.createElement(ue,null,ft.createElement(_C,{type:"warning",variant:"alarm",title:"Important Notice: Machine translations are in use"}),ft.createElement(PC,{size:"8"}),ft.createElement(OC,{value:t},ft.createElement($C,{type:ft.createElement(DC,{title:Im.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}i(Em,"LanguagePage");import{i18n as vt}from"@lingui/core";import{Button as GC,Checkbox as VC,Image as jC,ListItemButton as XC,NotFound as KC,Typography as YC}from"@rango-dev/ui";import Pe,{useState as JC}from"react";import{Checkbox as QC,Skeleton as Wm}from"@rango-dev/ui";import tn from"react";import{styled as zs}from"@rango-dev/ui";var en=zs("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),Qs=zs("div",{width:80,display:"flex",justifyContent:"flex-end"}),Hs=zs("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as qC,styled as zC}from"@rango-dev/ui";var Am=zC(qC,{height:61});var HC=30;function Gs(){return tn.createElement(en,null,Array.from(Array(HC),(t,e)=>tn.createElement(Am,{hasDivider:!0,key:e,start:tn.createElement(Wm,{variant:"circular",width:35,height:35}),title:tn.createElement(Wm,{variant:"text",size:"large",width:90}),end:tn.createElement(QC,{checked:!1})})))}i(Gs,"LoadingLiquiditySourceList");function Vs({sourceType:t}){let e=g().fetchStatus,o=g().swappers(),n=g().getDisabledLiquiditySources(),[r,s]=JC(""),a=g().toggleLiquiditySource,l=g().isInCampaignMode(),p=An(o,n),c={Exchanges:vt.t("Exchanges"),Bridges:vt.t("Bridges")},u=[];t==="Exchanges"&&u.push("DEX"),t==="Bridges"&&u.push("BRIDGE","AGGREGATOR","OFF_CHAIN");let f=p.filter(h=>u.includes(h.type)),m=f.length===f.filter(h=>h.selected).length,d=i(()=>{f.forEach(h=>{m?a(h.groupTitle):h.selected||a(h.groupTitle)})},"toggleAllSources"),y=f.map(h=>{let{selected:k,groupTitle:T,logo:x}=h;return{start:Pe.createElement(jC,{src:x,size:22,type:"circular"}),onClick:()=>{l||a(T)},end:Pe.createElement(VC,{checked:k,disabled:l}),title:Pe.createElement(YC,{variant:"title",size:"xmedium"},vt.t(T)),...h}}),C=i(h=>{let k=h.target.value;s(k)},"searchHandler"),S=y;return r&&(S=y.filter(h=>pt(h.groupTitle,r))),Pe.createElement(pe,{header:{title:vt.t(t),suffix:Pe.createElement(Qs,null,Pe.createElement(GC,{variant:"ghost",size:"xsmall",onClick:d},m?vt.t("Deselect all"):vt.t("Select all")))}},Pe.createElement(ue,{view:!0},Pe.createElement(wt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:vt.t("Search {sourceType}",{sourceType:c[t]}),onChange:C}),e==="loading"&&Pe.createElement(Gs,null),!S.length&&r?Pe.createElement(Hs,null,Pe.createElement(KC,{title:vt.t("No results found"),description:vt.t("Try using different keywords")})):e==="success"&&Pe.createElement(en,{disabled:l},S.map(h=>{let{groupTitle:k,...T}=h;return Pe.createElement(Pe.Fragment,{key:h.id},Pe.createElement(XC,{style:{height:"61px"},...T,selected:!1,hasDivider:!0}))}))))}i(Vs,"LiquiditySourcePage");import{i18n as ZC}from"@lingui/core";import Pr from"react";import{useNavigate as RC}from"react-router-dom";function Nm(){let t=RC(),e=Ye(),{selectedQuote:o,refetchQuote:n,setSelectedQuote:r,updateQuotePartialState:s,error:a}=H(),{fetch:l,loading:p}=_r({refetchQuote:n}),c=i(m=>{r(m),s("refetchQuote",!1),e()},"onClickOnQuote"),u=`../${O.settings}`,f=`../${O.wallets}`;return Pr.createElement(pe,{header:{onWallet:()=>{t(f)},onBack:()=>{s("refetchQuote",!1)},title:ZC.t("Routes"),suffix:Pr.createElement(Vt,{onClickRefresh:o||a?l:void 0,hidden:["notifications","history"],onClickSettings:()=>t(u)})}},Pr.createElement(ue,null,Pr.createElement(Zo,{fetch:l,loading:p,onClickOnQuote:c})))}i(Nm,"RoutesPage");import{i18n as Fm}from"@lingui/core";import{Divider as Om,getCountCategories as pT,SelectableCategoryList as cT}from"@rango-dev/ui";import bt,{useState as Um}from"react";import{i18n as Xs}from"@lingui/core";import{Divider as $m,Image as rT,ListItemButton as iT,NotFound as sT,Typography as Dm}from"@rango-dev/ui";import Ze,{useEffect as aT,useState as lT}from"react";import{BlockchainCategories as js}from"@rango-dev/ui";import{TransactionType as $r}from"rango-sdk";var eT=i((t,e)=>{switch(e){case js.ALL:return!0;case js.UTXO:return t.type===$r.TRANSFER;case js.OTHER:return t.type!==$r.TRANSFER&&t.type!==$r.COSMOS&&t.type!==$r.EVM;default:return t.type===e}},"filterByType"),Mm=i((t,e,o)=>t.filter(n=>eT(n,o)).filter(n=>yt(n.name,e)||yt(n.displayName,e)),"filterBlockchains");import{ImageContainer as tT,styled as Lm}from"@rango-dev/ui";var Bm=Lm("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Dr=Lm(Lo,{padding:0,margin:0,listStyle:"none",[`& ${tT}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as oT,Skeleton as _m}from"@rango-dev/ui";import Fr from"react";var nT=20;function Pm(){return Fr.createElement(Dr,null,Array.from(Array(nT),t=>Fr.createElement(oT,{key:t,hasDivider:!0,start:Fr.createElement(_m,{variant:"circular",width:35,height:35}),title:Fr.createElement(_m,{variant:"text",size:"large",width:90})})))}i(Pm,"LoadingBlockchainList");function Ks(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=lT(e),{fetchStatus:l}=g();aT(()=>{a([...Mm(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Ze.createElement(Ze.Fragment,null,Ze.createElement($m,{size:32}),Ze.createElement(sT,{title:Xs.t("No results found"),description:Xs.t("Try using different keywords")})):Ze.createElement(Dr,{as:"ul",key:`${r}-${o}`},s.map(c=>Ze.createElement(iT,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:Ze.createElement(rT,{src:c.logo,size:30}),title:Ze.createElement(Dm,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return Ze.createElement(Bm,null,Ze.createElement(Dm,{variant:"label",size:"large"},Xs.t("Select Blockchain")),Ze.createElement($m,{size:4}),l==="loading"&&Ze.createElement(Pm,null),l==="success"&&p())}i(Ks,"BlockchainList");function Ys(t){let{type:e}=t,o=Ye(),[n,r]=Um(""),[s,a]=Um("ALL"),l=H.use.setToBlockchain(),p=H.use.setFromBlockchain(),c=g().fetchStatus,u=g().blockchains({type:e}),m=pT(u)!==1;return bt.createElement(pe,{header:{title:Fm.t("Select Blockchain")}},bt.createElement(ue,{view:!0},m&&bt.createElement(bt.Fragment,null,bt.createElement(cT,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),bt.createElement(Om,{size:24})),bt.createElement(wt,{value:n,autoFocus:!0,placeholder:Fm.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),bt.createElement(Om,{size:16}),bt.createElement(Ks,{list:u,searchedFor:n,blockchainCategory:s,onChange:d=>{e==="source"?p(d):l(d),o()}})))}i(Ys,"SelectBlockchainPage");import{i18n as Qr}from"@lingui/core";import{Divider as sd}from"@rango-dev/ui";import Zt,{useState as ET}from"react";import{useNavigate as AT}from"react-router-dom";import{i18n as Rs}from"@lingui/core";import{BlockchainsChip as Or,Divider as Hm,Image as Gm,Skeleton as gT,Tooltip as hT,Typography as ea}from"@rango-dev/ui";import be from"react";import{useEffect as dT}from"react";var qm=["ETH","COSMOS","OSMOSIS"];function Js(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(uT),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let c=n[p];a=a.filter(u=>c.name!==u)}}n.sort(mT(a)),r=n.splice(s)}return{list:n,more:r}}i(Js,"prepare");function uT(t,e){let o=qm,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(uT,"sortByMostUsedBlockchains");function mT(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(mT,"generateSortByPreferredBlockchainsFor");function zm(t,e){return!!e.list.find(o=>o.name===t)}i(zm,"isInVisibleList");function Zs(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=g();dT(()=>{if(e?.selected){let s=Js(t,o,e);zm(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=Js(t,o,e);return{list:r.list,more:r.more,history:[]}}i(Zs,"usePrepareBlockchainList");import{styled as fT}from"@rango-dev/ui";var Qm=fT("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var yT=12;function ta(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Zs(e,{limit:10,selected:n?.name}),{fetchStatus:l}=g(),p=H.use.resetToBlockchain(),c=H.use.resetFromBlockchain(),u=a.more.length>0,f=a.more.length===1,m=!f&&u;return be.createElement(be.Fragment,null,be.createElement(Hm,{size:12}),be.createElement(ea,{variant:"label",size:"large"},Rs.t("Select Blockchain")),be.createElement(Hm,{size:12}),be.createElement(Qm,null,l==="loading"&&Array.from(Array(yT),d=>be.createElement(gT,{key:d,variant:"rounded",height:50})),l==="success"&&be.createElement(be.Fragment,null,be.createElement(Or,{selected:!n,onClick:()=>{o==="from"?c():p()}},be.createElement(ea,{variant:"body",size:"xsmall",color:"secondary500"},Rs.t("All"))),a.list.map(d=>be.createElement(hT,{key:d.name,content:d.shortName,side:"bottom",sideOffset:2,container:M()},be.createElement(Or,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},be.createElement(Gm,{src:d.logo,size:30})))),f?be.createElement(Or,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},be.createElement(Gm,{src:a.more[0].logo,size:30})):null,m?be.createElement(Or,{onClick:s,key:"more-blockchains"},be.createElement(ea,{variant:"body",size:"xsmall",color:"secondary500"},Rs._("More +{count}",{count:a.more.length}))):null)))}i(ta,"BlockchainsSection");import{i18n as ua}from"@lingui/core";import{darkTheme as td,Divider as Co,ExternalLinkIcon as TT,Image as kT,ListItemButton as wT,NotFound as xT,PinIcon as vT,Skeleton as od,Typography as zr,VirtualizedList as bT}from"@rango-dev/ui";import q,{useEffect as nd,useState as rd}from"react";import{Divider as Rm,ListItem as CT,Skeleton as on}from"@rango-dev/ui";import st from"react";import{css as So,darkTheme as Vm,ImageContainer as ST,styled as it,Typography as jm}from"@rango-dev/ui";var oa=So({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),na=So({position:"relative",height:12,width:"30%",maxWidth:"150px"}),ra=So({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),ia=So({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Vm} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),sa=So({}),aa=So(),Xm=it("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),la=it("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Ur=it("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${na}`]:{[`& .${ia}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${sa}`]:{bottom:"-15px"},[`& .${oa}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${ra}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),pa=it("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),ca=it(jm,{}),Km=it("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${aa}`]:{$$color:"$colors$neutral600",[`.${Vm} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),qr=it("div",{display:"flex",alignItems:"end",flexDirection:"column"}),vF=it("div",{display:"flex",alignItems:"center"}),Ym=it("div",{position:"relative",[`& ${ST}`]:{borderRadius:"$xm",overflow:"hidden"}}),Jm=it("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Zm=it(jm,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function ed(t){return st.createElement(Ur,null,Array.from(Array(t.size),e=>st.createElement(CT,{key:e,hasDivider:!0,start:st.createElement(on,{variant:"circular",width:35,height:35}),end:st.createElement(qr,null,st.createElement(on,{variant:"text",size:"large",width:70}),st.createElement(Rm,{size:4}),st.createElement(on,{variant:"text",size:"medium",width:50})),title:st.createElement("div",null,st.createElement(on,{variant:"text",size:"large",width:90}),st.createElement(Rm,{size:4}),st.createElement(on,{variant:"text",size:"medium",width:90}))})))}i(ed,"LoadingTokenList");var ma=20,IT=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return q.createElement("div",{className:na()},o?q.createElement("div",{className:oa()},o):q.createElement(la,{className:ra()},q.createElement(zr,{variant:"title",size:"xmedium"},r.symbol),q.createElement(Co,{direction:"horizontal",size:4}),q.createElement(pa,{css:s},q.createElement(ca,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&q.createElement("div",{className:`${ia()} ${!o&&sa()}`},q.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," ",q.createElement(Co,{size:4,direction:"horizontal"}),q.createElement(TT,{color:"gray",size:12}))))},"renderDesc");function id(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=rd(e),l=g().fetchStatus,p=g().blockchains(),[c,u]=rd(!0),{getBalanceFor:f,loading:m}=Y(),{isTokenPinned:d}=g(),y=i(()=>{a(e.slice(0,s.length+ma))},"loadNextPage");nd(()=>{u(e.length>s.length)},[s.length]),nd(()=>{a(e.slice(0,ma))},[e]);let C=i(()=>!s.length&&o?q.createElement(q.Fragment,null,q.createElement(Co,{size:32}),q.createElement(xT,{title:ua.t("No results found"),description:ua.t("Try using different keywords")})):q.createElement(bT,{endReached:c?y:void 0,itemContent:S=>{let h=s[S],k=kn(f(h)),T=h.address||"",x=p.find(A=>A.name===h.blockchain),E=Jn(x?.color||"",Wp(x?.color||"")?5:125),b=Jn(x?.color||"",-100),v={$$color:E,[`.${td} &`]:{$$color:b},backgroundColor:"$$color"},w={$$color:b,[`.${td} &`]:{$$color:E},color:"$$color"};return q.createElement("div",{style:{paddingRight:5}},q.createElement(wT,{style:{width:"100%",overflow:"hidden"},"tab-index":S,key:`${h.symbol}${h.address}`,id:`${h.symbol}${h.address}`,hasDivider:!0,onClick:()=>n(s[S]),start:q.createElement(Ym,null,q.createElement(kT,{src:h.image,size:30}),d(h,t.type)&&q.createElement(Jm,null,q.createElement(vT,{size:12,color:"gray"}))),title:x?.type==="COSMOS"||h.name||!h.name&&!T?q.createElement(la,null,q.createElement(zr,{variant:"title",size:"xmedium"},h.symbol),q.createElement(Co,{direction:"horizontal",size:4}),q.createElement(pa,{css:v},q.createElement(ca,{variant:"body",size:"xsmall",css:w},h.blockchain))):void 0,description:x?.info&&T&&x.type!=="COSMOS"?IT({address:T,token:s[S],customCssForTag:v,customCssForTagTitle:w,name:h.name,url:x.info.addressUrl.split("{wallet}").join(T)}):h.name||void 0,end:m?q.createElement(qr,null,q.createElement(od,{variant:"text",size:"large",width:70}),q.createElement(Co,{size:4}),q.createElement(od,{variant:"text",size:"medium",width:50})):k&&q.createElement(Km,null,q.createElement(Zm,{variant:"title",size:"small"},k.amount),q.createElement("div",null),k.usdValue&&q.createElement(zr,{variant:"body",className:aa(),size:"xsmall"},`$${k.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return q.createElement(Xm,null,q.createElement(zr,{variant:"label",size:"large"},ua.t("Select Token")),q.createElement(Co,{size:4}),l==="loading"&&q.createElement(ed,{size:ma}),l==="success"&&q.createElement(Ur,{as:"ul"},C()))}i(id,"TokenList");function da(t){let{type:e}=t,o=AT(),n=Ye(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=H(),u=Y.use.getBalanceFor(),[f,m]=ET(""),y=(e==="source"?r:s)?.name??"",C=g().blockchains({type:e}),S=g().tokens({type:e,blockchain:y,searchFor:f,getBalanceFor:u}),h=i(x=>{e==="source"?p(x):c(x)},"updateBlockchain"),k=i(x=>{e==="source"?a({token:x,meta:{blockchains:C,tokens:S}}):l({token:x,meta:{blockchains:C,tokens:S}})},"updateToken"),T={source:Qr.t("Source"),destination:Qr.t("Destination")};return Zt.createElement(pe,{header:{title:Qr.t("Swap {type}",{type:T[e]})}},Zt.createElement(ue,null,Zt.createElement(ta,{blockchains:C,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(O.blockchains),onChange:x=>{h(x)}}),Zt.createElement(sd,{size:24}),Zt.createElement(wt,{value:f,autoFocus:!0,placeholder:Qr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:x=>m(x.target.value)}),Zt.createElement(sd,{size:16}),Zt.createElement(id,{list:S,selectedBlockchain:y,searchedFor:f,type:e,onChange:x=>{k(x);let E=C.find(b=>x.blockchain===b.name);E&&h(E),n()}})))}i(da,"SelectSwapItemsPage");import{i18n as ya}from"@lingui/core";import{Alert as RT,Button as ek,styled as tk}from"@rango-dev/ui";import Rt from"react";import{useInRouterContext as ok,useSearchParams as nk}from"react-router-dom";import{i18n as md}from"@lingui/core";import{Divider as LT,InfoIcon as BT,TextField as _T,Tooltip as PT,Typography as dd}from"@rango-dev/ui";import at from"react";import{Chip as WT,styled as nn,TextField as NT}from"@rango-dev/ui";var ad=nn("div",{paddingTop:"$5",padding:"$10 $5"}),ld=nn("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${NT}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),pd=nn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Hr=nn("div",{maxWidth:"280px",padding:"$10"}),cd=nn(WT,{width:"61px",flexShrink:0});import{i18n as fa}from"@lingui/core";import{Typography as MT}from"@rango-dev/ui";import rn from"react";function ud(){return rn.createElement(Hr,null,rn.createElement(MT,{variant:"label",size:"medium",color:"neutral700"},fa.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),rn.createElement("br",null),rn.createElement("br",null),rn.createElement("b",null,fa.t("Warning")),":",fa.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(ud,"SlippageTooltipContent");function ga(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=g();return at.createElement(ad,null,at.createElement(pd,null,at.createElement(dd,{variant:"title",size:"xmedium"},md.t("Slippage tolerance per swap")),at.createElement(LT,{direction:"horizontal",size:4}),at.createElement(PT,{container:M(),side:"top",sideOffset:4,content:at.createElement(ud,null)},at.createElement(BT,{color:"gray"}))),at.createElement(ld,null,wl.map((r,s)=>{let a=`slippage-${s}`;return at.createElement(cd,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`})}),at.createElement(_T,{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>=Il&&a<=bl?n(a):n(null)},suffix:o&&at.createElement(dd,{variant:"body",size:"small"},"%"),placeholder:md.t("Custom")})))}i(ga,"Slippage");import{i18n as gt}from"@lingui/core";import{AutoThemeIcon as fd,BridgeIcon as $T,ChevronRightIcon as ha,DarkModeIcon as gd,Divider as Gr,DoneIcon as DT,ExchangeIcon as FT,InfoIcon as OT,LanguageIcon as UT,LightModeIcon as hd,List as qT,ListItem as zT,ListItemButton as QT,Skeleton as HT,styled as GT,Switch as VT,Tabs as jT,Tooltip as XT,Typography as Re}from"@rango-dev/ui";import D from"react";import{useNavigate as KT}from"react-router-dom";var YT=GT("div",{width:"202px",height:"$40"}),JT=[{id:"light",icon:D.createElement(hd,{color:"black",size:16}),tooltip:D.createElement(Re,{size:"xsmall",variant:"body"},gt.t("Light"))},{id:"dark",icon:D.createElement(gd,{color:"black",size:14}),tooltip:D.createElement(Re,{size:"xsmall",variant:"body"},gt.t("Dark"))},{id:"auto",icon:D.createElement(fd,{color:"black",size:16}),tooltip:D.createElement(Re,{size:"xsmall",variant:"body"},gt.t("Auto"))}],ZT=i(t=>{let e={color:"gray",size:14};switch(t){case"auto":return D.createElement(fd,{...e});case"dark":return D.createElement(gd,{...e});default:return D.createElement(hd,{...e})}},"getThemeIcon");function yd(){let t=KT(),{theme:e}=g().config,{setTheme:o,theme:n}=g(),{activeLanguage:r,languages:s}=Dt(),a=s.find(z=>z.local===r)?.label,l=g().fetchStatus,p=g().swappers(),c=g().getDisabledLiquiditySources(),{config:{features:u}}=g(),f=je("theme",u),m=je("liquiditySource",u),d=je("language",u),y=g().infiniteApprove,C=g().toggleInfiniteApprove,S=An(p,c),h=S.filter(z=>["BRIDGE","AGGREGATOR","OFF_CHAIN"].includes(z.type)),k=h.length,T=h.filter(z=>z.selected).length,x=S.filter(z=>z.type==="DEX"),E=x.length,b=x.filter(z=>z.selected).length,v=i((z,B)=>{switch(l){case"loading":return D.createElement(HT,{variant:"text",size:"medium",width:50});case"failed":return D.createElement(Re,{variant:"body",size:"medium",color:"$error500"},gt.t("Loading failed"));default:return D.createElement(Re,{variant:"body",size:"medium"},`${z} / ${B}`)}},"handleSwapperEndItem"),w={id:"bridge-item",title:D.createElement(Re,{variant:"title",size:"xmedium"},gt.t("Bridges")),end:D.createElement(D.Fragment,null,v(T,k),D.createElement(Gr,{direction:"horizontal",size:8}),D.createElement(ha,{color:"black"})),onClick:()=>t(O.bridges),start:D.createElement($T,{color:"gray",size:14})},A={id:"exchange-item",title:D.createElement(Re,{variant:"title",size:"xmedium"},gt.t("Exchanges")),end:D.createElement(D.Fragment,null,v(b,E),D.createElement(Gr,{direction:"horizontal",size:8}),D.createElement(ha,{color:"gray"})),start:D.createElement(FT,{color:"gray",size:14}),onClick:()=>t(O.exchanges)},N={id:"language-item",title:D.createElement(Re,{variant:"title",size:"xmedium"},gt.t("Language")),start:D.createElement(UT,{color:"gray",size:14}),end:D.createElement(D.Fragment,null,D.createElement(Re,{variant:"body",size:"medium"},a),D.createElement(Gr,{direction:"horizontal",size:8}),D.createElement(ha,{color:"gray"})),onClick:()=>t(O.languages)},L={id:"infinite-approval-item",title:D.createElement(D.Fragment,null,D.createElement(Re,{variant:"title",size:"xmedium"},gt.t("Infinite approval")),D.createElement(Gr,{direction:"horizontal",size:4}),D.createElement(XT,{side:"top",sideOffset:4,container:M(),content:D.createElement(Hr,null,D.createElement(Re,{variant:"label",size:"medium",color:"neutral700"},gt.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.")))},D.createElement(OT,{color:"gray"}))),start:D.createElement(DT,{color:"gray",size:14}),end:D.createElement(VT,{checked:y}),onClick:C},j={id:"theme-item",type:D.createElement(zT,null),title:D.createElement(Re,{variant:"title",size:"xmedium"},gt.t("Theme")),end:D.createElement(YT,null,D.createElement(jT,{container:M(),items:JT,value:n,onChange:z=>o(z.id),type:"primary",borderRadius:"small"})),start:ZT(n)},G=m?[]:[w,A];return d||G.push(N),G.push(L),!e?.singleTheme&&!f&&G.push(j),D.createElement(qT,{type:D.createElement(QT,{hasDivider:!0,id:"_",onClick:()=>console.log()}),items:G})}i(yd,"SettingsLists");var rk=tk("div",{paddingLeft:"$8"});function Sd(){let{isInCampaignMode:t,updateCampaignMode:e}=g(),o=t(),[,n]=nk(),r=ok(),s=i(()=>{r&&o&&(n(a=>(a.delete("liquiditySources"),a),{replace:!0}),e("liquiditySources",void 0))},"onClick");return Rt.createElement(pe,{header:{title:ya.t("Settings")}},Rt.createElement(ue,null,o&&Rt.createElement(RT,{type:"info",variant:"alarm",title:ya.t("Currently, you're in campaign mode with restrictions on liquidity sources. Would you like to switch out of this mode and make use of all available liquidity sources?"),action:Rt.createElement(rk,null,Rt.createElement(ek,{type:"secondary",size:"small",onClick:s},ya.t("Reset")))}),Rt.createElement(ga,null),Rt.createElement(yd,null)))}i(Sd,"SettingsPage");import{i18n as Vk}from"@lingui/core";import{cancelSwap as jk}from"@rango-dev/queue-manager-rango-preset";import{useManager as Xk}from"@rango-dev/queue-manager-react";import{Alert as Kk}from"@rango-dev/ui";import Ba from"react";import{useParams as Yk}from"react-router-dom";import{i18n as Et}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Ak,getCurrentStep as Wk,getRelatedWalletOrNull as Nk}from"@rango-dev/queue-manager-rango-preset";import{Button as Hd,CopyIcon as Mk,Divider as Lk,IconButton as Bk,LinkIcon as _k,QuoteCost as Pk,StepDetails as $k,Typography as ko,useCopyToClipboard as Dk}from"@rango-dev/ui";import{useWallets as Fk}from"@rango-dev/wallets-react";import Gd from"bignumber.js";import{PendingSwapNetworkStatus as ei}from"rango-types";import oe,{useEffect as Vd,useRef as Ok,useState as jd}from"react";import{useNavigate as Uk}from"react-router-dom";import{i18n as Ft}from"@lingui/core";var ik=[Ft.t("Sunday"),Ft.t("Monday"),Ft.t("Tuesday"),Ft.t("Wednesday"),Ft.t("Thursday"),Ft.t("Friday"),Ft.t("Saturday")];function Cd(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Ft.t("Today"):`${ik[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(Cd,"timeSince");function Td(t){return t.finishTime?Cd(parseInt(t.finishTime)):Cd(parseInt(t.creationTime))}i(Td,"getSwapDate");import{PendingSwapNetworkStatus as Xr}from"rango-types";import Kr from"react";import{i18n as Vr}from"@lingui/core";import{Button as kd,Divider as Sa,MessageBox as sk}from"@rango-dev/ui";import Ot from"react";var wd=i(({onCancel:t,onClose:e})=>Ot.createElement(Ot.Fragment,null,Ot.createElement(Sa,{size:20}),Ot.createElement(sk,{type:"error",title:Vr.t("Cancel Swap"),description:Vr.t("Are you sure you want to cancel this swap?")}),Ot.createElement(Sa,{size:32}),Ot.createElement(kd,{variant:"contained",type:"primary",size:"large",onClick:t},Vr.t("Yes, Cancel it")),Ot.createElement(Sa,{size:12}),Ot.createElement(kd,{variant:"outlined",type:"primary",size:"large",onClick:e},Vr.t("No, Continue"))),"CancelContent");import{i18n as jr}from"@lingui/core";import{Button as xd,Divider as Ca,MessageBox as ak,Typography as lk}from"@rango-dev/ui";import It from"react";var vd=i(({onDelete:t,onClose:e})=>It.createElement(It.Fragment,null,It.createElement(Ca,{size:20}),It.createElement(ak,{type:"error",title:jr.t("Delete Transaction"),description:jr.t("Are you sure you want to delete this swap?")}),It.createElement(Ca,{size:32}),It.createElement(xd,{variant:"contained",type:"primary",size:"large",onClick:t},jr.t("Yes, Delete it")),It.createElement(Ca,{size:12}),It.createElement(xd,{variant:"outlined",type:"primary",size:"large",onClick:e},It.createElement(lk,{variant:"title",size:"medium",color:"primary"},jr.t("No, Cancel")))),"DeleteContent");import{i18n as Ta}from"@lingui/core";import{PendingSwapNetworkStatus as ka}from"rango-types";var wa={[ka.WaitingForNetworkChange]:{type:"loading",title:Ta.t("Change Network")},[ka.WaitingForConnectingWallet]:{type:"warning",title:Ta.t("Connect Wallet")},[ka.NetworkChanged]:{type:"success",title:Ta.t("Network Changed")}};import{debug as ck}from"@rango-dev/logging-core";import{MessageBox as uk,Wallet as mk}from"@rango-dev/ui";import{useWallets as dk}from"@rango-dev/wallets-react";import sn from"react";import{styled as pk}from"@rango-dev/ui";var bd=pk("div",{display:"flex",justifyContent:"center"});var Id=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c}=dk(),u=n?.walletType,f=u?ci(c(u)):null,m=u?p(u):null;return sn.createElement(sn.Fragment,null,sn.createElement(uk,{type:e,title:o,description:r}),s&&!!u&&!!f&&!!m&&sn.createElement(bd,null,sn.createElement(mk,{container:M(),title:m.name,image:m.img,type:u,state:f,link:m.installLink,disabled:a,onClick:async()=>l(u).catch(y=>ck(y))})))},"WalletStateContent");function xa(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===Xr.WaitingForNetworkChange||e===Xr.WaitingForConnectingWallet||e===Xr.NetworkChanged;return Kr.createElement(le,{open:!!e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},p&&Kr.createElement(Id,{type:wa[e].type,title:wa[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==Xr.WaitingForNetworkChange}),e==="delete"&&Kr.createElement(vd,{onClose:o,onDelete:n}),e==="cancel"&&Kr.createElement(wd,{onClose:o,onCancel:r}))}i(xa,"SwapDetailsModal");import{i18n as an}from"@lingui/core";import{Button as va,Divider as Yr,MessageBox as Ed,TokenAmount as fk,Typography as ba}from"@rango-dev/ui";import We from"react";import{useNavigate as gk}from"react-router-dom";function Ia(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:c,percentageChange:u,description:f,diagnosisUrl:m}=t,d=gk();return We.createElement(le,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},n==="success"?We.createElement(Ed,{type:"success",title:an.t("Swap Successful")},We.createElement(fk,{direction:"vertical",tooltipContainer:M(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),We.createElement(Yr,{size:12}),We.createElement(ba,{variant:"body",size:"medium",color:"neutral700",align:"center"},f)):We.createElement(Ed,{type:"error",title:an.t("Transaction Failed"),description:f}),We.createElement(Yr,{size:32}),n==="success"&&We.createElement(va,{variant:"contained",type:"primary",size:"large",onClick:()=>{d("../../")}},We.createElement(ba,{variant:"title",size:"medium",color:"neutral100"},an.t("Done"))),We.createElement(Yr,{size:12}),m&&We.createElement(We.Fragment,null,We.createElement(va,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},an.t("Diagnosis")),We.createElement(Yr,{size:12})),We.createElement(va,{variant:"outlined",type:"primary",size:"large",onClick:o},We.createElement(ba,{variant:"title",size:"medium",color:"primary"},an.t("See Details"))))}i(Ia,"SwapDetailsCompleteModal");import Ik from"react";import{i18n as wk}from"@lingui/core";import{Alert as Bd,IconButton as xk,LinkIcon as vk}from"@rango-dev/ui";import Ut,{Fragment as bk}from"react";import{Alert as hk,ChevronDownIcon as yk,ChevronUpIcon as Sk,IconButton as Ck}from"@rango-dev/ui";import Jr,{useState as Tk}from"react";function Ad(t){let{message:e}=t,[o,n]=Tk(!1);return Jr.createElement(hk,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Jr.createElement(Ck,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Jr.createElement(Sk,{size:12,color:"gray"}):Jr.createElement(yk,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(Ad,"FailedAlert");import{styled as kk}from"@rango-dev/ui";var Wd=kk("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Nd}from"@lingui/core";import{Alert as Ea,Button as Md}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Aa}from"rango-types";import ln from"react";function Ld(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?ln.createElement(Ea,{type:"warning",title:n.shortMessage,action:ln.createElement(Md,{size:"xxsmall",type:"warning",onClick:()=>{o(Aa.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},Nd.t("Change"))}):r===Aa.WaitingForConnectingWallet?ln.createElement(Ea,{type:"warning",title:n.shortMessage,action:ln.createElement(Md,{size:"xxsmall",type:"warning",onClick:()=>{o(Aa.WaitingForConnectingWallet)}},Nd.t("Connect"))}):ln.createElement(Ea,{type:"warning",title:n.shortMessage})}i(Ld,"WarningAlert");function Wa(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=Wo(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return Ut.createElement(Wd,null,s.explorerUrl?.map((f,m,d)=>{let y=m+f.url,C=m===d.length-1,S=(C&&c||p)&&!u,h=C&&s.status==="failed";return Ut.createElement(bk,{key:y},Ut.createElement(Bd,{type:C&&(S&&"loading"||h&&"error")||"success",title:f.description?`${f.description} Tx`:wk.t("View transaction"),action:f.url&&Ut.createElement(xk,{variant:"ghost",size:"xsmall",onClick:()=>window.open(f.url,"_blank")},Ut.createElement(vk,{size:12}))}))}),u&&Ut.createElement(Bd,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Ut.createElement(Ld,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Ut.createElement(Ad,{message:r}))}i(Wa,"SwapDetailsAlerts");var _d=2e3;var Pd=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:Ve(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:W(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ve(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:W(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:bo(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Ve(p.fromBlockchain,e)??""},to:{blockchain:Ve(p.toBlockchain,e)??""},swapper:{displayName:bo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:Ik.createElement(Wa,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function $d(t){if(Wo(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($d,"getStepState");import{css as pn,darkTheme as Ek,styled as eo}from"@rango-dev/ui";var Dd=eo("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Zr=eo("div",{width:"100%"}),Fd=eo(Lo,{padding:"$0 $20 $20 $20"}),xq=eo("div",{display:"flex",flexDirection:"column",gap:"$10"}),Od=eo("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),vq=eo("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),To=pn({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${Ek} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),Ud=pn({padding:"$5 0"}),Rr=pn({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),qd=pn({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),zd=pn({width:"100%",padding:"0 $20 $10"}),Qd=eo("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function Na(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=Fk(),p=g().blockchains(),c=g().swappers(),u=g().tokens(),f=H.use.retry(),m=ne.use.isActiveTab(),d=Uk(),[y,C]=Dk(_d),S=Ok(null),[h,k]=jd(null),[T,x]=jd(null),E=i(()=>{r(),k(null)},"onCancel"),b=Oe.use.getUnreadNotifications(),v=Oe.use.setAsRead(),w=b(),A=Wk(e),N=A?.networkStatus;Vd(()=>{w.find(Fe=>Fe.requestId===e.requestId)&&(e.status==="success"||e.status==="failed"?(x(e.status),v(e.requestId)):T&&x(null))},[e.status,e.requestId]),Vd(()=>{re?k(ei.WaitingForNetworkChange):N===ei.WaitingForConnectingWallet||N===ei.NetworkChanged?k(N):k(null)},[N]);let L=Rl(e),j=A?Ak(e,A):null,G=A?Nk(e,A):null,z=Td(e),B=ep(e),ee=i(ye=>!!l(ye)?.mobileWallet,"isMobileWallet"),re=N===ei.WaitingForNetworkChange&&!!j&&!!G?.walletType&&(ee(G.walletType)||s(G.walletType,j)),Q=re?a.bind(null,G.walletType,j):void 0,_=Zl(e,A),I=Pd({swap:e,switchNetwork:Q,showNetworkModal:N,setNetworkModal:k,message:_,blockchains:p,swappers:c}),J=I.length,[de,Z]=[e.steps[0],e.steps[J-1]],ie=Z.outputAmount||Z.expectedOutputAmountHumanReadable,to=e.steps.reduce((ye,Fe)=>ye+parseFloat(Fe.feeInUsd||""),0),V=e.steps.find(ye=>ye.diagnosisUrl)?.diagnosisUrl,K=W(parseFloat(W(ie,6,6))*(Z.toUsdPrice||0),4,4),te=W(parseFloat(e.inputAmount)*(de.fromUsdPrice||0),4,4),Ie=ie?ce(new Gd(ie).multipliedBy(Z.toUsdPrice||0)):"",et=ce(new Gd(e.inputAmount).multipliedBy(de.fromUsdPrice||0)),$e=Xe(te,K),De=e.status==="success"?Et.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:W(ie,6,6),token:I[J-1].to.token.displayName,conciseAddress:wn(e.wallets[I[J-1].to.chain.displayName]?.address||""),chain:I[J-1].to.chain.displayName}}):`${Et.t("Transaction was not sent.")} ${L?Et.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:L.outputAmount,symbol:L.symbol,blockchain:L.blockchain}}):""}`;return oe.createElement(pe,{header:{title:Et.t("Swap and Bridge"),onCancel:e.status==="running"?()=>k("cancel"):void 0,suffix:e.status!=="running"&&oe.createElement(lo,null,oe.createElement(Hd,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>k("delete")},oe.createElement(ko,{size:"medium",variant:"label",color:"error"},Et.t("Delete"))))},footer:B&&!T&&oe.createElement(Hd,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{f(e,{blockchains:p,tokens:u}),setTimeout(()=>{d("../../")},0)}},Et.t("Try again"))},oe.createElement(ue,{compact:!0,view:!0},oe.createElement(Zr,null,oe.createElement("div",{className:To()},oe.createElement(ko,{variant:"label",size:"large",color:"neutral700"},`${Et.t("Request ID")}:`),oe.createElement("div",{className:Rr()},oe.createElement(ko,{variant:"label",size:"small",color:"neutral700"},o),oe.createElement(Bk,{variant:"ghost",onClick:C.bind(null,o||"")},oe.createElement(Mk,{size:16,color:"gray"})),oe.createElement(Qd,{target:"_blank",href:`${Ua}/swap/${o}`},oe.createElement(_k,{size:16})))),oe.createElement("div",{className:To()},oe.createElement(ko,{variant:"label",size:"large",color:"neutral700"},`${Et.t(e.finishTime?"Finished at":"Created at")}:`),oe.createElement(ko,{variant:"label",size:"small",color:"neutral700"},z))),oe.createElement("div",{className:qd()},oe.createElement(Pk,{fee:W(String(to),2,2),time:fn(gn(e.steps)),steps:J}),oe.createElement(Oo,{from:{price:{value:W(e.inputAmount,6,6),usdValue:te,realUsdValue:et,realValue:e.inputAmount},token:{displayName:I[0].from.token.displayName,image:I[0].from.token.image},chain:{image:I[0].from.chain.image,displayName:I[0].from.chain.displayName}},to:{price:{value:W(ie,6,6),usdValue:K,realUsdValue:Ie,realValue:ie},token:{displayName:I[J-1].to.token.displayName,image:I[J-1].to.token.image},chain:{image:I[J-1].to.chain.image,displayName:I[J-1].to.chain.displayName}},percentageChange:W($e,2,2),warningLevel:St($e??0)})),oe.createElement("div",{className:zd()},oe.createElement(ko,{variant:"title",size:"small"},Et.t("Swaps steps"))),oe.createElement(Lk,{size:8}),oe.createElement(Fd,{ref:S},I.map((ye,Fe)=>{let mn=Fe,wo=$d(e.steps[Fe]),df=wo==="error"||wo==="in-progress"||wo==="warning"||wo==="completed"&&Fe===I.length-1;return oe.createElement($k,{key:mn,step:ye,type:"swap-progress",ref:S,state:wo,hasSeparator:Fe!==0,tabIndex:mn,isFocused:df,tooltipContainer:M()})}))),oe.createElement(xa,{state:h,onClose:()=>k(null),onCancel:E,onDelete:n,message:_.detailedMessage.content,currentStepWallet:G,walletButtonDisabled:!m}),oe.createElement(Ia,{open:!!T,diagnosisUrl:V,onClose:()=>x(null),status:e.status==="success"?"success":"failed",priceValue:W(ie,6,6),usdValue:K,realUsdValue:Ie,realValue:ce(ie),percentageChange:W($e,2,2),token:{displayName:I[J-1].to.token.displayName,image:I[J-1].to.token.image},chain:{image:I[J-1].to.chain.image},description:De}))}i(Na,"SwapDetails");import{i18n as oi}from"@lingui/core";import{Divider as Yd,NotFound as Gk,Skeleton as un,Typography as ni}from"@rango-dev/ui";import he from"react";import{i18n as qk}from"@lingui/core";import{Divider as zk,Skeleton as Qk,Typography as Hk}from"@rango-dev/ui";import Ce from"react";import{css as lt,styled as Ma}from"@rango-dev/ui";var Xd=Ma("div",{width:"100%",height:"100%",padding:"$10 $20"}),cn=Ma("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),ti=Ma("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),nz=lt({display:"flex",justifyContent:"space-between",alignItems:"center"}),rz=lt({display:"flex",justifyContent:"space-between",alignItems:"center"}),iz=lt({paddingTop:"$15",display:"flex"}),sz=lt({padding:"$15 $0"}),az=lt({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),lz=lt({paddingBottom:"$10"}),pz=lt({display:"flex",justifyContent:"start",alignItems:"center"}),cz=lt({paddingTop:"$5",display:"flex",alignItems:"center"}),uz=lt({display:"flex",alignItems:"center"}),mz=lt({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Kd=lt({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function La(){return Ce.createElement(Xd,null,Ce.createElement(Ho,{type:"swap-preview"}),Ce.createElement("div",{className:"swaps-steps"},Ce.createElement(Hk,{variant:"title",size:"small"},qk.t("Swaps steps"))),Ce.createElement(Ce.Fragment,null,Ce.createElement(cn,null,Ce.createElement(dt,{separator:!1}),Ce.createElement("div",{className:Kd()},Ce.createElement(zk,{direction:"horizontal",size:20}),Ce.createElement(Qk,{height:22,variant:"rectangular"}))),Ce.createElement(ti,null),Ce.createElement(cn,null,Ce.createElement(dt,{separator:!1})),Ce.createElement(ti,null),Ce.createElement(cn,null,Ce.createElement(dt,{separator:!1})),Ce.createElement(ti,null),Ce.createElement(cn,null,Ce.createElement(dt,{separator:!1}))))}i(La,"LoadingSwapDetails");function Jd(t){let{requestId:e,showSkeleton:o}=t;return he.createElement(pe,{header:{title:oi.t("Swap and Bridge"),suffix:he.createElement(lo,null)}},o&&he.createElement(Dd,null,he.createElement(Zr,null,he.createElement("div",{className:To()},he.createElement(ni,{variant:"label",size:"large",color:"neutral700"},`${oi.t("Request ID")}:`),he.createElement("div",{className:Rr()},he.createElement(ni,{variant:"label",size:"small",color:"neutral700"},he.createElement(un,{width:60,height:10,variant:"rounded"})),he.createElement(Yd,{direction:"horizontal",size:4}),he.createElement(un,{width:16,height:16,variant:"rectangular"}),he.createElement(Yd,{direction:"horizontal",size:4}),he.createElement(un,{width:16,height:16,variant:"rectangular"}))),he.createElement("div",{className:To()},he.createElement(ni,{className:Ud(),variant:"label",size:"large",color:"neutral700"},he.createElement(un,{width:60,height:10,variant:"rounded"})),he.createElement(ni,{variant:"label",size:"small",color:"neutral700"},he.createElement(un,{width:60,height:10,variant:"rounded"})))),he.createElement(La,null)),!o&&he.createElement(Od,null,he.createElement(Gk,{title:oi.t("Not found"),description:oi.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Jd,"SwapDetailsPlaceholder");function Zd(){let{manager:t,state:e}=Xk(),o=!e.loadedFromPersistor,n=ut(t),{requestId:r}=Yk(),s=Ye(),{fetchStatus:a}=g();if(!r)return Ba.createElement(Kk,{containerStyles:{margin:"20px"},type:"error",title:Vk.t("The request ID is necessary to display the swap details.")});let l=o||a==="loading",p=r?n.find(({swap:m})=>m.requestId===r):void 0,c=i(()=>{if(p?.id){let m=t?.get(p.id);m&&jk(m)}},"onCancel"),u=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),f=p?.swap;return!f||l?Ba.createElement(Jd,{requestId:r,showSkeleton:l}):Ba.createElement(Na,{swap:f,requestId:r,onCancel:c,onDelete:u})}i(Zd,"SwapDetailsPage");function Rd(){return cp(),_i(),Jk([{path:O.home,element:ze.createElement(bm,null)},{path:O.routes,element:ze.createElement(Nm,null)},{path:O.fromSwap,children:[{index:!0,element:ze.createElement(da,{type:"source"})},{path:O.blockchains,element:ze.createElement(Ys,{type:"source"})}]},{path:O.toSwap,children:[{index:!0,element:ze.createElement(da,{type:"destination"})},{path:O.blockchains,element:ze.createElement(Ys,{type:"destination"})}]},{path:O.settings,children:[{index:!0,element:ze.createElement(Sd,null)},{path:O.languages,element:ze.createElement(Em,null)},{path:O.exchanges,element:ze.createElement(Vs,{sourceType:"Exchanges"})},{path:O.bridges,element:ze.createElement(Vs,{sourceType:"Bridges"})}]},{path:O.swaps,children:[{index:!0,element:ze.createElement(im,null)},{path:O.swapDetails,element:ze.createElement(Zd,null)}]},{path:O.wallets,element:ze.createElement(Sc,null)},{path:O.confirmSwap,element:ze.createElement(ju,null)}])}i(Rd,"AppRoutes");import{useQueueManager as iw}from"@rango-dev/queue-manager-rango-preset";import{splitWalletNetwork as sw}from"@rango-dev/wallets-shared";import{isEvmBlockchain as aw}from"rango-sdk";import{useContext as lw,useEffect as pw,useState as af}from"react";import{globalCss as Zk}from"@rango-dev/ui";var ef=i(()=>Zk({"@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");function tf(){let{setWatermark:t}=ne();return{fetchApiConfig:i(async()=>{let o=await fetch(`${ht("BASE_URL")}/meta/dapp/config?apiKey=${ht("API_KEY")}`);if(!o.ok)throw new Error(`Request failed with status: ${o.status} `);let n=await o.json();t(n.config.watermark)},"fetchApiConfig")}}i(tf,"useFetchApiConfig");import{useWallets as Rk}from"@rango-dev/wallets-react";import{useEffect as ew,useRef as tw}from"react";function of(){let{connect:t,state:e}=Rk(),o=tw({}),{fetchStatus:n}=g(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);ew(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(of,"useForceAutoConnect");import{isApprovalTX as ow,MainEvents as ri,RouteEventType as nf,StepEventType as rf,StepExecutionEventStatus as nw,useEvents as rw}from"@rango-dev/queue-manager-rango-preset";import{useEffect as sf}from"react";function _a(){let t=g().tokens(),e=Y.use.connectedWallets(),o=Y.use.getWalletsDetails(),n=Oe.use.setNotification(),r=rw();sf(()=>{let s=i(a=>{let{event:l,step:p,route:c}=a;if(l.type===rf.TX_EXECUTION&&l.status===nw.TX_SENT&&!ow(p)||l.type===rf.SUCCEEDED){let f=e.find(d=>d.chain===p?.fromBlockchain),m=p?.fromBlockchain!==p?.toBlockchain&&e.find(d=>d.chain===p?.toBlockchain);f&&o([f],t),m&&o([m],t)}n(l,c)},"handleStepEvent");return r.on(ri.StepEvent,s),()=>r.off(ri.StepEvent,s)},[r,e.length]),sf(()=>{let s=i(a=>{let{event:l,route:p}=a;(l.type===nf.FAILED||l.type===nf.SUCCEEDED)&&n(l,p)},"handleRouteEvent");return r.on(ri.RouteEvent,s),()=>r.off(ri.RouteEvent,s)},[r,e.length])}i(_a,"useSubscribeToWidgetEvents");function Pa(){ef(),of(),_a();let t=g().blockchains(),{canSwitchNetworkTo:e}=lr(),[o,n]=af(""),[r,s]=af(),a=lw(Nn),l=t.filter(aw),{fetchApiConfig:p}=tf();iw({lastConnectedWallet:o,clearDisconnectedWallet:()=>{s(void 0)},disconnectedWallet:r,evmChains:l,canSwitchNetworkTo:e}),pw(()=>(qt.init(),Oe.persist.hasHydrated()||Oe.persist.rehydrate(),a.onConnectWallet(n),a.onDisconnectWallet(c=>{s(c),c===sw(o)?.[0]&&n("")}),p().catch(console.log),qt.destroy),[])}i(Pa,"useBootstrap");import{styled as cw}from"@rango-dev/ui";var lf=cw("div",{fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function ii(){Pa();let{config:t}=g(),{activeTheme:e}=Zn(t?.theme||{}),{activeLanguage:o}=Dt();return $a.createElement(uw,{language:o},$a.createElement(lf,{id:"swap-container",className:e()},$a.createElement(Rd,null)))}i(ii,"Main");import Fa,{useMemo as Ww}from"react";import{checkWaitingForNetworkChange as mw,makeQueueDefinition as dw}from"@rango-dev/queue-manager-rango-preset";import{Provider as fw}from"@rango-dev/queue-manager-react";import{useWallets as gw}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as hw}from"@rango-dev/wallets-shared";import{isEvmBlockchain as yw}from"rango-types";import Sw,{useMemo as Cw}from"react";function Tw(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=gw(),l=Cw(()=>dw({API_KEY:t.apiKey||ht("API_KEY"),BASE_URL:ht("BASE_URL")}),[t.apiKey]),p=g().blockchains(),u={blockchains:Y.use.connectedWallets().map(T=>({accounts:[T],name:T.chain}))},f=i(async(T,x)=>{if(s(T,x))return r(T,x)},"switchNetwork"),m=i(T=>!!a(T).mobileWallet,"isMobileWallet"),d=p.filter(T=>T.enabled).reduce((T,x)=>(T[x.name]=x,T),{}),y=p.filter(yw),C=i(T=>{let{supportedChains:x}=a(T);return Sn(x)},"getSupportedChainNames"),S=e(),h={meta:{blockchains:d,evmBasedChains:y,evmNetworkChainInfo:hw(y),getSupportedChainNames:C},getSigners:o,wallets:u,providers:S,switchNetwork:f,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},k=ne.use.isActiveTab();return Sw.createElement(fw,{queuesDefs:[l],context:h,onPersistedDataLoaded:T=>{mw(T)},isPaused:!k},t.children)}i(Tw,"QueueManager");var pf=Tw;import{useManager as bw}from"@rango-dev/queue-manager-react";import Iw,{createContext as Ew,useContext as Aw}from"react";import{cancelSwap as kw,getCurrentBlockchainOfOrNull as ww,getCurrentStep as xw,getRelatedWalletOrNull as vw}from"@rango-dev/queue-manager-rango-preset";var si=class{static{i(this,"WidgetHistory")}manager;actions;constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return ut(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&&kw(o)}getCurrentStepInfo(e){let o=xw(e);return{step:o,wallet:o?vw(e,o):null,network:o?ww(e,o):null}}};var cf=Ew(void 0);function Da(t){let{manager:e}=bw(),o=ne.use.isActiveTab(),n=H.use.retry(),r=new si(e,{retrySwap:n}),s=Y.use.connectedWallets(),a=Y.use.loading(),l=Ya(s),p=Y.use.getWalletsDetails(),c=g().blockchains(),u=g().tokens(),f=g().swappers(),m=g().fetchStatus,d=Dt().resetLanguage,y=Oe().getUnreadNotifications(),C={isActiveTab:o,setCurrentTabAsActive:qt.forceClaim,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:c,tokens:u,swappers:f,loadingStatus:m},resetLanguage:d,notifications:{list:y}};return Iw.createElement(cf.Provider,{value:C},t.children)}i(Da,"WidgetInfo");function uf(){let t=Aw(cf);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(uf,"useWidget");function ai(t){let{onUpdateState:e,config:o}=t;return Ww(()=>{ol({API_KEY:o?.apiKey||dn,BASE_URL:o?.apiUrl||Oa})},[o.apiKey,o.apiUrl]),Fa.createElement(Mn,{config:o,onUpdateState:e},Fa.createElement(pf,{apiKey:o.apiKey},Fa.createElement(Da,null,t.children)))}i(ai,"WidgetProvider");function mf(t){let e=t.config?.externalWallets;return li.createElement(Pl,null,e?li.createElement(ii,null):li.createElement(ai,{config:t.config??gi},li.createElement(ii,null)))}i(mf,"Widget");export{iG as EventSeverity,sG as MainEvents,hG as Networks,CG as PendingSwapNetworkStatus,aG as RouteEventType,lG as StepEventType,pG as StepExecutionBlockedEventStatus,cG as StepExecutionEventStatus,ke as UI_ID,fG as WalletEvents,yG as WalletTypes,mf as Widget,ai as WidgetProvider,Mn as WidgetWallets,zi as customizedThemeTokens,dG as readAccountAddress,lr as useWallets,uf as useWidget,uG as useWidgetEvents};
|
|
3
3
|
//# sourceMappingURL=index.js.map
|