@rango-dev/widget-embedded 0.25.1-next.4 → 0.25.1-next.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/SwitchFromAndTo/SwitchFromAndTo.d.ts.map +1 -0
- package/dist/components/SwitchFromAndTo/SwitchFromAndTo.styles.d.ts +326 -0
- package/dist/components/SwitchFromAndTo/SwitchFromAndTo.styles.d.ts.map +1 -0
- package/dist/components/SwitchFromAndTo/index.d.ts +2 -0
- package/dist/components/SwitchFromAndTo/index.d.ts.map +1 -0
- package/dist/index.js +2 -2
- package/dist/index.js.map +4 -4
- package/dist/store/quote.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/components/SwitchFromAndTo/SwitchFromAndTo.styles.ts +48 -0
- package/src/components/SwitchFromAndTo/SwitchFromAndTo.tsx +32 -0
- package/src/components/SwitchFromAndTo/index.ts +1 -0
- package/src/components/TokenList/TokenList.tsx +1 -1
- package/src/store/quote.ts +3 -4
- package/dist/components/SwitchFromAndTo.d.ts.map +0 -1
- package/src/components/SwitchFromAndTo.tsx +0 -42
- /package/dist/components/{SwitchFromAndTo.d.ts → SwitchFromAndTo/SwitchFromAndTo.d.ts} +0 -0
package/dist/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
var xf=Object.defineProperty;var i=(t,e)=>xf(t,"name",{value:e,configurable:!0});import{EventSeverity as uG,MainEvents as mG,RouteEventType as dG,StepEventType as fG,StepExecutionBlockedEventStatus as gG,StepExecutionEventStatus as hG,useEvents as yG}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as CG,useWallets as pr,Events as TG}from"@rango-dev/wallets-react";import{Networks as wG,WalletTypes as xG}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as bG}from"rango-types";import{UI_ID as vf}from"@rango-dev/ui";var hn="c6381a79-2817-4602-83bf-6a641a409e32",Qa="https://api.rango.exchange",Ha="https://explorer.rango.exchange",ke={SWAP_BOX_ID:"rango-swap-box",EXPANDED_BOX_ID:"rango-expanded-box",...vf};import{Events as xi,Provider as gg}from"@rango-dev/wallets-react";import{isEvmBlockchain as hg}from"rango-sdk";import Nn,{createContext as yg,useEffect as Dl,useMemo as Sg,useRef as Fl}from"react";import{useEffect as Of}from"react";import{create as $f}from"zustand";import{subscribeWithSelector as Df}from"zustand/middleware";import{RangoClient as _f}from"rango-sdk";import{WalletState as ct}from"@rango-dev/ui";import{readAccountAddress as Ef}from"@rango-dev/wallets-react";import{detectInstallLink as Af,getCosmosExperimentalChainInfo as Wf,isEvmAddress as Nf,KEPLR_COMPATIBLE_WALLETS as Yw,Networks as Xa}from"@rango-dev/wallets-shared";import pi from"bignumber.js";import{isCosmosBlockchain as Mf}from"rango-types";import bf from"bignumber.js";var Me=new bf(0);import{WalletTypes as If}from"@rango-dev/wallets-shared";var Ga=[If.LEAP];import{BigNumber as ja}from"bignumber.js";var bo=i(t=>{let e=Math.floor(t%60/15)*15,o=parseInt((t/60).toString());return o>=60?`${Math.floor(o/5)*5}:00`:`${o.toString().padStart(2,"0")}:${e.toString().padStart(2,"0")}`},"roundedSecondsToString"),N=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new ja(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new ja(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 yn=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var pt=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Io=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function ue(t){return N(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(ue,"formatTooltipNumbers");function ci(t){switch(!0){case t.connected:return ct.CONNECTED;case t.connecting:return ct.CONNECTING;case!t.installed:return ct.NOT_INSTALLED;default:return ct.DISCONNECTED}}i(ci,"mapStatusToWalletState");function Ka(t,e,o,n){return o.filter(r=>!Ga.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,showOnMobile:p}=e(r),c=ci(t(r));return{title:s,image:a,link:Af(l),state:c,type:r,showOnMobile:p}})}i(Ka,"mapWalletTypesToWalletInfo");function Tn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Tn,"walletAndSupportedChainsNames");function Ya(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}=Ef(p),f=l.length>0,m=l.includes(u),d=u===Xa.Unknown;if(f&&!m&&!d)return;let C=u===Xa.Unknown&&Nf(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(Ya,"prepareAccountsForWalletStore");function Ja(t){let e=[];return t?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(Ja,"getRequiredChains");function kn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(kn,"isAccountAndWalletMatched");function Za(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new pi(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Bf(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Za,"makeBalanceFor");function Ra(t){return{...t,loading:!1,error:!0}}i(Ra,"resetConnectedWalletState");var el=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=N(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new pi(s?.amount||Me).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Me)||Me).toString();return Lf(r)},"calculateWalletUsdValue");function Lf(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(Lf,"numberWithThousandSeparator");var Bf=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),wn=i((t,e)=>{let o=Wf(Object.entries(t).map(([,n])=>n).filter(Mf));return o&&o[e]?.experimental},"isExperimentalChain");function xn(t){return t?{...t,amount:N(t.amount,8,8),usdValue:N(t.usdValue,4,4)}:null}i(xn,"formatBalance");function tl(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(tl,"compareTokenBalance");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Le,"areTokensEqual");function ol(t){return t.sort((e,o)=>+(o.state===ct.CONNECTED)-+(e.state===ct.CONNECTED)||+(o.state===ct.DISCONNECTED||o.state===ct.CONNECTING)-+(e.state===ct.DISCONNECTED||e.state===ct.CONNECTING))}i(ol,"sortWalletsBasedOnConnectionState");function vn(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(vn,"getConciseAddress");function nl({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(nl,"getAddress");function ui(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(ui,"createTokenHash");function bn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new pi(o?.usdPrice??Me).multipliedBy(o?.amount).toString():""},r=o?ui({symbol:o.symbol,blockchain:o.chain,address:o.address}):null,s=r?e[r]:null;return r&&(!s||s&&s.amount<n.amount)&&(e[r]=n),e},{})}i(bn,"makeTokensBalance");var rl=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function il(t){return t.map(e=>e.state).join("-")}i(il,"hashWalletsState");var mi={API_KEY:hn};function St(t){return mi[t]||""}i(St,"getConfig");function sl(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),mi=e,mi}i(sl,"initConfig");var al=20,ll=25,pl="Roboto",di="theme-widget",Eo=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"),fi=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig"),cl=i((t,e,o)=>o==="expanded"&&(t||e)||o==="full-expanded"&&e,"isVariantExpandable");var In,Mt=i(()=>In||(In=new _f(St("API_KEY"),St("BASE_URL")),In),"httpService");var Pf=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=Pf;var K=Lt($f()(Df((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:bn(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=>kn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await Mt().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(m=>{let d=o.find(C=>kn(C,m)),g=p.find(C=>C.address===m.address&&C.blockChain===m.chain);return g?.failed&&d&&r&&s([d],n,!1),d&&g?{...m,explorerUrl:g.explorerUrl,balances:Za(g,n),loading:!1}:m});return{loading:!1,balances:bn(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(f=>kn(f,u))?Ra(u):u);return{loading:!1,balances:bn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=ui(o);return n[r]??null}}))));import{allProviders as Ff}from"@rango-dev/provider-all";function En(t,e){let o=Ff({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(En,"matchAndGenerateProviders");function ul(t,e){return En(t,e).map(r=>r.config.type)}i(ul,"configWalletsToWalletName");function ml(t,e){let o=K.use.clearConnectedWallet(),n=En(void 0,e);return Of(()=>{o(),n=En(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(ml,"useWalletProviders");import lg,{createContext as pg,useContext as cg,useEffect as ug,useRef as mg}from"react";import{create as sg}from"zustand";import{persist as ag}from"zustand/middleware";var gi={apiKey:"",title:void 0,multiWallets:!0,excludeLiquiditySources:!0,customDestination:!0,variant:"default"},Uf={clientUrl:void 0},qf={liquiditySources:void 0},dl=i((t,e,o)=>({config:{...gi,...t},iframe:Uf,campaignMode:qf,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 An(t){return Array.from(new Set(t))}i(An,"removeDuplicateFrom");function Si(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Si,"areEqual");function Cl(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Cl,"debounce");function Ct(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Ct,"containsText");function hl(t,e){return t.toLowerCase()===e.toLowerCase()}i(hl,"exactText");function yl(t,e){return t.toLowerCase().startsWith(e.toLowerCase())}i(yl,"startWithText");var L=i(()=>document.getElementById(ke.SWAP_BOX_ID),"getContainer"),Ao=i(()=>document.getElementById(ke.EXPANDED_BOX_ID),"getExpanded");function Sl(t,e,o){let n=!!e&&hl(e,t),r=!!o&&hl(o,t);return n!==r?n?-1:1:0}i(Sl,"compareExactMatchText");function hi(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(hi,"compareContainsText");function yi(t,e,o){let n=!!e&&yl(e,t),r=!!o&&yl(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(yi,"compareStartWithText");function Tl(t,e,o){if(!o)return 0;let n=Sl(o,t.symbol,e.symbol);if(n)return n;if(o.length>=3){let r=Sl(o,t.name,e.name);if(r)return r}if(o.length>=2){let r=yi(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=hi(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=yi(o,t.name,e.name);if(r)return r}if(o.length>=3){let r=hi(o,t.name,e.name);if(r!==0)return r}if(o.length>=4){let r=yi(o,t.address,e.address);if(r)return r}if(o.length>=4){let r=hi(o,t.address,e.address);if(r!==0)return r}return 0}i(Tl,"compareWithSearchFor");function kl(t,e){return e.find(o=>o.name===t)?.displayName}i(kl,"getBlockchainDisplayNameFor");function Ve(t,e){return e.find(o=>o.name===t)?.shortName}i(Ve,"getBlockchainShortNameFor");function Wo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(Wo,"getSwapperDisplayName");function Ci(t,e){return e.find(o=>Le(o,t))??null}i(Ci,"findToken");function Ti(t,e){return e.find(o=>o.name===t)??null}i(Ti,"findBlockchain");function ki(t,e){if(!e||!t)return!1;for(let o of e.feeAssets)if(t?.blockchain===o?.blockchain&&t?.symbol===o?.symbol&&t?.address===o?.address)return!0;return!1}i(ki,"isTokenNative");function Wn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return An(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(Wn,"getUniqueSwappersGroups");function wl(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(wl,"sortLiquiditySourcesByGroupTitle");function je(t,e){return e?.[t]==="hidden"}i(je,"isFeatureHidden");function xl(t,e){return e?.[t]==="enabled"}i(xl,"isFeatureEnabled");var vl=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&&Eo(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 h=o.getBalanceFor(c),k=o.getBalanceFor(u),w=tl(h,k);if(w!==0)return w}let d=r.get(c.blockchain),g=r.get(u.blockchain),C=ki(c,d),S=ki(u,g);if(C!==S)return C?-1:1;if(c.isPopular!==u.isPopular)return c.isPopular?-1:1;if(o.searchFor){let h=Tl(c,u,o.searchFor);if(h)return h}return c.isSecondaryCoin!==u.isSecondaryCoin?c.isSecondaryCoin?1:-1:d&&g?d.sort-g.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(wl)},fetch:async()=>{try{let{enableCentralizedSwappers:o}=e().config,n=await Mt().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 Gf,English as Vf,Finland as jf,French as Xf,German as Kf,Greece as Yf,Italian as Jf,Japanese as Zf,Netherlands as Rf,Poland as eg,Portuguese as tg,Russian as og,Spanish as ng,Swedish as rg,Ukrainian as ig}from"@rango-dev/ui";var bl=[{title:"English",label:"English",local:"en",SVGFlag:Vf},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:ng},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Xf},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Zf},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:tg},{title:"Chinese",label:"\u4E2D\u56FD\u4EBA",local:"zh",SVGFlag:Gf},{title:"Russian",label:"\u0420\u0443\u0441\u0441\u043A\u0438\u0439",local:"ru",SVGFlag:og},{title:"German",label:"Deutsch",local:"de",SVGFlag:Kf},{title:"Ukrainian",label:"\u0423\u043A\u0440\u0430\u0457\u043D\u0456",local:"uk",SVGFlag:ig},{title:"Swedish",label:"svenska",local:"sv",SVGFlag:rg},{title:"Finnish",label:"Suomalainen",local:"fi",SVGFlag:jf},{title:"Dutch",label:"Nederlands",local:"nl",SVGFlag:Rf},{title:"Greek",label:"Grieks",local:"el",SVGFlag:Yf},{title:"Italian",label:"Italiana",local:"it",SVGFlag:Jf},{title:"Polish",label:"Polski",local:"pl",SVGFlag:eg}],No="en";var Il=[.5,1,3],El=1,Al=5,Wl=100,Nl=0;var Ml=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:El,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=An(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n,theme:r}=o,s=je("theme",n),a=je("language",n),l=je("liquiditySource",n),p=r?.singleTheme;t({...s&&{theme:o.theme?.mode||"auto"},...p&&{theme:o.theme?.mode||"light"},...a&&{language:o.language||No},...l&&{disabledLiquiditySources:o.liquiditySources||[]}})}}),"createSettingsSlice");function Ll(t){return sg()(ag((...e)=>({...vl(...e),...Ml(...e),...dl(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(Ll,"createAppStore");var Bl=pg(null);function y(){let t=cg(Bl);if(ug(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(y,"useAppStore");function _l(t){let e=mg();return e.current||(e.current=Ll(t.config)),lg.createElement(Bl.Provider,{value:e.current},t.children)}i(_l,"AppStoreProvider");import{create as fg}from"zustand";var Pl="rango-widget";var Mo=class{static{i(this,"TabManager")}tabId;state="not-initiated";lastTryClaim;events={};channel;constructor(e){this.channel=new BroadcastChannel(Pl),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 re=Lt(fg()((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})}}))),Vt=new Mo({onInit:()=>re.setState({tabManagerInitiated:!0}),onClaim:()=>re.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>re.setState({isActiveTab:!1})});var Mn=yg({onConnectWallet:()=>{},onDisconnectWallet:()=>{}});function Cg(t){let{updateConfig:e,updateSettings:o,fetch:n}=y(),r=y().blockchains(),s=y().tokens(),a=y().config,l={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:p}=ml(t.config.wallets,l),{connectWallet:c,disconnectWallet:u}=K(),f=Fl(),m=Fl();Dl(()=>{n().catch(console.log)},[]),Dl(()=>{t.config&&(e(t.config),o(t.config),window.__rango={config:a,dappConfig:t.config})},[t.config]);let d=r.filter(hg).map(h=>h.name),g=i((h,k,w,x,b)=>{if(k===xi.ACCOUNTS)if(w){let A=Tn(b.supportedBlockchains),v=Ya(h,w,d,A,b.isContractWallet);v.length&&c(v,s)}else u(h),m.current?m.current(h):console.warn("onDisconnectWallet handler hasn't been set. Are you sure?");if(k===xi.ACCOUNTS&&x.connected){let A=`${h}-${x.network}-${w}`;x.connected&&(f.current?f.current(A):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(k===xi.NETWORK&&x.network){let A=`${h}-${x.network}`;f.current?f.current(A):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(h,k,w,x,b)},"onUpdateState"),C=re.use.isActiveTab(),S=Sg(()=>({onConnectWallet:h=>{f.current=h},onDisconnectWallet:h=>{m.current=h}}),[]);return Nn.createElement(Mn.Provider,{value:S},Nn.createElement(gg,{allBlockChains:r,providers:p,onUpdateState:g,autoConnect:!!C},t.children))}i(Cg,"Main");function Ln(t){let{config:e,...o}=t;return Nn.createElement(_l,{config:e},Nn.createElement(Cg,{...o,config:e}))}i(Ln,"WidgetWallets");import li from"react";import Tg,{Fragment as kg}from"react";import{MemoryRouter as wg,useInRouterContext as xg}from"react-router";function Ol({children:t}){let o=xg()?kg:wg;return Tg.createElement(o,null,t)}i(Ol,"AppRouter");import{I18nManager as hw}from"@rango-dev/ui";import Oa from"react";import qe from"react";import{useRoutes as ow}from"react-router-dom";var O={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId",routes:"routes"};import{useEffect as so,useRef as zn}from"react";import Pt from"bignumber.js";import{create as Ag}from"zustand";import{subscribeWithSelector as Wg}from"zustand/middleware";import{getLastSuccessfulStep as Eg}from"@rango-dev/queue-manager-rango-preset";import vb from"bignumber.js";import{i18n as Lo}from"@lingui/core";var vi={"Network Fee":Lo.t("Network Fee"),"Swapper Fee":Lo.t("Protocol Fee"),"Affiliate Fee":Lo.t("Affiliate Fee"),"Outbound network fee":Lo.t("Outbound Fee"),"Rango Fee":Lo.t("Rango Fee")},bi=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"],Ul=30;var Bt=(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))(Bt||{});import{i18n as tt}from"@lingui/core";import Be from"bignumber.js";import{PendingSwapNetworkStatus as $n}from"rango-types";function Bn(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(Bn,"getRequiredWallets");function _n(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(_n,"isValidAddress");import{i18n as Ee}from"@lingui/core";var ee=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 ql(t){switch(t.type){case 0:return t.diagnosisMessage??ee().noResultError.title;case 1:return ee().genericServerError;default:return""}}i(ql,"getQuoteErrorMessage");import{i18n as Pn}from"@lingui/core";var jt=i(()=>({connectWallet:Pn.t("Connect Wallet"),swap:Pn.t("Swap"),swapAnyway:Pn.t("Swap anyway"),ethWarning:Pn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function zl(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Be(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Be(1e3)))??!1}i(zl,"hasHighValueLoss");function Ql(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new Be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Be(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(Ql,"hasLimitError");function Hl(t){let e=(t||[]).filter(l=>{let p=l.fromAmountMinValue?new Be(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Be(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 Be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Be(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=tt.t({id:"Required: >= {min} {symbol}",values:{min:N(o,6,6),symbol:e.from.symbol}}),a=ee().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=tt.t({id:"Required: > {min} {symbol}",values:{min:N(o,6,6),symbol:e.from.symbol}}),a=ee().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=tt.t({id:"Required: <= {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),a=ee().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=tt.t({id:"Required: < {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),a=ee().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Hl,"getLimitErrorMessage");function Gl(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:jt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||l||!r||r==="0"?{title:jt().swap,action:"confirm-swap",disabled:!0}:a?{title:jt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:jt().ethWarning,action:"confirm-warning",disabled:!1}:{title:jt().swap,action:"confirm-swap",disabled:!1}:{title:jt().connectWallet,action:"connect-wallet",disabled:!1}}i(Gl,"getSwapButtonState");function Ii(t,e,o){return!((!o||o.lte(Me))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(Ii,"canComputePriceImpact");function vg(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(vg,"requiredWallets");var bg=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Ei(t,e){let o=Me;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=bg(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Be(r.amount).multipliedBy(s||0))}return o}i(Ei,"getUsdFeeOfStep");function Dn(t,e){return t.reduce((o,n)=>o.plus(Ei(n,e)),Me)}i(Dn,"getTotalFeeInUsd");function Ai(t){let e=Me;return e=e.plus(new Be(t.amount).multipliedBy(t.price||0)),e}i(Ai,"getUsdFee");function Vl(t){return t.reduce((e,o)=>e.plus(Ai(o)),Me)}i(Vl,"getTotalFeesInUsd");function jl(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(jl,"getFeesGroup");function Xl(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(Xl,"checkSlippageErrors");function Kl(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(Kl,"checkSlippageWarnings");function Fn(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(Fn,"getMinRequiredSlippage");function Yl(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Yl,"hasProperSlippage");function Jl(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:c,affiliateRef:u,affiliatePercent:f,affiliateWallets:m,destination:d,enableCentralizedSwappers:g}=t,C=s?.reduce((k,w)=>(k[w.chain]=w.address,k),{}),S=[];return r?.forEach(k=>{S.push({blockchain:k.chain,addresses:[k.address]})}),{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:f??void 0,affiliateWallets:m??void 0,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:S,selectedWallets:C??{},slippage:c.toString(),...d&&{destination:d},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(k=>!a.includes(k)),swappersGroupsExclude:!1},enableCentralizedSwappers:g}}i(Jl,"createQuoteRequestBody");function Zl(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Zl,"getWalletsForNewSwap");function ro(t){return t?.outputAmount||null}i(ro,"getQuoteOutputAmount");function Rl(t,e){return new Be(e).div(new Be(t)).minus(1).multipliedBy(100).toNumber()}i(Rl,"getPercentageChange");function ep(t,e){let o=ro(t),n=ro(e);if(!o||!n)return!1;let r=Xe(o,n);return r?r<=-1:!0}i(ep,"isOutputAmountChangedALot");function tp(t,e,o){let n=t.validationStatus,r=Ja(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>ap(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=N(new Be(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=N(new Be(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=tt.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=tt.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=tt.t(" for input and network fee")),tt.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:c,symbol:l,reason:u,currentAmount:p,blockchain:Ve(a.asset.blockchain,o)}})})}i(tp,"generateBalanceWarnings");function On(t,e){return(t?new Be(t):Me).multipliedBy(e||0)}i(On,"calcOutputUsdValue");function Bo(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==$n.NetworkChanged}i(Bo,"isNetworkStatusInWarningState");function op(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Bo(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case $n.WaitingForConnectingWallet:n=n||tt.t("Waiting for connecting wallet");break;case $n.WaitingForQueue:n=n||tt.t("Waiting for other running tasks to be finished");break;case $n.WaitingForNetworkChange:n=n||tt.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(op,"getSwapMessages");function np(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(np,"getLastConvertedTokenInFailedSwap");function rp(t){return t.status==="failed"}i(rp,"shouldRetrySwap");function ip(t,e,o,n,r,s){return t||!e&&!vg(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!_n(s,o)}i(ip,"confirmSwapDisabled");function sp(t,e){return t.blockchain===e.blockchain&&t.symbol===e.symbol&&t.address===e.address}i(sp,"isTokensIdentical");function Un(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(Un,"getQuoteToTokenUsdPrice");function Wi(t,e){let o=t?.swaps||[],n=e?.swaps||[];return o.length!==n.length}i(Wi,"isNumberOfSwapsChanged");function Ni(t,e){let o=t?.swaps.map(r=>r.swapperId)||[],n=e?.swaps.map(r=>r.swapperId)||[];return!Si(o,n)}i(Ni,"isQuoteSwappersUpdated");function Mi(t,e){let o=t?.swaps.map(r=>r.to.symbol)||[],n=e?.swaps.map(r=>r.to.symbol)||[];return!Si(o,n)}i(Mi,"isQuoteInternalCoinsUpdated");function pp(t,e){return Wi(t,e)||Ni(t,e)||Mi(t,e)}i(pp,"isQuoteChanged");function ap(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(ap,"getRequiredBalanceOfWallet");function Tt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(Tt,"getPriceImpactLevel");function cp(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Eg(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Ti(s?s.toBlockchain:n.fromBlockchain,e),p=Ti(r.toBlockchain,e),c=Ci(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=Ci(a,o),f=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:f}}i(cp,"createRetryQuote");function io(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Xt(o,t.requestAmount),l=Xt(n,t?.outputAmount??"");if(t&&a&&l){let u=Xe(a.toString(),l.toString());if(!!u&&zl(a,u)){let m=Dn(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=Fn(t.swaps),c=s>Al;if(Yl(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:Kl(t,s),minRequiredSlippage:p};return null}i(io,"generateQuoteWarnings");function Xe(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:Rl(t.toString(),e.toString());return n&&n<0?n:null}i(Xe,"getPriceImpact");var up=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"),qn=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"),mp=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"),dp=i(t=>{let e=i((o,n)=>{let r=bi.indexOf(o.value),s=bi.indexOf(n.value);return r!==-1&&s!==-1?r-s:r!==-1?-1:s!==-1?1:0},"customSort");return t.sort(e)},"sortTags");var Xt=i((t,e)=>t?.usdPrice?new Pt(e||Me).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),j=Lt(Ag()(Wg(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Pt(0),outputUsdValue:new Pt(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=Me;return Io(o.inputAmount)?(e&&(n=e?.outputAmount?new Pt(e?.outputAmount):null,r=On(e?.outputAmount,Un(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 Pt(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:Xt(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 Pt(0),outputUsdValue:new Pt(0),selectedQuote:null},...!!o.fromToken&&{inputUsdValue:Xt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=cp(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:Xt(a??null,c),outputUsdValue:new Pt(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:Xt(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 fp(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=j(),c=y().config,u=y().fetchStatus,f=y().blockchains(),m=y().tokens(),{setAffiliateRef:d,setAffiliatePercent:g,setAffiliateWallets:C}=y(),S=c?.from?.tokens,h=c?.from?.blockchains,k=c?.to?.tokens,w=c?.to?.blockchains,x=zn(void 0),b=zn(void 0),A=zn(void 0),v=zn(void 0);so(()=>{t(c?.amount?.toString()||"")},[c?.amount]),so(()=>{if(u==="success"){let T=f.find(E=>E.name===c?.from?.blockchain),M=m.find(E=>Le(E,c?.from?.token||null));(T||!T&&A.current)&&n(T??null),M?r({token:M,meta:{blockchains:f,tokens:m}}):!M&&x.current&&r({token:null}),A.current=c?.from?.blockchain,x.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),so(()=>{Eo(s,S)&&r({token:null}),fi(l,h)&&n(null)},[S,h]),so(()=>{Eo(a,k)&&r({token:null}),fi(p,w)&&o(null)},[k,w]),so(()=>{if(u==="success"){let T=f.find(E=>E.name===c?.to?.blockchain),M=m.find(E=>Le(E,c?.to?.token||null));(T||!T&&v.current)&&o(T??null),M?e({token:M,meta:{blockchains:f,tokens:m}}):!M&&b.current&&e({token:null}),v.current=c?.to?.blockchain,b.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),so(()=>{d(c?.affiliate?.ref??null),g(c?.affiliate?.percent??null),C(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(fp,"useSyncStoresWithConfig");import{useEffect as _i,useRef as Ng}from"react";import{useInRouterContext as Mg,useLocation as Lg,useSearchParams as Bg}from"react-router-dom";function Li(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(Li,"searchParamToToken");function Bi(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(Bi,"tokenToSearchParam");function Pi(){let t=Lg(),[e,o]=Bg(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:f,setInputAmount:m}=j(),d=y().fetchStatus,g=y().blockchains(),C=y().tokens(),S=Mg(),{updateIframe:h,updateCampaignMode:k}=y(),w=y().isInCampaignMode(),x=Ng(),b=i(()=>{let v=e.get("fromAmount"),T=e.get("fromBlockchain"),M=e.get("fromToken"),E=e.get("toBlockchain"),B=e.get("toToken"),Q=e.get("autoConnect"),q=e.get("clientUrl"),H=e.get("liquiditySources");return{fromAmount:v,fromBlockchain:T,fromToken:M,toBlockchain:E,toToken:B,autoConnect:Q,clientUrl:q,liquiditySources:H}},"getUrlSearchParams"),A=i(v=>{for(let T in v)v[T]||delete v[T];o(v,{replace:!0})},"updateUrlSearchParams");_i(()=>{let{autoConnect:v,clientUrl:T}=b();S&&d==="success"&&A({fromBlockchain:n?.name,fromToken:Bi(s),toBlockchain:r?.name,toToken:Bi(a),fromAmount:l,autoConnect:v??void 0,clientUrl:T??void 0,liquiditySources:w?x.current:void 0})},[t.pathname,l,n,s,r,a,w]),_i(()=>{if(!S)return;let v=b();if(!x.current&&v.liquiditySources&&(x.current=v.liquiditySources),v.fromAmount&&m(v.fromAmount),d==="success"){let T=g.find(Q=>Q.name===v.fromBlockchain),M=Li(C,v.fromToken,T??null),E=g.find(Q=>Q.name===v.toBlockchain),B=Li(C,v.toToken,E??null);T&&(p(T),M&&u({token:M,meta:{blockchains:g,tokens:C}})),E&&(c(E),B&&f({token:B,meta:{blockchains:g,tokens:C}}))}},[d]),_i(()=>{let{clientUrl:v,liquiditySources:T}=b();h("clientUrl",v||void 0),k("liquiditySources",T?.split(",")??void 0)},[])}i(Pi,"useSyncUrlAndStore");import{i18n as Ls}from"@lingui/core";import{useManager as _S}from"@rango-dev/queue-manager-react";import{Alert as Ku,Button as PS,css as _s,Divider as Bs,IconButton as Yu,styled as $S,Typography as DS,WalletIcon as FS}from"@rango-dev/ui";import Te,{useEffect as Jo,useLayoutEffect as OS,useRef as US,useState as Zo}from"react";import{flushSync as qS}from"react-dom";import{useLocation as zS,useNavigate as QS}from"react-router-dom";import{i18n as dt}from"@lingui/core";import{Alert as us,BalanceErrors as xy,Button as Wc,ChevronDownIcon as vy,ChevronLeftIcon as by,Divider as go,MessageBox as Iy,Typography as cr,WalletIcon as Ey}from"@rango-dev/ui";import F,{useEffect as Ay,useState as ho}from"react";import{useNavigate as Wy}from"react-router-dom";import{i18n as Qn}from"@lingui/core";function Hn(t){switch(t.type){case 0:return Qn.t("Route has been updated.");case 3:return Qn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Qn.t("Route swappers has been updated.");case 2:return Qn.t("Route internal coins has been updated.");default:return""}}i(Hn,"getQuoteUpdateWarningMessage");import{Modal as Pg}from"@rango-dev/ui";import $g from"react";function le(t){let{watermark:e}=re();return $g.createElement(Pg,{hasWatermark:e==="FULL",...t},t.children)}i(le,"WatermarkedModal");import Xn,{useRef as Og}from"react";import*as ao from"@radix-ui/react-collapsible";import{keyframes as hp,styled as Gn}from"@rango-dev/ui";var $i=300,Dg=hp({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Fg=hp({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),yp=Gn(ao.Root,{borderRadius:"$sm",overflow:"hidden",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Di=Gn(ao.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),Vn=Gn(ao.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Dg} ${$i}ms ease-out`},false:{animation:`${Fg} ${$i}ms ease-out`}}}}),jn=Gn("div",{transition:`all ${$i}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Kn(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=Og(null);return Xn.createElement(yp,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&Xn.createElement(Di,{className:"collapsible_trigger",onClick:s},a),Xn.createElement(Vn,{className:"collapsible_content",open:e},r),l==="bottom"&&Xn.createElement(Di,{className:"collapsible_trigger",onClick:s},a))}i(Kn,"CustomCollapsible");import{css as Sp,darkTheme as lo,IconButton as Ug,styled as Ke,TextField as qg}from"@rango-dev/ui";var Cp=Ke("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Tp=Ke("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),zg=Ke("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${lo} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${lo} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${lo} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),kp=Ke(zg,{alignSelf:"stretch",minHeight:"93px"}),wp=Ke("div",{padding:"$20 $20 $15 $20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),xp=Ke(Ug,{position:"absolute",left:"$20"}),vp=Ke("div",{paddingTop:"$20"}),bp=Sp({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ip=Ke("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral100"}}),Ep=Sp({paddingTop:"$5"}),Ap=Ke("div",{display:"flex"}),Wp=Ke(qg,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Np=Ke("div",{overflow:"visible",width:"100%"}),Mp=Ke("div",{width:"100%",borderRadius:"$sm",display:"flex",padding:"$15",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${lo} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomRightRadius:"0",borderBottomLeftRadius:"0","&:hover":{$$color:"$colors$info100",[`.${lo} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${lo} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as ot}from"@lingui/core";import{Button as Cy,Divider as ps,Image as Ty,MessageBox as lr,SelectableWallet as ky,Typography as Ic,WalletState as Ec}from"@rango-dev/ui";import de,{useEffect as Ac,useState as Fo}from"react";import{WalletState as Yn}from"@rango-dev/ui";import{useWallets as Qg}from"@rango-dev/wallets-react";import{detectMobileScreens as Hg,KEPLR_COMPATIBLE_WALLETS as Gg,WalletTypes as _o}from"@rango-dev/wallets-shared";import{useCallback as Vg,useEffect as jg,useState as Xg}from"react";var Kg=Object.values(_o);function po(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Qg(),{connectedWallets:c}=K(),u=y().blockchains(),f=ul(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Kg,m=Ka(s,l,f,o);m=Hg()?m.filter(b=>b.showOnMobile||s(b.type).installed):m;let d=ol(m),[g,C]=Xg(""),S=i(b=>!c.find(A=>A.walletType===b&&A.chain===o),"isExperimentalChainNotAdded"),h=i(async b=>{let A=s(b);try{if(g&&C(""),A.connected)await a(b);else{let v=!!m.find(T=>T.state===Yn.CONNECTED);if(!e?.multiWallets&&v)return;n?.(b),await p(b),r?.(b)}}catch(v){C("Error: "+v?.message)}},"handleClick"),k=Vg(()=>{let b=m?.filter(A=>A.state===Yn.CONNECTING)||[];for(let A of b)a(A.type)},[il(m)]);jg(()=>()=>{k()},[]);let w=i(b=>{let A=b.find(T=>T.type===_o.DEFAULT);return!A||A.state===Yn.NOT_INSTALLED?!1:b.filter(T=>T.state!=Yn.NOT_INSTALLED&&![_o.DEFAULT,_o.WALLET_CONNECT_2].includes(T.type)&&l(T.type).supportedChains.filter(M=>M.type=="EVM").length>0).length==0},"shouldShowDefaultInjectedWallet"),x=i((b,A,v)=>wn(v,A)&&S(b)&&!Gg.includes(b)||b==_o.DEFAULT&&!w(m),"shouldExcludeWallet");return{list:d.filter(b=>!x(b.type,o??"",u)),error:g,handleClick:h,disconnectConnectingWallets:k}}i(po,"useWalletList");import{i18n as Cc}from"@lingui/core";import{styled as kc,Typography as my,Wallet as dy,WalletState as fy}from"@rango-dev/ui";import fo,{useState as Tc}from"react";import{useManager as ty}from"@rango-dev/queue-manager-react";import{BottomLogo as oy,Divider as mc,Header as ny}from"@rango-dev/ui";import he,{useEffect as rs,useRef as dc,useState as ry}from"react";import{useRef as Yg}from"react";function Jn(){return window.self!==window.top}i(Jn,"isAppLoadedIntoIframe");function Fi(){let t=Yg(null),{iframe:e}=y(),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(Fi,"useIframe");import{useNavigate as Jg}from"react-router-dom";function Ye(){let t=Jg();return()=>t(-1)}i(Ye,"useNavigateBack");import{createTheme as Hi,darkTheme as nh,lightTheme as rh}from"@rango-dev/ui";import{useEffect as ih,useState as sh}from"react";import{theme as th,darkColors as oh}from"@rango-dev/ui";import zi from"react";function Zg(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,g=u[m],C={[`${e}${d}`]:Zn(t,g)};Object.assign(f,C)}return{...f,[e]:t}}i(Zg,"generateShades");function Zn(t,e){let[o,n,r]=Lp(t);return`#${Oi(o+e)}${Oi(n+e)}${Oi(r+e)}`}i(Zn,"generateShade");function Lp(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(Lp,"convertToRGB");function Oi(t){return("0"+Math.max(0,Math.min(255,t)).toString(16)).slice(-2).toUpperCase()}i(Oi,"clamp");function Bp(t){let[a,l,p]=Lp(t);return(a*299+l*587+p*114)/1e3>188}i(Bp,"isBright");var Ui=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,...Zg(a,s,s==="neutral"&&e)})}return n?r:{}},"generateColors");var _p=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Rg=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=_p(o%52)+e;return _p(o%52)+e},"toAlphabeticName"),eh=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),qi=i(t=>Rg(eh(5381,JSON.stringify(t))>>>0),"toHash");function Qi(t){let e=th.colors,o=Ui({...e,...oh},!0,t?.dark),n=Ui(e,!1,t?.light),r=Object.keys(o).length>0,s=Object.keys(n).length>0,a,l;if(s){let p={colors:n};a={id:`${di}-light-${qi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${di}-dark-${qi(p)}`,tokens:p}}return{light:a,dark:l}}i(Qi,"customizedThemeTokens");function Pp(t,e){if(t.length<=1)return t.map(({element:n,key:r})=>zi.cloneElement(n,{key:r}));let o=[];return t.forEach((n,r)=>{let{element:s,key:a}=n;if(o.push(zi.cloneElement(s,{key:a})),r<t.length-1){let l=`divider-${r}`;o.push(zi.cloneElement(e,{key:l}))}}),o}i(Pp,"joinList");function Rn(t){let{colors:e,fontFamily:o=pl,borderRadius:n=al,secondaryBorderRadius:r=ll}=t,[s,a]=sh("light"),{theme:l}=y(),{dark:p,light:c}=Qi(e),u=Hi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[u.className,rh.className],m=[u.className,nh.className];if(c){let g=Hi(c.id,c.tokens);f.push(g.className)}if(p){let g=Hi(p.id,p.tokens);m.push(g.className)}return ih(()=>{let g=i(C=>{C.matches?a("dark"):a("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&a("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",g),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",g)}},[]),{activeTheme:i(()=>{let g=f.join(" "),C=m.join(" ");return l==="auto"?s==="dark"?C:g:l==="dark"?C:g},"getActiveTheme")}}i(Rn,"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 $p}from"@lingui/core";import{Alert as ah,Button as lh}from"@rango-dev/ui";import Dp from"react";function Gi(t){return Dp.createElement(ah,{action:Dp.createElement(lh,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},$p.t("Activate this tab")),type:"warning",variant:"alarm",title:$p.t("Another tab is open and handles transactions.")})}i(Gi,"ActivateTabAlert");import{i18n as Vi}from"@lingui/core";import{Button as ph,Divider as ch,MessageBox as uh}from"@rango-dev/ui";import er from"react";function ji(t){let{open:e,onClose:o,onConfirm:n}=t;return er.createElement(le,{open:e,dismissible:!0,onClose:o,container:L()},er.createElement(uh,{title:Vi.t("Activate current tab"),type:"warning",description:Vi.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.")},er.createElement(ch,{size:20}),er.createElement(ph,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Vi.t("Confirm"))))}i(ji,"ActivateTabModal");import{ChevronLeftIcon as fh}from"@rango-dev/ui";import Gp from"react";import{css as mh,darkTheme as Fp,IconButton as dh,styled as Kt}from"@rango-dev/ui";var mt=Kt(dh,{width:"$24",position:"relative",padding:"0",overflow:"unset","&:hover":{backgroundColor:"$info100",[`.${Fp} &`]:{backgroundColor:"$neutral"}}}),Op=Kt("div",{position:"absolute",background:"$secondary500",[`.${Fp} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),co=Kt("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Up=Kt("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"}}}}),qp=Kt("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}}),zp=Kt("div",{position:"absolute",right:"$4",top:"$4",backgroundColor:"$background",borderRadius:"100%"}),Qp=mh({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}),Hp=Kt("div",{borderRadius:"100%",border:"1.5px transparent solid","&:not(:first-child)":{marginLeft:"-$6"},img:{borderRadius:"100%"}});function Xi(t){return Gp.createElement(mt,{variant:"ghost",size:"small",onClick:t.onClick},Gp.createElement(fh,{color:"black",size:16}))}i(Xi,"BackButton");import{i18n as gh}from"@lingui/core";import{Button as hh,Typography as yh}from"@rango-dev/ui";import Ki from"react";function Yi(t){return Ki.createElement(co,null,Ki.createElement(hh,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Ki.createElement(yh,{variant:"label",size:"medium",color:"error500"},gh.t("Cancel"))))}i(Yi,"CancelButton");import{i18n as Sh}from"@lingui/core";import{Image as Ch,Tooltip as Th,WalletIcon as kh}from"@rango-dev/ui";import Yt from"react";function Ji(t){let{list:e}=po({}),o=e.filter(r=>r.state==="connected"),n=o.length?Yt.createElement("div",{className:Qp()},o.map(r=>Yt.createElement(Hp,{key:r.title},Yt.createElement(Ch,{src:r.image,size:14})))):Sh.t("Connect Wallet");return Yt.createElement(Th,{container:t.container,side:"bottom",content:n},Yt.createElement(mt,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Yt.createElement(Op,null),Yt.createElement(kh,{size:18,color:"black"})))}i(Ji,"WalletButton");import{i18n as nr}from"@lingui/core";import{NotificationsIcon as Vh,Popover as jh,SettingsIcon as Xh,Tooltip as rr,TransactionIcon as Kh}from"@rango-dev/ui";import ve from"react";import{i18n as Mh}from"@lingui/core";import{EventSeverity as Zp}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Rp,ChevronRightIcon as Lh,Divider as Bh,Typography as _h}from"@rango-dev/ui";import Oe from"react";import{useNavigate as Ph}from"react-router-dom";import{create as wh}from"zustand";import{persist as xh,subscribeWithSelector as vh}from"zustand/middleware";var Fe=Lt(wh()(xh(vh((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 bh,ListItemButton as Ih,styled as Po}from"@rango-dev/ui";var Vp=Po("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),jp=Po("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Xp=Po(Ih,{variants:{actionRequired:{true:{backgroundColor:"$error300",[`.${bh} &`]:{backgroundColor:"$error600"}}}}}),Kp=Po("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Yp=Po("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Eh}from"@lingui/core";import{Divider as Ah,NoNotificationIcon as Wh,Typography as Nh}from"@rango-dev/ui";import tr from"react";function Jp(){return tr.createElement(Yp,null,tr.createElement(Wh,{color:"secondary",size:26}),tr.createElement(Ah,{size:12}),tr.createElement(Nh,{variant:"body",size:"medium",color:"neutral700"},Eh.t("There are no notifications.")))}i(Jp,"NotificationNotFound");var $h=4;function Zi(){let t=Ph(),{getUnreadNotifications:e}=Fe(),o=e(),n=y().blockchains(),r=y().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,$h),a=i(l=>{t(`${O.swaps}/${l}`)},"handleOnClick");return Oe.createElement(Vp,null,s.length?Oe.createElement(jp,null,s.map((l,p)=>{let{route:c,requestId:u,event:f}=l,m=r.find(S=>Le(S,c.from)),d=n.find(S=>S.name===c.from.blockchain),g=r.find(S=>Le(S,c.to)),C=n.find(S=>S.name===c.to.blockchain);return Oe.createElement(Oe.Fragment,{key:u},p>0&&Oe.createElement(Bh,{size:4}),Oe.createElement(Xp,{onClick:()=>a(u),actionRequired:f.messageSeverity===Zp.WARNING,title:Oe.createElement(_h,{variant:"body",size:"small",color:f.messageSeverity===Zp.WARNING?"$foreground":"$neutral700"},Mh.t(f.message)),id:u,start:Oe.createElement(Kp,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(Rp,{tokenImage:m?m.image:"",chainImage:d?d.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(Rp,{tokenImage:g?g.image:"",chainImage:C?C.logo:"",size:"small"}))),end:Oe.createElement(Lh,{size:12,color:"gray"})}))})):Oe.createElement(Jp,null))}i(Zi,"NotificationContent");import{useManager as Dh}from"@rango-dev/queue-manager-react";import{InProgressIcon as Fh}from"@rango-dev/ui";import ec from"react";var Oh=i(()=>{let{manager:t}=Dh();return ut(t).map(({swap:o})=>o).find(o=>o.status==="running")?ec.createElement(zp,null,ec.createElement(Fh,{color:"info",size:6})):null},"InProgressTransactionBadge"),tc=Oh;import{RefreshProgressButton as Uh}from"@rango-dev/ui";import Ri,{useEffect as qh,useState as oc}from"react";var zh=1e3,nc=60,Qh=100;function or({onClick:t}){let[e,o]=oc(0),[n,r]=oc(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");qh(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===nc&&l()},zh):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 Ri.createElement(mt,{variant:"ghost",size:"small",style:{paddingTop:0,paddingBottom:0},onClick:l,disabled:!t},Ri.createElement(qp,{onTransitionEnd:()=>r(!1),isRefetched:n},Ri.createElement(Uh,{size:22,color:t?"black":"gray",progress:e/nc*Qh})))}i(or,"RefreshButton");import{EventSeverity as Hh}from"@rango-dev/queue-manager-rango-preset";import{Typography as Gh}from"@rango-dev/ui";import rc from"react";function ic(){let{getUnreadNotifications:t}=Fe(),e=t(),o=e.length,n=!!e.find(r=>r.event.messageSeverity===Hh.WARNING);return o?rc.createElement(Up,{isSever:n},rc.createElement(Gh,{variant:"body",size:"xsmall",color:"$background"},o)):null}i(ic,"UnreadNotificationsBadge");function Jt(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n,hidden:r=[],container:s}=t,{config:{features:a}}=y(),l=je("notification",a)||r.includes("notifications");return ve.createElement(ve.Fragment,null,!r.includes("refresh")&&ve.createElement(rr,{container:s||L(),side:"top",content:nr.t("Refresh")},ve.createElement(or,{onClick:e})),!l&&ve.createElement(jh,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:L(),content:ve.createElement(Zi,null)},ve.createElement("div",null,ve.createElement(rr,{container:L(),side:"top",content:nr.t("Notifications")},ve.createElement(mt,{size:"small",variant:"ghost"},ve.createElement(Vh,{size:18,color:"black"}),ve.createElement(ic,null))))),!r.includes("settings")&&ve.createElement(rr,{container:L(),side:"top",content:nr.t("Settings")},ve.createElement(mt,{size:"small",variant:"ghost",onClick:n},ve.createElement(Xh,{size:18,color:"black"}))),!r.includes("history")&&ve.createElement(rr,{container:L(),side:"top",content:nr.t("Transactions History")},ve.createElement(mt,{size:"small",variant:"ghost",onClick:o},ve.createElement(Kh,{size:18,color:"black"}),ve.createElement(tc,null))))}i(Jt,"HeaderButtons");import{i18n as es}from"@lingui/core";import{Divider as ac,MessageBox as Zh,RefreshIcon as Rh}from"@rango-dev/ui";import uo from"react";import{Button as Yh,styled as Jh}from"@rango-dev/ui";var sc=Jh(Yh,{"& span":{display:"flex",justifyContent:"center",alignItems:"center"}});function ts(t){let{open:e,onClose:o}=t;return uo.createElement(le,{open:e,dismissible:!0,onClose:o,container:L()},uo.createElement(Zh,{title:es.t("Something went wrong"),type:"error",description:es.t("Something went wrong. Please refresh the app.")},uo.createElement(ac,{size:30}),uo.createElement(sc,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:()=>location.reload()},uo.createElement(Rh,{size:20,color:"primary"}),uo.createElement(ac,{size:4,direction:"horizontal"}),es.t("Refresh"))))}i(ts,"RefreshModal");function os(t){let e=t.target;if(e){let o=e.scrollTop,n=L();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(os,"onScrollContentAttachStatusToContainer");import{css as ey,styled as ns}from"@rango-dev/ui";var lc="700px",ir=ey({borderRadius:"$primary",display:"flex",flexDirection:"column",overflow:"hidden",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)"}),pc=ns("div",{position:"relative",width:"100vw",minWidth:"300px",maxWidth:"390px",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:lc},fixed:{height:lc}}}}),cc=ns("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),uc=ns("div",{padding:"0 $20 $10","& .footer__alert":{paddingTop:"$10"},"& .footer__logo":{opacity:0,transition:"opacity 1s ease-in-out","&.logo__show":{opacity:1},"&.logo__hidden":{visibility:"hidden"}}});function pe(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=Fi(),{children:n,header:r,footer:s,height:a="fixed"}=t,{fetchStatus:l}=y(),[p,c]=ry(!1),u=K.use.connectedWallets(),{config:{features:f,theme:m}}=y(),{watermark:d}=re(),g=d==="FULL",{activeTheme:C}=Rn(m||{}),S=je("connectWalletButton",f),{isActiveTab:h,tabManagerInitiated:k,showActivateTabModal:w,setShowActivateTabModal:x,activateCurrentTab:b}=re(),A=Ye(),{manager:v}=ty(),M=ut(v).map(({swap:_})=>_).some(_=>_.status==="running"),E=i(()=>b(Vt.forceClaim,M),"onActivateTab"),B=i(()=>{r.onWallet?.()},"onConnectWallet"),Q=typeof r.hasBackButton>"u"||r.hasBackButton,q=dc(null),H=dc(null);return rs(()=>(Jn()&&H.current&&e(H.current),()=>{o()}),[]),rs(()=>(q.current?.addEventListener("scroll",os),()=>{q.current?.removeEventListener("scroll",os)}),[]),rs(()=>{c(l==="failed")},[l]),he.createElement(pc,{height:a,id:ke.SWAP_BOX_ID,className:`${C()} ${ir()}`,ref:H},he.createElement(ny,{prefix:he.createElement(he.Fragment,null,Q&&he.createElement(Xi,{onClick:()=>{A(),r.onBack&&r.onBack()}})),title:r.title,suffix:he.createElement(he.Fragment,null,r.suffix,r.onWallet&&!S&&he.createElement(Ji,{container:L(),onClick:B,isConnected:!!u?.length}),r.onCancel&&he.createElement(Yi,{onClick:r.onCancel}))}),he.createElement(cc,{ref:q},n),he.createElement(ji,{open:w,onClose:()=>x(!1),onConfirm:E}),he.createElement(uc,null,he.createElement("div",{className:"footer__content"},k&&!h&&he.createElement("div",{className:"footer__alert"},he.createElement(Gi,{onActivateTab:E}),he.createElement(mc,{size:10})),s),he.createElement(mc,{size:12}),he.createElement("div",{className:`footer__logo ${g?"logo__show":"logo__hidden"}`},he.createElement(oy,null))),he.createElement(ts,{open:p,onClose:()=>c(!1)}))}i(pe,"Layout");import{styled as iy}from"@rango-dev/ui";var fc="$20 $20 $10 $20",$o=iy("div",{padding:fc,overflowY:"auto",flexGrow:1});import{styled as sy}from"@rango-dev/ui";var me=sy("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 uy}from"@rango-dev/ui";import ss from"react";import{i18n as mo}from"@lingui/core";import{Image as py,MessageBox as is,WalletState as cy}from"@rango-dev/ui";import Zt from"react";import{keyframes as ay,styled as sr}from"@rango-dev/ui";var rW=sr("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),gc=sr("div",{position:"relative"}),ly=ay({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),hc=sr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${ly} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),yc=sr("div",{"& img":{borderRadius:"50%"}});function Sc(t){let{state:e,image:o,error:n}=t;return e===cy.CONNECTED?Zt.createElement(is,{type:"success",title:mo.t("Wallet Connected"),description:mo.t("Your wallet is connected, you can use it to swap.")}):n?Zt.createElement(is,{type:"error",title:mo.t("Failed to Connect"),description:n||mo.t("Your wallet is not connected. Please try again.")}):Zt.createElement(is,{type:"loading",title:mo.t("Connecting to your wallet"),description:mo.t("Click connect in your wallet popup."),icon:Zt.createElement(gc,null,Zt.createElement(yc,null,Zt.createElement(py,{src:o,size:45})),Zt.createElement(hc,null))})}i(Sc,"ModalContent");function Do(t){let{open:e,onClose:o,...n}=t;return ss.createElement(le,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},ss.createElement(Sc,{...n}),ss.createElement(uy,{direction:"vertical",size:32}))}i(Do,"WalletModal");var gy=kc("div",{display:"flex",justifyContent:"center",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5"}),hy=kc(me,{textAlign:"center"}),ar=3e3,as=300;function wc(){let{config:t,fetchStatus:e}=y(),[o,n]=Tc(!1),[r,s]=Tc(""),a=null,l=re.use.isActiveTab(),{list:p,handleClick:c,error:u,disconnectConnectingWallets:f}=po({config:t,onBeforeConnect:S=>{a=setTimeout(()=>{n(!0),s(S)},as)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},ar)}}),m=i(()=>{f(),n(!1)},"handleCloseWalletModal"),d=p.find(S=>S.type===r),g=d?.image||"",C=d?.state||fy.NOT_INSTALLED;return fo.createElement(pe,{header:{title:Cc.t("Connect Wallets")}},fo.createElement(hy,null,fo.createElement(my,{variant:"title",size:"xmedium",align:"center"},Cc.t("Choose a wallet to connect.")),fo.createElement(gy,null,p.map((S,h)=>{let k=`wallet-${h}-${S.type}`;return fo.createElement(dy,{key:k,...S,container:L(),onClick:w=>{c(w)},isLoading:e==="loading",disabled:!l})}),fo.createElement(Do,{open:!!o,onClose:m,image:g,state:C,error:u}))))}i(wc,"WalletsPage");import{keyframes as yy,styled as ls}from"@rango-dev/ui";var xc=ls("div",{position:"relative"}),Sy=yy({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),vc=ls("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Sy} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),bc=ls("div",{"& img":{borderRadius:"50%"}});var wy=7;function cs(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=y(),l=re.use.isActiveTab(),p=K.use.connectedWallets(),{blockchains:c}=y(),[u,f]=Fo(""),[m,d]=Fo(null),[g,C]=Fo(!1),[S,h]=Fo(null),{suggestAndConnect:k}=pr(),w=null,{list:x,error:b,handleClick:A,disconnectConnectingWallets:v}=po({config:a,chain:e,onBeforeConnect:_=>{w=setTimeout(()=>{f(_)},as)},onConnect:()=>{w&&clearTimeout(w),setTimeout(()=>{f("")},ar)}}),[T,M]=Fo(x),E=x.length,B=r&&E-r>0,Q=i(async _=>{C(!1),h("in-progress");try{await k(_.walletType,_.chain),h("completed")}catch{h("rejected")}},"addExperimentalChain");Ac(()=>{M(_=>{let te=x.findIndex(ie=>o(ie.type,e));return B&&te>1?[x[te]].concat(x.filter((ie,R)=>R!==te)):_.map(ie=>x.find(R=>R.type===ie.type)??ie)})},[JSON.stringify(x)]);let q=document.getElementById(ke.SWAP_BOX_ID);Ac(()=>{let _=null;return(S==="completed"||S==="rejected")&&(_=setTimeout(()=>h(null),ar)),()=>{_&&clearTimeout(_)}},[S]);let H=i(()=>{v(),f("")},"handleCloseWalletModal");return de.createElement(de.Fragment,null,T.slice(0,r).map(_=>{let te=nl({connectedWallets:p,walletType:_.type,chain:e}),ie=te?vn(te,wy):"",R=wn(c(),e),oe=!p.find(ne=>ne.walletType===_.type&&ne.chain===e),I=R&&oe&&_.state===Ec.CONNECTED,W=I?ot.t({id:"Add {chain} chain",values:{chain:e}}):ie,ce=i(()=>{_.state===Ec.DISCONNECTED?A(_.type):I?(d({walletType:_.type,chain:e,address:te??""}),C(!0)):n({walletType:_.type,chain:e,address:te??""})},"onClick"),Z=m?.chain?kl(m.chain,c()):void 0;return de.createElement(de.Fragment,{key:`${_.title}_${Z}`},de.createElement(Do,{open:u===_.type,onClose:H,image:_.image,state:_.state,error:b}),!!m&&de.createElement(le,{open:!!m&&g,container:q,onClose:()=>{d(null)}},de.createElement(lr,{title:ot.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),type:"warning",description:ot.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}})},de.createElement(ps,{size:18}),de.createElement(ps,{size:32}),de.createElement(Cy,{onClick:Q.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},ot.t("Confirm")))),S&&de.createElement(le,{open:!!S,onClose:h.bind(null,null),container:q},S==="in-progress"&&de.createElement(lr,{type:"loading",title:ot.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),description:ot.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}}),icon:de.createElement(xc,null,de.createElement(bc,null,de.createElement(Ty,{src:_.image,size:45})),de.createElement(vc,null))}),S==="completed"&&de.createElement(lr,{type:"success",title:ot.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Z}}),description:ot.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Z}})}),S==="rejected"&&de.createElement(lr,{type:"error",title:ot.t("Request Rejected"),description:ot.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Z}})}),de.createElement(ps,{direction:"vertical",size:32})),de.createElement(ky,{key:_.type,description:W,onClick:ce,selected:o(_.type,e),disabled:!l,..._}))}),B&&de.createElement(kp,{selected:!1,onClick:s},de.createElement(Ic,{variant:"label",size:"medium"},ot.t("Show more wallets"),de.createElement(Ic,{variant:"label",size:"medium",color:"$primary"},"\xA0+",E-(r??0)))))}i(cs,"WalletList");var Ny=2;function Nc(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=y().config,l=y().blockchains(),{selectedQuote:p,setSelectedWallets:c,quoteWalletsConfirmed:u,setQuoteWalletConfirmed:f,customDestination:m,setCustomDestination:d}=j(),{connectedWallets:g,selectWallets:C}=K(),[S,h]=ho(""),[k,w]=ho([]),[x,b]=ho(""),[A,v]=ho(null),[T,M]=ho(!!m),E=Bn(p?.swaps||null),B=l.find(G=>G.name===p?.swaps[p?.swaps.length-1].to.blockchain),Q=i(G=>!!p?.swaps.find(V=>V.from.blockchain===G),"isWalletRequiredFor"),q=i(()=>g.filter(G=>G.selected&&E.includes(G.chain)),"getInitialSelectableWallets"),[H,_]=ho(q()),te=l.find(G=>G.name===B?.name),ie=k.length>0,R=i((G,V)=>!!H.find(Y=>Y.walletType===G&&Y.chain===V&&Y.selected&&(Q(V)||!Q(V)&&!m)),"isSelected"),oe=!!m&&T&&te&&!_n(te,m),I=i(()=>{M(!1),d(null),_(G=>{let V=!1;return G.map(Y=>!V&&Y.chain===B?.name?(V=!0,{...Y,selected:!0}):Y)})},"resetCustomDestination"),W=i(G=>{if(S&&h(""),R(G.walletType,G.chain))return;let Y=g.find(Se=>Se.walletType===G.walletType&&Se.chain===G.chain);Y&&(n(),G.chain===B?.name&&T&&(M(!1),d(null)),_(Se=>Se.filter(et=>et.chain!==G.chain).concat({...Y,selected:!0})))},"onChange"),ce=i(()=>{let G=H.filter(V=>V.selected);C(G),c(G),f(!0),o()},"onConfirmBalance"),Z=i(async()=>{w([]),b(""),v(null);let G=g.filter(Se=>H.find(et=>et.chain===Se.chain&&et.walletType===Se.walletType)),V=await r?.({selectedWallets:G,customDestination:m}),Y=V.warnings;Y?.balance?.messages&&w(Y.balance.messages),Y?.quoteUpdate&&v(Y.quoteUpdate),V.error&&b(ql(V.error)),!V.error&&!Y?.balance?.messages.length?ce():w(Y?.balance?.messages??[])},"onConfirmWallets");Ay(()=>{_(G=>G.concat(g.filter(V=>!!!G.find(Se=>Se.chain===V.chain)&&V.selected&&E.includes(V.chain))))},[g.length]);let ne=document.getElementById(ke.SWAP_BOX_ID),yt=Wy();return F.createElement(le,{open:e,onClose:()=>{u||yt("../",{replace:!0}),o()},dismissible:!S,container:ne,...!S&&{footer:F.createElement(Ap,null,F.createElement(Wc,{loading:s,disabled:ip(s,T,m,p,H,B),onClick:Z,variant:"contained",type:"primary",fullWidth:!0,size:"large"},dt.t("Confirm")))},...S&&{styles:{container:{padding:"$0"}},header:F.createElement(wp,null,F.createElement(xp,{variant:"ghost",onClick:h.bind(null,"")},F.createElement(by,{size:16})),F.createElement(cr,{variant:"headline",size:"small"},dt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ve(S,l)}})))},anchor:"center"},F.createElement(le,{open:ie,onClose:w.bind(null,[]),container:ne},F.createElement(Iy,{title:dt.t("Insufficient account balance"),type:"error",description:F.createElement(xy,{messages:k??[]})},F.createElement(Wc,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:ce},dt.t("Proceed anyway")))),S&&F.createElement(vp,null,F.createElement("div",{className:bp()},F.createElement(cs,{chain:S,isSelected:R,selectWallet:W,onShowMore:h.bind(null,S)}))),!S&&F.createElement(F.Fragment,null,x&&F.createElement(F.Fragment,null,F.createElement(us,{variant:"alarm",type:"error",title:dt.t(x)}),F.createElement(go,{size:12})),A&&F.createElement(F.Fragment,null,F.createElement(us,{variant:"alarm",type:"warning",title:Hn(A)}),F.createElement(go,{size:12})),F.createElement(Np,null,E.map((G,V)=>{let Y=l.find(De=>De.name===G),Se=`wallet-${V}`,et=V===E.length-1;return F.createElement("div",{key:Se},F.createElement(Cp,null,F.createElement(cr,{variant:"title",size:"xmedium"},dt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Y?.shortName}})),F.createElement(cr,{variant:"label",color:"$neutral700",size:"medium"},dt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:Y?.shortName}}))),F.createElement(go,{size:24}),F.createElement(Tp,null,F.createElement(cs,{chain:G,isSelected:R,selectWallet:W,limit:Ny,onShowMore:()=>h(Y?.name??"")})),!et&&F.createElement(go,{size:32}),et&&a?.customDestination&&F.createElement(Ip,null,F.createElement(Kn,{onOpenChange:De=>{De?Q(B?.name??"")||_(Ie=>Ie.map(Ge=>Ge.chain===B?.name?{...Ge,selected:!1}:Ge)):I()},hasSelected:!0,open:T,triggerAnchor:"top",trigger:F.createElement(Mp,null,F.createElement("div",{className:"button__content"},F.createElement(Ey,{size:18,color:"info"}),F.createElement(go,{size:4,direction:"horizontal"}),F.createElement(cr,{variant:"label",size:"medium"},dt.t("Send to a different address"))),F.createElement(jn,{orientation:T?"up":"down"},F.createElement(vy,{size:10,color:"gray"}))),onClickTrigger:()=>M(De=>!De)},F.createElement(go,{size:4}),F.createElement(Wp,{autoFocus:!0,placeholder:dt.t("Your destination address"),value:m||"",onChange:De=>{let Ie=De.target.value;Ie.length?d(Ie.length?Ie:null):(M(!1),d(null))}})),oe&&F.createElement("div",{className:Ep()},F.createElement(us,{variant:"alarm",type:"error",title:dt.t({values:{destination:m},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Nc,"ConfirmWalletsModal");import{i18n as Ky}from"@lingui/core";import{Alert as Yy,Button as Jy,InfoIcon as Zy}from"@rango-dev/ui";import Qe from"react";import{Alert as By,Button as _y,Divider as fs,NoRouteIcon as Py,RefreshIcon as $y,Typography as Dc}from"@rango-dev/ui";import ze from"react";import{i18n as Mc}from"@lingui/core";var My=24,Ly=60;function Lc(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:ee().genericServerError,action:{onClick:n,title:Mc.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:ee().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Mc.t("Reset")}},description:ee().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:ee().noResultError.description}}i(Lc,"makeInfo");var ms=(o=>(o[o.small=My]="small",o[o.large=Ly]="large",o))(ms||{}),ds=(o=>(o.small="small",o.large="medium",o))(ds||{});import{styled as ur}from"@rango-dev/ui";var Bc=ur("div",{display:"flex",flexDirection:"column",alignItems:"center"}),_c=ur("div",{variants:{size:{small:{},large:{maxWidth:"316px"}}}}),Pc=ur("div",{variants:{size:{small:{width:"100%"},large:{}}}}),$c=ur("div",{padding:"$6 $0"});function Oo(t){let{fetch:e,error:o,size:n="small"}=t,r=y().getDisabledLiquiditySources(),s=y().toggleAllLiquiditySources,a=y().swappers(),l=Lc(o,r,()=>s(a,!0),e);return ze.createElement(Bc,null,ze.createElement(Py,{size:ms[n],color:"gray"}),ze.createElement(fs,{size:4}),ze.createElement(Dc,{variant:"title",size:ds[n]},ee().noResultError.title),n==="large"&&ze.createElement(fs,{size:4}),!!l.description&&ze.createElement(_c,{size:n},ze.createElement(Dc,{variant:"body",size:"small",align:"center",color:"neutral700"},l.description)),ze.createElement(fs,{size:n==="large"?"24":"4"}),!!l.alert&&ze.createElement(Pc,{size:n},ze.createElement(By,{type:l.alert.type,title:l.alert.text,titleAlign:"left",action:l.alert.action&&ze.createElement(_y,{size:"xsmall",type:l.alert.type,prefix:ze.createElement($c,null,ze.createElement($y,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i(Oo,"NoResult");import{i18n as Uo}from"@lingui/core";import{Button as Fy,Divider as Oy,MessageBox as Uy,Typography as qy,WarningIcon as zy}from"@rango-dev/ui";import kt from"react";import{Typography as qc}from"@rango-dev/ui";import hs from"react";import{darkTheme as Dy,styled as mr}from"@rango-dev/ui";var Fc=mr("div",{width:"100%"}),gs=mr("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"$5",width:"100%"}),Oc=mr("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Dy} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Uc=mr("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function zc(t){let{title:e,value:o,valueColor:n}=t;return hs.createElement(Oc,null,hs.createElement(qc,{size:"medium",variant:"label",className:"_title"},e),hs.createElement(qc,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(zc,"QuoteErrorsModalItem");function Qc(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:Uo.t("Swapping"),value:N(r.inputUsdValue,4,4)},{title:Uo.t("Gas cost"),value:N(r.totalFee,2,2)},{title:Uo.t("Receiving"),value:N(r.outputUsdValue,4,4)},{title:Uo.t("Price impact"),value:N(r.priceImpact,2,2),valueColor:`${a}500`}];return kt.createElement(le,{footer:kt.createElement(Fy,{type:"primary",size:"large",prefix:kt.createElement(zy,null),fullWidth:!0,disabled:s,onClick:n},ee().highValueLossError.confirmMessage),open:e,onClose:o,container:L()},kt.createElement(Uy,{type:a,title:ee().highValueLossError.impactTitle,description:ee().highValueLossError.description}),kt.createElement(gs,null,kt.createElement(Oy,{size:"4"}),kt.createElement(qy,{size:"small",variant:"title"},Uo.t("Details")),kt.createElement(gs,null,l.map((p,c)=>kt.createElement(zc,{key:c,...p})))))}i(Qc,"HighValueLossWarningModal");import{i18n as ys}from"@lingui/core";function Hc(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=ys.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=ee().highValueLossError.title),t.type===1&&(o.title=ee().unknownPriceError.title),t.type===2&&(o.title=ys.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=ys.t("Caution, your slippage is high."),o.action="change-settings"),o):null}i(Hc,"makeAlerts");import{i18n as yo}from"@lingui/core";import{Button as Gc,Divider as Vc,MessageBox as Qy,Typography as Hy}from"@rango-dev/ui";import Rt from"react";import{useNavigate as Gy}from"react-router-dom";function jc(t){let{customSlippage:e,slippage:o}=y(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=Gy(),c=e??o;return Rt.createElement(le,{anchor:"bottom",open:n,prefix:Rt.createElement(Gc,{size:"small",variant:"ghost",onClick:()=>p("../"+O.settings)},Rt.createElement(Hy,{variant:"label",size:"medium",color:"$neutral900"},yo.t("Change settings"))),container:L(),onClose:r},Rt.createElement(Qy,{type:"warning",title:a.type===3?yo.t("High slippage"):yo.t("Low slippage"),description:a.type===3?yo.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:c}}):yo.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Rt.createElement(Vc,{size:18}),Rt.createElement(Vc,{size:32}),Rt.createElement(Gc,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},yo.t("Confirm anyway"))))}i(jc,"SlippageWarningModal");import{Button as Vy,MessageBox as jy,WarningIcon as Xy}from"@rango-dev/ui";import dr from"react";function Xc(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return dr.createElement(le,{footer:dr.createElement(Vy,{type:"primary",size:"large",prefix:dr.createElement(Xy,null),fullWidth:!0,disabled:r,onClick:n},ee().unknownPriceError.confirmMessage),open:e,onClose:o,container:L()},dr.createElement(jy,{type:"warning",title:ee().unknownPriceError.impactTitle,description:ee().unknownPriceError.description}))}i(Xc,"UnknownPriceWarningModal");function qo(t){let{warning:e,error:o,couldChangeSettings:n,showWarningModal:r,confirmationDisabled:s,refetchQuote:a,onOpenWarningModal:l,onCloseWarningModal:p,onConfirmWarningModal:c,onChangeSettings:u}=t,f={confirmationDisabled:s,open:r,onClose:p,onConfirm:c},m=o?.type===0||o?.type===1,d=Hc(e,o?.type===3||o?.type===4?o:null);return d&&!n&&(d.action=null),Qe.createElement(Qe.Fragment,null,m&&Qe.createElement(Oo,{error:o,fetch:a}),!!d&&Qe.createElement(Fc,null,Qe.createElement(Yy,{title:d.title,type:d.alertType,variant:"alarm",...d.action==="show-info"&&{action:Qe.createElement(Uc,{onClick:l},Qe.createElement(Zy,{size:12,color:"gray"}))},...d.action==="change-settings"&&{action:Qe.createElement(Jy,{size:"xxsmall",type:d.alertType,onClick:u},Ky.t("Change"))}})),e&&Qe.createElement(Qe.Fragment,null,e.type===0&&Qe.createElement(Qc,{...f,warning:e}),(e.type===3||e.type===2)&&Qe.createElement(jc,{...f,warning:e}),e.type===1&&Qe.createElement(Xc,{...f,warning:e})))}i(qo,"QuoteWarningsAndErrors");import WS from"bignumber.js";import Er from"react";import{i18n as Vo}from"@lingui/core";import{Alert as hS,Divider as jo,FullExpandedQuote as yS,InfoIcon as SS,QuoteTag as CS,StepDetails as TS,TokenAmount as kS,Tooltip as Eu,Typography as Co}from"@rango-dev/ui";import bs from"bignumber.js";import $,{useRef as wS,useState as xS}from"react";import{styled as Ss}from"@rango-dev/ui";var Cs=Ss("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Kc=Ss("div",{paddingBottom:"$15",variants:{dense:{true:{paddingBottom:0}}}}),Yc=Ss("div",{width:"100%",display:"flex"});import*as fr from"@radix-ui/react-collapsible";import{Button as Ry,css as zo,darkTheme as Ae,Image as Jc,styled as _e,Typography as eS}from"@rango-dev/ui";var tS=300,Zc=_e(fr.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"}}]}),Rc=zo({padding:"$10 $15"}),eu=_e(Ry,{backgroundColor:"transparent",border:"1px solid $secondary"}),tu=_e("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"}}}}]}),ou=zo({width:"100%",padding:"$15 $15 $10 $15"}),nu=zo({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10",position:"relative"}),So=zo({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),ru=zo({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Ae} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),iu=_e(fr.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${Jc}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Jc}`]:{border:"1px transparent solid",borderRadius:"100%"}}},selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Ae} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}],".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),su=_e("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"}}}}),au=_e(Vn,{width:"100%",background:"inherit"}),Ts=_e("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${tS}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),zM=_e("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),lu=_e("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ae} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),pu=_e("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),ks=_e(eS,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),cu=_e("div",{display:"flex",flexWrap:"wrap"}),ws=_e("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"}}}}),uu=_e("div",{display:"flex"}),gr=_e("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${Ae} &`]:{borderTopColor:"$neutral800"}});import{i18n as Ut}from"@lingui/core";import{ChevronDownIcon as nS,CloseIcon as rS,Divider as Sr,IconButton as iS,QuoteCost as sS,Tooltip as aS,Typography as nt}from"@rango-dev/ui";import X,{useState as gu}from"react";import{css as oS,styled as hr}from"@rango-dev/ui";var yr=hr("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),xs=hr("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),mu=hr("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),du=hr("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),fu=oS({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var lS=i(t=>t.fee.isZero()?null:X.createElement(yr,null,X.createElement(nt,{variant:"label",size:"medium",color:"neutral600"},t.label),X.createElement(nt,{variant:"label",size:"medium"},"$",N(t.fee,4,4))),"NonPayableFee");function hu(t){let[e,o]=gu(!1),[n,r]=gu(!1),{steps:s,quote:a,fee:l,time:p,feeWarning:c,showModalFee:u}=t,f=a?.swaps??[],m=L(),d=jl(f);return X.createElement(X.Fragment,null,X.createElement(sS,{onClickFee:u?g=>{g.stopPropagation(),o(!e)}:void 0,fee:l,feeWarning:c,time:p,steps:s,tooltipGas:u?Ut.t("View more info"):void 0,tooltipContainer:m}),X.createElement(le,{container:m,open:e,header:X.createElement(du,null,X.createElement(nt,{variant:"title",size:"medium"},Ut.t("Gas & Fee Explanation")),X.createElement(iS,{onClick:()=>o(!1),variant:"ghost"},X.createElement(rS,{color:"gray",size:14}))),onClose:()=>{o(!1)}},X.createElement(mu,null,X.createElement(nt,{variant:"title",size:"small"},Ut.t("Details")),X.createElement(Sr,{size:10}),Object.entries(d.payable).flatMap(([g,C])=>C.map((S,h)=>{let k=`payable-fee-${h}`,w=Ai(S);return X.createElement(yr,{key:k},X.createElement(nt,{variant:"label",size:"medium",color:"neutral600"},vi[g]),X.createElement(aS,{content:ue(S.amount),container:m},X.createElement(nt,{variant:"label",size:"medium"},N(S.amount,2,2)," ",S.asset.symbol," ($",N(w,4,4),")")))})),X.createElement(yr,{className:"total_payable_fee"},X.createElement(nt,{variant:"label",size:"medium"},Ut.t("Total Payable Fee")),X.createElement(nt,{variant:"label",size:"medium"},"$",N(l,4,4))),X.createElement(xs,null),Object.keys(d.nonePayable).length&&X.createElement(Kn,{triggerAnchor:"bottom",onClickTrigger:()=>r(g=>!g),trigger:X.createElement("div",{className:fu()},X.createElement(nt,{size:"small",variant:"body",color:"neutral700"},n?Ut.t("Hide non-payable fees"):Ut.t("Show non-payable fees")),X.createElement(Sr,{size:4,direction:"horizontal"}),X.createElement(jn,{orientation:n?"up":"down"},X.createElement(nS,{size:12,color:"gray"}))),open:n},X.createElement(nt,{size:"small",variant:"title"},Ut.t("Description")),X.createElement(Sr,{size:4}),X.createElement(nt,{size:"small",variant:"body",color:"neutral700"},Ut.t(`The following fees are considered in the transaction output and
|
|
2
|
-
you won\u2019t need to pay extra gas for them.`)),X.createElement(Sr,{size:10}),Object.entries(d.nonePayable).map(([g,C],S)=>{let h=Vl(C),k=vi[g],w=`non-payable-fee-${S}`;return X.createElement(lS,{key:w,fee:h,label:k})}),X.createElement(xs,null)))))}i(hu,"QuoteCostDetails");import{i18n as Cu}from"@lingui/core";import{TokenAmount as Tu}from"@rango-dev/ui";import Cr from"react";import{css as pS,styled as cS}from"@rango-dev/ui";var yu=cS("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),Su=pS({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Qo(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Cr.createElement(yu,null,Cr.createElement(Tu,{direction:"horizontal",label:Cu.t("Swap input"),type:"input",tooltipContainer:L(),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}}),Cr.createElement("div",{className:Su()}),Cr.createElement(Tu,{direction:"horizontal",tooltipContainer:L(),label:Cu.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(Qo,"QuoteSummary");import{i18n as bu}from"@lingui/core";import{ChevronDownIcon as dS,ChevronRightIcon as fS,Divider as vs,Image as gS,Tooltip as vr,Typography as kr}from"@rango-dev/ui";import P from"react";import{useLayoutEffect as uS,useState as Ho}from"react";var ku=480,wu=768,xu=1024,vu=1200,mS=i(()=>{let[t,e]=Ho(!1),[o,n]=Ho(!1),[r,s]=Ho(!1),[a,l]=Ho(!1),[p,c]=Ho(!1),u=i(()=>{e(window.innerWidth<=ku),n(window.innerWidth>ku&&window.innerWidth<=wu),s(window.innerWidth>wu&&window.innerWidth<=xu),l(window.innerWidth>xu&&window.innerWidth<=vu),c(window.innerWidth>vu)},"handleResize");return uS(()=>(u(),window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)),[]),{isMobile:t,isTablet:o,isNotebook:r,isLargeScreen:a,isExtraLargeScreen:p}},"useScreenDetect"),Tr=mS;var wr=4,xr=6,Go=i(t=>{let{content:e,src:o,className:n,open:r,state:s,container:a}=t,l=a||L();return P.createElement(vr,{container:l,side:"bottom",sideOffset:4,open:r,content:e},P.createElement(su,{className:n,state:s},P.createElement(gS,{src:o,size:16})))},"ImageComponent");function Iu(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:s,type:a,container:l}=t,p=l||L(),c=r.length,u=up(r),{isTablet:f,isMobile:m}=Tr();return P.createElement(iu,{listItem:a==="list-item",ref:d=>e.current=d,selected:o,onClick:d=>{d.stopPropagation(),n(g=>!g)}},P.createElement("div",{className:So()},P.createElement(kr,{variant:"body",size:"xsmall"},bu.t("Via:")),P.createElement(vs,{direction:"horizontal",size:4}),r.map((d,g)=>{let C=`item-${g}`,S=P.createElement(Ts,null,P.createElement(fS,{size:12,color:"black"}));return m||f?P.createElement(P.Fragment,{key:C},P.createElement(Go,{content:d.swapper.displayName,src:d.swapper.image,state:d.state,container:l}),g!==c-1&&P.createElement(P.Fragment,null,S)):P.createElement(P.Fragment,{key:C},c<=wr||c>wr&&g<wr-1?P.createElement(P.Fragment,null,P.createElement(Go,{content:d.swapper.displayName,src:d.swapper.image,state:d.state,container:l}),g!==c-1&&P.createElement(P.Fragment,null,S)):g===wr-1&&P.createElement(vr,{container:p,side:"bottom",align:"end",sideOffset:4,content:P.createElement("div",{className:So()},S,r.map((h,k)=>{let w=`image-${k}`;return k>=g&&P.createElement(P.Fragment,{key:w},P.createElement(Go,{content:h.swapper.displayName,src:h.swapper.image,state:h.state,open:!1}),k!==c-1&&P.createElement(P.Fragment,null,S))}))},P.createElement(ws,{state:r.find((h,k)=>k>=g&&(h.state==="error"||h.state==="warning"))?.state},P.createElement(kr,{size:"xsmall",variant:"body"},"+",c-g))))})),P.createElement("div",{className:So()},P.createElement("div",{className:"blockchains_section"},P.createElement("div",{className:So()},P.createElement(kr,{variant:"body",size:"xsmall"},bu.t("Chains:")),P.createElement(vs,{direction:"horizontal",size:4}),u.map((d,g)=>P.createElement(P.Fragment,{key:d.displayName},u.length<=xr||u.length>xr&&g<xr-1?P.createElement(vr,{container:p,side:"bottom",content:d.displayName,sideOffset:4},P.createElement(Go,{content:"",src:d.image,open:!1,className:g!==0?"blockchainImage":""})):g===xr-1&&P.createElement(vr,{container:p,side:"bottom",align:"end",sideOffset:4,content:P.createElement("div",{className:So()},u.map((C,S)=>S>=g&&P.createElement(Go,{key:C.displayName,content:"",src:C.image,open:!1,className:S>g?"blockchainImage":"",container:l})))},P.createElement(ws,{className:"blockchainImage"},P.createElement(kr,{size:"xsmall",variant:"body"},"+",u.length-g))))),P.createElement(vs,{direction:"horizontal",size:32}))),P.createElement(Ts,{orientation:s?"up":"down"},P.createElement(dS,{size:12,color:"black"}))))}i(Iu,"QuoteTrigger");function Is(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,container:m}=t,d=y().blockchains(),g=y().tokens(),C=y().swappers(),[S,h]=xS(t.expanded),k=wS(null),w=N(o.value,6,6),x=N(n.value,6,6),b=n.usdValue?N(n.usdValue,4,4):"",A=Xe(o.usdValue,n.usdValue??null),v=N(A,2,2),T=Tt(A??0),M=i((oe,I)=>oe.map((W,ce)=>{let Z,ne=r?.type===3&&r.swap.swapperId===W.swapperId,yt=r?.type===4&&r.recommendedSlippages?.has(ce),G=s?.type===2&&s.recommendedSlippages?.has(ce),V=ne||yt,Y=G;V?Z="error":Y&&(Z="warning");let Se=V?Vo.t("Slippage Error"):Vo.t("Slippage Warning");return ne&&(Se=r?.recommendation),{swapper:{displayName:Wo(W.swapperId,C),image:W.swapperLogo},from:{token:{displayName:W.from.symbol,image:W.from.logo},chain:{displayName:Ve(W.from.blockchain,d),image:W.from.blockchainLogo},price:{value:ce===0&&!I?N(o.value,6,6):N(W.fromAmount,6,6),usdValue:N((W.from.usdPrice??0)*parseFloat(W.fromAmount),4,4),realValue:ue(ce===0?o.value:W.fromAmount),realUsdValue:ue(new bs(W.from.usdPrice??0).multipliedBy(W.fromAmount))}},to:{token:{displayName:W.to.symbol,image:W.to.logo},chain:{displayName:Ve(W.to.blockchain,d),image:W.to.blockchainLogo},price:{value:N(W.toAmount,6,6),usdValue:N((W.to.usdPrice??0)*parseFloat(W.toAmount),4,4),realValue:ue(W.toAmount),realUsdValue:ue(new bs(W.to.usdPrice??0).multipliedBy(W.toAmount))}},state:Z,alerts:V||Y?$.createElement(Kc,{dense:f},$.createElement(hS,{variant:"alarm",type:V?"error":"warning",title:Se,footer:f?null:$.createElement(Yc,null,ne&&$.createElement($.Fragment,null,$.createElement(Co,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),$.createElement(jo,{direction:"horizontal",size:8}),$.createElement(Co,{size:"xsmall",variant:"body",color:"neutral900"},"|"),$.createElement(jo,{direction:"horizontal",size:8}),$.createElement(Co,{size:"xsmall",variant:"body",color:"neutral900"},Vo.t({id:"Yours: {amount} {symbol}",values:{amount:N(W.fromAmount,6,6),symbol:W?.from.symbol}}))),(yt||G)&&!ne&&$.createElement(Co,{size:"xsmall",variant:"body",color:"neutral900"},Vo.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(ce)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(ce)}}})))})):void 0,time:bo(W.estimatedTimeInSeconds),fee:N(Ei(W,g),2,2),internalSwaps:W.internalSwaps?M(W.internalSwaps):void 0}}),"getQuoteSteps"),E=M(e?.swaps??[]),B=E.length,Q=m||L(),q=dp(t.quote.tags||[]),H=!!u,_=bo(yn(e?.swaps)),te=Dn(e?.swaps??[],g),ie=N(te,2,2),R=te.gte(new bs(Ul));return f?$.createElement(yS,{selected:l,fee:ie,time:_,tooltipContainer:Ao(),steps:E,tags:q,feeWarning:R,percentageChange:v,warningLevel:T,outputPrice:{value:x,usdValue:b,realValue:ue(n.value),realUsdValue:ue(n.usdValue)}}):$.createElement(tu,{selected:l,listItem:a==="list-item",basic:a==="basic"},$.createElement("div",{className:ou()},!p&&q.length?$.createElement($.Fragment,null,$.createElement(uu,null,q.map((oe,I)=>{let W=`${oe.value}_${I}`;return $.createElement($.Fragment,{key:W},$.createElement(CS,{label:oe.label,value:oe.value}),$.createElement(jo,{size:4,direction:"horizontal"}))})),$.createElement(gr,null),!H&&$.createElement(jo,{size:4})):null,$.createElement("div",{id:"portal-root",className:nu()},$.createElement(hu,{quote:e,time:_,fee:ie,feeWarning:R,showModalFee:c,steps:B}),H&&$.createElement(eu,{onClick:oe=>{oe.stopPropagation(),u()},size:"xxsmall",type:"secondary",variant:"default"},$.createElement(Co,{color:"secondary",variant:"label",size:"medium"},Vo.t("See All Routes")))),a==="basic"&&$.createElement("div",{className:ru()},$.createElement(pu,null,$.createElement(SS,{size:12,color:"gray"})),$.createElement(cu,null,$.createElement(ks,{size:"small",variant:"body"},`${w} ${E[0].from.token.displayName} = `),$.createElement(Eu,{content:ue(n.value),container:Q,open:n.value?void 0:!1},$.createElement(ks,{size:"small",variant:"body"},"\xA0",`${x} ${E[E.length-1].to.token.displayName}`))),$.createElement(Eu,{content:ue(n.usdValue),container:Q,styles:{root:{display:"flex"}}},$.createElement(Co,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${b})`))),a==="list-item"&&$.createElement(kS,{tooltipContainer:Q,type:"output",direction:"vertical",price:{value:x,usdValue:b,realValue:ue(n.value),realUsdValue:ue(n.usdValue)},token:{displayName:E[B-1].to.token.displayName,image:E[B-1].to.token.image},chain:{image:E[B-1].to.chain.image},percentageChange:v,warningLevel:T}),a==="swap-preview"&&$.createElement($.Fragment,null,$.createElement(Qo,{from:E[0].from,to:E[B-1].to,percentageChange:v,warningLevel:T}),$.createElement(jo,{size:4}))),$.createElement(Zc,{selected:l,listItem:a==="list-item",open:S,className:"quote_container",onOpenChange:h},$.createElement(Iu,{type:a,quoteRef:k,selected:l,setExpanded:h,container:Q,expanded:S,steps:E}),$.createElement(au,{open:S},$.createElement(lu,null),$.createElement("div",{className:Rc()},E.map((oe,I)=>{let W=`item-${I}`;return $.createElement(TS,{type:"quote-details",key:W,tooltipContainer:Q,step:oe,hasSeparator:I!==E.length-1,state:oe.state})})))))}i(Is,"Quote");import{Divider as ES,Skeleton as AS}from"@rango-dev/ui";import xt from"react";import{darkTheme as vS,styled as br}from"@rango-dev/ui";var Au=br("div",{$$color:"$colors$neutral100",[`.${vS} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15",variants:{rounded:{true:{borderRadius:"$xm"}},expanded:{true:{paddingBottom:"3px"},false:{paddingBottom:"$12"}}}}),Wu=br("div",{paddingTop:"$2"}),Nu=br("div",{paddingLeft:"$8"}),Mu=br("div",{borderLeft:"1px dashed $foreground",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as qu,Divider as rt,Skeleton as He}from"@rango-dev/ui";import U from"react";import{css as bS,styled as wt}from"@rango-dev/ui";var Es=wt("div",{display:"flex"}),Lu=wt("div",{padding:"$10 $0 $20"}),Bu=wt("div",{padding:"14px $0 $20 $0",display:"flex",flexDirection:"column"}),_u=wt("div",{display:"flex",justifyContent:"start",alignItems:"center"}),Pu=wt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),$u=wt("div",{height:"$24",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Du=wt("div",{width:"65%",display:"flex",justifyContent:"start"}),Fu=wt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Ou=wt("div",{padding:"$15 $0 $15 $0"}),Uu=bS({display:"flex",justifyContent:"space-between",alignItems:"center"});function Xo(t){let{type:e,tagHidden:o=!0}=t,n=U.createElement(Pu,null,U.createElement(Du,null,U.createElement(qu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(rt,{size:8,direction:"horizontal"}),U.createElement(Fu,null,U.createElement(He,{height:10,width:60,variant:"rounded"}),U.createElement(rt,{size:4}),U.createElement(He,{height:15,variant:"rounded"}))),U.createElement(He,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return U.createElement("div",null,!o&&U.createElement(U.Fragment,null,U.createElement(Es,null,U.createElement(He,{width:65,height:20,variant:"rounded"}),U.createElement(rt,{size:4,direction:"horizontal"}),U.createElement(He,{width:65,height:20,variant:"rounded"}),U.createElement(rt,{size:4,direction:"horizontal"}),U.createElement(He,{width:65,height:20,variant:"rounded"})),U.createElement(gr,null),!r&&U.createElement(rt,{size:4})),U.createElement("div",{className:Uu()},U.createElement(Es,null,U.createElement(He,{width:60,height:10,variant:"rounded"}),U.createElement(rt,{size:4,direction:"horizontal"}),U.createElement(He,{width:60,height:10,variant:"rounded"}),U.createElement(rt,{size:4,direction:"horizontal"}),U.createElement(He,{width:60,height:10,variant:"rounded"})),r&&U.createElement(He,{width:85,height:24,variant:"rounded"})),e==="basic"&&U.createElement(Lu,null,U.createElement(He,{height:15,width:148,variant:"rounded"})),e==="list-item"&&U.createElement(Bu,null,U.createElement(_u,null,U.createElement(qu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(rt,{direction:"horizontal",size:4}),U.createElement(He,{height:15,width:150,variant:"rounded"})),U.createElement(rt,{size:10}),U.createElement(He,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&U.createElement(U.Fragment,null,U.createElement(rt,{size:4}),U.createElement(Ou,null,n,U.createElement($u,null),n),U.createElement(rt,{size:12})))}i(Xo,"QuoteSummarySkeleton");import{ChainToken as Vu,Divider as Ws,NextIcon as IS,Skeleton as Ir}from"@rango-dev/ui";import Ce from"react";import{styled as Ko}from"@rango-dev/ui";var zu=Ko("div",{display:"flex",alignItems:"start"}),Qu=Ko("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center",variants:{extraSpace:{true:{paddingBottom:"$40"}}}}),As=Ko("div",{display:"flex",alignItems:"center",flexGrow:1}),Hu=Ko("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Gu=Ko("div",{display:"flex",alignItems:"center"});function ft(t){let{separator:e=!0}=t;return Ce.createElement(Ce.Fragment,null,Ce.createElement(Gu,null,Ce.createElement(Ir,{height:22,width:22,variant:"circular"}),Ce.createElement(Ws,{direction:"horizontal",size:8}),Ce.createElement(Ir,{height:15,width:148,variant:"rounded"})),Ce.createElement(zu,null,Ce.createElement(Mu,{hideSeparator:!e}),Ce.createElement(Qu,{extraSpace:e},Ce.createElement(As,null,Ce.createElement(Vu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Ce.createElement(Ws,{direction:"horizontal",size:8}),Ce.createElement(Ir,{height:12,variant:"rounded"})),Ce.createElement(Hu,null,Ce.createElement(IS,{color:"gray",size:16})),Ce.createElement(As,null,Ce.createElement(Vu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Ce.createElement(Ws,{direction:"horizontal",size:8}),Ce.createElement(Ir,{height:12,variant:"rounded"})))))}i(ft,"StepSkeleton");function Yo(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return xt.createElement(Au,{expanded:o,rounded:e!=="basic"},xt.createElement(Xo,{type:e,tagHidden:n}),xt.createElement(Wu,null,xt.createElement(AS,{height:15,variant:"rounded"})),o&&xt.createElement(Nu,null,xt.createElement(ES,{size:24}),xt.createElement(ft,null),xt.createElement(ft,null),xt.createElement(ft,{separator:!1})))}i(Yo,"QuoteSkeleton");function eo(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,container:d}=t,{inputAmount:g,inputUsdValue:C,toToken:S}=j(),h=e?.outputAmount?new WS(e?.outputAmount):null,k=e?.outputAmount?On(e?.outputAmount,Un(e)||S?.usdPrice):null,x=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?Er.createElement(Cs,null,Er.createElement(Yo,{tagHidden:l,type:o,expanded:a})):x?Er.createElement(Cs,{onClick:()=>p?.(e)},Er.createElement(Is,{quote:e,error:r,container:d,showModalFee:c,warning:s,tagHidden:l,selected:u,type:o,expanded:a,onClickAllRoutes:f,fullExpandedMode:m,input:{value:g,usdValue:C?.toString()??""},output:{value:h?.toString()??"",usdValue:k?.toString()??""}})):null}i(eo,"QuoteInfo");import{calculatePendingSwap as LS}from"@rango-dev/queue-manager-rango-preset";import{useEffect as BS}from"react";import{useRef as NS,useState as MS}from"react";function Ar({request:t}){let[e,o]=MS(!1),n=NS(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(Ar,"useFetch");function ju(){let{fetch:t,loading:e,cancelFetch:o}=Ar({request:async(n,r)=>await Mt().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(ju,"useFetchConfirmQuote");function Wr(t){if(!t.swaps)throw new Error(ee().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=Ns(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(Wr,"throwErrorIfResponseIsNotValid");function Ns(t){if(Ql(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Hl(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}}}let o=Xl(t);if(o){let n=Fn(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(Ns,"getQuoteError");function Xu(t,e,o){let n=!1;t&&(n=pp(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=io(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(ep(t,e)?r.quoteUpdate={type:3,newOutputAmount:N(ro(e)),percentageChange:N(Xe(ro(t)??"",ro(e)??""),null,2)}:Wi(t,e)?r.quoteUpdate={type:0}:Ni(t,e)?r.quoteUpdate={type:1}:Mi(t,e)&&(r.quoteUpdate={type:2}));let a=tp(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Xu,"generateWarnings");function Nr(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}i(Nr,"handleQuoteErrors");function Ms(){let{fromToken:t,toToken:e,inputAmount:o,setSelectedQuote:n,selectedQuote:r,customDestination:s,setQuoteWarningsConfirmed:a,resetAlerts:l}=j(),{slippage:p,customSlippage:c}=y(),u=y().getDisabledLiquiditySources(),f=y().blockchains(),m=y().tokens(),d=c||p,{fetch:g,cancelFetch:C,loading:S}=ju();return BS(()=>C,[]),{loading:S,fetch:i(async k=>{let w=k.selectedWallets,x=k?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let b=w.reduce((v,T)=>(v[T.chain]=T.address,v),{}),A={requestId:r?.requestId||"",selectedWallets:b,destination:x||void 0};try{return await g(A).then(v=>{let{result:T}=v;Wr({diagnosisMessages:T.diagnosisMessages,requestId:T.requestId,swaps:T.result?.swaps});let M={outputAmount:T.result?.outputAmount,requestId:T.requestId,resultType:T.result?.resultType,swaps:T.result?.swaps||[],validationStatus:T.validationStatus,requestAmount:T.requestAmount};n(M);let E={slippage:d.toString(),disabledSwappersGroups:u},B=LS(o.toString(),T,Zl(w),E,!1,{blockchains:f,tokens:m}),Q=Xu(r??void 0,M,{fromToken:t,toToken:e,meta:{blockchains:f,tokens:m},selectedWallets:w,userSlippage:d});return Q.quoteUpdate&&a(!1),l(),{quote:M,swap:B,error:null,warnings:Q}})}catch(v){return Nr(v)}},"fetch"),cancelFetch:C}}i(Ms,"useConfirmSwap");var HS=$S("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Yu}`]:{width:"$48",height:"$48"}}),GS=_s({flexGrow:1,paddingRight:"$10"}),VS=_s({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),jS=_s({display:"flex",justifyContent:"space-between",alignItems:"center"});function Ju(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=j(),l=QS(),p=zS(),[c,u]=Zo(""),{connectedWallets:f}=K(),m=!n,[d,g]=Zo(!1),[C,S]=Zo(!1),{isActiveTab:h}=re(),k=y().getDisabledLiquiditySources(),w=US(k),{manager:x}=_S(),{fetch:b,loading:A,cancelFetch:v}=Ms(),[T,M]=Zo({swap:null,error:null,warnings:null}),[E,B]=Zo(!1),Q=i(async({selectedWallets:I,customDestination:W})=>{let ce=await b?.({selectedWallets:I,customDestination:W});return M(ce),ce},"onConfirmSwap"),q=i(async()=>{if(T.swap&&n)try{await x?.create("swap",{swapDetails:T.swap},{id:T.swap.requestId});let I=`../${O.swaps}/${T.swap.requestId}`;l(I,{replace:!0}),setTimeout(()=>{e("")},0)}catch(I){u("Error: "+I?.message)}},"addNewSwap"),H=i(async()=>{S(!0),await q(),S(!1)},"onConfirm"),_=i(async()=>{T?.warnings?.quote&&!a?B(!0):await H()},"onStartConfirmSwap"),te=i(async()=>{M({error:null,swap:null,warnings:null}),b({selectedWallets:o,customDestination:s}).then(I=>{M(I)}).catch(I=>console.error(I))},"onRefresh");Jo(()=>{!!w.current.length&&!k.length&&te(),w.current=k},[k.length]),Jo(()=>{m&&v()},[m]),Jo(()=>{m&&g(m)},[m]),Jo(()=>{m||b({selectedWallets:o,customDestination:s}).then(I=>M(I)).catch(I=>console.error(I))},[]),Jo(()=>{let I=T.warnings?.quote?.type&&Object.values(Bt).includes(T.warnings?.quote?.type),W=o.length<1||!o.every(Z=>f.find(ne=>Z.address===ne.address&&Z.walletType===ne.walletType&&Z.chain===ne.chain)),ce=!1;if(I){let Z=Bn(t?.swaps||null),ne=t?.swaps[t.swaps.length-1].to.blockchain;!!t?.swaps.find(V=>V.from.blockchain===ne)||(Z=Z.slice(-Z.length,Z.length-1)),Z.every(V=>o.find(Y=>Y.chain===V))||(ce=!0)}t&&(W||ce)&&(queueMicrotask(()=>qS(g.bind(null,!0))),r(!1))},[T.warnings?.quote,o.length,f.length]),OS(()=>{t||l(`../${p.search}`)},[]);let ie=T.warnings?.quote??null,R=T.error,oe=[];if(c&&oe.push(Te.createElement(Ku,{type:"error",variant:"alarm",title:c})),T.warnings?.quoteUpdate&&oe.push(Te.createElement(Ku,{variant:"alarm",type:"warning",title:T.warnings.quoteUpdate&&Hn(T.warnings.quoteUpdate)})),ie||R){let I=`../${O.settings}`;oe.push(Te.createElement(qo,{warning:ie,error:R,couldChangeSettings:!1,refetchQuote:te,showWarningModal:E,confirmationDisabled:!h,onOpenWarningModal:()=>B(!0),onCloseWarningModal:()=>B(!1),onConfirmWarningModal:async()=>{B(!1),await q()},onChangeSettings:()=>l(I)}))}return Te.createElement(pe,{header:{title:Ls.t("Confirm Swap"),onWallet:()=>{let I=`../${O.wallets}`;l(I)}},footer:Te.createElement(HS,null,Te.createElement("div",{className:GS()},Te.createElement(PS,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:A||C,disabled:!!T.error||!h,onClick:_},Ls.t("Start Swap"))),Te.createElement(Yu,{variant:"contained",type:"primary",size:"large",loading:A||C,disabled:!h,onClick:g.bind(null,!0)},Te.createElement(FS,{size:24})))},d&&Te.createElement(Nc,{open:d,onClose:()=>g(!1),onCancel:v,loading:A,onCheckBalance:Q}),Te.createElement(me,null,Te.createElement("div",{className:jS()},Te.createElement(DS,{variant:"title",size:"small"},Ls.t("You get")),Te.createElement("div",{className:VS()},Te.createElement(or,{onClick:!A&&!d&&!E?te:void 0}))),Te.createElement(Bs,{size:"12"}),Pp(oe.map((I,W)=>({element:I,key:`alert-${W}`})),Te.createElement(Bs,{size:10})),oe.length>0?Te.createElement(Bs,{size:10}):null,Te.createElement(eo,{quote:t,type:"swap-preview",expanded:!0,tagHidden:!0,error:T.error,loading:A,warning:T.warnings?.quote??null})))}i(Ju,"ConfirmSwapPage");import{i18n as Lr}from"@lingui/core";import{useManager as pC}from"@rango-dev/queue-manager-react";import{Divider as lm,NotFound as cC,styled as uC}from"@rango-dev/ui";import bt,{useState as mC}from"react";import{useNavigate as dC}from"react-router-dom";import{i18n as YS}from"@lingui/core";import{Divider as om,GroupedVirtualizedList as JS,Skeleton as ZS,SwapListItem as nm,Typography as RS}from"@rango-dev/ui";import Pe,{useCallback as rm,useEffect as eC,useRef as tC,useState as oC}from"react";function Zu(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(Zu,"calculateGroupsSoFar");import{css as XS,darkTheme as KS,styled as Ro}from"@rango-dev/ui";var Ps=XS(),Ru=Ro("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),$s=Ro("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${Ps}`]:{$$color:"$colors$neutral600",[`.${KS} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ds=Ro("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),em=Ro("div",{gap:"$10",display:"flex",flexDirection:"column"}),tm=Ro("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var nC=10;function Fs(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=oC([]),l=tC(0),{swaps:p,groupCounts:c,groups:u}=n(e),f=rm(Zu,[]),m=rm(()=>{let d=e.length-l.current;d&&(l.current+=Math.min(d,nC),a(f(c,l.current)))},[e.length]);if(eC(()=>{r||m()},[r,m]),r){let d=[1,2];return Pe.createElement(Pe.Fragment,null,[d,d].map((C,S)=>Pe.createElement($s,{key:S},Pe.createElement(Ds,null,Pe.createElement(ZS,{variant:"text",width:60,size:"small"}),Pe.createElement(om,{size:16})),Pe.createElement(om,{size:4}),Pe.createElement(em,null,C.map((k,w)=>Pe.createElement(nm,{isLoading:!0,key:w}))))))}return Pe.createElement(JS,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:d=>Pe.createElement($s,null,Pe.createElement(Ds,null,Pe.createElement(RS,{variant:"label",size:"medium",className:Ps()},u[d]))),itemContent:(d,g)=>{let C=p[d];if(!C)return null;let S=C.steps[0],h=C.steps[C.steps.length-1];return Pe.createElement(Ru,{key:C.requestId},Pe.createElement(nm,{requestId:C.requestId,creationTime:C.creationTime,status:C.status,onClick:o,tooltipContainer:L(),onlyShowTime:u[g]===YS.t("Today"),swapTokenData:{from:{token:{image:S.fromLogo,displayName:S.fromSymbol},blockchain:{image:S.fromBlockchainLogo||""},amount:N(C.inputAmount,6,6),realAmount:ue(C.inputAmount)},to:{token:{image:h.toLogo,displayName:h.toSymbol},blockchain:{image:h.toBlockchainLogo||""},amount:N(h.outputAmount||h.expectedOutputAmountHumanReadable||"",6,6),realAmount:ue(h.outputAmount||h.expectedOutputAmountHumanReadable)}}}))}})}i(Fs,"HistoryGroupedList");import{CloseIcon as iC,IconButton as sC,SearchIcon as aC,TextField as lC}from"@rango-dev/ui";import en from"react";import{styled as rC}from"@rango-dev/ui";var im=rC("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 en.createElement(lC,{prefix:en.createElement(im,null,en.createElement(aC,{color:"black"})),suffix:!!a.length&&en.createElement(sC,{variant:"ghost",onClick:()=>l?.(""),size:"small"},en.createElement(iC,{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 Mr}from"@lingui/core";import sm from"dayjs";var am=i(t=>{let e=new Map([["today",{title:Mr.t("Today"),swaps:[]}],["week",{title:Mr.t("This week"),swaps:[]}],["month",{title:Mr.t("This month"),swaps:[]}],["year",{title:Mr.t("This year"),swaps:[]}]]);function o(p,c){e.has(p)||e.set(p,{title:p,swaps:[]}),e.get(p)?.swaps.push(c)}i(o,"addYearsToOutput");let n=sm();t.forEach(p=>{let c=Number(p.creationTime),u=sm(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 fC=uC("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),gC=i((t,e)=>t?.length?t.filter(o=>pt(o.fromBlockchain,e)||pt(o.toBlockchain,e)||pt(o.toSymbol,e)||pt(o.fromSymbol,e)).length:!1,"isStepContainsText");function pm(){let t=dC(),{manager:e,state:o}=pC(),n=ut(e).map(({swap:u})=>u),[r,s]=mC(""),a=!o.loadedFromPersistor,l=i(u=>{let f=u.target.value;s(f)},"searchHandler"),p=n;r&&(p=n.filter(u=>pt(u.inputAmount,r)||pt(u.status,r)||gC(u.steps,r)||pt(u.requestId,r)));let c=!p?.length&&!a;return bt.createElement(pe,{header:{title:Lr.t("History")}},bt.createElement(me,null,bt.createElement(vt,{setValue:s,fullWidth:!0,variant:"contained",placeholder:Lr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),bt.createElement(lm,{size:"16"}),bt.createElement(fC,null,c&&bt.createElement(tm,null,bt.createElement(lm,{size:32}),bt.createElement(cC,{title:Lr.t("No results found"),description:r?Lr.t("Try using different keywords"):""})),!c&&bt.createElement(Fs,{list:p,onSwapClick:t,groupBy:am,isLoading:a}))))}i(pm,"HistoryPage");import{i18n as BC}from"@lingui/core";import{Button as _C,Divider as Im,styled as PC,WarningIcon as $C}from"@rango-dev/ui";import DC from"bignumber.js";import Ue,{useEffect as Em,useState as Am}from"react";import{useNavigate as FC}from"react-router-dom";import{i18n as kC}from"@lingui/core";import{Header as wC}from"@rango-dev/ui";import qt,{useEffect as xC,useState as vC}from"react";import{i18n as yC}from"@lingui/core";import{Divider as Us,FullExpandedQuote as SC,Typography as CC}from"@rango-dev/ui";import fe from"react";import{styled as Os}from"@rango-dev/ui";var cm=Os("div",{display:"flex",justifyContent:"center",flexDirection:"column",height:"100%"}),um=Os("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),mm=Os("div",{width:"146px"});import{i18n as tn}from"@lingui/core";import{Select as hC}from"@rango-dev/ui";import dm from"react";function Br(t){let{updateQuotePartialState:e,sortStrategy:o}=j(),n=[{value:"SMART",label:tn.t("Smart Routing")},{value:"FEE",label:tn.t("Lowest Fee")},{value:"SPEED",label:tn.t("Fastest Transfer")},{value:"NET_OUTPUT",label:tn.t("Maximum Return")},{value:"PRICE",label:tn.t("Maximum Output")}];return dm.createElement(mm,null,dm.createElement(hC,{container:t.container,options:n,value:o,handleItemClick:r=>{e("sortStrategy",r.value)},variant:"filled"}))}i(Br,"SelectStrategy");var fm=3;function on(t){let{loading:e,onClickOnQuote:o,fetch:n,showModalFee:r,hasSort:s=!0,fullExpandedMode:a=!1,container:l}=t,{selectedQuote:p,quotes:c,updateQuotePartialState:u,fromToken:f,toToken:m,sortStrategy:d,error:g}=j(),{slippage:C,customSlippage:S}=y(),h=y().tokens(),k=l||L(),w=!!c&&c.results.length,x=S??C,b=i(T=>{if(!f||!m||!c)return null;let M={requestAmount:c.requestAmount,...T};return io(M,{fromToken:f,toToken:m,userSlippage:x,tokens:h})},"getQuoteWarning"),A=g?.type===0||g?.type===1,v=c?.results?qn(d,c?.results):[];return fe.createElement(fe.Fragment,null,s&&fe.createElement(fe.Fragment,null,fe.createElement(um,null,fe.createElement(CC,{size:"xmedium",variant:"title"},yC.t("Sort by")),fe.createElement(Br,{container:k})),fe.createElement(Us,{size:"10"})),e&&Array.from({length:fm},(T,M)=>fe.createElement(fe.Fragment,{key:M},a?fe.createElement(SC,{loading:!0}):fe.createElement(Yo,{tagHidden:!1,type:"list-item",expanded:!1}),M!==fm-1&&fe.createElement(Us,{size:16}))),!e&&fe.createElement(fe.Fragment,null,w?v.map((T,M)=>{let E=b(T),B=Ns(T.swaps),Q=v.length-1===M;return fe.createElement(fe.Fragment,{key:T.requestId},fe.createElement(eo,{showModalFee:r,container:k,selected:p?.requestId===T.requestId,tagHidden:!1,quote:{...T,requestAmount:c.requestAmount},loading:e,error:B?.options||null,warning:E,fullExpandedMode:a,onClick:q=>{B||u("warning",E),u("error",B?.options||null),o(q)},type:"list-item"}),!Q&&fe.createElement(Us,{size:16}))}):A&&fe.createElement(cm,null,fe.createElement(Oo,{size:a?"large":"small",error:g,fetch:n}))))}i(on,"Quotes");import{darkTheme as TC,styled as gm}from"@rango-dev/ui";var hm=gm("div",{transition:"width 0.2s, opacity 0.2s, margin-left 0.2s",height:"700px",width:"390px",opacity:1,marginLeft:"$16",backgroundColor:"$neutral100",[`.${TC} &`]:{backgroundColor:"$neutral300"},variants:{expandMode:{default:{width:"390px"},full:{width:"719px"}}},"&.is-hidden":{width:0,height:0,opacity:0,marginLeft:0}}),ym=gm("div",{position:"relative",overflow:"hidden",padding:"$20",flexGrow:1,display:"flex",flexDirection:"column",overflowY:"auto",borderRadius:"$primary",backgroundColor:"$background"});var bC=100;function qs(t){let{fetch:e,loading:o,onClickOnQuote:n,onClickRefresh:r,isVisible:s}=t,[a,l]=vC(!1),p=a?"":"is-hidden",{config:c}=y(),u=c?.variant==="full-expanded",f=Ao();return xC(()=>{let m=null;return s?m=setTimeout(()=>{l(!0)},bC):(l(!1),m&&clearTimeout(m)),()=>{m&&clearTimeout(m)}},[s]),qt.createElement(hm,{expandMode:c?.variant==="full-expanded"?"full":"default",className:`${p} ${ir()}`,id:ke.EXPANDED_BOX_ID},qt.createElement(wC,{title:kC.t("Routes"),suffix:qt.createElement(qt.Fragment,null,qt.createElement(Br,{container:f}),qt.createElement(Jt,{container:f,onClickRefresh:r,hidden:["history","notifications","settings"]}))}),qt.createElement(ym,null,qt.createElement(on,{showModalFee:!1,fetch:e,hasSort:!1,loading:o,container:Ao(),onClickOnQuote:n,fullExpandedMode:u})))}i(qs,"ExpandedQuotes");import{i18n as xm}from"@lingui/core";import{SwapInput as vm}from"@rango-dev/ui";import nn from"react";import{ReverseIcon as IC,styled as Sm}from"@rango-dev/ui";import zs from"react";var EC=Sm("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),AC=Sm("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 Cm(){let t=j.use.switchFromAndTo();return zs.createElement(EC,null,zs.createElement(AC,{onClick:()=>{t()}},zs.createElement(IC,{size:12})))}i(Cm,"SwitchFromAndToButton");import{styled as Tm}from"@rango-dev/ui";var km=Tm("div",{display:"flex",flexDirection:"column",gap:"$5",alignSelf:"stretch"}),wm=Tm("div",{position:"relative"});function Qs(t){let{fetchingQuote:e,fetchMetaStatus:o,onClickToken:n,isExpandable:r}=t,{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:f,outputAmount:m,outputUsdValue:d,selectedQuote:g}=j(),{connectedWallets:C,getBalanceFor:S}=K(),h=s?S(s):null,k=xn(h)?.amount??"0",w=a&&s?N(h?.amount,h?.decimals):"0",x=!!a&&rl(C,a.name),b=!Ii(g,u,f),A=!Ii(g,u,d),v=!f||!d||!d.gt(0)?null:Xe(f.toString(),d.toString());return nn.createElement(km,null,nn.createElement(wm,null,nn.createElement(vm,{label:xm.t("From"),mode:"From",onInputChange:c,balance:k,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>n("from"),price:{value:u,usdValue:b?void 0:N(f,4,4),realUsdValue:b?void 0:ue(f),error:b?ee().unknownPriceError.impactTitle:void 0},disabled:o==="failed",loading:o==="loading",loadingBalance:x,tooltipContainer:L(),onSelectMaxBalance:()=>{c(w.split(",").join(""))}}),nn.createElement(Cm,null)),nn.createElement(vm,{sharpBottomStyle:!r&&(!!g||e),label:xm.t("To"),mode:"To",fetchingQuote:e,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:N(Xe(f,d),2,2),warningLevel:Tt(v??0),price:{value:N(m,6,6),usdValue:A?void 0:N(d,4,4),realValue:ue(m),realUsdValue:A?void 0:ue(d),error:A?ee().unknownPriceError.impactTitle:void 0},onClickToken:()=>n("to"),disabled:o==="failed",loading:o==="loading",tooltipContainer:L()}))}i(Qs,"Inputs");import{useCallback as WC,useEffect as NC,useState as MC}from"react";function bm(){let{fetch:t,loading:e,cancelFetch:o}=Ar({request:async(n,r)=>await Mt().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(bm,"useFetchAllQuotes");var LC=600;function _r({refetchQuote:t}){let{fetch:e,cancelFetch:o}=bm(),{excludeLiquiditySources:n,features:r,enableCentralizedSwappers:s}=y().config,a=K.use.connectedWallets(),l=y().tokens(),{fromToken:p,toToken:c,inputAmount:u,inputUsdValue:f,selectedQuote:m,sortStrategy:d,resetQuote:g,error:C,warning:S,setSelectedQuote:h,updateQuotePartialState:k}=j(),{slippage:w,customSlippage:x,affiliatePercent:b,affiliateRef:A,affiliateWallets:v,fetchStatus:T}=y(),M=y().getLiquiditySources(),E=y().getDisabledLiquiditySources(),B=y().excludeLiquiditySources(),[Q,q]=MC(!0),H=x??w,te=!p||!c||Le(p,c)||!Io(u),ie=i(I=>{q(I)},"resetState"),R=i(I=>{let{fromToken:W,toToken:ce,inputAmount:Z,liquiditySources:ne,excludeLiquiditySources:yt,disabledLiquiditySources:G,slippage:V,affiliateRef:Y,affiliatePercent:Se,affiliateWallets:et}=I;if(Q||ie(!0),!te&&W&&ce){g();let De=Jl({fromToken:W,toToken:ce,inputAmount:Z,liquiditySources:ne,excludeLiquiditySources:yt,disabledLiquiditySources:G,wallets:a,slippage:V,affiliateRef:Y,affiliatePercent:Se,affiliateWallets:et,enableCentralizedSwappers:s});xl("experimentalRoute",r)&&(De.experimental=!0),e(De).then(Ie=>{let Ge=qn(d,Ie.results),Ne=mp(m,Ge,Ie.requestAmount);q(!1),k("quotes",Ie),h(Ne),Wr({diagnosisMessages:Ie.diagnosisMessages,requestId:Ne?.requestId||"",swaps:Ne?.swaps});let lt=Ne&&io(Ne,{fromToken:W,toToken:ce,userSlippage:H,tokens:l});k("warning",lt)}).catch(Ie=>{let{error:Ge}=Nr(Ie);(Ge?.type===0||Ge?.type===1)&&g(),Ge?.type!==2&&(k("error",Ge),q(!1))})}},"fetch"),oe=WC(Cl(I=>{te||R(I)},LC),[te]);return NC(()=>{if(!t){q(!1);return}if(T==="success"){if(te){q(!1),(m||C||S)&&g();return}if(!Io(u)||f?.eq(0)){ie(!1),o();return}return g(),ie(!0),oe({inputAmount:u,fromToken:p,toToken:c,liquiditySources:M,excludeLiquiditySources:B,disabledLiquiditySources:E,slippage:H,affiliateRef:A,affiliatePercent:b,affiliateWallets:v}),o}},[T,u,p?.symbol,p?.address,p?.blockchain,c?.symbol,c?.address,c?.blockchain,te,M?.length,n,E.length,H,A,b,JSON.stringify(v)]),{fetch:()=>R({inputAmount:u,fromToken:p,toToken:c,liquiditySources:M,excludeLiquiditySources:B,disabledLiquiditySources:E,slippage:H,affiliateRef:A,affiliatePercent:b,affiliateWallets:v}),loading:Q}}i(_r,"useSwapInput");var OC=PC("div",{display:"grid",gridTemplateColumns:"auto auto",alignItems:"flex-start",maxHeight:700,"& .footer__alert":{paddingTop:"0 !important"}}),UC=300;function Wm(){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}=j(),[d,g]=Am(!1),{isLargeScreen:C,isExtraLargeScreen:S}=Tr(),{fetch:h,loading:k}=_r({refetchQuote:s}),{config:w,fetchStatus:x}=y(),{connectedWallets:b}=K(),{isActiveTab:A}=re(),[v,T]=Am(!1),E=Gl({fetchMetaStatus:x,fetchingQuote:k,inputAmount:n,quote:r,anyWalletConnected:b.length>0,error:a,warning:l,needsToWarnEthOnPath:!1}),B=cl(C,S,w?.variant),Q=!!n&&!!e&&!!o&&new DC(n).gt(0)&&!sp(e,o),q=Q&&x==="success"&&k,te=(!B||B&&p?.results.length)&&(l||a);Em(()=>{u(),m("refetchQuote",!0)},[]),Em(()=>{g(Q)},[Q]);let ie=(r||a)&&!v?h:void 0,R=i(I=>{B&&d?(g(!1),setTimeout(()=>{t(I)},UC)):t(I)},"onHandleNavigation"),oe=i(I=>{r?.requestId!==I.requestId&&(T(!1),c(I))},"onClickOnQuote");return Ue.createElement(OC,null,Ue.createElement(pe,{height:"auto",footer:Ue.createElement(_C,{type:"primary",size:"large",disabled:E.disabled||!A,prefix:E.action==="confirm-warning"&&Ue.createElement($C,null),fullWidth:!0,onClick:()=>{E.action==="connect-wallet"?R(O.wallets):E.action==="confirm-warning"?T(!0):R(O.confirmSwap)}},E.title),header:{onWallet:()=>{R(O.wallets)},hasBackButton:!1,title:w.title||BC.t("Swap"),suffix:Ue.createElement(Jt,{hidden:B?["refresh"]:void 0,onClickRefresh:ie,onClickHistory:()=>R(O.swaps),onClickSettings:()=>{R(O.settings)}})}},Ue.createElement(me,null,Ue.createElement(Qs,{fetchingQuote:q,fetchMetaStatus:x,isExpandable:B,onClickToken:I=>{R(I==="from"?O.fromSwap:O.toSwap)}}),Ue.createElement(Im,{size:"2"}),B?null:Ue.createElement(eo,{quote:r,loading:q,error:a,tagHidden:!1,warning:l,type:"basic",onClickAllRoutes:p&&p.results.length>1?()=>{m("refetchQuote",!1),R(O.routes)}:void 0}),te?Ue.createElement(Ue.Fragment,null,Ue.createElement(Im,{size:"10"}),Ue.createElement(qo,{warning:l,error:a,couldChangeSettings:!0,refetchQuote:h,showWarningModal:v,confirmationDisabled:!A,onOpenWarningModal:()=>T(!0),onCloseWarningModal:()=>T(!1),onConfirmWarningModal:()=>{T(!1),f(!0),R(O.confirmSwap)},onChangeSettings:()=>R(O.settings)})):null)),B?Ue.createElement(qs,{loading:q,onClickOnQuote:oe,fetch:h,onClickRefresh:ie,isVisible:d}):null)}i(Wm,"Home");import{i18n as Nm}from"@lingui/core";import{Alert as qC,Divider as zC,List as QC,ListItemButton as HC,Radio as GC,RadioRoot as VC,Typography as jC}from"@rango-dev/ui";import gt from"react";function zt(){let{setLanguage:t,language:e,config:o}=y(),n=bl,r=o?.language||No;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||No),resetLanguage:()=>t(null)}}i(zt,"useLanguage");function Mm(){let{activeLanguage:t,changeLanguage:e,languages:o}=zt(),n=Ye(),r=o.map(s=>{let{local:a,label:l,SVGFlag:p}=s;return{id:a,value:a,title:gt.createElement(jC,{variant:"title",size:"xmedium"},l),onClick:()=>{e(s.local),n()},end:gt.createElement(GC,{value:a}),start:gt.createElement(p,null)}});return gt.createElement(pe,{header:{title:Nm.t("Language")}},gt.createElement(me,null,gt.createElement(qC,{type:"warning",variant:"alarm",title:"Important Notice: Machine translations are in use"}),gt.createElement(zC,{size:"8"}),gt.createElement(VC,{value:t},gt.createElement(QC,{type:gt.createElement(HC,{title:Nm.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}i(Mm,"LanguagePage");import{i18n as It}from"@lingui/core";import{Button as ZC,Checkbox as RC,Image as eT,ListItemButton as tT,NotFound as oT,Typography as nT}from"@rango-dev/ui";import $e,{useState as rT}from"react";import{Checkbox as YC,Skeleton as Bm}from"@rango-dev/ui";import sn from"react";import{styled as Hs}from"@rango-dev/ui";var rn=Hs("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),Gs=Hs("div",{width:80,display:"flex",justifyContent:"flex-end"}),Vs=Hs("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as XC,styled as KC}from"@rango-dev/ui";var Lm=KC(XC,{height:61});var JC=30;function js(){return sn.createElement(rn,null,Array.from(Array(JC),(t,e)=>sn.createElement(Lm,{hasDivider:!0,key:e,start:sn.createElement(Bm,{variant:"circular",width:35,height:35}),title:sn.createElement(Bm,{variant:"text",size:"large",width:90}),end:sn.createElement(YC,{checked:!1})})))}i(js,"LoadingLiquiditySourceList");function Xs({sourceType:t}){let e=y().fetchStatus,o=y().swappers(),n=y().getDisabledLiquiditySources(),[r,s]=rT(""),a=y().toggleLiquiditySource,l=y().isInCampaignMode(),p=Wn(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(h=>u.includes(h.type)),m=f.length===f.filter(h=>h.selected).length,d=i(()=>{f.forEach(h=>{m?a(h.groupTitle):h.selected||a(h.groupTitle)})},"toggleAllSources"),g=f.map(h=>{let{selected:k,groupTitle:w,logo:x}=h;return{start:$e.createElement(eT,{src:x,size:22,type:"circular"}),onClick:()=>{l||a(w)},end:$e.createElement(RC,{checked:k,disabled:l}),title:$e.createElement(nT,{variant:"title",size:"xmedium"},It.t(w)),...h}}),C=i(h=>{let k=h.target.value;s(k)},"searchHandler"),S=g;return r&&(S=g.filter(h=>pt(h.groupTitle,r))),$e.createElement(pe,{header:{title:It.t(t),suffix:$e.createElement(Gs,null,$e.createElement(ZC,{variant:"ghost",size:"xsmall",onClick:d},m?It.t("Deselect all"):It.t("Select all")))}},$e.createElement(me,{view:!0},$e.createElement(vt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:It.t("Search {sourceType}",{sourceType:c[t]}),onChange:C}),e==="loading"&&$e.createElement(js,null),!S.length&&r?$e.createElement(Vs,null,$e.createElement(oT,{title:It.t("No results found"),description:It.t("Try using different keywords")})):e==="success"&&$e.createElement(rn,{disabled:l},S.map(h=>{let{groupTitle:k,...w}=h;return $e.createElement($e.Fragment,{key:h.id},$e.createElement(tT,{style:{height:"61px"},...w,selected:!1,hasDivider:!0}))}))))}i(Xs,"LiquiditySourcePage");import{i18n as iT}from"@lingui/core";import Pr from"react";import{useNavigate as sT}from"react-router-dom";function _m(){let t=sT(),e=Ye(),{selectedQuote:o,refetchQuote:n,setSelectedQuote:r,updateQuotePartialState:s,error:a}=j(),{fetch:l,loading:p}=_r({refetchQuote:n}),c=i(m=>{r(m),s("refetchQuote",!1),e()},"onClickOnQuote"),u=`../${O.settings}`,f=`../${O.wallets}`;return Pr.createElement(pe,{header:{onWallet:()=>{t(f)},onBack:()=>{s("refetchQuote",!1)},title:iT.t("Routes"),suffix:Pr.createElement(Jt,{onClickRefresh:o||a?l:void 0,hidden:["notifications","history"],onClickSettings:()=>t(u)})}},Pr.createElement(me,null,Pr.createElement(on,{fetch:l,loading:p,onClickOnQuote:c})))}i(_m,"RoutesPage");import{i18n as zm}from"@lingui/core";import{Divider as Qm,getCountCategories as hT,SelectableCategoryList as yT}from"@rango-dev/ui";import Et,{useState as Hm}from"react";import{i18n as Ys}from"@lingui/core";import{Divider as Um,Image as uT,ListItemButton as mT,NotFound as dT,Typography as qm}from"@rango-dev/ui";import Je,{useEffect as fT,useState as gT}from"react";import{BlockchainCategories as Ks}from"@rango-dev/ui";import{TransactionType as $r}from"rango-sdk";var aT=i((t,e)=>{switch(e){case Ks.ALL:return!0;case Ks.UTXO:return t.type===$r.TRANSFER;case Ks.OTHER:return t.type!==$r.TRANSFER&&t.type!==$r.COSMOS&&t.type!==$r.EVM;default:return t.type===e}},"filterByType"),Pm=i((t,e,o)=>t.filter(n=>aT(n,o)).filter(n=>Ct(n.name,e)||Ct(n.displayName,e)),"filterBlockchains");import{ImageContainer as lT,styled as $m}from"@rango-dev/ui";var Dm=$m("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Dr=$m($o,{padding:0,margin:0,listStyle:"none",[`& ${lT}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as pT,Skeleton as Fm}from"@rango-dev/ui";import Fr from"react";var cT=20;function Om(){return Fr.createElement(Dr,null,Array.from(Array(cT),t=>Fr.createElement(pT,{key:t,hasDivider:!0,start:Fr.createElement(Fm,{variant:"circular",width:35,height:35}),title:Fr.createElement(Fm,{variant:"text",size:"large",width:90})})))}i(Om,"LoadingBlockchainList");function Js(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=gT(e),{fetchStatus:l}=y();fT(()=>{a([...Pm(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Je.createElement(Je.Fragment,null,Je.createElement(Um,{size:32}),Je.createElement(dT,{title:Ys.t("No results found"),description:Ys.t("Try using different keywords")})):Je.createElement(Dr,{as:"ul",key:`${r}-${o}`},s.map(c=>Je.createElement(mT,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:Je.createElement(uT,{src:c.logo,size:30}),title:Je.createElement(qm,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return Je.createElement(Dm,null,Je.createElement(qm,{variant:"label",size:"large"},Ys.t("Select Blockchain")),Je.createElement(Um,{size:4}),l==="loading"&&Je.createElement(Om,null),l==="success"&&p())}i(Js,"BlockchainList");function Zs(t){let{type:e}=t,o=Ye(),[n,r]=Hm(""),[s,a]=Hm("ALL"),l=j.use.setToBlockchain(),p=j.use.setFromBlockchain(),c=y().fetchStatus,u=y().blockchains({type:e}),m=hT(u)!==1;return Et.createElement(pe,{header:{title:zm.t("Select Blockchain")}},Et.createElement(me,{view:!0},m&&Et.createElement(Et.Fragment,null,Et.createElement(yT,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),Et.createElement(Qm,{size:24})),Et.createElement(vt,{value:n,autoFocus:!0,placeholder:zm.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),Et.createElement(Qm,{size:16}),Et.createElement(Js,{list:u,searchedFor:n,blockchainCategory:s,onChange:d=>{e==="source"?p(d):l(d),o()}})))}i(Zs,"SelectBlockchainPage");import{i18n as Qr}from"@lingui/core";import{Divider as ud}from"@rango-dev/ui";import to,{useState as _T}from"react";import{useNavigate as PT}from"react-router-dom";import{i18n as ta}from"@lingui/core";import{BlockchainsChip as Or,Divider as Xm,Image as Km,Skeleton as wT,Tooltip as xT,Typography as oa}from"@rango-dev/ui";import be from"react";import{useEffect as TT}from"react";var Gm=["ETH","COSMOS","OSMOSIS"];function Rs(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(ST),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(CT(a)),r=n.splice(s)}return{list:n,more:r}}i(Rs,"prepare");function ST(t,e){let o=Gm,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(ST,"sortByMostUsedBlockchains");function CT(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(CT,"generateSortByPreferredBlockchainsFor");function Vm(t,e){return!!e.list.find(o=>o.name===t)}i(Vm,"isInVisibleList");function ea(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=y();TT(()=>{if(e?.selected){let s=Rs(t,o,e);Vm(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=Rs(t,o,e);return{list:r.list,more:r.more,history:[]}}i(ea,"usePrepareBlockchainList");import{styled as kT}from"@rango-dev/ui";var jm=kT("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var vT=12;function na(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=ea(e,{limit:10,selected:n?.name}),{fetchStatus:l}=y(),p=j.use.resetToBlockchain(),c=j.use.resetFromBlockchain(),u=a.more.length>0,f=a.more.length===1,m=!f&&u;return be.createElement(be.Fragment,null,be.createElement(Xm,{size:12}),be.createElement(oa,{variant:"label",size:"large"},ta.t("Select Blockchain")),be.createElement(Xm,{size:12}),be.createElement(jm,null,l==="loading"&&Array.from(Array(vT),d=>be.createElement(wT,{key:d,variant:"rounded",height:50})),l==="success"&&be.createElement(be.Fragment,null,be.createElement(Or,{selected:!n,onClick:()=>{o==="from"?c():p()}},be.createElement(oa,{variant:"body",size:"xsmall",color:"secondary500"},ta.t("All"))),a.list.map(d=>be.createElement(xT,{key:d.name,content:d.shortName,side:"bottom",sideOffset:2,container:L()},be.createElement(Or,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},be.createElement(Km,{src:d.logo,size:30})))),f?be.createElement(Or,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},be.createElement(Km,{src:a.more[0].logo,size:30})):null,m?be.createElement(Or,{onClick:s,key:"more-blockchains"},be.createElement(oa,{variant:"body",size:"xsmall",color:"secondary500"},ta._("More +{count}",{count:a.more.length}))):null)))}i(na,"BlockchainsSection");import{i18n as da}from"@lingui/core";import{darkTheme as sd,Divider as ko,ExternalLinkIcon as ET,Image as AT,ListItemButton as WT,NotFound as NT,PinIcon as MT,Skeleton as ad,Typography as zr,VirtualizedList as LT}from"@rango-dev/ui";import z,{useEffect as ld,useState as pd}from"react";import{Divider as rd,ListItem as IT,Skeleton as an}from"@rango-dev/ui";import it from"react";import{css as To,darkTheme as Ym,ImageContainer as bT,styled as Ze,Typography as Jm}from"@rango-dev/ui";var ra=To({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),ia=To({position:"relative",height:12,width:"30%",maxWidth:"150px"}),sa=To({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),aa=To({transform:"translateY(12px)",visibility:"hidden",display:"flex","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Ym} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),la=To({}),pa=To(),Zm=Ze("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),ca=Ze("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Ur=Ze("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${ia}`]:{[`& .${aa}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${la}`]:{bottom:"-15px"},[`& .${ra}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${sa}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),ua=Ze("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),ma=Ze(Jm,{}),Rm=Ze("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${pa}`]:{$$color:"$colors$neutral600",[`.${Ym} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),qr=Ze("div",{display:"flex",alignItems:"end",flexDirection:"column"}),EF=Ze("div",{display:"flex",alignItems:"center"}),ed=Ze("div",{position:"relative",[`& ${bT}`]:{borderRadius:"$xm",overflow:"hidden"}}),td=Ze("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),od=Ze(Jm,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),nd=Ze("a",{"& svg:hover":{color:"$colors$info"}});function id(t){return it.createElement(Ur,null,Array.from(Array(t.size),e=>it.createElement(IT,{key:e,hasDivider:!0,start:it.createElement(an,{variant:"circular",width:35,height:35}),end:it.createElement(qr,null,it.createElement(an,{variant:"text",size:"large",width:70}),it.createElement(rd,{size:4}),it.createElement(an,{variant:"text",size:"medium",width:50})),title:it.createElement("div",null,it.createElement(an,{variant:"text",size:"large",width:90}),it.createElement(rd,{size:4}),it.createElement(an,{variant:"text",size:"medium",width:90}))})))}i(id,"LoadingTokenList");var fa=20,BT=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return z.createElement("div",{className:ia()},o?z.createElement("div",{className:ra()},o):z.createElement(ca,{className:sa()},z.createElement(zr,{variant:"title",size:"xmedium"},r.symbol),z.createElement(ko,{direction:"horizontal",size:4}),z.createElement(ua,{css:s},z.createElement(ma,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&z.createElement("div",{className:`${aa()} ${!o&&la()}`},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",z.createElement(ko,{size:4,direction:"horizontal"}),z.createElement(nd,{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},z.createElement(ET,{size:12}))))},"renderDesc");function cd(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=pd(e),l=y().fetchStatus,p=y().blockchains(),[c,u]=pd(!0),{getBalanceFor:f,loading:m}=K(),{isTokenPinned:d}=y(),g=i(()=>{a(e.slice(0,s.length+fa))},"loadNextPage");ld(()=>{u(e.length>s.length)},[s.length]),ld(()=>{a(e.slice(0,fa))},[e]);let C=i(()=>!s.length&&o?z.createElement(z.Fragment,null,z.createElement(ko,{size:32}),z.createElement(NT,{title:da.t("No results found"),description:da.t("Try using different keywords")})):z.createElement(LT,{endReached:c?g:void 0,itemContent:S=>{let h=s[S],k=xn(f(h)),w=h.address||"",x=p.find(M=>M.name===h.blockchain),b=Zn(x?.color||"",Bp(x?.color||"")?5:125),A=Zn(x?.color||"",-100),v={$$color:b,[`.${sd} &`]:{$$color:A},backgroundColor:"$$color"},T={$$color:A,[`.${sd} &`]:{$$color:b},color:"$$color"};return z.createElement("div",{style:{paddingRight:5}},z.createElement(WT,{style:{width:"100%",overflow:"hidden",height:"60px"},"tab-index":S,key:`${h.symbol}${h.address}`,id:`${h.symbol}${h.address}`,hasDivider:!0,onClick:()=>n(s[S]),start:z.createElement(ed,null,z.createElement(AT,{src:h.image,size:30}),d(h,t.type)&&z.createElement(td,null,z.createElement(MT,{size:12,color:"gray"}))),title:x?.type==="COSMOS"||h.name||!h.name&&!w?z.createElement(ca,null,z.createElement(zr,{variant:"title",size:"xmedium"},h.symbol),z.createElement(ko,{direction:"horizontal",size:4}),z.createElement(ua,{css:v},z.createElement(ma,{variant:"body",size:"xsmall",css:T},h.blockchain))):void 0,description:x?.info&&w&&x.type!=="COSMOS"?BT({address:w,token:s[S],customCssForTag:v,customCssForTagTitle:T,name:h.name,url:x.info.addressUrl.split("{wallet}").join(w)}):h.name||void 0,end:m?z.createElement(qr,null,z.createElement(ad,{variant:"text",size:"large",width:70}),z.createElement(ko,{size:4}),z.createElement(ad,{variant:"text",size:"medium",width:50})):k&&z.createElement(Rm,null,z.createElement(od,{variant:"title",size:"small"},k.amount),z.createElement("div",null),k.usdValue&&z.createElement(zr,{variant:"body",className:pa(),size:"xsmall"},`$${k.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return z.createElement(Zm,null,z.createElement(zr,{variant:"label",size:"large"},da.t("Select Token")),z.createElement(ko,{size:4}),l==="loading"&&z.createElement(id,{size:fa}),l==="success"&&z.createElement(Ur,{as:"ul"},C()))}i(cd,"TokenList");function ga(t){let{type:e}=t,o=PT(),n=Ye(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=j(),u=K.use.getBalanceFor(),[f,m]=_T(""),g=(e==="source"?r:s)?.name??"",C=y().blockchains({type:e}),S=y().tokens({type:e,blockchain:g,searchFor:f,getBalanceFor:u}),h=i(x=>{e==="source"?p(x):c(x)},"updateBlockchain"),k=i(x=>{e==="source"?a({token:x,meta:{blockchains:C,tokens:S}}):l({token:x,meta:{blockchains:C,tokens:S}})},"updateToken"),w={source:Qr.t("Source"),destination:Qr.t("Destination")};return to.createElement(pe,{header:{title:Qr.t("Swap {type}",{type:w[e]})}},to.createElement(me,null,to.createElement(na,{blockchains:C,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(O.blockchains),onChange:x=>{h(x)}}),to.createElement(ud,{size:24}),to.createElement(vt,{value:f,autoFocus:!0,placeholder:Qr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:x=>m(x.target.value)}),to.createElement(ud,{size:16}),to.createElement(cd,{list:S,selectedBlockchain:g,searchedFor:f,type:e,onChange:x=>{k(x);let b=C.find(A=>x.blockchain===A.name);b&&h(b),n()}})))}i(ga,"SelectSwapItemsPage");import{i18n as Ca}from"@lingui/core";import{Alert as sk,Button as ak,styled as lk}from"@rango-dev/ui";import oo from"react";import{useInRouterContext as pk,useSearchParams as ck}from"react-router-dom";import{i18n as yd}from"@lingui/core";import{Divider as OT,InfoIcon as UT,TextField as qT,Tooltip as zT,Typography as Sd}from"@rango-dev/ui";import st from"react";import{Chip as $T,styled as ln,TextField as DT}from"@rango-dev/ui";var md=ln("div",{paddingTop:"$5",padding:"$10 $5"}),dd=ln("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${DT}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),fd=ln("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Hr=ln("div",{maxWidth:"280px",padding:"$10"}),gd=ln($T,{width:"61px",flexShrink:0});import{i18n as ha}from"@lingui/core";import{Typography as FT}from"@rango-dev/ui";import pn from"react";function hd(){return pn.createElement(Hr,null,pn.createElement(FT,{variant:"label",size:"medium",color:"neutral700"},ha.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),pn.createElement("br",null),pn.createElement("br",null),pn.createElement("b",null,ha.t("Warning")),":",ha.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(hd,"SlippageTooltipContent");function ya(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=y();return st.createElement(md,null,st.createElement(fd,null,st.createElement(Sd,{variant:"title",size:"xmedium"},yd.t("Slippage tolerance per swap")),st.createElement(OT,{direction:"horizontal",size:4}),st.createElement(zT,{container:L(),side:"top",sideOffset:4,content:st.createElement(hd,null)},st.createElement(UT,{color:"gray"}))),st.createElement(dd,null,Il.map((r,s)=>{let a=`slippage-${s}`;return st.createElement(gd,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`})}),st.createElement(qT,{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>=Nl&&a<=Wl?n(a):n(null)},suffix:o&&st.createElement(Sd,{variant:"body",size:"small"},"%"),placeholder:yd.t("Custom")})))}i(ya,"Slippage");import{i18n as ht}from"@lingui/core";import{AutoThemeIcon as Cd,BridgesIcon as QT,ChevronRightIcon as Sa,DarkModeIcon as Td,Divider as Gr,ExchangeIcon as HT,InfinityIcon as GT,InfoIcon as VT,LanguageIcon as jT,LightModeIcon as kd,List as XT,ListItem as KT,ListItemButton as YT,Skeleton as JT,styled as ZT,Switch as RT,Tabs as ek,Tooltip as tk,Typography as Re}from"@rango-dev/ui";import D from"react";import{useNavigate as ok}from"react-router-dom";var nk=ZT("div",{width:"202px",height:"$40"}),rk=[{id:"light",icon:D.createElement(kd,{color:"black",size:24}),tooltip:D.createElement(Re,{size:"xsmall",variant:"body"},ht.t("Light"))},{id:"dark",icon:D.createElement(Td,{color:"black",size:24}),tooltip:D.createElement(Re,{size:"xsmall",variant:"body"},ht.t("Dark"))},{id:"auto",icon:D.createElement(Cd,{color:"black",size:24}),tooltip:D.createElement(Re,{size:"xsmall",variant:"body"},ht.t("Auto"))}],ik=i(t=>{let e={color:"gray",size:16};switch(t){case"auto":return D.createElement(Cd,{...e});case"dark":return D.createElement(Td,{...e});default:return D.createElement(kd,{...e})}},"getThemeIcon");function wd(){let t=ok(),{theme:e}=y().config,{setTheme:o,theme:n}=y(),{activeLanguage:r,languages:s}=zt(),a=s.find(H=>H.local===r)?.label,l=y().fetchStatus,p=y().swappers(),c=y().getDisabledLiquiditySources(),{config:{features:u}}=y(),f=je("theme",u),m=je("liquiditySource",u),d=je("language",u),g=y().infiniteApprove,C=y().toggleInfiniteApprove,S=Wn(p,c),h=S.filter(H=>["BRIDGE","AGGREGATOR","OFF_CHAIN"].includes(H.type)),k=h.length,w=h.filter(H=>H.selected).length,x=S.filter(H=>H.type==="DEX"),b=x.length,A=x.filter(H=>H.selected).length,v=i((H,_)=>{switch(l){case"loading":return D.createElement(JT,{variant:"text",size:"medium",width:50});case"failed":return D.createElement(Re,{variant:"body",size:"medium",color:"$error500"},ht.t("Loading failed"));default:return D.createElement(Re,{variant:"body",size:"medium"},`${H} / ${_}`)}},"handleSwapperEndItem"),T={id:"bridge-item",title:D.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Bridges")),end:D.createElement(D.Fragment,null,v(w,k),D.createElement(Gr,{direction:"horizontal",size:8}),D.createElement(Sa,{color:"black"})),onClick:()=>t(O.bridges),start:D.createElement(QT,{color:"gray",size:16})},M={id:"exchange-item",title:D.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Exchanges")),end:D.createElement(D.Fragment,null,v(A,b),D.createElement(Gr,{direction:"horizontal",size:8}),D.createElement(Sa,{color:"black"})),start:D.createElement(HT,{color:"gray",size:16}),onClick:()=>t(O.exchanges)},E={id:"language-item",title:D.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Language")),start:D.createElement(jT,{color:"gray",size:16}),end:D.createElement(D.Fragment,null,D.createElement(Re,{variant:"body",size:"medium"},a),D.createElement(Gr,{direction:"horizontal",size:8}),D.createElement(Sa,{color:"black"})),onClick:()=>t(O.languages)},B={id:"infinite-approval-item",title:D.createElement(D.Fragment,null,D.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Infinite approval")),D.createElement(Gr,{direction:"horizontal",size:4}),D.createElement(tk,{side:"top",sideOffset:4,container:L(),content:D.createElement(Hr,null,D.createElement(Re,{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.")))},D.createElement(VT,{color:"gray"}))),start:D.createElement(GT,{color:"gray",size:16}),end:D.createElement(RT,{checked:g}),onClick:C},Q={id:"theme-item",type:D.createElement(KT,null),title:D.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Theme")),end:D.createElement(nk,null,D.createElement(ek,{container:L(),items:rk,value:n,onChange:H=>o(H.id),type:"primary",borderRadius:"small"})),start:ik(n)},q=m?[]:[T,M];return d||q.push(E),q.push(B),!e?.singleTheme&&!f&&q.push(Q),D.createElement(XT,{type:D.createElement(YT,{hasDivider:!0,id:"_",onClick:()=>console.log()}),items:q})}i(wd,"SettingsLists");var uk=lk("div",{paddingLeft:"$8"});function xd(){let{isInCampaignMode:t,updateCampaignMode:e}=y(),o=t(),[,n]=ck(),r=pk(),s=i(()=>{r&&o&&(n(a=>(a.delete("liquiditySources"),a),{replace:!0}),e("liquiditySources",void 0))},"onClick");return oo.createElement(pe,{header:{title:Ca.t("Settings")}},oo.createElement(me,null,o&&oo.createElement(sk,{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:oo.createElement(uk,null,oo.createElement(ak,{type:"secondary",size:"small",onClick:s},Ca.t("Reset")))}),oo.createElement(ya,null),oo.createElement(wd,null)))}i(xd,"SettingsPage");import{i18n as Jk}from"@lingui/core";import{cancelSwap as Zk}from"@rango-dev/queue-manager-rango-preset";import{useManager as Rk}from"@rango-dev/queue-manager-react";import{Alert as ew}from"@rango-dev/ui";import $a from"react";import{useParams as tw}from"react-router-dom";import{i18n as Nt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Bk,getCurrentStep as _k,getRelatedWalletOrNull as Pk}from"@rango-dev/queue-manager-rango-preset";import{Button as Rd,CopyIcon as $k,Divider as Dk,IconButton as Fk,LinkIcon as Ok,QuoteCost as Uk,StepDetails as qk,Typography as no,useCopyToClipboard as zk}from"@rango-dev/ui";import{useWallets as Qk}from"@rango-dev/wallets-react";import ef from"bignumber.js";import{PendingSwapNetworkStatus as ei}from"rango-types";import J,{useEffect as tf,useRef as Hk,useState as of}from"react";import{useNavigate as Gk}from"react-router-dom";import{i18n as Qt}from"@lingui/core";var mk=[Qt.t("Sunday"),Qt.t("Monday"),Qt.t("Tuesday"),Qt.t("Wednesday"),Qt.t("Thursday"),Qt.t("Friday"),Qt.t("Saturday")];function vd(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Qt.t("Today"):`${mk[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(vd,"timeSince");function bd(t){return t.finishTime?vd(parseInt(t.finishTime)):vd(parseInt(t.creationTime))}i(bd,"getSwapDate");import{PendingSwapNetworkStatus as Xr}from"rango-types";import Kr from"react";import{i18n as Vr}from"@lingui/core";import{Button as Id,Divider as Ta,MessageBox as dk}from"@rango-dev/ui";import Ht from"react";var Ed=i(({onCancel:t,onClose:e})=>Ht.createElement(Ht.Fragment,null,Ht.createElement(Ta,{size:20}),Ht.createElement(dk,{type:"error",title:Vr.t("Cancel Swap"),description:Vr.t("Are you sure you want to cancel this swap?")}),Ht.createElement(Ta,{size:32}),Ht.createElement(Id,{variant:"contained",type:"primary",size:"large",onClick:t},Vr.t("Yes, Cancel it")),Ht.createElement(Ta,{size:12}),Ht.createElement(Id,{variant:"outlined",type:"primary",size:"large",onClick:e},Vr.t("No, Continue"))),"CancelContent");import{i18n as jr}from"@lingui/core";import{Button as Ad,Divider as ka,MessageBox as fk,Typography as gk}from"@rango-dev/ui";import At from"react";var Wd=i(({onDelete:t,onClose:e})=>At.createElement(At.Fragment,null,At.createElement(ka,{size:20}),At.createElement(fk,{type:"error",title:jr.t("Delete Transaction"),description:jr.t("Are you sure you want to delete this swap?")}),At.createElement(ka,{size:32}),At.createElement(Ad,{variant:"contained",type:"primary",size:"large",onClick:t},jr.t("Yes, Delete it")),At.createElement(ka,{size:12}),At.createElement(Ad,{variant:"outlined",type:"primary",size:"large",onClick:e},At.createElement(gk,{variant:"title",size:"medium",color:"primary"},jr.t("No, Cancel")))),"DeleteContent");import{i18n as wa}from"@lingui/core";import{PendingSwapNetworkStatus as xa}from"rango-types";var va={[xa.WaitingForNetworkChange]:{type:"loading",title:wa.t("Change Network")},[xa.WaitingForConnectingWallet]:{type:"warning",title:wa.t("Connect Wallet")},[xa.NetworkChanged]:{type:"success",title:wa.t("Network Changed")}};import{debug as hk}from"@rango-dev/logging-core";import{MessageBox as yk,Wallet as Sk}from"@rango-dev/ui";import{useWallets as Ck}from"@rango-dev/wallets-react";import cn from"react";import{styled as Nd}from"@rango-dev/ui";var Md=Nd("div",{display:"flex",justifyContent:"center"}),gU=Nd("div",{maxWidth:280,"& ._typography":{wordWrap:"break-word",display:"block"}});var Ld=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c}=Ck(),u=n?.walletType,f=u?ci(c(u)):null,m=u?p(u):null;return cn.createElement(cn.Fragment,null,cn.createElement(yk,{type:e,title:o,description:r}),s&&!!u&&!!f&&!!m&&cn.createElement(Md,null,cn.createElement(Sk,{container:L(),title:m.name,image:m.img,type:u,state:f,link:m.installLink,disabled:a,onClick:async()=>l(u).catch(g=>hk(g))})))},"WalletStateContent");function ba(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===Xr.WaitingForNetworkChange||e===Xr.WaitingForConnectingWallet||e===Xr.NetworkChanged;return Kr.createElement(le,{open:!!e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},p&&Kr.createElement(Ld,{type:va[e].type,title:va[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==Xr.WaitingForNetworkChange}),e==="delete"&&Kr.createElement(Wd,{onClose:o,onDelete:n}),e==="cancel"&&Kr.createElement(Ed,{onClose:o,onCancel:r}))}i(ba,"SwapDetailsModal");import{i18n as un}from"@lingui/core";import{Button as Ia,Divider as Yr,MessageBox as Bd,TokenAmount as Tk,Typography as Ea}from"@rango-dev/ui";import We from"react";import{useNavigate as kk}from"react-router-dom";function Aa(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=kk();return We.createElement(le,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},n==="success"?We.createElement(Bd,{type:"success",title:un.t("Swap Successful")},We.createElement(Tk,{direction:"vertical",tooltipContainer:L(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),We.createElement(Yr,{size:12}),We.createElement(Ea,{variant:"body",size:"medium",color:"neutral700",align:"center"},f)):We.createElement(Bd,{type:"error",title:un.t("Transaction Failed"),description:f}),We.createElement(Yr,{size:32}),n==="success"&&We.createElement(Ia,{variant:"contained",type:"primary",size:"large",onClick:()=>{d("../../")}},We.createElement(Ea,{variant:"title",size:"medium",color:"neutral100"},un.t("Done"))),We.createElement(Yr,{size:12}),m&&We.createElement(We.Fragment,null,We.createElement(Ia,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},un.t("Diagnosis")),We.createElement(Yr,{size:12})),We.createElement(Ia,{variant:"outlined",type:"primary",size:"large",onClick:o},We.createElement(Ea,{variant:"title",size:"medium",color:"primary"},un.t("See Details"))))}i(Aa,"SwapDetailsCompleteModal");import Lk from"react";import{i18n as Ak}from"@lingui/core";import{Alert as Kd,IconButton as Wk,LinkIcon as Nk}from"@rango-dev/ui";import Gt,{Fragment as Mk}from"react";import{Alert as vk,ChevronDownIcon as bk,IconButton as Ik}from"@rango-dev/ui";import xo,{useState as Ek}from"react";import{css as mn,darkTheme as wk,styled as Wt,Typography as xk}from"@rango-dev/ui";var _d=Wt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Jr=Wt("div",{width:"100%"}),Pd=Wt($o,{padding:"$0 $20 $20 $20"}),YU=Wt("div",{display:"flex",flexDirection:"column",gap:"$10"}),$d=Wt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),JU=Wt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),wo=mn({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${wk} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),Dd=mn({padding:"$5 0"}),Zr=mn({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),Fd=mn({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Od=mn({width:"100%",padding:"0 $20 $10"}),Ud=Wt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"}),qd=Wt("div",{display:"flex",flexDirection:"column",gap:"$5"}),Rr=Wt(xk,{wordBreak:"break-word"});import{styled as Wa}from"@rango-dev/ui";var zd=Wa("div",{display:"flex",flexDirection:"column",gap:"$10"}),Qd=Wa("div",{transition:"transform 0.3s ease-in-out",variants:{rotated:{true:{transform:"rotate(180deg)"}}}}),Hd=Wa("div",{transition:"max-height 0.3s ease-in-out",maxHeight:"0px",overflow:"hidden",variants:{open:{true:{maxHeight:"200px"}}}});function Gd(t){let{message:e}=t,[o,n]=Ek(!1);return xo.createElement(vk,{type:"error",title:e.shortMessage,containerStyles:{"& .footer":{paddingTop:"$0"}},action:e.detailedMessage.content&&xo.createElement(Ik,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},xo.createElement(Qd,{rotated:o},xo.createElement(bk,{size:12,color:"gray"}))),footer:xo.createElement(Hd,{open:o},xo.createElement(Rr,{variant:"body",size:"xsmall",color:"neutral700"},e.detailedMessage.content))})}i(Gd,"FailedAlert");import{i18n as Vd}from"@lingui/core";import{Alert as Na,Button as jd}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Ma}from"rango-types";import dn from"react";function Xd(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?dn.createElement(Na,{type:"warning",title:n.shortMessage,action:dn.createElement(jd,{size:"xxsmall",type:"warning",onClick:()=>{o(Ma.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},Vd.t("Change"))}):r===Ma.WaitingForConnectingWallet?dn.createElement(Na,{type:"warning",title:n.shortMessage,action:dn.createElement(jd,{size:"xxsmall",type:"warning",onClick:()=>{o(Ma.WaitingForConnectingWallet)}},Vd.t("Connect"))}):dn.createElement(Na,{type:"warning",title:n.shortMessage})}i(Xd,"WarningAlert");function La(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=Bo(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return Gt.createElement(zd,null,s.explorerUrl?.map((f,m,d)=>{let g=m+f.url,C=m===d.length-1,S=(C&&c||p)&&!u,h=C&&s.status==="failed";return Gt.createElement(Mk,{key:g},Gt.createElement(Kd,{type:C&&(S&&"loading"||h&&"error")||"success",title:f.description?`${f.description} Tx`:Ak.t("View transaction"),action:f.url&&Gt.createElement(Wk,{variant:"ghost",size:"xsmall",onClick:()=>window.open(f.url,"_blank")},Gt.createElement(Nk,{size:12}))}))}),u&&Gt.createElement(Kd,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Gt.createElement(Xd,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Gt.createElement(Gd,{message:r}))}i(La,"SwapDetailsAlerts");var Yd=2e3;var Jd=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:N(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ve(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:N(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:Wo(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{chain:{displayName:Ve(p.fromBlockchain,e)??"",image:p.fromBlockchainLogo??""}},to:{chain:{displayName:Ve(p.toBlockchain,e)??"",image:p.toBlockchainLogo??""}},swapper:{displayName:Wo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:Lk.createElement(La,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function Zd(t){if(Bo(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(Zd,"getStepState");function Ba(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=Qk(),p=y().blockchains(),c=y().swappers(),u=y().tokens(),f=j.use.retry(),m=re.use.isActiveTab(),d=Gk(),[g,C]=zk(Yd),S=Hk(null),[h,k]=of(null),[w,x]=of(null),b=i(()=>{r(),k(null)},"onCancel"),A=Fe.use.getUnreadNotifications(),v=Fe.use.setAsRead(),T=A(),M=_k(e),E=M?.networkStatus;tf(()=>{T.find(lt=>lt.requestId===e.requestId)&&(e.status==="success"||e.status==="failed"?(x(e.status),v(e.requestId)):w&&x(null))},[e.status,e.requestId]),tf(()=>{ie?k(ei.WaitingForNetworkChange):E===ei.WaitingForConnectingWallet||E===ei.NetworkChanged?k(E):k(null)},[E]);let B=np(e),Q=M?Bk(e,M):null,q=M?Pk(e,M):null,H=bd(e),_=rp(e),te=i(Ne=>!!l(Ne)?.mobileWallet,"isMobileWallet"),ie=E===ei.WaitingForNetworkChange&&!!Q&&!!q?.walletType&&(te(q.walletType)||s(q.walletType,Q)),R=ie?a.bind(null,q.walletType,Q):void 0,oe=op(e,M),I=Jd({swap:e,switchNetwork:R,showNetworkModal:E,setNetworkModal:k,message:oe,blockchains:p,swappers:c}),W=I.length,[ce,Z]=[e.steps[0],e.steps[W-1]],ne=Z.outputAmount||Z.expectedOutputAmountHumanReadable,yt=e.steps.reduce((Ne,lt)=>Ne+parseFloat(lt.feeInUsd||""),0),G=e.steps.find(Ne=>Ne.diagnosisUrl)?.diagnosisUrl,V=N(parseFloat(N(ne,6,6))*(Z.toUsdPrice||0),4,4),Y=N(parseFloat(e.inputAmount)*(ce.fromUsdPrice||0),4,4),Se=ne?ue(new ef(ne).multipliedBy(Z.toUsdPrice||0)):"",et=ue(new ef(e.inputAmount).multipliedBy(ce.fromUsdPrice||0)),De=Xe(Y,V),Ie=oe.detailedMessage.content||oe.shortMessage,Ge=e.status==="success"?Nt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:N(ne,6,6),token:I[W-1].to.token.displayName,conciseAddress:vn(e.wallets[I[W-1].to.chain.displayName]?.address||""),chain:I[W-1].to.chain.displayName}}):J.createElement(qd,null,J.createElement(no,{variant:"body",size:"medium",color:"neutral700",align:"center"},Ie?"":Nt.t("Transaction was not sent."),B?`${Nt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:B.outputAmount,symbol:B.symbol,blockchain:B.blockchain}})}`:""),Ie&&J.createElement(Rr,{align:"center",variant:"body",size:"medium",color:"neutral700"},J.createElement("b",null,"Reason:")," ",Ie));return J.createElement(pe,{header:{title:Nt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>k("cancel"):void 0,suffix:e.status!=="running"&&J.createElement(co,null,J.createElement(Rd,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>k("delete")},J.createElement(no,{size:"medium",variant:"label",color:"error"},Nt.t("Delete"))))},footer:_&&!w&&J.createElement(Rd,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{f(e,{blockchains:p,tokens:u}),setTimeout(()=>{d("../../")},0)}},Nt.t("Try again"))},J.createElement(me,{compact:!0,view:!0},J.createElement(Jr,null,J.createElement("div",{className:wo()},J.createElement(no,{variant:"label",size:"large",color:"neutral700"},`${Nt.t("Request ID")}:`),J.createElement("div",{className:Zr()},J.createElement(no,{variant:"label",size:"small",color:"neutral700"},o),J.createElement(Fk,{variant:"ghost",onClick:C.bind(null,o||"")},J.createElement($k,{size:16,color:"gray"})),J.createElement(Ud,{target:"_blank",href:`${Ha}/swap/${o}`},J.createElement(Ok,{size:16})))),J.createElement("div",{className:wo()},J.createElement(no,{variant:"label",size:"large",color:"neutral700"},`${Nt.t(e.finishTime?"Finished at":"Created at")}:`),J.createElement(no,{variant:"label",size:"small",color:"neutral700"},H))),J.createElement("div",{className:Fd()},J.createElement(Uk,{fee:N(String(yt),2,2),time:bo(yn(e.steps)),steps:W}),J.createElement(Qo,{from:{price:{value:N(e.inputAmount,6,6),usdValue:Y,realUsdValue:et,realValue:e.inputAmount},token:{displayName:I[0].from.token.displayName,image:I[0].from.token.image},chain:{image:I[0].from.chain.image,displayName:I[0].from.chain.displayName}},to:{price:{value:N(ne,6,6),usdValue:V,realUsdValue:Se,realValue:ne},token:{displayName:I[W-1].to.token.displayName,image:I[W-1].to.token.image},chain:{image:I[W-1].to.chain.image,displayName:I[W-1].to.chain.displayName}},percentageChange:N(De,2,2),warningLevel:Tt(De??0)})),J.createElement("div",{className:Od()},J.createElement(no,{variant:"title",size:"small"},Nt.t("Swaps steps"))),J.createElement(Dk,{size:8}),J.createElement(Pd,{ref:S},I.map((Ne,lt)=>{let za=lt,vo=Zd(e.steps[lt]),wf=vo==="error"||vo==="in-progress"||vo==="warning"||vo==="completed"&<===I.length-1;return J.createElement(qk,{key:za,step:Ne,type:"swap-progress",ref:S,state:vo,hasSeparator:lt!==0,tabIndex:za,isFocused:wf,tooltipContainer:L()})}))),J.createElement(ba,{state:h,onClose:()=>k(null),onCancel:b,onDelete:n,message:oe.detailedMessage.content,currentStepWallet:q,walletButtonDisabled:!m}),J.createElement(Aa,{open:!!w,diagnosisUrl:G,onClose:()=>x(null),status:e.status==="success"?"success":"failed",priceValue:N(ne,6,6),usdValue:V,realUsdValue:Se,realValue:ue(ne),percentageChange:N(De,2,2),token:{displayName:I[W-1].to.token.displayName,image:I[W-1].to.token.image},chain:{image:I[W-1].to.chain.image},description:Ge}))}i(Ba,"SwapDetails");import{i18n as oi}from"@lingui/core";import{Divider as sf,NotFound as Yk,Skeleton as gn,Typography as ni}from"@rango-dev/ui";import ge from"react";import{i18n as Vk}from"@lingui/core";import{Divider as jk,Skeleton as Xk,Typography as Kk}from"@rango-dev/ui";import ye from"react";import{css as at,styled as _a}from"@rango-dev/ui";var nf=_a("div",{width:"100%",height:"100%",padding:"$10 $20"}),fn=_a("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),ti=_a("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),pz=at({display:"flex",justifyContent:"space-between",alignItems:"center"}),cz=at({display:"flex",justifyContent:"space-between",alignItems:"center"}),uz=at({paddingTop:"$15",display:"flex"}),mz=at({padding:"$15 $0"}),dz=at({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),fz=at({paddingBottom:"$10"}),gz=at({display:"flex",justifyContent:"start",alignItems:"center"}),hz=at({paddingTop:"$5",display:"flex",alignItems:"center"}),yz=at({display:"flex",alignItems:"center"}),Sz=at({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),rf=at({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function Pa(){return ye.createElement(nf,null,ye.createElement(Xo,{type:"swap-preview"}),ye.createElement("div",{className:"swaps-steps"},ye.createElement(Kk,{variant:"title",size:"small"},Vk.t("Swaps steps"))),ye.createElement(ye.Fragment,null,ye.createElement(fn,null,ye.createElement(ft,{separator:!1}),ye.createElement("div",{className:rf()},ye.createElement(jk,{direction:"horizontal",size:20}),ye.createElement(Xk,{height:22,variant:"rectangular"}))),ye.createElement(ti,null),ye.createElement(fn,null,ye.createElement(ft,{separator:!1})),ye.createElement(ti,null),ye.createElement(fn,null,ye.createElement(ft,{separator:!1})),ye.createElement(ti,null),ye.createElement(fn,null,ye.createElement(ft,{separator:!1}))))}i(Pa,"LoadingSwapDetails");function af(t){let{requestId:e,showSkeleton:o}=t;return ge.createElement(pe,{header:{title:oi.t("Swap and Bridge"),suffix:ge.createElement(co,null)}},o&&ge.createElement(_d,null,ge.createElement(Jr,null,ge.createElement("div",{className:wo()},ge.createElement(ni,{variant:"label",size:"large",color:"neutral700"},`${oi.t("Request ID")}:`),ge.createElement("div",{className:Zr()},ge.createElement(ni,{variant:"label",size:"small",color:"neutral700"},ge.createElement(gn,{width:60,height:10,variant:"rounded"})),ge.createElement(sf,{direction:"horizontal",size:4}),ge.createElement(gn,{width:16,height:16,variant:"rectangular"}),ge.createElement(sf,{direction:"horizontal",size:4}),ge.createElement(gn,{width:16,height:16,variant:"rectangular"}))),ge.createElement("div",{className:wo()},ge.createElement(ni,{className:Dd(),variant:"label",size:"large",color:"neutral700"},ge.createElement(gn,{width:60,height:10,variant:"rounded"})),ge.createElement(ni,{variant:"label",size:"small",color:"neutral700"},ge.createElement(gn,{width:60,height:10,variant:"rounded"})))),ge.createElement(Pa,null)),!o&&ge.createElement($d,null,ge.createElement(Yk,{title:oi.t("Not found"),description:oi.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(af,"SwapDetailsPlaceholder");function lf(){let{manager:t,state:e}=Rk(),o=!e.loadedFromPersistor,n=ut(t),{requestId:r}=tw(),s=Ye(),{fetchStatus:a}=y();if(!r)return $a.createElement(ew,{containerStyles:{margin:"20px"},type:"error",title:Jk.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&&Zk(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?$a.createElement(af,{requestId:r,showSkeleton:l}):$a.createElement(Ba,{swap:f,requestId:r,onCancel:c,onDelete:u})}i(lf,"SwapDetailsPage");function pf(){return fp(),Pi(),ow([{path:O.home,element:qe.createElement(Wm,null)},{path:O.routes,element:qe.createElement(_m,null)},{path:O.fromSwap,children:[{index:!0,element:qe.createElement(ga,{type:"source"})},{path:O.blockchains,element:qe.createElement(Zs,{type:"source"})}]},{path:O.toSwap,children:[{index:!0,element:qe.createElement(ga,{type:"destination"})},{path:O.blockchains,element:qe.createElement(Zs,{type:"destination"})}]},{path:O.settings,children:[{index:!0,element:qe.createElement(xd,null)},{path:O.languages,element:qe.createElement(Mm,null)},{path:O.exchanges,element:qe.createElement(Xs,{sourceType:"Exchanges"})},{path:O.bridges,element:qe.createElement(Xs,{sourceType:"Bridges"})}]},{path:O.swaps,children:[{index:!0,element:qe.createElement(pm,null)},{path:O.swapDetails,element:qe.createElement(lf,null)}]},{path:O.wallets,element:qe.createElement(wc,null)},{path:O.confirmSwap,element:qe.createElement(Ju,null)}])}i(pf,"AppRoutes");import{useQueueManager as cw}from"@rango-dev/queue-manager-rango-preset";import{splitWalletNetwork as uw}from"@rango-dev/wallets-shared";import{isEvmBlockchain as mw}from"rango-sdk";import{useContext as dw,useEffect as fw,useState as hf}from"react";import{globalCss as nw}from"@rango-dev/ui";var cf=i(()=>nw({"@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 uf(){let{setWatermark:t}=re();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(uf,"useFetchApiConfig");import{useWallets as rw}from"@rango-dev/wallets-react";import{useEffect as iw,useRef as sw}from"react";function mf(){let{connect:t,state:e}=rw(),o=sw({}),{fetchStatus:n}=y(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);iw(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(mf,"useForceAutoConnect");import{isApprovalTX as aw,MainEvents as ri,RouteEventType as df,StepEventType as ff,StepExecutionEventStatus as lw,useEvents as pw}from"@rango-dev/queue-manager-rango-preset";import{useEffect as gf}from"react";function Da(){let t=y().tokens(),e=K.use.connectedWallets(),o=K.use.getWalletsDetails(),n=Fe.use.setNotification(),r=pw();gf(()=>{let s=i(a=>{let{event:l,step:p,route:c}=a;if(l.type===ff.TX_EXECUTION&&l.status===lw.TX_SENT&&!aw(p)||l.type===ff.SUCCEEDED){let f=e.find(d=>d.chain===p?.fromBlockchain),m=p?.fromBlockchain!==p?.toBlockchain&&e.find(d=>d.chain===p?.toBlockchain);f&&o([f],t),m&&o([m],t)}n(l,c)},"handleStepEvent");return r.on(ri.StepEvent,s),()=>r.off(ri.StepEvent,s)},[r,e.length]),gf(()=>{let s=i(a=>{let{event:l,route:p}=a;(l.type===df.FAILED||l.type===df.SUCCEEDED)&&n(l,p)},"handleRouteEvent");return r.on(ri.RouteEvent,s),()=>r.off(ri.RouteEvent,s)},[r,e.length])}i(Da,"useSubscribeToWidgetEvents");function Fa(){cf(),mf(),Da();let t=y().blockchains(),{canSwitchNetworkTo:e}=pr(),[o,n]=hf(""),[r,s]=hf(),a=dw(Mn),l=t.filter(mw),{fetchApiConfig:p}=uf();cw({lastConnectedWallet:o,clearDisconnectedWallet:()=>{s(void 0)},disconnectedWallet:r,evmChains:l,canSwitchNetworkTo:e}),fw(()=>(Vt.init(),Fe.persist.hasHydrated()||Fe.persist.rehydrate(),a.onConnectWallet(n),a.onDisconnectWallet(c=>{s(c),c===uw(o)?.[0]&&n("")}),p().catch(console.log),Vt.destroy),[])}i(Fa,"useBootstrap");import{styled as gw}from"@rango-dev/ui";var yf=gw("div",{fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function ii(){Fa();let{config:t}=y(),{activeTheme:e}=Rn(t?.theme||{}),{activeLanguage:o}=zt();return Oa.createElement(hw,{language:o},Oa.createElement(yf,{id:"swap-container",className:e()},Oa.createElement(pf,null)))}i(ii,"Main");import qa,{useMemo as _w}from"react";import{checkWaitingForNetworkChange as yw,makeQueueDefinition as Sw}from"@rango-dev/queue-manager-rango-preset";import{Provider as Cw}from"@rango-dev/queue-manager-react";import{useWallets as Tw}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as kw}from"@rango-dev/wallets-shared";import{isEvmBlockchain as ww}from"rango-types";import xw,{useMemo as vw}from"react";function bw(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=Tw(),l=vw(()=>Sw({API_KEY:t.apiKey||St("API_KEY"),BASE_URL:St("BASE_URL")}),[t.apiKey]),p=y().blockchains(),u={blockchains:K.use.connectedWallets().map(w=>({accounts:[w],name:w.chain}))},f=i(async(w,x)=>{if(s(w,x))return r(w,x)},"switchNetwork"),m=i(w=>!!a(w).mobileWallet,"isMobileWallet"),d=p.filter(w=>w.enabled).reduce((w,x)=>(w[x.name]=x,w),{}),g=p.filter(ww),C=i(w=>{let{supportedChains:x}=a(w);return Tn(x)},"getSupportedChainNames"),S=e(),h={meta:{blockchains:d,evmBasedChains:g,evmNetworkChainInfo:kw(g),getSupportedChainNames:C},getSigners:o,wallets:u,providers:S,switchNetwork:f,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},k=re.use.isActiveTab();return xw.createElement(Cw,{queuesDefs:[l],context:h,onPersistedDataLoaded:w=>{yw(w)},isPaused:!k},t.children)}i(bw,"QueueManager");var Sf=bw;import{useManager as Nw}from"@rango-dev/queue-manager-react";import Mw,{createContext as Lw,useContext as Bw}from"react";import{cancelSwap as Iw,getCurrentBlockchainOfOrNull as Ew,getCurrentStep as Aw,getRelatedWalletOrNull as Ww}from"@rango-dev/queue-manager-rango-preset";var si=class{static{i(this,"WidgetHistory")}manager;actions;constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return ut(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){return this.actions.retrySwap(e,o)}cancel(e){let o=this.manager?.get(e);o&&Iw(o)}getCurrentStepInfo(e){let o=Aw(e);return{step:o,wallet:o?Ww(e,o):null,network:o?Ew(e,o):null}}};var Cf=Lw(void 0);function Ua(t){let{manager:e}=Nw(),o=re.use.isActiveTab(),n=j.use.retry(),r=new si(e,{retrySwap:n}),s=K.use.connectedWallets(),a=K.use.loading(),l=el(s),p=K.use.getWalletsDetails(),c=y().blockchains(),u=y().tokens(),f=y().swappers(),m=y().fetchStatus,d=zt().resetLanguage,g=Fe().getUnreadNotifications(),C={isActiveTab:o,setCurrentTabAsActive:Vt.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:g}};return Mw.createElement(Cf.Provider,{value:C},t.children)}i(Ua,"WidgetInfo");function Tf(){let t=Bw(Cf);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Tf,"useWidget");function ai(t){let{onUpdateState:e,config:o}=t;return _w(()=>{sl({API_KEY:o?.apiKey||hn,BASE_URL:o?.apiUrl||Qa})},[o.apiKey,o.apiUrl]),qa.createElement(Ln,{config:o,onUpdateState:e},qa.createElement(Sf,{apiKey:o.apiKey},qa.createElement(Ua,null,t.children)))}i(ai,"WidgetProvider");function kf(t){let e=t.config?.externalWallets;return li.createElement(Ol,null,e?li.createElement(ii,null):li.createElement(ai,{config:t.config??gi},li.createElement(ii,null)))}i(kf,"Widget");export{uG as EventSeverity,mG as MainEvents,wG as Networks,bG as PendingSwapNetworkStatus,dG as RouteEventType,fG as StepEventType,gG as StepExecutionBlockedEventStatus,hG as StepExecutionEventStatus,ke as UI_ID,TG as WalletEvents,xG as WalletTypes,kf as Widget,ai as WidgetProvider,Ln as WidgetWallets,Qi as customizedThemeTokens,CG as readAccountAddress,pr as useWallets,Tf as useWidget,yG as useWidgetEvents};
|
|
1
|
+
var If=Object.defineProperty;var i=(t,e)=>If(t,"name",{value:e,configurable:!0});import{EventSeverity as CG,MainEvents as TG,RouteEventType as kG,StepEventType as wG,StepExecutionBlockedEventStatus as xG,StepExecutionEventStatus as vG,useEvents as bG}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as EG,useWallets as pr,Events as AG}from"@rango-dev/wallets-react";import{Networks as NG,WalletTypes as MG}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as BG}from"rango-types";import{UI_ID as Ef}from"@rango-dev/ui";var hn="c6381a79-2817-4602-83bf-6a641a409e32",Ga="https://api.rango.exchange",Va="https://explorer.rango.exchange",ke={SWAP_BOX_ID:"rango-swap-box",EXPANDED_BOX_ID:"rango-expanded-box",...Ef};import{Events as xi,Provider as Sg}from"@rango-dev/wallets-react";import{isEvmBlockchain as Cg}from"rango-sdk";import Nn,{createContext as Tg,useEffect as Ol,useMemo as kg,useRef as Ul}from"react";import{useEffect as zf}from"react";import{create as Of}from"zustand";import{subscribeWithSelector as Uf}from"zustand/middleware";import{RangoClient as Df}from"rango-sdk";import{WalletState as ct}from"@rango-dev/ui";import{readAccountAddress as Nf}from"@rango-dev/wallets-react";import{detectInstallLink as Mf,getCosmosExperimentalChainInfo as Lf,isEvmAddress as Bf,KEPLR_COMPATIBLE_WALLETS as Rw,Networks as Ya}from"@rango-dev/wallets-shared";import pi from"bignumber.js";import{isCosmosBlockchain as _f}from"rango-types";import Af from"bignumber.js";var Me=new Af(0);import{WalletTypes as Wf}from"@rango-dev/wallets-shared";var Xa=[Wf.LEAP];import{BigNumber as Ka}from"bignumber.js";var bo=i(t=>{let e=Math.floor(t%60/15)*15,o=parseInt((t/60).toString());return o>=60?`${Math.floor(o/5)*5}:00`:`${o.toString().padStart(2,"0")}:${e.toString().padStart(2,"0")}`},"roundedSecondsToString"),N=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new Ka(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new Ka(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 yn=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var pt=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Io=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function ue(t){return N(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(ue,"formatTooltipNumbers");function ci(t){switch(!0){case t.connected:return ct.CONNECTED;case t.connecting:return ct.CONNECTING;case!t.installed:return ct.NOT_INSTALLED;default:return ct.DISCONNECTED}}i(ci,"mapStatusToWalletState");function Za(t,e,o,n){return o.filter(r=>!Xa.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,showOnMobile:p}=e(r),c=ci(t(r));return{title:s,image:a,link:Mf(l),state:c,type:r,showOnMobile:p}})}i(Za,"mapWalletTypesToWalletInfo");function Tn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Tn,"walletAndSupportedChainsNames");function Ja(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}=Nf(p),f=l.length>0,m=l.includes(u),d=u===Ya.Unknown;if(f&&!m&&!d)return;let C=u===Ya.Unknown&&Bf(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(Ja,"prepareAccountsForWalletStore");function Ra(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(Ra,"getRequiredChains");function kn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(kn,"isAccountAndWalletMatched");function el(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new pi(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:$f(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(el,"makeBalanceFor");function tl(t){return{...t,loading:!1,error:!0}}i(tl,"resetConnectedWalletState");var ol=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=N(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new pi(s?.amount||Me).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Me)||Me).toString();return Pf(r)},"calculateWalletUsdValue");function Pf(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(Pf,"numberWithThousandSeparator");var $f=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),wn=i((t,e)=>{let o=Lf(Object.entries(t).map(([,n])=>n).filter(_f));return o&&o[e]?.experimental},"isExperimentalChain");function xn(t){return t?{...t,amount:N(t.amount,8,8),usdValue:N(t.usdValue,4,4)}:null}i(xn,"formatBalance");function nl(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(nl,"compareTokenBalance");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Le,"areTokensEqual");function rl(t){return t.sort((e,o)=>+(o.state===ct.CONNECTED)-+(e.state===ct.CONNECTED)||+(o.state===ct.DISCONNECTED||o.state===ct.CONNECTING)-+(e.state===ct.DISCONNECTED||e.state===ct.CONNECTING))}i(rl,"sortWalletsBasedOnConnectionState");function vn(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(vn,"getConciseAddress");function il({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(il,"getAddress");function ui(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(ui,"createTokenHash");function bn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new pi(o?.usdPrice??Me).multipliedBy(o?.amount).toString():""},r=o?ui({symbol:o.symbol,blockchain:o.chain,address:o.address}):null,s=r?e[r]:null;return r&&(!s||s&&s.amount<n.amount)&&(e[r]=n),e},{})}i(bn,"makeTokensBalance");var sl=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function al(t){return t.map(e=>e.state).join("-")}i(al,"hashWalletsState");var mi={API_KEY:hn};function St(t){return mi[t]||""}i(St,"getConfig");function ll(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),mi=e,mi}i(ll,"initConfig");var pl=20,cl=25,ul="Roboto",di="theme-widget",Eo=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"),fi=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig"),ml=i((t,e,o)=>o==="expanded"&&(t||e)||o==="full-expanded"&&e,"isVariantExpandable");var In,Lt=i(()=>In||(In=new Df(St("API_KEY"),St("BASE_URL")),In),"httpService");var Ff=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"),Bt=Ff;var K=Bt(Of()(Uf((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:bn(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=>kn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await Lt().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(m=>{let d=o.find(C=>kn(C,m)),g=p.find(C=>C.address===m.address&&C.blockChain===m.chain);return g?.failed&&d&&r&&s([d],n,!1),d&&g?{...m,explorerUrl:g.explorerUrl,balances:el(g,n),loading:!1}:m});return{loading:!1,balances:bn(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(f=>kn(f,u))?tl(u):u);return{loading:!1,balances:bn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=ui(o);return n[r]??null}}))));import{allProviders as qf}from"@rango-dev/provider-all";function En(t,e){let o=qf({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(En,"matchAndGenerateProviders");function dl(t,e){return En(t,e).map(r=>r.config.type)}i(dl,"configWalletsToWalletName");function fl(t,e){let o=K.use.clearConnectedWallet(),n=En(void 0,e);return zf(()=>{o(),n=En(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(fl,"useWalletProviders");import ug,{createContext as mg,useContext as dg,useEffect as fg,useRef as gg}from"react";import{create as pg}from"zustand";import{persist as cg}from"zustand/middleware";var gi={apiKey:"",title:void 0,multiWallets:!0,excludeLiquiditySources:!0,customDestination:!0,variant:"default"},Qf={clientUrl:void 0},Hf={liquiditySources:void 0},gl=i((t,e,o)=>({config:{...gi,...t},iframe:Qf,campaignMode:Hf,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 An(t){return Array.from(new Set(t))}i(An,"removeDuplicateFrom");function Si(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Si,"areEqual");function kl(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(kl,"debounce");function Ct(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Ct,"containsText");function Sl(t,e){return t.toLowerCase()===e.toLowerCase()}i(Sl,"exactText");function Cl(t,e){return t.toLowerCase().startsWith(e.toLowerCase())}i(Cl,"startWithText");var L=i(()=>document.getElementById(ke.SWAP_BOX_ID),"getContainer"),Ao=i(()=>document.getElementById(ke.EXPANDED_BOX_ID),"getExpanded");function Tl(t,e,o){let n=!!e&&Sl(e,t),r=!!o&&Sl(o,t);return n!==r?n?-1:1:0}i(Tl,"compareExactMatchText");function hi(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(hi,"compareContainsText");function yi(t,e,o){let n=!!e&&Cl(e,t),r=!!o&&Cl(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(yi,"compareStartWithText");function wl(t,e,o){if(!o)return 0;let n=Tl(o,t.symbol,e.symbol);if(n)return n;if(o.length>=3){let r=Tl(o,t.name,e.name);if(r)return r}if(o.length>=2){let r=yi(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=hi(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=yi(o,t.name,e.name);if(r)return r}if(o.length>=3){let r=hi(o,t.name,e.name);if(r!==0)return r}if(o.length>=4){let r=yi(o,t.address,e.address);if(r)return r}if(o.length>=4){let r=hi(o,t.address,e.address);if(r!==0)return r}return 0}i(wl,"compareWithSearchFor");function xl(t,e){return e.find(o=>o.name===t)?.displayName}i(xl,"getBlockchainDisplayNameFor");function Ve(t,e){return e.find(o=>o.name===t)?.shortName}i(Ve,"getBlockchainShortNameFor");function Wo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(Wo,"getSwapperDisplayName");function Ci(t,e){return e.find(o=>Le(o,t))??null}i(Ci,"findToken");function Ti(t,e){return e.find(o=>o.name===t)??null}i(Ti,"findBlockchain");function ki(t,e){if(!e||!t)return!1;for(let o of e.feeAssets)if(t?.blockchain===o?.blockchain&&t?.symbol===o?.symbol&&t?.address===o?.address)return!0;return!1}i(ki,"isTokenNative");function Wn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return An(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(Wn,"getUniqueSwappersGroups");function vl(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(vl,"sortLiquiditySourcesByGroupTitle");function Xe(t,e){return e?.[t]==="hidden"}i(Xe,"isFeatureHidden");function bl(t,e){return e?.[t]==="enabled"}i(bl,"isFeatureEnabled");var Il=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&&Eo(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 h=o.getBalanceFor(c),k=o.getBalanceFor(u),w=nl(h,k);if(w!==0)return w}let d=r.get(c.blockchain),g=r.get(u.blockchain),C=ki(c,d),S=ki(u,g);if(C!==S)return C?-1:1;if(c.isPopular!==u.isPopular)return c.isPopular?-1:1;if(o.searchFor){let h=wl(c,u,o.searchFor);if(h)return h}return c.isSecondaryCoin!==u.isSecondaryCoin?c.isSecondaryCoin?1:-1:d&&g?d.sort-g.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(vl)},fetch:async()=>{try{let{enableCentralizedSwappers:o}=e().config,n=await Lt().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 jf,English as Kf,Finland as Yf,French as Zf,German as Jf,Greece as Rf,Italian as eg,Japanese as tg,Netherlands as og,Poland as ng,Portuguese as rg,Russian as ig,Spanish as sg,Swedish as ag,Ukrainian as lg}from"@rango-dev/ui";var El=[{title:"English",label:"English",local:"en",SVGFlag:Kf},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:sg},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Zf},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:tg},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:rg},{title:"Chinese",label:"\u4E2D\u56FD\u4EBA",local:"zh",SVGFlag:jf},{title:"Russian",label:"\u0420\u0443\u0441\u0441\u043A\u0438\u0439",local:"ru",SVGFlag:ig},{title:"German",label:"Deutsch",local:"de",SVGFlag:Jf},{title:"Ukrainian",label:"\u0423\u043A\u0440\u0430\u0457\u043D\u0456",local:"uk",SVGFlag:lg},{title:"Swedish",label:"svenska",local:"sv",SVGFlag:ag},{title:"Finnish",label:"Suomalainen",local:"fi",SVGFlag:Yf},{title:"Dutch",label:"Nederlands",local:"nl",SVGFlag:og},{title:"Greek",label:"Grieks",local:"el",SVGFlag:Rf},{title:"Italian",label:"Italiana",local:"it",SVGFlag:eg},{title:"Polish",label:"Polski",local:"pl",SVGFlag:ng}],No="en";var Al=[.5,1,3],Wl=1,Nl=5,Ml=100,Ll=0;var Bl=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:Wl,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=An(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n,theme:r}=o,s=Xe("theme",n),a=Xe("language",n),l=Xe("liquiditySource",n),p=r?.singleTheme;t({...s&&{theme:o.theme?.mode||"auto"},...p&&{theme:o.theme?.mode||"light"},...a&&{language:o.language||No},...l&&{disabledLiquiditySources:o.liquiditySources||[]}})}}),"createSettingsSlice");function _l(t){return pg()(cg((...e)=>({...Il(...e),...Bl(...e),...gl(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(_l,"createAppStore");var Pl=mg(null);function y(){let t=dg(Pl);if(fg(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(y,"useAppStore");function $l(t){let e=gg();return e.current||(e.current=_l(t.config)),ug.createElement(Pl.Provider,{value:e.current},t.children)}i($l,"AppStoreProvider");import{create as yg}from"zustand";var Dl="rango-widget";var Mo=class{static{i(this,"TabManager")}tabId;state="not-initiated";lastTryClaim;events={};channel;constructor(e){this.channel=new BroadcastChannel(Dl),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 re=Bt(yg()((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})}}))),Vt=new Mo({onInit:()=>re.setState({tabManagerInitiated:!0}),onClaim:()=>re.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>re.setState({isActiveTab:!1})});var Mn=Tg({onConnectWallet:()=>{},onDisconnectWallet:()=>{}});function wg(t){let{updateConfig:e,updateSettings:o,fetch:n}=y(),r=y().blockchains(),s=y().tokens(),a=y().config,l={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:p}=fl(t.config.wallets,l),{connectWallet:c,disconnectWallet:u}=K(),f=Ul(),m=Ul();Ol(()=>{n().catch(console.log)},[]),Ol(()=>{t.config&&(e(t.config),o(t.config),window.__rango={config:a,dappConfig:t.config})},[t.config]);let d=r.filter(Cg).map(h=>h.name),g=i((h,k,w,x,b)=>{if(k===xi.ACCOUNTS)if(w){let A=Tn(b.supportedBlockchains),v=Ja(h,w,d,A,b.isContractWallet);v.length&&c(v,s)}else u(h),m.current?m.current(h):console.warn("onDisconnectWallet handler hasn't been set. Are you sure?");if(k===xi.ACCOUNTS&&x.connected){let A=`${h}-${x.network}-${w}`;x.connected&&(f.current?f.current(A):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(k===xi.NETWORK&&x.network){let A=`${h}-${x.network}`;f.current?f.current(A):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(h,k,w,x,b)},"onUpdateState"),C=re.use.isActiveTab(),S=kg(()=>({onConnectWallet:h=>{f.current=h},onDisconnectWallet:h=>{m.current=h}}),[]);return Nn.createElement(Mn.Provider,{value:S},Nn.createElement(Sg,{allBlockChains:r,providers:p,onUpdateState:g,autoConnect:!!C},t.children))}i(wg,"Main");function Ln(t){let{config:e,...o}=t;return Nn.createElement($l,{config:e},Nn.createElement(wg,{...o,config:e}))}i(Ln,"WidgetWallets");import li from"react";import xg,{Fragment as vg}from"react";import{MemoryRouter as bg,useInRouterContext as Ig}from"react-router";function ql({children:t}){let o=Ig()?vg:bg;return xg.createElement(o,null,t)}i(ql,"AppRouter");import{I18nManager as Cw}from"@rango-dev/ui";import qa from"react";import qe from"react";import{useRoutes as iw}from"react-router-dom";var O={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId",routes:"routes"};import{useEffect as so,useRef as zn}from"react";import kt from"bignumber.js";import{create as Mg}from"zustand";import{subscribeWithSelector as Lg}from"zustand/middleware";import{getLastSuccessfulStep as Ng}from"@rango-dev/queue-manager-rango-preset";import Eb from"bignumber.js";import{i18n as Lo}from"@lingui/core";var vi={"Network Fee":Lo.t("Network Fee"),"Swapper Fee":Lo.t("Protocol Fee"),"Affiliate Fee":Lo.t("Affiliate Fee"),"Outbound network fee":Lo.t("Outbound Fee"),"Rango Fee":Lo.t("Rango Fee")},bi=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"],zl=30;var _t=(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))(_t||{});import{i18n as tt}from"@lingui/core";import Be from"bignumber.js";import{PendingSwapNetworkStatus as $n}from"rango-types";function Bn(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(Bn,"getRequiredWallets");function _n(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(_n,"isValidAddress");import{i18n as Ee}from"@lingui/core";var ee=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 Ql(t){switch(t.type){case 0:return t.diagnosisMessage??ee().noResultError.title;case 1:return ee().genericServerError;default:return""}}i(Ql,"getQuoteErrorMessage");import{i18n as Pn}from"@lingui/core";var Xt=i(()=>({connectWallet:Pn.t("Connect Wallet"),swap:Pn.t("Swap"),swapAnyway:Pn.t("Swap anyway"),ethWarning:Pn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Hl(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Be(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Be(1e3)))??!1}i(Hl,"hasHighValueLoss");function Gl(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new Be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Be(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(Gl,"hasLimitError");function Vl(t){let e=(t||[]).filter(l=>{let p=l.fromAmountMinValue?new Be(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Be(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 Be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Be(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=tt.t({id:"Required: >= {min} {symbol}",values:{min:N(o,6,6),symbol:e.from.symbol}}),a=ee().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=tt.t({id:"Required: > {min} {symbol}",values:{min:N(o,6,6),symbol:e.from.symbol}}),a=ee().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=tt.t({id:"Required: <= {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),a=ee().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=tt.t({id:"Required: < {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),a=ee().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Vl,"getLimitErrorMessage");function Xl(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Xt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||l||!r||r==="0"?{title:Xt().swap,action:"confirm-swap",disabled:!0}:a?{title:Xt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Xt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Xt().swap,action:"confirm-swap",disabled:!1}:{title:Xt().connectWallet,action:"connect-wallet",disabled:!1}}i(Xl,"getSwapButtonState");function Ii(t,e,o){return!((!o||o.lte(Me))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(Ii,"canComputePriceImpact");function Eg(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(Eg,"requiredWallets");var Ag=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Ei(t,e){let o=Me;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Ag(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Be(r.amount).multipliedBy(s||0))}return o}i(Ei,"getUsdFeeOfStep");function Dn(t,e){return t.reduce((o,n)=>o.plus(Ei(n,e)),Me)}i(Dn,"getTotalFeeInUsd");function Ai(t){let e=Me;return e=e.plus(new Be(t.amount).multipliedBy(t.price||0)),e}i(Ai,"getUsdFee");function jl(t){return t.reduce((e,o)=>e.plus(Ai(o)),Me)}i(jl,"getTotalFeesInUsd");function Kl(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(Kl,"getFeesGroup");function Yl(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(Yl,"checkSlippageErrors");function Zl(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(Zl,"checkSlippageWarnings");function Fn(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(Fn,"getMinRequiredSlippage");function Jl(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Jl,"hasProperSlippage");function Rl(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:g}=t,C=s?.reduce((k,w)=>(k[w.chain]=w.address,k),{}),S=[];return r?.forEach(k=>{S.push({blockchain:k.chain,addresses:[k.address]})}),{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:f??void 0,affiliateWallets:m??void 0,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:S,selectedWallets:C??{},slippage:c.toString(),...d&&{destination:d},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(k=>!a.includes(k)),swappersGroupsExclude:!1},enableCentralizedSwappers:g}}i(Rl,"createQuoteRequestBody");function ep(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(ep,"getWalletsForNewSwap");function ro(t){return t?.outputAmount||null}i(ro,"getQuoteOutputAmount");function tp(t,e){return new Be(e).div(new Be(t)).minus(1).multipliedBy(100).toNumber()}i(tp,"getPercentageChange");function op(t,e){let o=ro(t),n=ro(e);if(!o||!n)return!1;let r=je(o,n);return r?r<=-1:!0}i(op,"isOutputAmountChangedALot");function np(t,e,o){let n=t.validationStatus,r=Ra(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>pp(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=N(new Be(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=N(new Be(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=tt.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=tt.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=tt.t(" for input and network fee")),tt.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:c,symbol:l,reason:u,currentAmount:p,blockchain:Ve(a.asset.blockchain,o)}})})}i(np,"generateBalanceWarnings");function On(t,e){return(t?new Be(t):Me).multipliedBy(e||0)}i(On,"calcOutputUsdValue");function Bo(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==$n.NetworkChanged}i(Bo,"isNetworkStatusInWarningState");function rp(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Bo(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case $n.WaitingForConnectingWallet:n=n||tt.t("Waiting for connecting wallet");break;case $n.WaitingForQueue:n=n||tt.t("Waiting for other running tasks to be finished");break;case $n.WaitingForNetworkChange:n=n||tt.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(rp,"getSwapMessages");function ip(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(ip,"getLastConvertedTokenInFailedSwap");function sp(t){return t.status==="failed"}i(sp,"shouldRetrySwap");function ap(t,e,o,n,r,s){return t||!e&&!Eg(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!_n(s,o)}i(ap,"confirmSwapDisabled");function lp(t,e){return t.blockchain===e.blockchain&&t.symbol===e.symbol&&t.address===e.address}i(lp,"isTokensIdentical");function Un(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(Un,"getQuoteToTokenUsdPrice");function Wi(t,e){let o=t?.swaps||[],n=e?.swaps||[];return o.length!==n.length}i(Wi,"isNumberOfSwapsChanged");function Ni(t,e){let o=t?.swaps.map(r=>r.swapperId)||[],n=e?.swaps.map(r=>r.swapperId)||[];return!Si(o,n)}i(Ni,"isQuoteSwappersUpdated");function Mi(t,e){let o=t?.swaps.map(r=>r.to.symbol)||[],n=e?.swaps.map(r=>r.to.symbol)||[];return!Si(o,n)}i(Mi,"isQuoteInternalCoinsUpdated");function up(t,e){return Wi(t,e)||Ni(t,e)||Mi(t,e)}i(up,"isQuoteChanged");function pp(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(pp,"getRequiredBalanceOfWallet");function Tt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(Tt,"getPriceImpactLevel");function mp(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Ng(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Ti(s?s.toBlockchain:n.fromBlockchain,e),p=Ti(r.toBlockchain,e),c=Ci(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=Ci(a,o),f=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:f}}i(mp,"createRetryQuote");function io(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=jt(o,t.requestAmount),l=jt(n,t?.outputAmount??"");if(t&&a&&l){let u=je(a.toString(),l.toString());if(!!u&&Hl(a,u)){let m=Dn(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=Fn(t.swaps),c=s>Nl;if(Jl(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:Zl(t,s),minRequiredSlippage:p};return null}i(io,"generateQuoteWarnings");function je(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:tp(t.toString(),e.toString());return n&&n<0?n:null}i(je,"getPriceImpact");var dp=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"),qn=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"),fp=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"),gp=i(t=>{let e=i((o,n)=>{let r=bi.indexOf(o.value),s=bi.indexOf(n.value);return r!==-1&&s!==-1?r-s:r!==-1?-1:s!==-1?1:0},"customSort");return t.sort(e)},"sortTags");var jt=i((t,e)=>t?.usdPrice?new kt(e||Me).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),X=Bt(Mg()(Lg(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new kt(0),outputUsdValue:new kt(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=Me;return Io(o.inputAmount)?(e&&(n=e?.outputAmount?new kt(e?.outputAmount):null,r=On(e?.outputAmount,Un(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 kt(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:jt(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 kt(0),outputUsdValue:new kt(0),selectedQuote:null},...!!o.fromToken&&{inputUsdValue:jt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=mp(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:jt(a??null,c),outputUsdValue:new kt(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:e.toToken?jt(e.toToken,e.outputAmount?.toString()||""):new kt(0)})),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 hp(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=X(),c=y().config,u=y().fetchStatus,f=y().blockchains(),m=y().tokens(),{setAffiliateRef:d,setAffiliatePercent:g,setAffiliateWallets:C}=y(),S=c?.from?.tokens,h=c?.from?.blockchains,k=c?.to?.tokens,w=c?.to?.blockchains,x=zn(void 0),b=zn(void 0),A=zn(void 0),v=zn(void 0);so(()=>{t(c?.amount?.toString()||"")},[c?.amount]),so(()=>{if(u==="success"){let T=f.find(E=>E.name===c?.from?.blockchain),M=m.find(E=>Le(E,c?.from?.token||null));(T||!T&&A.current)&&n(T??null),M?r({token:M,meta:{blockchains:f,tokens:m}}):!M&&x.current&&r({token:null}),A.current=c?.from?.blockchain,x.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),so(()=>{Eo(s,S)&&r({token:null}),fi(l,h)&&n(null)},[S,h]),so(()=>{Eo(a,k)&&r({token:null}),fi(p,w)&&o(null)},[k,w]),so(()=>{if(u==="success"){let T=f.find(E=>E.name===c?.to?.blockchain),M=m.find(E=>Le(E,c?.to?.token||null));(T||!T&&v.current)&&o(T??null),M?e({token:M,meta:{blockchains:f,tokens:m}}):!M&&b.current&&e({token:null}),v.current=c?.to?.blockchain,b.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),so(()=>{d(c?.affiliate?.ref??null),g(c?.affiliate?.percent??null),C(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(hp,"useSyncStoresWithConfig");import{useEffect as _i,useRef as Bg}from"react";import{useInRouterContext as _g,useLocation as Pg,useSearchParams as $g}from"react-router-dom";function Li(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(Li,"searchParamToToken");function Bi(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(Bi,"tokenToSearchParam");function Pi(){let t=Pg(),[e,o]=$g(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:f,setInputAmount:m}=X(),d=y().fetchStatus,g=y().blockchains(),C=y().tokens(),S=_g(),{updateIframe:h,updateCampaignMode:k}=y(),w=y().isInCampaignMode(),x=Bg(),b=i(()=>{let v=e.get("fromAmount"),T=e.get("fromBlockchain"),M=e.get("fromToken"),E=e.get("toBlockchain"),B=e.get("toToken"),Q=e.get("autoConnect"),q=e.get("clientUrl"),H=e.get("liquiditySources");return{fromAmount:v,fromBlockchain:T,fromToken:M,toBlockchain:E,toToken:B,autoConnect:Q,clientUrl:q,liquiditySources:H}},"getUrlSearchParams"),A=i(v=>{for(let T in v)v[T]||delete v[T];o(v,{replace:!0})},"updateUrlSearchParams");_i(()=>{let{autoConnect:v,clientUrl:T}=b();S&&d==="success"&&A({fromBlockchain:n?.name,fromToken:Bi(s),toBlockchain:r?.name,toToken:Bi(a),fromAmount:l,autoConnect:v??void 0,clientUrl:T??void 0,liquiditySources:w?x.current:void 0})},[t.pathname,l,n,s,r,a,w]),_i(()=>{if(!S)return;let v=b();if(!x.current&&v.liquiditySources&&(x.current=v.liquiditySources),v.fromAmount&&m(v.fromAmount),d==="success"){let T=g.find(Q=>Q.name===v.fromBlockchain),M=Li(C,v.fromToken,T??null),E=g.find(Q=>Q.name===v.toBlockchain),B=Li(C,v.toToken,E??null);T&&(p(T),M&&u({token:M,meta:{blockchains:g,tokens:C}})),E&&(c(E),B&&f({token:B,meta:{blockchains:g,tokens:C}}))}},[d]),_i(()=>{let{clientUrl:v,liquiditySources:T}=b();h("clientUrl",v||void 0),k("liquiditySources",T?.split(",")??void 0)},[])}i(Pi,"useSyncUrlAndStore");import{i18n as Ls}from"@lingui/core";import{useManager as DS}from"@rango-dev/queue-manager-react";import{Alert as Zu,Button as FS,css as _s,Divider as Bs,IconButton as Ju,styled as OS,Typography as US,WalletIcon as qS}from"@rango-dev/ui";import Te,{useEffect as Zo,useLayoutEffect as zS,useRef as QS,useState as Jo}from"react";import{flushSync as HS}from"react-dom";import{useLocation as GS,useNavigate as VS}from"react-router-dom";import{i18n as dt}from"@lingui/core";import{Alert as us,BalanceErrors as Iy,Button as Mc,ChevronDownIcon as Ey,ChevronLeftIcon as Ay,Divider as go,MessageBox as Wy,Typography as cr,WalletIcon as Ny}from"@rango-dev/ui";import F,{useEffect as My,useState as ho}from"react";import{useNavigate as Ly}from"react-router-dom";import{i18n as Qn}from"@lingui/core";function Hn(t){switch(t.type){case 0:return Qn.t("Route has been updated.");case 3:return Qn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Qn.t("Route swappers has been updated.");case 2:return Qn.t("Route internal coins has been updated.");default:return""}}i(Hn,"getQuoteUpdateWarningMessage");import{Modal as Fg}from"@rango-dev/ui";import Og from"react";function le(t){let{watermark:e}=re();return Og.createElement(Fg,{hasWatermark:e==="FULL",...t},t.children)}i(le,"WatermarkedModal");import jn,{useRef as zg}from"react";import*as ao from"@radix-ui/react-collapsible";import{keyframes as Sp,styled as Gn}from"@rango-dev/ui";var $i=300,Ug=Sp({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),qg=Sp({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Cp=Gn(ao.Root,{borderRadius:"$sm",overflow:"hidden",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Di=Gn(ao.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),Vn=Gn(ao.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Ug} ${$i}ms ease-out`},false:{animation:`${qg} ${$i}ms ease-out`}}}}),Xn=Gn("div",{transition:`all ${$i}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Kn(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=zg(null);return jn.createElement(Cp,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&jn.createElement(Di,{className:"collapsible_trigger",onClick:s},a),jn.createElement(Vn,{className:"collapsible_content",open:e},r),l==="bottom"&&jn.createElement(Di,{className:"collapsible_trigger",onClick:s},a))}i(Kn,"CustomCollapsible");import{css as Tp,darkTheme as lo,IconButton as Qg,styled as Ke,TextField as Hg}from"@rango-dev/ui";var kp=Ke("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),wp=Ke("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Gg=Ke("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${lo} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${lo} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${lo} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),xp=Ke(Gg,{alignSelf:"stretch",minHeight:"93px"}),vp=Ke("div",{padding:"$20 $20 $15 $20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),bp=Ke(Qg,{position:"absolute",left:"$20"}),Ip=Ke("div",{paddingTop:"$20"}),Ep=Tp({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ap=Ke("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral100"}}),Wp=Tp({paddingTop:"$5"}),Np=Ke("div",{display:"flex"}),Mp=Ke(Hg,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Lp=Ke("div",{overflow:"visible",width:"100%"}),Bp=Ke("div",{width:"100%",borderRadius:"$sm",display:"flex",padding:"$15",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${lo} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomRightRadius:"0",borderBottomLeftRadius:"0","&:hover":{$$color:"$colors$info100",[`.${lo} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${lo} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as ot}from"@lingui/core";import{Button as wy,Divider as ps,Image as xy,MessageBox as lr,SelectableWallet as vy,Typography as Ac,WalletState as Wc}from"@rango-dev/ui";import de,{useEffect as Nc,useState as Fo}from"react";import{WalletState as Yn}from"@rango-dev/ui";import{useWallets as Vg}from"@rango-dev/wallets-react";import{detectMobileScreens as Xg,KEPLR_COMPATIBLE_WALLETS as jg,WalletTypes as _o}from"@rango-dev/wallets-shared";import{useCallback as Kg,useEffect as Yg,useState as Zg}from"react";var Jg=Object.values(_o);function po(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Vg(),{connectedWallets:c}=K(),u=y().blockchains(),f=dl(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Jg,m=Za(s,l,f,o);m=Xg()?m.filter(b=>b.showOnMobile||s(b.type).installed):m;let d=rl(m),[g,C]=Zg(""),S=i(b=>!c.find(A=>A.walletType===b&&A.chain===o),"isExperimentalChainNotAdded"),h=i(async b=>{let A=s(b);try{if(g&&C(""),A.connected)await a(b);else{let v=!!m.find(T=>T.state===Yn.CONNECTED);if(!e?.multiWallets&&v)return;n?.(b),await p(b),r?.(b)}}catch(v){C("Error: "+v?.message)}},"handleClick"),k=Kg(()=>{let b=m?.filter(A=>A.state===Yn.CONNECTING)||[];for(let A of b)a(A.type)},[al(m)]);Yg(()=>()=>{k()},[]);let w=i(b=>{let A=b.find(T=>T.type===_o.DEFAULT);return!A||A.state===Yn.NOT_INSTALLED?!1:b.filter(T=>T.state!=Yn.NOT_INSTALLED&&![_o.DEFAULT,_o.WALLET_CONNECT_2].includes(T.type)&&l(T.type).supportedChains.filter(M=>M.type=="EVM").length>0).length==0},"shouldShowDefaultInjectedWallet"),x=i((b,A,v)=>wn(v,A)&&S(b)&&!jg.includes(b)||b==_o.DEFAULT&&!w(m),"shouldExcludeWallet");return{list:d.filter(b=>!x(b.type,o??"",u)),error:g,handleClick:h,disconnectConnectingWallets:k}}i(po,"useWalletList");import{i18n as kc}from"@lingui/core";import{styled as xc,Typography as gy,Wallet as hy,WalletState as yy}from"@rango-dev/ui";import fo,{useState as wc}from"react";import{useManager as ry}from"@rango-dev/queue-manager-react";import{BottomLogo as iy,Divider as fc,Header as sy}from"@rango-dev/ui";import he,{useEffect as rs,useRef as gc,useState as ay}from"react";import{useRef as Rg}from"react";function Zn(){return window.self!==window.top}i(Zn,"isAppLoadedIntoIframe");function Fi(){let t=Rg(null),{iframe:e}=y(),o=Zn()&&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(Fi,"useIframe");import{useNavigate as eh}from"react-router-dom";function Ye(){let t=eh();return()=>t(-1)}i(Ye,"useNavigateBack");import{createTheme as Hi,darkTheme as sh,lightTheme as ah}from"@rango-dev/ui";import{useEffect as lh,useState as ph}from"react";import{theme as rh,darkColors as ih}from"@rango-dev/ui";import zi from"react";function th(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,g=u[m],C={[`${e}${d}`]:Jn(t,g)};Object.assign(f,C)}return{...f,[e]:t}}i(th,"generateShades");function Jn(t,e){let[o,n,r]=_p(t);return`#${Oi(o+e)}${Oi(n+e)}${Oi(r+e)}`}i(Jn,"generateShade");function _p(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(_p,"convertToRGB");function Oi(t){return("0"+Math.max(0,Math.min(255,t)).toString(16)).slice(-2).toUpperCase()}i(Oi,"clamp");function Pp(t){let[a,l,p]=_p(t);return(a*299+l*587+p*114)/1e3>188}i(Pp,"isBright");var Ui=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,...th(a,s,s==="neutral"&&e)})}return n?r:{}},"generateColors");var $p=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),oh=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=$p(o%52)+e;return $p(o%52)+e},"toAlphabeticName"),nh=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),qi=i(t=>oh(nh(5381,JSON.stringify(t))>>>0),"toHash");function Qi(t){let e=rh.colors,o=Ui({...e,...ih},!0,t?.dark),n=Ui(e,!1,t?.light),r=Object.keys(o).length>0,s=Object.keys(n).length>0,a,l;if(s){let p={colors:n};a={id:`${di}-light-${qi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${di}-dark-${qi(p)}`,tokens:p}}return{light:a,dark:l}}i(Qi,"customizedThemeTokens");function Dp(t,e){if(t.length<=1)return t.map(({element:n,key:r})=>zi.cloneElement(n,{key:r}));let o=[];return t.forEach((n,r)=>{let{element:s,key:a}=n;if(o.push(zi.cloneElement(s,{key:a})),r<t.length-1){let l=`divider-${r}`;o.push(zi.cloneElement(e,{key:l}))}}),o}i(Dp,"joinList");function Rn(t){let{colors:e,fontFamily:o=ul,borderRadius:n=pl,secondaryBorderRadius:r=cl}=t,[s,a]=ph("light"),{theme:l}=y(),{dark:p,light:c}=Qi(e),u=Hi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[u.className,ah.className],m=[u.className,sh.className];if(c){let g=Hi(c.id,c.tokens);f.push(g.className)}if(p){let g=Hi(p.id,p.tokens);m.push(g.className)}return lh(()=>{let g=i(C=>{C.matches?a("dark"):a("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&a("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",g),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",g)}},[]),{activeTheme:i(()=>{let g=f.join(" "),C=m.join(" ");return l==="auto"?s==="dark"?C:g:l==="dark"?C:g},"getActiveTheme")}}i(Rn,"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 Fp}from"@lingui/core";import{Alert as ch,Button as uh}from"@rango-dev/ui";import Op from"react";function Gi(t){return Op.createElement(ch,{action:Op.createElement(uh,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},Fp.t("Activate this tab")),type:"warning",variant:"alarm",title:Fp.t("Another tab is open and handles transactions.")})}i(Gi,"ActivateTabAlert");import{i18n as Vi}from"@lingui/core";import{Button as mh,Divider as dh,MessageBox as fh}from"@rango-dev/ui";import er from"react";function Xi(t){let{open:e,onClose:o,onConfirm:n}=t;return er.createElement(le,{open:e,dismissible:!0,onClose:o,container:L()},er.createElement(fh,{title:Vi.t("Activate current tab"),type:"warning",description:Vi.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.")},er.createElement(dh,{size:20}),er.createElement(mh,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Vi.t("Confirm"))))}i(Xi,"ActivateTabModal");import{ChevronLeftIcon as yh}from"@rango-dev/ui";import Xp from"react";import{css as gh,darkTheme as Up,IconButton as hh,styled as Kt}from"@rango-dev/ui";var mt=Kt(hh,{width:"$24",position:"relative",padding:"0",overflow:"unset","&:hover":{backgroundColor:"$info100",[`.${Up} &`]:{backgroundColor:"$neutral"}}}),qp=Kt("div",{position:"absolute",background:"$secondary500",[`.${Up} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),co=Kt("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),zp=Kt("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"}}}}),Qp=Kt("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}}),Hp=Kt("div",{position:"absolute",right:"$4",top:"$4",backgroundColor:"$background",borderRadius:"100%"}),Gp=gh({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}),Vp=Kt("div",{borderRadius:"100%",border:"1.5px transparent solid","&:not(:first-child)":{marginLeft:"-$6"},img:{borderRadius:"100%"}});function ji(t){return Xp.createElement(mt,{variant:"ghost",size:"small",onClick:t.onClick},Xp.createElement(yh,{color:"black",size:16}))}i(ji,"BackButton");import{i18n as Sh}from"@lingui/core";import{Button as Ch,Typography as Th}from"@rango-dev/ui";import Ki from"react";function Yi(t){return Ki.createElement(co,null,Ki.createElement(Ch,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Ki.createElement(Th,{variant:"label",size:"medium",color:"error500"},Sh.t("Cancel"))))}i(Yi,"CancelButton");import{i18n as kh}from"@lingui/core";import{Image as wh,Tooltip as xh,WalletIcon as vh}from"@rango-dev/ui";import Yt from"react";function Zi(t){let{list:e}=po({}),o=e.filter(r=>r.state==="connected"),n=o.length?Yt.createElement("div",{className:Gp()},o.map(r=>Yt.createElement(Vp,{key:r.title},Yt.createElement(wh,{src:r.image,size:14})))):kh.t("Connect Wallet");return Yt.createElement(xh,{container:t.container,side:"bottom",content:n},Yt.createElement(mt,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Yt.createElement(qp,null),Yt.createElement(vh,{size:18,color:"black"})))}i(Zi,"WalletButton");import{i18n as nr}from"@lingui/core";import{NotificationsIcon as Kh,Popover as Yh,SettingsIcon as Zh,Tooltip as rr,TransactionIcon as Jh}from"@rango-dev/ui";import ve from"react";import{i18n as _h}from"@lingui/core";import{EventSeverity as ec}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as tc,ChevronRightIcon as Ph,Divider as $h,Typography as Dh}from"@rango-dev/ui";import Oe from"react";import{useNavigate as Fh}from"react-router-dom";import{create as bh}from"zustand";import{persist as Ih,subscribeWithSelector as Eh}from"zustand/middleware";var Fe=Bt(bh()(Ih(Eh((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 Ah,ListItemButton as Wh,styled as Po}from"@rango-dev/ui";var jp=Po("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),Kp=Po("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Yp=Po(Wh,{variants:{actionRequired:{true:{backgroundColor:"$error300",[`.${Ah} &`]:{backgroundColor:"$error600"}}}}}),Zp=Po("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Jp=Po("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Nh}from"@lingui/core";import{Divider as Mh,NoNotificationIcon as Lh,Typography as Bh}from"@rango-dev/ui";import tr from"react";function Rp(){return tr.createElement(Jp,null,tr.createElement(Lh,{color:"secondary",size:26}),tr.createElement(Mh,{size:12}),tr.createElement(Bh,{variant:"body",size:"medium",color:"neutral700"},Nh.t("There are no notifications.")))}i(Rp,"NotificationNotFound");var Oh=4;function Ji(){let t=Fh(),{getUnreadNotifications:e}=Fe(),o=e(),n=y().blockchains(),r=y().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,Oh),a=i(l=>{t(`${O.swaps}/${l}`)},"handleOnClick");return Oe.createElement(jp,null,s.length?Oe.createElement(Kp,null,s.map((l,p)=>{let{route:c,requestId:u,event:f}=l,m=r.find(S=>Le(S,c.from)),d=n.find(S=>S.name===c.from.blockchain),g=r.find(S=>Le(S,c.to)),C=n.find(S=>S.name===c.to.blockchain);return Oe.createElement(Oe.Fragment,{key:u},p>0&&Oe.createElement($h,{size:4}),Oe.createElement(Yp,{onClick:()=>a(u),actionRequired:f.messageSeverity===ec.WARNING,title:Oe.createElement(Dh,{variant:"body",size:"small",color:f.messageSeverity===ec.WARNING?"$foreground":"$neutral700"},_h.t(f.message)),id:u,start:Oe.createElement(Zp,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(tc,{tokenImage:m?m.image:"",chainImage:d?d.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(tc,{tokenImage:g?g.image:"",chainImage:C?C.logo:"",size:"small"}))),end:Oe.createElement(Ph,{size:12,color:"gray"})}))})):Oe.createElement(Rp,null))}i(Ji,"NotificationContent");import{useManager as Uh}from"@rango-dev/queue-manager-react";import{InProgressIcon as qh}from"@rango-dev/ui";import oc from"react";var zh=i(()=>{let{manager:t}=Uh();return ut(t).map(({swap:o})=>o).find(o=>o.status==="running")?oc.createElement(Hp,null,oc.createElement(qh,{color:"info",size:6})):null},"InProgressTransactionBadge"),nc=zh;import{RefreshProgressButton as Qh}from"@rango-dev/ui";import Ri,{useEffect as Hh,useState as rc}from"react";var Gh=1e3,ic=60,Vh=100;function or({onClick:t}){let[e,o]=rc(0),[n,r]=rc(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");Hh(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===ic&&l()},Gh):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 Ri.createElement(mt,{variant:"ghost",size:"small",style:{paddingTop:0,paddingBottom:0},onClick:l,disabled:!t},Ri.createElement(Qp,{onTransitionEnd:()=>r(!1),isRefetched:n},Ri.createElement(Qh,{size:22,color:t?"black":"gray",progress:e/ic*Vh})))}i(or,"RefreshButton");import{EventSeverity as Xh}from"@rango-dev/queue-manager-rango-preset";import{Typography as jh}from"@rango-dev/ui";import sc from"react";function ac(){let{getUnreadNotifications:t}=Fe(),e=t(),o=e.length,n=!!e.find(r=>r.event.messageSeverity===Xh.WARNING);return o?sc.createElement(zp,{isSever:n},sc.createElement(jh,{variant:"body",size:"xsmall",color:"$background"},o)):null}i(ac,"UnreadNotificationsBadge");function Zt(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n,hidden:r=[],container:s}=t,{config:{features:a}}=y(),l=Xe("notification",a)||r.includes("notifications");return ve.createElement(ve.Fragment,null,!r.includes("refresh")&&ve.createElement(rr,{container:s||L(),side:"top",content:nr.t("Refresh")},ve.createElement(or,{onClick:e})),!l&&ve.createElement(Yh,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:L(),content:ve.createElement(Ji,null)},ve.createElement("div",null,ve.createElement(rr,{container:L(),side:"top",content:nr.t("Notifications")},ve.createElement(mt,{size:"small",variant:"ghost"},ve.createElement(Kh,{size:18,color:"black"}),ve.createElement(ac,null))))),!r.includes("settings")&&ve.createElement(rr,{container:L(),side:"top",content:nr.t("Settings")},ve.createElement(mt,{size:"small",variant:"ghost",onClick:n},ve.createElement(Zh,{size:18,color:"black"}))),!r.includes("history")&&ve.createElement(rr,{container:L(),side:"top",content:nr.t("Transactions History")},ve.createElement(mt,{size:"small",variant:"ghost",onClick:o},ve.createElement(Jh,{size:18,color:"black"}),ve.createElement(nc,null))))}i(Zt,"HeaderButtons");import{i18n as es}from"@lingui/core";import{Divider as pc,MessageBox as ty,RefreshIcon as oy}from"@rango-dev/ui";import uo from"react";import{Button as Rh,styled as ey}from"@rango-dev/ui";var lc=ey(Rh,{"& span":{display:"flex",justifyContent:"center",alignItems:"center"}});function ts(t){let{open:e,onClose:o}=t;return uo.createElement(le,{open:e,dismissible:!0,onClose:o,container:L()},uo.createElement(ty,{title:es.t("Something went wrong"),type:"error",description:es.t("Something went wrong. Please refresh the app.")},uo.createElement(pc,{size:30}),uo.createElement(lc,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:()=>location.reload()},uo.createElement(oy,{size:20,color:"primary"}),uo.createElement(pc,{size:4,direction:"horizontal"}),es.t("Refresh"))))}i(ts,"RefreshModal");function os(t){let e=t.target;if(e){let o=e.scrollTop,n=L();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(os,"onScrollContentAttachStatusToContainer");import{css as ny,styled as ns}from"@rango-dev/ui";var cc="700px",ir=ny({borderRadius:"$primary",display:"flex",flexDirection:"column",overflow:"hidden",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)"}),uc=ns("div",{position:"relative",width:"100vw",minWidth:"300px",maxWidth:"390px",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:cc},fixed:{height:cc}}}}),mc=ns("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),dc=ns("div",{padding:"0 $20 $10","& .footer__alert":{paddingTop:"$10"},"& .footer__logo":{opacity:0,transition:"opacity 1s ease-in-out","&.logo__show":{opacity:1},"&.logo__hidden":{visibility:"hidden"}}});function pe(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=Fi(),{children:n,header:r,footer:s,height:a="fixed"}=t,{fetchStatus:l}=y(),[p,c]=ay(!1),u=K.use.connectedWallets(),{config:{features:f,theme:m}}=y(),{watermark:d}=re(),g=d==="FULL",{activeTheme:C}=Rn(m||{}),S=Xe("connectWalletButton",f),{isActiveTab:h,tabManagerInitiated:k,showActivateTabModal:w,setShowActivateTabModal:x,activateCurrentTab:b}=re(),A=Ye(),{manager:v}=ry(),M=ut(v).map(({swap:_})=>_).some(_=>_.status==="running"),E=i(()=>b(Vt.forceClaim,M),"onActivateTab"),B=i(()=>{r.onWallet?.()},"onConnectWallet"),Q=typeof r.hasBackButton>"u"||r.hasBackButton,q=gc(null),H=gc(null);return rs(()=>(Zn()&&H.current&&e(H.current),()=>{o()}),[]),rs(()=>(q.current?.addEventListener("scroll",os),()=>{q.current?.removeEventListener("scroll",os)}),[]),rs(()=>{c(l==="failed")},[l]),he.createElement(uc,{height:a,id:ke.SWAP_BOX_ID,className:`${C()} ${ir()}`,ref:H},he.createElement(sy,{prefix:he.createElement(he.Fragment,null,Q&&he.createElement(ji,{onClick:()=>{A(),r.onBack&&r.onBack()}})),title:r.title,suffix:he.createElement(he.Fragment,null,r.suffix,r.onWallet&&!S&&he.createElement(Zi,{container:L(),onClick:B,isConnected:!!u?.length}),r.onCancel&&he.createElement(Yi,{onClick:r.onCancel}))}),he.createElement(mc,{ref:q},n),he.createElement(Xi,{open:w,onClose:()=>x(!1),onConfirm:E}),he.createElement(dc,null,he.createElement("div",{className:"footer__content"},k&&!h&&he.createElement("div",{className:"footer__alert"},he.createElement(Gi,{onActivateTab:E}),he.createElement(fc,{size:10})),s),he.createElement(fc,{size:12}),he.createElement("div",{className:`footer__logo ${g?"logo__show":"logo__hidden"}`},he.createElement(iy,null))),he.createElement(ts,{open:p,onClose:()=>c(!1)}))}i(pe,"Layout");import{styled as ly}from"@rango-dev/ui";var hc="$20 $20 $10 $20",$o=ly("div",{padding:hc,overflowY:"auto",flexGrow:1});import{styled as py}from"@rango-dev/ui";var me=py("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 fy}from"@rango-dev/ui";import ss from"react";import{i18n as mo}from"@lingui/core";import{Image as my,MessageBox as is,WalletState as dy}from"@rango-dev/ui";import Jt from"react";import{keyframes as cy,styled as sr}from"@rango-dev/ui";var aW=sr("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),yc=sr("div",{position:"relative"}),uy=cy({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Sc=sr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${uy} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Cc=sr("div",{"& img":{borderRadius:"50%"}});function Tc(t){let{state:e,image:o,error:n}=t;return e===dy.CONNECTED?Jt.createElement(is,{type:"success",title:mo.t("Wallet Connected"),description:mo.t("Your wallet is connected, you can use it to swap.")}):n?Jt.createElement(is,{type:"error",title:mo.t("Failed to Connect"),description:n||mo.t("Your wallet is not connected. Please try again.")}):Jt.createElement(is,{type:"loading",title:mo.t("Connecting to your wallet"),description:mo.t("Click connect in your wallet popup."),icon:Jt.createElement(yc,null,Jt.createElement(Cc,null,Jt.createElement(my,{src:o,size:45})),Jt.createElement(Sc,null))})}i(Tc,"ModalContent");function Do(t){let{open:e,onClose:o,...n}=t;return ss.createElement(le,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},ss.createElement(Tc,{...n}),ss.createElement(fy,{direction:"vertical",size:32}))}i(Do,"WalletModal");var Sy=xc("div",{display:"flex",justifyContent:"center",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5"}),Cy=xc(me,{textAlign:"center"}),ar=3e3,as=300;function vc(){let{config:t,fetchStatus:e}=y(),[o,n]=wc(!1),[r,s]=wc(""),a=null,l=re.use.isActiveTab(),{list:p,handleClick:c,error:u,disconnectConnectingWallets:f}=po({config:t,onBeforeConnect:S=>{a=setTimeout(()=>{n(!0),s(S)},as)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},ar)}}),m=i(()=>{f(),n(!1)},"handleCloseWalletModal"),d=p.find(S=>S.type===r),g=d?.image||"",C=d?.state||yy.NOT_INSTALLED;return fo.createElement(pe,{header:{title:kc.t("Connect Wallets")}},fo.createElement(Cy,null,fo.createElement(gy,{variant:"title",size:"xmedium",align:"center"},kc.t("Choose a wallet to connect.")),fo.createElement(Sy,null,p.map((S,h)=>{let k=`wallet-${h}-${S.type}`;return fo.createElement(hy,{key:k,...S,container:L(),onClick:w=>{c(w)},isLoading:e==="loading",disabled:!l})}),fo.createElement(Do,{open:!!o,onClose:m,image:g,state:C,error:u}))))}i(vc,"WalletsPage");import{keyframes as Ty,styled as ls}from"@rango-dev/ui";var bc=ls("div",{position:"relative"}),ky=Ty({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Ic=ls("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${ky} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Ec=ls("div",{"& img":{borderRadius:"50%"}});var by=7;function cs(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=y(),l=re.use.isActiveTab(),p=K.use.connectedWallets(),{blockchains:c}=y(),[u,f]=Fo(""),[m,d]=Fo(null),[g,C]=Fo(!1),[S,h]=Fo(null),{suggestAndConnect:k}=pr(),w=null,{list:x,error:b,handleClick:A,disconnectConnectingWallets:v}=po({config:a,chain:e,onBeforeConnect:_=>{w=setTimeout(()=>{f(_)},as)},onConnect:()=>{w&&clearTimeout(w),setTimeout(()=>{f("")},ar)}}),[T,M]=Fo(x),E=x.length,B=r&&E-r>0,Q=i(async _=>{C(!1),h("in-progress");try{await k(_.walletType,_.chain),h("completed")}catch{h("rejected")}},"addExperimentalChain");Nc(()=>{M(_=>{let te=x.findIndex(ie=>o(ie.type,e));return B&&te>1?[x[te]].concat(x.filter((ie,R)=>R!==te)):_.map(ie=>x.find(R=>R.type===ie.type)??ie)})},[JSON.stringify(x)]);let q=document.getElementById(ke.SWAP_BOX_ID);Nc(()=>{let _=null;return(S==="completed"||S==="rejected")&&(_=setTimeout(()=>h(null),ar)),()=>{_&&clearTimeout(_)}},[S]);let H=i(()=>{v(),f("")},"handleCloseWalletModal");return de.createElement(de.Fragment,null,T.slice(0,r).map(_=>{let te=il({connectedWallets:p,walletType:_.type,chain:e}),ie=te?vn(te,by):"",R=wn(c(),e),oe=!p.find(ne=>ne.walletType===_.type&&ne.chain===e),I=R&&oe&&_.state===Wc.CONNECTED,W=I?ot.t({id:"Add {chain} chain",values:{chain:e}}):ie,ce=i(()=>{_.state===Wc.DISCONNECTED?A(_.type):I?(d({walletType:_.type,chain:e,address:te??""}),C(!0)):n({walletType:_.type,chain:e,address:te??""})},"onClick"),J=m?.chain?xl(m.chain,c()):void 0;return de.createElement(de.Fragment,{key:`${_.title}_${J}`},de.createElement(Do,{open:u===_.type,onClose:H,image:_.image,state:_.state,error:b}),!!m&&de.createElement(le,{open:!!m&&g,container:q,onClose:()=>{d(null)}},de.createElement(lr,{title:ot.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:J}}),type:"warning",description:ot.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:J}})},de.createElement(ps,{size:18}),de.createElement(ps,{size:32}),de.createElement(wy,{onClick:Q.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},ot.t("Confirm")))),S&&de.createElement(le,{open:!!S,onClose:h.bind(null,null),container:q},S==="in-progress"&&de.createElement(lr,{type:"loading",title:ot.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:J}}),description:ot.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:J}}),icon:de.createElement(bc,null,de.createElement(Ec,null,de.createElement(xy,{src:_.image,size:45})),de.createElement(Ic,null))}),S==="completed"&&de.createElement(lr,{type:"success",title:ot.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:J}}),description:ot.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:J}})}),S==="rejected"&&de.createElement(lr,{type:"error",title:ot.t("Request Rejected"),description:ot.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:J}})}),de.createElement(ps,{direction:"vertical",size:32})),de.createElement(vy,{key:_.type,description:W,onClick:ce,selected:o(_.type,e),disabled:!l,..._}))}),B&&de.createElement(xp,{selected:!1,onClick:s},de.createElement(Ac,{variant:"label",size:"medium"},ot.t("Show more wallets"),de.createElement(Ac,{variant:"label",size:"medium",color:"$primary"},"\xA0+",E-(r??0)))))}i(cs,"WalletList");var By=2;function Lc(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=y().config,l=y().blockchains(),{selectedQuote:p,setSelectedWallets:c,quoteWalletsConfirmed:u,setQuoteWalletConfirmed:f,customDestination:m,setCustomDestination:d}=X(),{connectedWallets:g,selectWallets:C}=K(),[S,h]=ho(""),[k,w]=ho([]),[x,b]=ho(""),[A,v]=ho(null),[T,M]=ho(!!m),E=Bn(p?.swaps||null),B=l.find(G=>G.name===p?.swaps[p?.swaps.length-1].to.blockchain),Q=i(G=>!!p?.swaps.find(V=>V.from.blockchain===G),"isWalletRequiredFor"),q=i(()=>g.filter(G=>G.selected&&E.includes(G.chain)),"getInitialSelectableWallets"),[H,_]=ho(q()),te=l.find(G=>G.name===B?.name),ie=k.length>0,R=i((G,V)=>!!H.find(Y=>Y.walletType===G&&Y.chain===V&&Y.selected&&(Q(V)||!Q(V)&&!m)),"isSelected"),oe=!!m&&T&&te&&!_n(te,m),I=i(()=>{M(!1),d(null),_(G=>{let V=!1;return G.map(Y=>!V&&Y.chain===B?.name?(V=!0,{...Y,selected:!0}):Y)})},"resetCustomDestination"),W=i(G=>{if(S&&h(""),R(G.walletType,G.chain))return;let Y=g.find(Se=>Se.walletType===G.walletType&&Se.chain===G.chain);Y&&(n(),G.chain===B?.name&&T&&(M(!1),d(null)),_(Se=>Se.filter(et=>et.chain!==G.chain).concat({...Y,selected:!0})))},"onChange"),ce=i(()=>{let G=H.filter(V=>V.selected);C(G),c(G),f(!0),o()},"onConfirmBalance"),J=i(async()=>{w([]),b(""),v(null);let G=g.filter(Se=>H.find(et=>et.chain===Se.chain&&et.walletType===Se.walletType)),V=await r?.({selectedWallets:G,customDestination:m}),Y=V.warnings;Y?.balance?.messages&&w(Y.balance.messages),Y?.quoteUpdate&&v(Y.quoteUpdate),V.error&&b(Ql(V.error)),!V.error&&!Y?.balance?.messages.length?ce():w(Y?.balance?.messages??[])},"onConfirmWallets");My(()=>{_(G=>G.concat(g.filter(V=>!!!G.find(Se=>Se.chain===V.chain)&&V.selected&&E.includes(V.chain))))},[g.length]);let ne=document.getElementById(ke.SWAP_BOX_ID),yt=Ly();return F.createElement(le,{open:e,onClose:()=>{u||yt("../",{replace:!0}),o()},dismissible:!S,container:ne,...!S&&{footer:F.createElement(Np,null,F.createElement(Mc,{loading:s,disabled:ap(s,T,m,p,H,B),onClick:J,variant:"contained",type:"primary",fullWidth:!0,size:"large"},dt.t("Confirm")))},...S&&{styles:{container:{padding:"$0"}},header:F.createElement(vp,null,F.createElement(bp,{variant:"ghost",onClick:h.bind(null,"")},F.createElement(Ay,{size:16})),F.createElement(cr,{variant:"headline",size:"small"},dt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ve(S,l)}})))},anchor:"center"},F.createElement(le,{open:ie,onClose:w.bind(null,[]),container:ne},F.createElement(Wy,{title:dt.t("Insufficient account balance"),type:"error",description:F.createElement(Iy,{messages:k??[]})},F.createElement(Mc,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:ce},dt.t("Proceed anyway")))),S&&F.createElement(Ip,null,F.createElement("div",{className:Ep()},F.createElement(cs,{chain:S,isSelected:R,selectWallet:W,onShowMore:h.bind(null,S)}))),!S&&F.createElement(F.Fragment,null,x&&F.createElement(F.Fragment,null,F.createElement(us,{variant:"alarm",type:"error",title:dt.t(x)}),F.createElement(go,{size:12})),A&&F.createElement(F.Fragment,null,F.createElement(us,{variant:"alarm",type:"warning",title:Hn(A)}),F.createElement(go,{size:12})),F.createElement(Lp,null,E.map((G,V)=>{let Y=l.find(De=>De.name===G),Se=`wallet-${V}`,et=V===E.length-1;return F.createElement("div",{key:Se},F.createElement(kp,null,F.createElement(cr,{variant:"title",size:"xmedium"},dt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Y?.shortName}})),F.createElement(cr,{variant:"label",color:"$neutral700",size:"medium"},dt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:Y?.shortName}}))),F.createElement(go,{size:24}),F.createElement(wp,null,F.createElement(cs,{chain:G,isSelected:R,selectWallet:W,limit:By,onShowMore:()=>h(Y?.name??"")})),!et&&F.createElement(go,{size:32}),et&&a?.customDestination&&F.createElement(Ap,null,F.createElement(Kn,{onOpenChange:De=>{De?Q(B?.name??"")||_(Ie=>Ie.map(Ge=>Ge.chain===B?.name?{...Ge,selected:!1}:Ge)):I()},hasSelected:!0,open:T,triggerAnchor:"top",trigger:F.createElement(Bp,null,F.createElement("div",{className:"button__content"},F.createElement(Ny,{size:18,color:"info"}),F.createElement(go,{size:4,direction:"horizontal"}),F.createElement(cr,{variant:"label",size:"medium"},dt.t("Send to a different address"))),F.createElement(Xn,{orientation:T?"up":"down"},F.createElement(Ey,{size:10,color:"gray"}))),onClickTrigger:()=>M(De=>!De)},F.createElement(go,{size:4}),F.createElement(Mp,{autoFocus:!0,placeholder:dt.t("Your destination address"),value:m||"",onChange:De=>{let Ie=De.target.value;Ie.length?d(Ie.length?Ie:null):(M(!1),d(null))}})),oe&&F.createElement("div",{className:Wp()},F.createElement(us,{variant:"alarm",type:"error",title:dt.t({values:{destination:m},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Lc,"ConfirmWalletsModal");import{i18n as Jy}from"@lingui/core";import{Alert as Ry,Button as eS,InfoIcon as tS}from"@rango-dev/ui";import Qe from"react";import{Alert as $y,Button as Dy,Divider as fs,NoRouteIcon as Fy,RefreshIcon as Oy,Typography as Oc}from"@rango-dev/ui";import ze from"react";import{i18n as Bc}from"@lingui/core";var _y=24,Py=60;function _c(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:ee().genericServerError,action:{onClick:n,title:Bc.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:ee().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Bc.t("Reset")}},description:ee().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:ee().noResultError.description}}i(_c,"makeInfo");var ms=(o=>(o[o.small=_y]="small",o[o.large=Py]="large",o))(ms||{}),ds=(o=>(o.small="small",o.large="medium",o))(ds||{});import{styled as ur}from"@rango-dev/ui";var Pc=ur("div",{display:"flex",flexDirection:"column",alignItems:"center"}),$c=ur("div",{variants:{size:{small:{},large:{maxWidth:"316px"}}}}),Dc=ur("div",{variants:{size:{small:{width:"100%"},large:{}}}}),Fc=ur("div",{padding:"$6 $0"});function Oo(t){let{fetch:e,error:o,size:n="small"}=t,r=y().getDisabledLiquiditySources(),s=y().toggleAllLiquiditySources,a=y().swappers(),l=_c(o,r,()=>s(a,!0),e);return ze.createElement(Pc,null,ze.createElement(Fy,{size:ms[n],color:"gray"}),ze.createElement(fs,{size:4}),ze.createElement(Oc,{variant:"title",size:ds[n]},ee().noResultError.title),n==="large"&&ze.createElement(fs,{size:4}),!!l.description&&ze.createElement($c,{size:n},ze.createElement(Oc,{variant:"body",size:"small",align:"center",color:"neutral700"},l.description)),ze.createElement(fs,{size:n==="large"?"24":"4"}),!!l.alert&&ze.createElement(Dc,{size:n},ze.createElement($y,{type:l.alert.type,title:l.alert.text,titleAlign:"left",action:l.alert.action&&ze.createElement(Dy,{size:"xsmall",type:l.alert.type,prefix:ze.createElement(Fc,null,ze.createElement(Oy,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i(Oo,"NoResult");import{i18n as Uo}from"@lingui/core";import{Button as qy,Divider as zy,MessageBox as Qy,Typography as Hy,WarningIcon as Gy}from"@rango-dev/ui";import wt from"react";import{Typography as Qc}from"@rango-dev/ui";import hs from"react";import{darkTheme as Uy,styled as mr}from"@rango-dev/ui";var Uc=mr("div",{width:"100%"}),gs=mr("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"$5",width:"100%"}),qc=mr("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Uy} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),zc=mr("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Hc(t){let{title:e,value:o,valueColor:n}=t;return hs.createElement(qc,null,hs.createElement(Qc,{size:"medium",variant:"label",className:"_title"},e),hs.createElement(Qc,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Hc,"QuoteErrorsModalItem");function Gc(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:Uo.t("Swapping"),value:N(r.inputUsdValue,4,4)},{title:Uo.t("Gas cost"),value:N(r.totalFee,2,2)},{title:Uo.t("Receiving"),value:N(r.outputUsdValue,4,4)},{title:Uo.t("Price impact"),value:N(r.priceImpact,2,2),valueColor:`${a}500`}];return wt.createElement(le,{footer:wt.createElement(qy,{type:"primary",size:"large",prefix:wt.createElement(Gy,null),fullWidth:!0,disabled:s,onClick:n},ee().highValueLossError.confirmMessage),open:e,onClose:o,container:L()},wt.createElement(Qy,{type:a,title:ee().highValueLossError.impactTitle,description:ee().highValueLossError.description}),wt.createElement(gs,null,wt.createElement(zy,{size:"4"}),wt.createElement(Hy,{size:"small",variant:"title"},Uo.t("Details")),wt.createElement(gs,null,l.map((p,c)=>wt.createElement(Hc,{key:c,...p})))))}i(Gc,"HighValueLossWarningModal");import{i18n as ys}from"@lingui/core";function Vc(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=ys.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=ee().highValueLossError.title),t.type===1&&(o.title=ee().unknownPriceError.title),t.type===2&&(o.title=ys.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=ys.t("Caution, your slippage is high."),o.action="change-settings"),o):null}i(Vc,"makeAlerts");import{i18n as yo}from"@lingui/core";import{Button as Xc,Divider as jc,MessageBox as Vy,Typography as Xy}from"@rango-dev/ui";import Rt from"react";import{useNavigate as jy}from"react-router-dom";function Kc(t){let{customSlippage:e,slippage:o}=y(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=jy(),c=e??o;return Rt.createElement(le,{anchor:"bottom",open:n,prefix:Rt.createElement(Xc,{size:"small",variant:"ghost",onClick:()=>p("../"+O.settings)},Rt.createElement(Xy,{variant:"label",size:"medium",color:"$neutral900"},yo.t("Change settings"))),container:L(),onClose:r},Rt.createElement(Vy,{type:"warning",title:a.type===3?yo.t("High slippage"):yo.t("Low slippage"),description:a.type===3?yo.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:c}}):yo.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Rt.createElement(jc,{size:18}),Rt.createElement(jc,{size:32}),Rt.createElement(Xc,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},yo.t("Confirm anyway"))))}i(Kc,"SlippageWarningModal");import{Button as Ky,MessageBox as Yy,WarningIcon as Zy}from"@rango-dev/ui";import dr from"react";function Yc(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return dr.createElement(le,{footer:dr.createElement(Ky,{type:"primary",size:"large",prefix:dr.createElement(Zy,null),fullWidth:!0,disabled:r,onClick:n},ee().unknownPriceError.confirmMessage),open:e,onClose:o,container:L()},dr.createElement(Yy,{type:"warning",title:ee().unknownPriceError.impactTitle,description:ee().unknownPriceError.description}))}i(Yc,"UnknownPriceWarningModal");function qo(t){let{warning:e,error:o,couldChangeSettings:n,showWarningModal:r,confirmationDisabled:s,refetchQuote:a,onOpenWarningModal:l,onCloseWarningModal:p,onConfirmWarningModal:c,onChangeSettings:u}=t,f={confirmationDisabled:s,open:r,onClose:p,onConfirm:c},m=o?.type===0||o?.type===1,d=Vc(e,o?.type===3||o?.type===4?o:null);return d&&!n&&(d.action=null),Qe.createElement(Qe.Fragment,null,m&&Qe.createElement(Oo,{error:o,fetch:a}),!!d&&Qe.createElement(Uc,null,Qe.createElement(Ry,{title:d.title,type:d.alertType,variant:"alarm",...d.action==="show-info"&&{action:Qe.createElement(zc,{onClick:l},Qe.createElement(tS,{size:12,color:"gray"}))},...d.action==="change-settings"&&{action:Qe.createElement(eS,{size:"xxsmall",type:d.alertType,onClick:u},Jy.t("Change"))}})),e&&Qe.createElement(Qe.Fragment,null,e.type===0&&Qe.createElement(Gc,{...f,warning:e}),(e.type===3||e.type===2)&&Qe.createElement(Kc,{...f,warning:e}),e.type===1&&Qe.createElement(Yc,{...f,warning:e})))}i(qo,"QuoteWarningsAndErrors");import LS from"bignumber.js";import Er from"react";import{i18n as Vo}from"@lingui/core";import{Alert as CS,Divider as Xo,FullExpandedQuote as TS,InfoIcon as kS,QuoteTag as wS,StepDetails as xS,TokenAmount as vS,Tooltip as Wu,Typography as Co}from"@rango-dev/ui";import bs from"bignumber.js";import $,{useRef as bS,useState as IS}from"react";import{styled as Ss}from"@rango-dev/ui";var Cs=Ss("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Zc=Ss("div",{paddingBottom:"$15",variants:{dense:{true:{paddingBottom:0}}}}),Jc=Ss("div",{width:"100%",display:"flex"});import*as fr from"@radix-ui/react-collapsible";import{Button as oS,css as zo,darkTheme as Ae,Image as Rc,styled as _e,Typography as nS}from"@rango-dev/ui";var rS=300,eu=_e(fr.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"}}]}),tu=zo({padding:"$10 $15"}),ou=_e(oS,{backgroundColor:"transparent",border:"1px solid $secondary"}),nu=_e("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"}}}}]}),ru=zo({width:"100%",padding:"$15 $15 $10 $15"}),iu=zo({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10",position:"relative"}),So=zo({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),su=zo({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Ae} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),au=_e(fr.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:{[`& ${Rc}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Rc}`]:{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"}}}),lu=_e("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"}}}}),pu=_e(Vn,{width:"100%",background:"inherit"}),Ts=_e("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${rS}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),GM=_e("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),cu=_e("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ae} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),uu=_e("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),ks=_e(nS,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),mu=_e("div",{display:"flex",flexWrap:"wrap"}),ws=_e("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"}}}}),du=_e("div",{display:"flex"}),gr=_e("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${Ae} &`]:{borderTopColor:"$neutral800"}});import{i18n as Ut}from"@lingui/core";import{ChevronDownIcon as sS,CloseIcon as aS,Divider as Sr,IconButton as lS,QuoteCost as pS,Tooltip as cS,Typography as nt}from"@rango-dev/ui";import j,{useState as yu}from"react";import{css as iS,styled as hr}from"@rango-dev/ui";var yr=hr("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),xs=hr("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),fu=hr("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),gu=hr("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),hu=iS({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var uS=i(t=>t.fee.isZero()?null:j.createElement(yr,null,j.createElement(nt,{variant:"label",size:"medium",color:"neutral600"},t.label),j.createElement(nt,{variant:"label",size:"medium"},"$",N(t.fee,4,4))),"NonPayableFee");function Su(t){let[e,o]=yu(!1),[n,r]=yu(!1),{steps:s,quote:a,fee:l,time:p,feeWarning:c,showModalFee:u}=t,f=a?.swaps??[],m=L(),d=Kl(f);return j.createElement(j.Fragment,null,j.createElement(pS,{onClickFee:u?g=>{g.stopPropagation(),o(!e)}:void 0,fee:l,feeWarning:c,time:p,steps:s,tooltipGas:u?Ut.t("View more info"):void 0,tooltipContainer:m}),j.createElement(le,{container:m,open:e,header:j.createElement(gu,null,j.createElement(nt,{variant:"title",size:"medium"},Ut.t("Gas & Fee Explanation")),j.createElement(lS,{onClick:()=>o(!1),variant:"ghost"},j.createElement(aS,{color:"gray",size:14}))),onClose:()=>{o(!1)}},j.createElement(fu,null,j.createElement(nt,{variant:"title",size:"small"},Ut.t("Details")),j.createElement(Sr,{size:10}),Object.entries(d.payable).flatMap(([g,C])=>C.map((S,h)=>{let k=`payable-fee-${h}`,w=Ai(S);return j.createElement(yr,{key:k},j.createElement(nt,{variant:"label",size:"medium",color:"neutral600"},vi[g]),j.createElement(cS,{content:ue(S.amount),container:m},j.createElement(nt,{variant:"label",size:"medium"},N(S.amount,2,2)," ",S.asset.symbol," ($",N(w,4,4),")")))})),j.createElement(yr,{className:"total_payable_fee"},j.createElement(nt,{variant:"label",size:"medium"},Ut.t("Total Payable Fee")),j.createElement(nt,{variant:"label",size:"medium"},"$",N(l,4,4))),j.createElement(xs,null),Object.keys(d.nonePayable).length&&j.createElement(Kn,{triggerAnchor:"bottom",onClickTrigger:()=>r(g=>!g),trigger:j.createElement("div",{className:hu()},j.createElement(nt,{size:"small",variant:"body",color:"neutral700"},n?Ut.t("Hide non-payable fees"):Ut.t("Show non-payable fees")),j.createElement(Sr,{size:4,direction:"horizontal"}),j.createElement(Xn,{orientation:n?"up":"down"},j.createElement(sS,{size:12,color:"gray"}))),open:n},j.createElement(nt,{size:"small",variant:"title"},Ut.t("Description")),j.createElement(Sr,{size:4}),j.createElement(nt,{size:"small",variant:"body",color:"neutral700"},Ut.t(`The following fees are considered in the transaction output and
|
|
2
|
+
you won\u2019t need to pay extra gas for them.`)),j.createElement(Sr,{size:10}),Object.entries(d.nonePayable).map(([g,C],S)=>{let h=jl(C),k=vi[g],w=`non-payable-fee-${S}`;return j.createElement(uS,{key:w,fee:h,label:k})}),j.createElement(xs,null)))))}i(Su,"QuoteCostDetails");import{i18n as ku}from"@lingui/core";import{TokenAmount as wu}from"@rango-dev/ui";import Cr from"react";import{css as mS,styled as dS}from"@rango-dev/ui";var Cu=dS("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),Tu=mS({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Qo(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Cr.createElement(Cu,null,Cr.createElement(wu,{direction:"horizontal",label:ku.t("Swap input"),type:"input",tooltipContainer:L(),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}}),Cr.createElement("div",{className:Tu()}),Cr.createElement(wu,{direction:"horizontal",tooltipContainer:L(),label:ku.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(Qo,"QuoteSummary");import{i18n as Eu}from"@lingui/core";import{ChevronDownIcon as hS,ChevronRightIcon as yS,Divider as vs,Image as SS,Tooltip as vr,Typography as kr}from"@rango-dev/ui";import P from"react";import{useLayoutEffect as fS,useState as Ho}from"react";var xu=480,vu=768,bu=1024,Iu=1200,gS=i(()=>{let[t,e]=Ho(!1),[o,n]=Ho(!1),[r,s]=Ho(!1),[a,l]=Ho(!1),[p,c]=Ho(!1),u=i(()=>{e(window.innerWidth<=xu),n(window.innerWidth>xu&&window.innerWidth<=vu),s(window.innerWidth>vu&&window.innerWidth<=bu),l(window.innerWidth>bu&&window.innerWidth<=Iu),c(window.innerWidth>Iu)},"handleResize");return fS(()=>(u(),window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)),[]),{isMobile:t,isTablet:o,isNotebook:r,isLargeScreen:a,isExtraLargeScreen:p}},"useScreenDetect"),Tr=gS;var wr=4,xr=6,Go=i(t=>{let{content:e,src:o,className:n,open:r,state:s,container:a}=t,l=a||L();return P.createElement(vr,{container:l,side:"bottom",sideOffset:4,open:r,content:e},P.createElement(lu,{className:n,state:s},P.createElement(SS,{src:o,size:16})))},"ImageComponent");function Au(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:s,type:a,container:l}=t,p=l||L(),c=r.length,u=dp(r),{isTablet:f,isMobile:m}=Tr();return P.createElement(au,{listItem:a==="list-item",ref:d=>e.current=d,selected:o,onClick:d=>{d.stopPropagation(),n(g=>!g)}},P.createElement("div",{className:So()},P.createElement(kr,{variant:"body",size:"xsmall"},Eu.t("Via:")),P.createElement(vs,{direction:"horizontal",size:4}),r.map((d,g)=>{let C=`item-${g}`,S=P.createElement(Ts,null,P.createElement(yS,{size:12,color:"black"}));return m||f?P.createElement(P.Fragment,{key:C},P.createElement(Go,{content:d.swapper.displayName,src:d.swapper.image,state:d.state,container:l}),g!==c-1&&P.createElement(P.Fragment,null,S)):P.createElement(P.Fragment,{key:C},c<=wr||c>wr&&g<wr-1?P.createElement(P.Fragment,null,P.createElement(Go,{content:d.swapper.displayName,src:d.swapper.image,state:d.state,container:l}),g!==c-1&&P.createElement(P.Fragment,null,S)):g===wr-1&&P.createElement(vr,{container:p,side:"bottom",align:"end",sideOffset:4,content:P.createElement("div",{className:So()},S,r.map((h,k)=>{let w=`image-${k}`;return k>=g&&P.createElement(P.Fragment,{key:w},P.createElement(Go,{content:h.swapper.displayName,src:h.swapper.image,state:h.state,open:!1}),k!==c-1&&P.createElement(P.Fragment,null,S))}))},P.createElement(ws,{state:r.find((h,k)=>k>=g&&(h.state==="error"||h.state==="warning"))?.state},P.createElement(kr,{size:"xsmall",variant:"body"},"+",c-g))))})),P.createElement("div",{className:So()},P.createElement("div",{className:"blockchains_section"},P.createElement("div",{className:So()},P.createElement(kr,{variant:"body",size:"xsmall"},Eu.t("Chains:")),P.createElement(vs,{direction:"horizontal",size:4}),u.map((d,g)=>P.createElement(P.Fragment,{key:d.displayName},u.length<=xr||u.length>xr&&g<xr-1?P.createElement(vr,{container:p,side:"bottom",content:d.displayName,sideOffset:4},P.createElement(Go,{content:"",src:d.image,open:!1,className:g!==0?"blockchainImage":""})):g===xr-1&&P.createElement(vr,{container:p,side:"bottom",align:"end",sideOffset:4,content:P.createElement("div",{className:So()},u.map((C,S)=>S>=g&&P.createElement(Go,{key:C.displayName,content:"",src:C.image,open:!1,className:S>g?"blockchainImage":"",container:l})))},P.createElement(ws,{className:"blockchainImage"},P.createElement(kr,{size:"xsmall",variant:"body"},"+",u.length-g))))),P.createElement(vs,{direction:"horizontal",size:32}))),P.createElement(Ts,{orientation:s?"up":"down"},P.createElement(hS,{size:12,color:"black"}))))}i(Au,"QuoteTrigger");function Is(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,container:m}=t,d=y().blockchains(),g=y().tokens(),C=y().swappers(),[S,h]=IS(t.expanded),k=bS(null),w=N(o.value,6,6),x=N(n.value,6,6),b=n.usdValue?N(n.usdValue,4,4):"",A=je(o.usdValue,n.usdValue??null),v=N(A,2,2),T=Tt(A??0),M=i((oe,I)=>oe.map((W,ce)=>{let J,ne=r?.type===3&&r.swap.swapperId===W.swapperId,yt=r?.type===4&&r.recommendedSlippages?.has(ce),G=s?.type===2&&s.recommendedSlippages?.has(ce),V=ne||yt,Y=G;V?J="error":Y&&(J="warning");let Se=V?Vo.t("Slippage Error"):Vo.t("Slippage Warning");return ne&&(Se=r?.recommendation),{swapper:{displayName:Wo(W.swapperId,C),image:W.swapperLogo},from:{token:{displayName:W.from.symbol,image:W.from.logo},chain:{displayName:Ve(W.from.blockchain,d),image:W.from.blockchainLogo},price:{value:ce===0&&!I?N(o.value,6,6):N(W.fromAmount,6,6),usdValue:N((W.from.usdPrice??0)*parseFloat(W.fromAmount),4,4),realValue:ue(ce===0?o.value:W.fromAmount),realUsdValue:ue(new bs(W.from.usdPrice??0).multipliedBy(W.fromAmount))}},to:{token:{displayName:W.to.symbol,image:W.to.logo},chain:{displayName:Ve(W.to.blockchain,d),image:W.to.blockchainLogo},price:{value:N(W.toAmount,6,6),usdValue:N((W.to.usdPrice??0)*parseFloat(W.toAmount),4,4),realValue:ue(W.toAmount),realUsdValue:ue(new bs(W.to.usdPrice??0).multipliedBy(W.toAmount))}},state:J,alerts:V||Y?$.createElement(Zc,{dense:f},$.createElement(CS,{variant:"alarm",type:V?"error":"warning",title:Se,footer:f?null:$.createElement(Jc,null,ne&&$.createElement($.Fragment,null,$.createElement(Co,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),$.createElement(Xo,{direction:"horizontal",size:8}),$.createElement(Co,{size:"xsmall",variant:"body",color:"neutral900"},"|"),$.createElement(Xo,{direction:"horizontal",size:8}),$.createElement(Co,{size:"xsmall",variant:"body",color:"neutral900"},Vo.t({id:"Yours: {amount} {symbol}",values:{amount:N(W.fromAmount,6,6),symbol:W?.from.symbol}}))),(yt||G)&&!ne&&$.createElement(Co,{size:"xsmall",variant:"body",color:"neutral900"},Vo.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(ce)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(ce)}}})))})):void 0,time:bo(W.estimatedTimeInSeconds),fee:N(Ei(W,g),2,2),internalSwaps:W.internalSwaps?M(W.internalSwaps):void 0}}),"getQuoteSteps"),E=M(e?.swaps??[]),B=E.length,Q=m||L(),q=gp(t.quote.tags||[]),H=!!u,_=bo(yn(e?.swaps)),te=Dn(e?.swaps??[],g),ie=N(te,2,2),R=te.gte(new bs(zl));return f?$.createElement(TS,{selected:l,fee:ie,time:_,tooltipContainer:Ao(),steps:E,tags:q,feeWarning:R,percentageChange:v,warningLevel:T,outputPrice:{value:x,usdValue:b,realValue:ue(n.value),realUsdValue:ue(n.usdValue)}}):$.createElement(nu,{selected:l,listItem:a==="list-item",basic:a==="basic"},$.createElement("div",{className:ru()},!p&&q.length?$.createElement($.Fragment,null,$.createElement(du,null,q.map((oe,I)=>{let W=`${oe.value}_${I}`;return $.createElement($.Fragment,{key:W},$.createElement(wS,{label:oe.label,value:oe.value}),$.createElement(Xo,{size:4,direction:"horizontal"}))})),$.createElement(gr,null),!H&&$.createElement(Xo,{size:4})):null,$.createElement("div",{id:"portal-root",className:iu()},$.createElement(Su,{quote:e,time:_,fee:ie,feeWarning:R,showModalFee:c,steps:B}),H&&$.createElement(ou,{onClick:oe=>{oe.stopPropagation(),u()},size:"xxsmall",type:"secondary",variant:"default"},$.createElement(Co,{color:"secondary",variant:"label",size:"medium"},Vo.t("See All Routes")))),a==="basic"&&$.createElement("div",{className:su()},$.createElement(uu,null,$.createElement(kS,{size:12,color:"gray"})),$.createElement(mu,null,$.createElement(ks,{size:"small",variant:"body"},`${w} ${E[0].from.token.displayName} = `),$.createElement(Wu,{content:ue(n.value),container:Q,open:n.value?void 0:!1},$.createElement(ks,{size:"small",variant:"body"},"\xA0",`${x} ${E[E.length-1].to.token.displayName}`))),$.createElement(Wu,{content:ue(n.usdValue),container:Q,styles:{root:{display:"flex"}}},$.createElement(Co,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${b})`))),a==="list-item"&&$.createElement(vS,{tooltipContainer:Q,type:"output",direction:"vertical",price:{value:x,usdValue:b,realValue:ue(n.value),realUsdValue:ue(n.usdValue)},token:{displayName:E[B-1].to.token.displayName,image:E[B-1].to.token.image},chain:{image:E[B-1].to.chain.image},percentageChange:v,warningLevel:T}),a==="swap-preview"&&$.createElement($.Fragment,null,$.createElement(Qo,{from:E[0].from,to:E[B-1].to,percentageChange:v,warningLevel:T}),$.createElement(Xo,{size:4}))),$.createElement(eu,{selected:l,listItem:a==="list-item",open:S,className:"quote_container",onOpenChange:h},$.createElement(Au,{type:a,quoteRef:k,selected:l,setExpanded:h,container:Q,expanded:S,steps:E}),$.createElement(pu,{open:S},$.createElement(cu,null),$.createElement("div",{className:tu()},E.map((oe,I)=>{let W=`item-${I}`;return $.createElement(xS,{type:"quote-details",key:W,tooltipContainer:Q,step:oe,hasSeparator:I!==E.length-1,state:oe.state})})))))}i(Is,"Quote");import{Divider as NS,Skeleton as MS}from"@rango-dev/ui";import vt from"react";import{darkTheme as ES,styled as br}from"@rango-dev/ui";var Nu=br("div",{$$color:"$colors$neutral100",[`.${ES} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15",variants:{rounded:{true:{borderRadius:"$xm"}},expanded:{true:{paddingBottom:"3px"},false:{paddingBottom:"$12"}}}}),Mu=br("div",{paddingTop:"$2"}),Lu=br("div",{paddingLeft:"$8"}),Bu=br("div",{borderLeft:"1px dashed $foreground",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Qu,Divider as rt,Skeleton as He}from"@rango-dev/ui";import U from"react";import{css as AS,styled as xt}from"@rango-dev/ui";var Es=xt("div",{display:"flex"}),_u=xt("div",{padding:"$10 $0 $20"}),Pu=xt("div",{padding:"14px $0 $20 $0",display:"flex",flexDirection:"column"}),$u=xt("div",{display:"flex",justifyContent:"start",alignItems:"center"}),Du=xt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Fu=xt("div",{height:"$24",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Ou=xt("div",{width:"65%",display:"flex",justifyContent:"start"}),Uu=xt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),qu=xt("div",{padding:"$15 $0 $15 $0"}),zu=AS({display:"flex",justifyContent:"space-between",alignItems:"center"});function jo(t){let{type:e,tagHidden:o=!0}=t,n=U.createElement(Du,null,U.createElement(Ou,null,U.createElement(Qu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(rt,{size:8,direction:"horizontal"}),U.createElement(Uu,null,U.createElement(He,{height:10,width:60,variant:"rounded"}),U.createElement(rt,{size:4}),U.createElement(He,{height:15,variant:"rounded"}))),U.createElement(He,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return U.createElement("div",null,!o&&U.createElement(U.Fragment,null,U.createElement(Es,null,U.createElement(He,{width:65,height:20,variant:"rounded"}),U.createElement(rt,{size:4,direction:"horizontal"}),U.createElement(He,{width:65,height:20,variant:"rounded"}),U.createElement(rt,{size:4,direction:"horizontal"}),U.createElement(He,{width:65,height:20,variant:"rounded"})),U.createElement(gr,null),!r&&U.createElement(rt,{size:4})),U.createElement("div",{className:zu()},U.createElement(Es,null,U.createElement(He,{width:60,height:10,variant:"rounded"}),U.createElement(rt,{size:4,direction:"horizontal"}),U.createElement(He,{width:60,height:10,variant:"rounded"}),U.createElement(rt,{size:4,direction:"horizontal"}),U.createElement(He,{width:60,height:10,variant:"rounded"})),r&&U.createElement(He,{width:85,height:24,variant:"rounded"})),e==="basic"&&U.createElement(_u,null,U.createElement(He,{height:15,width:148,variant:"rounded"})),e==="list-item"&&U.createElement(Pu,null,U.createElement($u,null,U.createElement(Qu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(rt,{direction:"horizontal",size:4}),U.createElement(He,{height:15,width:150,variant:"rounded"})),U.createElement(rt,{size:10}),U.createElement(He,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&U.createElement(U.Fragment,null,U.createElement(rt,{size:4}),U.createElement(qu,null,n,U.createElement(Fu,null),n),U.createElement(rt,{size:12})))}i(jo,"QuoteSummarySkeleton");import{ChainToken as ju,Divider as Ws,NextIcon as WS,Skeleton as Ir}from"@rango-dev/ui";import Ce from"react";import{styled as Ko}from"@rango-dev/ui";var Hu=Ko("div",{display:"flex",alignItems:"start"}),Gu=Ko("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center",variants:{extraSpace:{true:{paddingBottom:"$40"}}}}),As=Ko("div",{display:"flex",alignItems:"center",flexGrow:1}),Vu=Ko("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Xu=Ko("div",{display:"flex",alignItems:"center"});function ft(t){let{separator:e=!0}=t;return Ce.createElement(Ce.Fragment,null,Ce.createElement(Xu,null,Ce.createElement(Ir,{height:22,width:22,variant:"circular"}),Ce.createElement(Ws,{direction:"horizontal",size:8}),Ce.createElement(Ir,{height:15,width:148,variant:"rounded"})),Ce.createElement(Hu,null,Ce.createElement(Bu,{hideSeparator:!e}),Ce.createElement(Gu,{extraSpace:e},Ce.createElement(As,null,Ce.createElement(ju,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Ce.createElement(Ws,{direction:"horizontal",size:8}),Ce.createElement(Ir,{height:12,variant:"rounded"})),Ce.createElement(Vu,null,Ce.createElement(WS,{color:"gray",size:16})),Ce.createElement(As,null,Ce.createElement(ju,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Ce.createElement(Ws,{direction:"horizontal",size:8}),Ce.createElement(Ir,{height:12,variant:"rounded"})))))}i(ft,"StepSkeleton");function Yo(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return vt.createElement(Nu,{expanded:o,rounded:e!=="basic"},vt.createElement(jo,{type:e,tagHidden:n}),vt.createElement(Mu,null,vt.createElement(MS,{height:15,variant:"rounded"})),o&&vt.createElement(Lu,null,vt.createElement(NS,{size:24}),vt.createElement(ft,null),vt.createElement(ft,null),vt.createElement(ft,{separator:!1})))}i(Yo,"QuoteSkeleton");function eo(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,container:d}=t,{inputAmount:g,inputUsdValue:C,toToken:S}=X(),h=e?.outputAmount?new LS(e?.outputAmount):null,k=e?.outputAmount?On(e?.outputAmount,Un(e)||S?.usdPrice):null,x=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?Er.createElement(Cs,null,Er.createElement(Yo,{tagHidden:l,type:o,expanded:a})):x?Er.createElement(Cs,{onClick:()=>p?.(e)},Er.createElement(Is,{quote:e,error:r,container:d,showModalFee:c,warning:s,tagHidden:l,selected:u,type:o,expanded:a,onClickAllRoutes:f,fullExpandedMode:m,input:{value:g,usdValue:C?.toString()??""},output:{value:h?.toString()??"",usdValue:k?.toString()??""}})):null}i(eo,"QuoteInfo");import{calculatePendingSwap as PS}from"@rango-dev/queue-manager-rango-preset";import{useEffect as $S}from"react";import{useRef as BS,useState as _S}from"react";function Ar({request:t}){let[e,o]=_S(!1),n=BS(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(Ar,"useFetch");function Ku(){let{fetch:t,loading:e,cancelFetch:o}=Ar({request:async(n,r)=>await Lt().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(Ku,"useFetchConfirmQuote");function Wr(t){if(!t.swaps)throw new Error(ee().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=Ns(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(Wr,"throwErrorIfResponseIsNotValid");function Ns(t){if(Gl(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Vl(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}}}let o=Yl(t);if(o){let n=Fn(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(Ns,"getQuoteError");function Yu(t,e,o){let n=!1;t&&(n=up(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=io(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(op(t,e)?r.quoteUpdate={type:3,newOutputAmount:N(ro(e)),percentageChange:N(je(ro(t)??"",ro(e)??""),null,2)}:Wi(t,e)?r.quoteUpdate={type:0}:Ni(t,e)?r.quoteUpdate={type:1}:Mi(t,e)&&(r.quoteUpdate={type:2}));let a=np(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Yu,"generateWarnings");function Nr(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}i(Nr,"handleQuoteErrors");function Ms(){let{fromToken:t,toToken:e,inputAmount:o,setSelectedQuote:n,selectedQuote:r,customDestination:s,setQuoteWarningsConfirmed:a,resetAlerts:l}=X(),{slippage:p,customSlippage:c}=y(),u=y().getDisabledLiquiditySources(),f=y().blockchains(),m=y().tokens(),d=c||p,{fetch:g,cancelFetch:C,loading:S}=Ku();return $S(()=>C,[]),{loading:S,fetch:i(async k=>{let w=k.selectedWallets,x=k?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let b=w.reduce((v,T)=>(v[T.chain]=T.address,v),{}),A={requestId:r?.requestId||"",selectedWallets:b,destination:x||void 0};try{return await g(A).then(v=>{let{result:T}=v;Wr({diagnosisMessages:T.diagnosisMessages,requestId:T.requestId,swaps:T.result?.swaps});let M={outputAmount:T.result?.outputAmount,requestId:T.requestId,resultType:T.result?.resultType,swaps:T.result?.swaps||[],validationStatus:T.validationStatus,requestAmount:T.requestAmount};n(M);let E={slippage:d.toString(),disabledSwappersGroups:u},B=PS(o.toString(),T,ep(w),E,!1,{blockchains:f,tokens:m}),Q=Yu(r??void 0,M,{fromToken:t,toToken:e,meta:{blockchains:f,tokens:m},selectedWallets:w,userSlippage:d});return Q.quoteUpdate&&a(!1),l(),{quote:M,swap:B,error:null,warnings:Q}})}catch(v){return Nr(v)}},"fetch"),cancelFetch:C}}i(Ms,"useConfirmSwap");var XS=OS("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Ju}`]:{width:"$48",height:"$48"}}),jS=_s({flexGrow:1,paddingRight:"$10"}),KS=_s({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),YS=_s({display:"flex",justifyContent:"space-between",alignItems:"center"});function Ru(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=X(),l=VS(),p=GS(),[c,u]=Jo(""),{connectedWallets:f}=K(),m=!n,[d,g]=Jo(!1),[C,S]=Jo(!1),{isActiveTab:h}=re(),k=y().getDisabledLiquiditySources(),w=QS(k),{manager:x}=DS(),{fetch:b,loading:A,cancelFetch:v}=Ms(),[T,M]=Jo({swap:null,error:null,warnings:null}),[E,B]=Jo(!1),Q=i(async({selectedWallets:I,customDestination:W})=>{let ce=await b?.({selectedWallets:I,customDestination:W});return M(ce),ce},"onConfirmSwap"),q=i(async()=>{if(T.swap&&n)try{await x?.create("swap",{swapDetails:T.swap},{id:T.swap.requestId});let I=`../${O.swaps}/${T.swap.requestId}`;l(I,{replace:!0}),setTimeout(()=>{e("")},0)}catch(I){u("Error: "+I?.message)}},"addNewSwap"),H=i(async()=>{S(!0),await q(),S(!1)},"onConfirm"),_=i(async()=>{T?.warnings?.quote&&!a?B(!0):await H()},"onStartConfirmSwap"),te=i(async()=>{M({error:null,swap:null,warnings:null}),b({selectedWallets:o,customDestination:s}).then(I=>{M(I)}).catch(I=>console.error(I))},"onRefresh");Zo(()=>{!!w.current.length&&!k.length&&te(),w.current=k},[k.length]),Zo(()=>{m&&v()},[m]),Zo(()=>{m&&g(m)},[m]),Zo(()=>{m||b({selectedWallets:o,customDestination:s}).then(I=>M(I)).catch(I=>console.error(I))},[]),Zo(()=>{let I=T.warnings?.quote?.type&&Object.values(_t).includes(T.warnings?.quote?.type),W=o.length<1||!o.every(J=>f.find(ne=>J.address===ne.address&&J.walletType===ne.walletType&&J.chain===ne.chain)),ce=!1;if(I){let J=Bn(t?.swaps||null),ne=t?.swaps[t.swaps.length-1].to.blockchain;!!t?.swaps.find(V=>V.from.blockchain===ne)||(J=J.slice(-J.length,J.length-1)),J.every(V=>o.find(Y=>Y.chain===V))||(ce=!0)}t&&(W||ce)&&(queueMicrotask(()=>HS(g.bind(null,!0))),r(!1))},[T.warnings?.quote,o.length,f.length]),zS(()=>{t||l(`../${p.search}`)},[]);let ie=T.warnings?.quote??null,R=T.error,oe=[];if(c&&oe.push(Te.createElement(Zu,{type:"error",variant:"alarm",title:c})),T.warnings?.quoteUpdate&&oe.push(Te.createElement(Zu,{variant:"alarm",type:"warning",title:T.warnings.quoteUpdate&&Hn(T.warnings.quoteUpdate)})),ie||R){let I=`../${O.settings}`;oe.push(Te.createElement(qo,{warning:ie,error:R,couldChangeSettings:!1,refetchQuote:te,showWarningModal:E,confirmationDisabled:!h,onOpenWarningModal:()=>B(!0),onCloseWarningModal:()=>B(!1),onConfirmWarningModal:async()=>{B(!1),await q()},onChangeSettings:()=>l(I)}))}return Te.createElement(pe,{header:{title:Ls.t("Confirm Swap"),onWallet:()=>{let I=`../${O.wallets}`;l(I)}},footer:Te.createElement(XS,null,Te.createElement("div",{className:jS()},Te.createElement(FS,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:A||C,disabled:!!T.error||!h,onClick:_},Ls.t("Start Swap"))),Te.createElement(Ju,{variant:"contained",type:"primary",size:"large",loading:A||C,disabled:!h,onClick:g.bind(null,!0)},Te.createElement(qS,{size:24})))},d&&Te.createElement(Lc,{open:d,onClose:()=>g(!1),onCancel:v,loading:A,onCheckBalance:Q}),Te.createElement(me,null,Te.createElement("div",{className:YS()},Te.createElement(US,{variant:"title",size:"small"},Ls.t("You get")),Te.createElement("div",{className:KS()},Te.createElement(or,{onClick:!A&&!d&&!E?te:void 0}))),Te.createElement(Bs,{size:"12"}),Dp(oe.map((I,W)=>({element:I,key:`alert-${W}`})),Te.createElement(Bs,{size:10})),oe.length>0?Te.createElement(Bs,{size:10}):null,Te.createElement(eo,{quote:t,type:"swap-preview",expanded:!0,tagHidden:!0,error:T.error,loading:A,warning:T.warnings?.quote??null})))}i(Ru,"ConfirmSwapPage");import{i18n as Lr}from"@lingui/core";import{useManager as mC}from"@rango-dev/queue-manager-react";import{Divider as cm,NotFound as dC,styled as fC}from"@rango-dev/ui";import It,{useState as gC}from"react";import{useNavigate as hC}from"react-router-dom";import{i18n as RS}from"@lingui/core";import{Divider as rm,GroupedVirtualizedList as eC,Skeleton as tC,SwapListItem as im,Typography as oC}from"@rango-dev/ui";import Pe,{useCallback as sm,useEffect as nC,useRef as rC,useState as iC}from"react";function em(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(em,"calculateGroupsSoFar");import{css as ZS,darkTheme as JS,styled as Ro}from"@rango-dev/ui";var Ps=ZS(),tm=Ro("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),$s=Ro("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${Ps}`]:{$$color:"$colors$neutral600",[`.${JS} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ds=Ro("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),om=Ro("div",{gap:"$10",display:"flex",flexDirection:"column"}),nm=Ro("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var sC=10;function Fs(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=iC([]),l=rC(0),{swaps:p,groupCounts:c,groups:u}=n(e),f=sm(em,[]),m=sm(()=>{let d=e.length-l.current;d&&(l.current+=Math.min(d,sC),a(f(c,l.current)))},[e.length]);if(nC(()=>{r||m()},[r,m]),r){let d=[1,2];return Pe.createElement(Pe.Fragment,null,[d,d].map((C,S)=>Pe.createElement($s,{key:S},Pe.createElement(Ds,null,Pe.createElement(tC,{variant:"text",width:60,size:"small"}),Pe.createElement(rm,{size:16})),Pe.createElement(rm,{size:4}),Pe.createElement(om,null,C.map((k,w)=>Pe.createElement(im,{isLoading:!0,key:w}))))))}return Pe.createElement(eC,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:d=>Pe.createElement($s,null,Pe.createElement(Ds,null,Pe.createElement(oC,{variant:"label",size:"medium",className:Ps()},u[d]))),itemContent:(d,g)=>{let C=p[d];if(!C)return null;let S=C.steps[0],h=C.steps[C.steps.length-1];return Pe.createElement(tm,{key:C.requestId},Pe.createElement(im,{requestId:C.requestId,creationTime:C.creationTime,status:C.status,onClick:o,tooltipContainer:L(),onlyShowTime:u[g]===RS.t("Today"),swapTokenData:{from:{token:{image:S.fromLogo,displayName:S.fromSymbol},blockchain:{image:S.fromBlockchainLogo||""},amount:N(C.inputAmount,6,6),realAmount:ue(C.inputAmount)},to:{token:{image:h.toLogo,displayName:h.toSymbol},blockchain:{image:h.toBlockchainLogo||""},amount:N(h.outputAmount||h.expectedOutputAmountHumanReadable||"",6,6),realAmount:ue(h.outputAmount||h.expectedOutputAmountHumanReadable)}}}))}})}i(Fs,"HistoryGroupedList");import{CloseIcon as lC,IconButton as pC,SearchIcon as cC,TextField as uC}from"@rango-dev/ui";import en from"react";import{styled as aC}from"@rango-dev/ui";var am=aC("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function bt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return en.createElement(uC,{prefix:en.createElement(am,null,en.createElement(cC,{color:"black"})),suffix:!!a.length&&en.createElement(pC,{variant:"ghost",onClick:()=>l?.(""),size:"small"},en.createElement(lC,{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(bt,"SearchInput");import{i18n as Mr}from"@lingui/core";import lm from"dayjs";var pm=i(t=>{let e=new Map([["today",{title:Mr.t("Today"),swaps:[]}],["week",{title:Mr.t("This week"),swaps:[]}],["month",{title:Mr.t("This month"),swaps:[]}],["year",{title:Mr.t("This year"),swaps:[]}]]);function o(p,c){e.has(p)||e.set(p,{title:p,swaps:[]}),e.get(p)?.swaps.push(c)}i(o,"addYearsToOutput");let n=lm();t.forEach(p=>{let c=Number(p.creationTime),u=lm(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 yC=fC("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),SC=i((t,e)=>t?.length?t.filter(o=>pt(o.fromBlockchain,e)||pt(o.toBlockchain,e)||pt(o.toSymbol,e)||pt(o.fromSymbol,e)).length:!1,"isStepContainsText");function um(){let t=hC(),{manager:e,state:o}=mC(),n=ut(e).map(({swap:u})=>u),[r,s]=gC(""),a=!o.loadedFromPersistor,l=i(u=>{let f=u.target.value;s(f)},"searchHandler"),p=n;r&&(p=n.filter(u=>pt(u.inputAmount,r)||pt(u.status,r)||SC(u.steps,r)||pt(u.requestId,r)));let c=!p?.length&&!a;return It.createElement(pe,{header:{title:Lr.t("History")}},It.createElement(me,null,It.createElement(bt,{setValue:s,fullWidth:!0,variant:"contained",placeholder:Lr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),It.createElement(cm,{size:"16"}),It.createElement(yC,null,c&&It.createElement(nm,null,It.createElement(cm,{size:32}),It.createElement(dC,{title:Lr.t("No results found"),description:r?Lr.t("Try using different keywords"):""})),!c&&It.createElement(Fs,{list:p,onSwapClick:t,groupBy:pm,isLoading:a}))))}i(um,"HistoryPage");import{i18n as $C}from"@lingui/core";import{Button as DC,Divider as Wm,styled as FC,WarningIcon as OC}from"@rango-dev/ui";import UC from"bignumber.js";import Ue,{useEffect as Nm,useState as Mm}from"react";import{useNavigate as qC}from"react-router-dom";import{i18n as vC}from"@lingui/core";import{Header as bC}from"@rango-dev/ui";import qt,{useEffect as IC,useState as EC}from"react";import{i18n as TC}from"@lingui/core";import{Divider as Us,FullExpandedQuote as kC,Typography as wC}from"@rango-dev/ui";import fe from"react";import{styled as Os}from"@rango-dev/ui";var mm=Os("div",{display:"flex",justifyContent:"center",flexDirection:"column",height:"100%"}),dm=Os("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),fm=Os("div",{width:"146px"});import{i18n as tn}from"@lingui/core";import{Select as CC}from"@rango-dev/ui";import gm from"react";function Br(t){let{updateQuotePartialState:e,sortStrategy:o}=X(),n=[{value:"SMART",label:tn.t("Smart Routing")},{value:"FEE",label:tn.t("Lowest Fee")},{value:"SPEED",label:tn.t("Fastest Transfer")},{value:"NET_OUTPUT",label:tn.t("Maximum Return")},{value:"PRICE",label:tn.t("Maximum Output")}];return gm.createElement(fm,null,gm.createElement(CC,{container:t.container,options:n,value:o,handleItemClick:r=>{e("sortStrategy",r.value)},variant:"filled"}))}i(Br,"SelectStrategy");var hm=3;function on(t){let{loading:e,onClickOnQuote:o,fetch:n,showModalFee:r,hasSort:s=!0,fullExpandedMode:a=!1,container:l}=t,{selectedQuote:p,quotes:c,updateQuotePartialState:u,fromToken:f,toToken:m,sortStrategy:d,error:g}=X(),{slippage:C,customSlippage:S}=y(),h=y().tokens(),k=l||L(),w=!!c&&c.results.length,x=S??C,b=i(T=>{if(!f||!m||!c)return null;let M={requestAmount:c.requestAmount,...T};return io(M,{fromToken:f,toToken:m,userSlippage:x,tokens:h})},"getQuoteWarning"),A=g?.type===0||g?.type===1,v=c?.results?qn(d,c?.results):[];return fe.createElement(fe.Fragment,null,s&&fe.createElement(fe.Fragment,null,fe.createElement(dm,null,fe.createElement(wC,{size:"xmedium",variant:"title"},TC.t("Sort by")),fe.createElement(Br,{container:k})),fe.createElement(Us,{size:"10"})),e&&Array.from({length:hm},(T,M)=>fe.createElement(fe.Fragment,{key:M},a?fe.createElement(kC,{loading:!0}):fe.createElement(Yo,{tagHidden:!1,type:"list-item",expanded:!1}),M!==hm-1&&fe.createElement(Us,{size:16}))),!e&&fe.createElement(fe.Fragment,null,w?v.map((T,M)=>{let E=b(T),B=Ns(T.swaps),Q=v.length-1===M;return fe.createElement(fe.Fragment,{key:T.requestId},fe.createElement(eo,{showModalFee:r,container:k,selected:p?.requestId===T.requestId,tagHidden:!1,quote:{...T,requestAmount:c.requestAmount},loading:e,error:B?.options||null,warning:E,fullExpandedMode:a,onClick:q=>{B||u("warning",E),u("error",B?.options||null),o(q)},type:"list-item"}),!Q&&fe.createElement(Us,{size:16}))}):A&&fe.createElement(mm,null,fe.createElement(Oo,{size:a?"large":"small",error:g,fetch:n}))))}i(on,"Quotes");import{darkTheme as xC,styled as ym}from"@rango-dev/ui";var Sm=ym("div",{transition:"width 0.2s, opacity 0.2s, margin-left 0.2s",height:"700px",width:"390px",opacity:1,marginLeft:"$16",backgroundColor:"$neutral100",[`.${xC} &`]:{backgroundColor:"$neutral300"},variants:{expandMode:{default:{width:"390px"},full:{width:"719px"}}},"&.is-hidden":{width:0,height:0,opacity:0,marginLeft:0}}),Cm=ym("div",{position:"relative",overflow:"hidden",padding:"$20",flexGrow:1,display:"flex",flexDirection:"column",overflowY:"auto",borderRadius:"$primary",backgroundColor:"$background"});var AC=100;function qs(t){let{fetch:e,loading:o,onClickOnQuote:n,onClickRefresh:r,isVisible:s}=t,[a,l]=EC(!1),p=a?"":"is-hidden",{config:c}=y(),u=c?.variant==="full-expanded",f=Ao();return IC(()=>{let m=null;return s?m=setTimeout(()=>{l(!0)},AC):(l(!1),m&&clearTimeout(m)),()=>{m&&clearTimeout(m)}},[s]),qt.createElement(Sm,{expandMode:c?.variant==="full-expanded"?"full":"default",className:`${p} ${ir()}`,id:ke.EXPANDED_BOX_ID},qt.createElement(bC,{title:vC.t("Routes"),suffix:qt.createElement(qt.Fragment,null,qt.createElement(Br,{container:f}),qt.createElement(Zt,{container:f,onClickRefresh:r,hidden:["history","notifications","settings"]}))}),qt.createElement(Cm,null,qt.createElement(on,{showModalFee:!1,fetch:e,hasSort:!1,loading:o,container:Ao(),onClickOnQuote:n,fullExpandedMode:u})))}i(qs,"ExpandedQuotes");import{i18n as Im}from"@lingui/core";import{SwapInput as Em}from"@rango-dev/ui";import nn from"react";import{ReverseIcon as MC}from"@rango-dev/ui";import Qs from"react";import{keyframes as WC,styled as Tm}from"@rango-dev/ui";var zs=450,NC=WC({"0%":{transform:"rotateX(0deg) rotateY(0deg) rotateZ(0deg)"},"33%":{transform:"rotateX(0deg) rotateZ(78deg) rotateY(66deg)"},"66%":{transform:"rotateX(0deg) rotateZ(163deg) rotateY(66deg)"},"100%":{transform:"rotateX(0deg) rotateZ(180deg) rotateY(0deg)"}}),km=Tm("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),wm=Tm("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&.rotate":{"& svg":{animation:`${NC} ${zs}ms ease-in-out forwards`}},"&:hover":{color:"$secondary500",transform:"translateY(1px) scale(1.04)",boxShadow:"1px 1px 1px 1px rgba(0, 0, 0, 0.05)"}});function Hs(){let t=X.use.switchFromAndTo();return Qs.createElement(km,null,Qs.createElement(wm,{onClick:e=>{let o=e.currentTarget;o.classList.add("rotate"),setTimeout(()=>{o.classList.remove("rotate")},zs),t()}},Qs.createElement(MC,{size:12})))}i(Hs,"SwitchFromAndToButton");import{styled as xm}from"@rango-dev/ui";var vm=xm("div",{display:"flex",flexDirection:"column",gap:"$5",alignSelf:"stretch"}),bm=xm("div",{position:"relative"});function Gs(t){let{fetchingQuote:e,fetchMetaStatus:o,onClickToken:n,isExpandable:r}=t,{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:f,outputAmount:m,outputUsdValue:d,selectedQuote:g}=X(),{connectedWallets:C,getBalanceFor:S}=K(),h=s?S(s):null,k=xn(h)?.amount??"0",w=a&&s?N(h?.amount,h?.decimals):"0",x=!!a&&sl(C,a.name),b=!Ii(g,u,f),A=!Ii(g,u,d),v=!f||!d||!d.gt(0)?null:je(f.toString(),d.toString());return nn.createElement(vm,null,nn.createElement(bm,null,nn.createElement(Em,{label:Im.t("From"),mode:"From",onInputChange:c,balance:k,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>n("from"),price:{value:u,usdValue:b?void 0:N(f,4,4),realUsdValue:b?void 0:ue(f),error:b?ee().unknownPriceError.impactTitle:void 0},disabled:o==="failed",loading:o==="loading",loadingBalance:x,tooltipContainer:L(),onSelectMaxBalance:()=>{c(w.split(",").join(""))}}),nn.createElement(Hs,null)),nn.createElement(Em,{sharpBottomStyle:!r&&(!!g||e),label:Im.t("To"),mode:"To",fetchingQuote:e,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:N(je(f,d),2,2),warningLevel:Tt(v??0),price:{value:N(m,6,6),usdValue:A?void 0:N(d,4,4),realValue:ue(m),realUsdValue:A?void 0:ue(d),error:A?ee().unknownPriceError.impactTitle:void 0},onClickToken:()=>n("to"),disabled:o==="failed",loading:o==="loading",tooltipContainer:L()}))}i(Gs,"Inputs");import{useCallback as LC,useEffect as BC,useState as _C}from"react";function Am(){let{fetch:t,loading:e,cancelFetch:o}=Ar({request:async(n,r)=>await Lt().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(Am,"useFetchAllQuotes");var PC=600;function _r({refetchQuote:t}){let{fetch:e,cancelFetch:o}=Am(),{excludeLiquiditySources:n,features:r,enableCentralizedSwappers:s}=y().config,a=K.use.connectedWallets(),l=y().tokens(),{fromToken:p,toToken:c,inputAmount:u,inputUsdValue:f,selectedQuote:m,sortStrategy:d,resetQuote:g,error:C,warning:S,setSelectedQuote:h,updateQuotePartialState:k}=X(),{slippage:w,customSlippage:x,affiliatePercent:b,affiliateRef:A,affiliateWallets:v,fetchStatus:T}=y(),M=y().getLiquiditySources(),E=y().getDisabledLiquiditySources(),B=y().excludeLiquiditySources(),[Q,q]=_C(!0),H=x??w,te=!p||!c||Le(p,c)||!Io(u),ie=i(I=>{q(I)},"resetState"),R=i(I=>{let{fromToken:W,toToken:ce,inputAmount:J,liquiditySources:ne,excludeLiquiditySources:yt,disabledLiquiditySources:G,slippage:V,affiliateRef:Y,affiliatePercent:Se,affiliateWallets:et}=I;if(Q||ie(!0),!te&&W&&ce){g();let De=Rl({fromToken:W,toToken:ce,inputAmount:J,liquiditySources:ne,excludeLiquiditySources:yt,disabledLiquiditySources:G,wallets:a,slippage:V,affiliateRef:Y,affiliatePercent:Se,affiliateWallets:et,enableCentralizedSwappers:s});bl("experimentalRoute",r)&&(De.experimental=!0),e(De).then(Ie=>{let Ge=qn(d,Ie.results),Ne=fp(m,Ge,Ie.requestAmount);q(!1),k("quotes",Ie),h(Ne),Wr({diagnosisMessages:Ie.diagnosisMessages,requestId:Ne?.requestId||"",swaps:Ne?.swaps});let lt=Ne&&io(Ne,{fromToken:W,toToken:ce,userSlippage:H,tokens:l});k("warning",lt)}).catch(Ie=>{let{error:Ge}=Nr(Ie);(Ge?.type===0||Ge?.type===1)&&g(),Ge?.type!==2&&(k("error",Ge),q(!1))})}},"fetch"),oe=LC(kl(I=>{te||R(I)},PC),[te]);return BC(()=>{if(!t){q(!1);return}if(T==="success"){if(te){q(!1),(m||C||S)&&g();return}if(!Io(u)||f?.eq(0)){ie(!1),o();return}return g(),ie(!0),oe({inputAmount:u,fromToken:p,toToken:c,liquiditySources:M,excludeLiquiditySources:B,disabledLiquiditySources:E,slippage:H,affiliateRef:A,affiliatePercent:b,affiliateWallets:v}),o}},[T,u,p?.symbol,p?.address,p?.blockchain,c?.symbol,c?.address,c?.blockchain,te,M?.length,n,E.length,H,A,b,JSON.stringify(v)]),{fetch:()=>R({inputAmount:u,fromToken:p,toToken:c,liquiditySources:M,excludeLiquiditySources:B,disabledLiquiditySources:E,slippage:H,affiliateRef:A,affiliatePercent:b,affiliateWallets:v}),loading:Q}}i(_r,"useSwapInput");var zC=FC("div",{display:"grid",gridTemplateColumns:"auto auto",alignItems:"flex-start",maxHeight:700,"& .footer__alert":{paddingTop:"0 !important"}}),QC=300;function Lm(){let t=qC(),{fromToken:e,toToken:o,inputAmount:n,selectedQuote:r,refetchQuote:s,error:a,warning:l,quotes:p,setSelectedQuote:c,resetQuoteWallets:u,setQuoteWarningsConfirmed:f,updateQuotePartialState:m}=X(),[d,g]=Mm(!1),{isLargeScreen:C,isExtraLargeScreen:S}=Tr(),{fetch:h,loading:k}=_r({refetchQuote:s}),{config:w,fetchStatus:x}=y(),{connectedWallets:b}=K(),{isActiveTab:A}=re(),[v,T]=Mm(!1),E=Xl({fetchMetaStatus:x,fetchingQuote:k,inputAmount:n,quote:r,anyWalletConnected:b.length>0,error:a,warning:l,needsToWarnEthOnPath:!1}),B=ml(C,S,w?.variant),Q=!!n&&!!e&&!!o&&new UC(n).gt(0)&&!lp(e,o),q=Q&&x==="success"&&k,te=(!B||B&&p?.results.length)&&(l||a);Nm(()=>{u(),m("refetchQuote",!0)},[]),Nm(()=>{g(Q)},[Q]);let ie=(r||a)&&!v?h:void 0,R=i(I=>{B&&d?(g(!1),setTimeout(()=>{t(I)},QC)):t(I)},"onHandleNavigation"),oe=i(I=>{r?.requestId!==I.requestId&&(T(!1),c(I))},"onClickOnQuote");return Ue.createElement(zC,null,Ue.createElement(pe,{height:"auto",footer:Ue.createElement(DC,{type:"primary",size:"large",disabled:E.disabled||!A,prefix:E.action==="confirm-warning"&&Ue.createElement(OC,null),fullWidth:!0,onClick:()=>{E.action==="connect-wallet"?R(O.wallets):E.action==="confirm-warning"?T(!0):R(O.confirmSwap)}},E.title),header:{onWallet:()=>{R(O.wallets)},hasBackButton:!1,title:w.title||$C.t("Swap"),suffix:Ue.createElement(Zt,{hidden:B?["refresh"]:void 0,onClickRefresh:ie,onClickHistory:()=>R(O.swaps),onClickSettings:()=>{R(O.settings)}})}},Ue.createElement(me,null,Ue.createElement(Gs,{fetchingQuote:q,fetchMetaStatus:x,isExpandable:B,onClickToken:I=>{R(I==="from"?O.fromSwap:O.toSwap)}}),Ue.createElement(Wm,{size:"2"}),B?null:Ue.createElement(eo,{quote:r,loading:q,error:a,tagHidden:!1,warning:l,type:"basic",onClickAllRoutes:p&&p.results.length>1?()=>{m("refetchQuote",!1),R(O.routes)}:void 0}),te?Ue.createElement(Ue.Fragment,null,Ue.createElement(Wm,{size:"10"}),Ue.createElement(qo,{warning:l,error:a,couldChangeSettings:!0,refetchQuote:h,showWarningModal:v,confirmationDisabled:!A,onOpenWarningModal:()=>T(!0),onCloseWarningModal:()=>T(!1),onConfirmWarningModal:()=>{T(!1),f(!0),R(O.confirmSwap)},onChangeSettings:()=>R(O.settings)})):null)),B?Ue.createElement(qs,{loading:q,onClickOnQuote:oe,fetch:h,onClickRefresh:ie,isVisible:d}):null)}i(Lm,"Home");import{i18n as Bm}from"@lingui/core";import{Alert as HC,Divider as GC,List as VC,ListItemButton as XC,Radio as jC,RadioRoot as KC,Typography as YC}from"@rango-dev/ui";import gt from"react";function zt(){let{setLanguage:t,language:e,config:o}=y(),n=El,r=o?.language||No;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||No),resetLanguage:()=>t(null)}}i(zt,"useLanguage");function _m(){let{activeLanguage:t,changeLanguage:e,languages:o}=zt(),n=Ye(),r=o.map(s=>{let{local:a,label:l,SVGFlag:p}=s;return{id:a,value:a,title:gt.createElement(YC,{variant:"title",size:"xmedium"},l),onClick:()=>{e(s.local),n()},end:gt.createElement(jC,{value:a}),start:gt.createElement(p,null)}});return gt.createElement(pe,{header:{title:Bm.t("Language")}},gt.createElement(me,null,gt.createElement(HC,{type:"warning",variant:"alarm",title:"Important Notice: Machine translations are in use"}),gt.createElement(GC,{size:"8"}),gt.createElement(KC,{value:t},gt.createElement(VC,{type:gt.createElement(XC,{title:Bm.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}i(_m,"LanguagePage");import{i18n as Et}from"@lingui/core";import{Button as tT,Checkbox as oT,Image as nT,ListItemButton as rT,NotFound as iT,Typography as sT}from"@rango-dev/ui";import $e,{useState as aT}from"react";import{Checkbox as RC,Skeleton as $m}from"@rango-dev/ui";import sn from"react";import{styled as Vs}from"@rango-dev/ui";var rn=Vs("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),Xs=Vs("div",{width:80,display:"flex",justifyContent:"flex-end"}),js=Vs("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as ZC,styled as JC}from"@rango-dev/ui";var Pm=JC(ZC,{height:61});var eT=30;function Ks(){return sn.createElement(rn,null,Array.from(Array(eT),(t,e)=>sn.createElement(Pm,{hasDivider:!0,key:e,start:sn.createElement($m,{variant:"circular",width:35,height:35}),title:sn.createElement($m,{variant:"text",size:"large",width:90}),end:sn.createElement(RC,{checked:!1})})))}i(Ks,"LoadingLiquiditySourceList");function Ys({sourceType:t}){let e=y().fetchStatus,o=y().swappers(),n=y().getDisabledLiquiditySources(),[r,s]=aT(""),a=y().toggleLiquiditySource,l=y().isInCampaignMode(),p=Wn(o,n),c={Exchanges:Et.t("Exchanges"),Bridges:Et.t("Bridges")},u=[];t==="Exchanges"&&u.push("DEX"),t==="Bridges"&&u.push("BRIDGE","AGGREGATOR","OFF_CHAIN");let f=p.filter(h=>u.includes(h.type)),m=f.length===f.filter(h=>h.selected).length,d=i(()=>{f.forEach(h=>{m?a(h.groupTitle):h.selected||a(h.groupTitle)})},"toggleAllSources"),g=f.map(h=>{let{selected:k,groupTitle:w,logo:x}=h;return{start:$e.createElement(nT,{src:x,size:22,type:"circular"}),onClick:()=>{l||a(w)},end:$e.createElement(oT,{checked:k,disabled:l}),title:$e.createElement(sT,{variant:"title",size:"xmedium"},Et.t(w)),...h}}),C=i(h=>{let k=h.target.value;s(k)},"searchHandler"),S=g;return r&&(S=g.filter(h=>pt(h.groupTitle,r))),$e.createElement(pe,{header:{title:Et.t(t),suffix:$e.createElement(Xs,null,$e.createElement(tT,{variant:"ghost",size:"xsmall",onClick:d},m?Et.t("Deselect all"):Et.t("Select all")))}},$e.createElement(me,{view:!0},$e.createElement(bt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:Et.t("Search {sourceType}",{sourceType:c[t]}),onChange:C}),e==="loading"&&$e.createElement(Ks,null),!S.length&&r?$e.createElement(js,null,$e.createElement(iT,{title:Et.t("No results found"),description:Et.t("Try using different keywords")})):e==="success"&&$e.createElement(rn,{disabled:l},S.map(h=>{let{groupTitle:k,...w}=h;return $e.createElement($e.Fragment,{key:h.id},$e.createElement(rT,{style:{height:"61px"},...w,selected:!1,hasDivider:!0}))}))))}i(Ys,"LiquiditySourcePage");import{i18n as lT}from"@lingui/core";import Pr from"react";import{useNavigate as pT}from"react-router-dom";function Dm(){let t=pT(),e=Ye(),{selectedQuote:o,refetchQuote:n,setSelectedQuote:r,updateQuotePartialState:s,error:a}=X(),{fetch:l,loading:p}=_r({refetchQuote:n}),c=i(m=>{r(m),s("refetchQuote",!1),e()},"onClickOnQuote"),u=`../${O.settings}`,f=`../${O.wallets}`;return Pr.createElement(pe,{header:{onWallet:()=>{t(f)},onBack:()=>{s("refetchQuote",!1)},title:lT.t("Routes"),suffix:Pr.createElement(Zt,{onClickRefresh:o||a?l:void 0,hidden:["notifications","history"],onClickSettings:()=>t(u)})}},Pr.createElement(me,null,Pr.createElement(on,{fetch:l,loading:p,onClickOnQuote:c})))}i(Dm,"RoutesPage");import{i18n as Gm}from"@lingui/core";import{Divider as Vm,getCountCategories as CT,SelectableCategoryList as TT}from"@rango-dev/ui";import At,{useState as Xm}from"react";import{i18n as Js}from"@lingui/core";import{Divider as Qm,Image as fT,ListItemButton as gT,NotFound as hT,Typography as Hm}from"@rango-dev/ui";import Ze,{useEffect as yT,useState as ST}from"react";import{BlockchainCategories as Zs}from"@rango-dev/ui";import{TransactionType as $r}from"rango-sdk";var cT=i((t,e)=>{switch(e){case Zs.ALL:return!0;case Zs.UTXO:return t.type===$r.TRANSFER;case Zs.OTHER:return t.type!==$r.TRANSFER&&t.type!==$r.COSMOS&&t.type!==$r.EVM;default:return t.type===e}},"filterByType"),Fm=i((t,e,o)=>t.filter(n=>cT(n,o)).filter(n=>Ct(n.name,e)||Ct(n.displayName,e)),"filterBlockchains");import{ImageContainer as uT,styled as Om}from"@rango-dev/ui";var Um=Om("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Dr=Om($o,{padding:0,margin:0,listStyle:"none",[`& ${uT}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as mT,Skeleton as qm}from"@rango-dev/ui";import Fr from"react";var dT=20;function zm(){return Fr.createElement(Dr,null,Array.from(Array(dT),t=>Fr.createElement(mT,{key:t,hasDivider:!0,start:Fr.createElement(qm,{variant:"circular",width:35,height:35}),title:Fr.createElement(qm,{variant:"text",size:"large",width:90})})))}i(zm,"LoadingBlockchainList");function Rs(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=ST(e),{fetchStatus:l}=y();yT(()=>{a([...Fm(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Ze.createElement(Ze.Fragment,null,Ze.createElement(Qm,{size:32}),Ze.createElement(hT,{title:Js.t("No results found"),description:Js.t("Try using different keywords")})):Ze.createElement(Dr,{as:"ul",key:`${r}-${o}`},s.map(c=>Ze.createElement(gT,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:Ze.createElement(fT,{src:c.logo,size:30}),title:Ze.createElement(Hm,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return Ze.createElement(Um,null,Ze.createElement(Hm,{variant:"label",size:"large"},Js.t("Select Blockchain")),Ze.createElement(Qm,{size:4}),l==="loading"&&Ze.createElement(zm,null),l==="success"&&p())}i(Rs,"BlockchainList");function ea(t){let{type:e}=t,o=Ye(),[n,r]=Xm(""),[s,a]=Xm("ALL"),l=X.use.setToBlockchain(),p=X.use.setFromBlockchain(),c=y().fetchStatus,u=y().blockchains({type:e}),m=CT(u)!==1;return At.createElement(pe,{header:{title:Gm.t("Select Blockchain")}},At.createElement(me,{view:!0},m&&At.createElement(At.Fragment,null,At.createElement(TT,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),At.createElement(Vm,{size:24})),At.createElement(bt,{value:n,autoFocus:!0,placeholder:Gm.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),At.createElement(Vm,{size:16}),At.createElement(Rs,{list:u,searchedFor:n,blockchainCategory:s,onChange:d=>{e==="source"?p(d):l(d),o()}})))}i(ea,"SelectBlockchainPage");import{i18n as Qr}from"@lingui/core";import{Divider as fd}from"@rango-dev/ui";import to,{useState as DT}from"react";import{useNavigate as FT}from"react-router-dom";import{i18n as na}from"@lingui/core";import{BlockchainsChip as Or,Divider as Zm,Image as Jm,Skeleton as bT,Tooltip as IT,Typography as ra}from"@rango-dev/ui";import be from"react";import{useEffect as xT}from"react";var jm=["ETH","COSMOS","OSMOSIS"];function ta(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(kT),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(wT(a)),r=n.splice(s)}return{list:n,more:r}}i(ta,"prepare");function kT(t,e){let o=jm,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(kT,"sortByMostUsedBlockchains");function wT(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(wT,"generateSortByPreferredBlockchainsFor");function Km(t,e){return!!e.list.find(o=>o.name===t)}i(Km,"isInVisibleList");function oa(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=y();xT(()=>{if(e?.selected){let s=ta(t,o,e);Km(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=ta(t,o,e);return{list:r.list,more:r.more,history:[]}}i(oa,"usePrepareBlockchainList");import{styled as vT}from"@rango-dev/ui";var Ym=vT("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var ET=12;function ia(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=oa(e,{limit:10,selected:n?.name}),{fetchStatus:l}=y(),p=X.use.resetToBlockchain(),c=X.use.resetFromBlockchain(),u=a.more.length>0,f=a.more.length===1,m=!f&&u;return be.createElement(be.Fragment,null,be.createElement(Zm,{size:12}),be.createElement(ra,{variant:"label",size:"large"},na.t("Select Blockchain")),be.createElement(Zm,{size:12}),be.createElement(Ym,null,l==="loading"&&Array.from(Array(ET),d=>be.createElement(bT,{key:d,variant:"rounded",height:50})),l==="success"&&be.createElement(be.Fragment,null,be.createElement(Or,{selected:!n,onClick:()=>{o==="from"?c():p()}},be.createElement(ra,{variant:"body",size:"xsmall",color:"secondary500"},na.t("All"))),a.list.map(d=>be.createElement(IT,{key:d.name,content:d.shortName,side:"bottom",sideOffset:2,container:L()},be.createElement(Or,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},be.createElement(Jm,{src:d.logo,size:30})))),f?be.createElement(Or,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},be.createElement(Jm,{src:a.more[0].logo,size:30})):null,m?be.createElement(Or,{onClick:s,key:"more-blockchains"},be.createElement(ra,{variant:"body",size:"xsmall",color:"secondary500"},na._("More +{count}",{count:a.more.length}))):null)))}i(ia,"BlockchainsSection");import{i18n as ga}from"@lingui/core";import{darkTheme as pd,Divider as ko,ExternalLinkIcon as NT,Image as MT,ListItemButton as LT,NotFound as BT,PinIcon as _T,Skeleton as cd,Typography as zr,VirtualizedList as PT}from"@rango-dev/ui";import z,{useEffect as ud,useState as md}from"react";import{Divider as ad,ListItem as WT,Skeleton as an}from"@rango-dev/ui";import it from"react";import{css as To,darkTheme as Rm,ImageContainer as AT,styled as Je,Typography as ed}from"@rango-dev/ui";var sa=To({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),aa=To({position:"relative",height:12,width:"30%",maxWidth:"150px"}),la=To({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),pa=To({transform:"translateY(12px)",visibility:"hidden",display:"flex","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Rm} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),ca=To({}),ua=To(),td=Je("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),ma=Je("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Ur=Je("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${aa}`]:{[`& .${pa}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${ca}`]:{bottom:"-15px"},[`& .${sa}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${la}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),da=Je("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),fa=Je(ed,{}),od=Je("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${ua}`]:{$$color:"$colors$neutral600",[`.${Rm} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),qr=Je("div",{display:"flex",alignItems:"end",flexDirection:"column"}),PF=Je("div",{display:"flex",alignItems:"center"}),nd=Je("div",{position:"relative",[`& ${AT}`]:{borderRadius:"$xm",overflow:"hidden"}}),rd=Je("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),id=Je(ed,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),sd=Je("a",{"& svg:hover":{color:"$colors$info"}});function ld(t){return it.createElement(Ur,null,Array.from(Array(t.size),e=>it.createElement(WT,{key:e,hasDivider:!0,start:it.createElement(an,{variant:"circular",width:35,height:35}),end:it.createElement(qr,null,it.createElement(an,{variant:"text",size:"large",width:70}),it.createElement(ad,{size:4}),it.createElement(an,{variant:"text",size:"medium",width:50})),title:it.createElement("div",null,it.createElement(an,{variant:"text",size:"large",width:90}),it.createElement(ad,{size:4}),it.createElement(an,{variant:"text",size:"medium",width:90}))})))}i(ld,"LoadingTokenList");var ha=20,$T=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return z.createElement("div",{className:aa()},o?z.createElement("div",{className:sa()},o):z.createElement(ma,{className:la()},z.createElement(zr,{variant:"title",size:"xmedium"},r.symbol),z.createElement(ko,{direction:"horizontal",size:4}),z.createElement(da,{css:s},z.createElement(fa,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&z.createElement("div",{className:`${pa()} ${!o&&ca()}`},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",z.createElement(ko,{size:4,direction:"horizontal"}),z.createElement(sd,{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},z.createElement(NT,{size:12}))))},"renderDesc");function dd(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=md(e),l=y().fetchStatus,p=y().blockchains(),[c,u]=md(!0),{getBalanceFor:f,loading:m}=K(),{isTokenPinned:d}=y(),g=i(()=>{a(e.slice(0,s.length+ha))},"loadNextPage");ud(()=>{u(e.length>s.length)},[s.length]),ud(()=>{a(e.slice(0,ha))},[e.length]);let C=i(()=>!s.length&&o?z.createElement(z.Fragment,null,z.createElement(ko,{size:32}),z.createElement(BT,{title:ga.t("No results found"),description:ga.t("Try using different keywords")})):z.createElement(PT,{endReached:c?g:void 0,itemContent:S=>{let h=s[S],k=xn(f(h)),w=h.address||"",x=p.find(M=>M.name===h.blockchain),b=Jn(x?.color||"",Pp(x?.color||"")?5:125),A=Jn(x?.color||"",-100),v={$$color:b,[`.${pd} &`]:{$$color:A},backgroundColor:"$$color"},T={$$color:A,[`.${pd} &`]:{$$color:b},color:"$$color"};return z.createElement("div",{style:{paddingRight:5}},z.createElement(LT,{style:{width:"100%",overflow:"hidden",height:"60px"},"tab-index":S,key:`${h.symbol}${h.address}`,id:`${h.symbol}${h.address}`,hasDivider:!0,onClick:()=>n(s[S]),start:z.createElement(nd,null,z.createElement(MT,{src:h.image,size:30}),d(h,t.type)&&z.createElement(rd,null,z.createElement(_T,{size:12,color:"gray"}))),title:x?.type==="COSMOS"||h.name||!h.name&&!w?z.createElement(ma,null,z.createElement(zr,{variant:"title",size:"xmedium"},h.symbol),z.createElement(ko,{direction:"horizontal",size:4}),z.createElement(da,{css:v},z.createElement(fa,{variant:"body",size:"xsmall",css:T},h.blockchain))):void 0,description:x?.info&&w&&x.type!=="COSMOS"?$T({address:w,token:s[S],customCssForTag:v,customCssForTagTitle:T,name:h.name,url:x.info.addressUrl.split("{wallet}").join(w)}):h.name||void 0,end:m?z.createElement(qr,null,z.createElement(cd,{variant:"text",size:"large",width:70}),z.createElement(ko,{size:4}),z.createElement(cd,{variant:"text",size:"medium",width:50})):k&&z.createElement(od,null,z.createElement(id,{variant:"title",size:"small"},k.amount),z.createElement("div",null),k.usdValue&&z.createElement(zr,{variant:"body",className:ua(),size:"xsmall"},`$${k.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return z.createElement(td,null,z.createElement(zr,{variant:"label",size:"large"},ga.t("Select Token")),z.createElement(ko,{size:4}),l==="loading"&&z.createElement(ld,{size:ha}),l==="success"&&z.createElement(Ur,{as:"ul"},C()))}i(dd,"TokenList");function ya(t){let{type:e}=t,o=FT(),n=Ye(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=X(),u=K.use.getBalanceFor(),[f,m]=DT(""),g=(e==="source"?r:s)?.name??"",C=y().blockchains({type:e}),S=y().tokens({type:e,blockchain:g,searchFor:f,getBalanceFor:u}),h=i(x=>{e==="source"?p(x):c(x)},"updateBlockchain"),k=i(x=>{e==="source"?a({token:x,meta:{blockchains:C,tokens:S}}):l({token:x,meta:{blockchains:C,tokens:S}})},"updateToken"),w={source:Qr.t("Source"),destination:Qr.t("Destination")};return to.createElement(pe,{header:{title:Qr.t("Swap {type}",{type:w[e]})}},to.createElement(me,null,to.createElement(ia,{blockchains:C,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(O.blockchains),onChange:x=>{h(x)}}),to.createElement(fd,{size:24}),to.createElement(bt,{value:f,autoFocus:!0,placeholder:Qr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:x=>m(x.target.value)}),to.createElement(fd,{size:16}),to.createElement(dd,{list:S,selectedBlockchain:g,searchedFor:f,type:e,onChange:x=>{k(x);let b=C.find(A=>x.blockchain===A.name);b&&h(b),n()}})))}i(ya,"SelectSwapItemsPage");import{i18n as ka}from"@lingui/core";import{Alert as pk,Button as ck,styled as uk}from"@rango-dev/ui";import oo from"react";import{useInRouterContext as mk,useSearchParams as dk}from"react-router-dom";import{i18n as Td}from"@lingui/core";import{Divider as zT,InfoIcon as QT,TextField as HT,Tooltip as GT,Typography as kd}from"@rango-dev/ui";import st from"react";import{Chip as OT,styled as ln,TextField as UT}from"@rango-dev/ui";var gd=ln("div",{paddingTop:"$5",padding:"$10 $5"}),hd=ln("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${UT}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),yd=ln("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Hr=ln("div",{maxWidth:"280px",padding:"$10"}),Sd=ln(OT,{width:"61px",flexShrink:0});import{i18n as Sa}from"@lingui/core";import{Typography as qT}from"@rango-dev/ui";import pn from"react";function Cd(){return pn.createElement(Hr,null,pn.createElement(qT,{variant:"label",size:"medium",color:"neutral700"},Sa.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),pn.createElement("br",null),pn.createElement("br",null),pn.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(Cd,"SlippageTooltipContent");function Ca(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=y();return st.createElement(gd,null,st.createElement(yd,null,st.createElement(kd,{variant:"title",size:"xmedium"},Td.t("Slippage tolerance per swap")),st.createElement(zT,{direction:"horizontal",size:4}),st.createElement(GT,{container:L(),side:"top",sideOffset:4,content:st.createElement(Cd,null)},st.createElement(QT,{color:"gray"}))),st.createElement(hd,null,Al.map((r,s)=>{let a=`slippage-${s}`;return st.createElement(Sd,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`})}),st.createElement(HT,{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>=Ll&&a<=Ml?n(a):n(null)},suffix:o&&st.createElement(kd,{variant:"body",size:"small"},"%"),placeholder:Td.t("Custom")})))}i(Ca,"Slippage");import{i18n as ht}from"@lingui/core";import{AutoThemeIcon as wd,BridgesIcon as VT,ChevronRightIcon as Ta,DarkModeIcon as xd,Divider as Gr,ExchangeIcon as XT,InfinityIcon as jT,InfoIcon as KT,LanguageIcon as YT,LightModeIcon as vd,List as ZT,ListItem as JT,ListItemButton as RT,Skeleton as ek,styled as tk,Switch as ok,Tabs as nk,Tooltip as rk,Typography as Re}from"@rango-dev/ui";import D from"react";import{useNavigate as ik}from"react-router-dom";var sk=tk("div",{width:"202px",height:"$40"}),ak=[{id:"light",icon:D.createElement(vd,{color:"black",size:24}),tooltip:D.createElement(Re,{size:"xsmall",variant:"body"},ht.t("Light"))},{id:"dark",icon:D.createElement(xd,{color:"black",size:24}),tooltip:D.createElement(Re,{size:"xsmall",variant:"body"},ht.t("Dark"))},{id:"auto",icon:D.createElement(wd,{color:"black",size:24}),tooltip:D.createElement(Re,{size:"xsmall",variant:"body"},ht.t("Auto"))}],lk=i(t=>{let e={color:"gray",size:16};switch(t){case"auto":return D.createElement(wd,{...e});case"dark":return D.createElement(xd,{...e});default:return D.createElement(vd,{...e})}},"getThemeIcon");function bd(){let t=ik(),{theme:e}=y().config,{setTheme:o,theme:n}=y(),{activeLanguage:r,languages:s}=zt(),a=s.find(H=>H.local===r)?.label,l=y().fetchStatus,p=y().swappers(),c=y().getDisabledLiquiditySources(),{config:{features:u}}=y(),f=Xe("theme",u),m=Xe("liquiditySource",u),d=Xe("language",u),g=y().infiniteApprove,C=y().toggleInfiniteApprove,S=Wn(p,c),h=S.filter(H=>["BRIDGE","AGGREGATOR","OFF_CHAIN"].includes(H.type)),k=h.length,w=h.filter(H=>H.selected).length,x=S.filter(H=>H.type==="DEX"),b=x.length,A=x.filter(H=>H.selected).length,v=i((H,_)=>{switch(l){case"loading":return D.createElement(ek,{variant:"text",size:"medium",width:50});case"failed":return D.createElement(Re,{variant:"body",size:"medium",color:"$error500"},ht.t("Loading failed"));default:return D.createElement(Re,{variant:"body",size:"medium"},`${H} / ${_}`)}},"handleSwapperEndItem"),T={id:"bridge-item",title:D.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Bridges")),end:D.createElement(D.Fragment,null,v(w,k),D.createElement(Gr,{direction:"horizontal",size:8}),D.createElement(Ta,{color:"black"})),onClick:()=>t(O.bridges),start:D.createElement(VT,{color:"gray",size:16})},M={id:"exchange-item",title:D.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Exchanges")),end:D.createElement(D.Fragment,null,v(A,b),D.createElement(Gr,{direction:"horizontal",size:8}),D.createElement(Ta,{color:"black"})),start:D.createElement(XT,{color:"gray",size:16}),onClick:()=>t(O.exchanges)},E={id:"language-item",title:D.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Language")),start:D.createElement(YT,{color:"gray",size:16}),end:D.createElement(D.Fragment,null,D.createElement(Re,{variant:"body",size:"medium"},a),D.createElement(Gr,{direction:"horizontal",size:8}),D.createElement(Ta,{color:"black"})),onClick:()=>t(O.languages)},B={id:"infinite-approval-item",title:D.createElement(D.Fragment,null,D.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Infinite approval")),D.createElement(Gr,{direction:"horizontal",size:4}),D.createElement(rk,{side:"top",sideOffset:4,container:L(),content:D.createElement(Hr,null,D.createElement(Re,{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.")))},D.createElement(KT,{color:"gray"}))),start:D.createElement(jT,{color:"gray",size:16}),end:D.createElement(ok,{checked:g}),onClick:C},Q={id:"theme-item",type:D.createElement(JT,null),title:D.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Theme")),end:D.createElement(sk,null,D.createElement(nk,{container:L(),items:ak,value:n,onChange:H=>o(H.id),type:"primary",borderRadius:"small"})),start:lk(n)},q=m?[]:[T,M];return d||q.push(E),q.push(B),!e?.singleTheme&&!f&&q.push(Q),D.createElement(ZT,{type:D.createElement(RT,{hasDivider:!0,id:"_",onClick:()=>console.log()}),items:q})}i(bd,"SettingsLists");var fk=uk("div",{paddingLeft:"$8"});function Id(){let{isInCampaignMode:t,updateCampaignMode:e}=y(),o=t(),[,n]=dk(),r=mk(),s=i(()=>{r&&o&&(n(a=>(a.delete("liquiditySources"),a),{replace:!0}),e("liquiditySources",void 0))},"onClick");return oo.createElement(pe,{header:{title:ka.t("Settings")}},oo.createElement(me,null,o&&oo.createElement(pk,{type:"info",variant:"alarm",title:ka.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:oo.createElement(fk,null,oo.createElement(ck,{type:"secondary",size:"small",onClick:s},ka.t("Reset")))}),oo.createElement(Ca,null),oo.createElement(bd,null)))}i(Id,"SettingsPage");import{i18n as ew}from"@lingui/core";import{cancelSwap as tw}from"@rango-dev/queue-manager-rango-preset";import{useManager as ow}from"@rango-dev/queue-manager-react";import{Alert as nw}from"@rango-dev/ui";import Fa from"react";import{useParams as rw}from"react-router-dom";import{i18n as Mt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as $k,getCurrentStep as Dk,getRelatedWalletOrNull as Fk}from"@rango-dev/queue-manager-rango-preset";import{Button as of,CopyIcon as Ok,Divider as Uk,IconButton as qk,LinkIcon as zk,QuoteCost as Qk,StepDetails as Hk,Typography as no,useCopyToClipboard as Gk}from"@rango-dev/ui";import{useWallets as Vk}from"@rango-dev/wallets-react";import nf from"bignumber.js";import{PendingSwapNetworkStatus as ei}from"rango-types";import Z,{useEffect as rf,useRef as Xk,useState as sf}from"react";import{useNavigate as jk}from"react-router-dom";import{i18n as Qt}from"@lingui/core";var gk=[Qt.t("Sunday"),Qt.t("Monday"),Qt.t("Tuesday"),Qt.t("Wednesday"),Qt.t("Thursday"),Qt.t("Friday"),Qt.t("Saturday")];function Ed(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Qt.t("Today"):`${gk[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(Ed,"timeSince");function Ad(t){return t.finishTime?Ed(parseInt(t.finishTime)):Ed(parseInt(t.creationTime))}i(Ad,"getSwapDate");import{PendingSwapNetworkStatus as jr}from"rango-types";import Kr from"react";import{i18n as Vr}from"@lingui/core";import{Button as Wd,Divider as wa,MessageBox as hk}from"@rango-dev/ui";import Ht from"react";var Nd=i(({onCancel:t,onClose:e})=>Ht.createElement(Ht.Fragment,null,Ht.createElement(wa,{size:20}),Ht.createElement(hk,{type:"error",title:Vr.t("Cancel Swap"),description:Vr.t("Are you sure you want to cancel this swap?")}),Ht.createElement(wa,{size:32}),Ht.createElement(Wd,{variant:"contained",type:"primary",size:"large",onClick:t},Vr.t("Yes, Cancel it")),Ht.createElement(wa,{size:12}),Ht.createElement(Wd,{variant:"outlined",type:"primary",size:"large",onClick:e},Vr.t("No, Continue"))),"CancelContent");import{i18n as Xr}from"@lingui/core";import{Button as Md,Divider as xa,MessageBox as yk,Typography as Sk}from"@rango-dev/ui";import Wt from"react";var Ld=i(({onDelete:t,onClose:e})=>Wt.createElement(Wt.Fragment,null,Wt.createElement(xa,{size:20}),Wt.createElement(yk,{type:"error",title:Xr.t("Delete Transaction"),description:Xr.t("Are you sure you want to delete this swap?")}),Wt.createElement(xa,{size:32}),Wt.createElement(Md,{variant:"contained",type:"primary",size:"large",onClick:t},Xr.t("Yes, Delete it")),Wt.createElement(xa,{size:12}),Wt.createElement(Md,{variant:"outlined",type:"primary",size:"large",onClick:e},Wt.createElement(Sk,{variant:"title",size:"medium",color:"primary"},Xr.t("No, Cancel")))),"DeleteContent");import{i18n as va}from"@lingui/core";import{PendingSwapNetworkStatus as ba}from"rango-types";var Ia={[ba.WaitingForNetworkChange]:{type:"loading",title:va.t("Change Network")},[ba.WaitingForConnectingWallet]:{type:"warning",title:va.t("Connect Wallet")},[ba.NetworkChanged]:{type:"success",title:va.t("Network Changed")}};import{debug as Ck}from"@rango-dev/logging-core";import{MessageBox as Tk,Wallet as kk}from"@rango-dev/ui";import{useWallets as wk}from"@rango-dev/wallets-react";import cn from"react";import{styled as Bd}from"@rango-dev/ui";var _d=Bd("div",{display:"flex",justifyContent:"center"}),xU=Bd("div",{maxWidth:280,"& ._typography":{wordWrap:"break-word",display:"block"}});var Pd=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c}=wk(),u=n?.walletType,f=u?ci(c(u)):null,m=u?p(u):null;return cn.createElement(cn.Fragment,null,cn.createElement(Tk,{type:e,title:o,description:r}),s&&!!u&&!!f&&!!m&&cn.createElement(_d,null,cn.createElement(kk,{container:L(),title:m.name,image:m.img,type:u,state:f,link:m.installLink,disabled:a,onClick:async()=>l(u).catch(g=>Ck(g))})))},"WalletStateContent");function Ea(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===jr.WaitingForNetworkChange||e===jr.WaitingForConnectingWallet||e===jr.NetworkChanged;return Kr.createElement(le,{open:!!e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},p&&Kr.createElement(Pd,{type:Ia[e].type,title:Ia[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==jr.WaitingForNetworkChange}),e==="delete"&&Kr.createElement(Ld,{onClose:o,onDelete:n}),e==="cancel"&&Kr.createElement(Nd,{onClose:o,onCancel:r}))}i(Ea,"SwapDetailsModal");import{i18n as un}from"@lingui/core";import{Button as Aa,Divider as Yr,MessageBox as $d,TokenAmount as xk,Typography as Wa}from"@rango-dev/ui";import We from"react";import{useNavigate as vk}from"react-router-dom";function Na(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=vk();return We.createElement(le,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},n==="success"?We.createElement($d,{type:"success",title:un.t("Swap Successful")},We.createElement(xk,{direction:"vertical",tooltipContainer:L(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),We.createElement(Yr,{size:12}),We.createElement(Wa,{variant:"body",size:"medium",color:"neutral700",align:"center"},f)):We.createElement($d,{type:"error",title:un.t("Transaction Failed"),description:f}),We.createElement(Yr,{size:32}),n==="success"&&We.createElement(Aa,{variant:"contained",type:"primary",size:"large",onClick:()=>{d("../../")}},We.createElement(Wa,{variant:"title",size:"medium",color:"neutral100"},un.t("Done"))),We.createElement(Yr,{size:12}),m&&We.createElement(We.Fragment,null,We.createElement(Aa,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},un.t("Diagnosis")),We.createElement(Yr,{size:12})),We.createElement(Aa,{variant:"outlined",type:"primary",size:"large",onClick:o},We.createElement(Wa,{variant:"title",size:"medium",color:"primary"},un.t("See Details"))))}i(Na,"SwapDetailsCompleteModal");import Pk from"react";import{i18n as Mk}from"@lingui/core";import{Alert as Jd,IconButton as Lk,LinkIcon as Bk}from"@rango-dev/ui";import Gt,{Fragment as _k}from"react";import{Alert as Ek,ChevronDownIcon as Ak,IconButton as Wk}from"@rango-dev/ui";import xo,{useState as Nk}from"react";import{css as mn,darkTheme as bk,styled as Nt,Typography as Ik}from"@rango-dev/ui";var Dd=Nt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Zr=Nt("div",{width:"100%"}),Fd=Nt($o,{padding:"$0 $20 $20 $20"}),rq=Nt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Od=Nt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),iq=Nt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),wo=mn({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${bk} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),Ud=mn({padding:"$5 0"}),Jr=mn({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),qd=mn({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),zd=mn({width:"100%",padding:"0 $20 $10"}),Qd=Nt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"}),Hd=Nt("div",{display:"flex",flexDirection:"column",gap:"$5"}),Rr=Nt(Ik,{wordBreak:"break-word"});import{styled as Ma}from"@rango-dev/ui";var Gd=Ma("div",{display:"flex",flexDirection:"column",gap:"$10"}),Vd=Ma("div",{transition:"transform 0.3s ease-in-out",variants:{rotated:{true:{transform:"rotate(180deg)"}}}}),Xd=Ma("div",{transition:"max-height 0.3s ease-in-out",maxHeight:"0px",overflow:"hidden",variants:{open:{true:{maxHeight:"200px"}}}});function jd(t){let{message:e}=t,[o,n]=Nk(!1);return xo.createElement(Ek,{type:"error",title:e.shortMessage,containerStyles:{"& .footer":{paddingTop:"$0"}},action:e.detailedMessage.content&&xo.createElement(Wk,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},xo.createElement(Vd,{rotated:o},xo.createElement(Ak,{size:12,color:"gray"}))),footer:xo.createElement(Xd,{open:o},xo.createElement(Rr,{variant:"body",size:"xsmall",color:"neutral700"},e.detailedMessage.content))})}i(jd,"FailedAlert");import{i18n as Kd}from"@lingui/core";import{Alert as La,Button as Yd}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Ba}from"rango-types";import dn from"react";function Zd(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?dn.createElement(La,{type:"warning",title:n.shortMessage,action:dn.createElement(Yd,{size:"xxsmall",type:"warning",onClick:()=>{o(Ba.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},Kd.t("Change"))}):r===Ba.WaitingForConnectingWallet?dn.createElement(La,{type:"warning",title:n.shortMessage,action:dn.createElement(Yd,{size:"xxsmall",type:"warning",onClick:()=>{o(Ba.WaitingForConnectingWallet)}},Kd.t("Connect"))}):dn.createElement(La,{type:"warning",title:n.shortMessage})}i(Zd,"WarningAlert");function _a(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=Bo(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return Gt.createElement(Gd,null,s.explorerUrl?.map((f,m,d)=>{let g=m+f.url,C=m===d.length-1,S=(C&&c||p)&&!u,h=C&&s.status==="failed";return Gt.createElement(_k,{key:g},Gt.createElement(Jd,{type:C&&(S&&"loading"||h&&"error")||"success",title:f.description?`${f.description} Tx`:Mk.t("View transaction"),action:f.url&&Gt.createElement(Lk,{variant:"ghost",size:"xsmall",onClick:()=>window.open(f.url,"_blank")},Gt.createElement(Bk,{size:12}))}))}),u&&Gt.createElement(Jd,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Gt.createElement(Zd,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Gt.createElement(jd,{message:r}))}i(_a,"SwapDetailsAlerts");var Rd=2e3;var ef=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:N(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ve(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:N(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:Wo(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{chain:{displayName:Ve(p.fromBlockchain,e)??"",image:p.fromBlockchainLogo??""}},to:{chain:{displayName:Ve(p.toBlockchain,e)??"",image:p.toBlockchainLogo??""}},swapper:{displayName:Wo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:Pk.createElement(_a,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function tf(t){if(Bo(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(tf,"getStepState");function Pa(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=Vk(),p=y().blockchains(),c=y().swappers(),u=y().tokens(),f=X.use.retry(),m=re.use.isActiveTab(),d=jk(),[g,C]=Gk(Rd),S=Xk(null),[h,k]=sf(null),[w,x]=sf(null),b=i(()=>{r(),k(null)},"onCancel"),A=Fe.use.getUnreadNotifications(),v=Fe.use.setAsRead(),T=A(),M=Dk(e),E=M?.networkStatus;rf(()=>{T.find(lt=>lt.requestId===e.requestId)&&(e.status==="success"||e.status==="failed"?(x(e.status),v(e.requestId)):w&&x(null))},[e.status,e.requestId]),rf(()=>{ie?k(ei.WaitingForNetworkChange):E===ei.WaitingForConnectingWallet||E===ei.NetworkChanged?k(E):k(null)},[E]);let B=ip(e),Q=M?$k(e,M):null,q=M?Fk(e,M):null,H=Ad(e),_=sp(e),te=i(Ne=>!!l(Ne)?.mobileWallet,"isMobileWallet"),ie=E===ei.WaitingForNetworkChange&&!!Q&&!!q?.walletType&&(te(q.walletType)||s(q.walletType,Q)),R=ie?a.bind(null,q.walletType,Q):void 0,oe=rp(e,M),I=ef({swap:e,switchNetwork:R,showNetworkModal:E,setNetworkModal:k,message:oe,blockchains:p,swappers:c}),W=I.length,[ce,J]=[e.steps[0],e.steps[W-1]],ne=J.outputAmount||J.expectedOutputAmountHumanReadable,yt=e.steps.reduce((Ne,lt)=>Ne+parseFloat(lt.feeInUsd||""),0),G=e.steps.find(Ne=>Ne.diagnosisUrl)?.diagnosisUrl,V=N(parseFloat(N(ne,6,6))*(J.toUsdPrice||0),4,4),Y=N(parseFloat(e.inputAmount)*(ce.fromUsdPrice||0),4,4),Se=ne?ue(new nf(ne).multipliedBy(J.toUsdPrice||0)):"",et=ue(new nf(e.inputAmount).multipliedBy(ce.fromUsdPrice||0)),De=je(Y,V),Ie=oe.detailedMessage.content||oe.shortMessage,Ge=e.status==="success"?Mt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:N(ne,6,6),token:I[W-1].to.token.displayName,conciseAddress:vn(e.wallets[I[W-1].to.chain.displayName]?.address||""),chain:I[W-1].to.chain.displayName}}):Z.createElement(Hd,null,Z.createElement(no,{variant:"body",size:"medium",color:"neutral700",align:"center"},Ie?"":Mt.t("Transaction was not sent."),B?`${Mt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:B.outputAmount,symbol:B.symbol,blockchain:B.blockchain}})}`:""),Ie&&Z.createElement(Rr,{align:"center",variant:"body",size:"medium",color:"neutral700"},Z.createElement("b",null,"Reason:")," ",Ie));return Z.createElement(pe,{header:{title:Mt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>k("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(co,null,Z.createElement(of,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>k("delete")},Z.createElement(no,{size:"medium",variant:"label",color:"error"},Mt.t("Delete"))))},footer:_&&!w&&Z.createElement(of,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{f(e,{blockchains:p,tokens:u}),setTimeout(()=>{d("../../")},0)}},Mt.t("Try again"))},Z.createElement(me,{compact:!0,view:!0},Z.createElement(Zr,null,Z.createElement("div",{className:wo()},Z.createElement(no,{variant:"label",size:"large",color:"neutral700"},`${Mt.t("Request ID")}:`),Z.createElement("div",{className:Jr()},Z.createElement(no,{variant:"label",size:"small",color:"neutral700"},o),Z.createElement(qk,{variant:"ghost",onClick:C.bind(null,o||"")},Z.createElement(Ok,{size:16,color:"gray"})),Z.createElement(Qd,{target:"_blank",href:`${Va}/swap/${o}`},Z.createElement(zk,{size:16})))),Z.createElement("div",{className:wo()},Z.createElement(no,{variant:"label",size:"large",color:"neutral700"},`${Mt.t(e.finishTime?"Finished at":"Created at")}:`),Z.createElement(no,{variant:"label",size:"small",color:"neutral700"},H))),Z.createElement("div",{className:qd()},Z.createElement(Qk,{fee:N(String(yt),2,2),time:bo(yn(e.steps)),steps:W}),Z.createElement(Qo,{from:{price:{value:N(e.inputAmount,6,6),usdValue:Y,realUsdValue:et,realValue:e.inputAmount},token:{displayName:I[0].from.token.displayName,image:I[0].from.token.image},chain:{image:I[0].from.chain.image,displayName:I[0].from.chain.displayName}},to:{price:{value:N(ne,6,6),usdValue:V,realUsdValue:Se,realValue:ne},token:{displayName:I[W-1].to.token.displayName,image:I[W-1].to.token.image},chain:{image:I[W-1].to.chain.image,displayName:I[W-1].to.chain.displayName}},percentageChange:N(De,2,2),warningLevel:Tt(De??0)})),Z.createElement("div",{className:zd()},Z.createElement(no,{variant:"title",size:"small"},Mt.t("Swaps steps"))),Z.createElement(Uk,{size:8}),Z.createElement(Fd,{ref:S},I.map((Ne,lt)=>{let Ha=lt,vo=tf(e.steps[lt]),bf=vo==="error"||vo==="in-progress"||vo==="warning"||vo==="completed"&<===I.length-1;return Z.createElement(Hk,{key:Ha,step:Ne,type:"swap-progress",ref:S,state:vo,hasSeparator:lt!==0,tabIndex:Ha,isFocused:bf,tooltipContainer:L()})}))),Z.createElement(Ea,{state:h,onClose:()=>k(null),onCancel:b,onDelete:n,message:oe.detailedMessage.content,currentStepWallet:q,walletButtonDisabled:!m}),Z.createElement(Na,{open:!!w,diagnosisUrl:G,onClose:()=>x(null),status:e.status==="success"?"success":"failed",priceValue:N(ne,6,6),usdValue:V,realUsdValue:Se,realValue:ue(ne),percentageChange:N(De,2,2),token:{displayName:I[W-1].to.token.displayName,image:I[W-1].to.token.image},chain:{image:I[W-1].to.chain.image},description:Ge}))}i(Pa,"SwapDetails");import{i18n as oi}from"@lingui/core";import{Divider as pf,NotFound as Rk,Skeleton as gn,Typography as ni}from"@rango-dev/ui";import ge from"react";import{i18n as Kk}from"@lingui/core";import{Divider as Yk,Skeleton as Zk,Typography as Jk}from"@rango-dev/ui";import ye from"react";import{css as at,styled as $a}from"@rango-dev/ui";var af=$a("div",{width:"100%",height:"100%",padding:"$10 $20"}),fn=$a("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),ti=$a("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),yz=at({display:"flex",justifyContent:"space-between",alignItems:"center"}),Sz=at({display:"flex",justifyContent:"space-between",alignItems:"center"}),Cz=at({paddingTop:"$15",display:"flex"}),Tz=at({padding:"$15 $0"}),kz=at({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),wz=at({paddingBottom:"$10"}),xz=at({display:"flex",justifyContent:"start",alignItems:"center"}),vz=at({paddingTop:"$5",display:"flex",alignItems:"center"}),bz=at({display:"flex",alignItems:"center"}),Iz=at({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),lf=at({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function Da(){return ye.createElement(af,null,ye.createElement(jo,{type:"swap-preview"}),ye.createElement("div",{className:"swaps-steps"},ye.createElement(Jk,{variant:"title",size:"small"},Kk.t("Swaps steps"))),ye.createElement(ye.Fragment,null,ye.createElement(fn,null,ye.createElement(ft,{separator:!1}),ye.createElement("div",{className:lf()},ye.createElement(Yk,{direction:"horizontal",size:20}),ye.createElement(Zk,{height:22,variant:"rectangular"}))),ye.createElement(ti,null),ye.createElement(fn,null,ye.createElement(ft,{separator:!1})),ye.createElement(ti,null),ye.createElement(fn,null,ye.createElement(ft,{separator:!1})),ye.createElement(ti,null),ye.createElement(fn,null,ye.createElement(ft,{separator:!1}))))}i(Da,"LoadingSwapDetails");function cf(t){let{requestId:e,showSkeleton:o}=t;return ge.createElement(pe,{header:{title:oi.t("Swap and Bridge"),suffix:ge.createElement(co,null)}},o&&ge.createElement(Dd,null,ge.createElement(Zr,null,ge.createElement("div",{className:wo()},ge.createElement(ni,{variant:"label",size:"large",color:"neutral700"},`${oi.t("Request ID")}:`),ge.createElement("div",{className:Jr()},ge.createElement(ni,{variant:"label",size:"small",color:"neutral700"},ge.createElement(gn,{width:60,height:10,variant:"rounded"})),ge.createElement(pf,{direction:"horizontal",size:4}),ge.createElement(gn,{width:16,height:16,variant:"rectangular"}),ge.createElement(pf,{direction:"horizontal",size:4}),ge.createElement(gn,{width:16,height:16,variant:"rectangular"}))),ge.createElement("div",{className:wo()},ge.createElement(ni,{className:Ud(),variant:"label",size:"large",color:"neutral700"},ge.createElement(gn,{width:60,height:10,variant:"rounded"})),ge.createElement(ni,{variant:"label",size:"small",color:"neutral700"},ge.createElement(gn,{width:60,height:10,variant:"rounded"})))),ge.createElement(Da,null)),!o&&ge.createElement(Od,null,ge.createElement(Rk,{title:oi.t("Not found"),description:oi.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(cf,"SwapDetailsPlaceholder");function uf(){let{manager:t,state:e}=ow(),o=!e.loadedFromPersistor,n=ut(t),{requestId:r}=rw(),s=Ye(),{fetchStatus:a}=y();if(!r)return Fa.createElement(nw,{containerStyles:{margin:"20px"},type:"error",title:ew.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&&tw(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?Fa.createElement(cf,{requestId:r,showSkeleton:l}):Fa.createElement(Pa,{swap:f,requestId:r,onCancel:c,onDelete:u})}i(uf,"SwapDetailsPage");function mf(){return hp(),Pi(),iw([{path:O.home,element:qe.createElement(Lm,null)},{path:O.routes,element:qe.createElement(Dm,null)},{path:O.fromSwap,children:[{index:!0,element:qe.createElement(ya,{type:"source"})},{path:O.blockchains,element:qe.createElement(ea,{type:"source"})}]},{path:O.toSwap,children:[{index:!0,element:qe.createElement(ya,{type:"destination"})},{path:O.blockchains,element:qe.createElement(ea,{type:"destination"})}]},{path:O.settings,children:[{index:!0,element:qe.createElement(Id,null)},{path:O.languages,element:qe.createElement(_m,null)},{path:O.exchanges,element:qe.createElement(Ys,{sourceType:"Exchanges"})},{path:O.bridges,element:qe.createElement(Ys,{sourceType:"Bridges"})}]},{path:O.swaps,children:[{index:!0,element:qe.createElement(um,null)},{path:O.swapDetails,element:qe.createElement(uf,null)}]},{path:O.wallets,element:qe.createElement(vc,null)},{path:O.confirmSwap,element:qe.createElement(Ru,null)}])}i(mf,"AppRoutes");import{useQueueManager as dw}from"@rango-dev/queue-manager-rango-preset";import{splitWalletNetwork as fw}from"@rango-dev/wallets-shared";import{isEvmBlockchain as gw}from"rango-sdk";import{useContext as hw,useEffect as yw,useState as Cf}from"react";import{globalCss as sw}from"@rango-dev/ui";var df=i(()=>sw({"@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 ff(){let{setWatermark:t}=re();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(ff,"useFetchApiConfig");import{useWallets as aw}from"@rango-dev/wallets-react";import{useEffect as lw,useRef as pw}from"react";function gf(){let{connect:t,state:e}=aw(),o=pw({}),{fetchStatus:n}=y(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);lw(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(gf,"useForceAutoConnect");import{isApprovalTX as cw,MainEvents as ri,RouteEventType as hf,StepEventType as yf,StepExecutionEventStatus as uw,useEvents as mw}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Sf}from"react";function Oa(){let t=y().tokens(),e=K.use.connectedWallets(),o=K.use.getWalletsDetails(),n=Fe.use.setNotification(),r=mw();Sf(()=>{let s=i(a=>{let{event:l,step:p,route:c}=a;if(l.type===yf.TX_EXECUTION&&l.status===uw.TX_SENT&&!cw(p)||l.type===yf.SUCCEEDED){let f=e.find(d=>d.chain===p?.fromBlockchain),m=p?.fromBlockchain!==p?.toBlockchain&&e.find(d=>d.chain===p?.toBlockchain);f&&o([f],t),m&&o([m],t)}n(l,c)},"handleStepEvent");return r.on(ri.StepEvent,s),()=>r.off(ri.StepEvent,s)},[r,e.length]),Sf(()=>{let s=i(a=>{let{event:l,route:p}=a;(l.type===hf.FAILED||l.type===hf.SUCCEEDED)&&n(l,p)},"handleRouteEvent");return r.on(ri.RouteEvent,s),()=>r.off(ri.RouteEvent,s)},[r,e.length])}i(Oa,"useSubscribeToWidgetEvents");function Ua(){df(),gf(),Oa();let t=y().blockchains(),{canSwitchNetworkTo:e}=pr(),[o,n]=Cf(""),[r,s]=Cf(),a=hw(Mn),l=t.filter(gw),{fetchApiConfig:p}=ff();dw({lastConnectedWallet:o,clearDisconnectedWallet:()=>{s(void 0)},disconnectedWallet:r,evmChains:l,canSwitchNetworkTo:e}),yw(()=>(Vt.init(),Fe.persist.hasHydrated()||Fe.persist.rehydrate(),a.onConnectWallet(n),a.onDisconnectWallet(c=>{s(c),c===fw(o)?.[0]&&n("")}),p().catch(console.log),Vt.destroy),[])}i(Ua,"useBootstrap");import{styled as Sw}from"@rango-dev/ui";var Tf=Sw("div",{fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function ii(){Ua();let{config:t}=y(),{activeTheme:e}=Rn(t?.theme||{}),{activeLanguage:o}=zt();return qa.createElement(Cw,{language:o},qa.createElement(Tf,{id:"swap-container",className:e()},qa.createElement(mf,null)))}i(ii,"Main");import Qa,{useMemo as Dw}from"react";import{checkWaitingForNetworkChange as Tw,makeQueueDefinition as kw}from"@rango-dev/queue-manager-rango-preset";import{Provider as ww}from"@rango-dev/queue-manager-react";import{useWallets as xw}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as vw}from"@rango-dev/wallets-shared";import{isEvmBlockchain as bw}from"rango-types";import Iw,{useMemo as Ew}from"react";function Aw(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=xw(),l=Ew(()=>kw({API_KEY:t.apiKey||St("API_KEY"),BASE_URL:St("BASE_URL")}),[t.apiKey]),p=y().blockchains(),u={blockchains:K.use.connectedWallets().map(w=>({accounts:[w],name:w.chain}))},f=i(async(w,x)=>{if(s(w,x))return r(w,x)},"switchNetwork"),m=i(w=>!!a(w).mobileWallet,"isMobileWallet"),d=p.filter(w=>w.enabled).reduce((w,x)=>(w[x.name]=x,w),{}),g=p.filter(bw),C=i(w=>{let{supportedChains:x}=a(w);return Tn(x)},"getSupportedChainNames"),S=e(),h={meta:{blockchains:d,evmBasedChains:g,evmNetworkChainInfo:vw(g),getSupportedChainNames:C},getSigners:o,wallets:u,providers:S,switchNetwork:f,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},k=re.use.isActiveTab();return Iw.createElement(ww,{queuesDefs:[l],context:h,onPersistedDataLoaded:w=>{Tw(w)},isPaused:!k},t.children)}i(Aw,"QueueManager");var kf=Aw;import{useManager as Bw}from"@rango-dev/queue-manager-react";import _w,{createContext as Pw,useContext as $w}from"react";import{cancelSwap as Ww,getCurrentBlockchainOfOrNull as Nw,getCurrentStep as Mw,getRelatedWalletOrNull as Lw}from"@rango-dev/queue-manager-rango-preset";var si=class{static{i(this,"WidgetHistory")}manager;actions;constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return ut(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){return this.actions.retrySwap(e,o)}cancel(e){let o=this.manager?.get(e);o&&Ww(o)}getCurrentStepInfo(e){let o=Mw(e);return{step:o,wallet:o?Lw(e,o):null,network:o?Nw(e,o):null}}};var wf=Pw(void 0);function za(t){let{manager:e}=Bw(),o=re.use.isActiveTab(),n=X.use.retry(),r=new si(e,{retrySwap:n}),s=K.use.connectedWallets(),a=K.use.loading(),l=ol(s),p=K.use.getWalletsDetails(),c=y().blockchains(),u=y().tokens(),f=y().swappers(),m=y().fetchStatus,d=zt().resetLanguage,g=Fe().getUnreadNotifications(),C={isActiveTab:o,setCurrentTabAsActive:Vt.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:g}};return _w.createElement(wf.Provider,{value:C},t.children)}i(za,"WidgetInfo");function xf(){let t=$w(wf);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(xf,"useWidget");function ai(t){let{onUpdateState:e,config:o}=t;return Dw(()=>{ll({API_KEY:o?.apiKey||hn,BASE_URL:o?.apiUrl||Ga})},[o.apiKey,o.apiUrl]),Qa.createElement(Ln,{config:o,onUpdateState:e},Qa.createElement(kf,{apiKey:o.apiKey},Qa.createElement(za,null,t.children)))}i(ai,"WidgetProvider");function vf(t){let e=t.config?.externalWallets;return li.createElement(ql,null,e?li.createElement(ii,null):li.createElement(ai,{config:t.config??gi},li.createElement(ii,null)))}i(vf,"Widget");export{CG as EventSeverity,TG as MainEvents,NG as Networks,BG as PendingSwapNetworkStatus,kG as RouteEventType,wG as StepEventType,xG as StepExecutionBlockedEventStatus,vG as StepExecutionEventStatus,ke as UI_ID,AG as WalletEvents,MG as WalletTypes,vf as Widget,ai as WidgetProvider,Ln as WidgetWallets,Qi as customizedThemeTokens,EG as readAccountAddress,pr as useWallets,xf as useWidget,bG as useWidgetEvents};
|
|
3
3
|
//# sourceMappingURL=index.js.map
|