@rango-dev/widget-embedded 0.23.1-next.22 → 0.23.1-next.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/dist/components/QuoteSkeleton/QuoteSkeleton.styles.d.ts +1 -0
  2. package/dist/components/QuoteSkeleton/QuoteSkeleton.styles.d.ts.map +1 -1
  3. package/dist/components/QuoteSkeleton/QuoteSummarySkeleton.d.ts.map +1 -1
  4. package/dist/components/QuoteSkeleton/StepSkeleton.styles.d.ts +3 -1
  5. package/dist/components/QuoteSkeleton/StepSkeleton.styles.d.ts.map +1 -1
  6. package/dist/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.helpers.d.ts.map +1 -1
  7. package/dist/components/Quotes/Quotes.d.ts.map +1 -1
  8. package/dist/constants/languages.d.ts.map +1 -1
  9. package/dist/containers/Inputs/Inputs.d.ts.map +1 -1
  10. package/dist/index.js +2 -2
  11. package/dist/index.js.map +3 -3
  12. package/dist/pages/ConfirmSwapPage.d.ts.map +1 -1
  13. package/dist/pages/LanguagePage.d.ts.map +1 -1
  14. package/dist/store/AppStore.d.ts +2 -2
  15. package/dist/store/app.d.ts +2 -2
  16. package/dist/utils/swap.d.ts.map +1 -1
  17. package/package.json +2 -2
  18. package/src/components/QuoteSkeleton/QuoteSkeleton.styles.ts +9 -1
  19. package/src/components/QuoteSkeleton/QuoteSkeleton.tsx +2 -2
  20. package/src/components/QuoteSkeleton/QuoteSummarySkeleton.styles.ts +2 -2
  21. package/src/components/QuoteSkeleton/QuoteSummarySkeleton.tsx +5 -4
  22. package/src/components/QuoteSkeleton/StepSkeleton.styles.ts +7 -0
  23. package/src/components/QuoteSkeleton/StepSkeleton.tsx +1 -1
  24. package/src/components/QuoteWarningsAndErrors/HighValueLossWarningModal.tsx +1 -1
  25. package/src/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.helpers.ts +1 -0
  26. package/src/components/QuoteWarningsAndErrors/QuoteWarningsAndErrors.styles.ts +1 -1
  27. package/src/components/Quotes/Quotes.tsx +12 -11
  28. package/src/constants/errors.ts +1 -1
  29. package/src/constants/languages.ts +27 -1
  30. package/src/containers/Inputs/Inputs.tsx +7 -1
  31. package/src/pages/ConfirmSwapPage.tsx +2 -1
  32. package/src/pages/LanguagePage.tsx +8 -0
  33. package/src/utils/swap.ts +1 -5
package/dist/index.js CHANGED
@@ -1,3 +1,3 @@
1
- var lf=Object.defineProperty;var i=(t,e)=>lf(t,"name",{value:e,configurable:!0});import{EventSeverity as lH,MainEvents as pH,RouteEventType as cH,StepEventType as uH,StepExecutionBlockedEventStatus as mH,StepExecutionEventStatus as dH,useEvents as fH}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as hH,useWallets as yc,Events as yH}from"@rango-dev/wallets-react";import{Networks as CH,WalletTypes as TH}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as wH}from"rango-types";import{UI_ID as pf}from"@rango-dev/ui";var cn="c6381a79-2817-4602-83bf-6a641a409e32",Na="https://api.rango.exchange",La="https://scan.rango.exchange",ke={SWAP_BOX_ID:"rango-swap-box",EXPANDED_BOX_ID:"rango-expanded-box",...pf};import{Events as hi,Provider as Hf}from"@rango-dev/wallets-react";import{isEvmBlockchain as Gf}from"rango-sdk";import In,{createContext as Vf,useEffect as vl,useRef as jf}from"react";import{useEffect as vf}from"react";import{create as kf}from"zustand";import{subscribeWithSelector as wf}from"zustand/middleware";import{RangoClient as Cf}from"rango-sdk";import{WalletState as lt}from"@rango-dev/ui";import{readAccountAddress as mf}from"@rango-dev/wallets-react";import{detectInstallLink as df,getCosmosExperimentalChainInfo as ff,isEvmAddress as gf,KEPLR_COMPATIBLE_WALLETS as Tw,Networks as Pa}from"@rango-dev/wallets-shared";import oi from"bignumber.js";import{isCosmosBlockchain as hf}from"rango-types";import cf from"bignumber.js";var Ne=new cf(0);import{WalletTypes as uf}from"@rango-dev/wallets-shared";var Ma=[uf.LEAP];import{BigNumber as _a}from"bignumber.js";var un=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),A=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new _a(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new _a(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 mn=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var at=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),xo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function se(t){return A(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(se,"formatTooltipNumbers");function ni(t){switch(!0){case t.connected:return lt.CONNECTED;case t.connecting:return lt.CONNECTING;case!t.installed:return lt.NOT_INSTALLED;default:return lt.DISCONNECTED}}i(ni,"mapStatusToWalletState");function $a(t,e,o,n){return o.filter(r=>!Ma.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=ni(t(r));return{title:s,image:a,link:df(l),state:p,type:r}})}i($a,"mapWalletTypesToWalletInfo");function gn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(gn,"walletAndSupportedChainsNames");function Da(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}=mf(p),f=l.length>0,m=l.includes(u),d=u===Pa.Unknown;if(f&&!m&&!d)return;let C=u===Pa.Unknown&&gf(c);if(d&&!C)return;o.includes(u)||C?r?a(u,c.toLowerCase()):l.filter(w=>o.includes(w)).forEach(w=>{a(w,c.toLowerCase())}):a(u,c)}),s}i(Da,"prepareAccountsForWalletStore");function Fa(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(Fa,"getRequiredChains");function hn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(hn,"isAccountAndWalletMatched");function Oa(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 oi(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Sf(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Oa,"makeBalanceFor");function Ua(t){return{...t,loading:!1,error:!0}}i(Ua,"resetConnectedWalletState");var qa=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=A(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new oi(s?.amount||Ne).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ne)||Ne).toString();return yf(r)},"calculateWalletUsdValue");function yf(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(yf,"numberWithThousandSeparator");var Sf=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),yn=i((t,e)=>{let o=ff(Object.entries(t).map(([,n])=>n).filter(hf));return o&&o[e]?.experimental},"isExperimentalChain");function Sn(t){return t?{...t,amount:A(t.amount,8,8),usdValue:A(t.usdValue,4,4)}:null}i(Sn,"formatBalance");function za(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(za,"compareTokenBalance");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Le,"areTokensEqual");function Qa(t){return t.sort((e,o)=>+(o.state===lt.CONNECTED)-+(e.state===lt.CONNECTED)||+(o.state===lt.DISCONNECTED||o.state===lt.CONNECTING)-+(e.state===lt.DISCONNECTED||e.state===lt.CONNECTING))}i(Qa,"sortWalletsBasedOnConnectionState");function Cn(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(Cn,"getConciseAddress");function Ha({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Ha,"getAddress");function ri(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(ri,"createTokenHash");function Tn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new oi(o?.usdPrice??Ne).multipliedBy(o?.amount).toString():""},r=o?ri({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(Tn,"makeTokensBalance");var Ga=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function Va(t){return t.map(e=>e.state).join("-")}i(Va,"hashWalletsState");var ii={API_KEY:cn};function yt(t){return ii[t]||""}i(yt,"getConfig");function ja(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),ii=e,ii}i(ja,"initConfig");var Xa=20,Ka=25,Ya="Roboto",si="theme-widget",vo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Le(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Le(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),ai=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig"),Ja=i((t,e,o)=>o==="expanded"&&(t||e)||o==="full-expanded"&&e,"isVariantExpandable");var kn,Wt=i(()=>kn||(kn=new Cf(yt("API_KEY"),yt("BASE_URL")),kn),"httpService");var Tf=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"),Nt=Tf;var X=Nt(kf()(wf((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:Tn(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=>hn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await Wt().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(m=>{let d=o.find(C=>hn(C,m)),S=p.find(C=>C.address===m.address&&C.blockChain===m.chain);return S?.failed&&d&&r&&s([d],n,!1),d&&S?{...m,explorerUrl:S.explorerUrl,balances:Oa(S,n),loading:!1}:m});return{loading:!1,balances:Tn(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(f=>hn(f,u))?Ua(u):u);return{loading:!1,balances:Tn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=ri(o);return n[r]??null}}))));import{allProviders as xf}from"@rango-dev/provider-all";function wn(t,e){let o=xf({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(wn,"matchAndGenerateProviders");function Za(t,e){return wn(t,e).map(r=>r.config.type)}i(Za,"configWalletsToWalletName");function Ra(t,e){let o=X.use.clearConnectedWallet(),n=wn(void 0,e);return vf(()=>{o(),n=wn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Ra,"useWalletProviders");import Df,{createContext as Ff,useContext as Of,useEffect as Uf,useRef as qf}from"react";import{create as Pf}from"zustand";import{persist as $f}from"zustand/middleware";var li={apiKey:"",title:void 0,multiWallets:!0,excludeLiquiditySources:!0,customDestination:!0},bf={clientUrl:void 0},If={liquiditySources:void 0},el=i((t,e,o)=>({config:{...li,...t},iframe:bf,campaignMode:If,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 xn(t){return Array.from(new Set(t))}i(xn,"removeDuplicateFrom");function ui(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(ui,"areEqual");function sl(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(sl,"debounce");function St(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(St,"containsText");function nl(t,e){return t.toLowerCase()===e.toLowerCase()}i(nl,"exactText");function rl(t,e){return t.toLowerCase().startsWith(e.toLowerCase())}i(rl,"startWithText");var B=i(()=>document.getElementById(ke.SWAP_BOX_ID),"getContainer"),vn=i(()=>document.getElementById(ke.EXPANDED_BOX_ID),"getExpanded");function il(t,e,o){let n=!!e&&nl(e,t),r=!!o&&nl(o,t);return n!==r?n?-1:1:0}i(il,"compareExactMatchText");function pi(t,e,o){let n=!!e&&St(e,t),r=!!o&&St(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(pi,"compareContainsText");function ci(t,e,o){let n=!!e&&rl(e,t),r=!!o&&rl(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(ci,"compareStartWithText");function al(t,e,o){if(!o)return 0;let n=il(o,t.symbol,e.symbol);if(n)return n;if(o.length>=3){let r=il(o,t.name,e.name);if(r)return r}if(o.length>=2){let r=ci(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=pi(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=ci(o,t.name,e.name);if(r)return r}if(o.length>=3){let r=pi(o,t.name,e.name);if(r!==0)return r}if(o.length>=4){let r=ci(o,t.address,e.address);if(r)return r}if(o.length>=4){let r=pi(o,t.address,e.address);if(r!==0)return r}return 0}i(al,"compareWithSearchFor");function ll(t,e){return e.find(o=>o.name===t)?.displayName}i(ll,"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 mi(t,e){return e.find(o=>Le(o,t))??null}i(mi,"findToken");function di(t,e){return e.find(o=>o.name===t)??null}i(di,"findBlockchain");function fi(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(fi,"isTokenNative");function bn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return xn(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(bn,"getUniqueSwappersGroups");function pl(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(pl,"sortLiquiditySourcesByGroupTitle");function je(t,e){return e?.[t]==="hidden"}i(je,"isFeatureHidden");function cl(t,e){return e?.[t]==="enabled"}i(cl,"isFeatureEnabled");var ul=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?!!(St(c.symbol,o.searchFor)||St(c.address||"",o.searchFor)||St(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 y=o.getBalanceFor(c),w=o.getBalanceFor(u),T=za(y,w);if(T!==0)return T}if(c.isPopular!==u.isPopular)return c.isPopular?-1:1;if(o.searchFor){let y=al(c,u,o.searchFor);if(y)return y}let d=r.get(c.blockchain),S=r.get(u.blockchain),C=fi(c,d),g=fi(u,S);return C!==g?C?-1:1:c.isSecondaryCoin!==u.isSecondaryCoin?c.isSecondaryCoin?1:-1:d&&S?d.sort-S.sort:0})},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Le(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(pl)},fetch:async()=>{try{let{enableCentralizedSwappers:o}=e().config,n=await Wt().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{English as Nf,French as Lf,Japanese as Mf,Portuguese as Bf,Spanish as _f}from"@rango-dev/ui";var ml=[{title:"English",label:"English",local:"en",SVGFlag:Nf},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:_f},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Lf},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Mf},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:Bf}],Io="en";var dl=[.5,1,3],fl=1,gl=5,hl=100,yl=0;var Sl=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:fl,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=xn(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n}=o,r=je("theme",n),s=je("language",n),a=je("liquiditySource",n);t({...r&&{theme:o.theme?.mode||"auto"},...s&&{language:o.language||Io},...a&&{disabledLiquiditySources:o.liquiditySources||[]}})}}),"createSettingsSlice");function Cl(t){return Pf()($f((...e)=>({...ul(...e),...Sl(...e),...el(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(Cl,"createAppStore");var Tl=Ff(null);function h(){let t=Of(Tl);if(Uf(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(h,"useAppStore");function kl(t){let e=qf();return e.current||(e.current=Cl(t.config)),Df.createElement(Tl.Provider,{value:e.current},t.children)}i(kl,"AppStoreProvider");import{create as Qf}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 oe=Nt(Qf()((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})}}))),zt=new Eo({onInit:()=>oe.setState({tabManagerInitiated:!0}),onClaim:()=>oe.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>oe.setState({isActiveTab:!1})});var En=Vf({onConnectWallet:()=>{}});function Xf(t){let{updateConfig:e,updateSettings:o,fetch:n}=h(),r=h().blockchains(),s=h().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:l}=Ra(t.config.wallets,a),{connectWallet:p,disconnectWallet:c}=X(),u=jf();vl(()=>{n().catch(console.log)},[]),vl(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let f=r.filter(Gf).map(S=>S.name),m=i((S,C,g,y,w)=>{if(C===hi.ACCOUNTS)if(g){let T=gn(w.supportedBlockchains),k=Da(S,g,f,T,w.isContractWallet);k.length&&p(k,s)}else c(S);if(C===hi.ACCOUNTS&&y.connected){let T=`${S}-${y.network}-${g}`;y.connected&&(u.current?u.current(T):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(C===hi.NETWORK&&y.network){let T=`${S}-${y.network}`;u.current?u.current(T):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(S,C,g,y,w)},"onUpdateState"),d=oe.use.isActiveTab();return In.createElement(En.Provider,{value:{onConnectWallet:S=>{u.current=S}}},In.createElement(Hf,{allBlockChains:r,providers:l,onUpdateState:m,autoConnect:!!d},t.children))}i(Xf,"Main");function An(t){let{config:e,...o}=t;return In.createElement(kl,{config:e},In.createElement(Xf,{...o,config:e}))}i(An,"WidgetWallets");import Wa,{useEffect as rw}from"react";import{I18nManager as Dk}from"@rango-dev/ui";import ln,{useContext as Fk,useEffect as Ok,useState as tf}from"react";import{useQueueManager as Zf}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Rf}from"@rango-dev/wallets-react";import{isEvmBlockchain as eg}from"rango-types";import tg,{Fragment as og}from"react";import{MemoryRouter as ng,useInRouterContext as rg}from"react-router";import{useWallets as Kf}from"@rango-dev/wallets-react";import{useEffect as Yf,useRef as Jf}from"react";function Il(){let{connect:t,state:e}=Kf(),o=Jf({}),{fetchStatus:n}=h(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Yf(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(Il,"useForceAutoConnect");function El({children:t,...e}){let n=rg()?og:ng,r=h().blockchains(),{canSwitchNetworkTo:s}=Rf();Il();let a=r.filter(eg);return Zf({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),tg.createElement(n,null,t)}i(El,"AppRouter");import qe from"react";import{useRoutes as Lk}from"react-router-dom";var F={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 Fn}from"react";import Bt from"bignumber.js";import{create as cg}from"zustand";import{subscribeWithSelector as ug}from"zustand/middleware";import{getLastSuccessfulStep as pg}from"@rango-dev/queue-manager-rango-preset";import sb from"bignumber.js";import{i18n as pt}from"@lingui/core";var yi={"Network Fee":pt.t("Network Fee"),"Swapper Fee":pt.t("Protocol Fee"),"Affiliate Fee":pt.t("Affiliate Fee"),"Outbound network fee":pt.t("Outbound Fee"),"Rango Fee":pt.t("Rango Fee")},Al=[{value:"SMART",label:pt.t("Smart Routing")},{value:"FEE",label:pt.t("Lowest Fee")},{value:"SPEED",label:pt.t("Fastest Transfer")},{value:"NET_OUTPUT",label:pt.t("Maximum Return")},{value:"PRICE",label:pt.t("Maximum Output")}],Si=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"],Wl=30;var Lt=(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))(Lt||{});import{i18n as Re}from"@lingui/core";import Me from"bignumber.js";import{PendingSwapNetworkStatus as Mn}from"rango-types";function Wn(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(Wn,"getRequiredWallets");function Nn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(Nn,"isValidAddress");import{i18n as Ee}from"@lingui/core";var K=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. If you are sure, continue, otherwise, change the swap."),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 Nl(t){switch(t.type){case 0:return t.diagnosisMessage??K().noResultError.title;case 1:return K().genericServerError;default:return""}}i(Nl,"getQuoteErrorMessage");import{i18n as Ln}from"@lingui/core";var Qt=i(()=>({connectWallet:Ln.t("Connect Wallet"),swap:Ln.t("Swap"),swapAnyway:Ln.t("Swap anyway"),ethWarning:Ln.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Ll(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Me(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Me(1e3)))??!1}i(Ll,"hasHighValueLoss");function Ml(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new Me(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Me(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(Ml,"hasLimitError");function Bl(t){let e=(t||[]).filter(l=>{let p=l.fromAmountMinValue?new Me(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Me(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 Me(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Me(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Re.t({id:"Required: >= {min} {symbol}",values:{min:A(o,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Re.t({id:"Required: > {min} {symbol}",values:{min:A(o,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Re.t({id:"Required: <= {max} {symbol}",values:{max:A(n,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Re.t({id:"Required: < {max} {symbol}",values:{max:A(n,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Bl,"getLimitErrorMessage");function _l(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Qt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||l||!r||r==="0"?{title:Qt().swap,action:"confirm-swap",disabled:!0}:a?{title:Qt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Qt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Qt().swap,action:"confirm-swap",disabled:!1}:{title:Qt().connectWallet,action:"connect-wallet",disabled:!1}}i(_l,"getSwapButtonState");function Ci(t,e,o){return!((!o||o.lte(Ne))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(Ci,"canComputePriceImpact");function ig(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(ig,"requiredWallets");var sg=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function ag(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=sg(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Me(r.amount).multipliedBy(s||0))}return o}i(ag,"getUsdFeeOfStep");function Bn(t,e){return t.reduce((o,n)=>o.plus(ag(n,e)),Ne)}i(Bn,"getTotalFeeInUsd");function Ti(t){let e=Ne;return e=e.plus(new Me(t.amount).multipliedBy(t.price||0)),e}i(Ti,"getUsdFee");function Pl(t){return t.reduce((e,o)=>e.plus(Ti(o)),Ne)}i(Pl,"getTotalFeesInUsd");function $l(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($l,"getFeesGroup");function Dl(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(Dl,"checkSlippageErrors");function Fl(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(Fl,"checkSlippageWarnings");function _n(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(_n,"getMinRequiredSlippage");function Ol(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Ol,"hasProperSlippage");function Ul(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:S}=t,C=s?.reduce((w,T)=>(w[T.chain]=T.address,w),{}),g=[];return r?.forEach(w=>{g.push({blockchain:w.chain,addresses:[w.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:g,selectedWallets:C??{},slippage:c.toString(),...d&&{destination:d},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(w=>!a.includes(w)),swappersGroupsExclude:!1},enableCentralizedSwappers:S}}i(Ul,"createQuoteRequestBody");function ql(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(ql,"getWalletsForNewSwap");function oo(t){return t?.outputAmount||null}i(oo,"getQuoteOutputAmount");function zl(t,e){return new Me(e).div(new Me(t)).minus(1).multipliedBy(100).toNumber()}i(zl,"getPercentageChange");function Ql(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(Ql,"isOutputAmountChangedALot");function Hl(t,e,o){let n=t.validationStatus,r=Fa(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>Yl(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=A(new Me(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=A(new Me(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=Re.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=Re.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=Re.t(" for input and network fee")),Re.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(Hl,"generateBalanceWarnings");function Pn(t,e){return(t?new Me(t):Ne).multipliedBy(e||0)}i(Pn,"calcOutputUsdValue");function Ao(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Mn.NetworkChanged}i(Ao,"isNetworkStatusInWarningState");function Gl(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Ao(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Mn.WaitingForConnectingWallet:n=n||Re.t("Waiting for connecting wallet");break;case Mn.WaitingForQueue:n=n||Re.t("Waiting for other running tasks to be finished");break;case Mn.WaitingForNetworkChange:n=n||Re.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(Gl,"getSwapMessages");function Vl(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(Vl,"getLastConvertedTokenInFailedSwap");function jl(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(jl,"shouldRetrySwap");function Xl(t,e,o,n,r,s){return t||!e&&!ig(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!Nn(s,o)}i(Xl,"confirmSwapDisabled");function Kl(t,e){return t.blockchain===e.blockchain&&t.symbol===e.symbol&&t.address===e.address}i(Kl,"isTokensIdentical");function $n(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i($n,"getQuoteToTokenUsdPrice");function ki(t,e){let o=t?.swaps||[],n=e?.swaps||[];return o.length!==n.length}i(ki,"isNumberOfSwapsChanged");function wi(t,e){let o=t?.swaps.map(r=>r.swapperId)||[],n=e?.swaps.map(r=>r.swapperId)||[];return!ui(o,n)}i(wi,"isQuoteSwappersUpdated");function xi(t,e){let o=t?.swaps.map(r=>r.to.symbol)||[],n=e?.swaps.map(r=>r.to.symbol)||[];return!ui(o,n)}i(xi,"isQuoteInternalCoinsUpdated");function Zl(t,e){return ki(t,e)||wi(t,e)||xi(t,e)}i(Zl,"isQuoteChanged");function Yl(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(Yl,"getRequiredBalanceOfWallet");function Ct(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(Ct,"getPriceImpactLevel");function Rl(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=pg(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=di(s?s.toBlockchain:n.fromBlockchain,e),p=di(r.toBlockchain,e),c=mi(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=mi(a,o),f=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:f}}i(Rl,"createRetryQuote");function no(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Ht(o,t.requestAmount),l=Ht(n,t?.outputAmount??"");if(t&&a&&l){let u=Xe(a.toString(),l.toString());if(!!u&&Ll(a,u)){let m=Bn(t?.swaps,r),d=Ct(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:m,warningLevel:d}}}else if(t&&(!a||!l))return{type:1};let p=_n(t.swaps),c=s>gl;if(Ol(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:Fl(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:zl(t.toString(),e.toString());return n&&n<0?n:null}i(Xe,"getPriceImpact");var ep=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"),Dn=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"),tp=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"),op=i(t=>{let e=i((o,n)=>{let r=Si.indexOf(o.value),s=Si.indexOf(n.value);return r!==-1&&s!==-1?r-s:r!==-1?-1:s!==-1?1:0},"customSort");return t.sort(e)},"sortTags");var Ht=i((t,e)=>t?.usdPrice?new Bt(e||Ne).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),H=Nt(cg()(ug(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Bt(0),outputUsdValue:new Bt(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 Bt(e?.outputAmount):null,r=Pn(e?.outputAmount,$n(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 Bt(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:Ht(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 Bt(0),outputUsdValue:new Bt(0),selectedQuote:null},...!!o.fromToken&&{inputUsdValue:Ht(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=Rl(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:Ht(a??null,c),outputUsdValue:new Bt(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:Ht(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 np(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=H(),c=h().config,u=h().fetchStatus,f=h().blockchains(),m=h().tokens(),{setAffiliateRef:d,setAffiliatePercent:S,setAffiliateWallets:C}=h(),g=c?.from?.tokens,y=c?.from?.blockchains,w=c?.to?.tokens,T=c?.to?.blockchains,k=Fn(void 0),E=Fn(void 0),v=Fn(void 0),x=Fn(void 0);ro(()=>{t(c?.amount?.toString()||"")},[c?.amount]),ro(()=>{if(u==="success"){let b=f.find(W=>W.name===c?.from?.blockchain),I=m.find(W=>Le(W,c?.from?.token||null));(b||!b&&v.current)&&n(b??null),I?r({token:I,meta:{blockchains:f,tokens:m}}):!I&&k.current&&r({token:null}),v.current=c?.from?.blockchain,k.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),ro(()=>{vo(s,g)&&r({token:null}),ai(l,y)&&n(null)},[g,y]),ro(()=>{vo(a,w)&&r({token:null}),ai(p,T)&&o(null)},[w,T]),ro(()=>{if(u==="success"){let b=f.find(W=>W.name===c?.to?.blockchain),I=m.find(W=>Le(W,c?.to?.token||null));(b||!b&&x.current)&&o(b??null),I?e({token:I,meta:{blockchains:f,tokens:m}}):!I&&E.current&&e({token:null}),x.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),S(c?.affiliate?.percent??null),C(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(np,"useSyncStoresWithConfig");import{useEffect as Ii,useRef as mg}from"react";import{useInRouterContext as dg,useLocation as fg,useSearchParams as gg}from"react-router-dom";function vi(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(vi,"searchParamToToken");function bi(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(bi,"tokenToSearchParam");function Ei(){let t=fg(),[e,o]=gg(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:f,setInputAmount:m}=H(),d=h().fetchStatus,S=h().blockchains(),C=h().tokens(),g=dg(),{updateIframe:y,updateCampaignMode:w}=h(),T=h().isInCampaignMode(),k=mg(),E=i(()=>{let x=e.get("fromAmount"),b=e.get("fromBlockchain"),I=e.get("fromToken"),W=e.get("toBlockchain"),L=e.get("toToken"),Q=e.get("autoConnect"),ee=e.get("clientUrl"),ae=e.get("liquiditySources");return{fromAmount:x,fromBlockchain:b,fromToken:I,toBlockchain:W,toToken:L,autoConnect:Q,clientUrl:ee,liquiditySources:ae}},"getUrlSearchParams"),v=i(x=>{for(let b in x)x[b]||delete x[b];o(x,{replace:!0})},"updateUrlSearchParams");Ii(()=>{let{autoConnect:x,clientUrl:b}=E();g&&d==="success"&&v({fromBlockchain:n?.name,fromToken:bi(s),toBlockchain:r?.name,toToken:bi(a),fromAmount:l,autoConnect:x??void 0,clientUrl:b??void 0,liquiditySources:T?k.current:void 0})},[t.pathname,l,n,s,r,a,T]),Ii(()=>{if(!g)return;let x=E();if(!k.current&&x.liquiditySources&&(k.current=x.liquiditySources),x.fromAmount&&m(x.fromAmount),d==="success"){let b=S.find(Q=>Q.name===x.fromBlockchain),I=vi(C,x.fromToken,b??null),W=S.find(Q=>Q.name===x.toBlockchain),L=vi(C,x.toToken,W??null);b&&(p(b),I&&u({token:I,meta:{blockchains:S,tokens:C}})),W&&(c(W),L&&f({token:L,meta:{blockchains:S,tokens:C}}))}},[d]),Ii(()=>{let{clientUrl:x,liquiditySources:b}=E();y("clientUrl",x||void 0),w("liquiditySources",b?.split(",")??void 0)},[])}i(Ei,"useSyncUrlAndStore");import{i18n as br}from"@lingui/core";import{useManager as pS}from"@rango-dev/queue-manager-react";import{Alert as Fu,Button as cS,css as vs,Divider as xs,IconButton as Ou,SettingsIcon as uS,styled as mS,Tooltip as dS,Typography as fS,WalletIcon as gS}from"@rango-dev/ui";import me,{useEffect as Go,useLayoutEffect as hS,useRef as yS,useState as Ir}from"react";import{flushSync as SS}from"react-dom";import{useLocation as CS,useNavigate as TS}from"react-router-dom";import{i18n as mt}from"@lingui/core";import{Alert as ts,BalanceErrors as Zh,Button as Sc,ChevronDownIcon as Rh,ChevronLeftIcon as ey,Divider as uo,MessageBox as ty,Typography as ir,WalletIcon as oy}from"@rango-dev/ui";import $,{useEffect as ny,useState as mo}from"react";import{useNavigate as ry}from"react-router-dom";import{i18n as On}from"@lingui/core";function Un(t){switch(t.type){case 0:return On.t("Route has been updated.");case 3:return On.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return On.t("Route swappers has been updated.");case 2:return On.t("Route internal coins has been updated.");default:return""}}i(Un,"getQuoteUpdateWarningMessage");import{Modal as yg}from"@rango-dev/ui";import Sg from"react";function le(t){let{watermark:e}=oe();return Sg.createElement(yg,{hasWatermark:e==="FULL",...t},t.children)}i(le,"WatermarkedModal");import Hn,{useRef as kg}from"react";import*as io from"@radix-ui/react-collapsible";import{keyframes as rp,styled as qn}from"@rango-dev/ui";var Ai=300,Cg=rp({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Tg=rp({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),ip=qn(io.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Wi=qn(io.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),zn=qn(io.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Cg} ${Ai}ms ease-out`},false:{animation:`${Tg} ${Ai}ms ease-out`}}}}),Qn=qn("div",{transition:`all ${Ai}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Gn(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=kg(null);return Hn.createElement(ip,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&Hn.createElement(Wi,{className:"collapsible_trigger",onClick:s},a),Hn.createElement(zn,{className:"collapsible_content",open:e},r),l==="bottom"&&Hn.createElement(Wi,{className:"collapsible_trigger",onClick:s},a))}i(Gn,"CustomCollapsible");import{css as sp,darkTheme as so,IconButton as wg,styled as Ke,TextField as xg}from"@rango-dev/ui";var ap=Ke("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),lp=Ke("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),vg=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"}}}}),pp=Ke(vg,{alignSelf:"stretch",minHeight:"93px"}),cp=Ke("div",{padding:"$20 $20 $15 $20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),up=Ke(wg,{position:"absolute",left:"$20"}),mp=Ke("div",{paddingTop:"$20"}),dp=sp({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),fp=Ke("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),gp=sp({paddingTop:"$5"}),hp=Ke("div",{display:"flex"}),yp=Ke(xg,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Sp=Ke("div",{overflow:"visible",width:"100%"}),Cp=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 et}from"@lingui/core";import{Button as Xh,Divider as Ri,Image as Kh,MessageBox as rr,SelectableWallet as Yh,Typography as fc,WalletState as gc}from"@rango-dev/ui";import ce,{useEffect as hc,useState as Mo}from"react";import{WalletState as Ni}from"@rango-dev/ui";import{useWallets as bg}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Ig,WalletTypes as Vn}from"@rango-dev/wallets-shared";import{useCallback as Eg,useEffect as Ag,useState as Wg}from"react";var Ng=Object.values(Vn);function ao(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=bg(),{connectedWallets:c}=X(),u=h().blockchains(),f=Za(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Ng,m=$a(s,l,f,o),d=Qa(m),[S,C]=Wg(""),g=i(E=>!c.find(v=>v.walletType===E&&v.chain===o),"isExperimentalChainNotAdded"),y=i(async E=>{let v=s(E);try{if(S&&C(""),v.connected)await a(E);else{let x=!!m.find(b=>b.state===Ni.CONNECTED);if(!e?.multiWallets&&x)return;n?.(E),await p(E),r?.(E)}}catch(x){C("Error: "+x?.message)}},"handleClick"),w=Eg(()=>{let E=m?.filter(v=>v.state===Ni.CONNECTING)||[];for(let v of E)a(v.type)},[Va(m)]);Ag(()=>()=>{w()},[]);let T=i(E=>E.filter(x=>x.state!=Ni.NOT_INSTALLED&&![Vn.DEFAULT,Vn.WALLET_CONNECT_2].includes(x.type)&&l(x.type).supportedChains.filter(b=>b.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),k=i((E,v,x)=>yn(x,v)&&g(E)&&!Ig.includes(E)||E==Vn.DEFAULT&&!T(m),"shouldExcludeWallet");return{list:d.filter(E=>!k(E.type,o??"",u)),error:S,handleClick:y,disconnectConnectingWallets:w}}i(ao,"useWalletList");import{i18n as ac}from"@lingui/core";import{styled as pc,Typography as qh,Wallet as zh,WalletState as Qh}from"@rango-dev/ui";import co,{useState as lc}from"react";import{useManager as Lh}from"@rango-dev/queue-manager-react";import{BottomLogo as Mh,Divider as Rp,Header as Bh}from"@rango-dev/ui";import Ce,{useEffect as ec,useRef as tc}from"react";import{useRef as Lg}from"react";function jn(){return window.self!==window.top}i(jn,"isAppLoadedIntoIframe");function Li(){let t=Lg(null),{iframe:e}=h(),o=jn()&&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(Li,"useIframe");import{useNavigate as Mg}from"react-router-dom";function ct(){let t=Mg();return()=>t(-1)}i(ct,"useNavigateBack");import{createTheme as Di,darkTheme as Fg,lightTheme as Og}from"@rango-dev/ui";import{useEffect as vp,useState as Ug}from"react";import{theme as $g,darkColors as Dg}from"@rango-dev/ui";import Pi from"react";function Bg(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,S=u[m],C={[`${e}${d}`]:Xn(t,S)};Object.assign(f,C)}return{...f,[e]:t}}i(Bg,"generateShades");function Xn(t,e){let[o,n,r]=Tp(t);return`#${Mi(o+e)}${Mi(n+e)}${Mi(r+e)}`}i(Xn,"generateShade");function Tp(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(Tp,"convertToRGB");function Mi(t){return("0"+Math.max(0,Math.min(255,t)).toString(16)).slice(-2).toUpperCase()}i(Mi,"clamp");function kp(t){let[a,l,p]=Tp(t);return(a*299+l*587+p*114)/1e3>188}i(kp,"isBright");var Bi=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,...Bg(a,s,s==="neutral"&&e)})}return n?r:{}},"generateColors");var wp=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),_g=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=wp(o%52)+e;return wp(o%52)+e},"toAlphabeticName"),Pg=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),_i=i(t=>_g(Pg(5381,JSON.stringify(t))>>>0),"toHash");function $i(t){let e=$g.colors,o=Bi({...e,...Dg},!0,t?.dark),n=Bi(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:`${si}-light-${_i(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${si}-dark-${_i(p)}`,tokens:p}}return{light:a,dark:l}}i($i,"customizedThemeTokens");function xp(t,e){if(t.length<=1)return t.map(({element:n,key:r})=>Pi.cloneElement(n,{key:r}));let o=[];return t.forEach((n,r)=>{let{element:s,key:a}=n;if(o.push(Pi.cloneElement(s,{key:a})),r<t.length-1){let l=`divider-${r}`;o.push(Pi.cloneElement(e,{key:l}))}}),o}i(xp,"joinList");function Kn(t){let{colors:e,fontFamily:o=Ya,borderRadius:n=Xa,secondaryBorderRadius:r=Ka,mode:s="auto"}=t,[a,l]=Ug("light"),{setTheme:p,theme:c}=h(),{dark:u,light:f}=$i(e),m=Di({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[m.className,Og.className],S=[m.className,Fg.className];if(f){let g=Di(f.id,f.tokens);d.push(g.className)}if(u){let g=Di(u.id,u.tokens);S.push(g.className)}return vp(()=>{let g=i(y=>{y.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",g),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",g)}},[]),vp(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let g=d.join(" "),y=S.join(" ");return c==="auto"?a==="dark"?y:g:c==="dark"?y:g},"getActiveTheme")}}i(Kn,"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 bp}from"@lingui/core";import{Alert as qg,Button as zg}from"@rango-dev/ui";import Ip from"react";function Fi(t){return Ip.createElement(qg,{action:Ip.createElement(zg,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},bp.t("Activate this tab")),type:"warning",variant:"alarm",title:bp.t("Another tab is open and handles transactions.")})}i(Fi,"ActivateTabAlert");import{i18n as Oi}from"@lingui/core";import{Button as Qg,Divider as Hg,MessageBox as Gg}from"@rango-dev/ui";import Yn from"react";function Ui(t){let{open:e,onClose:o,onConfirm:n}=t;return Yn.createElement(le,{open:e,dismissible:!0,onClose:o,container:B()},Yn.createElement(Gg,{title:Oi.t("Activate current tab"),type:"warning",description:Oi.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.")},Yn.createElement(Hg,{size:20}),Yn.createElement(Qg,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Oi.t("Confirm"))))}i(Ui,"ActivateTabModal");import{ChevronLeftIcon as Xg}from"@rango-dev/ui";import _p from"react";import{css as Vg,darkTheme as Ep,IconButton as jg,styled as Gt}from"@rango-dev/ui";var Ye=Gt(jg,{width:"$24",position:"relative",padding:"0",overflow:"unset","&:hover":{backgroundColor:"$info100",[`.${Ep} &`]:{backgroundColor:"$neutral"}}}),Ap=Gt("div",{position:"absolute",background:"$secondary500",[`.${Ep} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),lo=Gt("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Wp=Gt("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"}}}}),Np=Gt("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}}),Lp=Gt("div",{position:"absolute",right:"$4",top:"$4",backgroundColor:"$background",borderRadius:"100%"}),Mp=Vg({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}),Bp=Gt("div",{borderRadius:"100%",border:"1.5px transparent solid","&:not(:first-child)":{marginLeft:"-$6"},img:{borderRadius:"100%"}});function qi(t){return _p.createElement(Ye,{variant:"ghost",size:"small",onClick:t.onClick},_p.createElement(Xg,{color:"black",size:16}))}i(qi,"BackButton");import{i18n as Kg}from"@lingui/core";import{Button as Yg,Typography as Jg}from"@rango-dev/ui";import zi from"react";function Qi(t){return zi.createElement(lo,null,zi.createElement(Yg,{variant:"ghost",onClick:t.onClick,size:"xsmall"},zi.createElement(Jg,{variant:"label",size:"medium",color:"error500"},Kg.t("Cancel"))))}i(Qi,"CancelButton");import{i18n as Zg}from"@lingui/core";import{Image as Rg,Tooltip as eh,WalletIcon as th}from"@rango-dev/ui";import Vt from"react";function Hi(t){let{list:e}=ao({}),o=e.filter(r=>r.state==="connected"),n=o.length?Vt.createElement("div",{className:Mp()},o.map(r=>Vt.createElement(Bp,{key:r.title},Vt.createElement(Rg,{src:r.image,size:14})))):Zg.t("Connect Wallet");return Vt.createElement(eh,{container:t.container,side:"bottom",content:n},Vt.createElement(Ye,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Vt.createElement(Ap,null),Vt.createElement(th,{size:18,color:"black"})))}i(Hi,"WalletButton");import{i18n as Rn}from"@lingui/core";import{NotificationsIcon as Ih,Popover as Eh,SettingsIcon as Ah,Tooltip as er,TransactionIcon as Wh}from"@rango-dev/ui";import ve from"react";import{i18n as uh}from"@lingui/core";import{EventSeverity as qp}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as zp,ChevronRightIcon as mh,Divider as dh,Typography as fh}from"@rango-dev/ui";import Oe from"react";import{useNavigate as gh}from"react-router-dom";import{create as oh}from"zustand";import{persist as nh,subscribeWithSelector as rh}from"zustand/middleware";var ze=Nt(oh()(nh(rh((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 ih,ListItemButton as sh,styled as Wo}from"@rango-dev/ui";var Pp=Wo("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),$p=Wo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Dp=Wo(sh,{variants:{actionRequired:{true:{backgroundColor:"$error300",[`.${ih} &`]:{backgroundColor:"$error600"}}}}}),Fp=Wo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Op=Wo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as ah}from"@lingui/core";import{Divider as lh,NoNotificationIcon as ph,Typography as ch}from"@rango-dev/ui";import Jn from"react";function Up(){return Jn.createElement(Op,null,Jn.createElement(ph,{color:"secondary",size:26}),Jn.createElement(lh,{size:12}),Jn.createElement(ch,{variant:"body",size:"medium",color:"neutral700"},ah.t("There are no notifications.")))}i(Up,"NotificationNotFound");var hh=4;function Gi(){let t=gh(),{getUnreadNotifications:e}=ze(),o=e(),n=h().blockchains(),r=h().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,hh),a=i(l=>{t(`${F.swaps}/${l}`)},"handleOnClick");return Oe.createElement(Pp,null,s.length?Oe.createElement($p,null,s.map((l,p)=>{let{route:c,requestId:u,event:f}=l,m=r.find(g=>Le(g,c.from)),d=n.find(g=>g.name===c.from.blockchain),S=r.find(g=>Le(g,c.to)),C=n.find(g=>g.name===c.to.blockchain);return Oe.createElement(Oe.Fragment,{key:u},p>0&&Oe.createElement(dh,{size:4}),Oe.createElement(Dp,{onClick:()=>a(u),actionRequired:f.messageSeverity===qp.WARNING,title:Oe.createElement(fh,{variant:"body",size:"small",color:f.messageSeverity===qp.WARNING?"$foreground":"$neutral700"},uh.t(f.message)),id:u,start:Oe.createElement(Fp,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(zp,{tokenImage:m?m.image:"",chainImage:d?d.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(zp,{tokenImage:S?S.image:"",chainImage:C?C.logo:"",size:"small"}))),end:Oe.createElement(mh,{size:12,color:"gray"})}))})):Oe.createElement(Up,null))}i(Gi,"NotificationContent");import{useManager as yh}from"@rango-dev/queue-manager-react";import{InProgressIcon as Sh}from"@rango-dev/ui";import Qp from"react";var Ch=i(()=>{let{manager:t}=yh();return ut(t).map(({swap:o})=>o).find(o=>o.status==="running")?Qp.createElement(Lp,null,Qp.createElement(Sh,{color:"info",size:6})):null},"InProgressTransactionBadge"),Hp=Ch;import{RefreshProgressButton as Th}from"@rango-dev/ui";import Vi,{useEffect as kh,useState as Gp}from"react";var wh=1e3,Vp=60,xh=100;function Zn({onClick:t}){let[e,o]=Gp(0),[n,r]=Gp(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");kh(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===Vp&&l()},wh):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 Vi.createElement(Ye,{variant:"ghost",size:"small",style:{paddingTop:0,paddingBottom:0},onClick:l,disabled:!t},Vi.createElement(Np,{onTransitionEnd:()=>r(!1),isRefetched:n},Vi.createElement(Th,{size:22,color:t?"black":"gray",progress:e/Vp*xh})))}i(Zn,"RefreshButton");import{EventSeverity as vh}from"@rango-dev/queue-manager-rango-preset";import{Typography as bh}from"@rango-dev/ui";import jp from"react";function Xp(){let{getUnreadNotifications:t}=ze(),e=t(),o=e.length,n=!!e.find(r=>r.event.messageSeverity===vh.WARNING);return o?jp.createElement(Wp,{isSever:n},jp.createElement(bh,{variant:"body",size:"xsmall",color:"$background"},o)):null}i(Xp,"UnreadNotificationsBadge");function jt(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n,hidden:r=[]}=t,{config:{features:s}}=h(),a=je("notification",s)||r.includes("notifications");return ve.createElement(ve.Fragment,null,!r.includes("refresh")&&ve.createElement(er,{container:B(),side:"top",content:Rn.t("Refresh")},ve.createElement(Zn,{onClick:e})),!a&&ve.createElement(Eh,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:B(),content:ve.createElement(Gi,null)},ve.createElement("div",null,ve.createElement(er,{container:B(),side:"top",content:Rn.t("Notifications")},ve.createElement(Ye,{size:"small",variant:"ghost"},ve.createElement(Ih,{size:18,color:"black"}),ve.createElement(Xp,null))))),!r.includes("settings")&&ve.createElement(er,{container:B(),side:"top",content:Rn.t("Settings")},ve.createElement(Ye,{size:"small",variant:"ghost",onClick:n},ve.createElement(Ah,{size:18,color:"black"}))),!r.includes("history")&&ve.createElement(er,{container:B(),side:"top",content:Rn.t("Transactions History")},ve.createElement(Ye,{size:"small",variant:"ghost",onClick:o},ve.createElement(Wh,{size:18,color:"black"}),ve.createElement(Hp,null))))}i(jt,"HeaderButtons");function ji(t){let e=t.target;if(e){let o=e.scrollTop,n=B();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(ji,"onScrollContentAttachStatusToContainer");import{css as Nh,styled as Xi}from"@rango-dev/ui";var Kp="700px",tr=Nh({borderRadius:"$primary",display:"flex",flexDirection:"column",overflow:"hidden",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)"}),Yp=Xi("div",{position:"relative",width:"100vw",minWidth:"300px",maxWidth:"390px",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:Kp},fixed:{height:Kp}}}}),Jp=Xi("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),Zp=Xi("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 ie(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=Li(),{children:n,header:r,footer:s,height:a="fixed"}=t,l=X.use.connectedWallets(),{config:{features:p,theme:c}}=h(),{watermark:u}=oe(),f=u==="FULL",{activeTheme:m}=Kn(c||{}),d=je("connectWalletButton",p),{isActiveTab:S,tabManagerInitiated:C,showActivateTabModal:g,setShowActivateTabModal:y,activateCurrentTab:w}=oe(),T=ct(),{manager:k}=Lh(),v=ut(k).map(({swap:Q})=>Q).some(Q=>Q.status==="running"),x=i(()=>w(zt.forceClaim,v),"onActivateTab"),b=i(()=>{r.onWallet?.()},"onConnectWallet"),I=typeof r.hasBackButton>"u"||r.hasBackButton,W=tc(null),L=tc(null);return ec(()=>(jn()&&L.current&&e(L.current),()=>{o()}),[]),ec(()=>(W.current?.addEventListener("scroll",ji),()=>{W.current?.removeEventListener("scroll",ji)}),[]),Ce.createElement(Yp,{height:a,id:ke.SWAP_BOX_ID,className:`${m()} ${tr()}`,ref:L},Ce.createElement(Bh,{prefix:Ce.createElement(Ce.Fragment,null,I&&Ce.createElement(qi,{onClick:()=>{T(),r.onBack&&r.onBack()}})),title:r.title,suffix:Ce.createElement(Ce.Fragment,null,r.suffix,r.onWallet&&!d&&Ce.createElement(Hi,{container:B(),onClick:b,isConnected:!!l?.length}),r.onCancel&&Ce.createElement(Qi,{onClick:r.onCancel}))}),Ce.createElement(Jp,{ref:W},n),Ce.createElement(Ui,{open:g,onClose:()=>y(!1),onConfirm:x}),Ce.createElement(Zp,null,Ce.createElement("div",{className:"footer__content"},C&&!S&&Ce.createElement("div",{className:"footer__alert"},Ce.createElement(Fi,{onActivateTab:x}),Ce.createElement(Rp,{size:10})),s),Ce.createElement(Rp,{size:12}),Ce.createElement("div",{className:`footer__logo ${f?"logo__show":"logo__hidden"}`},Ce.createElement(Mh,null))))}i(ie,"Layout");import{styled as _h}from"@rango-dev/ui";var oc="$20 $20 $10 $20",No=_h("div",{padding:oc,overflowY:"auto",flexGrow:1});import{styled as Ph}from"@rango-dev/ui";var pe=Ph("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 Uh}from"@rango-dev/ui";import Yi from"react";import{i18n as po}from"@lingui/core";import{Image as Fh,MessageBox as Ki,WalletState as Oh}from"@rango-dev/ui";import Xt from"react";import{keyframes as $h,styled as or}from"@rango-dev/ui";var I0=or("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),nc=or("div",{position:"relative"}),Dh=$h({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),rc=or("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Dh} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ic=or("div",{"& img":{borderRadius:"50%"}});function sc(t){let{state:e,image:o,error:n}=t;return e===Oh.CONNECTED?Xt.createElement(Ki,{type:"success",title:po.t("Wallet Connected"),description:po.t("Your wallet is connected, you can use it to swap.")}):n?Xt.createElement(Ki,{type:"error",title:po.t("Failed to Connect"),description:n||po.t("Your wallet is not connected. Please try again.")}):Xt.createElement(Ki,{type:"loading",title:po.t("Connecting to your wallet"),description:po.t("Click connect in your wallet popup."),icon:Xt.createElement(nc,null,Xt.createElement(ic,null,Xt.createElement(Fh,{src:o,size:45})),Xt.createElement(rc,null))})}i(sc,"ModalContent");function Lo(t){let{open:e,onClose:o,...n}=t;return Yi.createElement(le,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},Yi.createElement(sc,{...n}),Yi.createElement(Uh,{direction:"vertical",size:32}))}i(Lo,"WalletModal");var Hh=pc("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Gh=pc(pe,{textAlign:"center"}),nr=3e3,Ji=300;function cc(){let{config:t,fetchStatus:e}=h(),[o,n]=lc(!1),[r,s]=lc(""),a=null,l=oe.use.isActiveTab(),{list:p,handleClick:c,error:u,disconnectConnectingWallets:f}=ao({config:t,onBeforeConnect:g=>{a=setTimeout(()=>{n(!0),s(g)},Ji)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},nr)}}),m=i(()=>{f(),n(!1)},"handleCloseWalletModal"),d=p.find(g=>g.type===r),S=d?.image||"",C=d?.state||Qh.NOT_INSTALLED;return co.createElement(ie,{header:{title:ac.t("Connect Wallets")}},co.createElement(Gh,null,co.createElement(qh,{variant:"title",size:"xmedium",align:"center"},ac.t("Choose a wallet to connect.")),co.createElement(Hh,null,p.map((g,y)=>{let w=`wallet-${y}-${g.type}`;return co.createElement(zh,{key:w,...g,container:B(),onClick:T=>{c(T)},isLoading:e==="loading",disabled:!l})}),co.createElement(Lo,{open:!!o,onClose:m,image:S,state:C,error:u}))))}i(cc,"WalletsPage");import{keyframes as Vh,styled as Zi}from"@rango-dev/ui";var uc=Zi("div",{position:"relative"}),jh=Vh({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),mc=Zi("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${jh} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),dc=Zi("div",{"& img":{borderRadius:"50%"}});var Jh=7;function es(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=h(),l=oe.use.isActiveTab(),p=X.use.connectedWallets(),{blockchains:c}=h(),[u,f]=Mo(""),[m,d]=Mo(null),[S,C]=Mo(!1),[g,y]=Mo(null),{suggestAndConnect:w}=yc(),T=null,{list:k,error:E,handleClick:v,disconnectConnectingWallets:x}=ao({config:a,chain:e,onBeforeConnect:q=>{T=setTimeout(()=>{f(q)},Ji)},onConnect:()=>{T&&clearTimeout(T),setTimeout(()=>{f("")},nr)}}),[b,I]=Mo(k),W=k.length,L=r&&W-r>0,Q=i(async q=>{C(!1),y("in-progress");try{await w(q.walletType,q.chain),y("completed")}catch{y("rejected")}},"addExperimentalChain");hc(()=>{I(q=>{let J=k.findIndex(Z=>o(Z.type,e));return L&&J>1?[k[J]].concat(k.filter((Z,N)=>N!==J)):q.map(Z=>k.find(N=>N.type===Z.type)??Z)})},[JSON.stringify(k)]);let ee=document.getElementById(ke.SWAP_BOX_ID);hc(()=>{let q=null;return(g==="completed"||g==="rejected")&&(q=setTimeout(()=>y(null),nr)),()=>{q&&clearTimeout(q)}},[g]);let ae=i(()=>{x(),f("")},"handleCloseWalletModal");return ce.createElement(ce.Fragment,null,b.slice(0,r).map(q=>{let J=Ha({connectedWallets:p,walletType:q.type,chain:e}),Z=J?Cn(J,Jh):"",N=yn(c(),e),_=!p.find(he=>he.walletType===q.type&&he.chain===e),M=N&&_&&q.state===gc.CONNECTED,V=M?et.t({id:"Add {chain} chain",values:{chain:e}}):Z,ue=i(()=>{q.state===gc.DISCONNECTED?v(q.type):M?(d({walletType:q.type,chain:e,address:J??""}),C(!0)):n({walletType:q.type,chain:e,address:J??""})},"onClick"),de=m?.chain?ll(m.chain,c()):void 0;return ce.createElement(ce.Fragment,{key:`${q.title}_${de}`},ce.createElement(Lo,{open:u===q.type,onClose:ae,image:q.image,state:q.state,error:E}),!!m&&ce.createElement(le,{open:!!m&&S,container:ee,onClose:()=>{d(null)}},ce.createElement(rr,{title:et.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:de}}),type:"warning",description:et.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:de}})},ce.createElement(Ri,{size:18}),ce.createElement(Ri,{size:32}),ce.createElement(Xh,{onClick:Q.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},et.t("Confirm")))),g&&ce.createElement(le,{open:!!g,onClose:y.bind(null,null),container:ee},g==="in-progress"&&ce.createElement(rr,{type:"loading",title:et.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:de}}),description:et.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:de}}),icon:ce.createElement(uc,null,ce.createElement(dc,null,ce.createElement(Kh,{src:q.image,size:45})),ce.createElement(mc,null))}),g==="completed"&&ce.createElement(rr,{type:"success",title:et.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:de}}),description:et.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:de}})}),g==="rejected"&&ce.createElement(rr,{type:"error",title:et.t("Request Rejected"),description:et.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:de}})}),ce.createElement(Ri,{direction:"vertical",size:32})),ce.createElement(Yh,{key:q.type,description:V,onClick:ue,selected:o(q.type,e),disabled:!l,...q}))}),L&&ce.createElement(pp,{selected:!1,onClick:s},ce.createElement(fc,{variant:"label",size:"medium"},et.t("Show more wallets"),ce.createElement(fc,{variant:"label",size:"medium",color:"$primary"},"\xA0+",W-(r??0)))))}i(es,"WalletList");var iy=2;function Cc(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=h().config,l=h().blockchains(),{selectedQuote:p,setSelectedWallets:c,quoteWalletsConfirmed:u,setQuoteWalletConfirmed:f,customDestination:m,setCustomDestination:d}=H(),{connectedWallets:S,selectWallets:C}=X(),[g,y]=mo(""),[w,T]=mo([]),[k,E]=mo(""),[v,x]=mo(null),[b,I]=mo(!!m),W=Wn(p?.swaps||null),L=l.find(G=>G.name===p?.swaps[p?.swaps.length-1].to.blockchain),Q=i(G=>!!p?.swaps.find(Y=>Y.from.blockchain===G),"isWalletRequiredFor"),ee=i(()=>S.filter(G=>G.selected&&W.includes(G.chain)),"getInitialSelectableWallets"),[ae,q]=mo(ee()),J=l.find(G=>G.name===L?.name),Z=w.length>0,N=i((G,Y)=>!!ae.find(te=>te.walletType===G&&te.chain===Y&&te.selected&&(Q(Y)||!Q(Y)&&!m)),"isSelected"),_=!!m&&b&&J&&!Nn(J,m),M=i(()=>{I(!1),d(null),q(G=>{let Y=!1;return G.map(te=>!Y&&te.chain===L?.name?(Y=!0,{...te,selected:!0}):te)})},"resetCustomDestination"),V=i(G=>{if(g&&y(""),N(G.walletType,G.chain))return;let te=S.find(Ie=>Ie.walletType===G.walletType&&Ie.chain===G.chain);te&&(n(),G.chain===L?.name&&b&&(I(!1),d(null)),q(Ie=>Ie.filter(Ze=>Ze.chain!==G.chain).concat({...te,selected:!0})))},"onChange"),ue=i(()=>{let G=ae.filter(Y=>Y.selected);C(G),c(G),f(!0),o()},"onConfirmBalance"),de=i(async()=>{T([]),E(""),x(null);let G=S.filter(Ie=>ae.find(Ze=>Ze.chain===Ie.chain&&Ze.walletType===Ie.walletType)),Y=await r?.({selectedWallets:G,customDestination:m}),te=Y.warnings;te?.balance?.messages&&T(te.balance.messages),te?.quoteUpdate&&x(te.quoteUpdate),Y.error&&E(Nl(Y.error)),!Y.error&&!te?.balance?.messages.length?ue():T(te?.balance?.messages??[])},"onConfirmWallets");ny(()=>{q(G=>G.concat(S.filter(Y=>!!!G.find(Ie=>Ie.chain===Y.chain)&&Y.selected&&W.includes(Y.chain))))},[S.length]);let he=document.getElementById(ke.SWAP_BOX_ID),ht=ry();return $.createElement(le,{open:e,onClose:()=>{u||ht("../",{replace:!0}),o()},dismissible:!g,container:he,...!g&&{footer:$.createElement(hp,null,$.createElement(Sc,{loading:s,disabled:Xl(s,b,m,p,ae,L),onClick:de,variant:"contained",type:"primary",fullWidth:!0,size:"large"},mt.t("Confirm")))},...g&&{styles:{container:{padding:"$0"}},header:$.createElement(cp,null,$.createElement(up,{variant:"ghost",onClick:y.bind(null,"")},$.createElement(ey,{size:16})),$.createElement(ir,{variant:"headline",size:"small"},mt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ve(g,l)}})))},anchor:"center"},$.createElement(le,{open:Z,onClose:T.bind(null,[]),container:he},$.createElement(ty,{title:mt.t("Insufficient account balance"),type:"error",description:$.createElement(Zh,{messages:w??[]})},$.createElement(Sc,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:ue},mt.t("Proceed anyway")))),g&&$.createElement(mp,null,$.createElement("div",{className:dp()},$.createElement(es,{chain:g,isSelected:N,selectWallet:V,onShowMore:y.bind(null,g)}))),!g&&$.createElement($.Fragment,null,k&&$.createElement($.Fragment,null,$.createElement(ts,{variant:"alarm",type:"error",title:mt.t(k)}),$.createElement(uo,{size:12})),v&&$.createElement($.Fragment,null,$.createElement(ts,{variant:"alarm",type:"warning",title:Un(v)}),$.createElement(uo,{size:12})),$.createElement(Sp,null,W.map((G,Y)=>{let te=l.find($e=>$e.name===G),Ie=`wallet-${Y}`,Ze=Y===W.length-1;return $.createElement("div",{key:Ie},$.createElement(ap,null,$.createElement(ir,{variant:"title",size:"xmedium"},mt.t({id:"Your {blockchainName} wallets",values:{blockchainName:te?.shortName}})),$.createElement(ir,{variant:"label",color:"$neutral700",size:"medium"},mt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:te?.shortName}}))),$.createElement(uo,{size:24}),$.createElement(lp,null,$.createElement(es,{chain:G,isSelected:N,selectWallet:V,limit:iy,onShowMore:()=>y(te?.name??"")})),!Ze&&$.createElement(uo,{size:32}),Ze&&a?.customDestination&&$.createElement(fp,null,$.createElement(Gn,{onOpenChange:$e=>{$e?Q(L?.name??"")||q(De=>De.map(ye=>ye.chain===L?.name?{...ye,selected:!1}:ye)):M()},hasSelected:!0,open:b,triggerAnchor:"top",trigger:$.createElement(Cp,null,$.createElement("div",{className:"button__content"},$.createElement(oy,{size:18,color:"info"}),$.createElement(uo,{size:4,direction:"horizontal"}),$.createElement(ir,{variant:"label",size:"medium"},mt.t("Send to a different address"))),$.createElement(Qn,{orientation:b?"up":"down"},$.createElement(Rh,{size:10,color:"gray"}))),onClickTrigger:()=>I($e=>!$e)},$.createElement(uo,{size:4}),$.createElement(yp,{autoFocus:!0,placeholder:mt.t("Your destination address"),value:m||"",onChange:$e=>{let De=$e.target.value;De.length?d(De.length?De:null):(I(!1),d(null))}})),_&&$.createElement("div",{className:gp()},$.createElement(ts,{variant:"alarm",type:"error",title:mt.t({values:{destination:m},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Cc,"ConfirmWalletsModal");import{i18n as vy}from"@lingui/core";import{Alert as by,Button as Iy,InfoIcon as Ey}from"@rango-dev/ui";import He from"react";import{Alert as ly,Button as py,Divider as rs,NoRouteIcon as cy,RefreshIcon as uy,Typography as Ic}from"@rango-dev/ui";import Qe from"react";import{i18n as Tc}from"@lingui/core";var sy=24,ay=60;function kc(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:K().genericServerError,action:{onClick:n,title:Tc.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:K().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Tc.t("Reset")}},description:K().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:K().noResultError.description}}i(kc,"makeInfo");var os=(o=>(o[o.small=sy]="small",o[o.large=ay]="large",o))(os||{}),ns=(o=>(o.small="small",o.large="medium",o))(ns||{});import{styled as sr}from"@rango-dev/ui";var wc=sr("div",{display:"flex",flexDirection:"column",alignItems:"center"}),xc=sr("div",{variants:{size:{small:{},large:{maxWidth:"316px"}}}}),vc=sr("div",{variants:{size:{small:{width:"100%"},large:{}}}}),bc=sr("div",{padding:"$6 $0"});function Bo(t){let{fetch:e,error:o,size:n="small"}=t,r=h().getDisabledLiquiditySources(),s=h().toggleAllLiquiditySources,a=h().swappers(),l=kc(o,r,()=>s(a,!0),e);return Qe.createElement(wc,null,Qe.createElement(cy,{size:os[n],color:"gray"}),Qe.createElement(rs,{size:4}),Qe.createElement(Ic,{variant:"title",size:ns[n]},K().noResultError.title),n==="large"&&Qe.createElement(rs,{size:4}),!!l.description&&Qe.createElement(xc,{size:n},Qe.createElement(Ic,{variant:"body",size:"small",align:"center",color:"neutral700"},l.description)),Qe.createElement(rs,{size:n==="large"?"24":"4"}),!!l.alert&&Qe.createElement(vc,{size:n},Qe.createElement(ly,{type:l.alert.type,title:l.alert.text,titleAlign:"left",action:l.alert.action&&Qe.createElement(py,{size:"xsmall",type:l.alert.type,prefix:Qe.createElement(bc,null,Qe.createElement(uy,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i(Bo,"NoResult");import{i18n as _o}from"@lingui/core";import{Button as dy,Divider as fy,MessageBox as gy,Typography as hy,WarningIcon as yy}from"@rango-dev/ui";import Tt from"react";import{Typography as Nc}from"@rango-dev/ui";import ss from"react";import{darkTheme as my,styled as ar}from"@rango-dev/ui";var Ec=ar("div",{width:"100%"}),is=ar("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Ac=ar("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${my} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Wc=ar("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Lc(t){let{title:e,value:o,valueColor:n}=t;return ss.createElement(Ac,null,ss.createElement(Nc,{size:"medium",variant:"label",className:"_title"},e),ss.createElement(Nc,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Lc,"QuoteErrorsModalItem");function Mc(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:A(r.inputUsdValue,4,4)},{title:_o.t("Gas cost"),value:A(r.totalFee,2,2)},{title:_o.t("Receiving"),value:A(r.outputUsdValue,4,4)},{title:_o.t("Price impact"),value:A(r.priceImpact,2,2),valueColor:`${a}500`}];return Tt.createElement(le,{footer:Tt.createElement(dy,{type:"primary",size:"large",prefix:Tt.createElement(yy,null),fullWidth:!0,disabled:s,onClick:n},K().highValueLossError.confirmMessage),open:e,onClose:o,container:B()},Tt.createElement(gy,{type:a,title:K().highValueLossError.impactTitle,description:K().highValueLossError.description}),Tt.createElement(is,null,Tt.createElement(fy,{size:20}),Tt.createElement(hy,{size:"small",variant:"title"},_o.t("Details")),Tt.createElement(is,null,l.map((p,c)=>Tt.createElement(Lc,{key:c,...p})))))}i(Mc,"HighValueLossWarningModal");import{i18n as as}from"@lingui/core";function Bc(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=as.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&&(Ct(t.priceImpact)==="high"&&(o.alertType="error"),o.action="show-info",o.title=K().highValueLossError.title),t.type===1&&(o.title=K().unknownPriceError.title),t.type===2&&(o.title=as.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=as.t("Caution, your slippage is high.")),o):null}i(Bc,"makeAlerts");import{i18n as fo}from"@lingui/core";import{Button as _c,Divider as Pc,MessageBox as Sy,Typography as Cy}from"@rango-dev/ui";import Jt from"react";import{useNavigate as Ty}from"react-router-dom";function $c(t){let{customSlippage:e,slippage:o}=h(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=Ty(),c=e??o;return Jt.createElement(le,{anchor:"bottom",open:n,prefix:Jt.createElement(_c,{size:"small",variant:"ghost",onClick:()=>p("../"+F.settings)},Jt.createElement(Cy,{variant:"label",size:"medium",color:"$neutral900"},fo.t("Change settings"))),container:B(),onClose:r},Jt.createElement(Sy,{type:"warning",title:a.type===3?fo.t("High slippage"):fo.t("Low slippage"),description:a.type===3?fo.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:c}}):fo.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Jt.createElement(Pc,{size:18}),Jt.createElement(Pc,{size:32}),Jt.createElement(_c,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},fo.t("Confirm anyway"))))}i($c,"SlippageWarningModal");import{Button as ky,MessageBox as wy,WarningIcon as xy}from"@rango-dev/ui";import lr from"react";function Dc(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return lr.createElement(le,{footer:lr.createElement(ky,{type:"primary",size:"large",prefix:lr.createElement(xy,null),fullWidth:!0,disabled:r,onClick:n},K().unknownPriceError.confirmMessage),open:e,onClose:o,container:B()},lr.createElement(wy,{type:"warning",title:K().unknownPriceError.impactTitle,description:K().unknownPriceError.description}))}i(Dc,"UnknownPriceWarningModal");function Po(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=Bc(e,o?.type===3||o?.type===4?o:null);return He.createElement(He.Fragment,null,f&&He.createElement(Bo,{error:o,fetch:s}),!!m&&He.createElement(Ec,null,He.createElement(by,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:He.createElement(Wc,{onClick:a},He.createElement(Ey,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:He.createElement(Iy,{size:"xxsmall",type:m.alertType,onClick:c},vy.t("Change"))}})),e&&He.createElement(He.Fragment,null,e.type===0&&He.createElement(Mc,{...u,warning:e}),(e.type===3||e.type===2)&&He.createElement($c,{...u,warning:e}),e.type===1&&He.createElement(Dc,{...u,warning:e})))}i(Po,"QuoteWarningsAndErrors");import rS from"bignumber.js";import kr from"react";import{i18n as Uo}from"@lingui/core";import{Alert as Gy,Divider as qo,FullExpandedQuote as Vy,InfoIcon as jy,QuoteTag as Xy,StepDetails as Ky,TokenAmount as Yy,Tooltip as hu,Typography as ho}from"@rango-dev/ui";import hs from"bignumber.js";import P,{useRef as Jy,useState as Zy}from"react";import{styled as ls}from"@rango-dev/ui";var ps=ls("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Fc=ls("div",{paddingBottom:"$15"}),Oc=ls("div",{width:"100%",display:"flex"});import*as pr from"@radix-ui/react-collapsible";import{Button as Ay,css as $o,darkTheme as Ae,Image as Uc,styled as Be,Typography as Wy}from"@rango-dev/ui";var Ny=300,qc=Be(pr.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"}}]}),zc=$o({padding:"$10 $15"}),Qc=Be(Ay,{backgroundColor:"transparent",border:"1px solid $secondary"}),Hc=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"}}}}]}),Gc=$o({width:"100%",padding:"$15 $15 $10 $15"}),Vc=$o({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10",position:"relative"}),go=$o({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),jc=$o({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Ae} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Xc=Be(pr.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:{[`& ${Uc}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Uc}`]:{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"}}}),Kc=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"}}}}),Yc=Be(zn,{width:"100%",background:"inherit"}),cs=Be("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Ny}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),cL=Be("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Jc=Be("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ae} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Zc=Be("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),us=Be(Wy,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),Rc=Be("div",{display:"flex",flexWrap:"wrap"}),ms=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"}}}}),eu=Be("div",{display:"flex"}),cr=Be("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${Ae} &`]:{borderTopColor:"$neutral800"}});import{i18n as $t}from"@lingui/core";import{ChevronDownIcon as My,CloseIcon as By,Divider as dr,IconButton as _y,QuoteCost as Py,Tooltip as $y,Typography as tt}from"@rango-dev/ui";import j,{useState as ru}from"react";import{css as Ly,styled as ur}from"@rango-dev/ui";var mr=ur("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),ds=ur("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),tu=ur("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),ou=ur("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),nu=Ly({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var Dy=i(t=>t.fee.isZero()?null:j.createElement(mr,null,j.createElement(tt,{variant:"label",size:"medium",color:"neutral600"},t.label),j.createElement(tt,{variant:"label",size:"medium"},"$",A(t.fee,4,4))),"NonPayableFee");function iu(t){let[e,o]=ru(!1),[n,r]=ru(!1),{steps:s,quote:a,fee:l,time:p,feeWarning:c,showModalFee:u}=t,f=a?.swaps??[],m=B(),d=$l(f);return j.createElement(j.Fragment,null,j.createElement(Py,{onClickFee:u?S=>{S.stopPropagation(),o(!e)}:void 0,fee:l,feeWarning:c,time:p,steps:s,tooltipGas:u?$t.t("View more info"):void 0,tooltipContainer:m}),j.createElement(le,{container:m,open:e,header:j.createElement(ou,null,j.createElement(tt,{variant:"title",size:"medium"},$t.t("Gas & Fee Explanation")),j.createElement(_y,{onClick:()=>o(!1),variant:"ghost"},j.createElement(By,{color:"gray",size:14}))),onClose:()=>{o(!1)}},j.createElement(tu,null,j.createElement(tt,{variant:"title",size:"small"},$t.t("Details")),j.createElement(dr,{size:10}),Object.entries(d.payable).flatMap(([S,C])=>C.map((g,y)=>{let w=`payable-fee-${y}`,T=Ti(g);return j.createElement(mr,{key:w},j.createElement(tt,{variant:"label",size:"medium",color:"neutral600"},yi[S]),j.createElement($y,{content:se(g.amount),container:m},j.createElement(tt,{variant:"label",size:"medium"},A(g.amount,2,2)," ",g.asset.symbol," ($",A(T,4,4),")")))})),j.createElement(mr,{className:"total_payable_fee"},j.createElement(tt,{variant:"label",size:"medium"},$t.t("Total Payable Fee")),j.createElement(tt,{variant:"label",size:"medium"},"$",A(l,4,4))),j.createElement(ds,null),Object.keys(d.nonePayable).length&&j.createElement(Gn,{triggerAnchor:"bottom",onClickTrigger:()=>r(S=>!S),trigger:j.createElement("div",{className:nu()},j.createElement(tt,{size:"small",variant:"body",color:"neutral700"},n?$t.t("Hide non-payable fees"):$t.t("Show non-payable fees")),j.createElement(dr,{size:4,direction:"horizontal"}),j.createElement(Qn,{orientation:n?"up":"down"},j.createElement(My,{size:12,color:"gray"}))),open:n},j.createElement(tt,{size:"small",variant:"title"},$t.t("Description")),j.createElement(dr,{size:4}),j.createElement(tt,{size:"small",variant:"body",color:"neutral700"},$t.t(`The following fees are considered in the transaction output and
2
- you won\u2019t need to pay extra gas for them.`)),j.createElement(dr,{size:10}),Object.entries(d.nonePayable).map(([S,C],g)=>{let y=Pl(C),w=yi[S],T=`non-payable-fee-${g}`;return j.createElement(Dy,{key:T,fee:y,label:w})}),j.createElement(ds,null)))))}i(iu,"QuoteCostDetails");import{i18n as lu}from"@lingui/core";import{TokenAmount as pu}from"@rango-dev/ui";import fr from"react";import{css as Fy,styled as Oy}from"@rango-dev/ui";var su=Oy("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),au=Fy({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Do(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return fr.createElement(su,null,fr.createElement(pu,{direction:"horizontal",label:lu.t("Swap input"),type:"input",tooltipContainer:B(),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}}),fr.createElement("div",{className:au()}),fr.createElement(pu,{direction:"horizontal",tooltipContainer:B(),label:lu.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(Do,"QuoteSummary");import{i18n as fu}from"@lingui/core";import{ChevronDownIcon as zy,ChevronRightIcon as Qy,Divider as fs,Image as Hy,Tooltip as gs,Typography as hr}from"@rango-dev/ui";import D from"react";import{useEffect as Uy,useState as Fo}from"react";var cu=480,uu=768,mu=1024,du=1200,qy=i(()=>{let[t,e]=Fo(!1),[o,n]=Fo(!1),[r,s]=Fo(!1),[a,l]=Fo(!1),[p,c]=Fo(!1),u=i(()=>{e(window.innerWidth<=cu),n(window.innerWidth>cu&&window.innerWidth<=uu),s(window.innerWidth>uu&&window.innerWidth<=mu),l(window.innerWidth>mu&&window.innerWidth<=du),c(window.innerWidth>du)},"handleResize");return Uy(()=>(u(),window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)),[]),{isMobile:t,isTablet:o,isNotebook:r,isLargeScreen:a,isExtraLargeScreen:p}},"useScreenDetect"),gr=qy;var yr=4,Sr=6,Oo=i(t=>{let e=B(),{content:o,src:n,className:r,open:s,state:a}=t;return D.createElement(gs,{container:e,side:"bottom",sideOffset:4,open:s,content:o},D.createElement(Kc,{className:r,state:a},D.createElement(Hy,{src:n,size:16})))},"ImageComponent");function gu(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:s,type:a}=t,l=B(),p=r.length,c=ep(r),{isTablet:u,isMobile:f}=gr();return D.createElement(Xc,{listItem:a==="list-item",ref:m=>e.current=m,selected:o,onClick:m=>{m.stopPropagation(),n(d=>!d)}},D.createElement("div",{className:go()},D.createElement(hr,{variant:"body",size:"xsmall"},fu.t("Via:")),D.createElement(fs,{direction:"horizontal",size:4}),r.map((m,d)=>{let S=`item-${d}`,C=D.createElement(cs,null,D.createElement(Qy,{size:12,color:"black"}));return f||u?D.createElement(D.Fragment,{key:S},D.createElement(Oo,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),d!==p-1&&D.createElement(D.Fragment,null,C)):D.createElement(D.Fragment,{key:S},p<=yr||p>yr&&d<yr-1?D.createElement(D.Fragment,null,D.createElement(Oo,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),d!==p-1&&D.createElement(D.Fragment,null,C)):d===yr-1&&D.createElement(gs,{container:l,side:"bottom",align:"right",sideOffset:4,content:D.createElement("div",{className:go()},C,r.map((g,y)=>{let w=`image-${y}`;return y>=d&&D.createElement(D.Fragment,{key:w},D.createElement(Oo,{content:g.swapper.displayName,src:g.swapper.image,state:g.state,open:!1}),y!==p-1&&D.createElement(D.Fragment,null,C))}))},D.createElement(ms,{state:r.find((g,y)=>y>=d&&(g.state==="error"||g.state==="warning"))?.state},D.createElement(hr,{size:"xsmall",variant:"body"},"+",p-d))))})),D.createElement("div",{className:go()},D.createElement("div",{className:"blockchains_section"},D.createElement("div",{className:go()},D.createElement(hr,{variant:"body",size:"xsmall"},fu.t("Chains:")),D.createElement(fs,{direction:"horizontal",size:4}),c.map((m,d)=>D.createElement(D.Fragment,{key:m.displayName},c.length<=Sr||c.length>Sr&&d<Sr-1?D.createElement(Oo,{content:"",src:m.image,open:!1,className:d!==0?"blockchainImage":""}):d===Sr-1&&D.createElement(gs,{container:l,side:"bottom",align:"right",sideOffset:4,content:D.createElement("div",{className:go()},c.map((S,C)=>C>=d&&D.createElement(Oo,{key:S.displayName,content:"",src:S.image,open:!1,className:C>d?"blockchainImage":""})))},D.createElement(ms,{className:"blockchainImage"},D.createElement(hr,{size:"xsmall",variant:"body"},"+",c.length-d))))),D.createElement(fs,{direction:"horizontal",size:32}))),D.createElement(cs,{orientation:s?"up":"down"},D.createElement(zy,{size:12,color:"black"}))))}i(gu,"QuoteTrigger");function ys(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=h().blockchains(),d=h().tokens(),S=h().swappers(),[C,g]=Zy(t.expanded),y=Jy(null),w=A(o.value,6,6),T=A(n.value,6,6),k=n.usdValue?A(n.usdValue,4,4):"",E=Xe(o.usdValue,n.usdValue??null),v=A(E,2,2),x=Ct(E??0),I=i(N=>N.map((_,M)=>{let V,ue=r?.type===3&&r.swap.swapperId===_.swapperId||r?.type===4&&r.recommendedSlippages?.has(M),de=s?.type===2&&s.recommendedSlippages?.has(M);ue?V="error":de&&(V="warning");let he=ue?Uo.t("Slippage Error"):Uo.t("Slippage Warning");return r?.type===3&&(he=r?.recommendation),{swapper:{displayName:bo(_.swapperId,S),image:_.swapperLogo},from:{token:{displayName:_.from.symbol,image:_.from.logo},chain:{displayName:Ve(_.from.blockchain,m),image:_.from.blockchainLogo},price:{value:M===0?A(o.value,6,6):A(_.fromAmount,6,6),usdValue:A((_.from.usdPrice??0)*parseFloat(_.fromAmount),4,4),realValue:se(M===0?o.value:_.fromAmount),realUsdValue:se(new hs(_.from.usdPrice??0).multipliedBy(_.fromAmount))}},to:{token:{displayName:_.to.symbol,image:_.to.logo},chain:{displayName:Ve(_.to.blockchain,m),image:_.to.blockchainLogo},price:{value:A(_.toAmount,6,6),usdValue:A((_.to.usdPrice??0)*parseFloat(_.toAmount),4,4),realValue:se(_.toAmount),realUsdValue:se(new hs(_.to.usdPrice??0).multipliedBy(_.toAmount))}},state:V,alerts:ue||de?P.createElement(Fc,null,P.createElement(Gy,{variant:"alarm",type:ue?"error":"warning",title:he,footer:P.createElement(Oc,null,r?.type===3&&P.createElement(P.Fragment,null,P.createElement(ho,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),P.createElement(qo,{direction:"horizontal",size:8}),P.createElement(ho,{size:"xsmall",variant:"body",color:"neutral900"},"|"),P.createElement(qo,{direction:"horizontal",size:8}),P.createElement(ho,{size:"xsmall",variant:"body",color:"neutral900"},Uo.t({id:"Yours: {amount} {symbol}",values:{amount:A(_.fromAmount,6,6),symbol:_?.from.symbol}}))),(r?.type===4||s?.type===2)&&P.createElement(ho,{size:"xsmall",variant:"body",color:"neutral900"},Uo.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(M)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(M)}}})))})):void 0}}),"getQuoteSteps")(e?.swaps??[]),W=I.length,L=B(),Q=op(t.quote.tags||[]),ee=!!u,ae=un(mn(e?.swaps)),q=Bn(e?.swaps??[],d),J=A(q,2,2),Z=q.gte(new hs(Wl));return f?P.createElement(Vy,{selected:l,fee:J,time:ae,tooltipContainer:vn(),steps:I,tags:Q,feeWarning:Z,percentageChange:v,warningLevel:x,outputPrice:{value:T,usdValue:k,realValue:se(n.value),realUsdValue:se(n.usdValue)}}):P.createElement(Hc,{selected:l,listItem:a==="list-item",basic:a==="basic"},P.createElement("div",{className:Gc()},!p&&Q.length?P.createElement(P.Fragment,null,P.createElement(eu,null,Q.map((N,_)=>{let M=`${N.value}_${_}`;return P.createElement(P.Fragment,{key:M},P.createElement(Xy,{label:N.label,value:N.value}),P.createElement(qo,{size:4,direction:"horizontal"}))})),P.createElement(cr,null),!ee&&P.createElement(qo,{size:4})):null,P.createElement("div",{id:"portal-root",className:Vc()},P.createElement(iu,{quote:e,time:ae,fee:J,feeWarning:Z,showModalFee:c,steps:W}),ee&&P.createElement(Qc,{onClick:N=>{N.stopPropagation(),u()},size:"xxsmall",type:"secondary",variant:"default"},P.createElement(ho,{color:"secondary",variant:"label",size:"medium"},Uo.t("See All Routes")))),a==="basic"&&P.createElement("div",{className:jc()},P.createElement(Zc,null,P.createElement(jy,{size:12,color:"gray"})),P.createElement(Rc,null,P.createElement(us,{size:"small",variant:"body"},`${w} ${I[0].from.token.displayName} = `),P.createElement(hu,{content:se(n.value),container:L,open:n.value?void 0:!1},P.createElement(us,{size:"small",variant:"body"},"\xA0",`${T} ${I[I.length-1].to.token.displayName}`))),P.createElement(hu,{content:se(n.usdValue),container:L,style:{display:"flex"}},P.createElement(ho,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${k})`))),a==="list-item"&&P.createElement(Yy,{tooltipContainer:L,type:"output",direction:"vertical",price:{value:T,usdValue:k,realValue:se(n.value),realUsdValue:se(n.usdValue)},token:{displayName:I[W-1].to.token.displayName,image:I[W-1].to.token.image},chain:{image:I[W-1].to.chain.image},percentageChange:v,warningLevel:x}),a==="swap-preview"&&P.createElement(P.Fragment,null,P.createElement(Do,{from:I[0].from,to:I[W-1].to,percentageChange:v,warningLevel:x}),P.createElement(qo,{size:4}))),P.createElement(qc,{selected:l,listItem:a==="list-item",open:C,className:"quote_container",onOpenChange:g},P.createElement(gu,{type:a,quoteRef:y,selected:l,setExpanded:g,expanded:C,steps:I}),P.createElement(Yc,{open:C},P.createElement(Jc,null),P.createElement("div",{className:zc()},I.map((N,_)=>{let M=`item-${_}`;return P.createElement(Ky,{type:"quote-details",key:M,tooltipContainer:L,step:N,hasSeparator:_!==I.length-1,state:N.state})})))))}i(ys,"Quote");import{Divider as oS,Skeleton as nS}from"@rango-dev/ui";import wt from"react";import{darkTheme as Ry,styled as Cr}from"@rango-dev/ui";var yu=Cr("div",{$$color:"$colors$neutral100",[`.${Ry} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),Su=Cr("div",{paddingTop:"$2"}),Cu=Cr("div",{paddingLeft:"$8"}),Tu=Cr("div",{borderLeft:"1px dashed $foreground",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Nu,Divider as dt,Skeleton as Ge}from"@rango-dev/ui";import U from"react";import{css as eS,styled as kt}from"@rango-dev/ui";var Ss=kt("div",{display:"flex"}),ku=kt("div",{padding:"$10 $0 $20"}),wu=kt("div",{padding:"$12 $0 $20 $0",display:"flex",flexDirection:"column"}),xu=kt("div",{display:"flex",justifyContent:"start",alignItems:"center"}),vu=kt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),bu=kt("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Iu=kt("div",{width:"65%",display:"flex",justifyContent:"start"}),Eu=kt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Au=kt("div",{padding:"$15 $0 $15 $0"}),Wu=eS({display:"flex",justifyContent:"space-between",alignItems:"center"});function zo(t){let{type:e,tagHidden:o=!0}=t,n=U.createElement(vu,null,U.createElement(Iu,null,U.createElement(Nu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(dt,{size:8,direction:"horizontal"}),U.createElement(Eu,null,U.createElement(Ge,{height:10,width:60,variant:"rounded"}),U.createElement(dt,{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(Ss,null,U.createElement(Ge,{width:65,height:14,variant:"rounded"}),U.createElement(dt,{size:4,direction:"horizontal"}),U.createElement(Ge,{width:65,height:14,variant:"rounded"}),U.createElement(dt,{size:4,direction:"horizontal"}),U.createElement(Ge,{width:65,height:14,variant:"rounded"})),U.createElement(cr,null),!r&&U.createElement(dt,{size:4})),U.createElement("div",{className:Wu()},U.createElement(Ss,null,U.createElement(Ge,{width:60,height:10,variant:"rounded"}),U.createElement(dt,{size:4,direction:"horizontal"}),U.createElement(Ge,{width:60,height:10,variant:"rounded"}),U.createElement(dt,{size:4,direction:"horizontal"}),U.createElement(Ge,{width:60,height:10,variant:"rounded"})),r&&U.createElement(Ge,{width:100,height:22,variant:"rounded"})),e==="basic"&&U.createElement(ku,null,U.createElement(Ge,{height:15,width:148,variant:"rounded"})),e==="list-item"&&U.createElement(wu,null,U.createElement(xu,null,U.createElement(Nu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(dt,{direction:"horizontal",size:4}),U.createElement(Ge,{height:15,width:150,variant:"rounded"})),U.createElement(dt,{size:10}),U.createElement(Ge,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&U.createElement(U.Fragment,null,U.createElement(dt,{size:4}),U.createElement(Au,null,n,U.createElement(bu,null),n)))}i(zo,"QuoteSummarySkeleton");import{ChainToken as Pu,Divider as Ts,NextIcon as tS,Skeleton as Tr}from"@rango-dev/ui";import Te from"react";import{styled as Qo}from"@rango-dev/ui";var Lu=Qo("div",{display:"flex",alignItems:"start"}),Mu=Qo("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),Cs=Qo("div",{display:"flex",alignItems:"center",flexGrow:1}),Bu=Qo("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),_u=Qo("div",{display:"flex",alignItems:"center"});function ft(t){let{separator:e=!0}=t;return Te.createElement(Te.Fragment,null,Te.createElement(_u,null,Te.createElement(Tr,{height:22,width:22,variant:"circular"}),Te.createElement(Ts,{direction:"horizontal",size:8}),Te.createElement(Tr,{height:15,width:148,variant:"rounded"})),Te.createElement(Lu,null,Te.createElement(Tu,{hideSeparator:!e}),Te.createElement(Mu,null,Te.createElement(Cs,null,Te.createElement(Pu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Te.createElement(Ts,{direction:"horizontal",size:8}),Te.createElement(Tr,{height:12,variant:"rounded"})),Te.createElement(Bu,null,Te.createElement(tS,{color:"gray",size:16})),Te.createElement(Cs,null,Te.createElement(Pu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Te.createElement(Ts,{direction:"horizontal",size:8}),Te.createElement(Tr,{height:12,variant:"rounded"})))))}i(ft,"StepSkeleton");function Ho(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return wt.createElement(yu,{rounded:e!=="basic"},wt.createElement(zo,{type:e,tagHidden:n}),wt.createElement(Su,null,wt.createElement(nS,{height:15,variant:"rounded"})),o&&wt.createElement(Cu,null,wt.createElement(oS,{size:20}),wt.createElement(ft,null),wt.createElement(ft,null),wt.createElement(ft,{separator:!1})))}i(Ho,"QuoteSkeleton");function Zt(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:S,toToken:C}=H(),g=e?.outputAmount?new rS(e?.outputAmount):null,y=e?.outputAmount?Pn(e?.outputAmount,$n(e)||C?.usdPrice):null,T=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?kr.createElement(ps,null,kr.createElement(Ho,{tagHidden:l,type:o,expanded:a})):T?kr.createElement(ps,{onClick:()=>p?.(e)},kr.createElement(ys,{quote:e,error:r,showModalFee:c,warning:s,tagHidden:l,selected:u,type:o,expanded:a,onClickAllRoutes:f,fullExpandedMode:m,input:{value:d,usdValue:S?.toString()??""},output:{value:g?.toString()??"",usdValue:y?.toString()??""}})):null}i(Zt,"QuoteInfo");import{calculatePendingSwap as aS}from"@rango-dev/queue-manager-rango-preset";import{useEffect as lS}from"react";import{useRef as iS,useState as sS}from"react";function wr({request:t}){let[e,o]=sS(!1),n=iS(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(wr,"useFetch");function $u(){let{fetch:t,loading:e,cancelFetch:o}=wr({request:async(n,r)=>await Wt().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i($u,"useFetchConfirmQuote");function xr(t){if(!t.swaps)throw new Error(K().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=ks(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(xr,"throwErrorIfResponseIsNotValid");function ks(t){if(Ml(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Bl(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}}}let o=Dl(t);if(o){let n=_n(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(ks,"getQuoteError");function Du(t,e,o){let n=!1;t&&(n=Zl(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&&(Ql(t,e)?r.quoteUpdate={type:3,newOutputAmount:A(oo(e)),percentageChange:A(Xe(oo(t)??"",oo(e)??""),null,2)}:ki(t,e)?r.quoteUpdate={type:0}:wi(t,e)?r.quoteUpdate={type:1}:xi(t,e)&&(r.quoteUpdate={type:2}));let a=Hl(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Du,"generateWarnings");function vr(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(vr,"handleQuoteErrors");function ws(){let{fromToken:t,toToken:e,inputAmount:o,setSelectedQuote:n,selectedQuote:r,customDestination:s,setQuoteWarningsConfirmed:a,resetAlerts:l}=H(),{slippage:p,customSlippage:c}=h(),u=h().getDisabledLiquiditySources(),f=h().blockchains(),m=h().tokens(),d=c||p,{fetch:S,cancelFetch:C,loading:g}=$u();return lS(()=>C,[]),{loading:g,fetch:i(async w=>{let T=w.selectedWallets,k=w?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let E=T.reduce((x,b)=>(x[b.chain]=b.address,x),{}),v={requestId:r?.requestId||"",selectedWallets:E,destination:k||void 0};try{return await S(v).then(x=>{let{result:b}=x;xr({diagnosisMessages:b.diagnosisMessages,requestId:b.requestId,swaps:b.result?.swaps});let I={outputAmount:b.result?.outputAmount,requestId:b.requestId,resultType:b.result?.resultType,swaps:b.result?.swaps||[],validationStatus:b.validationStatus,requestAmount:b.requestAmount};n(I);let W={slippage:d.toString(),disabledSwappersGroups:u},L=aS(o.toString(),b,ql(T),W,!1,{blockchains:f,tokens:m}),Q=Du(r??void 0,I,{fromToken:t,toToken:e,meta:{blockchains:f,tokens:m},selectedWallets:T,userSlippage:d});return Q.quoteUpdate&&a(!1),l(),{quote:I,swap:L,error:null,warnings:Q}})}catch(x){return vr(x)}},"fetch"),cancelFetch:C}}i(ws,"useConfirmSwap");var kS=mS("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Ou}`]:{width:"$48",height:"$48"}}),wS=vs({flexGrow:1,paddingRight:"$10"}),xS=vs({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),vS=vs({display:"flex",justifyContent:"space-between",alignItems:"center"});function Uu(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=H(),l=TS(),p=CS(),[c,u]=Ir(""),{connectedWallets:f}=X(),m=!n,[d,S]=Ir(!1),{isActiveTab:C}=oe(),g=h().getDisabledLiquiditySources(),y=yS(g),{manager:w}=pS(),{fetch:T,loading:k,cancelFetch:E}=ws(),[v,x]=Ir({swap:null,error:null,warnings:null}),[b,I]=Ir(!1),W=i(async({selectedWallets:N,customDestination:_})=>{let M=await T?.({selectedWallets:N,customDestination:_});return x(M),M},"onConfirmSwap"),L=i(async()=>{if(v.swap&&n)try{await w?.create("swap",{swapDetails:v.swap},{id:v.swap.requestId});let N=`../${F.swaps}/${v.swap.requestId}`;l(N,{replace:!0}),setTimeout(()=>{e("")},0)}catch(N){u("Error: "+N?.message)}},"addNewSwap"),Q=i(async()=>{await L()},"onConfirm"),ee=i(async()=>{v?.warnings?.quote&&!a?I(!0):await Q()},"onStartConfirmSwap"),ae=i(async()=>{x({error:null,swap:null,warnings:null}),T({selectedWallets:o,customDestination:s}).then(N=>{x(N)}).catch(N=>console.error(N))},"onRefresh");Go(()=>{!!y.current.length&&!g.length&&ae(),y.current=g},[g.length]),Go(()=>{m&&E()},[m]),Go(()=>{m&&S(m)},[m]),Go(()=>{m||T({selectedWallets:o,customDestination:s}).then(N=>x(N)).catch(N=>console.error(N))},[]),Go(()=>{let N=v.warnings?.quote?.type&&Object.values(Lt).includes(v.warnings?.quote?.type),_=o.length<1||!o.every(V=>f.find(ue=>V.address===ue.address&&V.walletType===ue.walletType&&V.chain===ue.chain)),M=!1;if(N){let V=Wn(t?.swaps||null),ue=t?.swaps[t.swaps.length-1].to.blockchain;!!t?.swaps.find(ht=>ht.from.blockchain===ue)||(V=V.slice(-V.length,V.length-1)),V.every(ht=>o.find(G=>G.chain===ht))||(M=!0)}t&&(_||M)&&(queueMicrotask(()=>SS(S.bind(null,!0))),r(!1))},[v.warnings?.quote,o.length,f.length]),hS(()=>{t||l(`../${p.search}`)},[]);let q=v.warnings?.quote??null,J=v.error,Z=[];if(c&&Z.push(me.createElement(Fu,{type:"error",variant:"alarm",title:c})),v.warnings?.quoteUpdate&&Z.push(me.createElement(Fu,{variant:"alarm",type:"warning",title:v.warnings.quoteUpdate&&Un(v.warnings.quoteUpdate)})),q||J){let N=`../${F.settings}`;Z.push(me.createElement(Po,{warning:q,error:J,refetchQuote:ae,showWarningModal:b,confirmationDisabled:!C,onOpenWarningModal:()=>I(!0),onCloseWarningModal:()=>I(!1),onConfirmWarningModal:async()=>{I(!1),await L()},onChangeSettings:()=>l(N)}))}return me.createElement(ie,{header:{title:br.t("Confirm Swap"),onWallet:()=>{let N=`../${F.wallets}`;l(N)},suffix:me.createElement(dS,{container:B(),side:"bottom",content:br.t("Settings")},me.createElement(Ye,{size:"small",variant:"ghost",onClick:()=>l("../"+F.settings)},me.createElement(uS,{size:18,color:"black"})))},footer:me.createElement(kS,null,me.createElement("div",{className:wS()},me.createElement(cS,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:k,disabled:!!v.error||!C,onClick:ee},br.t("Start Swap"))),me.createElement(Ou,{variant:"contained",type:"primary",size:"large",loading:k,onClick:S.bind(null,!0)},me.createElement(gS,{size:24})))},d&&me.createElement(Cc,{open:d,onClose:()=>S(!1),onCancel:E,loading:k,onCheckBalance:W}),me.createElement(pe,null,me.createElement("div",{className:vS()},me.createElement(fS,{variant:"title",size:"small"},br.t("You get")),me.createElement("div",{className:xS()},me.createElement(Zn,{onClick:!k&&!d&&!b?ae:void 0}))),me.createElement(xs,{size:"12"}),xp(Z.map((N,_)=>({element:N,key:`alert-${_}`})),me.createElement(xs,{size:10})),Z.length>0?me.createElement(xs,{size:10}):null,me.createElement(Zt,{quote:t,type:"swap-preview",expanded:!0,error:v.error,loading:k,warning:v.warnings?.quote??null})))}i(Uu,"ConfirmSwapPage");import{i18n as Ar}from"@lingui/core";import{useManager as US}from"@rango-dev/queue-manager-react";import{Divider as Ju,NotFound as qS,styled as zS}from"@rango-dev/ui";import vt,{useState as QS}from"react";import{useNavigate as HS}from"react-router-dom";import{i18n as ES}from"@lingui/core";import{Divider as Gu,GroupedVirtualizedList as AS,Skeleton as WS,SwapListItem as Vu,Typography as NS}from"@rango-dev/ui";import _e,{useCallback as ju,useEffect as LS,useRef as MS,useState as BS}from"react";function qu(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(qu,"calculateGroupsSoFar");import{css as bS,darkTheme as IS,styled as Vo}from"@rango-dev/ui";var bs=bS(),zu=Vo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),Is=Vo("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${bs}`]:{$$color:"$colors$neutral600",[`.${IS} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Es=Vo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Qu=Vo("div",{gap:"$10",display:"flex",flexDirection:"column"}),Hu=Vo("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var _S=10;function As(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=BS([]),l=MS(0),{swaps:p,groupCounts:c,groups:u}=n(e),f=ju(qu,[]),m=ju(()=>{let d=e.length-l.current;d&&(l.current+=Math.min(d,_S),a(f(c,l.current)))},[e.length]);if(LS(()=>{r||m()},[r,m]),r){let d=[1,2];return _e.createElement(_e.Fragment,null,[d,d].map((C,g)=>_e.createElement(Is,{key:g},_e.createElement(Es,null,_e.createElement(WS,{variant:"text",width:60,size:"small"}),_e.createElement(Gu,{size:16})),_e.createElement(Gu,{size:4}),_e.createElement(Qu,null,C.map((w,T)=>_e.createElement(Vu,{isLoading:!0,key:T}))))))}return _e.createElement(AS,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:d=>_e.createElement(Is,null,_e.createElement(Es,null,_e.createElement(NS,{variant:"label",size:"medium",className:bs()},u[d]))),itemContent:(d,S)=>{let C=p[d];if(!C)return null;let g=C.steps[0],y=C.steps[C.steps.length-1];return _e.createElement(zu,{key:C.requestId},_e.createElement(Vu,{requestId:C.requestId,creationTime:C.creationTime,status:C.status,onClick:o,tooltipContainer:B(),onlyShowTime:u[S]===ES.t("Today"),swapTokenData:{from:{token:{image:g.fromLogo,displayName:g.fromSymbol},blockchain:{image:g.fromBlockchainLogo||""},amount:A(C.inputAmount,6,6),realAmount:se(C.inputAmount)},to:{token:{image:y.toLogo,displayName:y.toSymbol},blockchain:{image:y.toBlockchainLogo||""},amount:A(y.outputAmount||y.expectedOutputAmountHumanReadable||"",6,6),realAmount:se(y.outputAmount||y.expectedOutputAmountHumanReadable)}}}))}})}i(As,"HistoryGroupedList");import{CloseIcon as $S,IconButton as DS,SearchIcon as FS,TextField as OS}from"@rango-dev/ui";import jo from"react";import{styled as PS}from"@rango-dev/ui";var Xu=PS("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function xt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return jo.createElement(OS,{prefix:jo.createElement(Xu,null,jo.createElement(FS,{color:"black"})),suffix:!!a.length&&jo.createElement(DS,{variant:"ghost",onClick:()=>l?.(""),size:"small"},jo.createElement($S,{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(xt,"SearchInput");import{i18n as Er}from"@lingui/core";import Ku from"dayjs";var Yu=i(t=>{let e=new Map([["today",{title:Er.t("Today"),swaps:[]}],["week",{title:Er.t("This week"),swaps:[]}],["month",{title:Er.t("This month"),swaps:[]}],["year",{title:Er.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=Ku();t.forEach(p=>{let c=Number(p.creationTime),u=Ku(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 GS=zS("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),VS=i((t,e)=>t?.length?t.filter(o=>at(o.fromBlockchain,e)||at(o.toBlockchain,e)||at(o.toSymbol,e)||at(o.fromSymbol,e)).length:!1,"isStepContainsText");function Zu(){let t=HS(),{manager:e,state:o}=US(),n=ut(e).map(({swap:u})=>u),[r,s]=QS(""),a=!o.loadedFromPersistor,l=i(u=>{let f=u.target.value;s(f)},"searchHandler"),p=n;r&&(p=n.filter(u=>at(u.inputAmount,r)||at(u.status,r)||VS(u.steps,r)||at(u.requestId,r)));let c=!p?.length&&!a;return vt.createElement(ie,{header:{title:Ar.t("History")}},vt.createElement(pe,null,vt.createElement(xt,{setValue:s,fullWidth:!0,variant:"contained",placeholder:Ar.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),vt.createElement(Ju,{size:"16"}),vt.createElement(GS,null,c&&vt.createElement(Hu,null,vt.createElement(Ju,{size:32}),vt.createElement(qS,{title:Ar.t("No results found"),description:r?Ar.t("Try using different keywords"):""})),!c&&vt.createElement(As,{list:p,onSwapClick:t,groupBy:Yu,isLoading:a}))))}i(Zu,"HistoryPage");import{i18n as cC}from"@lingui/core";import{Button as uC,Divider as gm,styled as mC,WarningIcon as dC}from"@rango-dev/ui";import Ue,{useEffect as hm,useState as ym}from"react";import{useNavigate as fC}from"react-router-dom";import{i18n as ZS}from"@lingui/core";import{Header as RS}from"@rango-dev/ui";import Dt,{useEffect as eC,useState as tC}from"react";import{i18n as XS}from"@lingui/core";import{Divider as Ns,FullExpandedQuote as KS,Typography as YS}from"@rango-dev/ui";import fe from"react";import{styled as Ws}from"@rango-dev/ui";var Ru=Ws("div",{display:"flex",justifyContent:"center",flexDirection:"column",height:"100%"}),em=Ws("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),tm=Ws("div",{width:"146px"});import{Select as jS}from"@rango-dev/ui";import om from"react";function Wr(t){let{updateQuotePartialState:e,sortStrategy:o}=H();return om.createElement(tm,null,om.createElement(jS,{container:t.container,options:Al,value:o,handleItemClick:n=>{e("sortStrategy",n.value)},variant:"filled"}))}i(Wr,"SelectStrategy");var nm=3;function Xo(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:S,customSlippage:C}=h(),g=h().tokens(),y=!!p&&p.results.length,w=C??S,T=i(v=>{if(!u||!f||!p)return null;let x={requestAmount:p.requestAmount,...v};return no(x,{fromToken:u,toToken:f,userSlippage:w,tokens:g})},"getQuoteWarning"),k=d?.type===0||d?.type===1,E=p?.results?Dn(m,p?.results):[];return fe.createElement(fe.Fragment,null,e&&Array.from({length:nm},(v,x)=>fe.createElement(fe.Fragment,{key:x},a?fe.createElement(KS,{loading:!0}):fe.createElement(Ho,{tagHidden:!1,type:"list-item",expanded:!1}),x!==nm-1&&fe.createElement(Ns,{size:16}))),!e&&fe.createElement(fe.Fragment,null,s&&fe.createElement(fe.Fragment,null,fe.createElement(em,null,fe.createElement(YS,{size:"xmedium",variant:"title"},XS.t("Sort by")),fe.createElement(Wr,{container:B()})),fe.createElement(Ns,{size:"10"})),y?E.map((v,x)=>{let b=T(v),I=ks(v.swaps),W=E.length-1===x;return fe.createElement(fe.Fragment,{key:v.requestId},fe.createElement(Zt,{showModalFee:r,selected:l?.requestId===v.requestId,tagHidden:!1,quote:{...v,requestAmount:p.requestAmount},loading:e,error:I?.options||null,warning:b,fullExpandedMode:a,onClick:L=>{I||c("warning",b),c("error",I?.options||null),o(L)},type:"list-item"}),!W&&fe.createElement(Ns,{size:16}))}):k&&fe.createElement(Ru,null,fe.createElement(Bo,{size:a?"large":"small",error:d,fetch:n}))))}i(Xo,"Quotes");import{darkTheme as JS,styled as rm}from"@rango-dev/ui";var im=rm("div",{transition:"width 0.2s, opacity 0.2s, margin-left 0.2s",height:"700px",width:"390px",opacity:1,marginLeft:"$16",backgroundColor:"$neutral100",[`.${JS} &`]:{backgroundColor:"$neutral300"},variants:{expandMode:{default:{width:"390px"},full:{width:"719px"}}},"&.is-hidden":{width:0,height:0,opacity:0,marginLeft:0}}),sm=rm("div",{position:"relative",overflow:"hidden",padding:"$20",flexGrow:1,display:"flex",flexDirection:"column",overflowY:"auto",borderRadius:"$primary",backgroundColor:"$background"});var oC=100;function Ls(t){let{fetch:e,loading:o,onClickOnQuote:n,onClickRefresh:r,isVisible:s}=t,[a,l]=tC(!1),p=a?"":"is-hidden",{config:c}=h(),u=c?.variant==="full-expanded";return eC(()=>{let f=null;return s?f=setTimeout(()=>{l(!0)},oC):(l(!1),f&&clearTimeout(f)),()=>{f&&clearTimeout(f)}},[s]),Dt.createElement(im,{expandMode:c?.variant==="full-expanded"?"full":"default",className:`${p} ${tr()}`,id:ke.EXPANDED_BOX_ID},Dt.createElement(RS,{title:ZS.t("Routes"),suffix:Dt.createElement(Dt.Fragment,null,Dt.createElement(Wr,{container:vn()}),Dt.createElement(jt,{onClickRefresh:r,hidden:["history","notifications","settings"]}))}),Dt.createElement(sm,null,Dt.createElement(Xo,{showModalFee:!1,fetch:e,hasSort:!1,loading:o,onClickOnQuote:n,fullExpandedMode:u})))}i(Ls,"ExpandedQuotes");import{i18n as mm}from"@lingui/core";import{SwapInput as dm}from"@rango-dev/ui";import Ko from"react";import{ReverseIcon as nC,styled as am}from"@rango-dev/ui";import Ms from"react";var rC=am("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),iC=am("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 lm(){let t=H.use.switchFromAndTo();return Ms.createElement(rC,null,Ms.createElement(iC,{onClick:()=>{t()}},Ms.createElement(nC,{size:12})))}i(lm,"SwitchFromAndToButton");import{styled as pm}from"@rango-dev/ui";var cm=pm("div",{display:"flex",flexDirection:"column",gap:"$5",alignSelf:"stretch"}),um=pm("div",{position:"relative"});function Bs(t){let{fetchingQuote:e,fetchMetaStatus:o,onClickToken:n}=t,{fromToken:r,fromBlockchain:s,toToken:a,toBlockchain:l,setInputAmount:p,inputAmount:c,inputUsdValue:u,outputAmount:f,outputUsdValue:m,selectedQuote:d}=H(),{connectedWallets:S,getBalanceFor:C}=X(),g=r?C(r):null,y=Sn(g)?.amount??"0",w=s&&r?A(g?.amount,g?.decimals):"0",T=!!s&&Ga(S,s.name),k=!Ci(d,c,u),E=!Ci(d,c,m),v=!u||!m||!m.gt(0)?null:Xe(u.toString(),m.toString());return Ko.createElement(cm,null,Ko.createElement(um,null,Ko.createElement(dm,{label:mm.t("From"),mode:"From",onInputChange:p,balance:y,chain:{displayName:s?.displayName||"",image:s?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>n("from"),price:{value:c,usdValue:k?void 0:A(u,4,4),realUsdValue:k?void 0:se(u),error:k?K().unknownPriceError.impactTitle:void 0},disabled:o==="failed",loading:o==="loading",loadingBalance:T,tooltipContainer:B(),onSelectMaxBalance:()=>{y!=="0"&&p(w.split(",").join(""))}}),Ko.createElement(lm,null)),Ko.createElement(dm,{sharpBottomStyle:!!d||e,label:mm.t("To"),mode:"To",fetchingQuote:e,chain:{displayName:l?.displayName||"",image:l?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:A(Xe(u,m),2,2),warningLevel:Ct(v??0),price:{value:A(f,6,6),usdValue:E?void 0:A(m,4,4),realValue:se(f),realUsdValue:E?void 0:se(m),error:E?K().unknownPriceError.impactTitle:void 0},onClickToken:()=>n("to"),disabled:o==="failed",loading:o==="loading",tooltipContainer:B()}))}i(Bs,"Inputs");import{useCallback as sC,useEffect as aC,useState as lC}from"react";function fm(){let{fetch:t,loading:e,cancelFetch:o}=wr({request:async(n,r)=>await Wt().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(fm,"useFetchAllQuotes");var pC=600;function Nr({refetchQuote:t}){let{fetch:e,cancelFetch:o}=fm(),{excludeLiquiditySources:n,features:r,enableCentralizedSwappers:s}=h().config,a=X.use.connectedWallets(),l=h().tokens(),{fromToken:p,toToken:c,inputAmount:u,inputUsdValue:f,selectedQuote:m,sortStrategy:d,resetQuote:S,error:C,warning:g,setSelectedQuote:y,updateQuotePartialState:w}=H(),{slippage:T,customSlippage:k,affiliatePercent:E,affiliateRef:v,affiliateWallets:x,fetchStatus:b}=h(),I=h().getLiquiditySources(),W=h().getDisabledLiquiditySources(),L=h().excludeLiquiditySources(),[Q,ee]=lC(!0),ae=k??T,J=!p||!c||Le(p,c)||!xo(u),Z=i(M=>{ee(M)},"resetState"),N=i(M=>{let{fromToken:V,toToken:ue,inputAmount:de,liquiditySources:he,excludeLiquiditySources:ht,disabledLiquiditySources:G,slippage:Y,affiliateRef:te,affiliatePercent:Ie,affiliateWallets:Ze}=M;if(Q||Z(!0),!J&&V&&ue){S();let $e=Ul({fromToken:V,toToken:ue,inputAmount:de,liquiditySources:he,excludeLiquiditySources:ht,disabledLiquiditySources:G,wallets:a,slippage:Y,affiliateRef:te,affiliatePercent:Ie,affiliateWallets:Ze,enableCentralizedSwappers:s});cl("experimentalRoute",r)&&($e.experimental=!0),e($e).then(De=>{let ye=Dn(d,De.results),Fe=tp(m,ye,De.requestAmount);ee(!1),w("quotes",De),y(Fe),xr({diagnosisMessages:De.diagnosisMessages,requestId:Fe?.requestId||"",swaps:Fe?.swaps});let pn=Fe&&no(Fe,{fromToken:V,toToken:ue,userSlippage:ae,tokens:l});w("warning",pn)}).catch(De=>{let{error:ye}=vr(De);(ye?.type===0||ye?.type===1)&&S(),ye?.type!==2&&(w("error",ye),ee(!1))})}},"fetch"),_=sC(sl(M=>{J||N(M)},pC),[J]);return aC(()=>{if(!t){ee(!1);return}if(b==="success"){if(J){ee(!1),(m||C||g)&&S();return}if(!xo(u)||f?.eq(0)){Z(!1),o();return}return S(),Z(!0),_({inputAmount:u,fromToken:p,toToken:c,liquiditySources:I,excludeLiquiditySources:L,disabledLiquiditySources:W,slippage:ae,affiliateRef:v,affiliatePercent:E,affiliateWallets:x}),o}},[b,u,p?.symbol,p?.address,p?.blockchain,c?.symbol,c?.address,c?.blockchain,J,I?.length,n,W.length,ae,v,E,JSON.stringify(x)]),{fetch:()=>N({inputAmount:u,fromToken:p,toToken:c,liquiditySources:I,excludeLiquiditySources:L,disabledLiquiditySources:W,slippage:ae,affiliateRef:v,affiliatePercent:E,affiliateWallets:x}),loading:Q}}i(Nr,"useSwapInput");var gC=mC("div",{display:"grid",gridTemplateColumns:"auto auto",alignItems:"flex-start",maxHeight:700,"& .footer__alert":{paddingTop:"0"}}),hC=300;function Sm(){let t=fC(),{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,S]=ym(!1),{isLargeScreen:C,isExtraLargeScreen:g}=gr(),{fetch:y,loading:w}=Nr({refetchQuote:s}),{config:T,fetchStatus:k}=h(),{connectedWallets:E}=X(),{isActiveTab:v}=oe(),[x,b]=ym(!1),W=_l({fetchMetaStatus:k,fetchingQuote:w,inputAmount:n,quote:r,anyWalletConnected:E.length>0,error:a,warning:l,needsToWarnEthOnPath:!1}),L=Ja(C,g,T?.variant),Q=!!n&&!!e&&!!o&&n!=="0"&&!Kl(e,o),ee=Q&&k==="success"&&w,J=(!L||L&&p?.results.length)&&(l||a);hm(()=>{u(),m("refetchQuote",!0)},[]),hm(()=>{S(Q)},[Q]);let Z=(r||a)&&!x?y:void 0,N=i(M=>{L&&d?(S(!1),setTimeout(()=>{t(M)},hC)):t(M)},"onHandleNavigation"),_=i(M=>{r?.requestId!==M.requestId&&(b(!1),c(M))},"onClickOnQuote");return Ue.createElement(gC,null,Ue.createElement(ie,{height:"auto",footer:Ue.createElement(uC,{type:"primary",size:"large",disabled:W.disabled||!v,prefix:W.action==="confirm-warning"&&Ue.createElement(dC,null),fullWidth:!0,onClick:()=>{W.action==="connect-wallet"?N(F.wallets):W.action==="confirm-warning"?b(!0):N(F.confirmSwap)}},W.title),header:{onWallet:()=>{N(F.wallets)},hasBackButton:!1,title:T.title||cC.t("Swap"),suffix:Ue.createElement(jt,{hidden:L?["refresh"]:void 0,onClickRefresh:Z,onClickHistory:()=>N(F.swaps),onClickSettings:()=>{N(F.settings)}})}},Ue.createElement(pe,null,Ue.createElement(Bs,{fetchingQuote:ee,fetchMetaStatus:k,onClickToken:M=>{N(M==="from"?F.fromSwap:F.toSwap)}}),Ue.createElement(gm,{size:"2"}),L?null:Ue.createElement(Zt,{quote:r,loading:ee,error:a,tagHidden:!1,warning:l,type:"basic",onClickAllRoutes:p&&p.results.length>1?()=>{m("refetchQuote",!1),N(F.routes)}:void 0}),J?Ue.createElement(Ue.Fragment,null,Ue.createElement(gm,{size:"10"}),Ue.createElement(Po,{warning:l,error:a,refetchQuote:y,showWarningModal:x,confirmationDisabled:!v,onOpenWarningModal:()=>b(!0),onCloseWarningModal:()=>b(!1),onConfirmWarningModal:()=>{b(!1),f(!0),N(F.confirmSwap)},onChangeSettings:()=>N(F.settings)})):null)),L?Ue.createElement(Ls,{loading:ee,onClickOnQuote:_,fetch:y,onClickRefresh:Z,isVisible:d}):null)}i(Sm,"Home");import{i18n as Cm}from"@lingui/core";import{List as yC,ListItemButton as SC,Radio as CC,RadioRoot as TC,Typography as kC}from"@rango-dev/ui";import Ft from"react";function yo(){let{setLanguage:t,language:e,config:o}=h(),n=ml,r=o?.language||Io;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||Io),resetLanguage:()=>t(null)}}i(yo,"useLanguage");function Tm(){let{activeLanguage:t,changeLanguage:e,languages:o}=yo(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:Ft.createElement(kC,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Ft.createElement(CC,{value:s}),start:Ft.createElement(l,null)}});return Ft.createElement(ie,{header:{title:Cm.t("Language")}},Ft.createElement(pe,null,Ft.createElement(TC,{value:t},Ft.createElement(yC,{type:Ft.createElement(SC,{title:Cm.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(Tm,"LanguagePage");import{i18n as bt}from"@lingui/core";import{Button as IC,Checkbox as EC,Image as AC,ListItemButton as WC,NotFound as NC,Typography as LC}from"@rango-dev/ui";import Pe,{useState as MC}from"react";import{Checkbox as vC,Skeleton as wm}from"@rango-dev/ui";import Jo from"react";import{styled as _s}from"@rango-dev/ui";var Yo=_s("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),Ps=_s("div",{width:80,display:"flex",justifyContent:"flex-end"}),$s=_s("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as wC,styled as xC}from"@rango-dev/ui";var km=xC(wC,{height:61});var bC=30;function Ds(){return Jo.createElement(Yo,null,Array.from(Array(bC),(t,e)=>Jo.createElement(km,{hasDivider:!0,key:e,start:Jo.createElement(wm,{variant:"circular",width:35,height:35}),title:Jo.createElement(wm,{variant:"text",size:"large",width:90}),end:Jo.createElement(vC,{checked:!1})})))}i(Ds,"LoadingLiquiditySourceList");function Fs({sourceType:t}){let e=h().fetchStatus,o=h().swappers(),n=h().getDisabledLiquiditySources(),[r,s]=MC(""),a=h().toggleLiquiditySource,l=h().isInCampaignMode(),p=bn(o,n),c={Exchanges:bt.t("Exchanges"),Bridges:bt.t("Bridges")},u=[];t==="Exchanges"&&u.push("DEX"),t==="Bridges"&&u.push("BRIDGE","AGGREGATOR","OFF_CHAIN");let f=p.filter(y=>u.includes(y.type)),m=f.length===f.filter(y=>y.selected).length,d=i(()=>{f.forEach(y=>{m?a(y.groupTitle):y.selected||a(y.groupTitle)})},"toggleAllSources"),S=f.map(y=>{let{selected:w,groupTitle:T,logo:k}=y;return{start:Pe.createElement(AC,{src:k,size:22,type:"circular"}),onClick:()=>{l||a(T)},end:Pe.createElement(EC,{checked:w,disabled:l}),title:Pe.createElement(LC,{variant:"title",size:"xmedium"},bt.t(T)),...y}}),C=i(y=>{let w=y.target.value;s(w)},"searchHandler"),g=S;return r&&(g=S.filter(y=>at(y.groupTitle,r))),Pe.createElement(ie,{header:{title:bt.t(t),suffix:Pe.createElement(Ps,null,Pe.createElement(IC,{variant:"ghost",size:"xsmall",onClick:d},m?bt.t("Deselect all"):bt.t("Select all")))}},Pe.createElement(pe,{view:!0},Pe.createElement(xt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:bt.t("Search {sourceType}",{sourceType:c[t]}),onChange:C}),e==="loading"&&Pe.createElement(Ds,null),!g.length&&r?Pe.createElement($s,null,Pe.createElement(NC,{title:bt.t("No results found"),description:bt.t("Try using different keywords")})):e==="success"&&Pe.createElement(Yo,{disabled:l},g.map(y=>{let{groupTitle:w,...T}=y;return Pe.createElement(Pe.Fragment,{key:y.id},Pe.createElement(WC,{style:{height:"61px"},...T,selected:!1,hasDivider:!0}))}))))}i(Fs,"LiquiditySourcePage");import{i18n as BC}from"@lingui/core";import Lr from"react";import{useNavigate as _C}from"react-router-dom";function xm(){let t=_C(),e=ct(),{selectedQuote:o,refetchQuote:n,setSelectedQuote:r,updateQuotePartialState:s,error:a}=H(),{fetch:l,loading:p}=Nr({refetchQuote:n}),c=i(m=>{r(m),s("refetchQuote",!1),e()},"onClickOnQuote"),u=`../${F.settings}`,f=`../${F.wallets}`;return Lr.createElement(ie,{header:{onWallet:()=>{t(f)},onBack:()=>{s("refetchQuote",!1)},title:BC.t("Routes"),suffix:Lr.createElement(jt,{onClickRefresh:o||a?l:void 0,hidden:["notifications","history"],onClickSettings:()=>t(u)})}},Lr.createElement(pe,null,Lr.createElement(Xo,{fetch:l,loading:p,onClickOnQuote:c})))}i(xm,"RoutesPage");import{i18n as Lm}from"@lingui/core";import{Divider as Mm,getCountCategories as HC,SelectableCategoryList as GC}from"@rango-dev/ui";import It,{useState as Bm}from"react";import{i18n as Us}from"@lingui/core";import{Divider as Wm,Image as OC,ListItemButton as UC,NotFound as qC,Typography as Nm}from"@rango-dev/ui";import Je,{useEffect as zC,useState as QC}from"react";import{BlockchainCategories as Os}from"@rango-dev/ui";import{TransactionType as Mr}from"rango-sdk";var PC=i((t,e)=>{switch(e){case Os.ALL:return!0;case Os.UTXO:return t.type===Mr.TRANSFER;case Os.OTHER:return t.type!==Mr.TRANSFER&&t.type!==Mr.COSMOS&&t.type!==Mr.EVM;default:return t.type===e}},"filterByType"),vm=i((t,e,o)=>t.filter(n=>PC(n,o)).filter(n=>St(n.name,e)||St(n.displayName,e)),"filterBlockchains");import{ImageContainer as $C,styled as bm}from"@rango-dev/ui";var Im=bm("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Br=bm(No,{padding:0,margin:0,listStyle:"none",[`& ${$C}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as DC,Skeleton as Em}from"@rango-dev/ui";import _r from"react";var FC=20;function Am(){return _r.createElement(Br,null,Array.from(Array(FC),t=>_r.createElement(DC,{key:t,hasDivider:!0,start:_r.createElement(Em,{variant:"circular",width:35,height:35}),title:_r.createElement(Em,{variant:"text",size:"large",width:90})})))}i(Am,"LoadingBlockchainList");function qs(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=QC(e),{fetchStatus:l}=h();zC(()=>{a([...vm(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Je.createElement(Je.Fragment,null,Je.createElement(Wm,{size:32}),Je.createElement(qC,{title:Us.t("No results found"),description:Us.t("Try using different keywords")})):Je.createElement(Br,{as:"ul",key:`${r}-${o}`},s.map(c=>Je.createElement(UC,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:Je.createElement(OC,{src:c.logo,size:30}),title:Je.createElement(Nm,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return Je.createElement(Im,null,Je.createElement(Nm,{variant:"label",size:"large"},Us.t("Select Blockchain")),Je.createElement(Wm,{size:4}),l==="loading"&&Je.createElement(Am,null),l==="success"&&p())}i(qs,"BlockchainList");function zs(t){let{type:e}=t,o=ct(),[n,r]=Bm(""),[s,a]=Bm("ALL"),l=H.use.setToBlockchain(),p=H.use.setFromBlockchain(),c=h().fetchStatus,u=h().blockchains({type:e}),m=HC(u)!==1;return It.createElement(ie,{header:{title:Lm.t("Select Blockchain")}},It.createElement(pe,{view:!0},m&&It.createElement(It.Fragment,null,It.createElement(GC,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),It.createElement(Mm,{size:24})),It.createElement(xt,{value:n,autoFocus:!0,placeholder:Lm.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),It.createElement(Mm,{size:16}),It.createElement(qs,{list:u,searchedFor:n,blockchainCategory:s,onChange:d=>{e==="source"?p(d):l(d),o()}})))}i(zs,"SelectBlockchainPage");import{i18n as Or}from"@lingui/core";import{Divider as Rm}from"@rango-dev/ui";import Rt,{useState as lT}from"react";import{useNavigate as pT}from"react-router-dom";import{i18n as Gs}from"@lingui/core";import{BlockchainsChip as Pr,Divider as Dm,Image as Fm,Skeleton as YC,Tooltip as JC,Typography as Vs}from"@rango-dev/ui";import be from"react";import{useEffect as XC}from"react";var _m=["ETH","COSMOS","OSMOSIS"];function Qs(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(VC),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(jC(a)),r=n.splice(s)}return{list:n,more:r}}i(Qs,"prepare");function VC(t,e){let o=_m,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(VC,"sortByMostUsedBlockchains");function jC(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(jC,"generateSortByPreferredBlockchainsFor");function Pm(t,e){return!!e.list.find(o=>o.name===t)}i(Pm,"isInVisibleList");function Hs(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=h();XC(()=>{if(e?.selected){let s=Qs(t,o,e);Pm(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=Qs(t,o,e);return{list:r.list,more:r.more,history:[]}}i(Hs,"usePrepareBlockchainList");import{styled as KC}from"@rango-dev/ui";var $m=KC("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var ZC=12;function js(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Hs(e,{limit:10,selected:n?.name}),{fetchStatus:l}=h(),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(Dm,{size:12}),be.createElement(Vs,{variant:"label",size:"large"},Gs.t("Select Blockchain")),be.createElement(Dm,{size:12}),be.createElement($m,null,l==="loading"&&Array.from(Array(ZC),d=>be.createElement(YC,{key:d,variant:"rounded",height:50})),l==="success"&&be.createElement(be.Fragment,null,be.createElement(Pr,{selected:!n,onClick:()=>{o==="from"?c():p()}},be.createElement(Vs,{variant:"body",size:"xsmall",color:"secondary500"},Gs.t("All"))),a.list.map(d=>be.createElement(JC,{key:d.name,content:d.shortName,side:"bottom",sideOffset:2,container:B()},be.createElement(Pr,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},be.createElement(Fm,{src:d.logo,size:30})))),f?be.createElement(Pr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},be.createElement(Fm,{src:a.more[0].logo,size:30})):null,m?be.createElement(Pr,{onClick:s,key:"more-blockchains"},be.createElement(Vs,{variant:"body",size:"xsmall",color:"secondary500"},Gs._("More +{count}",{count:a.more.length}))):null)))}i(js,"BlockchainsSection");import{i18n as na}from"@lingui/core";import{darkTheme as Xm,Divider as Co,ExternalLinkIcon as tT,Image as oT,ListItemButton as nT,NotFound as rT,PinIcon as iT,Skeleton as Km,Typography as Fr,VirtualizedList as sT}from"@rango-dev/ui";import z,{useEffect as Ym,useState as Jm}from"react";import{Divider as Vm,ListItem as eT,Skeleton as Zo}from"@rango-dev/ui";import nt from"react";import{css as So,darkTheme as Om,ImageContainer as RC,styled as ot,Typography as Um}from"@rango-dev/ui";var Xs=So({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Ks=So({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Ys=So({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Js=So({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Om} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Zs=So({}),Rs=So(),qm=ot("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),ea=ot("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),$r=ot("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Ks}`]:{[`& .${Js}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Zs}`]:{bottom:"-15px"},[`& .${Xs}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Ys}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),ta=ot("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),oa=ot(Um,{}),zm=ot("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Rs}`]:{$$color:"$colors$neutral600",[`.${Om} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Dr=ot("div",{display:"flex",alignItems:"end",flexDirection:"column"}),K1=ot("div",{display:"flex",alignItems:"center"}),Qm=ot("div",{position:"relative",[`& ${RC}`]:{borderRadius:"$xm",overflow:"hidden"}}),Hm=ot("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Gm=ot(Um,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function jm(t){return nt.createElement($r,null,Array.from(Array(t.size),e=>nt.createElement(eT,{key:e,hasDivider:!0,start:nt.createElement(Zo,{variant:"circular",width:35,height:35}),end:nt.createElement(Dr,null,nt.createElement(Zo,{variant:"text",size:"large",width:70}),nt.createElement(Vm,{size:4}),nt.createElement(Zo,{variant:"text",size:"medium",width:50})),title:nt.createElement("div",null,nt.createElement(Zo,{variant:"text",size:"large",width:90}),nt.createElement(Vm,{size:4}),nt.createElement(Zo,{variant:"text",size:"medium",width:90}))})))}i(jm,"LoadingTokenList");var ra=20,aT=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return z.createElement("div",{className:Ks()},o?z.createElement("div",{className:Xs()},o):z.createElement(ea,{className:Ys()},z.createElement(Fr,{variant:"title",size:"xmedium"},r.symbol),z.createElement(Co,{direction:"horizontal",size:4}),z.createElement(ta,{css:s},z.createElement(oa,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&z.createElement("div",{className:`${Js()} ${!o&&Zs()}`},z.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," ",z.createElement(Co,{size:4,direction:"horizontal"}),z.createElement(tT,{color:"gray",size:12}))))},"renderDesc");function Zm(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Jm(e),l=h().fetchStatus,p=h().blockchains(),[c,u]=Jm(!0),{getBalanceFor:f,loading:m}=X(),{isTokenPinned:d}=h(),S=i(()=>{a(e.slice(0,s.length+ra))},"loadNextPage");Ym(()=>{u(e.length>s.length)},[s.length]),Ym(()=>{a(e.slice(0,ra))},[e]);let C=i(()=>!s.length&&o?z.createElement(z.Fragment,null,z.createElement(Co,{size:32}),z.createElement(rT,{title:na.t("No results found"),description:na.t("Try using different keywords")})):z.createElement(sT,{endReached:c?S:void 0,itemContent:g=>{let y=s[g],w=Sn(f(y)),T=y.address||"",k=p.find(I=>I.name===y.blockchain),E=Xn(k?.color||"",kp(k?.color||"")?5:125),v=Xn(k?.color||"",-100),x={$$color:E,[`.${Xm} &`]:{$$color:v},backgroundColor:"$$color"},b={$$color:v,[`.${Xm} &`]:{$$color:E},color:"$$color"};return z.createElement("div",{style:{paddingRight:5}},z.createElement(nT,{style:{width:"100%",overflow:"hidden"},"tab-index":g,key:`${y.symbol}${y.address}`,id:`${y.symbol}${y.address}`,hasDivider:!0,onClick:()=>n(s[g]),start:z.createElement(Qm,null,z.createElement(oT,{src:y.image,size:30}),d(y,t.type)&&z.createElement(Hm,null,z.createElement(iT,{size:12,color:"gray"}))),title:k?.type==="COSMOS"||y.name||!y.name&&!T?z.createElement(ea,null,z.createElement(Fr,{variant:"title",size:"xmedium"},y.symbol),z.createElement(Co,{direction:"horizontal",size:4}),z.createElement(ta,{css:x},z.createElement(oa,{variant:"body",size:"xsmall",css:b},y.blockchain))):void 0,description:k?.info&&T&&k.type!=="COSMOS"?aT({address:T,token:s[g],customCssForTag:x,customCssForTagTitle:b,name:y.name,url:k.info.addressUrl.split("{wallet}").join(T)}):y.name||void 0,end:m?z.createElement(Dr,null,z.createElement(Km,{variant:"text",size:"large",width:70}),z.createElement(Co,{size:4}),z.createElement(Km,{variant:"text",size:"medium",width:50})):w&&z.createElement(zm,null,z.createElement(Gm,{variant:"title",size:"small"},w.amount),z.createElement("div",null),w.usdValue&&z.createElement(Fr,{variant:"body",className:Rs(),size:"xsmall"},`$${w.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return z.createElement(qm,null,z.createElement(Fr,{variant:"label",size:"large"},na.t("Select Token")),z.createElement(Co,{size:4}),l==="loading"&&z.createElement(jm,{size:ra}),l==="success"&&z.createElement($r,{as:"ul"},C()))}i(Zm,"TokenList");function ia(t){let{type:e}=t,o=pT(),n=ct(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=H(),u=X.use.getBalanceFor(),[f,m]=lT(""),S=(e==="source"?r:s)?.name??"",C=h().blockchains({type:e}),g=h().tokens({type:e,blockchain:S,searchFor:f,getBalanceFor:u}),y=i(k=>{e==="source"?p(k):c(k)},"updateBlockchain"),w=i(k=>{e==="source"?a({token:k,meta:{blockchains:C,tokens:g}}):l({token:k,meta:{blockchains:C,tokens:g}})},"updateToken"),T={source:Or.t("Source"),destination:Or.t("Destination")};return Rt.createElement(ie,{header:{title:Or.t("Swap {type}",{type:T[e]})}},Rt.createElement(pe,null,Rt.createElement(js,{blockchains:C,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(F.blockchains),onChange:k=>{y(k)}}),Rt.createElement(Rm,{size:24}),Rt.createElement(xt,{value:f,autoFocus:!0,placeholder:Or.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:k=>m(k.target.value)}),Rt.createElement(Rm,{size:16}),Rt.createElement(Zm,{list:g,selectedBlockchain:S,searchedFor:f,type:e,onChange:k=>{w(k);let E=C.find(v=>k.blockchain===v.name);E&&y(E),n()}})))}i(ia,"SelectSwapItemsPage");import{i18n as ca}from"@lingui/core";import{Alert as _T,Button as PT,styled as $T}from"@rango-dev/ui";import eo from"react";import{useInRouterContext as DT,useSearchParams as FT}from"react-router-dom";import{i18n as id}from"@lingui/core";import{Divider as dT,InfoIcon as fT,TextField as gT,Tooltip as hT,Typography as sd}from"@rango-dev/ui";import rt from"react";import{Chip as cT,styled as Ro,TextField as uT}from"@rango-dev/ui";var ed=Ro("div",{paddingTop:"$5",padding:"$10 $5"}),td=Ro("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${uT}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),od=Ro("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Ur=Ro("div",{maxWidth:"280px",padding:"$10"}),nd=Ro(cT,{width:"61px",flexShrink:0});import{i18n as sa}from"@lingui/core";import{Typography as mT}from"@rango-dev/ui";import en from"react";function rd(){return en.createElement(Ur,null,en.createElement(mT,{variant:"label",size:"medium",color:"neutral700"},sa.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),en.createElement("br",null),en.createElement("br",null),en.createElement("b",null,sa.t("Warning")),":",sa.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(rd,"SlippageTooltipContent");function aa(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=h();return rt.createElement(ed,null,rt.createElement(od,null,rt.createElement(sd,{variant:"title",size:"xmedium"},id.t("Slippage tolerance per swap")),rt.createElement(dT,{direction:"horizontal",size:4}),rt.createElement(hT,{container:B(),side:"top",sideOffset:4,content:rt.createElement(rd,null)},rt.createElement(fT,{color:"gray"}))),rt.createElement(td,null,dl.map((r,s)=>{let a=`slippage-${s}`;return rt.createElement(nd,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`})}),rt.createElement(gT,{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>=yl&&a<=hl?n(a):n(null)},suffix:o&&rt.createElement(sd,{variant:"body",size:"small"},"%"),placeholder:id.t("Custom")})))}i(aa,"Slippage");import{i18n as gt}from"@lingui/core";import{AutoThemeIcon as ad,BridgeIcon as yT,ChevronRightIcon as la,DarkModeIcon as ld,Divider as pa,DoneIcon as ST,ExchangeIcon as CT,InfoIcon as TT,LanguageIcon as kT,LightModeIcon as pd,List as wT,ListItem as xT,ListItemButton as vT,Skeleton as bT,styled as IT,Switch as ET,Tabs as AT,Tooltip as WT,Typography as it}from"@rango-dev/ui";import O from"react";import{useNavigate as NT}from"react-router-dom";var LT=IT("div",{width:"202px",height:"$40"}),MT=[{id:"light",icon:O.createElement(pd,{color:"black",size:16}),tooltip:O.createElement(it,{size:"xsmall",variant:"body"},gt.t("Light"))},{id:"dark",icon:O.createElement(ld,{color:"black",size:14}),tooltip:O.createElement(it,{size:"xsmall",variant:"body"},gt.t("Dark"))},{id:"auto",icon:O.createElement(ad,{color:"black",size:16}),tooltip:O.createElement(it,{size:"xsmall",variant:"body"},gt.t("Auto"))}],BT=i(t=>{let e={color:"gray",size:14};switch(t){case"auto":return O.createElement(ad,{...e});case"dark":return O.createElement(ld,{...e});default:return O.createElement(pd,{...e})}},"getThemeIcon");function cd(){let t=NT(),{theme:e}=h().config,{setTheme:o,theme:n}=h(),r=h().fetchStatus,s=h().swappers(),a=h().getDisabledLiquiditySources(),{config:{features:l}}=h(),p=je("theme",l),c=je("liquiditySource",l),u=je("language",l),f=h().infiniteApprove,m=h().toggleInfiniteApprove,d=bn(s,a),S=d.filter(L=>["BRIDGE","AGGREGATOR","OFF_CHAIN"].includes(L.type)),C=S.length,g=S.filter(L=>L.selected).length,y=d.filter(L=>L.type==="DEX"),w=y.length,T=y.filter(L=>L.selected).length,k=i((L,Q)=>{switch(r){case"loading":return O.createElement(bT,{variant:"text",size:"medium",width:50});case"failed":return O.createElement(it,{variant:"body",size:"medium",color:"$error500"},gt.t("Loading failed"));default:return O.createElement(it,{variant:"body",size:"medium"},`${L} / ${Q}`)}},"handleEndItem"),E={id:"bridge-item",title:O.createElement(it,{variant:"title",size:"xmedium"},gt.t("Enabled bridges")),end:O.createElement(O.Fragment,null,k(g,C),O.createElement(pa,{direction:"horizontal",size:8}),O.createElement(la,{color:"black"})),onClick:()=>t(F.bridges),start:O.createElement(yT,{color:"gray",size:14})},v={id:"exchange-item",title:O.createElement(it,{variant:"title",size:"xmedium"},gt.t("Enabled exchanges")),end:O.createElement(O.Fragment,null,k(T,w),O.createElement(pa,{direction:"horizontal",size:8}),O.createElement(la,{color:"gray"})),start:O.createElement(CT,{color:"gray",size:14}),onClick:()=>t(F.exchanges)},x={id:"language-item",title:O.createElement(it,{variant:"title",size:"xmedium"},gt.t("Language")),start:O.createElement(kT,{color:"gray",size:14}),end:O.createElement(la,{color:"gray"}),onClick:()=>t(F.languages)},b={id:"infinite-approval-item",title:O.createElement(O.Fragment,null,O.createElement(it,{variant:"title",size:"xmedium"},gt.t("Infinite approval")),O.createElement(pa,{direction:"horizontal",size:4}),O.createElement(WT,{side:"top",sideOffset:4,container:B(),content:O.createElement(Ur,null,O.createElement(it,{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.")))},O.createElement(TT,{color:"gray"}))),start:O.createElement(ST,{color:"gray",size:14}),end:O.createElement(ET,{checked:f}),onClick:m},I={id:"theme-item",type:O.createElement(xT,null),title:O.createElement(it,{variant:"title",size:"xmedium"},gt.t("Theme")),end:O.createElement(LT,null,O.createElement(AT,{container:B(),items:MT,value:n,onChange:L=>o(L.id),type:"primary",borderRadius:"small"})),start:BT(n)},W=c?[]:[E,v];return u||W.push(x),W.push(b),!e?.singleTheme&&!p&&W.push(I),O.createElement(wT,{type:O.createElement(vT,{hasDivider:!0,id:"_",onClick:()=>console.log()}),items:W})}i(cd,"SettingsLists");var OT=$T("div",{paddingLeft:"$8"});function ud(){let{isInCampaignMode:t,updateCampaignMode:e}=h(),o=t(),[,n]=FT(),r=DT(),s=i(()=>{r&&o&&(n(a=>(a.delete("liquiditySources"),a),{replace:!0}),e("liquiditySources",void 0))},"onClick");return eo.createElement(ie,{header:{title:ca.t("Settings")}},eo.createElement(pe,null,o&&eo.createElement(_T,{type:"info",variant:"alarm",title:ca.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:eo.createElement(OT,null,eo.createElement(PT,{type:"secondary",size:"small",onClick:s},ca.t("Reset")))}),eo.createElement(aa,null),eo.createElement(cd,null)))}i(ud,"SettingsPage");import{i18n as Ik}from"@lingui/core";import{cancelSwap as Ek}from"@rango-dev/queue-manager-rango-preset";import{useManager as Ak}from"@rango-dev/queue-manager-react";import{Alert as Wk}from"@rango-dev/ui";import Ia from"react";import{useParams as Nk}from"react-router-dom";import{i18n as At}from"@lingui/core";import{getCurrentBlockchainOfOrNull as lk,getCurrentStep as pk,getRelatedWalletOrNull as ck}from"@rango-dev/queue-manager-rango-preset";import{Button as Dd,CopyIcon as uk,Divider as mk,IconButton as dk,LinkIcon as fk,QuoteCost as gk,StepDetails as hk,Typography as ko,useCopyToClipboard as yk}from"@rango-dev/ui";import{useWallets as Sk}from"@rango-dev/wallets-react";import Fd from"bignumber.js";import{PendingSwapNetworkStatus as Kr}from"rango-types";import R,{useEffect as Od,useRef as Ck,useState as Ud}from"react";import{useNavigate as Tk}from"react-router-dom";import{i18n as Ot}from"@lingui/core";var UT=[Ot.t("Sunday"),Ot.t("Monday"),Ot.t("Tuesday"),Ot.t("Wednesday"),Ot.t("Thursday"),Ot.t("Friday"),Ot.t("Saturday")];function md(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Ot.t("Today"):`${UT[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(md,"timeSince");function dd(t){return t.finishTime?md(parseInt(t.finishTime)):md(parseInt(t.creationTime))}i(dd,"getSwapDate");import{PendingSwapNetworkStatus as Qr}from"rango-types";import Hr from"react";import{i18n as qr}from"@lingui/core";import{Button as fd,Divider as ua,MessageBox as qT}from"@rango-dev/ui";import Ut from"react";var gd=i(({onCancel:t,onClose:e})=>Ut.createElement(Ut.Fragment,null,Ut.createElement(ua,{size:20}),Ut.createElement(qT,{type:"error",title:qr.t("Cancel Swap"),description:qr.t("Are you sure you want to cancel this swap?")}),Ut.createElement(ua,{size:32}),Ut.createElement(fd,{variant:"contained",type:"primary",size:"large",onClick:t},qr.t("Yes, Cancel it")),Ut.createElement(ua,{size:12}),Ut.createElement(fd,{variant:"outlined",type:"primary",size:"large",onClick:e},qr.t("No, Continue"))),"CancelContent");import{i18n as zr}from"@lingui/core";import{Button as hd,Divider as ma,MessageBox as zT,Typography as QT}from"@rango-dev/ui";import Et from"react";var yd=i(({onDelete:t,onClose:e})=>Et.createElement(Et.Fragment,null,Et.createElement(ma,{size:20}),Et.createElement(zT,{type:"error",title:zr.t("Delete Transaction"),description:zr.t("Are you sure you want to delete this swap?")}),Et.createElement(ma,{size:32}),Et.createElement(hd,{variant:"contained",type:"primary",size:"large",onClick:t},zr.t("Yes, Delete it")),Et.createElement(ma,{size:12}),Et.createElement(hd,{variant:"outlined",type:"primary",size:"large",onClick:e},Et.createElement(QT,{variant:"title",size:"medium",color:"primary"},zr.t("No, Cancel")))),"DeleteContent");import{i18n as da}from"@lingui/core";import{PendingSwapNetworkStatus as fa}from"rango-types";var ga={[fa.WaitingForNetworkChange]:{type:"loading",title:da.t("Change Network")},[fa.WaitingForConnectingWallet]:{type:"warning",title:da.t("Connect Wallet")},[fa.NetworkChanged]:{type:"success",title:da.t("Network Changed")}};import{MessageBox as GT,Wallet as VT}from"@rango-dev/ui";import{useWallets as jT}from"@rango-dev/wallets-react";import tn from"react";import{styled as HT}from"@rango-dev/ui";var Sd=HT("div",{display:"flex",justifyContent:"center"});var Cd=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c}=jT(),u=n?.walletType,f=u?ni(c(u)):null,m=u?p(u):null;return tn.createElement(tn.Fragment,null,tn.createElement(GT,{type:e,title:o,description:r}),s&&!!u&&!!f&&!!m&&tn.createElement(Sd,null,tn.createElement(VT,{container:B(),title:m.name,image:m.img,type:u,state:f,link:m.installLink,disabled:a,onClick:async()=>l(u)})))},"WalletStateContent");function ha(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===Qr.WaitingForNetworkChange||e===Qr.WaitingForConnectingWallet||e===Qr.NetworkChanged;return Hr.createElement(le,{open:!!e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},p&&Hr.createElement(Cd,{type:ga[e].type,title:ga[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==Qr.WaitingForNetworkChange}),e==="delete"&&Hr.createElement(yd,{onClose:o,onDelete:n}),e==="cancel"&&Hr.createElement(gd,{onClose:o,onCancel:r}))}i(ha,"SwapDetailsModal");import{i18n as on}from"@lingui/core";import{Button as ya,Divider as Gr,MessageBox as Td,TokenAmount as XT,Typography as Sa}from"@rango-dev/ui";import We from"react";import{useNavigate as KT}from"react-router-dom";function Ca(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=KT();return We.createElement(le,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},n==="success"?We.createElement(Td,{type:"success",title:on.t("Swap Successful")},We.createElement(XT,{direction:"vertical",tooltipContainer:B(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),We.createElement(Gr,{size:12}),We.createElement(Sa,{variant:"body",size:"medium",color:"neutral700",align:"center"},f)):We.createElement(Td,{type:"error",title:on.t("Transaction Failed"),description:f}),We.createElement(Gr,{size:32}),n==="success"&&We.createElement(ya,{variant:"contained",type:"primary",size:"large",onClick:()=>{d("../../")}},We.createElement(Sa,{variant:"title",size:"medium",color:"neutral100"},on.t("Done"))),We.createElement(Gr,{size:12}),m&&We.createElement(We.Fragment,null,We.createElement(ya,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},on.t("Diagnosis")),We.createElement(Gr,{size:12})),We.createElement(ya,{variant:"outlined",type:"primary",size:"large",onClick:o},We.createElement(Sa,{variant:"title",size:"medium",color:"primary"},on.t("See Details"))))}i(Ca,"SwapDetailsCompleteModal");import sk from"react";import{i18n as ok}from"@lingui/core";import{Alert as Id,IconButton as nk,LinkIcon as rk}from"@rango-dev/ui";import qt,{Fragment as ik}from"react";import{Alert as YT,ChevronDownIcon as JT,ChevronUpIcon as ZT,IconButton as RT}from"@rango-dev/ui";import Vr,{useState as ek}from"react";function kd(t){let{message:e}=t,[o,n]=ek(!1);return Vr.createElement(YT,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Vr.createElement(RT,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Vr.createElement(ZT,{size:12,color:"gray"}):Vr.createElement(JT,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(kd,"FailedAlert");import{styled as tk}from"@rango-dev/ui";var wd=tk("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as xd}from"@lingui/core";import{Alert as Ta,Button as vd}from"@rango-dev/ui";import{PendingSwapNetworkStatus as ka}from"rango-types";import nn from"react";function bd(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?nn.createElement(Ta,{type:"warning",title:n.shortMessage,action:nn.createElement(vd,{size:"xxsmall",type:"warning",onClick:()=>{o(ka.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},xd.t("Change"))}):r===ka.WaitingForConnectingWallet?nn.createElement(Ta,{type:"warning",title:n.shortMessage,action:nn.createElement(vd,{size:"xxsmall",type:"warning",onClick:()=>{o(ka.WaitingForConnectingWallet)}},xd.t("Connect"))}):nn.createElement(Ta,{type:"warning",title:n.shortMessage})}i(bd,"WarningAlert");function wa(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=Ao(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return qt.createElement(wd,null,s.explorerUrl?.map((f,m,d)=>{let S=m+f.url,C=m===d.length-1,g=(C&&c||p)&&!u,y=C&&s.status==="failed";return qt.createElement(ik,{key:S},qt.createElement(Id,{type:C&&(g&&"loading"||y&&"error")||"success",title:f.description?`${f.description} Tx`:ok.t("View transaction"),action:f.url&&qt.createElement(nk,{variant:"ghost",size:"xsmall",onClick:()=>window.open(f.url,"_blank")},qt.createElement(rk,{size:12}))}))}),u&&qt.createElement(Id,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&qt.createElement(bd,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&qt.createElement(kd,{message:r}))}i(wa,"SwapDetailsAlerts");var Ed=2e3;var Ad=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:A(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ve(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:A(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:sk.createElement(wa,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function Wd(t){if(Ao(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(Wd,"getStepState");import{css as rn,darkTheme as ak,styled as to}from"@rango-dev/ui";var Nd=to("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),jr=to("div",{width:"100%"}),Ld=to(No,{padding:"$0 $20 $20 $20"}),VU=to("div",{display:"flex",flexDirection:"column",gap:"$10"}),Md=to("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),jU=to("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),To=rn({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${ak} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),Bd=rn({padding:"$5 0"}),Xr=rn({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),_d=rn({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Pd=rn({width:"100%",padding:"0 $20 $10"}),$d=to("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function xa(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=Sk(),p=h().blockchains(),c=h().swappers(),u=h().tokens(),f=H.use.retry(),m=oe.use.isActiveTab(),d=Tk(),[S,C]=yk(Ed),g=Ck(null),[y,w]=Ud(null),[T,k]=Ud(null),E=i(()=>{r(),w(null)},"onCancel"),v=ze.use.getUnreadNotifications(),x=ze.use.setAsRead(),b=v(),I=pk(e),W=I?.networkStatus;Od(()=>{b.find(Fe=>Fe.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(k(e.status),x(e.requestId))},[e.status,e.requestId]),Od(()=>{Z?w(Kr.WaitingForNetworkChange):W===Kr.WaitingForConnectingWallet||W===Kr.NetworkChanged?w(W):w(null)},[W]);let L=Vl(e),Q=I?lk(e,I):null,ee=I?ck(e,I):null,ae=dd(e),q=jl(e),J=i(ye=>!!l(ye)?.mobileWallet,"isMobileWallet"),Z=W===Kr.WaitingForNetworkChange&&!!Q&&!!ee?.walletType&&(J(ee.walletType)||s(ee.walletType,Q)),N=Z?a.bind(null,ee.walletType,Q):void 0,_=Gl(e,I),M=Ad({swap:e,switchNetwork:N,showNetworkModal:W,setNetworkModal:w,message:_,blockchains:p,swappers:c}),V=M.length,[ue,de]=[e.steps[0],e.steps[V-1]],he=de.outputAmount||de.expectedOutputAmountHumanReadable,ht=e.steps.reduce((ye,Fe)=>ye+parseFloat(Fe.feeInUsd||""),0),G=e.steps.find(ye=>ye.diagnosisUrl)?.diagnosisUrl,Y=A(parseFloat(A(he,6,6))*(de.toUsdPrice||0),4,4),te=A(parseFloat(e.inputAmount)*(ue.fromUsdPrice||0),4,4),Ie=he?se(new Fd(he).multipliedBy(de.toUsdPrice||0)):"",Ze=se(new Fd(e.inputAmount).multipliedBy(ue.fromUsdPrice||0)),$e=Xe(te,Y),De=e.status==="success"?At.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:A(he,6,6),token:M[V-1].to.token.displayName,conciseAddress:Cn(e.wallets[M[V-1].to.chain.displayName]?.address||""),chain:M[V-1].to.chain.displayName}}):`${At.t("Transaction was not sent.")} ${L?At.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:L.outputAmount,symbol:L.symbol,blockchain:L.blockchain}}):""}`;return R.createElement(ie,{header:{title:At.t("Swap and Bridge"),onCancel:e.status==="running"?()=>w("cancel"):void 0,suffix:e.status!=="running"&&R.createElement(lo,null,R.createElement(Dd,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>w("delete")},R.createElement(ko,{size:"medium",variant:"label",color:"error"},At.t("Delete"))))},footer:q&&!T&&R.createElement(Dd,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{f(e,{blockchains:p,tokens:u}),setTimeout(()=>{d("../../")},0)}},At.t("Try again"))},R.createElement(pe,{compact:!0,view:!0},R.createElement(jr,null,R.createElement("div",{className:To()},R.createElement(ko,{variant:"label",size:"large",color:"neutral700"},`${At.t("Request ID")}:`),R.createElement("div",{className:Xr()},R.createElement(ko,{variant:"label",size:"small",color:"neutral700"},o),R.createElement(dk,{variant:"ghost",onClick:C.bind(null,o||"")},R.createElement(uk,{size:16,color:"gray"})),R.createElement($d,{target:"_blank",href:`${La}/swap/${o}`},R.createElement(fk,{size:16})))),R.createElement("div",{className:To()},R.createElement(ko,{variant:"label",size:"large",color:"neutral700"},`${At.t(e.finishTime?"Finished at":"Created at")}:`),R.createElement(ko,{variant:"label",size:"small",color:"neutral700"},ae))),R.createElement("div",{className:_d()},R.createElement(gk,{fee:A(String(ht),2,2),time:un(mn(e.steps)),steps:V}),R.createElement(Do,{from:{price:{value:A(e.inputAmount,6,6),usdValue:te,realUsdValue:Ze,realValue:e.inputAmount},token:{displayName:M[0].from.token.displayName,image:M[0].from.token.image},chain:{image:M[0].from.chain.image,displayName:M[0].from.chain.displayName}},to:{price:{value:A(he,6,6),usdValue:Y,realUsdValue:Ie,realValue:he},token:{displayName:M[V-1].to.token.displayName,image:M[V-1].to.token.image},chain:{image:M[V-1].to.chain.image,displayName:M[V-1].to.chain.displayName}},percentageChange:A($e,2,2),warningLevel:Ct($e??0)})),R.createElement("div",{className:Pd()},R.createElement(ko,{variant:"title",size:"small"},At.t("Swaps steps"))),R.createElement(mk,{size:8}),R.createElement(Ld,{ref:g},M.map((ye,Fe)=>{let pn=Fe,wo=Wd(e.steps[Fe]),af=wo==="error"||wo==="in-progress"||wo==="warning"||wo==="completed"&&Fe===M.length-1;return R.createElement(hk,{key:pn,step:ye,type:"swap-progress",ref:g,state:wo,hasSeparator:Fe!==0,tabIndex:pn,isFocused:af,tooltipContainer:B()})}))),R.createElement(ha,{state:y,onClose:()=>w(null),onCancel:E,onDelete:n,message:_.detailedMessage.content,currentStepWallet:ee,walletButtonDisabled:!m}),R.createElement(Ca,{open:!!T,diagnosisUrl:G,onClose:()=>k(null),status:e.status==="success"?"success":"failed",priceValue:A(he,6,6),usdValue:Y,realUsdValue:Ie,realValue:se(he),percentageChange:A($e,2,2),token:{displayName:M[V-1].to.token.displayName,image:M[V-1].to.token.image},chain:{image:M[V-1].to.chain.image},description:De}))}i(xa,"SwapDetails");import{i18n as Jr}from"@lingui/core";import{Divider as Qd,NotFound as bk,Skeleton as an,Typography as Zr}from"@rango-dev/ui";import ge from"react";import{i18n as kk}from"@lingui/core";import{Divider as wk,Skeleton as xk,Typography as vk}from"@rango-dev/ui";import Se from"react";import{css as st,styled as va}from"@rango-dev/ui";var qd=va("div",{width:"100%",height:"100%",padding:"$10 $20"}),sn=va("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Yr=va("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),Iq=st({display:"flex",justifyContent:"space-between",alignItems:"center"}),Eq=st({display:"flex",justifyContent:"space-between",alignItems:"center"}),Aq=st({paddingTop:"$15",display:"flex"}),Wq=st({padding:"$15 $0"}),Nq=st({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),Lq=st({paddingBottom:"$10"}),Mq=st({display:"flex",justifyContent:"start",alignItems:"center"}),Bq=st({paddingTop:"$5",display:"flex",alignItems:"center"}),_q=st({display:"flex",alignItems:"center"}),Pq=st({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),zd=st({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function ba(){return Se.createElement(qd,null,Se.createElement(zo,{type:"swap-preview"}),Se.createElement("div",{className:"swaps-steps"},Se.createElement(vk,{variant:"title",size:"small"},kk.t("Swaps steps"))),Se.createElement(Se.Fragment,null,Se.createElement(sn,null,Se.createElement(ft,{separator:!1}),Se.createElement("div",{className:zd()},Se.createElement(wk,{direction:"horizontal",size:20}),Se.createElement(xk,{height:22,variant:"rectangular"}))),Se.createElement(Yr,null),Se.createElement(sn,null,Se.createElement(ft,{separator:!1})),Se.createElement(Yr,null),Se.createElement(sn,null,Se.createElement(ft,{separator:!1})),Se.createElement(Yr,null),Se.createElement(sn,null,Se.createElement(ft,{separator:!1}))))}i(ba,"LoadingSwapDetails");function Hd(t){let{requestId:e,showSkeleton:o}=t;return ge.createElement(ie,{header:{title:Jr.t("Swap and Bridge"),suffix:ge.createElement(lo,null)}},o&&ge.createElement(Nd,null,ge.createElement(jr,null,ge.createElement("div",{className:To()},ge.createElement(Zr,{variant:"label",size:"large",color:"neutral700"},`${Jr.t("Request ID")}:`),ge.createElement("div",{className:Xr()},ge.createElement(Zr,{variant:"label",size:"small",color:"neutral700"},ge.createElement(an,{width:60,height:10,variant:"rounded"})),ge.createElement(Qd,{direction:"horizontal",size:4}),ge.createElement(an,{width:16,height:16,variant:"rectangular"}),ge.createElement(Qd,{direction:"horizontal",size:4}),ge.createElement(an,{width:16,height:16,variant:"rectangular"}))),ge.createElement("div",{className:To()},ge.createElement(Zr,{className:Bd(),variant:"label",size:"large",color:"neutral700"},ge.createElement(an,{width:60,height:10,variant:"rounded"})),ge.createElement(Zr,{variant:"label",size:"small",color:"neutral700"},ge.createElement(an,{width:60,height:10,variant:"rounded"})))),ge.createElement(ba,null)),!o&&ge.createElement(Md,null,ge.createElement(bk,{title:Jr.t("Not found"),description:Jr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Hd,"SwapDetailsPlaceholder");function Gd(){let{manager:t,state:e}=Ak(),o=!e.loadedFromPersistor,n=ut(t),{requestId:r}=Nk(),s=ct(),{fetchStatus:a}=h();if(!r)return Ia.createElement(Wk,{containerStyles:{margin:"20px"},type:"error",title:Ik.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&&Ek(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?Ia.createElement(Hd,{requestId:r,showSkeleton:l}):Ia.createElement(xa,{swap:f,requestId:r,onCancel:c,onDelete:u})}i(Gd,"SwapDetailsPage");function Vd(){return np(),Ei(),Lk([{path:F.home,element:qe.createElement(Sm,null)},{path:F.routes,element:qe.createElement(xm,null)},{path:F.fromSwap,children:[{index:!0,element:qe.createElement(ia,{type:"source"})},{path:F.blockchains,element:qe.createElement(zs,{type:"source"})}]},{path:F.toSwap,children:[{index:!0,element:qe.createElement(ia,{type:"destination"})},{path:F.blockchains,element:qe.createElement(zs,{type:"destination"})}]},{path:F.settings,children:[{index:!0,element:qe.createElement(ud,null)},{path:F.languages,element:qe.createElement(Tm,null)},{path:F.exchanges,element:qe.createElement(Fs,{sourceType:"Exchanges"})},{path:F.bridges,element:qe.createElement(Fs,{sourceType:"Bridges"})}]},{path:F.swaps,children:[{index:!0,element:qe.createElement(Zu,null)},{path:F.swapDetails,element:qe.createElement(Gd,null)}]},{path:F.wallets,element:qe.createElement(cc,null)},{path:F.confirmSwap,element:qe.createElement(Uu,null)}])}i(Vd,"AppRoutes");import{isApprovalTX as Mk,MainEvents as jd,RouteEventType as Xd,StepEventType as Kd,StepExecutionEventStatus as Bk,useEvents as _k}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Yd}from"react";function Jd(){let t=h().tokens(),e=X.use.connectedWallets(),o=X.use.getWalletsDetails(),n=ze.use.setNotification(),r=_k();return Yd(()=>(r.on(jd.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Kd.TX_EXECUTION&&a.status===Bk.TX_SENT&&!Mk(l)||a.type===Kd.SUCCEEDED){let u=e.find(m=>m.chain===l?.fromBlockchain),f=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);u&&o([u],t),f&&o([f],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),Yd(()=>(r.on(jd.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Xd.FAILED||a.type===Xd.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Jd,"WidgetEvents");import{globalCss as Pk}from"@rango-dev/ui";var Zd=i(()=>Pk({"@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 Rd(){let{setWatermark:t}=oe();return{fetchApiConfig:i(async()=>{let o=await fetch(`${yt("BASE_URL")}/meta/dapp/config?apiKey=${yt("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(Rd,"useFetchApiConfig");import{styled as $k}from"@rango-dev/ui";var ef=$k("div",{fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function Rr(){Zd();let{config:t}=h(),{activeTheme:e}=Kn(t?.theme||{}),{activeLanguage:o}=yo(),[n,r]=tf(""),[s,a]=tf(),l=Fk(En),{fetchApiConfig:p}=Rd();return Ok(()=>{ze.persist.rehydrate(),l.onConnectWallet(r),p().catch(console.log)},[]),ln.createElement(Dk,{language:o},ln.createElement(ef,{id:"swap-container",className:e()},ln.createElement(Jd,null),ln.createElement(El,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},ln.createElement(Vd,null))))}i(Rr,"Main");import Aa,{useMemo as nw}from"react";import{checkWaitingForNetworkChange as Uk,makeQueueDefinition as qk}from"@rango-dev/queue-manager-rango-preset";import{Provider as zk}from"@rango-dev/queue-manager-react";import{useWallets as Qk}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as Hk}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Gk}from"rango-types";import Vk,{useMemo as jk}from"react";function Xk(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=Qk(),l=jk(()=>qk({API_KEY:t.apiKey||yt("API_KEY"),BASE_URL:yt("BASE_URL")}),[t.apiKey]),p=h().blockchains(),u={blockchains:X.use.connectedWallets().map(T=>({accounts:[T],name:T.chain}))},f=i(async(T,k)=>{if(s(T,k))return r(T,k)},"switchNetwork"),m=i(T=>!!a(T).mobileWallet,"isMobileWallet"),d=p.filter(T=>T.enabled).reduce((T,k)=>(T[k.name]=k,T),{}),S=p.filter(Gk),C=i(T=>{let{supportedChains:k}=a(T);return gn(k)},"getSupportedChainNames"),g=e(),y={meta:{blockchains:d,evmBasedChains:S,evmNetworkChainInfo:Hk(S),getSupportedChainNames:C},getSigners:o,wallets:u,providers:g,switchNetwork:f,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},w=oe.use.isActiveTab();return Vk.createElement(zk,{queuesDefs:[l],context:y,onPersistedDataLoaded:T=>{Uk(T)},isPaused:!w},t.children)}i(Xk,"QueueManager");var of=Xk;import{useManager as Rk}from"@rango-dev/queue-manager-react";import ew,{createContext as tw,useContext as ow}from"react";import{cancelSwap as Kk,getCurrentBlockchainOfOrNull as Yk,getCurrentStep as Jk,getRelatedWalletOrNull as Zk}from"@rango-dev/queue-manager-rango-preset";var ei=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&&Kk(o)}getCurrentStepInfo(e){let o=Jk(e);return{step:o,wallet:o?Zk(e,o):null,network:o?Yk(e,o):null}}};var nf=tw(void 0);function Ea(t){let{manager:e}=Rk(),o=oe.use.isActiveTab(),n=H.use.retry(),r=new ei(e,{retrySwap:n}),s=X.use.connectedWallets(),a=X.use.loading(),l=qa(s),p=X.use.getWalletsDetails(),c=h().blockchains(),u=h().tokens(),f=h().swappers(),m=h().fetchStatus,d=yo().resetLanguage,S=ze().getUnreadNotifications(),C={isActiveTab:o,setCurrentTabAsActive:zt.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:S}};return ew.createElement(nf.Provider,{value:C},t.children)}i(Ea,"WidgetInfo");function rf(){let t=ow(nf);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(rf,"useWidget");function ti(t){let{onUpdateState:e,config:o}=t;return nw(()=>{ja({API_KEY:o?.apiKey||cn,BASE_URL:o?.apiUrl||Na})},[o.apiKey,o.apiUrl]),Aa.createElement(An,{config:o,onUpdateState:e},Aa.createElement(of,{apiKey:o.apiKey},Aa.createElement(Ea,null,t.children)))}i(ti,"WidgetProvider");function sf(t){return rw(()=>(zt.init(),zt.destroy),[]),t.config?.externalWallets?Wa.createElement(Rr,null):Wa.createElement(ti,{config:t.config??li},Wa.createElement(Rr,null))}i(sf,"Widget");export{lH as EventSeverity,pH as MainEvents,CH as Networks,wH as PendingSwapNetworkStatus,cH as RouteEventType,uH as StepEventType,mH as StepExecutionBlockedEventStatus,dH as StepExecutionEventStatus,ke as UI_ID,yH as WalletEvents,TH as WalletTypes,sf as Widget,ti as WidgetProvider,An as WidgetWallets,$i as customizedThemeTokens,hH as readAccountAddress,yc as useWallets,rf as useWidget,fH as useWidgetEvents};
1
+ var lf=Object.defineProperty;var i=(t,e)=>lf(t,"name",{value:e,configurable:!0});import{EventSeverity as kH,MainEvents as wH,RouteEventType as xH,StepEventType as vH,StepExecutionBlockedEventStatus as bH,StepExecutionEventStatus as IH,useEvents as EH}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as WH,useWallets as yc,Events as NH}from"@rango-dev/wallets-react";import{Networks as MH,WalletTypes as BH}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as PH}from"rango-types";import{UI_ID as pf}from"@rango-dev/ui";var cn="c6381a79-2817-4602-83bf-6a641a409e32",Na="https://api.rango.exchange",La="https://scan.rango.exchange",ke={SWAP_BOX_ID:"rango-swap-box",EXPANDED_BOX_ID:"rango-expanded-box",...pf};import{Events as hi,Provider as eg}from"@rango-dev/wallets-react";import{isEvmBlockchain as tg}from"rango-sdk";import In,{createContext as og,useEffect as vl,useRef as ng}from"react";import{useEffect as vf}from"react";import{create as kf}from"zustand";import{subscribeWithSelector as wf}from"zustand/middleware";import{RangoClient as Cf}from"rango-sdk";import{WalletState as pt}from"@rango-dev/ui";import{readAccountAddress as mf}from"@rango-dev/wallets-react";import{detectInstallLink as df,getCosmosExperimentalChainInfo as ff,isEvmAddress as gf,KEPLR_COMPATIBLE_WALLETS as Mw,Networks as Pa}from"@rango-dev/wallets-shared";import oi from"bignumber.js";import{isCosmosBlockchain as hf}from"rango-types";import cf from"bignumber.js";var Ne=new cf(0);import{WalletTypes as uf}from"@rango-dev/wallets-shared";var Ma=[uf.LEAP];import{BigNumber as _a}from"bignumber.js";var un=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),A=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new _a(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new _a(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 mn=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var lt=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),xo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function se(t){return A(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(se,"formatTooltipNumbers");function ni(t){switch(!0){case t.connected:return pt.CONNECTED;case t.connecting:return pt.CONNECTING;case!t.installed:return pt.NOT_INSTALLED;default:return pt.DISCONNECTED}}i(ni,"mapStatusToWalletState");function $a(t,e,o,n){return o.filter(r=>!Ma.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=ni(t(r));return{title:s,image:a,link:df(l),state:p,type:r}})}i($a,"mapWalletTypesToWalletInfo");function gn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(gn,"walletAndSupportedChainsNames");function Da(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}=mf(p),f=l.length>0,m=l.includes(u),d=u===Pa.Unknown;if(f&&!m&&!d)return;let C=u===Pa.Unknown&&gf(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(Da,"prepareAccountsForWalletStore");function Fa(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(Fa,"getRequiredChains");function hn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(hn,"isAccountAndWalletMatched");function Oa(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 oi(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Sf(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Oa,"makeBalanceFor");function Ua(t){return{...t,loading:!1,error:!0}}i(Ua,"resetConnectedWalletState");var qa=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=A(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new oi(s?.amount||Ne).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ne)||Ne).toString();return yf(r)},"calculateWalletUsdValue");function yf(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(yf,"numberWithThousandSeparator");var Sf=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),yn=i((t,e)=>{let o=ff(Object.entries(t).map(([,n])=>n).filter(hf));return o&&o[e]?.experimental},"isExperimentalChain");function Sn(t){return t?{...t,amount:A(t.amount,8,8),usdValue:A(t.usdValue,4,4)}:null}i(Sn,"formatBalance");function za(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(za,"compareTokenBalance");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Le,"areTokensEqual");function Qa(t){return t.sort((e,o)=>+(o.state===pt.CONNECTED)-+(e.state===pt.CONNECTED)||+(o.state===pt.DISCONNECTED||o.state===pt.CONNECTING)-+(e.state===pt.DISCONNECTED||e.state===pt.CONNECTING))}i(Qa,"sortWalletsBasedOnConnectionState");function Cn(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(Cn,"getConciseAddress");function Ha({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Ha,"getAddress");function ri(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(ri,"createTokenHash");function Tn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new oi(o?.usdPrice??Ne).multipliedBy(o?.amount).toString():""},r=o?ri({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(Tn,"makeTokensBalance");var Ga=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function Va(t){return t.map(e=>e.state).join("-")}i(Va,"hashWalletsState");var ii={API_KEY:cn};function St(t){return ii[t]||""}i(St,"getConfig");function ja(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),ii=e,ii}i(ja,"initConfig");var Xa=20,Ka=25,Ya="Roboto",si="theme-widget",vo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Le(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Le(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),ai=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig"),Ja=i((t,e,o)=>o==="expanded"&&(t||e)||o==="full-expanded"&&e,"isVariantExpandable");var kn,Nt=i(()=>kn||(kn=new Cf(St("API_KEY"),St("BASE_URL")),kn),"httpService");var Tf=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"),Lt=Tf;var X=Lt(kf()(wf((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:Tn(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=>hn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await Nt().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(m=>{let d=o.find(C=>hn(C,m)),S=p.find(C=>C.address===m.address&&C.blockChain===m.chain);return S?.failed&&d&&r&&s([d],n,!1),d&&S?{...m,explorerUrl:S.explorerUrl,balances:Oa(S,n),loading:!1}:m});return{loading:!1,balances:Tn(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(f=>hn(f,u))?Ua(u):u);return{loading:!1,balances:Tn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=ri(o);return n[r]??null}}))));import{allProviders as xf}from"@rango-dev/provider-all";function wn(t,e){let o=xf({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(wn,"matchAndGenerateProviders");function Za(t,e){return wn(t,e).map(r=>r.config.type)}i(Za,"configWalletsToWalletName");function Ra(t,e){let o=X.use.clearConnectedWallet(),n=wn(void 0,e);return vf(()=>{o(),n=wn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Ra,"useWalletProviders");import jf,{createContext as Xf,useContext as Kf,useEffect as Yf,useRef as Jf}from"react";import{create as Gf}from"zustand";import{persist as Vf}from"zustand/middleware";var li={apiKey:"",title:void 0,multiWallets:!0,excludeLiquiditySources:!0,customDestination:!0},bf={clientUrl:void 0},If={liquiditySources:void 0},el=i((t,e,o)=>({config:{...li,...t},iframe:bf,campaignMode:If,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 xn(t){return Array.from(new Set(t))}i(xn,"removeDuplicateFrom");function ui(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(ui,"areEqual");function sl(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(sl,"debounce");function Ct(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Ct,"containsText");function nl(t,e){return t.toLowerCase()===e.toLowerCase()}i(nl,"exactText");function rl(t,e){return t.toLowerCase().startsWith(e.toLowerCase())}i(rl,"startWithText");var B=i(()=>document.getElementById(ke.SWAP_BOX_ID),"getContainer"),vn=i(()=>document.getElementById(ke.EXPANDED_BOX_ID),"getExpanded");function il(t,e,o){let n=!!e&&nl(e,t),r=!!o&&nl(o,t);return n!==r?n?-1:1:0}i(il,"compareExactMatchText");function pi(t,e,o){let n=!!e&&Ct(e,t),r=!!o&&Ct(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(pi,"compareContainsText");function ci(t,e,o){let n=!!e&&rl(e,t),r=!!o&&rl(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(ci,"compareStartWithText");function al(t,e,o){if(!o)return 0;let n=il(o,t.symbol,e.symbol);if(n)return n;if(o.length>=3){let r=il(o,t.name,e.name);if(r)return r}if(o.length>=2){let r=ci(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=pi(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=ci(o,t.name,e.name);if(r)return r}if(o.length>=3){let r=pi(o,t.name,e.name);if(r!==0)return r}if(o.length>=4){let r=ci(o,t.address,e.address);if(r)return r}if(o.length>=4){let r=pi(o,t.address,e.address);if(r!==0)return r}return 0}i(al,"compareWithSearchFor");function ll(t,e){return e.find(o=>o.name===t)?.displayName}i(ll,"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 mi(t,e){return e.find(o=>Le(o,t))??null}i(mi,"findToken");function di(t,e){return e.find(o=>o.name===t)??null}i(di,"findBlockchain");function fi(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(fi,"isTokenNative");function bn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return xn(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(bn,"getUniqueSwappersGroups");function pl(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(pl,"sortLiquiditySourcesByGroupTitle");function je(t,e){return e?.[t]==="hidden"}i(je,"isFeatureHidden");function cl(t,e){return e?.[t]==="enabled"}i(cl,"isFeatureEnabled");var ul=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?!!(Ct(c.symbol,o.searchFor)||Ct(c.address||"",o.searchFor)||Ct(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 y=o.getBalanceFor(c),k=o.getBalanceFor(u),T=za(y,k);if(T!==0)return T}if(c.isPopular!==u.isPopular)return c.isPopular?-1:1;if(o.searchFor){let y=al(c,u,o.searchFor);if(y)return y}let d=r.get(c.blockchain),S=r.get(u.blockchain),C=fi(c,d),h=fi(u,S);return C!==h?C?-1:1:c.isSecondaryCoin!==u.isSecondaryCoin?c.isSecondaryCoin?1:-1:d&&S?d.sort-S.sort:0})},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Le(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(pl)},fetch:async()=>{try{let{enableCentralizedSwappers:o}=e().config,n=await Nt().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 Nf,English as Lf,Finland as Mf,French as Bf,German as _f,Greece as Pf,Italian as $f,Japanese as Df,Netherlands as Ff,Poland as Of,Portuguese as Uf,Russian as qf,Spanish as zf,Swedish as Qf,Ukrainian as Hf}from"@rango-dev/ui";var ml=[{title:"English",label:"English",local:"en",SVGFlag:Lf},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:zf},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Bf},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Df},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:Uf},{title:"Chinese",label:"\u4E2D\u56FD\u4EBA",local:"zh",SVGFlag:Nf},{title:"Russian",label:"\u0420\u0443\u0441\u0441\u043A\u0438\u0439",local:"ru",SVGFlag:qf},{title:"German",label:"Deutsch",local:"de",SVGFlag:_f},{title:"Ukrainian",label:"\u0423\u043A\u0440\u0430\u0457\u043D\u0456",local:"uk",SVGFlag:Hf},{title:"Swedish",label:"svenska",local:"sv",SVGFlag:Qf},{title:"Finnish",label:"Suomalainen",local:"fi",SVGFlag:Mf},{title:"Dutch",label:"Nederlands",local:"nl",SVGFlag:Ff},{title:"Greek",label:"Grieks",local:"el",SVGFlag:Pf},{title:"Italian",label:"Italiana",local:"it",SVGFlag:$f},{title:"Polish",label:"Polski",local:"pl",SVGFlag:Of}],Io="en";var dl=[.5,1,3],fl=1,gl=5,hl=100,yl=0;var Sl=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:fl,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=xn(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n}=o,r=je("theme",n),s=je("language",n),a=je("liquiditySource",n);t({...r&&{theme:o.theme?.mode||"auto"},...s&&{language:o.language||Io},...a&&{disabledLiquiditySources:o.liquiditySources||[]}})}}),"createSettingsSlice");function Cl(t){return Gf()(Vf((...e)=>({...ul(...e),...Sl(...e),...el(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(Cl,"createAppStore");var Tl=Xf(null);function g(){let t=Kf(Tl);if(Yf(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(g,"useAppStore");function kl(t){let e=Jf();return e.current||(e.current=Cl(t.config)),jf.createElement(Tl.Provider,{value:e.current},t.children)}i(kl,"AppStoreProvider");import{create as Rf}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 oe=Lt(Rf()((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})}}))),zt=new Eo({onInit:()=>oe.setState({tabManagerInitiated:!0}),onClaim:()=>oe.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>oe.setState({isActiveTab:!1})});var En=og({onConnectWallet:()=>{}});function rg(t){let{updateConfig:e,updateSettings:o,fetch:n}=g(),r=g().blockchains(),s=g().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:l}=Ra(t.config.wallets,a),{connectWallet:p,disconnectWallet:c}=X(),u=ng();vl(()=>{n().catch(console.log)},[]),vl(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let f=r.filter(tg).map(S=>S.name),m=i((S,C,h,y,k)=>{if(C===hi.ACCOUNTS)if(h){let T=gn(k.supportedBlockchains),w=Da(S,h,f,T,k.isContractWallet);w.length&&p(w,s)}else c(S);if(C===hi.ACCOUNTS&&y.connected){let T=`${S}-${y.network}-${h}`;y.connected&&(u.current?u.current(T):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(C===hi.NETWORK&&y.network){let T=`${S}-${y.network}`;u.current?u.current(T):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(S,C,h,y,k)},"onUpdateState"),d=oe.use.isActiveTab();return In.createElement(En.Provider,{value:{onConnectWallet:S=>{u.current=S}}},In.createElement(eg,{allBlockChains:r,providers:l,onUpdateState:m,autoConnect:!!d},t.children))}i(rg,"Main");function An(t){let{config:e,...o}=t;return In.createElement(kl,{config:e},In.createElement(rg,{...o,config:e}))}i(An,"WidgetWallets");import Wa,{useEffect as hw}from"react";import{I18nManager as Kk}from"@rango-dev/ui";import ln,{useContext as Yk,useEffect as Jk,useState as tf}from"react";import{useQueueManager as lg}from"@rango-dev/queue-manager-rango-preset";import{useWallets as pg}from"@rango-dev/wallets-react";import{isEvmBlockchain as cg}from"rango-types";import ug,{Fragment as mg}from"react";import{MemoryRouter as dg,useInRouterContext as fg}from"react-router";import{useWallets as ig}from"@rango-dev/wallets-react";import{useEffect as sg,useRef as ag}from"react";function Il(){let{connect:t,state:e}=ig(),o=ag({}),{fetchStatus:n}=g(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);sg(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(Il,"useForceAutoConnect");function El({children:t,...e}){let n=fg()?mg:dg,r=g().blockchains(),{canSwitchNetworkTo:s}=pg();Il();let a=r.filter(cg);return lg({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),ug.createElement(n,null,t)}i(El,"AppRouter");import qe from"react";import{useRoutes as Qk}from"react-router-dom";var F={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 Fn}from"react";import _t 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 Sb from"bignumber.js";import{i18n as ct}from"@lingui/core";var yi={"Network Fee":ct.t("Network Fee"),"Swapper Fee":ct.t("Protocol Fee"),"Affiliate Fee":ct.t("Affiliate Fee"),"Outbound network fee":ct.t("Outbound Fee"),"Rango Fee":ct.t("Rango Fee")},Al=[{value:"SMART",label:ct.t("Smart Routing")},{value:"FEE",label:ct.t("Lowest Fee")},{value:"SPEED",label:ct.t("Fastest Transfer")},{value:"NET_OUTPUT",label:ct.t("Maximum Return")},{value:"PRICE",label:ct.t("Maximum Output")}],Si=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"],Wl=30;var Mt=(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))(Mt||{});import{i18n as Re}from"@lingui/core";import Me from"bignumber.js";import{PendingSwapNetworkStatus as Mn}from"rango-types";function Wn(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(Wn,"getRequiredWallets");function Nn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(Nn,"isValidAddress");import{i18n as Ee}from"@lingui/core";var K=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 Nl(t){switch(t.type){case 0:return t.diagnosisMessage??K().noResultError.title;case 1:return K().genericServerError;default:return""}}i(Nl,"getQuoteErrorMessage");import{i18n as Ln}from"@lingui/core";var Qt=i(()=>({connectWallet:Ln.t("Connect Wallet"),swap:Ln.t("Swap"),swapAnyway:Ln.t("Swap anyway"),ethWarning:Ln.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Ll(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Me(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Me(1e3)))??!1}i(Ll,"hasHighValueLoss");function Ml(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new Me(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Me(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(Ml,"hasLimitError");function Bl(t){let e=(t||[]).filter(l=>{let p=l.fromAmountMinValue?new Me(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Me(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 Me(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Me(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Re.t({id:"Required: >= {min} {symbol}",values:{min:A(o,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Re.t({id:"Required: > {min} {symbol}",values:{min:A(o,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Re.t({id:"Required: <= {max} {symbol}",values:{max:A(n,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Re.t({id:"Required: < {max} {symbol}",values:{max:A(n,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Bl,"getLimitErrorMessage");function _l(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Qt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||l||!r||r==="0"?{title:Qt().swap,action:"confirm-swap",disabled:!0}:a?{title:Qt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Qt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Qt().swap,action:"confirm-swap",disabled:!1}:{title:Qt().connectWallet,action:"connect-wallet",disabled:!1}}i(_l,"getSwapButtonState");function Ci(t,e,o){return!((!o||o.lte(Ne))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(Ci,"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 Me(r.amount).multipliedBy(s||0))}return o}i(yg,"getUsdFeeOfStep");function Bn(t,e){return t.reduce((o,n)=>o.plus(yg(n,e)),Ne)}i(Bn,"getTotalFeeInUsd");function Ti(t){let e=Ne;return e=e.plus(new Me(t.amount).multipliedBy(t.price||0)),e}i(Ti,"getUsdFee");function Pl(t){return t.reduce((e,o)=>e.plus(Ti(o)),Ne)}i(Pl,"getTotalFeesInUsd");function $l(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($l,"getFeesGroup");function Dl(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(Dl,"checkSlippageErrors");function Fl(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(Fl,"checkSlippageWarnings");function _n(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(_n,"getMinRequiredSlippage");function Ol(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Ol,"hasProperSlippage");function Ul(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:S}=t,C=s?.reduce((k,T)=>(k[T.chain]=T.address,k),{}),h=[];return r?.forEach(k=>{h.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:h,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:S}}i(Ul,"createQuoteRequestBody");function ql(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(ql,"getWalletsForNewSwap");function oo(t){return t?.outputAmount||null}i(oo,"getQuoteOutputAmount");function zl(t,e){return new Me(e).div(new Me(t)).minus(1).multipliedBy(100).toNumber()}i(zl,"getPercentageChange");function Ql(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(Ql,"isOutputAmountChangedALot");function Hl(t,e,o){let n=t.validationStatus,r=Fa(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>Yl(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=A(new Me(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=A(new Me(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=Re.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=Re.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=Re.t(" for input and network fee")),Re.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(Hl,"generateBalanceWarnings");function Pn(t,e){return(t?new Me(t):Ne).multipliedBy(e||0)}i(Pn,"calcOutputUsdValue");function Ao(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Mn.NetworkChanged}i(Ao,"isNetworkStatusInWarningState");function Gl(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Ao(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Mn.WaitingForConnectingWallet:n=n||Re.t("Waiting for connecting wallet");break;case Mn.WaitingForQueue:n=n||Re.t("Waiting for other running tasks to be finished");break;case Mn.WaitingForNetworkChange:n=n||Re.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(Gl,"getSwapMessages");function Vl(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(Vl,"getLastConvertedTokenInFailedSwap");function jl(t){return t.status==="failed"}i(jl,"shouldRetrySwap");function Xl(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&&!Nn(s,o)}i(Xl,"confirmSwapDisabled");function Kl(t,e){return t.blockchain===e.blockchain&&t.symbol===e.symbol&&t.address===e.address}i(Kl,"isTokensIdentical");function $n(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i($n,"getQuoteToTokenUsdPrice");function ki(t,e){let o=t?.swaps||[],n=e?.swaps||[];return o.length!==n.length}i(ki,"isNumberOfSwapsChanged");function wi(t,e){let o=t?.swaps.map(r=>r.swapperId)||[],n=e?.swaps.map(r=>r.swapperId)||[];return!ui(o,n)}i(wi,"isQuoteSwappersUpdated");function xi(t,e){let o=t?.swaps.map(r=>r.to.symbol)||[],n=e?.swaps.map(r=>r.to.symbol)||[];return!ui(o,n)}i(xi,"isQuoteInternalCoinsUpdated");function Zl(t,e){return ki(t,e)||wi(t,e)||xi(t,e)}i(Zl,"isQuoteChanged");function Yl(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(Yl,"getRequiredBalanceOfWallet");function Tt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(Tt,"getPriceImpactLevel");function Rl(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=di(s?s.toBlockchain:n.fromBlockchain,e),p=di(r.toBlockchain,e),c=mi(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=mi(a,o),f=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:f}}i(Rl,"createRetryQuote");function no(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Ht(o,t.requestAmount),l=Ht(n,t?.outputAmount??"");if(t&&a&&l){let u=Xe(a.toString(),l.toString());if(!!u&&Ll(a,u)){let m=Bn(t?.swaps,r),d=Tt(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:m,warningLevel:d}}}else if(t&&(!a||!l))return{type:1};let p=_n(t.swaps),c=s>gl;if(Ol(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:Fl(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:zl(t.toString(),e.toString());return n&&n<0?n:null}i(Xe,"getPriceImpact");var ep=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"),Dn=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"),tp=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"),op=i(t=>{let e=i((o,n)=>{let r=Si.indexOf(o.value),s=Si.indexOf(n.value);return r!==-1&&s!==-1?r-s:r!==-1?-1:s!==-1?1:0},"customSort");return t.sort(e)},"sortTags");var Ht=i((t,e)=>t?.usdPrice?new _t(e||Ne).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),H=Lt(Tg()(kg(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new _t(0),outputUsdValue:new _t(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 _t(e?.outputAmount):null,r=Pn(e?.outputAmount,$n(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 _t(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:Ht(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 _t(0),outputUsdValue:new _t(0),selectedQuote:null},...!!o.fromToken&&{inputUsdValue:Ht(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=Rl(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:Ht(a??null,c),outputUsdValue:new _t(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:Ht(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 np(){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:S,setAffiliateWallets:C}=g(),h=c?.from?.tokens,y=c?.from?.blockchains,k=c?.to?.tokens,T=c?.to?.blockchains,w=Fn(void 0),E=Fn(void 0),v=Fn(void 0),x=Fn(void 0);ro(()=>{t(c?.amount?.toString()||"")},[c?.amount]),ro(()=>{if(u==="success"){let b=f.find(W=>W.name===c?.from?.blockchain),I=m.find(W=>Le(W,c?.from?.token||null));(b||!b&&v.current)&&n(b??null),I?r({token:I,meta:{blockchains:f,tokens:m}}):!I&&w.current&&r({token:null}),v.current=c?.from?.blockchain,w.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),ro(()=>{vo(s,h)&&r({token:null}),ai(l,y)&&n(null)},[h,y]),ro(()=>{vo(a,k)&&r({token:null}),ai(p,T)&&o(null)},[k,T]),ro(()=>{if(u==="success"){let b=f.find(W=>W.name===c?.to?.blockchain),I=m.find(W=>Le(W,c?.to?.token||null));(b||!b&&x.current)&&o(b??null),I?e({token:I,meta:{blockchains:f,tokens:m}}):!I&&E.current&&e({token:null}),x.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),S(c?.affiliate?.percent??null),C(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(np,"useSyncStoresWithConfig");import{useEffect as Ii,useRef as wg}from"react";import{useInRouterContext as xg,useLocation as vg,useSearchParams as bg}from"react-router-dom";function vi(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(vi,"searchParamToToken");function bi(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(bi,"tokenToSearchParam");function Ei(){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,S=g().blockchains(),C=g().tokens(),h=xg(),{updateIframe:y,updateCampaignMode:k}=g(),T=g().isInCampaignMode(),w=wg(),E=i(()=>{let x=e.get("fromAmount"),b=e.get("fromBlockchain"),I=e.get("fromToken"),W=e.get("toBlockchain"),L=e.get("toToken"),Q=e.get("autoConnect"),ee=e.get("clientUrl"),ae=e.get("liquiditySources");return{fromAmount:x,fromBlockchain:b,fromToken:I,toBlockchain:W,toToken:L,autoConnect:Q,clientUrl:ee,liquiditySources:ae}},"getUrlSearchParams"),v=i(x=>{for(let b in x)x[b]||delete x[b];o(x,{replace:!0})},"updateUrlSearchParams");Ii(()=>{let{autoConnect:x,clientUrl:b}=E();h&&d==="success"&&v({fromBlockchain:n?.name,fromToken:bi(s),toBlockchain:r?.name,toToken:bi(a),fromAmount:l,autoConnect:x??void 0,clientUrl:b??void 0,liquiditySources:T?w.current:void 0})},[t.pathname,l,n,s,r,a,T]),Ii(()=>{if(!h)return;let x=E();if(!w.current&&x.liquiditySources&&(w.current=x.liquiditySources),x.fromAmount&&m(x.fromAmount),d==="success"){let b=S.find(Q=>Q.name===x.fromBlockchain),I=vi(C,x.fromToken,b??null),W=S.find(Q=>Q.name===x.toBlockchain),L=vi(C,x.toToken,W??null);b&&(p(b),I&&u({token:I,meta:{blockchains:S,tokens:C}})),W&&(c(W),L&&f({token:L,meta:{blockchains:S,tokens:C}}))}},[d]),Ii(()=>{let{clientUrl:x,liquiditySources:b}=E();y("clientUrl",x||void 0),k("liquiditySources",b?.split(",")??void 0)},[])}i(Ei,"useSyncUrlAndStore");import{i18n as br}from"@lingui/core";import{useManager as CS}from"@rango-dev/queue-manager-react";import{Alert as Fu,Button as TS,css as vs,Divider as xs,IconButton as Ou,SettingsIcon as kS,styled as wS,Tooltip as xS,Typography as vS,WalletIcon as bS}from"@rango-dev/ui";import me,{useEffect as Go,useLayoutEffect as IS,useRef as ES,useState as Ir}from"react";import{flushSync as AS}from"react-dom";import{useLocation as WS,useNavigate as NS}from"react-router-dom";import{i18n as dt}from"@lingui/core";import{Alert as ts,BalanceErrors as ly,Button as Sc,ChevronDownIcon as py,ChevronLeftIcon as cy,Divider as uo,MessageBox as uy,Typography as ir,WalletIcon as my}from"@rango-dev/ui";import $,{useEffect as dy,useState as mo}from"react";import{useNavigate as fy}from"react-router-dom";import{i18n as On}from"@lingui/core";function Un(t){switch(t.type){case 0:return On.t("Route has been updated.");case 3:return On.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return On.t("Route swappers has been updated.");case 2:return On.t("Route internal coins has been updated.");default:return""}}i(Un,"getQuoteUpdateWarningMessage");import{Modal as Eg}from"@rango-dev/ui";import Ag from"react";function le(t){let{watermark:e}=oe();return Ag.createElement(Eg,{hasWatermark:e==="FULL",...t},t.children)}i(le,"WatermarkedModal");import Hn,{useRef as Lg}from"react";import*as io from"@radix-ui/react-collapsible";import{keyframes as rp,styled as qn}from"@rango-dev/ui";var Ai=300,Wg=rp({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Ng=rp({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),ip=qn(io.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Wi=qn(io.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),zn=qn(io.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Wg} ${Ai}ms ease-out`},false:{animation:`${Ng} ${Ai}ms ease-out`}}}}),Qn=qn("div",{transition:`all ${Ai}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Gn(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=Lg(null);return Hn.createElement(ip,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&Hn.createElement(Wi,{className:"collapsible_trigger",onClick:s},a),Hn.createElement(zn,{className:"collapsible_content",open:e},r),l==="bottom"&&Hn.createElement(Wi,{className:"collapsible_trigger",onClick:s},a))}i(Gn,"CustomCollapsible");import{css as sp,darkTheme as so,IconButton as Mg,styled as Ke,TextField as Bg}from"@rango-dev/ui";var ap=Ke("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),lp=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"}}}}),pp=Ke(_g,{alignSelf:"stretch",minHeight:"93px"}),cp=Ke("div",{padding:"$20 $20 $15 $20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),up=Ke(Mg,{position:"absolute",left:"$20"}),mp=Ke("div",{paddingTop:"$20"}),dp=sp({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),fp=Ke("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),gp=sp({paddingTop:"$5"}),hp=Ke("div",{display:"flex"}),yp=Ke(Bg,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Sp=Ke("div",{overflow:"visible",width:"100%"}),Cp=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 et}from"@lingui/core";import{Button as ry,Divider as Ri,Image as iy,MessageBox as rr,SelectableWallet as sy,Typography as fc,WalletState as gc}from"@rango-dev/ui";import ce,{useEffect as hc,useState as Mo}from"react";import{WalletState as Ni}from"@rango-dev/ui";import{useWallets as Pg}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as $g,WalletTypes as Vn}from"@rango-dev/wallets-shared";import{useCallback as Dg,useEffect as Fg,useState as Og}from"react";var Ug=Object.values(Vn);function ao(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Pg(),{connectedWallets:c}=X(),u=g().blockchains(),f=Za(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Ug,m=$a(s,l,f,o),d=Qa(m),[S,C]=Og(""),h=i(E=>!c.find(v=>v.walletType===E&&v.chain===o),"isExperimentalChainNotAdded"),y=i(async E=>{let v=s(E);try{if(S&&C(""),v.connected)await a(E);else{let x=!!m.find(b=>b.state===Ni.CONNECTED);if(!e?.multiWallets&&x)return;n?.(E),await p(E),r?.(E)}}catch(x){C("Error: "+x?.message)}},"handleClick"),k=Dg(()=>{let E=m?.filter(v=>v.state===Ni.CONNECTING)||[];for(let v of E)a(v.type)},[Va(m)]);Fg(()=>()=>{k()},[]);let T=i(E=>E.filter(x=>x.state!=Ni.NOT_INSTALLED&&![Vn.DEFAULT,Vn.WALLET_CONNECT_2].includes(x.type)&&l(x.type).supportedChains.filter(b=>b.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),w=i((E,v,x)=>yn(x,v)&&h(E)&&!$g.includes(E)||E==Vn.DEFAULT&&!T(m),"shouldExcludeWallet");return{list:d.filter(E=>!w(E.type,o??"",u)),error:S,handleClick:y,disconnectConnectingWallets:k}}i(ao,"useWalletList");import{i18n as ac}from"@lingui/core";import{styled as pc,Typography as Jh,Wallet as Zh,WalletState as Rh}from"@rango-dev/ui";import co,{useState as lc}from"react";import{useManager as qh}from"@rango-dev/queue-manager-react";import{BottomLogo as zh,Divider as Rp,Header as Qh}from"@rango-dev/ui";import Ce,{useEffect as ec,useRef as tc}from"react";import{useRef as qg}from"react";function jn(){return window.self!==window.top}i(jn,"isAppLoadedIntoIframe");function Li(){let t=qg(null),{iframe:e}=g(),o=jn()&&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(Li,"useIframe");import{useNavigate as zg}from"react-router-dom";function ut(){let t=zg();return()=>t(-1)}i(ut,"useNavigateBack");import{createTheme as Di,darkTheme as Xg,lightTheme as Kg}from"@rango-dev/ui";import{useEffect as vp,useState as Yg}from"react";import{theme as Vg,darkColors as jg}from"@rango-dev/ui";import Pi 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,S=u[m],C={[`${e}${d}`]:Xn(t,S)};Object.assign(f,C)}return{...f,[e]:t}}i(Qg,"generateShades");function Xn(t,e){let[o,n,r]=Tp(t);return`#${Mi(o+e)}${Mi(n+e)}${Mi(r+e)}`}i(Xn,"generateShade");function Tp(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(Tp,"convertToRGB");function Mi(t){return("0"+Math.max(0,Math.min(255,t)).toString(16)).slice(-2).toUpperCase()}i(Mi,"clamp");function kp(t){let[a,l,p]=Tp(t);return(a*299+l*587+p*114)/1e3>188}i(kp,"isBright");var Bi=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 wp=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=wp(o%52)+e;return wp(o%52)+e},"toAlphabeticName"),Gg=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),_i=i(t=>Hg(Gg(5381,JSON.stringify(t))>>>0),"toHash");function $i(t){let e=Vg.colors,o=Bi({...e,...jg},!0,t?.dark),n=Bi(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:`${si}-light-${_i(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${si}-dark-${_i(p)}`,tokens:p}}return{light:a,dark:l}}i($i,"customizedThemeTokens");function xp(t,e){if(t.length<=1)return t.map(({element:n,key:r})=>Pi.cloneElement(n,{key:r}));let o=[];return t.forEach((n,r)=>{let{element:s,key:a}=n;if(o.push(Pi.cloneElement(s,{key:a})),r<t.length-1){let l=`divider-${r}`;o.push(Pi.cloneElement(e,{key:l}))}}),o}i(xp,"joinList");function Kn(t){let{colors:e,fontFamily:o=Ya,borderRadius:n=Xa,secondaryBorderRadius:r=Ka,mode:s="auto"}=t,[a,l]=Yg("light"),{setTheme:p,theme:c}=g(),{dark:u,light:f}=$i(e),m=Di({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[m.className,Kg.className],S=[m.className,Xg.className];if(f){let h=Di(f.id,f.tokens);d.push(h.className)}if(u){let h=Di(u.id,u.tokens);S.push(h.className)}return vp(()=>{let h=i(y=>{y.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",h),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",h)}},[]),vp(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let h=d.join(" "),y=S.join(" ");return c==="auto"?a==="dark"?y:h:c==="dark"?y:h},"getActiveTheme")}}i(Kn,"useTheme");var mt=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 bp}from"@lingui/core";import{Alert as Jg,Button as Zg}from"@rango-dev/ui";import Ip from"react";function Fi(t){return Ip.createElement(Jg,{action:Ip.createElement(Zg,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},bp.t("Activate this tab")),type:"warning",variant:"alarm",title:bp.t("Another tab is open and handles transactions.")})}i(Fi,"ActivateTabAlert");import{i18n as Oi}from"@lingui/core";import{Button as Rg,Divider as eh,MessageBox as th}from"@rango-dev/ui";import Yn from"react";function Ui(t){let{open:e,onClose:o,onConfirm:n}=t;return Yn.createElement(le,{open:e,dismissible:!0,onClose:o,container:B()},Yn.createElement(th,{title:Oi.t("Activate current tab"),type:"warning",description:Oi.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.")},Yn.createElement(eh,{size:20}),Yn.createElement(Rg,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Oi.t("Confirm"))))}i(Ui,"ActivateTabModal");import{ChevronLeftIcon as rh}from"@rango-dev/ui";import _p from"react";import{css as oh,darkTheme as Ep,IconButton as nh,styled as Gt}from"@rango-dev/ui";var Ye=Gt(nh,{width:"$24",position:"relative",padding:"0",overflow:"unset","&:hover":{backgroundColor:"$info100",[`.${Ep} &`]:{backgroundColor:"$neutral"}}}),Ap=Gt("div",{position:"absolute",background:"$secondary500",[`.${Ep} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),lo=Gt("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Wp=Gt("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"}}}}),Np=Gt("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}}),Lp=Gt("div",{position:"absolute",right:"$4",top:"$4",backgroundColor:"$background",borderRadius:"100%"}),Mp=oh({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}),Bp=Gt("div",{borderRadius:"100%",border:"1.5px transparent solid","&:not(:first-child)":{marginLeft:"-$6"},img:{borderRadius:"100%"}});function qi(t){return _p.createElement(Ye,{variant:"ghost",size:"small",onClick:t.onClick},_p.createElement(rh,{color:"black",size:16}))}i(qi,"BackButton");import{i18n as ih}from"@lingui/core";import{Button as sh,Typography as ah}from"@rango-dev/ui";import zi from"react";function Qi(t){return zi.createElement(lo,null,zi.createElement(sh,{variant:"ghost",onClick:t.onClick,size:"xsmall"},zi.createElement(ah,{variant:"label",size:"medium",color:"error500"},ih.t("Cancel"))))}i(Qi,"CancelButton");import{i18n as lh}from"@lingui/core";import{Image as ph,Tooltip as ch,WalletIcon as uh}from"@rango-dev/ui";import Vt from"react";function Hi(t){let{list:e}=ao({}),o=e.filter(r=>r.state==="connected"),n=o.length?Vt.createElement("div",{className:Mp()},o.map(r=>Vt.createElement(Bp,{key:r.title},Vt.createElement(ph,{src:r.image,size:14})))):lh.t("Connect Wallet");return Vt.createElement(ch,{container:t.container,side:"bottom",content:n},Vt.createElement(Ye,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Vt.createElement(Ap,null),Vt.createElement(uh,{size:18,color:"black"})))}i(Hi,"WalletButton");import{i18n as Rn}from"@lingui/core";import{NotificationsIcon as $h,Popover as Dh,SettingsIcon as Fh,Tooltip as er,TransactionIcon as Oh}from"@rango-dev/ui";import ve from"react";import{i18n as kh}from"@lingui/core";import{EventSeverity as qp}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as zp,ChevronRightIcon as wh,Divider as xh,Typography as vh}from"@rango-dev/ui";import Oe from"react";import{useNavigate as bh}from"react-router-dom";import{create as mh}from"zustand";import{persist as dh,subscribeWithSelector as fh}from"zustand/middleware";var ze=Lt(mh()(dh(fh((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 gh,ListItemButton as hh,styled as Wo}from"@rango-dev/ui";var Pp=Wo("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),$p=Wo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Dp=Wo(hh,{variants:{actionRequired:{true:{backgroundColor:"$error300",[`.${gh} &`]:{backgroundColor:"$error600"}}}}}),Fp=Wo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Op=Wo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as yh}from"@lingui/core";import{Divider as Sh,NoNotificationIcon as Ch,Typography as Th}from"@rango-dev/ui";import Jn from"react";function Up(){return Jn.createElement(Op,null,Jn.createElement(Ch,{color:"secondary",size:26}),Jn.createElement(Sh,{size:12}),Jn.createElement(Th,{variant:"body",size:"medium",color:"neutral700"},yh.t("There are no notifications.")))}i(Up,"NotificationNotFound");var Ih=4;function Gi(){let t=bh(),{getUnreadNotifications:e}=ze(),o=e(),n=g().blockchains(),r=g().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,Ih),a=i(l=>{t(`${F.swaps}/${l}`)},"handleOnClick");return Oe.createElement(Pp,null,s.length?Oe.createElement($p,null,s.map((l,p)=>{let{route:c,requestId:u,event:f}=l,m=r.find(h=>Le(h,c.from)),d=n.find(h=>h.name===c.from.blockchain),S=r.find(h=>Le(h,c.to)),C=n.find(h=>h.name===c.to.blockchain);return Oe.createElement(Oe.Fragment,{key:u},p>0&&Oe.createElement(xh,{size:4}),Oe.createElement(Dp,{onClick:()=>a(u),actionRequired:f.messageSeverity===qp.WARNING,title:Oe.createElement(vh,{variant:"body",size:"small",color:f.messageSeverity===qp.WARNING?"$foreground":"$neutral700"},kh.t(f.message)),id:u,start:Oe.createElement(Fp,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(zp,{tokenImage:m?m.image:"",chainImage:d?d.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(zp,{tokenImage:S?S.image:"",chainImage:C?C.logo:"",size:"small"}))),end:Oe.createElement(wh,{size:12,color:"gray"})}))})):Oe.createElement(Up,null))}i(Gi,"NotificationContent");import{useManager as Eh}from"@rango-dev/queue-manager-react";import{InProgressIcon as Ah}from"@rango-dev/ui";import Qp from"react";var Wh=i(()=>{let{manager:t}=Eh();return mt(t).map(({swap:o})=>o).find(o=>o.status==="running")?Qp.createElement(Lp,null,Qp.createElement(Ah,{color:"info",size:6})):null},"InProgressTransactionBadge"),Hp=Wh;import{RefreshProgressButton as Nh}from"@rango-dev/ui";import Vi,{useEffect as Lh,useState as Gp}from"react";var Mh=1e3,Vp=60,Bh=100;function Zn({onClick:t}){let[e,o]=Gp(0),[n,r]=Gp(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");Lh(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===Vp&&l()},Mh):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 Vi.createElement(Ye,{variant:"ghost",size:"small",style:{paddingTop:0,paddingBottom:0},onClick:l,disabled:!t},Vi.createElement(Np,{onTransitionEnd:()=>r(!1),isRefetched:n},Vi.createElement(Nh,{size:22,color:t?"black":"gray",progress:e/Vp*Bh})))}i(Zn,"RefreshButton");import{EventSeverity as _h}from"@rango-dev/queue-manager-rango-preset";import{Typography as Ph}from"@rango-dev/ui";import jp from"react";function Xp(){let{getUnreadNotifications:t}=ze(),e=t(),o=e.length,n=!!e.find(r=>r.event.messageSeverity===_h.WARNING);return o?jp.createElement(Wp,{isSever:n},jp.createElement(Ph,{variant:"body",size:"xsmall",color:"$background"},o)):null}i(Xp,"UnreadNotificationsBadge");function jt(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(er,{container:B(),side:"top",content:Rn.t("Refresh")},ve.createElement(Zn,{onClick:e})),!a&&ve.createElement(Dh,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:B(),content:ve.createElement(Gi,null)},ve.createElement("div",null,ve.createElement(er,{container:B(),side:"top",content:Rn.t("Notifications")},ve.createElement(Ye,{size:"small",variant:"ghost"},ve.createElement($h,{size:18,color:"black"}),ve.createElement(Xp,null))))),!r.includes("settings")&&ve.createElement(er,{container:B(),side:"top",content:Rn.t("Settings")},ve.createElement(Ye,{size:"small",variant:"ghost",onClick:n},ve.createElement(Fh,{size:18,color:"black"}))),!r.includes("history")&&ve.createElement(er,{container:B(),side:"top",content:Rn.t("Transactions History")},ve.createElement(Ye,{size:"small",variant:"ghost",onClick:o},ve.createElement(Oh,{size:18,color:"black"}),ve.createElement(Hp,null))))}i(jt,"HeaderButtons");function ji(t){let e=t.target;if(e){let o=e.scrollTop,n=B();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(ji,"onScrollContentAttachStatusToContainer");import{css as Uh,styled as Xi}from"@rango-dev/ui";var Kp="700px",tr=Uh({borderRadius:"$primary",display:"flex",flexDirection:"column",overflow:"hidden",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)"}),Yp=Xi("div",{position:"relative",width:"100vw",minWidth:"300px",maxWidth:"390px",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:Kp},fixed:{height:Kp}}}}),Jp=Xi("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),Zp=Xi("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 ie(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=Li(),{children:n,header:r,footer:s,height:a="fixed"}=t,l=X.use.connectedWallets(),{config:{features:p,theme:c}}=g(),{watermark:u}=oe(),f=u==="FULL",{activeTheme:m}=Kn(c||{}),d=je("connectWalletButton",p),{isActiveTab:S,tabManagerInitiated:C,showActivateTabModal:h,setShowActivateTabModal:y,activateCurrentTab:k}=oe(),T=ut(),{manager:w}=qh(),v=mt(w).map(({swap:Q})=>Q).some(Q=>Q.status==="running"),x=i(()=>k(zt.forceClaim,v),"onActivateTab"),b=i(()=>{r.onWallet?.()},"onConnectWallet"),I=typeof r.hasBackButton>"u"||r.hasBackButton,W=tc(null),L=tc(null);return ec(()=>(jn()&&L.current&&e(L.current),()=>{o()}),[]),ec(()=>(W.current?.addEventListener("scroll",ji),()=>{W.current?.removeEventListener("scroll",ji)}),[]),Ce.createElement(Yp,{height:a,id:ke.SWAP_BOX_ID,className:`${m()} ${tr()}`,ref:L},Ce.createElement(Qh,{prefix:Ce.createElement(Ce.Fragment,null,I&&Ce.createElement(qi,{onClick:()=>{T(),r.onBack&&r.onBack()}})),title:r.title,suffix:Ce.createElement(Ce.Fragment,null,r.suffix,r.onWallet&&!d&&Ce.createElement(Hi,{container:B(),onClick:b,isConnected:!!l?.length}),r.onCancel&&Ce.createElement(Qi,{onClick:r.onCancel}))}),Ce.createElement(Jp,{ref:W},n),Ce.createElement(Ui,{open:h,onClose:()=>y(!1),onConfirm:x}),Ce.createElement(Zp,null,Ce.createElement("div",{className:"footer__content"},C&&!S&&Ce.createElement("div",{className:"footer__alert"},Ce.createElement(Fi,{onActivateTab:x}),Ce.createElement(Rp,{size:10})),s),Ce.createElement(Rp,{size:12}),Ce.createElement("div",{className:`footer__logo ${f?"logo__show":"logo__hidden"}`},Ce.createElement(zh,null))))}i(ie,"Layout");import{styled as Hh}from"@rango-dev/ui";var oc="$20 $20 $10 $20",No=Hh("div",{padding:oc,overflowY:"auto",flexGrow:1});import{styled as Gh}from"@rango-dev/ui";var pe=Gh("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 Yh}from"@rango-dev/ui";import Yi from"react";import{i18n as po}from"@lingui/core";import{Image as Xh,MessageBox as Ki,WalletState as Kh}from"@rango-dev/ui";import Xt from"react";import{keyframes as Vh,styled as or}from"@rango-dev/ui";var F0=or("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),nc=or("div",{position:"relative"}),jh=Vh({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),rc=or("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${jh} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ic=or("div",{"& img":{borderRadius:"50%"}});function sc(t){let{state:e,image:o,error:n}=t;return e===Kh.CONNECTED?Xt.createElement(Ki,{type:"success",title:po.t("Wallet Connected"),description:po.t("Your wallet is connected, you can use it to swap.")}):n?Xt.createElement(Ki,{type:"error",title:po.t("Failed to Connect"),description:n||po.t("Your wallet is not connected. Please try again.")}):Xt.createElement(Ki,{type:"loading",title:po.t("Connecting to your wallet"),description:po.t("Click connect in your wallet popup."),icon:Xt.createElement(nc,null,Xt.createElement(ic,null,Xt.createElement(Xh,{src:o,size:45})),Xt.createElement(rc,null))})}i(sc,"ModalContent");function Lo(t){let{open:e,onClose:o,...n}=t;return Yi.createElement(le,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},Yi.createElement(sc,{...n}),Yi.createElement(Yh,{direction:"vertical",size:32}))}i(Lo,"WalletModal");var ey=pc("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),ty=pc(pe,{textAlign:"center"}),nr=3e3,Ji=300;function cc(){let{config:t,fetchStatus:e}=g(),[o,n]=lc(!1),[r,s]=lc(""),a=null,l=oe.use.isActiveTab(),{list:p,handleClick:c,error:u,disconnectConnectingWallets:f}=ao({config:t,onBeforeConnect:h=>{a=setTimeout(()=>{n(!0),s(h)},Ji)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},nr)}}),m=i(()=>{f(),n(!1)},"handleCloseWalletModal"),d=p.find(h=>h.type===r),S=d?.image||"",C=d?.state||Rh.NOT_INSTALLED;return co.createElement(ie,{header:{title:ac.t("Connect Wallets")}},co.createElement(ty,null,co.createElement(Jh,{variant:"title",size:"xmedium",align:"center"},ac.t("Choose a wallet to connect.")),co.createElement(ey,null,p.map((h,y)=>{let k=`wallet-${y}-${h.type}`;return co.createElement(Zh,{key:k,...h,container:B(),onClick:T=>{c(T)},isLoading:e==="loading",disabled:!l})}),co.createElement(Lo,{open:!!o,onClose:m,image:S,state:C,error:u}))))}i(cc,"WalletsPage");import{keyframes as oy,styled as Zi}from"@rango-dev/ui";var uc=Zi("div",{position:"relative"}),ny=oy({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),mc=Zi("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${ny} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),dc=Zi("div",{"& img":{borderRadius:"50%"}});var ay=7;function es(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=g(),l=oe.use.isActiveTab(),p=X.use.connectedWallets(),{blockchains:c}=g(),[u,f]=Mo(""),[m,d]=Mo(null),[S,C]=Mo(!1),[h,y]=Mo(null),{suggestAndConnect:k}=yc(),T=null,{list:w,error:E,handleClick:v,disconnectConnectingWallets:x}=ao({config:a,chain:e,onBeforeConnect:q=>{T=setTimeout(()=>{f(q)},Ji)},onConnect:()=>{T&&clearTimeout(T),setTimeout(()=>{f("")},nr)}}),[b,I]=Mo(w),W=w.length,L=r&&W-r>0,Q=i(async q=>{C(!1),y("in-progress");try{await k(q.walletType,q.chain),y("completed")}catch{y("rejected")}},"addExperimentalChain");hc(()=>{I(q=>{let J=w.findIndex(Z=>o(Z.type,e));return L&&J>1?[w[J]].concat(w.filter((Z,N)=>N!==J)):q.map(Z=>w.find(N=>N.type===Z.type)??Z)})},[JSON.stringify(w)]);let ee=document.getElementById(ke.SWAP_BOX_ID);hc(()=>{let q=null;return(h==="completed"||h==="rejected")&&(q=setTimeout(()=>y(null),nr)),()=>{q&&clearTimeout(q)}},[h]);let ae=i(()=>{x(),f("")},"handleCloseWalletModal");return ce.createElement(ce.Fragment,null,b.slice(0,r).map(q=>{let J=Ha({connectedWallets:p,walletType:q.type,chain:e}),Z=J?Cn(J,ay):"",N=yn(c(),e),_=!p.find(he=>he.walletType===q.type&&he.chain===e),M=N&&_&&q.state===gc.CONNECTED,V=M?et.t({id:"Add {chain} chain",values:{chain:e}}):Z,ue=i(()=>{q.state===gc.DISCONNECTED?v(q.type):M?(d({walletType:q.type,chain:e,address:J??""}),C(!0)):n({walletType:q.type,chain:e,address:J??""})},"onClick"),de=m?.chain?ll(m.chain,c()):void 0;return ce.createElement(ce.Fragment,{key:`${q.title}_${de}`},ce.createElement(Lo,{open:u===q.type,onClose:ae,image:q.image,state:q.state,error:E}),!!m&&ce.createElement(le,{open:!!m&&S,container:ee,onClose:()=>{d(null)}},ce.createElement(rr,{title:et.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:de}}),type:"warning",description:et.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:de}})},ce.createElement(Ri,{size:18}),ce.createElement(Ri,{size:32}),ce.createElement(ry,{onClick:Q.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},et.t("Confirm")))),h&&ce.createElement(le,{open:!!h,onClose:y.bind(null,null),container:ee},h==="in-progress"&&ce.createElement(rr,{type:"loading",title:et.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:de}}),description:et.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:de}}),icon:ce.createElement(uc,null,ce.createElement(dc,null,ce.createElement(iy,{src:q.image,size:45})),ce.createElement(mc,null))}),h==="completed"&&ce.createElement(rr,{type:"success",title:et.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:de}}),description:et.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:de}})}),h==="rejected"&&ce.createElement(rr,{type:"error",title:et.t("Request Rejected"),description:et.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:de}})}),ce.createElement(Ri,{direction:"vertical",size:32})),ce.createElement(sy,{key:q.type,description:V,onClick:ue,selected:o(q.type,e),disabled:!l,...q}))}),L&&ce.createElement(pp,{selected:!1,onClick:s},ce.createElement(fc,{variant:"label",size:"medium"},et.t("Show more wallets"),ce.createElement(fc,{variant:"label",size:"medium",color:"$primary"},"\xA0+",W-(r??0)))))}i(es,"WalletList");var gy=2;function Cc(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:S,selectWallets:C}=X(),[h,y]=mo(""),[k,T]=mo([]),[w,E]=mo(""),[v,x]=mo(null),[b,I]=mo(!!m),W=Wn(p?.swaps||null),L=l.find(G=>G.name===p?.swaps[p?.swaps.length-1].to.blockchain),Q=i(G=>!!p?.swaps.find(Y=>Y.from.blockchain===G),"isWalletRequiredFor"),ee=i(()=>S.filter(G=>G.selected&&W.includes(G.chain)),"getInitialSelectableWallets"),[ae,q]=mo(ee()),J=l.find(G=>G.name===L?.name),Z=k.length>0,N=i((G,Y)=>!!ae.find(te=>te.walletType===G&&te.chain===Y&&te.selected&&(Q(Y)||!Q(Y)&&!m)),"isSelected"),_=!!m&&b&&J&&!Nn(J,m),M=i(()=>{I(!1),d(null),q(G=>{let Y=!1;return G.map(te=>!Y&&te.chain===L?.name?(Y=!0,{...te,selected:!0}):te)})},"resetCustomDestination"),V=i(G=>{if(h&&y(""),N(G.walletType,G.chain))return;let te=S.find(Ie=>Ie.walletType===G.walletType&&Ie.chain===G.chain);te&&(n(),G.chain===L?.name&&b&&(I(!1),d(null)),q(Ie=>Ie.filter(Ze=>Ze.chain!==G.chain).concat({...te,selected:!0})))},"onChange"),ue=i(()=>{let G=ae.filter(Y=>Y.selected);C(G),c(G),f(!0),o()},"onConfirmBalance"),de=i(async()=>{T([]),E(""),x(null);let G=S.filter(Ie=>ae.find(Ze=>Ze.chain===Ie.chain&&Ze.walletType===Ie.walletType)),Y=await r?.({selectedWallets:G,customDestination:m}),te=Y.warnings;te?.balance?.messages&&T(te.balance.messages),te?.quoteUpdate&&x(te.quoteUpdate),Y.error&&E(Nl(Y.error)),!Y.error&&!te?.balance?.messages.length?ue():T(te?.balance?.messages??[])},"onConfirmWallets");dy(()=>{q(G=>G.concat(S.filter(Y=>!!!G.find(Ie=>Ie.chain===Y.chain)&&Y.selected&&W.includes(Y.chain))))},[S.length]);let he=document.getElementById(ke.SWAP_BOX_ID),yt=fy();return $.createElement(le,{open:e,onClose:()=>{u||yt("../",{replace:!0}),o()},dismissible:!h,container:he,...!h&&{footer:$.createElement(hp,null,$.createElement(Sc,{loading:s,disabled:Xl(s,b,m,p,ae,L),onClick:de,variant:"contained",type:"primary",fullWidth:!0,size:"large"},dt.t("Confirm")))},...h&&{styles:{container:{padding:"$0"}},header:$.createElement(cp,null,$.createElement(up,{variant:"ghost",onClick:y.bind(null,"")},$.createElement(cy,{size:16})),$.createElement(ir,{variant:"headline",size:"small"},dt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ve(h,l)}})))},anchor:"center"},$.createElement(le,{open:Z,onClose:T.bind(null,[]),container:he},$.createElement(uy,{title:dt.t("Insufficient account balance"),type:"error",description:$.createElement(ly,{messages:k??[]})},$.createElement(Sc,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:ue},dt.t("Proceed anyway")))),h&&$.createElement(mp,null,$.createElement("div",{className:dp()},$.createElement(es,{chain:h,isSelected:N,selectWallet:V,onShowMore:y.bind(null,h)}))),!h&&$.createElement($.Fragment,null,w&&$.createElement($.Fragment,null,$.createElement(ts,{variant:"alarm",type:"error",title:dt.t(w)}),$.createElement(uo,{size:12})),v&&$.createElement($.Fragment,null,$.createElement(ts,{variant:"alarm",type:"warning",title:Un(v)}),$.createElement(uo,{size:12})),$.createElement(Sp,null,W.map((G,Y)=>{let te=l.find($e=>$e.name===G),Ie=`wallet-${Y}`,Ze=Y===W.length-1;return $.createElement("div",{key:Ie},$.createElement(ap,null,$.createElement(ir,{variant:"title",size:"xmedium"},dt.t({id:"Your {blockchainName} wallets",values:{blockchainName:te?.shortName}})),$.createElement(ir,{variant:"label",color:"$neutral700",size:"medium"},dt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:te?.shortName}}))),$.createElement(uo,{size:24}),$.createElement(lp,null,$.createElement(es,{chain:G,isSelected:N,selectWallet:V,limit:gy,onShowMore:()=>y(te?.name??"")})),!Ze&&$.createElement(uo,{size:32}),Ze&&a?.customDestination&&$.createElement(fp,null,$.createElement(Gn,{onOpenChange:$e=>{$e?Q(L?.name??"")||q(De=>De.map(ye=>ye.chain===L?.name?{...ye,selected:!1}:ye)):M()},hasSelected:!0,open:b,triggerAnchor:"top",trigger:$.createElement(Cp,null,$.createElement("div",{className:"button__content"},$.createElement(my,{size:18,color:"info"}),$.createElement(uo,{size:4,direction:"horizontal"}),$.createElement(ir,{variant:"label",size:"medium"},dt.t("Send to a different address"))),$.createElement(Qn,{orientation:b?"up":"down"},$.createElement(py,{size:10,color:"gray"}))),onClickTrigger:()=>I($e=>!$e)},$.createElement(uo,{size:4}),$.createElement(yp,{autoFocus:!0,placeholder:dt.t("Your destination address"),value:m||"",onChange:$e=>{let De=$e.target.value;De.length?d(De.length?De:null):(I(!1),d(null))}})),_&&$.createElement("div",{className:gp()},$.createElement(ts,{variant:"alarm",type:"error",title:dt.t({values:{destination:m},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Cc,"ConfirmWalletsModal");import{i18n as _y}from"@lingui/core";import{Alert as Py,Button as $y,InfoIcon as Dy}from"@rango-dev/ui";import He from"react";import{Alert as Sy,Button as Cy,Divider as rs,NoRouteIcon as Ty,RefreshIcon as ky,Typography as Ic}from"@rango-dev/ui";import Qe from"react";import{i18n as Tc}from"@lingui/core";var hy=24,yy=60;function kc(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:K().genericServerError,action:{onClick:n,title:Tc.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:K().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Tc.t("Reset")}},description:K().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:K().noResultError.description}}i(kc,"makeInfo");var os=(o=>(o[o.small=hy]="small",o[o.large=yy]="large",o))(os||{}),ns=(o=>(o.small="small",o.large="medium",o))(ns||{});import{styled as sr}from"@rango-dev/ui";var wc=sr("div",{display:"flex",flexDirection:"column",alignItems:"center"}),xc=sr("div",{variants:{size:{small:{},large:{maxWidth:"316px"}}}}),vc=sr("div",{variants:{size:{small:{width:"100%"},large:{}}}}),bc=sr("div",{padding:"$6 $0"});function Bo(t){let{fetch:e,error:o,size:n="small"}=t,r=g().getDisabledLiquiditySources(),s=g().toggleAllLiquiditySources,a=g().swappers(),l=kc(o,r,()=>s(a,!0),e);return Qe.createElement(wc,null,Qe.createElement(Ty,{size:os[n],color:"gray"}),Qe.createElement(rs,{size:4}),Qe.createElement(Ic,{variant:"title",size:ns[n]},K().noResultError.title),n==="large"&&Qe.createElement(rs,{size:4}),!!l.description&&Qe.createElement(xc,{size:n},Qe.createElement(Ic,{variant:"body",size:"small",align:"center",color:"neutral700"},l.description)),Qe.createElement(rs,{size:n==="large"?"24":"4"}),!!l.alert&&Qe.createElement(vc,{size:n},Qe.createElement(Sy,{type:l.alert.type,title:l.alert.text,titleAlign:"left",action:l.alert.action&&Qe.createElement(Cy,{size:"xsmall",type:l.alert.type,prefix:Qe.createElement(bc,null,Qe.createElement(ky,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i(Bo,"NoResult");import{i18n as _o}from"@lingui/core";import{Button as xy,Divider as vy,MessageBox as by,Typography as Iy,WarningIcon as Ey}from"@rango-dev/ui";import kt from"react";import{Typography as Nc}from"@rango-dev/ui";import ss from"react";import{darkTheme as wy,styled as ar}from"@rango-dev/ui";var Ec=ar("div",{width:"100%"}),is=ar("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"$5",width:"100%"}),Ac=ar("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${wy} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Wc=ar("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Lc(t){let{title:e,value:o,valueColor:n}=t;return ss.createElement(Ac,null,ss.createElement(Nc,{size:"medium",variant:"label",className:"_title"},e),ss.createElement(Nc,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Lc,"QuoteErrorsModalItem");function Mc(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:A(r.inputUsdValue,4,4)},{title:_o.t("Gas cost"),value:A(r.totalFee,2,2)},{title:_o.t("Receiving"),value:A(r.outputUsdValue,4,4)},{title:_o.t("Price impact"),value:A(r.priceImpact,2,2),valueColor:`${a}500`}];return kt.createElement(le,{footer:kt.createElement(xy,{type:"primary",size:"large",prefix:kt.createElement(Ey,null),fullWidth:!0,disabled:s,onClick:n},K().highValueLossError.confirmMessage),open:e,onClose:o,container:B()},kt.createElement(by,{type:a,title:K().highValueLossError.impactTitle,description:K().highValueLossError.description}),kt.createElement(is,null,kt.createElement(vy,{size:"4"}),kt.createElement(Iy,{size:"small",variant:"title"},_o.t("Details")),kt.createElement(is,null,l.map((p,c)=>kt.createElement(Lc,{key:c,...p})))))}i(Mc,"HighValueLossWarningModal");import{i18n as as}from"@lingui/core";function Bc(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=as.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&&(Tt(t.priceImpact)==="high"&&(o.alertType="error"),o.action="show-info",o.title=K().highValueLossError.title),t.type===1&&(o.title=K().unknownPriceError.title),t.type===2&&(o.title=as.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=as.t("Caution, your slippage is high."),o.action="change-settings"),o):null}i(Bc,"makeAlerts");import{i18n as fo}from"@lingui/core";import{Button as _c,Divider as Pc,MessageBox as Ay,Typography as Wy}from"@rango-dev/ui";import Jt from"react";import{useNavigate as Ny}from"react-router-dom";function $c(t){let{customSlippage:e,slippage:o}=g(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=Ny(),c=e??o;return Jt.createElement(le,{anchor:"bottom",open:n,prefix:Jt.createElement(_c,{size:"small",variant:"ghost",onClick:()=>p("../"+F.settings)},Jt.createElement(Wy,{variant:"label",size:"medium",color:"$neutral900"},fo.t("Change settings"))),container:B(),onClose:r},Jt.createElement(Ay,{type:"warning",title:a.type===3?fo.t("High slippage"):fo.t("Low slippage"),description:a.type===3?fo.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:c}}):fo.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Jt.createElement(Pc,{size:18}),Jt.createElement(Pc,{size:32}),Jt.createElement(_c,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},fo.t("Confirm anyway"))))}i($c,"SlippageWarningModal");import{Button as Ly,MessageBox as My,WarningIcon as By}from"@rango-dev/ui";import lr from"react";function Dc(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return lr.createElement(le,{footer:lr.createElement(Ly,{type:"primary",size:"large",prefix:lr.createElement(By,null),fullWidth:!0,disabled:r,onClick:n},K().unknownPriceError.confirmMessage),open:e,onClose:o,container:B()},lr.createElement(My,{type:"warning",title:K().unknownPriceError.impactTitle,description:K().unknownPriceError.description}))}i(Dc,"UnknownPriceWarningModal");function Po(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=Bc(e,o?.type===3||o?.type===4?o:null);return He.createElement(He.Fragment,null,f&&He.createElement(Bo,{error:o,fetch:s}),!!m&&He.createElement(Ec,null,He.createElement(Py,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:He.createElement(Wc,{onClick:a},He.createElement(Dy,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:He.createElement($y,{size:"xxsmall",type:m.alertType,onClick:c},_y.t("Change"))}})),e&&He.createElement(He.Fragment,null,e.type===0&&He.createElement(Mc,{...u,warning:e}),(e.type===3||e.type===2)&&He.createElement($c,{...u,warning:e}),e.type===1&&He.createElement(Dc,{...u,warning:e})))}i(Po,"QuoteWarningsAndErrors");import fS from"bignumber.js";import kr from"react";import{i18n as Uo}from"@lingui/core";import{Alert as tS,Divider as qo,FullExpandedQuote as oS,InfoIcon as nS,QuoteTag as rS,StepDetails as iS,TokenAmount as sS,Tooltip as hu,Typography as ho}from"@rango-dev/ui";import hs from"bignumber.js";import P,{useRef as aS,useState as lS}from"react";import{styled as ls}from"@rango-dev/ui";var ps=ls("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Fc=ls("div",{paddingBottom:"$15"}),Oc=ls("div",{width:"100%",display:"flex"});import*as pr from"@radix-ui/react-collapsible";import{Button as Fy,css as $o,darkTheme as Ae,Image as Uc,styled as Be,Typography as Oy}from"@rango-dev/ui";var Uy=300,qc=Be(pr.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"}}]}),zc=$o({padding:"$10 $15"}),Qc=Be(Fy,{backgroundColor:"transparent",border:"1px solid $secondary"}),Hc=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"}}}}]}),Gc=$o({width:"100%",padding:"$15 $15 $10 $15"}),Vc=$o({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10",position:"relative"}),go=$o({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),jc=$o({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Ae} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Xc=Be(pr.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:{[`& ${Uc}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Uc}`]:{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"}}}),Kc=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"}}}}),Yc=Be(zn,{width:"100%",background:"inherit"}),cs=Be("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Uy}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),wL=Be("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Jc=Be("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ae} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Zc=Be("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),us=Be(Oy,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),Rc=Be("div",{display:"flex",flexWrap:"wrap"}),ms=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"}}}}),eu=Be("div",{display:"flex"}),cr=Be("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${Ae} &`]:{borderTopColor:"$neutral800"}});import{i18n as Dt}from"@lingui/core";import{ChevronDownIcon as zy,CloseIcon as Qy,Divider as dr,IconButton as Hy,QuoteCost as Gy,Tooltip as Vy,Typography as tt}from"@rango-dev/ui";import j,{useState as ru}from"react";import{css as qy,styled as ur}from"@rango-dev/ui";var mr=ur("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),ds=ur("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),tu=ur("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),ou=ur("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),nu=qy({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var jy=i(t=>t.fee.isZero()?null:j.createElement(mr,null,j.createElement(tt,{variant:"label",size:"medium",color:"neutral600"},t.label),j.createElement(tt,{variant:"label",size:"medium"},"$",A(t.fee,4,4))),"NonPayableFee");function iu(t){let[e,o]=ru(!1),[n,r]=ru(!1),{steps:s,quote:a,fee:l,time:p,feeWarning:c,showModalFee:u}=t,f=a?.swaps??[],m=B(),d=$l(f);return j.createElement(j.Fragment,null,j.createElement(Gy,{onClickFee:u?S=>{S.stopPropagation(),o(!e)}:void 0,fee:l,feeWarning:c,time:p,steps:s,tooltipGas:u?Dt.t("View more info"):void 0,tooltipContainer:m}),j.createElement(le,{container:m,open:e,header:j.createElement(ou,null,j.createElement(tt,{variant:"title",size:"medium"},Dt.t("Gas & Fee Explanation")),j.createElement(Hy,{onClick:()=>o(!1),variant:"ghost"},j.createElement(Qy,{color:"gray",size:14}))),onClose:()=>{o(!1)}},j.createElement(tu,null,j.createElement(tt,{variant:"title",size:"small"},Dt.t("Details")),j.createElement(dr,{size:10}),Object.entries(d.payable).flatMap(([S,C])=>C.map((h,y)=>{let k=`payable-fee-${y}`,T=Ti(h);return j.createElement(mr,{key:k},j.createElement(tt,{variant:"label",size:"medium",color:"neutral600"},yi[S]),j.createElement(Vy,{content:se(h.amount),container:m},j.createElement(tt,{variant:"label",size:"medium"},A(h.amount,2,2)," ",h.asset.symbol," ($",A(T,4,4),")")))})),j.createElement(mr,{className:"total_payable_fee"},j.createElement(tt,{variant:"label",size:"medium"},Dt.t("Total Payable Fee")),j.createElement(tt,{variant:"label",size:"medium"},"$",A(l,4,4))),j.createElement(ds,null),Object.keys(d.nonePayable).length&&j.createElement(Gn,{triggerAnchor:"bottom",onClickTrigger:()=>r(S=>!S),trigger:j.createElement("div",{className:nu()},j.createElement(tt,{size:"small",variant:"body",color:"neutral700"},n?Dt.t("Hide non-payable fees"):Dt.t("Show non-payable fees")),j.createElement(dr,{size:4,direction:"horizontal"}),j.createElement(Qn,{orientation:n?"up":"down"},j.createElement(zy,{size:12,color:"gray"}))),open:n},j.createElement(tt,{size:"small",variant:"title"},Dt.t("Description")),j.createElement(dr,{size:4}),j.createElement(tt,{size:"small",variant:"body",color:"neutral700"},Dt.t(`The following fees are considered in the transaction output and
2
+ you won\u2019t need to pay extra gas for them.`)),j.createElement(dr,{size:10}),Object.entries(d.nonePayable).map(([S,C],h)=>{let y=Pl(C),k=yi[S],T=`non-payable-fee-${h}`;return j.createElement(jy,{key:T,fee:y,label:k})}),j.createElement(ds,null)))))}i(iu,"QuoteCostDetails");import{i18n as lu}from"@lingui/core";import{TokenAmount as pu}from"@rango-dev/ui";import fr from"react";import{css as Xy,styled as Ky}from"@rango-dev/ui";var su=Ky("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),au=Xy({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Do(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return fr.createElement(su,null,fr.createElement(pu,{direction:"horizontal",label:lu.t("Swap input"),type:"input",tooltipContainer:B(),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}}),fr.createElement("div",{className:au()}),fr.createElement(pu,{direction:"horizontal",tooltipContainer:B(),label:lu.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(Do,"QuoteSummary");import{i18n as fu}from"@lingui/core";import{ChevronDownIcon as Zy,ChevronRightIcon as Ry,Divider as fs,Image as eS,Tooltip as gs,Typography as hr}from"@rango-dev/ui";import D from"react";import{useEffect as Yy,useState as Fo}from"react";var cu=480,uu=768,mu=1024,du=1200,Jy=i(()=>{let[t,e]=Fo(!1),[o,n]=Fo(!1),[r,s]=Fo(!1),[a,l]=Fo(!1),[p,c]=Fo(!1),u=i(()=>{e(window.innerWidth<=cu),n(window.innerWidth>cu&&window.innerWidth<=uu),s(window.innerWidth>uu&&window.innerWidth<=mu),l(window.innerWidth>mu&&window.innerWidth<=du),c(window.innerWidth>du)},"handleResize");return Yy(()=>(u(),window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)),[]),{isMobile:t,isTablet:o,isNotebook:r,isLargeScreen:a,isExtraLargeScreen:p}},"useScreenDetect"),gr=Jy;var yr=4,Sr=6,Oo=i(t=>{let e=B(),{content:o,src:n,className:r,open:s,state:a}=t;return D.createElement(gs,{container:e,side:"bottom",sideOffset:4,open:s,content:o},D.createElement(Kc,{className:r,state:a},D.createElement(eS,{src:n,size:16})))},"ImageComponent");function gu(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:s,type:a}=t,l=B(),p=r.length,c=ep(r),{isTablet:u,isMobile:f}=gr();return D.createElement(Xc,{listItem:a==="list-item",ref:m=>e.current=m,selected:o,onClick:m=>{m.stopPropagation(),n(d=>!d)}},D.createElement("div",{className:go()},D.createElement(hr,{variant:"body",size:"xsmall"},fu.t("Via:")),D.createElement(fs,{direction:"horizontal",size:4}),r.map((m,d)=>{let S=`item-${d}`,C=D.createElement(cs,null,D.createElement(Ry,{size:12,color:"black"}));return f||u?D.createElement(D.Fragment,{key:S},D.createElement(Oo,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),d!==p-1&&D.createElement(D.Fragment,null,C)):D.createElement(D.Fragment,{key:S},p<=yr||p>yr&&d<yr-1?D.createElement(D.Fragment,null,D.createElement(Oo,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),d!==p-1&&D.createElement(D.Fragment,null,C)):d===yr-1&&D.createElement(gs,{container:l,side:"bottom",align:"right",sideOffset:4,content:D.createElement("div",{className:go()},C,r.map((h,y)=>{let k=`image-${y}`;return y>=d&&D.createElement(D.Fragment,{key:k},D.createElement(Oo,{content:h.swapper.displayName,src:h.swapper.image,state:h.state,open:!1}),y!==p-1&&D.createElement(D.Fragment,null,C))}))},D.createElement(ms,{state:r.find((h,y)=>y>=d&&(h.state==="error"||h.state==="warning"))?.state},D.createElement(hr,{size:"xsmall",variant:"body"},"+",p-d))))})),D.createElement("div",{className:go()},D.createElement("div",{className:"blockchains_section"},D.createElement("div",{className:go()},D.createElement(hr,{variant:"body",size:"xsmall"},fu.t("Chains:")),D.createElement(fs,{direction:"horizontal",size:4}),c.map((m,d)=>D.createElement(D.Fragment,{key:m.displayName},c.length<=Sr||c.length>Sr&&d<Sr-1?D.createElement(Oo,{content:"",src:m.image,open:!1,className:d!==0?"blockchainImage":""}):d===Sr-1&&D.createElement(gs,{container:l,side:"bottom",align:"right",sideOffset:4,content:D.createElement("div",{className:go()},c.map((S,C)=>C>=d&&D.createElement(Oo,{key:S.displayName,content:"",src:S.image,open:!1,className:C>d?"blockchainImage":""})))},D.createElement(ms,{className:"blockchainImage"},D.createElement(hr,{size:"xsmall",variant:"body"},"+",c.length-d))))),D.createElement(fs,{direction:"horizontal",size:32}))),D.createElement(cs,{orientation:s?"up":"down"},D.createElement(Zy,{size:12,color:"black"}))))}i(gu,"QuoteTrigger");function ys(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(),S=g().swappers(),[C,h]=lS(t.expanded),y=aS(null),k=A(o.value,6,6),T=A(n.value,6,6),w=n.usdValue?A(n.usdValue,4,4):"",E=Xe(o.usdValue,n.usdValue??null),v=A(E,2,2),x=Tt(E??0),I=i(N=>N.map((_,M)=>{let V,ue=r?.type===3&&r.swap.swapperId===_.swapperId||r?.type===4&&r.recommendedSlippages?.has(M),de=s?.type===2&&s.recommendedSlippages?.has(M);ue?V="error":de&&(V="warning");let he=ue?Uo.t("Slippage Error"):Uo.t("Slippage Warning");return r?.type===3&&(he=r?.recommendation),{swapper:{displayName:bo(_.swapperId,S),image:_.swapperLogo},from:{token:{displayName:_.from.symbol,image:_.from.logo},chain:{displayName:Ve(_.from.blockchain,m),image:_.from.blockchainLogo},price:{value:M===0?A(o.value,6,6):A(_.fromAmount,6,6),usdValue:A((_.from.usdPrice??0)*parseFloat(_.fromAmount),4,4),realValue:se(M===0?o.value:_.fromAmount),realUsdValue:se(new hs(_.from.usdPrice??0).multipliedBy(_.fromAmount))}},to:{token:{displayName:_.to.symbol,image:_.to.logo},chain:{displayName:Ve(_.to.blockchain,m),image:_.to.blockchainLogo},price:{value:A(_.toAmount,6,6),usdValue:A((_.to.usdPrice??0)*parseFloat(_.toAmount),4,4),realValue:se(_.toAmount),realUsdValue:se(new hs(_.to.usdPrice??0).multipliedBy(_.toAmount))}},state:V,alerts:ue||de?P.createElement(Fc,null,P.createElement(tS,{variant:"alarm",type:ue?"error":"warning",title:he,footer:P.createElement(Oc,null,r?.type===3&&P.createElement(P.Fragment,null,P.createElement(ho,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),P.createElement(qo,{direction:"horizontal",size:8}),P.createElement(ho,{size:"xsmall",variant:"body",color:"neutral900"},"|"),P.createElement(qo,{direction:"horizontal",size:8}),P.createElement(ho,{size:"xsmall",variant:"body",color:"neutral900"},Uo.t({id:"Yours: {amount} {symbol}",values:{amount:A(_.fromAmount,6,6),symbol:_?.from.symbol}}))),(r?.type===4||s?.type===2)&&P.createElement(ho,{size:"xsmall",variant:"body",color:"neutral900"},Uo.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(M)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(M)}}})))})):void 0}}),"getQuoteSteps")(e?.swaps??[]),W=I.length,L=B(),Q=op(t.quote.tags||[]),ee=!!u,ae=un(mn(e?.swaps)),q=Bn(e?.swaps??[],d),J=A(q,2,2),Z=q.gte(new hs(Wl));return f?P.createElement(oS,{selected:l,fee:J,time:ae,tooltipContainer:vn(),steps:I,tags:Q,feeWarning:Z,percentageChange:v,warningLevel:x,outputPrice:{value:T,usdValue:w,realValue:se(n.value),realUsdValue:se(n.usdValue)}}):P.createElement(Hc,{selected:l,listItem:a==="list-item",basic:a==="basic"},P.createElement("div",{className:Gc()},!p&&Q.length?P.createElement(P.Fragment,null,P.createElement(eu,null,Q.map((N,_)=>{let M=`${N.value}_${_}`;return P.createElement(P.Fragment,{key:M},P.createElement(rS,{label:N.label,value:N.value}),P.createElement(qo,{size:4,direction:"horizontal"}))})),P.createElement(cr,null),!ee&&P.createElement(qo,{size:4})):null,P.createElement("div",{id:"portal-root",className:Vc()},P.createElement(iu,{quote:e,time:ae,fee:J,feeWarning:Z,showModalFee:c,steps:W}),ee&&P.createElement(Qc,{onClick:N=>{N.stopPropagation(),u()},size:"xxsmall",type:"secondary",variant:"default"},P.createElement(ho,{color:"secondary",variant:"label",size:"medium"},Uo.t("See All Routes")))),a==="basic"&&P.createElement("div",{className:jc()},P.createElement(Zc,null,P.createElement(nS,{size:12,color:"gray"})),P.createElement(Rc,null,P.createElement(us,{size:"small",variant:"body"},`${k} ${I[0].from.token.displayName} = `),P.createElement(hu,{content:se(n.value),container:L,open:n.value?void 0:!1},P.createElement(us,{size:"small",variant:"body"},"\xA0",`${T} ${I[I.length-1].to.token.displayName}`))),P.createElement(hu,{content:se(n.usdValue),container:L,style:{display:"flex"}},P.createElement(ho,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${w})`))),a==="list-item"&&P.createElement(sS,{tooltipContainer:L,type:"output",direction:"vertical",price:{value:T,usdValue:w,realValue:se(n.value),realUsdValue:se(n.usdValue)},token:{displayName:I[W-1].to.token.displayName,image:I[W-1].to.token.image},chain:{image:I[W-1].to.chain.image},percentageChange:v,warningLevel:x}),a==="swap-preview"&&P.createElement(P.Fragment,null,P.createElement(Do,{from:I[0].from,to:I[W-1].to,percentageChange:v,warningLevel:x}),P.createElement(qo,{size:4}))),P.createElement(qc,{selected:l,listItem:a==="list-item",open:C,className:"quote_container",onOpenChange:h},P.createElement(gu,{type:a,quoteRef:y,selected:l,setExpanded:h,expanded:C,steps:I}),P.createElement(Yc,{open:C},P.createElement(Jc,null),P.createElement("div",{className:zc()},I.map((N,_)=>{let M=`item-${_}`;return P.createElement(iS,{type:"quote-details",key:M,tooltipContainer:L,step:N,hasSeparator:_!==I.length-1,state:N.state})})))))}i(ys,"Quote");import{Divider as mS,Skeleton as dS}from"@rango-dev/ui";import xt from"react";import{darkTheme as pS,styled as Cr}from"@rango-dev/ui";var yu=Cr("div",{$$color:"$colors$neutral100",[`.${pS} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15",variants:{rounded:{true:{borderRadius:"$xm"}},expanded:{true:{paddingBottom:"3px"},false:{paddingBottom:"$12"}}}}),Su=Cr("div",{paddingTop:"$2"}),Cu=Cr("div",{paddingLeft:"$8"}),Tu=Cr("div",{borderLeft:"1px dashed $foreground",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Nu,Divider as ot,Skeleton as Ge}from"@rango-dev/ui";import O from"react";import{css as cS,styled as wt}from"@rango-dev/ui";var Ss=wt("div",{display:"flex"}),ku=wt("div",{padding:"$10 $0 $20"}),wu=wt("div",{padding:"14px $0 $20 $0",display:"flex",flexDirection:"column"}),xu=wt("div",{display:"flex",justifyContent:"start",alignItems:"center"}),vu=wt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),bu=wt("div",{height:"$24",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Iu=wt("div",{width:"65%",display:"flex",justifyContent:"start"}),Eu=wt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Au=wt("div",{padding:"$15 $0 $15 $0"}),Wu=cS({display:"flex",justifyContent:"space-between",alignItems:"center"});function zo(t){let{type:e,tagHidden:o=!0}=t,n=O.createElement(vu,null,O.createElement(Iu,null,O.createElement(Nu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),O.createElement(ot,{size:8,direction:"horizontal"}),O.createElement(Eu,null,O.createElement(Ge,{height:10,width:60,variant:"rounded"}),O.createElement(ot,{size:4}),O.createElement(Ge,{height:15,variant:"rounded"}))),O.createElement(Ge,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return O.createElement("div",null,!o&&O.createElement(O.Fragment,null,O.createElement(Ss,null,O.createElement(Ge,{width:65,height:20,variant:"rounded"}),O.createElement(ot,{size:4,direction:"horizontal"}),O.createElement(Ge,{width:65,height:20,variant:"rounded"}),O.createElement(ot,{size:4,direction:"horizontal"}),O.createElement(Ge,{width:65,height:20,variant:"rounded"})),O.createElement(cr,null),!r&&O.createElement(ot,{size:4})),O.createElement("div",{className:Wu()},O.createElement(Ss,null,O.createElement(Ge,{width:60,height:10,variant:"rounded"}),O.createElement(ot,{size:4,direction:"horizontal"}),O.createElement(Ge,{width:60,height:10,variant:"rounded"}),O.createElement(ot,{size:4,direction:"horizontal"}),O.createElement(Ge,{width:60,height:10,variant:"rounded"})),r&&O.createElement(Ge,{width:85,height:24,variant:"rounded"})),e==="basic"&&O.createElement(ku,null,O.createElement(Ge,{height:15,width:148,variant:"rounded"})),e==="list-item"&&O.createElement(wu,null,O.createElement(xu,null,O.createElement(Nu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),O.createElement(ot,{direction:"horizontal",size:4}),O.createElement(Ge,{height:15,width:150,variant:"rounded"})),O.createElement(ot,{size:10}),O.createElement(Ge,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&O.createElement(O.Fragment,null,O.createElement(ot,{size:4}),O.createElement(Au,null,n,O.createElement(bu,null),n),O.createElement(ot,{size:12})))}i(zo,"QuoteSummarySkeleton");import{ChainToken as Pu,Divider as Ts,NextIcon as uS,Skeleton as Tr}from"@rango-dev/ui";import Te from"react";import{styled as Qo}from"@rango-dev/ui";var Lu=Qo("div",{display:"flex",alignItems:"start"}),Mu=Qo("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center",variants:{extraSpace:{true:{paddingBottom:"$40"}}}}),Cs=Qo("div",{display:"flex",alignItems:"center",flexGrow:1}),Bu=Qo("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),_u=Qo("div",{display:"flex",alignItems:"center"});function ft(t){let{separator:e=!0}=t;return Te.createElement(Te.Fragment,null,Te.createElement(_u,null,Te.createElement(Tr,{height:22,width:22,variant:"circular"}),Te.createElement(Ts,{direction:"horizontal",size:8}),Te.createElement(Tr,{height:15,width:148,variant:"rounded"})),Te.createElement(Lu,null,Te.createElement(Tu,{hideSeparator:!e}),Te.createElement(Mu,{extraSpace:e},Te.createElement(Cs,null,Te.createElement(Pu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Te.createElement(Ts,{direction:"horizontal",size:8}),Te.createElement(Tr,{height:12,variant:"rounded"})),Te.createElement(Bu,null,Te.createElement(uS,{color:"gray",size:16})),Te.createElement(Cs,null,Te.createElement(Pu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Te.createElement(Ts,{direction:"horizontal",size:8}),Te.createElement(Tr,{height:12,variant:"rounded"})))))}i(ft,"StepSkeleton");function Ho(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return xt.createElement(yu,{expanded:o,rounded:e!=="basic"},xt.createElement(zo,{type:e,tagHidden:n}),xt.createElement(Su,null,xt.createElement(dS,{height:15,variant:"rounded"})),o&&xt.createElement(Cu,null,xt.createElement(mS,{size:24}),xt.createElement(ft,null),xt.createElement(ft,null),xt.createElement(ft,{separator:!1})))}i(Ho,"QuoteSkeleton");function Zt(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:S,toToken:C}=H(),h=e?.outputAmount?new fS(e?.outputAmount):null,y=e?.outputAmount?Pn(e?.outputAmount,$n(e)||C?.usdPrice):null,T=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?kr.createElement(ps,null,kr.createElement(Ho,{tagHidden:l,type:o,expanded:a})):T?kr.createElement(ps,{onClick:()=>p?.(e)},kr.createElement(ys,{quote:e,error:r,showModalFee:c,warning:s,tagHidden:l,selected:u,type:o,expanded:a,onClickAllRoutes:f,fullExpandedMode:m,input:{value:d,usdValue:S?.toString()??""},output:{value:h?.toString()??"",usdValue:y?.toString()??""}})):null}i(Zt,"QuoteInfo");import{calculatePendingSwap as yS}from"@rango-dev/queue-manager-rango-preset";import{useEffect as SS}from"react";import{useRef as gS,useState as hS}from"react";function wr({request:t}){let[e,o]=hS(!1),n=gS(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(wr,"useFetch");function $u(){let{fetch:t,loading:e,cancelFetch:o}=wr({request:async(n,r)=>await Nt().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i($u,"useFetchConfirmQuote");function xr(t){if(!t.swaps)throw new Error(K().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=ks(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(xr,"throwErrorIfResponseIsNotValid");function ks(t){if(Ml(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Bl(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}}}let o=Dl(t);if(o){let n=_n(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(ks,"getQuoteError");function Du(t,e,o){let n=!1;t&&(n=Zl(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&&(Ql(t,e)?r.quoteUpdate={type:3,newOutputAmount:A(oo(e)),percentageChange:A(Xe(oo(t)??"",oo(e)??""),null,2)}:ki(t,e)?r.quoteUpdate={type:0}:wi(t,e)?r.quoteUpdate={type:1}:xi(t,e)&&(r.quoteUpdate={type:2}));let a=Hl(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Du,"generateWarnings");function vr(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(vr,"handleQuoteErrors");function ws(){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:S,cancelFetch:C,loading:h}=$u();return SS(()=>C,[]),{loading:h,fetch:i(async k=>{let T=k.selectedWallets,w=k?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let E=T.reduce((x,b)=>(x[b.chain]=b.address,x),{}),v={requestId:r?.requestId||"",selectedWallets:E,destination:w||void 0};try{return await S(v).then(x=>{let{result:b}=x;xr({diagnosisMessages:b.diagnosisMessages,requestId:b.requestId,swaps:b.result?.swaps});let I={outputAmount:b.result?.outputAmount,requestId:b.requestId,resultType:b.result?.resultType,swaps:b.result?.swaps||[],validationStatus:b.validationStatus,requestAmount:b.requestAmount};n(I);let W={slippage:d.toString(),disabledSwappersGroups:u},L=yS(o.toString(),b,ql(T),W,!1,{blockchains:f,tokens:m}),Q=Du(r??void 0,I,{fromToken:t,toToken:e,meta:{blockchains:f,tokens:m},selectedWallets:T,userSlippage:d});return Q.quoteUpdate&&a(!1),l(),{quote:I,swap:L,error:null,warnings:Q}})}catch(x){return vr(x)}},"fetch"),cancelFetch:C}}i(ws,"useConfirmSwap");var LS=wS("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Ou}`]:{width:"$48",height:"$48"}}),MS=vs({flexGrow:1,paddingRight:"$10"}),BS=vs({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),_S=vs({display:"flex",justifyContent:"space-between",alignItems:"center"});function Uu(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=H(),l=NS(),p=WS(),[c,u]=Ir(""),{connectedWallets:f}=X(),m=!n,[d,S]=Ir(!1),{isActiveTab:C}=oe(),h=g().getDisabledLiquiditySources(),y=ES(h),{manager:k}=CS(),{fetch:T,loading:w,cancelFetch:E}=ws(),[v,x]=Ir({swap:null,error:null,warnings:null}),[b,I]=Ir(!1),W=i(async({selectedWallets:N,customDestination:_})=>{let M=await T?.({selectedWallets:N,customDestination:_});return x(M),M},"onConfirmSwap"),L=i(async()=>{if(v.swap&&n)try{await k?.create("swap",{swapDetails:v.swap},{id:v.swap.requestId});let N=`../${F.swaps}/${v.swap.requestId}`;l(N,{replace:!0}),setTimeout(()=>{e("")},0)}catch(N){u("Error: "+N?.message)}},"addNewSwap"),Q=i(async()=>{await L()},"onConfirm"),ee=i(async()=>{v?.warnings?.quote&&!a?I(!0):await Q()},"onStartConfirmSwap"),ae=i(async()=>{x({error:null,swap:null,warnings:null}),T({selectedWallets:o,customDestination:s}).then(N=>{x(N)}).catch(N=>console.error(N))},"onRefresh");Go(()=>{!!y.current.length&&!h.length&&ae(),y.current=h},[h.length]),Go(()=>{m&&E()},[m]),Go(()=>{m&&S(m)},[m]),Go(()=>{m||T({selectedWallets:o,customDestination:s}).then(N=>x(N)).catch(N=>console.error(N))},[]),Go(()=>{let N=v.warnings?.quote?.type&&Object.values(Mt).includes(v.warnings?.quote?.type),_=o.length<1||!o.every(V=>f.find(ue=>V.address===ue.address&&V.walletType===ue.walletType&&V.chain===ue.chain)),M=!1;if(N){let V=Wn(t?.swaps||null),ue=t?.swaps[t.swaps.length-1].to.blockchain;!!t?.swaps.find(yt=>yt.from.blockchain===ue)||(V=V.slice(-V.length,V.length-1)),V.every(yt=>o.find(G=>G.chain===yt))||(M=!0)}t&&(_||M)&&(queueMicrotask(()=>AS(S.bind(null,!0))),r(!1))},[v.warnings?.quote,o.length,f.length]),IS(()=>{t||l(`../${p.search}`)},[]);let q=v.warnings?.quote??null,J=v.error,Z=[];if(c&&Z.push(me.createElement(Fu,{type:"error",variant:"alarm",title:c})),v.warnings?.quoteUpdate&&Z.push(me.createElement(Fu,{variant:"alarm",type:"warning",title:v.warnings.quoteUpdate&&Un(v.warnings.quoteUpdate)})),q||J){let N=`../${F.settings}`;Z.push(me.createElement(Po,{warning:q,error:J,refetchQuote:ae,showWarningModal:b,confirmationDisabled:!C,onOpenWarningModal:()=>I(!0),onCloseWarningModal:()=>I(!1),onConfirmWarningModal:async()=>{I(!1),await L()},onChangeSettings:()=>l(N)}))}return me.createElement(ie,{header:{title:br.t("Confirm Swap"),onWallet:()=>{let N=`../${F.wallets}`;l(N)},suffix:me.createElement(xS,{container:B(),side:"bottom",content:br.t("Settings")},me.createElement(Ye,{size:"small",variant:"ghost",onClick:()=>l("../"+F.settings)},me.createElement(kS,{size:18,color:"black"})))},footer:me.createElement(LS,null,me.createElement("div",{className:MS()},me.createElement(TS,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:w,disabled:!!v.error||!C,onClick:ee},br.t("Start Swap"))),me.createElement(Ou,{variant:"contained",type:"primary",size:"large",loading:w,onClick:S.bind(null,!0)},me.createElement(bS,{size:24})))},d&&me.createElement(Cc,{open:d,onClose:()=>S(!1),onCancel:E,loading:w,onCheckBalance:W}),me.createElement(pe,null,me.createElement("div",{className:_S()},me.createElement(vS,{variant:"title",size:"small"},br.t("You get")),me.createElement("div",{className:BS()},me.createElement(Zn,{onClick:!w&&!d&&!b?ae:void 0}))),me.createElement(xs,{size:"12"}),xp(Z.map((N,_)=>({element:N,key:`alert-${_}`})),me.createElement(xs,{size:10})),Z.length>0?me.createElement(xs,{size:10}):null,me.createElement(Zt,{quote:t,type:"swap-preview",expanded:!0,tagHidden:!0,error:v.error,loading:w,warning:v.warnings?.quote??null})))}i(Uu,"ConfirmSwapPage");import{i18n as Ar}from"@lingui/core";import{useManager as YS}from"@rango-dev/queue-manager-react";import{Divider as Ju,NotFound as JS,styled as ZS}from"@rango-dev/ui";import bt,{useState as RS}from"react";import{useNavigate as eC}from"react-router-dom";import{i18n as DS}from"@lingui/core";import{Divider as Gu,GroupedVirtualizedList as FS,Skeleton as OS,SwapListItem as Vu,Typography as US}from"@rango-dev/ui";import _e,{useCallback as ju,useEffect as qS,useRef as zS,useState as QS}from"react";function qu(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(qu,"calculateGroupsSoFar");import{css as PS,darkTheme as $S,styled as Vo}from"@rango-dev/ui";var bs=PS(),zu=Vo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),Is=Vo("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${bs}`]:{$$color:"$colors$neutral600",[`.${$S} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Es=Vo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Qu=Vo("div",{gap:"$10",display:"flex",flexDirection:"column"}),Hu=Vo("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var HS=10;function As(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=QS([]),l=zS(0),{swaps:p,groupCounts:c,groups:u}=n(e),f=ju(qu,[]),m=ju(()=>{let d=e.length-l.current;d&&(l.current+=Math.min(d,HS),a(f(c,l.current)))},[e.length]);if(qS(()=>{r||m()},[r,m]),r){let d=[1,2];return _e.createElement(_e.Fragment,null,[d,d].map((C,h)=>_e.createElement(Is,{key:h},_e.createElement(Es,null,_e.createElement(OS,{variant:"text",width:60,size:"small"}),_e.createElement(Gu,{size:16})),_e.createElement(Gu,{size:4}),_e.createElement(Qu,null,C.map((k,T)=>_e.createElement(Vu,{isLoading:!0,key:T}))))))}return _e.createElement(FS,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:d=>_e.createElement(Is,null,_e.createElement(Es,null,_e.createElement(US,{variant:"label",size:"medium",className:bs()},u[d]))),itemContent:(d,S)=>{let C=p[d];if(!C)return null;let h=C.steps[0],y=C.steps[C.steps.length-1];return _e.createElement(zu,{key:C.requestId},_e.createElement(Vu,{requestId:C.requestId,creationTime:C.creationTime,status:C.status,onClick:o,tooltipContainer:B(),onlyShowTime:u[S]===DS.t("Today"),swapTokenData:{from:{token:{image:h.fromLogo,displayName:h.fromSymbol},blockchain:{image:h.fromBlockchainLogo||""},amount:A(C.inputAmount,6,6),realAmount:se(C.inputAmount)},to:{token:{image:y.toLogo,displayName:y.toSymbol},blockchain:{image:y.toBlockchainLogo||""},amount:A(y.outputAmount||y.expectedOutputAmountHumanReadable||"",6,6),realAmount:se(y.outputAmount||y.expectedOutputAmountHumanReadable)}}}))}})}i(As,"HistoryGroupedList");import{CloseIcon as VS,IconButton as jS,SearchIcon as XS,TextField as KS}from"@rango-dev/ui";import jo from"react";import{styled as GS}from"@rango-dev/ui";var Xu=GS("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function vt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return jo.createElement(KS,{prefix:jo.createElement(Xu,null,jo.createElement(XS,{color:"black"})),suffix:!!a.length&&jo.createElement(jS,{variant:"ghost",onClick:()=>l?.(""),size:"small"},jo.createElement(VS,{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(vt,"SearchInput");import{i18n as Er}from"@lingui/core";import Ku from"dayjs";var Yu=i(t=>{let e=new Map([["today",{title:Er.t("Today"),swaps:[]}],["week",{title:Er.t("This week"),swaps:[]}],["month",{title:Er.t("This month"),swaps:[]}],["year",{title:Er.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=Ku();t.forEach(p=>{let c=Number(p.creationTime),u=Ku(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 tC=ZS("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),oC=i((t,e)=>t?.length?t.filter(o=>lt(o.fromBlockchain,e)||lt(o.toBlockchain,e)||lt(o.toSymbol,e)||lt(o.fromSymbol,e)).length:!1,"isStepContainsText");function Zu(){let t=eC(),{manager:e,state:o}=YS(),n=mt(e).map(({swap:u})=>u),[r,s]=RS(""),a=!o.loadedFromPersistor,l=i(u=>{let f=u.target.value;s(f)},"searchHandler"),p=n;r&&(p=n.filter(u=>lt(u.inputAmount,r)||lt(u.status,r)||oC(u.steps,r)||lt(u.requestId,r)));let c=!p?.length&&!a;return bt.createElement(ie,{header:{title:Ar.t("History")}},bt.createElement(pe,null,bt.createElement(vt,{setValue:s,fullWidth:!0,variant:"contained",placeholder:Ar.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),bt.createElement(Ju,{size:"16"}),bt.createElement(tC,null,c&&bt.createElement(Hu,null,bt.createElement(Ju,{size:32}),bt.createElement(JS,{title:Ar.t("No results found"),description:r?Ar.t("Try using different keywords"):""})),!c&&bt.createElement(As,{list:p,onSwapClick:t,groupBy:Yu,isLoading:a}))))}i(Zu,"HistoryPage");import{i18n as TC}from"@lingui/core";import{Button as kC,Divider as gm,styled as wC,WarningIcon as xC}from"@rango-dev/ui";import Ue,{useEffect as hm,useState as ym}from"react";import{useNavigate as vC}from"react-router-dom";import{i18n as lC}from"@lingui/core";import{Header as pC}from"@rango-dev/ui";import Ft,{useEffect as cC,useState as uC}from"react";import{i18n as rC}from"@lingui/core";import{Divider as Ns,FullExpandedQuote as iC,Typography as sC}from"@rango-dev/ui";import fe from"react";import{styled as Ws}from"@rango-dev/ui";var Ru=Ws("div",{display:"flex",justifyContent:"center",flexDirection:"column",height:"100%"}),em=Ws("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),tm=Ws("div",{width:"146px"});import{Select as nC}from"@rango-dev/ui";import om from"react";function Wr(t){let{updateQuotePartialState:e,sortStrategy:o}=H();return om.createElement(tm,null,om.createElement(nC,{container:t.container,options:Al,value:o,handleItemClick:n=>{e("sortStrategy",n.value)},variant:"filled"}))}i(Wr,"SelectStrategy");var nm=3;function Xo(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:S,customSlippage:C}=g(),h=g().tokens(),y=!!p&&p.results.length,k=C??S,T=i(v=>{if(!u||!f||!p)return null;let x={requestAmount:p.requestAmount,...v};return no(x,{fromToken:u,toToken:f,userSlippage:k,tokens:h})},"getQuoteWarning"),w=d?.type===0||d?.type===1,E=p?.results?Dn(m,p?.results):[];return fe.createElement(fe.Fragment,null,s&&fe.createElement(fe.Fragment,null,fe.createElement(em,null,fe.createElement(sC,{size:"xmedium",variant:"title"},rC.t("Sort by")),fe.createElement(Wr,{container:B()})),fe.createElement(Ns,{size:"10"})),e&&Array.from({length:nm},(v,x)=>fe.createElement(fe.Fragment,{key:x},a?fe.createElement(iC,{loading:!0}):fe.createElement(Ho,{tagHidden:!1,type:"list-item",expanded:!1}),x!==nm-1&&fe.createElement(Ns,{size:16}))),!e&&fe.createElement(fe.Fragment,null,y?E.map((v,x)=>{let b=T(v),I=ks(v.swaps),W=E.length-1===x;return fe.createElement(fe.Fragment,{key:v.requestId},fe.createElement(Zt,{showModalFee:r,selected:l?.requestId===v.requestId,tagHidden:!1,quote:{...v,requestAmount:p.requestAmount},loading:e,error:I?.options||null,warning:b,fullExpandedMode:a,onClick:L=>{I||c("warning",b),c("error",I?.options||null),o(L)},type:"list-item"}),!W&&fe.createElement(Ns,{size:16}))}):w&&fe.createElement(Ru,null,fe.createElement(Bo,{size:a?"large":"small",error:d,fetch:n}))))}i(Xo,"Quotes");import{darkTheme as aC,styled as rm}from"@rango-dev/ui";var im=rm("div",{transition:"width 0.2s, opacity 0.2s, margin-left 0.2s",height:"700px",width:"390px",opacity:1,marginLeft:"$16",backgroundColor:"$neutral100",[`.${aC} &`]:{backgroundColor:"$neutral300"},variants:{expandMode:{default:{width:"390px"},full:{width:"719px"}}},"&.is-hidden":{width:0,height:0,opacity:0,marginLeft:0}}),sm=rm("div",{position:"relative",overflow:"hidden",padding:"$20",flexGrow:1,display:"flex",flexDirection:"column",overflowY:"auto",borderRadius:"$primary",backgroundColor:"$background"});var mC=100;function Ls(t){let{fetch:e,loading:o,onClickOnQuote:n,onClickRefresh:r,isVisible:s}=t,[a,l]=uC(!1),p=a?"":"is-hidden",{config:c}=g(),u=c?.variant==="full-expanded";return cC(()=>{let f=null;return s?f=setTimeout(()=>{l(!0)},mC):(l(!1),f&&clearTimeout(f)),()=>{f&&clearTimeout(f)}},[s]),Ft.createElement(im,{expandMode:c?.variant==="full-expanded"?"full":"default",className:`${p} ${tr()}`,id:ke.EXPANDED_BOX_ID},Ft.createElement(pC,{title:lC.t("Routes"),suffix:Ft.createElement(Ft.Fragment,null,Ft.createElement(Wr,{container:vn()}),Ft.createElement(jt,{onClickRefresh:r,hidden:["history","notifications","settings"]}))}),Ft.createElement(sm,null,Ft.createElement(Xo,{showModalFee:!1,fetch:e,hasSort:!1,loading:o,onClickOnQuote:n,fullExpandedMode:u})))}i(Ls,"ExpandedQuotes");import{i18n as mm}from"@lingui/core";import{SwapInput as dm}from"@rango-dev/ui";import Ko from"react";import{ReverseIcon as dC,styled as am}from"@rango-dev/ui";import Ms from"react";var fC=am("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),gC=am("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 lm(){let t=H.use.switchFromAndTo();return Ms.createElement(fC,null,Ms.createElement(gC,{onClick:()=>{t()}},Ms.createElement(dC,{size:12})))}i(lm,"SwitchFromAndToButton");import{styled as pm}from"@rango-dev/ui";var cm=pm("div",{display:"flex",flexDirection:"column",gap:"$5",alignSelf:"stretch"}),um=pm("div",{position:"relative"});function Bs(t){let{fetchingQuote:e,fetchMetaStatus:o,onClickToken:n}=t,{fromToken:r,fromBlockchain:s,toToken:a,toBlockchain:l,setInputAmount:p,inputAmount:c,inputUsdValue:u,outputAmount:f,outputUsdValue:m,selectedQuote:d}=H(),{connectedWallets:S,getBalanceFor:C}=X(),{config:{variant:h}}=g(),y=r?C(r):null,k=Sn(y)?.amount??"0",T=s&&r?A(y?.amount,y?.decimals):"0",w=!!s&&Ga(S,s.name),E=!Ci(d,c,u),v=!Ci(d,c,m),x=!u||!m||!m.gt(0)?null:Xe(u.toString(),m.toString());return Ko.createElement(cm,null,Ko.createElement(um,null,Ko.createElement(dm,{label:mm.t("From"),mode:"From",onInputChange:p,balance:k,chain:{displayName:s?.displayName||"",image:s?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>n("from"),price:{value:c,usdValue:E?void 0:A(u,4,4),realUsdValue:E?void 0:se(u),error:E?K().unknownPriceError.impactTitle:void 0},disabled:o==="failed",loading:o==="loading",loadingBalance:w,tooltipContainer:B(),onSelectMaxBalance:()=>{k!=="0"&&p(T.split(",").join(""))}}),Ko.createElement(lm,null)),Ko.createElement(dm,{sharpBottomStyle:h==="default"&&(!!d||e),label:mm.t("To"),mode:"To",fetchingQuote:e,chain:{displayName:l?.displayName||"",image:l?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:A(Xe(u,m),2,2),warningLevel:Tt(x??0),price:{value:A(f,6,6),usdValue:v?void 0:A(m,4,4),realValue:se(f),realUsdValue:v?void 0:se(m),error:v?K().unknownPriceError.impactTitle:void 0},onClickToken:()=>n("to"),disabled:o==="failed",loading:o==="loading",tooltipContainer:B()}))}i(Bs,"Inputs");import{useCallback as hC,useEffect as yC,useState as SC}from"react";function fm(){let{fetch:t,loading:e,cancelFetch:o}=wr({request:async(n,r)=>await Nt().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(fm,"useFetchAllQuotes");var CC=600;function Nr({refetchQuote:t}){let{fetch:e,cancelFetch:o}=fm(),{excludeLiquiditySources:n,features:r,enableCentralizedSwappers:s}=g().config,a=X.use.connectedWallets(),l=g().tokens(),{fromToken:p,toToken:c,inputAmount:u,inputUsdValue:f,selectedQuote:m,sortStrategy:d,resetQuote:S,error:C,warning:h,setSelectedQuote:y,updateQuotePartialState:k}=H(),{slippage:T,customSlippage:w,affiliatePercent:E,affiliateRef:v,affiliateWallets:x,fetchStatus:b}=g(),I=g().getLiquiditySources(),W=g().getDisabledLiquiditySources(),L=g().excludeLiquiditySources(),[Q,ee]=SC(!0),ae=w??T,J=!p||!c||Le(p,c)||!xo(u),Z=i(M=>{ee(M)},"resetState"),N=i(M=>{let{fromToken:V,toToken:ue,inputAmount:de,liquiditySources:he,excludeLiquiditySources:yt,disabledLiquiditySources:G,slippage:Y,affiliateRef:te,affiliatePercent:Ie,affiliateWallets:Ze}=M;if(Q||Z(!0),!J&&V&&ue){S();let $e=Ul({fromToken:V,toToken:ue,inputAmount:de,liquiditySources:he,excludeLiquiditySources:yt,disabledLiquiditySources:G,wallets:a,slippage:Y,affiliateRef:te,affiliatePercent:Ie,affiliateWallets:Ze,enableCentralizedSwappers:s});cl("experimentalRoute",r)&&($e.experimental=!0),e($e).then(De=>{let ye=Dn(d,De.results),Fe=tp(m,ye,De.requestAmount);ee(!1),k("quotes",De),y(Fe),xr({diagnosisMessages:De.diagnosisMessages,requestId:Fe?.requestId||"",swaps:Fe?.swaps});let pn=Fe&&no(Fe,{fromToken:V,toToken:ue,userSlippage:ae,tokens:l});k("warning",pn)}).catch(De=>{let{error:ye}=vr(De);(ye?.type===0||ye?.type===1)&&S(),ye?.type!==2&&(k("error",ye),ee(!1))})}},"fetch"),_=hC(sl(M=>{J||N(M)},CC),[J]);return yC(()=>{if(!t){ee(!1);return}if(b==="success"){if(J){ee(!1),(m||C||h)&&S();return}if(!xo(u)||f?.eq(0)){Z(!1),o();return}return S(),Z(!0),_({inputAmount:u,fromToken:p,toToken:c,liquiditySources:I,excludeLiquiditySources:L,disabledLiquiditySources:W,slippage:ae,affiliateRef:v,affiliatePercent:E,affiliateWallets:x}),o}},[b,u,p?.symbol,p?.address,p?.blockchain,c?.symbol,c?.address,c?.blockchain,J,I?.length,n,W.length,ae,v,E,JSON.stringify(x)]),{fetch:()=>N({inputAmount:u,fromToken:p,toToken:c,liquiditySources:I,excludeLiquiditySources:L,disabledLiquiditySources:W,slippage:ae,affiliateRef:v,affiliatePercent:E,affiliateWallets:x}),loading:Q}}i(Nr,"useSwapInput");var bC=wC("div",{display:"grid",gridTemplateColumns:"auto auto",alignItems:"flex-start",maxHeight:700,"& .footer__alert":{paddingTop:"0"}}),IC=300;function Sm(){let t=vC(),{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,S]=ym(!1),{isLargeScreen:C,isExtraLargeScreen:h}=gr(),{fetch:y,loading:k}=Nr({refetchQuote:s}),{config:T,fetchStatus:w}=g(),{connectedWallets:E}=X(),{isActiveTab:v}=oe(),[x,b]=ym(!1),W=_l({fetchMetaStatus:w,fetchingQuote:k,inputAmount:n,quote:r,anyWalletConnected:E.length>0,error:a,warning:l,needsToWarnEthOnPath:!1}),L=Ja(C,h,T?.variant),Q=!!n&&!!e&&!!o&&n!=="0"&&!Kl(e,o),ee=Q&&w==="success"&&k,J=(!L||L&&p?.results.length)&&(l||a);hm(()=>{u(),m("refetchQuote",!0)},[]),hm(()=>{S(Q)},[Q]);let Z=(r||a)&&!x?y:void 0,N=i(M=>{L&&d?(S(!1),setTimeout(()=>{t(M)},IC)):t(M)},"onHandleNavigation"),_=i(M=>{r?.requestId!==M.requestId&&(b(!1),c(M))},"onClickOnQuote");return Ue.createElement(bC,null,Ue.createElement(ie,{height:"auto",footer:Ue.createElement(kC,{type:"primary",size:"large",disabled:W.disabled||!v,prefix:W.action==="confirm-warning"&&Ue.createElement(xC,null),fullWidth:!0,onClick:()=>{W.action==="connect-wallet"?N(F.wallets):W.action==="confirm-warning"?b(!0):N(F.confirmSwap)}},W.title),header:{onWallet:()=>{N(F.wallets)},hasBackButton:!1,title:T.title||TC.t("Swap"),suffix:Ue.createElement(jt,{hidden:L?["refresh"]:void 0,onClickRefresh:Z,onClickHistory:()=>N(F.swaps),onClickSettings:()=>{N(F.settings)}})}},Ue.createElement(pe,null,Ue.createElement(Bs,{fetchingQuote:ee,fetchMetaStatus:w,onClickToken:M=>{N(M==="from"?F.fromSwap:F.toSwap)}}),Ue.createElement(gm,{size:"2"}),L?null:Ue.createElement(Zt,{quote:r,loading:ee,error:a,tagHidden:!1,warning:l,type:"basic",onClickAllRoutes:p&&p.results.length>1?()=>{m("refetchQuote",!1),N(F.routes)}:void 0}),J?Ue.createElement(Ue.Fragment,null,Ue.createElement(gm,{size:"10"}),Ue.createElement(Po,{warning:l,error:a,refetchQuote:y,showWarningModal:x,confirmationDisabled:!v,onOpenWarningModal:()=>b(!0),onCloseWarningModal:()=>b(!1),onConfirmWarningModal:()=>{b(!1),f(!0),N(F.confirmSwap)},onChangeSettings:()=>N(F.settings)})):null)),L?Ue.createElement(Ls,{loading:ee,onClickOnQuote:_,fetch:y,onClickRefresh:Z,isVisible:d}):null)}i(Sm,"Home");import{i18n as Cm}from"@lingui/core";import{Alert as EC,Divider as AC,List as WC,ListItemButton as NC,Radio as LC,RadioRoot as MC,Typography as BC}from"@rango-dev/ui";import gt from"react";function yo(){let{setLanguage:t,language:e,config:o}=g(),n=ml,r=o?.language||Io;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||Io),resetLanguage:()=>t(null)}}i(yo,"useLanguage");function Tm(){let{activeLanguage:t,changeLanguage:e,languages:o}=yo(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:gt.createElement(BC,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:gt.createElement(LC,{value:s}),start:gt.createElement(l,null)}});return gt.createElement(ie,{header:{title:Cm.t("Language")}},gt.createElement(pe,null,gt.createElement(EC,{type:"warning",variant:"alarm",title:"Important Notice: Machine translations are in use"}),gt.createElement(AC,{size:"8"}),gt.createElement(MC,{value:t},gt.createElement(WC,{type:gt.createElement(NC,{title:Cm.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(Tm,"LanguagePage");import{i18n as It}from"@lingui/core";import{Button as FC,Checkbox as OC,Image as UC,ListItemButton as qC,NotFound as zC,Typography as QC}from"@rango-dev/ui";import Pe,{useState as HC}from"react";import{Checkbox as $C,Skeleton as wm}from"@rango-dev/ui";import Jo from"react";import{styled as _s}from"@rango-dev/ui";var Yo=_s("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),Ps=_s("div",{width:80,display:"flex",justifyContent:"flex-end"}),$s=_s("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as _C,styled as PC}from"@rango-dev/ui";var km=PC(_C,{height:61});var DC=30;function Ds(){return Jo.createElement(Yo,null,Array.from(Array(DC),(t,e)=>Jo.createElement(km,{hasDivider:!0,key:e,start:Jo.createElement(wm,{variant:"circular",width:35,height:35}),title:Jo.createElement(wm,{variant:"text",size:"large",width:90}),end:Jo.createElement($C,{checked:!1})})))}i(Ds,"LoadingLiquiditySourceList");function Fs({sourceType:t}){let e=g().fetchStatus,o=g().swappers(),n=g().getDisabledLiquiditySources(),[r,s]=HC(""),a=g().toggleLiquiditySource,l=g().isInCampaignMode(),p=bn(o,n),c={Exchanges:It.t("Exchanges"),Bridges:It.t("Bridges")},u=[];t==="Exchanges"&&u.push("DEX"),t==="Bridges"&&u.push("BRIDGE","AGGREGATOR","OFF_CHAIN");let f=p.filter(y=>u.includes(y.type)),m=f.length===f.filter(y=>y.selected).length,d=i(()=>{f.forEach(y=>{m?a(y.groupTitle):y.selected||a(y.groupTitle)})},"toggleAllSources"),S=f.map(y=>{let{selected:k,groupTitle:T,logo:w}=y;return{start:Pe.createElement(UC,{src:w,size:22,type:"circular"}),onClick:()=>{l||a(T)},end:Pe.createElement(OC,{checked:k,disabled:l}),title:Pe.createElement(QC,{variant:"title",size:"xmedium"},It.t(T)),...y}}),C=i(y=>{let k=y.target.value;s(k)},"searchHandler"),h=S;return r&&(h=S.filter(y=>lt(y.groupTitle,r))),Pe.createElement(ie,{header:{title:It.t(t),suffix:Pe.createElement(Ps,null,Pe.createElement(FC,{variant:"ghost",size:"xsmall",onClick:d},m?It.t("Deselect all"):It.t("Select all")))}},Pe.createElement(pe,{view:!0},Pe.createElement(vt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:It.t("Search {sourceType}",{sourceType:c[t]}),onChange:C}),e==="loading"&&Pe.createElement(Ds,null),!h.length&&r?Pe.createElement($s,null,Pe.createElement(zC,{title:It.t("No results found"),description:It.t("Try using different keywords")})):e==="success"&&Pe.createElement(Yo,{disabled:l},h.map(y=>{let{groupTitle:k,...T}=y;return Pe.createElement(Pe.Fragment,{key:y.id},Pe.createElement(qC,{style:{height:"61px"},...T,selected:!1,hasDivider:!0}))}))))}i(Fs,"LiquiditySourcePage");import{i18n as GC}from"@lingui/core";import Lr from"react";import{useNavigate as VC}from"react-router-dom";function xm(){let t=VC(),e=ut(),{selectedQuote:o,refetchQuote:n,setSelectedQuote:r,updateQuotePartialState:s,error:a}=H(),{fetch:l,loading:p}=Nr({refetchQuote:n}),c=i(m=>{r(m),s("refetchQuote",!1),e()},"onClickOnQuote"),u=`../${F.settings}`,f=`../${F.wallets}`;return Lr.createElement(ie,{header:{onWallet:()=>{t(f)},onBack:()=>{s("refetchQuote",!1)},title:GC.t("Routes"),suffix:Lr.createElement(jt,{onClickRefresh:o||a?l:void 0,hidden:["notifications","history"],onClickSettings:()=>t(u)})}},Lr.createElement(pe,null,Lr.createElement(Xo,{fetch:l,loading:p,onClickOnQuote:c})))}i(xm,"RoutesPage");import{i18n as Lm}from"@lingui/core";import{Divider as Mm,getCountCategories as oT,SelectableCategoryList as nT}from"@rango-dev/ui";import Et,{useState as Bm}from"react";import{i18n as Us}from"@lingui/core";import{Divider as Wm,Image as JC,ListItemButton as ZC,NotFound as RC,Typography as Nm}from"@rango-dev/ui";import Je,{useEffect as eT,useState as tT}from"react";import{BlockchainCategories as Os}from"@rango-dev/ui";import{TransactionType as Mr}from"rango-sdk";var jC=i((t,e)=>{switch(e){case Os.ALL:return!0;case Os.UTXO:return t.type===Mr.TRANSFER;case Os.OTHER:return t.type!==Mr.TRANSFER&&t.type!==Mr.COSMOS&&t.type!==Mr.EVM;default:return t.type===e}},"filterByType"),vm=i((t,e,o)=>t.filter(n=>jC(n,o)).filter(n=>Ct(n.name,e)||Ct(n.displayName,e)),"filterBlockchains");import{ImageContainer as XC,styled as bm}from"@rango-dev/ui";var Im=bm("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Br=bm(No,{padding:0,margin:0,listStyle:"none",[`& ${XC}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as KC,Skeleton as Em}from"@rango-dev/ui";import _r from"react";var YC=20;function Am(){return _r.createElement(Br,null,Array.from(Array(YC),t=>_r.createElement(KC,{key:t,hasDivider:!0,start:_r.createElement(Em,{variant:"circular",width:35,height:35}),title:_r.createElement(Em,{variant:"text",size:"large",width:90})})))}i(Am,"LoadingBlockchainList");function qs(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=tT(e),{fetchStatus:l}=g();eT(()=>{a([...vm(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Je.createElement(Je.Fragment,null,Je.createElement(Wm,{size:32}),Je.createElement(RC,{title:Us.t("No results found"),description:Us.t("Try using different keywords")})):Je.createElement(Br,{as:"ul",key:`${r}-${o}`},s.map(c=>Je.createElement(ZC,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:Je.createElement(JC,{src:c.logo,size:30}),title:Je.createElement(Nm,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return Je.createElement(Im,null,Je.createElement(Nm,{variant:"label",size:"large"},Us.t("Select Blockchain")),Je.createElement(Wm,{size:4}),l==="loading"&&Je.createElement(Am,null),l==="success"&&p())}i(qs,"BlockchainList");function zs(t){let{type:e}=t,o=ut(),[n,r]=Bm(""),[s,a]=Bm("ALL"),l=H.use.setToBlockchain(),p=H.use.setFromBlockchain(),c=g().fetchStatus,u=g().blockchains({type:e}),m=oT(u)!==1;return Et.createElement(ie,{header:{title:Lm.t("Select Blockchain")}},Et.createElement(pe,{view:!0},m&&Et.createElement(Et.Fragment,null,Et.createElement(nT,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),Et.createElement(Mm,{size:24})),Et.createElement(vt,{value:n,autoFocus:!0,placeholder:Lm.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),Et.createElement(Mm,{size:16}),Et.createElement(qs,{list:u,searchedFor:n,blockchainCategory:s,onChange:d=>{e==="source"?p(d):l(d),o()}})))}i(zs,"SelectBlockchainPage");import{i18n as Or}from"@lingui/core";import{Divider as Rm}from"@rango-dev/ui";import Rt,{useState as TT}from"react";import{useNavigate as kT}from"react-router-dom";import{i18n as Gs}from"@lingui/core";import{BlockchainsChip as Pr,Divider as Dm,Image as Fm,Skeleton as lT,Tooltip as pT,Typography as Vs}from"@rango-dev/ui";import be from"react";import{useEffect as sT}from"react";var _m=["ETH","COSMOS","OSMOSIS"];function Qs(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(rT),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(iT(a)),r=n.splice(s)}return{list:n,more:r}}i(Qs,"prepare");function rT(t,e){let o=_m,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(rT,"sortByMostUsedBlockchains");function iT(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(iT,"generateSortByPreferredBlockchainsFor");function Pm(t,e){return!!e.list.find(o=>o.name===t)}i(Pm,"isInVisibleList");function Hs(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=g();sT(()=>{if(e?.selected){let s=Qs(t,o,e);Pm(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=Qs(t,o,e);return{list:r.list,more:r.more,history:[]}}i(Hs,"usePrepareBlockchainList");import{styled as aT}from"@rango-dev/ui";var $m=aT("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var cT=12;function js(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Hs(e,{limit:10,selected:n?.name}),{fetchStatus:l}=g(),p=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(Dm,{size:12}),be.createElement(Vs,{variant:"label",size:"large"},Gs.t("Select Blockchain")),be.createElement(Dm,{size:12}),be.createElement($m,null,l==="loading"&&Array.from(Array(cT),d=>be.createElement(lT,{key:d,variant:"rounded",height:50})),l==="success"&&be.createElement(be.Fragment,null,be.createElement(Pr,{selected:!n,onClick:()=>{o==="from"?c():p()}},be.createElement(Vs,{variant:"body",size:"xsmall",color:"secondary500"},Gs.t("All"))),a.list.map(d=>be.createElement(pT,{key:d.name,content:d.shortName,side:"bottom",sideOffset:2,container:B()},be.createElement(Pr,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},be.createElement(Fm,{src:d.logo,size:30})))),f?be.createElement(Pr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},be.createElement(Fm,{src:a.more[0].logo,size:30})):null,m?be.createElement(Pr,{onClick:s,key:"more-blockchains"},be.createElement(Vs,{variant:"body",size:"xsmall",color:"secondary500"},Gs._("More +{count}",{count:a.more.length}))):null)))}i(js,"BlockchainsSection");import{i18n as na}from"@lingui/core";import{darkTheme as Xm,Divider as Co,ExternalLinkIcon as dT,Image as fT,ListItemButton as gT,NotFound as hT,PinIcon as yT,Skeleton as Km,Typography as Fr,VirtualizedList as ST}from"@rango-dev/ui";import z,{useEffect as Ym,useState as Jm}from"react";import{Divider as Vm,ListItem as mT,Skeleton as Zo}from"@rango-dev/ui";import rt from"react";import{css as So,darkTheme as Om,ImageContainer as uT,styled as nt,Typography as Um}from"@rango-dev/ui";var Xs=So({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Ks=So({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Ys=So({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Js=So({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Om} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Zs=So({}),Rs=So(),qm=nt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),ea=nt("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),$r=nt("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Ks}`]:{[`& .${Js}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Zs}`]:{bottom:"-15px"},[`& .${Xs}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Ys}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),ta=nt("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),oa=nt(Um,{}),zm=nt("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Rs}`]:{$$color:"$colors$neutral600",[`.${Om} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Dr=nt("div",{display:"flex",alignItems:"end",flexDirection:"column"}),lF=nt("div",{display:"flex",alignItems:"center"}),Qm=nt("div",{position:"relative",[`& ${uT}`]:{borderRadius:"$xm",overflow:"hidden"}}),Hm=nt("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Gm=nt(Um,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function jm(t){return rt.createElement($r,null,Array.from(Array(t.size),e=>rt.createElement(mT,{key:e,hasDivider:!0,start:rt.createElement(Zo,{variant:"circular",width:35,height:35}),end:rt.createElement(Dr,null,rt.createElement(Zo,{variant:"text",size:"large",width:70}),rt.createElement(Vm,{size:4}),rt.createElement(Zo,{variant:"text",size:"medium",width:50})),title:rt.createElement("div",null,rt.createElement(Zo,{variant:"text",size:"large",width:90}),rt.createElement(Vm,{size:4}),rt.createElement(Zo,{variant:"text",size:"medium",width:90}))})))}i(jm,"LoadingTokenList");var ra=20,CT=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return z.createElement("div",{className:Ks()},o?z.createElement("div",{className:Xs()},o):z.createElement(ea,{className:Ys()},z.createElement(Fr,{variant:"title",size:"xmedium"},r.symbol),z.createElement(Co,{direction:"horizontal",size:4}),z.createElement(ta,{css:s},z.createElement(oa,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&z.createElement("div",{className:`${Js()} ${!o&&Zs()}`},z.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," ",z.createElement(Co,{size:4,direction:"horizontal"}),z.createElement(dT,{color:"gray",size:12}))))},"renderDesc");function Zm(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Jm(e),l=g().fetchStatus,p=g().blockchains(),[c,u]=Jm(!0),{getBalanceFor:f,loading:m}=X(),{isTokenPinned:d}=g(),S=i(()=>{a(e.slice(0,s.length+ra))},"loadNextPage");Ym(()=>{u(e.length>s.length)},[s.length]),Ym(()=>{a(e.slice(0,ra))},[e]);let C=i(()=>!s.length&&o?z.createElement(z.Fragment,null,z.createElement(Co,{size:32}),z.createElement(hT,{title:na.t("No results found"),description:na.t("Try using different keywords")})):z.createElement(ST,{endReached:c?S:void 0,itemContent:h=>{let y=s[h],k=Sn(f(y)),T=y.address||"",w=p.find(I=>I.name===y.blockchain),E=Xn(w?.color||"",kp(w?.color||"")?5:125),v=Xn(w?.color||"",-100),x={$$color:E,[`.${Xm} &`]:{$$color:v},backgroundColor:"$$color"},b={$$color:v,[`.${Xm} &`]:{$$color:E},color:"$$color"};return z.createElement("div",{style:{paddingRight:5}},z.createElement(gT,{style:{width:"100%",overflow:"hidden"},"tab-index":h,key:`${y.symbol}${y.address}`,id:`${y.symbol}${y.address}`,hasDivider:!0,onClick:()=>n(s[h]),start:z.createElement(Qm,null,z.createElement(fT,{src:y.image,size:30}),d(y,t.type)&&z.createElement(Hm,null,z.createElement(yT,{size:12,color:"gray"}))),title:w?.type==="COSMOS"||y.name||!y.name&&!T?z.createElement(ea,null,z.createElement(Fr,{variant:"title",size:"xmedium"},y.symbol),z.createElement(Co,{direction:"horizontal",size:4}),z.createElement(ta,{css:x},z.createElement(oa,{variant:"body",size:"xsmall",css:b},y.blockchain))):void 0,description:w?.info&&T&&w.type!=="COSMOS"?CT({address:T,token:s[h],customCssForTag:x,customCssForTagTitle:b,name:y.name,url:w.info.addressUrl.split("{wallet}").join(T)}):y.name||void 0,end:m?z.createElement(Dr,null,z.createElement(Km,{variant:"text",size:"large",width:70}),z.createElement(Co,{size:4}),z.createElement(Km,{variant:"text",size:"medium",width:50})):k&&z.createElement(zm,null,z.createElement(Gm,{variant:"title",size:"small"},k.amount),z.createElement("div",null),k.usdValue&&z.createElement(Fr,{variant:"body",className:Rs(),size:"xsmall"},`$${k.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return z.createElement(qm,null,z.createElement(Fr,{variant:"label",size:"large"},na.t("Select Token")),z.createElement(Co,{size:4}),l==="loading"&&z.createElement(jm,{size:ra}),l==="success"&&z.createElement($r,{as:"ul"},C()))}i(Zm,"TokenList");function ia(t){let{type:e}=t,o=kT(),n=ut(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=H(),u=X.use.getBalanceFor(),[f,m]=TT(""),S=(e==="source"?r:s)?.name??"",C=g().blockchains({type:e}),h=g().tokens({type:e,blockchain:S,searchFor:f,getBalanceFor:u}),y=i(w=>{e==="source"?p(w):c(w)},"updateBlockchain"),k=i(w=>{e==="source"?a({token:w,meta:{blockchains:C,tokens:h}}):l({token:w,meta:{blockchains:C,tokens:h}})},"updateToken"),T={source:Or.t("Source"),destination:Or.t("Destination")};return Rt.createElement(ie,{header:{title:Or.t("Swap {type}",{type:T[e]})}},Rt.createElement(pe,null,Rt.createElement(js,{blockchains:C,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(F.blockchains),onChange:w=>{y(w)}}),Rt.createElement(Rm,{size:24}),Rt.createElement(vt,{value:f,autoFocus:!0,placeholder:Or.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:w=>m(w.target.value)}),Rt.createElement(Rm,{size:16}),Rt.createElement(Zm,{list:h,selectedBlockchain:S,searchedFor:f,type:e,onChange:w=>{k(w);let E=C.find(v=>w.blockchain===v.name);E&&y(E),n()}})))}i(ia,"SelectSwapItemsPage");import{i18n as ca}from"@lingui/core";import{Alert as VT,Button as jT,styled as XT}from"@rango-dev/ui";import eo from"react";import{useInRouterContext as KT,useSearchParams as YT}from"react-router-dom";import{i18n as id}from"@lingui/core";import{Divider as bT,InfoIcon as IT,TextField as ET,Tooltip as AT,Typography as sd}from"@rango-dev/ui";import it from"react";import{Chip as wT,styled as Ro,TextField as xT}from"@rango-dev/ui";var ed=Ro("div",{paddingTop:"$5",padding:"$10 $5"}),td=Ro("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${xT}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),od=Ro("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Ur=Ro("div",{maxWidth:"280px",padding:"$10"}),nd=Ro(wT,{width:"61px",flexShrink:0});import{i18n as sa}from"@lingui/core";import{Typography as vT}from"@rango-dev/ui";import en from"react";function rd(){return en.createElement(Ur,null,en.createElement(vT,{variant:"label",size:"medium",color:"neutral700"},sa.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),en.createElement("br",null),en.createElement("br",null),en.createElement("b",null,sa.t("Warning")),":",sa.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(rd,"SlippageTooltipContent");function aa(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=g();return it.createElement(ed,null,it.createElement(od,null,it.createElement(sd,{variant:"title",size:"xmedium"},id.t("Slippage tolerance per swap")),it.createElement(bT,{direction:"horizontal",size:4}),it.createElement(AT,{container:B(),side:"top",sideOffset:4,content:it.createElement(rd,null)},it.createElement(IT,{color:"gray"}))),it.createElement(td,null,dl.map((r,s)=>{let a=`slippage-${s}`;return it.createElement(nd,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`})}),it.createElement(ET,{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>=yl&&a<=hl?n(a):n(null)},suffix:o&&it.createElement(sd,{variant:"body",size:"small"},"%"),placeholder:id.t("Custom")})))}i(aa,"Slippage");import{i18n as ht}from"@lingui/core";import{AutoThemeIcon as ad,BridgeIcon as WT,ChevronRightIcon as la,DarkModeIcon as ld,Divider as pa,DoneIcon as NT,ExchangeIcon as LT,InfoIcon as MT,LanguageIcon as BT,LightModeIcon as pd,List as _T,ListItem as PT,ListItemButton as $T,Skeleton as DT,styled as FT,Switch as OT,Tabs as UT,Tooltip as qT,Typography as st}from"@rango-dev/ui";import U from"react";import{useNavigate as zT}from"react-router-dom";var QT=FT("div",{width:"202px",height:"$40"}),HT=[{id:"light",icon:U.createElement(pd,{color:"black",size:16}),tooltip:U.createElement(st,{size:"xsmall",variant:"body"},ht.t("Light"))},{id:"dark",icon:U.createElement(ld,{color:"black",size:14}),tooltip:U.createElement(st,{size:"xsmall",variant:"body"},ht.t("Dark"))},{id:"auto",icon:U.createElement(ad,{color:"black",size:16}),tooltip:U.createElement(st,{size:"xsmall",variant:"body"},ht.t("Auto"))}],GT=i(t=>{let e={color:"gray",size:14};switch(t){case"auto":return U.createElement(ad,{...e});case"dark":return U.createElement(ld,{...e});default:return U.createElement(pd,{...e})}},"getThemeIcon");function cd(){let t=zT(),{theme:e}=g().config,{setTheme:o,theme:n}=g(),r=g().fetchStatus,s=g().swappers(),a=g().getDisabledLiquiditySources(),{config:{features:l}}=g(),p=je("theme",l),c=je("liquiditySource",l),u=je("language",l),f=g().infiniteApprove,m=g().toggleInfiniteApprove,d=bn(s,a),S=d.filter(L=>["BRIDGE","AGGREGATOR","OFF_CHAIN"].includes(L.type)),C=S.length,h=S.filter(L=>L.selected).length,y=d.filter(L=>L.type==="DEX"),k=y.length,T=y.filter(L=>L.selected).length,w=i((L,Q)=>{switch(r){case"loading":return U.createElement(DT,{variant:"text",size:"medium",width:50});case"failed":return U.createElement(st,{variant:"body",size:"medium",color:"$error500"},ht.t("Loading failed"));default:return U.createElement(st,{variant:"body",size:"medium"},`${L} / ${Q}`)}},"handleEndItem"),E={id:"bridge-item",title:U.createElement(st,{variant:"title",size:"xmedium"},ht.t("Enabled bridges")),end:U.createElement(U.Fragment,null,w(h,C),U.createElement(pa,{direction:"horizontal",size:8}),U.createElement(la,{color:"black"})),onClick:()=>t(F.bridges),start:U.createElement(WT,{color:"gray",size:14})},v={id:"exchange-item",title:U.createElement(st,{variant:"title",size:"xmedium"},ht.t("Enabled exchanges")),end:U.createElement(U.Fragment,null,w(T,k),U.createElement(pa,{direction:"horizontal",size:8}),U.createElement(la,{color:"gray"})),start:U.createElement(LT,{color:"gray",size:14}),onClick:()=>t(F.exchanges)},x={id:"language-item",title:U.createElement(st,{variant:"title",size:"xmedium"},ht.t("Language")),start:U.createElement(BT,{color:"gray",size:14}),end:U.createElement(la,{color:"gray"}),onClick:()=>t(F.languages)},b={id:"infinite-approval-item",title:U.createElement(U.Fragment,null,U.createElement(st,{variant:"title",size:"xmedium"},ht.t("Infinite approval")),U.createElement(pa,{direction:"horizontal",size:4}),U.createElement(qT,{side:"top",sideOffset:4,container:B(),content:U.createElement(Ur,null,U.createElement(st,{variant:"label",size:"medium",color:"neutral700"},ht.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.")))},U.createElement(MT,{color:"gray"}))),start:U.createElement(NT,{color:"gray",size:14}),end:U.createElement(OT,{checked:f}),onClick:m},I={id:"theme-item",type:U.createElement(PT,null),title:U.createElement(st,{variant:"title",size:"xmedium"},ht.t("Theme")),end:U.createElement(QT,null,U.createElement(UT,{container:B(),items:HT,value:n,onChange:L=>o(L.id),type:"primary",borderRadius:"small"})),start:GT(n)},W=c?[]:[E,v];return u||W.push(x),W.push(b),!e?.singleTheme&&!p&&W.push(I),U.createElement(_T,{type:U.createElement($T,{hasDivider:!0,id:"_",onClick:()=>console.log()}),items:W})}i(cd,"SettingsLists");var JT=XT("div",{paddingLeft:"$8"});function ud(){let{isInCampaignMode:t,updateCampaignMode:e}=g(),o=t(),[,n]=YT(),r=KT(),s=i(()=>{r&&o&&(n(a=>(a.delete("liquiditySources"),a),{replace:!0}),e("liquiditySources",void 0))},"onClick");return eo.createElement(ie,{header:{title:ca.t("Settings")}},eo.createElement(pe,null,o&&eo.createElement(VT,{type:"info",variant:"alarm",title:ca.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:eo.createElement(JT,null,eo.createElement(jT,{type:"secondary",size:"small",onClick:s},ca.t("Reset")))}),eo.createElement(aa,null),eo.createElement(cd,null)))}i(ud,"SettingsPage");import{i18n as Fk}from"@lingui/core";import{cancelSwap as Ok}from"@rango-dev/queue-manager-rango-preset";import{useManager as Uk}from"@rango-dev/queue-manager-react";import{Alert as qk}from"@rango-dev/ui";import Ia from"react";import{useParams as zk}from"react-router-dom";import{i18n as Wt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Tk,getCurrentStep as kk,getRelatedWalletOrNull as wk}from"@rango-dev/queue-manager-rango-preset";import{Button as Dd,CopyIcon as xk,Divider as vk,IconButton as bk,LinkIcon as Ik,QuoteCost as Ek,StepDetails as Ak,Typography as ko,useCopyToClipboard as Wk}from"@rango-dev/ui";import{useWallets as Nk}from"@rango-dev/wallets-react";import Fd from"bignumber.js";import{PendingSwapNetworkStatus as Kr}from"rango-types";import R,{useEffect as Od,useRef as Lk,useState as Ud}from"react";import{useNavigate as Mk}from"react-router-dom";import{i18n as Ot}from"@lingui/core";var ZT=[Ot.t("Sunday"),Ot.t("Monday"),Ot.t("Tuesday"),Ot.t("Wednesday"),Ot.t("Thursday"),Ot.t("Friday"),Ot.t("Saturday")];function md(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Ot.t("Today"):`${ZT[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(md,"timeSince");function dd(t){return t.finishTime?md(parseInt(t.finishTime)):md(parseInt(t.creationTime))}i(dd,"getSwapDate");import{PendingSwapNetworkStatus as Qr}from"rango-types";import Hr from"react";import{i18n as qr}from"@lingui/core";import{Button as fd,Divider as ua,MessageBox as RT}from"@rango-dev/ui";import Ut from"react";var gd=i(({onCancel:t,onClose:e})=>Ut.createElement(Ut.Fragment,null,Ut.createElement(ua,{size:20}),Ut.createElement(RT,{type:"error",title:qr.t("Cancel Swap"),description:qr.t("Are you sure you want to cancel this swap?")}),Ut.createElement(ua,{size:32}),Ut.createElement(fd,{variant:"contained",type:"primary",size:"large",onClick:t},qr.t("Yes, Cancel it")),Ut.createElement(ua,{size:12}),Ut.createElement(fd,{variant:"outlined",type:"primary",size:"large",onClick:e},qr.t("No, Continue"))),"CancelContent");import{i18n as zr}from"@lingui/core";import{Button as hd,Divider as ma,MessageBox as ek,Typography as tk}from"@rango-dev/ui";import At from"react";var yd=i(({onDelete:t,onClose:e})=>At.createElement(At.Fragment,null,At.createElement(ma,{size:20}),At.createElement(ek,{type:"error",title:zr.t("Delete Transaction"),description:zr.t("Are you sure you want to delete this swap?")}),At.createElement(ma,{size:32}),At.createElement(hd,{variant:"contained",type:"primary",size:"large",onClick:t},zr.t("Yes, Delete it")),At.createElement(ma,{size:12}),At.createElement(hd,{variant:"outlined",type:"primary",size:"large",onClick:e},At.createElement(tk,{variant:"title",size:"medium",color:"primary"},zr.t("No, Cancel")))),"DeleteContent");import{i18n as da}from"@lingui/core";import{PendingSwapNetworkStatus as fa}from"rango-types";var ga={[fa.WaitingForNetworkChange]:{type:"loading",title:da.t("Change Network")},[fa.WaitingForConnectingWallet]:{type:"warning",title:da.t("Connect Wallet")},[fa.NetworkChanged]:{type:"success",title:da.t("Network Changed")}};import{MessageBox as nk,Wallet as rk}from"@rango-dev/ui";import{useWallets as ik}from"@rango-dev/wallets-react";import tn from"react";import{styled as ok}from"@rango-dev/ui";var Sd=ok("div",{display:"flex",justifyContent:"center"});var Cd=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c}=ik(),u=n?.walletType,f=u?ni(c(u)):null,m=u?p(u):null;return tn.createElement(tn.Fragment,null,tn.createElement(nk,{type:e,title:o,description:r}),s&&!!u&&!!f&&!!m&&tn.createElement(Sd,null,tn.createElement(rk,{container:B(),title:m.name,image:m.img,type:u,state:f,link:m.installLink,disabled:a,onClick:async()=>l(u)})))},"WalletStateContent");function ha(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===Qr.WaitingForNetworkChange||e===Qr.WaitingForConnectingWallet||e===Qr.NetworkChanged;return Hr.createElement(le,{open:!!e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},p&&Hr.createElement(Cd,{type:ga[e].type,title:ga[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==Qr.WaitingForNetworkChange}),e==="delete"&&Hr.createElement(yd,{onClose:o,onDelete:n}),e==="cancel"&&Hr.createElement(gd,{onClose:o,onCancel:r}))}i(ha,"SwapDetailsModal");import{i18n as on}from"@lingui/core";import{Button as ya,Divider as Gr,MessageBox as Td,TokenAmount as sk,Typography as Sa}from"@rango-dev/ui";import We from"react";import{useNavigate as ak}from"react-router-dom";function Ca(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=ak();return We.createElement(le,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},n==="success"?We.createElement(Td,{type:"success",title:on.t("Swap Successful")},We.createElement(sk,{direction:"vertical",tooltipContainer:B(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),We.createElement(Gr,{size:12}),We.createElement(Sa,{variant:"body",size:"medium",color:"neutral700",align:"center"},f)):We.createElement(Td,{type:"error",title:on.t("Transaction Failed"),description:f}),We.createElement(Gr,{size:32}),n==="success"&&We.createElement(ya,{variant:"contained",type:"primary",size:"large",onClick:()=>{d("../../")}},We.createElement(Sa,{variant:"title",size:"medium",color:"neutral100"},on.t("Done"))),We.createElement(Gr,{size:12}),m&&We.createElement(We.Fragment,null,We.createElement(ya,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},on.t("Diagnosis")),We.createElement(Gr,{size:12})),We.createElement(ya,{variant:"outlined",type:"primary",size:"large",onClick:o},We.createElement(Sa,{variant:"title",size:"medium",color:"primary"},on.t("See Details"))))}i(Ca,"SwapDetailsCompleteModal");import Sk from"react";import{i18n as fk}from"@lingui/core";import{Alert as Id,IconButton as gk,LinkIcon as hk}from"@rango-dev/ui";import qt,{Fragment as yk}from"react";import{Alert as lk,ChevronDownIcon as pk,ChevronUpIcon as ck,IconButton as uk}from"@rango-dev/ui";import Vr,{useState as mk}from"react";function kd(t){let{message:e}=t,[o,n]=mk(!1);return Vr.createElement(lk,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Vr.createElement(uk,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Vr.createElement(ck,{size:12,color:"gray"}):Vr.createElement(pk,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(kd,"FailedAlert");import{styled as dk}from"@rango-dev/ui";var wd=dk("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as xd}from"@lingui/core";import{Alert as Ta,Button as vd}from"@rango-dev/ui";import{PendingSwapNetworkStatus as ka}from"rango-types";import nn from"react";function bd(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?nn.createElement(Ta,{type:"warning",title:n.shortMessage,action:nn.createElement(vd,{size:"xxsmall",type:"warning",onClick:()=>{o(ka.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},xd.t("Change"))}):r===ka.WaitingForConnectingWallet?nn.createElement(Ta,{type:"warning",title:n.shortMessage,action:nn.createElement(vd,{size:"xxsmall",type:"warning",onClick:()=>{o(ka.WaitingForConnectingWallet)}},xd.t("Connect"))}):nn.createElement(Ta,{type:"warning",title:n.shortMessage})}i(bd,"WarningAlert");function wa(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=Ao(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return qt.createElement(wd,null,s.explorerUrl?.map((f,m,d)=>{let S=m+f.url,C=m===d.length-1,h=(C&&c||p)&&!u,y=C&&s.status==="failed";return qt.createElement(yk,{key:S},qt.createElement(Id,{type:C&&(h&&"loading"||y&&"error")||"success",title:f.description?`${f.description} Tx`:fk.t("View transaction"),action:f.url&&qt.createElement(gk,{variant:"ghost",size:"xsmall",onClick:()=>window.open(f.url,"_blank")},qt.createElement(hk,{size:12}))}))}),u&&qt.createElement(Id,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&qt.createElement(bd,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&qt.createElement(kd,{message:r}))}i(wa,"SwapDetailsAlerts");var Ed=2e3;var Ad=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:A(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ve(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:A(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:Sk.createElement(wa,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function Wd(t){if(Ao(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(Wd,"getStepState");import{css as rn,darkTheme as Ck,styled as to}from"@rango-dev/ui";var Nd=to("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),jr=to("div",{width:"100%"}),Ld=to(No,{padding:"$0 $20 $20 $20"}),iq=to("div",{display:"flex",flexDirection:"column",gap:"$10"}),Md=to("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),sq=to("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),To=rn({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${Ck} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),Bd=rn({padding:"$5 0"}),Xr=rn({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),_d=rn({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Pd=rn({width:"100%",padding:"0 $20 $10"}),$d=to("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function xa(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=Nk(),p=g().blockchains(),c=g().swappers(),u=g().tokens(),f=H.use.retry(),m=oe.use.isActiveTab(),d=Mk(),[S,C]=Wk(Ed),h=Lk(null),[y,k]=Ud(null),[T,w]=Ud(null),E=i(()=>{r(),k(null)},"onCancel"),v=ze.use.getUnreadNotifications(),x=ze.use.setAsRead(),b=v(),I=kk(e),W=I?.networkStatus;Od(()=>{b.find(Fe=>Fe.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(w(e.status),x(e.requestId))},[e.status,e.requestId]),Od(()=>{Z?k(Kr.WaitingForNetworkChange):W===Kr.WaitingForConnectingWallet||W===Kr.NetworkChanged?k(W):k(null)},[W]);let L=Vl(e),Q=I?Tk(e,I):null,ee=I?wk(e,I):null,ae=dd(e),q=jl(e),J=i(ye=>!!l(ye)?.mobileWallet,"isMobileWallet"),Z=W===Kr.WaitingForNetworkChange&&!!Q&&!!ee?.walletType&&(J(ee.walletType)||s(ee.walletType,Q)),N=Z?a.bind(null,ee.walletType,Q):void 0,_=Gl(e,I),M=Ad({swap:e,switchNetwork:N,showNetworkModal:W,setNetworkModal:k,message:_,blockchains:p,swappers:c}),V=M.length,[ue,de]=[e.steps[0],e.steps[V-1]],he=de.outputAmount||de.expectedOutputAmountHumanReadable,yt=e.steps.reduce((ye,Fe)=>ye+parseFloat(Fe.feeInUsd||""),0),G=e.steps.find(ye=>ye.diagnosisUrl)?.diagnosisUrl,Y=A(parseFloat(A(he,6,6))*(de.toUsdPrice||0),4,4),te=A(parseFloat(e.inputAmount)*(ue.fromUsdPrice||0),4,4),Ie=he?se(new Fd(he).multipliedBy(de.toUsdPrice||0)):"",Ze=se(new Fd(e.inputAmount).multipliedBy(ue.fromUsdPrice||0)),$e=Xe(te,Y),De=e.status==="success"?Wt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:A(he,6,6),token:M[V-1].to.token.displayName,conciseAddress:Cn(e.wallets[M[V-1].to.chain.displayName]?.address||""),chain:M[V-1].to.chain.displayName}}):`${Wt.t("Transaction was not sent.")} ${L?Wt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:L.outputAmount,symbol:L.symbol,blockchain:L.blockchain}}):""}`;return R.createElement(ie,{header:{title:Wt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>k("cancel"):void 0,suffix:e.status!=="running"&&R.createElement(lo,null,R.createElement(Dd,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>k("delete")},R.createElement(ko,{size:"medium",variant:"label",color:"error"},Wt.t("Delete"))))},footer:q&&!T&&R.createElement(Dd,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{f(e,{blockchains:p,tokens:u}),setTimeout(()=>{d("../../")},0)}},Wt.t("Try again"))},R.createElement(pe,{compact:!0,view:!0},R.createElement(jr,null,R.createElement("div",{className:To()},R.createElement(ko,{variant:"label",size:"large",color:"neutral700"},`${Wt.t("Request ID")}:`),R.createElement("div",{className:Xr()},R.createElement(ko,{variant:"label",size:"small",color:"neutral700"},o),R.createElement(bk,{variant:"ghost",onClick:C.bind(null,o||"")},R.createElement(xk,{size:16,color:"gray"})),R.createElement($d,{target:"_blank",href:`${La}/swap/${o}`},R.createElement(Ik,{size:16})))),R.createElement("div",{className:To()},R.createElement(ko,{variant:"label",size:"large",color:"neutral700"},`${Wt.t(e.finishTime?"Finished at":"Created at")}:`),R.createElement(ko,{variant:"label",size:"small",color:"neutral700"},ae))),R.createElement("div",{className:_d()},R.createElement(Ek,{fee:A(String(yt),2,2),time:un(mn(e.steps)),steps:V}),R.createElement(Do,{from:{price:{value:A(e.inputAmount,6,6),usdValue:te,realUsdValue:Ze,realValue:e.inputAmount},token:{displayName:M[0].from.token.displayName,image:M[0].from.token.image},chain:{image:M[0].from.chain.image,displayName:M[0].from.chain.displayName}},to:{price:{value:A(he,6,6),usdValue:Y,realUsdValue:Ie,realValue:he},token:{displayName:M[V-1].to.token.displayName,image:M[V-1].to.token.image},chain:{image:M[V-1].to.chain.image,displayName:M[V-1].to.chain.displayName}},percentageChange:A($e,2,2),warningLevel:Tt($e??0)})),R.createElement("div",{className:Pd()},R.createElement(ko,{variant:"title",size:"small"},Wt.t("Swaps steps"))),R.createElement(vk,{size:8}),R.createElement(Ld,{ref:h},M.map((ye,Fe)=>{let pn=Fe,wo=Wd(e.steps[Fe]),af=wo==="error"||wo==="in-progress"||wo==="warning"||wo==="completed"&&Fe===M.length-1;return R.createElement(Ak,{key:pn,step:ye,type:"swap-progress",ref:h,state:wo,hasSeparator:Fe!==0,tabIndex:pn,isFocused:af,tooltipContainer:B()})}))),R.createElement(ha,{state:y,onClose:()=>k(null),onCancel:E,onDelete:n,message:_.detailedMessage.content,currentStepWallet:ee,walletButtonDisabled:!m}),R.createElement(Ca,{open:!!T,diagnosisUrl:G,onClose:()=>w(null),status:e.status==="success"?"success":"failed",priceValue:A(he,6,6),usdValue:Y,realUsdValue:Ie,realValue:se(he),percentageChange:A($e,2,2),token:{displayName:M[V-1].to.token.displayName,image:M[V-1].to.token.image},chain:{image:M[V-1].to.chain.image},description:De}))}i(xa,"SwapDetails");import{i18n as Jr}from"@lingui/core";import{Divider as Qd,NotFound as Dk,Skeleton as an,Typography as Zr}from"@rango-dev/ui";import ge from"react";import{i18n as Bk}from"@lingui/core";import{Divider as _k,Skeleton as Pk,Typography as $k}from"@rango-dev/ui";import Se from"react";import{css as at,styled as va}from"@rango-dev/ui";var qd=va("div",{width:"100%",height:"100%",padding:"$10 $20"}),sn=va("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Yr=va("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),Oq=at({display:"flex",justifyContent:"space-between",alignItems:"center"}),Uq=at({display:"flex",justifyContent:"space-between",alignItems:"center"}),qq=at({paddingTop:"$15",display:"flex"}),zq=at({padding:"$15 $0"}),Qq=at({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),Hq=at({paddingBottom:"$10"}),Gq=at({display:"flex",justifyContent:"start",alignItems:"center"}),Vq=at({paddingTop:"$5",display:"flex",alignItems:"center"}),jq=at({display:"flex",alignItems:"center"}),Xq=at({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),zd=at({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function ba(){return Se.createElement(qd,null,Se.createElement(zo,{type:"swap-preview"}),Se.createElement("div",{className:"swaps-steps"},Se.createElement($k,{variant:"title",size:"small"},Bk.t("Swaps steps"))),Se.createElement(Se.Fragment,null,Se.createElement(sn,null,Se.createElement(ft,{separator:!1}),Se.createElement("div",{className:zd()},Se.createElement(_k,{direction:"horizontal",size:20}),Se.createElement(Pk,{height:22,variant:"rectangular"}))),Se.createElement(Yr,null),Se.createElement(sn,null,Se.createElement(ft,{separator:!1})),Se.createElement(Yr,null),Se.createElement(sn,null,Se.createElement(ft,{separator:!1})),Se.createElement(Yr,null),Se.createElement(sn,null,Se.createElement(ft,{separator:!1}))))}i(ba,"LoadingSwapDetails");function Hd(t){let{requestId:e,showSkeleton:o}=t;return ge.createElement(ie,{header:{title:Jr.t("Swap and Bridge"),suffix:ge.createElement(lo,null)}},o&&ge.createElement(Nd,null,ge.createElement(jr,null,ge.createElement("div",{className:To()},ge.createElement(Zr,{variant:"label",size:"large",color:"neutral700"},`${Jr.t("Request ID")}:`),ge.createElement("div",{className:Xr()},ge.createElement(Zr,{variant:"label",size:"small",color:"neutral700"},ge.createElement(an,{width:60,height:10,variant:"rounded"})),ge.createElement(Qd,{direction:"horizontal",size:4}),ge.createElement(an,{width:16,height:16,variant:"rectangular"}),ge.createElement(Qd,{direction:"horizontal",size:4}),ge.createElement(an,{width:16,height:16,variant:"rectangular"}))),ge.createElement("div",{className:To()},ge.createElement(Zr,{className:Bd(),variant:"label",size:"large",color:"neutral700"},ge.createElement(an,{width:60,height:10,variant:"rounded"})),ge.createElement(Zr,{variant:"label",size:"small",color:"neutral700"},ge.createElement(an,{width:60,height:10,variant:"rounded"})))),ge.createElement(ba,null)),!o&&ge.createElement(Md,null,ge.createElement(Dk,{title:Jr.t("Not found"),description:Jr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Hd,"SwapDetailsPlaceholder");function Gd(){let{manager:t,state:e}=Uk(),o=!e.loadedFromPersistor,n=mt(t),{requestId:r}=zk(),s=ut(),{fetchStatus:a}=g();if(!r)return Ia.createElement(qk,{containerStyles:{margin:"20px"},type:"error",title:Fk.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&&Ok(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?Ia.createElement(Hd,{requestId:r,showSkeleton:l}):Ia.createElement(xa,{swap:f,requestId:r,onCancel:c,onDelete:u})}i(Gd,"SwapDetailsPage");function Vd(){return np(),Ei(),Qk([{path:F.home,element:qe.createElement(Sm,null)},{path:F.routes,element:qe.createElement(xm,null)},{path:F.fromSwap,children:[{index:!0,element:qe.createElement(ia,{type:"source"})},{path:F.blockchains,element:qe.createElement(zs,{type:"source"})}]},{path:F.toSwap,children:[{index:!0,element:qe.createElement(ia,{type:"destination"})},{path:F.blockchains,element:qe.createElement(zs,{type:"destination"})}]},{path:F.settings,children:[{index:!0,element:qe.createElement(ud,null)},{path:F.languages,element:qe.createElement(Tm,null)},{path:F.exchanges,element:qe.createElement(Fs,{sourceType:"Exchanges"})},{path:F.bridges,element:qe.createElement(Fs,{sourceType:"Bridges"})}]},{path:F.swaps,children:[{index:!0,element:qe.createElement(Zu,null)},{path:F.swapDetails,element:qe.createElement(Gd,null)}]},{path:F.wallets,element:qe.createElement(cc,null)},{path:F.confirmSwap,element:qe.createElement(Uu,null)}])}i(Vd,"AppRoutes");import{isApprovalTX as Hk,MainEvents as jd,RouteEventType as Xd,StepEventType as Kd,StepExecutionEventStatus as Gk,useEvents as Vk}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Yd}from"react";function Jd(){let t=g().tokens(),e=X.use.connectedWallets(),o=X.use.getWalletsDetails(),n=ze.use.setNotification(),r=Vk();return Yd(()=>(r.on(jd.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Kd.TX_EXECUTION&&a.status===Gk.TX_SENT&&!Hk(l)||a.type===Kd.SUCCEEDED){let u=e.find(m=>m.chain===l?.fromBlockchain),f=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);u&&o([u],t),f&&o([f],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),Yd(()=>(r.on(jd.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Xd.FAILED||a.type===Xd.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Jd,"WidgetEvents");import{globalCss as jk}from"@rango-dev/ui";var Zd=i(()=>jk({"@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 Rd(){let{setWatermark:t}=oe();return{fetchApiConfig:i(async()=>{let o=await fetch(`${St("BASE_URL")}/meta/dapp/config?apiKey=${St("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(Rd,"useFetchApiConfig");import{styled as Xk}from"@rango-dev/ui";var ef=Xk("div",{fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function Rr(){Zd();let{config:t}=g(),{activeTheme:e}=Kn(t?.theme||{}),{activeLanguage:o}=yo(),[n,r]=tf(""),[s,a]=tf(),l=Yk(En),{fetchApiConfig:p}=Rd();return Jk(()=>{ze.persist.rehydrate(),l.onConnectWallet(r),p().catch(console.log)},[]),ln.createElement(Kk,{language:o},ln.createElement(ef,{id:"swap-container",className:e()},ln.createElement(Jd,null),ln.createElement(El,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},ln.createElement(Vd,null))))}i(Rr,"Main");import Aa,{useMemo as gw}from"react";import{checkWaitingForNetworkChange as Zk,makeQueueDefinition as Rk}from"@rango-dev/queue-manager-rango-preset";import{Provider as ew}from"@rango-dev/queue-manager-react";import{useWallets as tw}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as ow}from"@rango-dev/wallets-shared";import{isEvmBlockchain as nw}from"rango-types";import rw,{useMemo as iw}from"react";function sw(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=tw(),l=iw(()=>Rk({API_KEY:t.apiKey||St("API_KEY"),BASE_URL:St("BASE_URL")}),[t.apiKey]),p=g().blockchains(),u={blockchains:X.use.connectedWallets().map(T=>({accounts:[T],name:T.chain}))},f=i(async(T,w)=>{if(s(T,w))return r(T,w)},"switchNetwork"),m=i(T=>!!a(T).mobileWallet,"isMobileWallet"),d=p.filter(T=>T.enabled).reduce((T,w)=>(T[w.name]=w,T),{}),S=p.filter(nw),C=i(T=>{let{supportedChains:w}=a(T);return gn(w)},"getSupportedChainNames"),h=e(),y={meta:{blockchains:d,evmBasedChains:S,evmNetworkChainInfo:ow(S),getSupportedChainNames:C},getSigners:o,wallets:u,providers:h,switchNetwork:f,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},k=oe.use.isActiveTab();return rw.createElement(ew,{queuesDefs:[l],context:y,onPersistedDataLoaded:T=>{Zk(T)},isPaused:!k},t.children)}i(sw,"QueueManager");var of=sw;import{useManager as uw}from"@rango-dev/queue-manager-react";import mw,{createContext as dw,useContext as fw}from"react";import{cancelSwap as aw,getCurrentBlockchainOfOrNull as lw,getCurrentStep as pw,getRelatedWalletOrNull as cw}from"@rango-dev/queue-manager-rango-preset";var ei=class{static{i(this,"WidgetHistory")}manager;actions;constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return mt(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&&aw(o)}getCurrentStepInfo(e){let o=pw(e);return{step:o,wallet:o?cw(e,o):null,network:o?lw(e,o):null}}};var nf=dw(void 0);function Ea(t){let{manager:e}=uw(),o=oe.use.isActiveTab(),n=H.use.retry(),r=new ei(e,{retrySwap:n}),s=X.use.connectedWallets(),a=X.use.loading(),l=qa(s),p=X.use.getWalletsDetails(),c=g().blockchains(),u=g().tokens(),f=g().swappers(),m=g().fetchStatus,d=yo().resetLanguage,S=ze().getUnreadNotifications(),C={isActiveTab:o,setCurrentTabAsActive:zt.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:S}};return mw.createElement(nf.Provider,{value:C},t.children)}i(Ea,"WidgetInfo");function rf(){let t=fw(nf);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(rf,"useWidget");function ti(t){let{onUpdateState:e,config:o}=t;return gw(()=>{ja({API_KEY:o?.apiKey||cn,BASE_URL:o?.apiUrl||Na})},[o.apiKey,o.apiUrl]),Aa.createElement(An,{config:o,onUpdateState:e},Aa.createElement(of,{apiKey:o.apiKey},Aa.createElement(Ea,null,t.children)))}i(ti,"WidgetProvider");function sf(t){return hw(()=>(zt.init(),zt.destroy),[]),t.config?.externalWallets?Wa.createElement(Rr,null):Wa.createElement(ti,{config:t.config??li},Wa.createElement(Rr,null))}i(sf,"Widget");export{kH as EventSeverity,wH as MainEvents,MH as Networks,PH as PendingSwapNetworkStatus,xH as RouteEventType,vH as StepEventType,bH as StepExecutionBlockedEventStatus,IH as StepExecutionEventStatus,ke as UI_ID,NH as WalletEvents,BH as WalletTypes,sf as Widget,ti as WidgetProvider,An as WidgetWallets,$i as customizedThemeTokens,WH as readAccountAddress,yc as useWallets,rf as useWidget,EH as useWidgetEvents};
3
3
  //# sourceMappingURL=index.js.map