@rango-dev/widget-embedded 0.27.3 → 0.27.4-next.0
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/CHANGELOG.md +9 -0
- package/dist/components/ConfirmWalletsModal/ConfirmWallets.styles.d.ts +1 -1
- package/dist/components/ConfirmWalletsModal/WalletList.d.ts.map +1 -1
- package/dist/components/HeaderButtons/HeaderButtons.styles.d.ts +1 -1
- package/dist/components/HeaderButtons/WalletButton.d.ts.map +1 -1
- package/dist/components/Quote/Quote.d.ts.map +1 -1
- package/dist/components/Quote/Quote.styles.d.ts.map +1 -1
- package/dist/hooks/useConfirmSwap/useConfirmSwap.d.ts.map +1 -1
- package/dist/hooks/useFetch.d.ts +1 -1
- package/dist/hooks/useFetch.d.ts.map +1 -1
- package/dist/hooks/useSyncUrlAndStore/useSyncUrlAndStore.d.ts.map +1 -1
- package/dist/hooks/useWalletList.d.ts +0 -2
- package/dist/hooks/useWalletList.d.ts.map +1 -1
- package/dist/hooks/useWalletProviders.d.ts.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +3 -3
- package/dist/pages/Home.d.ts.map +1 -1
- package/dist/pages/WalletsPage.d.ts.map +1 -1
- package/dist/utils/providers.d.ts.map +1 -1
- package/package.json +8 -8
- package/src/components/ConfirmWalletsModal/WalletList.tsx +0 -2
- package/src/components/HeaderButtons/WalletButton.tsx +1 -4
- package/src/components/Quote/Quote.styles.ts +19 -1
- package/src/components/Quote/Quote.tsx +12 -2
- package/src/containers/Wallets/Wallets.tsx +1 -1
- package/src/hooks/useConfirmSwap/useConfirmSwap.ts +3 -3
- package/src/hooks/useFetch.ts +13 -2
- package/src/hooks/usePrepareBlockchainList/usePrepareBlockchainList.test.ts +1 -1
- package/src/hooks/useSyncUrlAndStore/useSyncUrlAndStore.ts +10 -1
- package/src/hooks/useWalletList.ts +2 -3
- package/src/hooks/useWalletProviders.ts +4 -2
- package/src/pages/Home.tsx +1 -2
- package/src/pages/WalletsPage.tsx +1 -2
- package/src/utils/providers.ts +1 -0
package/dist/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
var bf=Object.defineProperty;var i=(t,e)=>bf(t,"name",{value:e,configurable:!0});import{EventSeverity as fG,MainEvents as gG,RouteEventType as hG,StepEventType as yG,StepExecutionBlockedEventStatus as SG,StepExecutionEventStatus as CG,useEvents as TG}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as xG,useWallets as lr,Events as wG}from"@rango-dev/wallets-react";import{Networks as bG,WalletTypes as IG}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as AG}from"rango-types";import{UI_ID as If}from"@rango-dev/ui";var gn="c6381a79-2817-4602-83bf-6a641a409e32",Ga="https://api.rango.exchange",Va="https://explorer.rango.exchange",Te={SWAP_BOX_ID:"rango-swap-box",EXPANDED_BOX_ID:"rango-expanded-box",...If};import{Events as wi,Provider as yg}from"@rango-dev/wallets-react";import{isEvmBlockchain as Sg}from"rango-sdk";import Nn,{createContext as Cg,useEffect as Fl,useMemo as Tg,useRef as Ol}from"react";import{useEffect as zf}from"react";import{create as Ff}from"zustand";import{subscribeWithSelector as Of}from"zustand/middleware";import{RangoClient as $f}from"rango-sdk";import{WalletState as pt}from"@rango-dev/ui";import{readAccountAddress as Nf}from"@rango-dev/wallets-react";import{detectInstallLink as Wf,getCosmosExperimentalChainInfo as Mf,isEvmAddress as Lf,KEPLR_COMPATIBLE_WALLETS as Yx,Networks as Ya}from"@rango-dev/wallets-shared";import pi from"bignumber.js";import{isCosmosBlockchain as Bf}from"rango-types";import Ef from"bignumber.js";var Me=new Ef(0);import{WalletTypes as Af}from"@rango-dev/wallets-shared";var Xa=[Af.LEAP];import{BigNumber as Ka}from"bignumber.js";var Io=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"),A=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 hn=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var lt=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Eo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function le(t){return A(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(le,"formatTooltipNumbers");function ci(t){switch(!0){case t.connected:return pt.CONNECTED;case t.connecting:return pt.CONNECTING;case!t.installed:return pt.NOT_INSTALLED;default:return pt.DISCONNECTED}}i(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:Wf(l),state:c,type:r,showOnMobile:p}})}i(Za,"mapWalletTypesToWalletInfo");function Cn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Cn,"walletAndSupportedChainsNames");function Ja(t,e,o,n,r){let s=[];function a(p,c){if(!!!s.find(d=>d.chain===p)){let d={address:c,chain:p,walletType:t};s.push(d)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:c,network:u}=Nf(p),d=l.length>0,m=l.includes(u),f=u===Ya.Unknown;if(d&&!m&&!f)return;let C=u===Ya.Unknown&&Lf(c);if(f&&!C)return;o.includes(u)||C?r?a(u,c.toLowerCase()):l.filter(k=>o.includes(k)).forEach(k=>{a(k,c.toLowerCase())}):a(u,c)}),s}i(Ja,"prepareAccountsForWalletStore");function Gt(t){let{filter:e,quote:o}=t,n=new Set;return o?.swaps.forEach((r,s)=>{let a=r.from.blockchain,l=r.to.blockchain;if(n.add(a),r.internalSwaps){let{internalSwaps:p}=r;p.forEach((c,u)=>{let d=c.from.blockchain,m=c.to.blockchain,f=s===o.swaps.length-1,h=u===p.length-1;(!f&&!h||f&&l!==d||e==="all")&&n.add(d),e==="all"&&n.add(m)})}e==="all"&&n.add(l)}),Array.from(n)}i(Gt,"getQuoteWallets");function Tn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(Tn,"isAccountAndWalletMatched");function Ra(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:Pf(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Ra,"makeBalanceFor");function el(t){return{...t,loading:!1,error:!0}}i(el,"resetConnectedWalletState");var tl=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=A(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new pi(s?.amount||Me).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Me)||Me).toString();return _f(r)},"calculateWalletUsdValue");function _f(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(_f,"numberWithThousandSeparator");var Pf=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),kn=i((t,e)=>{let o=Mf(Object.entries(t).map(([,n])=>n).filter(Bf));return o&&o[e]?.experimental},"isExperimentalChain");function xn(t){return t?{...t,amount:A(t.amount,8,8),usdValue:A(t.usdValue,4,4)}:null}i(xn,"formatBalance");function ol(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(ol,"compareTokenBalance");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Le,"areTokensEqual");function nl(t){return t.sort((e,o)=>+(o.state===pt.CONNECTED)-+(e.state===pt.CONNECTED)||+(o.state===pt.DISCONNECTED||o.state===pt.CONNECTING)-+(e.state===pt.DISCONNECTED||e.state===pt.CONNECTING))}i(nl,"sortWalletsBasedOnConnectionState");function wn(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}i(wn,"getConciseAddress");function rl({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(rl,"getAddress");function ui(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(ui,"createTokenHash");function vn(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(vn,"makeTokensBalance");var il=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function sl(t){return t.map(e=>e.state).join("-")}i(sl,"hashWalletsState");var mi={API_KEY:gn};function ht(t){return mi[t]||""}i(ht,"getConfig");function al(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),mi=e,mi}i(al,"initConfig");var ll=20,pl=25,cl="Roboto",di="theme-widget",Ao=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"),ul=i((t,e,o)=>o==="expanded"&&(t||e)||o==="full-expanded"&&e,"isVariantExpandable");var bn,Lt=i(()=>bn||(bn=new $f(ht("API_KEY"),ht("BASE_URL")),bn),"httpService");var Df=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=Df;var Z=Bt(Ff()(Of((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:vn(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=>Tn(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 f=o.find(C=>Tn(C,m)),h=p.find(C=>C.address===m.address&&C.blockChain===m.chain);return h?.failed&&f&&r&&s([f],n,!1),f&&h?{...m,explorerUrl:h.explorerUrl,balances:Ra(h,n),loading:!1}:m});return{loading:!1,balances:vn(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(d=>Tn(d,u))?el(u):u);return{loading:!1,balances:vn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=ui(o);return n[r]??null}}))));import{allProviders as Uf}from"@rango-dev/provider-all";function In(t,e){let o=Uf({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(In,"matchAndGenerateProviders");function ml(t,e){return In(t,e).map(r=>r.config.type)}i(ml,"configWalletsToWalletName");function dl(t,e){let o=Z.use.clearConnectedWallet(),n=In(void 0,e);return zf(()=>{o(),n=In(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(dl,"useWalletProviders");import cg,{createContext as ug,useContext as mg,useEffect as dg,useRef as fg}from"react";import{create as lg}from"zustand";import{persist as pg}from"zustand/middleware";var gi={apiKey:"",title:void 0,multiWallets:!0,excludeLiquiditySources:!0,customDestination:!0,variant:"default"},qf={clientUrl:void 0},Qf={liquiditySources:void 0},fl=i((t,e,o)=>({config:{...gi,...t},iframe:qf,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 En(t){return Array.from(new Set(t))}i(En,"removeDuplicateFrom");function Si(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Si,"areEqual");function Tl(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Tl,"debounce");function yt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(yt,"containsText");function yl(t,e){return t.toLowerCase()===e.toLowerCase()}i(yl,"exactText");function Sl(t,e){return t.toLowerCase().startsWith(e.toLowerCase())}i(Sl,"startWithText");var M=i(()=>document.getElementById(Te.SWAP_BOX_ID),"getContainer"),No=i(()=>document.getElementById(Te.EXPANDED_BOX_ID),"getExpanded");function Cl(t,e,o){let n=!!e&&yl(e,t),r=!!o&&yl(o,t);return n!==r?n?-1:1:0}i(Cl,"compareExactMatchText");function hi(t,e,o){let n=!!e&&yt(e,t),r=!!o&&yt(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(hi,"compareContainsText");function yi(t,e,o){let n=!!e&&Sl(e,t),r=!!o&&Sl(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(yi,"compareStartWithText");function kl(t,e,o){if(!o)return 0;let n=Cl(o,t.symbol,e.symbol);if(n)return n;if(o.length>=3){let r=Cl(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(kl,"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 An(t,e){let o=t.map(s=>s.swapperGroup),n=[];return En(t.map(s=>s.swapperGroup)).map(s=>{let a=t.find(l=>l.swapperGroup===s);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}i(An,"getUniqueSwappersGroups");function wl(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(wl,"sortLiquiditySourcesByGroupTitle");function Xe(t,e){return e?.[t]==="hidden"}i(Xe,"isFeatureHidden");function vl(t,e){return e?.[t]==="enabled"}i(vl,"isFeatureEnabled");var bl=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&&Ao(c,a)||o.blockchain&&c.blockchain!==o.blockchain||!l.some(u=>u.name===c.blockchain)?!1:o.searchFor?!!(yt(c.symbol,o.searchFor)||yt(c.address||"",o.searchFor)||yt(c.name||"",o.searchFor)):!0).sort((c,u)=>{let d=e().isTokenPinned(c,o.type),m=e().isTokenPinned(u,o.type);if(d!==m)return d?-1:1;if(o.getBalanceFor){let y=o.getBalanceFor(c),k=o.getBalanceFor(u),T=ol(y,k);if(T!==0)return T}let f=r.get(c.blockchain),h=r.get(u.blockchain),C=ki(c,f),S=ki(u,h);if(C!==S)return C?-1:1;if(c.isPopular!==u.isPopular)return c.isPopular?-1:1;if(o.searchFor){let y=kl(c,u,o.searchFor);if(y)return y}return c.isSecondaryCoin!==u.isSecondaryCoin?c.isSecondaryCoin?1:-1:f&&h?f.sort-h.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 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,d)=>u.sort-d.sort).forEach(u=>{u.enabled&&p.has(u.name)&&r.set(u.name,u)}),t({_blockchainsMapByName:r,_tokens:s,_popularTokens:a,_swappers:l})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{Chinese as Xf,English as jf,Finland as Kf,French as Yf,German as Zf,Greece as Jf,Italian as Rf,Japanese as eg,Netherlands as tg,Poland as og,Portuguese as ng,Russian as rg,Spanish as ig,Swedish as sg,Ukrainian as ag}from"@rango-dev/ui";var Il=[{title:"English",label:"English",local:"en",SVGFlag:jf},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:ig},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Yf},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:eg},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:ng},{title:"Chinese",label:"\u4E2D\u56FD\u4EBA",local:"zh",SVGFlag:Xf},{title:"Russian",label:"\u0420\u0443\u0441\u0441\u043A\u0438\u0439",local:"ru",SVGFlag:rg},{title:"German",label:"Deutsch",local:"de",SVGFlag:Zf},{title:"Ukrainian",label:"\u0423\u043A\u0440\u0430\u0457\u043D\u0456",local:"uk",SVGFlag:ag},{title:"Swedish",label:"svenska",local:"sv",SVGFlag:sg},{title:"Finnish",label:"Suomalainen",local:"fi",SVGFlag:Kf},{title:"Dutch",label:"Nederlands",local:"nl",SVGFlag:tg},{title:"Greek",label:"Grieks",local:"el",SVGFlag:Jf},{title:"Italian",label:"Italiana",local:"it",SVGFlag:Rf},{title:"Polish",label:"Polski",local:"pl",SVGFlag:og}],Mo="en";var El=[.5,1,3],Al=1,Nl=5,Wl=100,Ml=0;var Ll=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:Al,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=En(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||Mo},...l&&{disabledLiquiditySources:o.liquiditySources||[]}})}}),"createSettingsSlice");function Bl(t){return lg()(pg((...e)=>({...bl(...e),...Ll(...e),...fl(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(Bl,"createAppStore");var _l=ug(null);function g(){let t=mg(_l);if(dg(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(g,"useAppStore");function Pl(t){let e=fg();return e.current||(e.current=Bl(t.config)),cg.createElement(_l.Provider,{value:e.current},t.children)}i(Pl,"AppStoreProvider");import{create as hg}from"zustand";var $l="rango-widget";var Lo=class{static{i(this,"TabManager")}tabId;state="not-initiated";lastTryClaim;events={};channel;constructor(e){this.channel=new BroadcastChannel($l),this.tabId=Math.trunc(Math.random()*1e5),this.events=e}init=()=>{this.initEvents(),this.tryClaim()};forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};isClaimed=()=>this.state==="claimed";destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};initEvents(){this.channel.addEventListener("message",this.handleMessageEvent),document.addEventListener("visibilitychange",this.handleVisibilityChange),document.addEventListener("resume",this.handleResume)}claimedByCurrentTab(e){let o=this.lastTryClaim&&this.lastTryClaim<e;if(this.isClaimed()||o){let n={name:"pong"};this.channel.postMessage(n);return}}handleMessageEvent=e=>{let o=e.data.name;switch(o){case"ping":this.claimedByCurrentTab(e.data.pingAt);break;case"pong":this.alreadyClaimedByAnotherTab();break;case"force-claim":this.forceRelease(e.data.candidateId);break;case"force-release":this.tabId===e.data.candidateId&&this.claim();break;default:throw new Error(`${o} is not supported.`)}};handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};alreadyClaimedByAnotherTab(){this.resetLastCheck()}async tryClaim(){return this.setLastCheck(),new Promise(e=>{setTimeout(()=>{this.check(),e()},300)})}check(){this.state==="not-initiated"&&this.events.onInit?.(),this.lastTryClaim?(this.claim(),this.resetLastCheck()):this.state="not-claimed"}claim(){this.state="claimed",this.events.onClaim?.()}setLastCheck(){this.lastTryClaim=Date.now();let e={name:"ping",pingAt:this.lastTryClaim};this.channel.postMessage(e)}resetLastCheck(){this.lastTryClaim=void 0}forceRelease(e){if(this.isClaimed()){this.state="not-claimed",this.events.onRelease?.();let o={name:"force-release",candidateId:e};this.channel.postMessage(o)}}};var oe=Bt(hg()((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 Lo({onInit:()=>oe.setState({tabManagerInitiated:!0}),onClaim:()=>oe.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>oe.setState({isActiveTab:!1})});var Wn=Cg({onConnectWallet:()=>{},onDisconnectWallet:()=>{}});function kg(t){let{updateConfig:e,updateSettings:o,fetch:n}=g(),r=g().blockchains(),s=g().tokens(),a=g().config,l={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:p}=dl(t.config.wallets,l),{connectWallet:c,disconnectWallet:u}=Z(),d=Ol(),m=Ol();Fl(()=>{n().catch(console.log)},[]),Fl(()=>{t.config&&(e(t.config),o(t.config),window.__rango={config:a,dappConfig:t.config})},[t.config]);let f=r.filter(Sg).map(y=>y.name),h=i((y,k,T,x,I)=>{if(k===wi.ACCOUNTS)if(T){let b=Cn(I.supportedBlockchains),v=Ja(y,T,f,b,I.isContractWallet);v.length&&c(v,s)}else u(y),m.current?m.current(y):console.warn("onDisconnectWallet handler hasn't been set. Are you sure?");if(k===wi.ACCOUNTS&&x.connected){let b=`${y}-${x.network}-${T}`;x.connected&&(d.current?d.current(b):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(k===wi.NETWORK&&x.network){let b=`${y}-${x.network}`;d.current?d.current(b):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(y,k,T,x,I)},"onUpdateState"),C=oe.use.isActiveTab(),S=Tg(()=>({onConnectWallet:y=>{d.current=y},onDisconnectWallet:y=>{m.current=y}}),[]);return Nn.createElement(Wn.Provider,{value:S},Nn.createElement(yg,{allBlockChains:r,providers:p,onUpdateState:h,autoConnect:!!C},t.children))}i(kg,"Main");function Mn(t){let{config:e,...o}=t;return Nn.createElement(Pl,{config:e},Nn.createElement(kg,{...o,config:e}))}i(Mn,"WidgetWallets");import li from"react";import xg,{Fragment as wg}from"react";import{MemoryRouter as vg,useInRouterContext as bg}from"react-router";function Ul({children:t}){let o=bg()?wg:vg;return xg.createElement(o,null,t)}i(Ul,"AppRouter");import{I18nManager as hx}from"@rango-dev/ui";import za from"react";import ze from"react";import{useRoutes as ox}from"react-router-dom";var z={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 Ct from"bignumber.js";import{create as Ng}from"zustand";import{subscribeWithSelector as Wg}from"zustand/middleware";import{getLastSuccessfulStep as Ag}from"@rango-dev/queue-manager-rango-preset";import vb from"bignumber.js";import{i18n as Bo}from"@lingui/core";var vi={"Network Fee":Bo.t("Network Fee"),"Swapper Fee":Bo.t("Protocol Fee"),"Affiliate Fee":Bo.t("Affiliate Fee"),"Outbound network fee":Bo.t("Outbound Fee"),"Rango Fee":Bo.t("Rango Fee")},bi=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"],zl=30;import{i18n as et}from"@lingui/core";import Be from"bignumber.js";import{PendingSwapNetworkStatus as _n}from"rango-types";function Ln(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(Ln,"isValidAddress");import{i18n as Ee}from"@lingui/core";var R=i(()=>({genericServerError:Ee.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Ee.t("Please reset your liquidity sources."),description:Ee.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:Ee.t("No Routes Found."),description:Ee.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:Ee.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:Ee.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:Ee.t("High Price Impact"),title:Ee.t("Price impact is too high!"),description:Ee.t("The price impact is significantly higher than the allowed amount."),confirmMessage:Ee.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:Ee.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Ee.t("USD Price Unknown"),title:Ee.t("USD Price Unknown, Cannot calculate Price Impact."),description:Ee.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Ee.t("Confirm USD Price Unknown")}}),"errorMessages");function ql(t){switch(t.type){case 0:return t.diagnosisMessage??R().noResultError.title;case 1:return R().genericServerError;default:return""}}i(ql,"getQuoteErrorMessage");import{i18n as Bn}from"@lingui/core";var Xt=i(()=>({connectWallet:Bn.t("Connect Wallet"),swap:Bn.t("Swap"),swapAnyway:Bn.t("Swap anyway"),ethWarning:Bn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Ql(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(Ql,"hasHighValueLoss");function Hl(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(Hl,"hasLimitError");function Gl(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=et.t({id:"Required: >= {min} {symbol}",values:{min:A(o,6,6),symbol:e.from.symbol}}),a=R().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=et.t({id:"Required: > {min} {symbol}",values:{min:A(o,6,6),symbol:e.from.symbol}}),a=R().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=et.t({id:"Required: <= {max} {symbol}",values:{max:A(n,6,6),symbol:e.from.symbol}}),a=R().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=et.t({id:"Required: < {max} {symbol}",values:{max:A(n,6,6),symbol:e.from.symbol}}),a=R().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Gl,"getLimitErrorMessage");function Vl(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(Vl,"getSwapButtonState");function Ii(t,e,o){return!((!o||o.lte(Me))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(Ii,"canComputePriceImpact");var Ig=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=Ig(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 Pn(t,e){return t.reduce((o,n)=>o.plus(Ei(n,e)),Me)}i(Pn,"getTotalFeeInUsd");function Ai(t){let e=Me;return e=e.plus(new Be(t.amount).multipliedBy(t.price||0)),e}i(Ai,"getUsdFee");function Xl(t){return t.reduce((e,o)=>e.plus(Ai(o)),Me)}i(Xl,"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 Kl(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(Kl,"checkSlippageErrors");function Yl(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(Yl,"checkSlippageWarnings");function $n(t){return t.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i($n,"getMinRequiredSlippage");function Zl(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Zl,"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:d,affiliateWallets:m,destination:f,enableCentralizedSwappers:h}=t,C=s?.reduce((k,T)=>(k[T.chain]=T.address,k),{}),S=[];return r?.forEach(k=>{S.push({blockchain:k.chain,addresses:[k.address]})}),{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:d??void 0,affiliateWallets:m??void 0,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:S,selectedWallets:C??{},slippage:c.toString(),...f&&{destination:f},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(k=>!a.includes(k)),swappersGroupsExclude:!1},enableCentralizedSwappers:h}}i(Jl,"createQuoteRequestBody");function Rl(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Rl,"getWalletsForNewSwap");function ro(t){return t?.outputAmount||null}i(ro,"getQuoteOutputAmount");function ep(t,e){return new Be(e).div(new Be(t)).minus(1).multipliedBy(100).toNumber()}i(ep,"getPercentageChange");function tp(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(tp,"isOutputAmountChangedALot");function op(t,e,o){let n=t.validationStatus,r=Gt({filter:"required",quote:t});return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>lp(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=A(new Be(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=A(new Be(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=et.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=et.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=et.t(" for input and network fee")),et.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(op,"generateBalanceWarnings");function Dn(t,e){return(t?new Be(t):Me).multipliedBy(e||0)}i(Dn,"calcOutputUsdValue");function _o(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==_n.NetworkChanged}i(_o,"isNetworkStatusInWarningState");function np(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),_o(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case _n.WaitingForConnectingWallet:n=n||et.t("Waiting for connecting wallet");break;case _n.WaitingForQueue:n=n||et.t("Waiting for other running tasks to be finished");break;case _n.WaitingForNetworkChange:n=n||et.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(np,"getSwapMessages");function rp(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(rp,"getLastConvertedTokenInFailedSwap");function ip(t){return t.status==="failed"}i(ip,"shouldRetrySwap");function sp(t,e,o,n,r,s){if(!n||t)return!0;let a=Gt({filter:"all",quote:n}),l=Gt({filter:"required",quote:n}),p=a.every(d=>r.some(m=>m.chain===d)),c=l.every(d=>r.some(m=>m.chain===d)),u=o&&s?Ln(s,o):!1;return!e&&!p||e&&!o||e&&!!o&&(!u||!c)}i(sp,"isConfirmSwapDisabled");function ap(t,e){return t.blockchain===e.blockchain&&t.symbol===e.symbol&&t.address===e.address}i(ap,"isTokensIdentical");function On(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(On,"getQuoteToTokenUsdPrice");function Ni(t,e){let o=t?.swaps||[],n=e?.swaps||[];return o.length!==n.length}i(Ni,"isNumberOfSwapsChanged");function Wi(t,e){let o=t?.swaps.map(r=>r.swapperId)||[],n=e?.swaps.map(r=>r.swapperId)||[];return!Si(o,n)}i(Wi,"isQuoteSwappersUpdated");function 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 cp(t,e){return Ni(t,e)||Wi(t,e)||Mi(t,e)}i(cp,"isQuoteChanged");function lp(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(lp,"getRequiredBalanceOfWallet");function St(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(St,"getPriceImpactLevel");function up(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Ag(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Ti(s?s.toBlockchain:n.fromBlockchain,e),p=Ti(r.toBlockchain,e),c=Ci(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=Ci(a,o),d=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:d}}i(up,"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&&Ql(a,u)){let m=Pn(t?.swaps,r),f=St(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:m,warningLevel:f}}}else if(t&&(!a||!l))return{type:1};let p=$n(t.swaps),c=s>Nl;if(Zl(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:Yl(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:ep(t.toString(),e.toString());return n&&n<0?n:null}i(je,"getPriceImpact");var mp=i(t=>{let e=new Set,o=[];return t.forEach(n=>{e.has(n.from.chain.displayName)||(e.add(n.from.chain.displayName),o.push(n.from.chain)),e.has(n.to.chain.displayName)||(e.add(n.to.chain.displayName),o.push(n.to.chain))}),o},"getUniqueBlockchains"),Un=i((t,e)=>e.sort((o,n)=>{let r=i(c=>c.scores?.find(u=>u.preferenceType===t)?.score??0,"getScore"),s=r(o),a=r(n);if(s!==a)return a-s;let l=o.requestId.toLowerCase(),p=n.requestId.toLowerCase();return l.localeCompare(p)}),"sortQuotesBy"),dp=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"),fp=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 Ct(e||Me).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),X=Bt(Ng()(Wg(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Ct(0),outputUsdValue:new Ct(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 Eo(o.inputAmount)?(e&&(n=e?.outputAmount?new Ct(e?.outputAmount):null,r=Dn(e?.outputAmount,On(e)||o.toToken?.usdPrice)),{selectedQuote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetAlerts:()=>t(()=>({error:null,warning:null})),resetQuote:()=>t(()=>({selectedQuote:null,outputAmount:null,outputUsdValue:new Ct(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 Ct(0),outputUsdValue:new Ct(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}=up(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:jt(a??null,c),outputUsdValue:new Ct(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 Ct(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 gp(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=X(),c=g().config,u=g().fetchStatus,d=g().blockchains(),m=g().tokens(),{setAffiliateRef:f,setAffiliatePercent:h,setAffiliateWallets:C}=g(),S=c?.from?.tokens,y=c?.from?.blockchains,k=c?.to?.tokens,T=c?.to?.blockchains,x=zn(void 0),I=zn(void 0),b=zn(void 0),v=zn(void 0);so(()=>{t(c?.amount?.toString()||"")},[c?.amount]),so(()=>{if(u==="success"){let w=d.find(E=>E.name===c?.from?.blockchain),N=m.find(E=>Le(E,c?.from?.token||null));(w||!w&&b.current)&&n(w??null),N?r({token:N,meta:{blockchains:d,tokens:m}}):!N&&x.current&&r({token:null}),b.current=c?.from?.blockchain,x.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),so(()=>{Ao(s,S)&&r({token:null}),fi(l,y)&&n(null)},[S,y]),so(()=>{Ao(a,k)&&r({token:null}),fi(p,T)&&o(null)},[k,T]),so(()=>{if(u==="success"){let w=d.find(E=>E.name===c?.to?.blockchain),N=m.find(E=>Le(E,c?.to?.token||null));(w||!w&&v.current)&&o(w??null),N?e({token:N,meta:{blockchains:d,tokens:m}}):!N&&I.current&&e({token:null}),v.current=c?.to?.blockchain,I.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),so(()=>{f(c?.affiliate?.ref??null),h(c?.affiliate?.percent??null),C(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(gp,"useSyncStoresWithConfig");import{useEffect as _i,useRef as Mg}from"react";import{useInRouterContext as Lg,useLocation as Bg,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=Bg(),[e,o]=_g(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:d,setInputAmount:m}=X(),f=g().fetchStatus,h=g().blockchains(),C=g().tokens(),S=Lg(),{updateIframe:y,updateCampaignMode:k}=g(),T=g().isInCampaignMode(),x=Mg(),I=i(()=>{let v=e.get("fromAmount"),w=e.get("fromBlockchain"),N=e.get("fromToken"),E=e.get("toBlockchain"),D=e.get("toToken"),Q=e.get("autoConnect"),U=e.get("clientUrl"),V=e.get("liquiditySources");return{fromAmount:v,fromBlockchain:w,fromToken:N,toBlockchain:E,toToken:D,autoConnect:Q,clientUrl:U,liquiditySources:V}},"getUrlSearchParams"),b=i(v=>{for(let w in v)v[w]||delete v[w];o(v,{replace:!0})},"updateUrlSearchParams");_i(()=>{let{autoConnect:v,clientUrl:w}=I();S&&f==="success"&&b({fromBlockchain:n?.name,fromToken:Bi(s),toBlockchain:r?.name,toToken:Bi(a),fromAmount:l,autoConnect:v??void 0,clientUrl:w??void 0,liquiditySources:T?x.current:void 0})},[t.pathname,l,n,s,r,a,T]),_i(()=>{if(!S)return;let v=I();if(!x.current&&v.liquiditySources&&(x.current=v.liquiditySources),v.fromAmount&&m(v.fromAmount),f==="success"){let w=h.find(Q=>Q.name===v.fromBlockchain),N=Li(C,v.fromToken,w??null),E=h.find(Q=>Q.name===v.toBlockchain),D=Li(C,v.toToken,E??null);w&&(p(w),N&&u({token:N,meta:{blockchains:h,tokens:C}})),E&&(c(E),D&&d({token:D,meta:{blockchains:h,tokens:C}}))}},[f]),_i(()=>{let{clientUrl:v,liquiditySources:w}=I();y("clientUrl",v||void 0),k("liquiditySources",w?.split(",")??void 0)},[])}i(Pi,"useSyncUrlAndStore");import{i18n as Ls}from"@lingui/core";import{useManager as PS}from"@rango-dev/queue-manager-react";import{Alert as Yu,Button as $S,css as _s,Divider as Bs,IconButton as Zu,styled as DS,Typography as FS,WalletIcon as OS}from"@rango-dev/ui";import Se,{useEffect as Wr,useLayoutEffect as US,useRef as zS,useState as Zo}from"react";import{useLocation as qS,useNavigate as QS}from"react-router-dom";import{i18n as mt}from"@lingui/core";import{Alert as us,BalanceErrors as vy,Button as Wc,ChevronDownIcon as by,ChevronLeftIcon as Iy,Divider as go,MessageBox as Ey,Typography as pr,WalletIcon as Ay}from"@rango-dev/ui";import O,{useEffect as Ny,useState as ho}from"react";import{useNavigate as Wy}from"react-router-dom";import{i18n as qn}from"@lingui/core";function Qn(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(Qn,"getQuoteUpdateWarningMessage");import{Modal as $g}from"@rango-dev/ui";import Dg from"react";function se(t){let{watermark:e}=oe();return Dg.createElement($g,{hasWatermark:e==="FULL",...t},t.children)}i(se,"WatermarkedModal");import Xn,{useRef as Ug}from"react";import*as ao from"@radix-ui/react-collapsible";import{keyframes as yp,styled as Hn}from"@rango-dev/ui";var $i=300,Fg=yp({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Og=yp({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Sp=Hn(ao.Root,{borderRadius:"$sm",overflow:"hidden",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Di=Hn(ao.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),Gn=Hn(ao.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Fg} ${$i}ms ease-out`},false:{animation:`${Og} ${$i}ms ease-out`}}}}),Vn=Hn("div",{transition:`all ${$i}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function jn(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=Ug(null);return Xn.createElement(Sp,{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(Gn,{className:"collapsible_content",open:e},r),l==="bottom"&&Xn.createElement(Di,{className:"collapsible_trigger",onClick:s},a))}i(jn,"CustomCollapsible");import{css as Cp,darkTheme as lo,IconButton as zg,styled as Ke,TextField as qg}from"@rango-dev/ui";var Tp=Ke("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),kp=Ke("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Qg=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(Qg,{alignSelf:"stretch",minHeight:"93px"}),wp=Ke("div",{padding:"$20 $20 $15 $20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),vp=Ke(zg,{position:"absolute",left:"$20"}),bp=Ke("div",{paddingTop:"$20"}),Ip=Cp({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ep=Ke("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral100"}}),Ap=Cp({paddingTop:"$5"}),Np=Ke("div",{display:"flex"}),Wp=Ke(qg,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Mp=Ke("div",{overflow:"visible",width:"100%"}),Lp=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 tt}from"@lingui/core";import{Button as Ty,Divider as ps,Image as ky,MessageBox as ar,SelectableWallet as xy,Typography as Ec,WalletState as Ac}from"@rango-dev/ui";import ce,{useEffect as Nc,useState as Oo}from"react";import{WalletState as Kn}from"@rango-dev/ui";import{useWallets as Hg}from"@rango-dev/wallets-react";import{detectMobileScreens as Gg,KEPLR_COMPATIBLE_WALLETS as Vg,WalletTypes as Po}from"@rango-dev/wallets-shared";import{useCallback as Xg,useEffect as jg,useState as Kg}from"react";var Yg=Object.values(Po);function po(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Hg(),{connectedWallets:c}=Z(),u=g().blockchains(),d=ml(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Yg,m=Za(s,l,d,o);m=Gg()?m.filter(I=>I.showOnMobile||s(I.type).installed):m;let f=nl(m),[h,C]=Kg(""),S=i(I=>!c.find(b=>b.walletType===I&&b.chain===o),"isExperimentalChainNotAdded"),y=i(async I=>{let b=s(I);try{if(h&&C(""),b.connected)await a(I);else{let v=!!m.find(w=>w.state===Kn.CONNECTED);if(!e?.multiWallets&&v)return;n?.(I),await p(I),r?.(I)}}catch(v){C("Error: "+v?.message)}},"handleClick"),k=Xg(()=>{let I=m?.filter(b=>b.state===Kn.CONNECTING)||[];for(let b of I)a(b.type)},[sl(m)]);jg(()=>()=>{k()},[]);let T=i(I=>{let b=I.find(w=>w.type===Po.DEFAULT);return!b||b.state===Kn.NOT_INSTALLED?!1:I.filter(w=>w.state!=Kn.NOT_INSTALLED&&![Po.DEFAULT,Po.WALLET_CONNECT_2].includes(w.type)&&l(w.type).supportedChains.filter(N=>N.type=="EVM").length>0).length==0},"shouldShowDefaultInjectedWallet"),x=i((I,b,v)=>kn(v,b)&&S(I)&&!Vg.includes(I)||I==Po.DEFAULT&&!T(m),"shouldExcludeWallet");return{list:f.filter(I=>!x(I.type,o??"",u)),error:h,handleClick:y,disconnectConnectingWallets:k}}i(po,"useWalletList");import{i18n as Tc}from"@lingui/core";import{styled as xc,Typography as dy,Wallet as fy,WalletState as gy}from"@rango-dev/ui";import fo,{useState as kc}from"react";import{useManager as oy}from"@rango-dev/queue-manager-react";import{BottomLogo as ny,Divider as dc,Header as ry}from"@rango-dev/ui";import ge,{useEffect as rs,useRef as fc,useState as iy}from"react";import{useRef as Zg}from"react";function Yn(){return window.self!==window.top}i(Yn,"isAppLoadedIntoIframe");function Fi(){let t=Zg(null),{iframe:e}=g(),o=Yn()&&e.clientUrl,n=i(a=>{o&&window.top?.postMessage(a,e.clientUrl)},"send");return{send:n,connectHeightObserver:i(a=>{t.current=new ResizeObserver(l=>{for(let p of l)n({type:"widget_height",data:{height:p.contentRect.height}})}),t.current.observe(a)},"connectHeightObserver"),disconnectHeightObserver:i(()=>{t.current&&(t.current.disconnect(),t.current=null)},"disconnectHeightObserver")}}i(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 rh,lightTheme as ih}from"@rango-dev/ui";import{useEffect as sh,useState as ah}from"react";import{theme as oh,darkColors as nh}from"@rango-dev/ui";import qi from"react";function Rg(t,e,o){let p=[],c=90;for(let m=0;m<9;m++)p.push(c),m+1===4?c=0:c-=m>=4?6:10;let u=o?p.slice().reverse():p,d={};for(let m=0;m<9;m++){let f=100+m*100,h=u[m],C={[`${e}${f}`]:Zn(t,h)};Object.assign(d,C)}return{...d,[e]:t}}i(Rg,"generateShades");function Zn(t,e){let[o,n,r]=Bp(t);return`#${Oi(o+e)}${Oi(n+e)}${Oi(r+e)}`}i(Zn,"generateShade");function Bp(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(Bp,"convertToRGB");function Oi(t){return("0"+Math.max(0,Math.min(255,t)).toString(16)).slice(-2).toUpperCase()}i(Oi,"clamp");function _p(t){let[a,l,p]=Bp(t);return(a*299+l*587+p*114)/1e3>188}i(_p,"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,...Rg(a,s,s==="neutral"&&e)})}return n?r:{}},"generateColors");var Pp=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),eh=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Pp(o%52)+e;return Pp(o%52)+e},"toAlphabeticName"),th=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),zi=i(t=>eh(th(5381,JSON.stringify(t))>>>0),"toHash");function Qi(t){let e=oh.colors,o=Ui({...e,...nh},!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-${zi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${di}-dark-${zi(p)}`,tokens:p}}return{light:a,dark:l}}i(Qi,"customizedThemeTokens");function $p(t,e){if(t.length<=1)return t.map(({element:n,key:r})=>qi.cloneElement(n,{key:r}));let o=[];return t.forEach((n,r)=>{let{element:s,key:a}=n;if(o.push(qi.cloneElement(s,{key:a})),r<t.length-1){let l=`divider-${r}`;o.push(qi.cloneElement(e,{key:l}))}}),o}i($p,"joinList");function Jn(t){let{colors:e,fontFamily:o=cl,borderRadius:n=ll,secondaryBorderRadius:r=pl}=t,[s,a]=ah("light"),{theme:l}=g(),{dark:p,light:c}=Qi(e),u=Hi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[u.className,ih.className],m=[u.className,rh.className];if(c){let h=Hi(c.id,c.tokens);d.push(h.className)}if(p){let h=Hi(p.id,p.tokens);m.push(h.className)}return sh(()=>{let h=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",h),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",h)}},[]),{activeTheme:i(()=>{let h=d.join(" "),C=m.join(" ");return l==="auto"?s==="dark"?C:h:l==="dark"?C:h},"getActiveTheme")}}i(Jn,"useTheme");var ct=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 Dp}from"@lingui/core";import{Alert as lh,Button as ph}from"@rango-dev/ui";import Fp from"react";function Gi(t){return Fp.createElement(lh,{action:Fp.createElement(ph,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},Dp.t("Activate this tab")),type:"warning",variant:"alarm",title:Dp.t("Another tab is open and handles transactions.")})}i(Gi,"ActivateTabAlert");import{i18n as Vi}from"@lingui/core";import{Button as ch,Divider as uh,MessageBox as mh}from"@rango-dev/ui";import Rn from"react";function Xi(t){let{open:e,onClose:o,onConfirm:n}=t;return Rn.createElement(se,{open:e,dismissible:!0,onClose:o,container:M()},Rn.createElement(mh,{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.")},Rn.createElement(uh,{size:20}),Rn.createElement(ch,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Vi.t("Confirm"))))}i(Xi,"ActivateTabModal");import{ChevronLeftIcon as gh}from"@rango-dev/ui";import Vp from"react";import{css as dh,darkTheme as Op,IconButton as fh,styled as Kt}from"@rango-dev/ui";var ut=Kt(fh,{width:"$24",position:"relative",padding:"0",overflow:"unset","&:hover":{backgroundColor:"$info100",[`.${Op} &`]:{backgroundColor:"$neutral"}}}),Up=Kt("div",{position:"absolute",background:"$secondary500",[`.${Op} &`]:{$$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"}}}}),Qp=Kt("div",{position:"absolute",right:"$4",top:"$4",backgroundColor:"$background",borderRadius:"100%"}),Hp=dh({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}),Gp=Kt("div",{borderRadius:"100%",border:"1.5px transparent solid","&:not(:first-child)":{marginLeft:"-$6"},img:{borderRadius:"100%"}});function ji(t){return Vp.createElement(ut,{variant:"ghost",size:"small",onClick:t.onClick},Vp.createElement(gh,{color:"black",size:16}))}i(ji,"BackButton");import{i18n as hh}from"@lingui/core";import{Button as yh,Typography as Sh}from"@rango-dev/ui";import Ki from"react";function Yi(t){return Ki.createElement(co,null,Ki.createElement(yh,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Ki.createElement(Sh,{variant:"label",size:"medium",color:"error500"},hh.t("Cancel"))))}i(Yi,"CancelButton");import{i18n as Ch}from"@lingui/core";import{Image as Th,Tooltip as kh,WalletIcon as xh}from"@rango-dev/ui";import Yt from"react";function Zi(t){let{config:e}=g(),{list:o}=po({config:e}),n=o.filter(s=>s.state==="connected"),r=n.length?Yt.createElement("div",{className:Hp()},n.map(s=>Yt.createElement(Gp,{key:s.title},Yt.createElement(Th,{src:s.image,size:14})))):Ch.t("Connect Wallet");return Yt.createElement(kh,{container:t.container,side:"bottom",content:r},Yt.createElement(ut,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Yt.createElement(Up,null),Yt.createElement(xh,{size:18,color:"black"})))}i(Zi,"WalletButton");import{i18n as or}from"@lingui/core";import{NotificationsIcon as Xh,Popover as jh,SettingsIcon as Kh,Tooltip as nr,TransactionIcon as Yh}from"@rango-dev/ui";import we from"react";import{i18n as Lh}from"@lingui/core";import{EventSeverity as Rp}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as ec,ChevronRightIcon as Bh,Divider as _h,Typography as Ph}from"@rango-dev/ui";import Oe from"react";import{useNavigate as $h}from"react-router-dom";import{create as wh}from"zustand";import{persist as vh,subscribeWithSelector as bh}from"zustand/middleware";var Fe=Bt(wh()(vh(bh((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,address:r.fromSymbolAddress,symbol:r.fromSymbol},to:{blockchain:s.toBlockchain,address:s.toSymbolAddress,symbol:s.toSymbol}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{darkTheme as Ih,ListItemButton as Eh,styled as $o}from"@rango-dev/ui";var Xp=$o("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),jp=$o("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Kp=$o(Eh,{variants:{actionRequired:{true:{backgroundColor:"$error300",[`.${Ih} &`]:{backgroundColor:"$error600"}}}}}),Yp=$o("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Zp=$o("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Ah}from"@lingui/core";import{Divider as Nh,NoNotificationIcon as Wh,Typography as Mh}from"@rango-dev/ui";import er from"react";function Jp(){return er.createElement(Zp,null,er.createElement(Wh,{color:"secondary",size:26}),er.createElement(Nh,{size:12}),er.createElement(Mh,{variant:"body",size:"medium",color:"neutral700"},Ah.t("There are no notifications.")))}i(Jp,"NotificationNotFound");var Dh=4;function Ji(){let t=$h(),{getUnreadNotifications:e}=Fe(),o=e(),n=g().blockchains(),r=g().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,Dh),a=i(l=>{t(`${z.swaps}/${l}`)},"handleOnClick");return Oe.createElement(Xp,null,s.length?Oe.createElement(jp,null,s.map((l,p)=>{let{route:c,requestId:u,event:d}=l,m=r.find(S=>Le(S,c.from)),f=n.find(S=>S.name===c.from.blockchain),h=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(Kp,{onClick:()=>a(u),actionRequired:d.messageSeverity===Rp.WARNING,title:Oe.createElement(Ph,{variant:"body",size:"small",color:d.messageSeverity===Rp.WARNING?"$foreground":"$neutral700"},Lh.t(d.message)),id:u,start:Oe.createElement(Yp,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(ec,{tokenImage:m?m.image:"",chainImage:f?f.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(ec,{tokenImage:h?h.image:"",chainImage:C?C.logo:"",size:"small"}))),end:Oe.createElement(Bh,{size:12,color:"gray"})}))})):Oe.createElement(Jp,null))}i(Ji,"NotificationContent");import{useManager as Fh}from"@rango-dev/queue-manager-react";import{InProgressIcon as Oh}from"@rango-dev/ui";import tc from"react";var Uh=i(()=>{let{manager:t}=Fh();return ct(t).map(({swap:o})=>o).find(o=>o.status==="running")?tc.createElement(Qp,null,tc.createElement(Oh,{color:"info",size:6})):null},"InProgressTransactionBadge"),oc=Uh;import{RefreshProgressButton as zh}from"@rango-dev/ui";import Ri,{useEffect as qh,useState as nc}from"react";var Qh=1e3,rc=60,Hh=100;function tr({onClick:t}){let[e,o]=nc(0),[n,r]=nc(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");qh(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===rc&&l()},Qh):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(ut,{variant:"ghost",size:"small",style:{paddingTop:0,paddingBottom:0},onClick:l,disabled:!t},Ri.createElement(qp,{onTransitionEnd:()=>r(!1),isRefetched:n},Ri.createElement(zh,{size:22,color:t?"black":"gray",progress:e/rc*Hh})))}i(tr,"RefreshButton");import{EventSeverity as Gh}from"@rango-dev/queue-manager-rango-preset";import{Typography as Vh}from"@rango-dev/ui";import ic from"react";function sc(){let{getUnreadNotifications:t}=Fe(),e=t(),o=e.length,n=!!e.find(r=>r.event.messageSeverity===Gh.WARNING);return o?ic.createElement(zp,{isSever:n},ic.createElement(Vh,{variant:"body",size:"xsmall",color:"$background"},o)):null}i(sc,"UnreadNotificationsBadge");function Zt(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n,hidden:r=[],container:s}=t,{config:{features:a}}=g(),l=Xe("notification",a)||r.includes("notifications");return we.createElement(we.Fragment,null,!r.includes("refresh")&&we.createElement(nr,{container:s||M(),side:"top",content:or.t("Refresh")},we.createElement(tr,{onClick:e})),!l&&we.createElement(jh,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:M(),content:we.createElement(Ji,null)},we.createElement("div",null,we.createElement(nr,{container:M(),side:"top",content:or.t("Notifications")},we.createElement(ut,{size:"small",variant:"ghost"},we.createElement(Xh,{size:18,color:"black"}),we.createElement(sc,null))))),!r.includes("settings")&&we.createElement(nr,{container:M(),side:"top",content:or.t("Settings")},we.createElement(ut,{size:"small",variant:"ghost",onClick:n},we.createElement(Kh,{size:18,color:"black"}))),!r.includes("history")&&we.createElement(nr,{container:M(),side:"top",content:or.t("Transactions History")},we.createElement(ut,{size:"small",variant:"ghost",onClick:o},we.createElement(Yh,{size:18,color:"black"}),we.createElement(oc,null))))}i(Zt,"HeaderButtons");import{i18n as es}from"@lingui/core";import{Divider as lc,MessageBox as Rh,RefreshIcon as ey}from"@rango-dev/ui";import uo from"react";import{Button as Zh,styled as Jh}from"@rango-dev/ui";var ac=Jh(Zh,{"& span":{display:"flex",justifyContent:"center",alignItems:"center"}});function ts(t){let{open:e,onClose:o}=t;return uo.createElement(se,{open:e,dismissible:!0,onClose:o,container:M()},uo.createElement(Rh,{title:es.t("Something went wrong"),type:"error",description:es.t("Something went wrong. Please refresh the app.")},uo.createElement(lc,{size:30}),uo.createElement(ac,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:()=>location.reload()},uo.createElement(ey,{size:20,color:"primary"}),uo.createElement(lc,{size:4,direction:"horizontal"}),es.t("Refresh"))))}i(ts,"RefreshModal");function os(t){let e=t.target;if(e){let o=e.scrollTop,n=M();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(os,"onScrollContentAttachStatusToContainer");import{css as ty,styled as ns}from"@rango-dev/ui";var pc="700px",rr=ty({borderRadius:"$primary",display:"flex",flexDirection:"column",overflow:"hidden",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)"}),cc=ns("div",{position:"relative",width:"100vw",minWidth:"300px",maxWidth:"390px",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:pc},fixed:{height:pc}}}}),uc=ns("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),mc=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 ae(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=Fi(),{children:n,header:r,footer:s,height:a="fixed"}=t,{fetchStatus:l}=g(),[p,c]=iy(!1),u=Z.use.connectedWallets(),{config:{features:d,theme:m}}=g(),{watermark:f}=oe(),h=f==="FULL",{activeTheme:C}=Jn(m||{}),S=Xe("connectWalletButton",d),{isActiveTab:y,tabManagerInitiated:k,showActivateTabModal:T,setShowActivateTabModal:x,activateCurrentTab:I}=oe(),b=Ye(),{manager:v}=oy(),N=ct(v).map(({swap:L})=>L).some(L=>L.status==="running"),E=i(()=>I(Vt.forceClaim,N),"onActivateTab"),D=i(()=>{r.onWallet?.()},"onConnectWallet"),Q=typeof r.hasBackButton>"u"||r.hasBackButton,U=fc(null),V=fc(null);return rs(()=>(Yn()&&V.current&&e(V.current),()=>{o()}),[]),rs(()=>(U.current?.addEventListener("scroll",os),()=>{U.current?.removeEventListener("scroll",os)}),[]),rs(()=>{c(l==="failed")},[l]),ge.createElement(cc,{height:a,id:Te.SWAP_BOX_ID,className:`${C()} ${rr()}`,ref:V},ge.createElement(ry,{prefix:ge.createElement(ge.Fragment,null,Q&&ge.createElement(ji,{onClick:()=>{b(),r.onBack&&r.onBack()}})),title:r.title,suffix:ge.createElement(ge.Fragment,null,r.suffix,r.onWallet&&!S&&ge.createElement(Zi,{container:M(),onClick:D,isConnected:!!u?.length}),r.onCancel&&ge.createElement(Yi,{onClick:r.onCancel}))}),ge.createElement(uc,{ref:U},n),ge.createElement(Xi,{open:T,onClose:()=>x(!1),onConfirm:E}),ge.createElement(mc,null,ge.createElement("div",{className:"footer__content"},k&&!y&&ge.createElement("div",{className:"footer__alert"},ge.createElement(Gi,{onActivateTab:E}),ge.createElement(dc,{size:10})),s),ge.createElement(dc,{size:12}),ge.createElement("div",{className:`footer__logo ${h?"logo__show":"logo__hidden"}`},ge.createElement(ny,null))),ge.createElement(ts,{open:p,onClose:()=>c(!1)}))}i(ae,"Layout");import{styled as sy}from"@rango-dev/ui";var gc="$20 $20 $10 $20",Do=sy("div",{padding:gc,overflowY:"auto",flexGrow:1});import{styled as ay}from"@rango-dev/ui";var pe=ay("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 my}from"@rango-dev/ui";import ss from"react";import{i18n as mo}from"@lingui/core";import{Image as cy,MessageBox as is,WalletState as uy}from"@rango-dev/ui";import Jt from"react";import{keyframes as ly,styled as ir}from"@rango-dev/ui";var iN=ir("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),hc=ir("div",{position:"relative"}),py=ly({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),yc=ir("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${py} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Sc=ir("div",{"& img":{borderRadius:"50%"}});function Cc(t){let{state:e,image:o,error:n}=t;return e===uy.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(hc,null,Jt.createElement(Sc,null,Jt.createElement(cy,{src:o,size:45})),Jt.createElement(yc,null))})}i(Cc,"ModalContent");function Fo(t){let{open:e,onClose:o,...n}=t;return ss.createElement(se,{open:e,onClose:o,container:document.getElementById(Te.SWAP_BOX_ID)||document.body},ss.createElement(Cc,{...n}),ss.createElement(my,{direction:"vertical",size:32}))}i(Fo,"WalletModal");var hy=xc("div",{display:"flex",justifyContent:"center",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5"}),yy=xc(pe,{textAlign:"center"}),sr=3e3,as=300;function wc(){let{config:t,fetchStatus:e}=g(),[o,n]=kc(!1),[r,s]=kc(""),a=null,l=oe.use.isActiveTab(),{list:p,handleClick:c,error:u,disconnectConnectingWallets:d}=po({config:t,onBeforeConnect:S=>{a=setTimeout(()=>{n(!0),s(S)},as)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},sr)}}),m=i(()=>{d(),n(!1)},"handleCloseWalletModal"),f=p.find(S=>S.type===r),h=f?.image||"",C=f?.state||gy.NOT_INSTALLED;return fo.createElement(ae,{header:{title:Tc.t("Connect Wallets")}},fo.createElement(yy,null,fo.createElement(dy,{variant:"title",size:"xmedium",align:"center"},Tc.t("Choose a wallet to connect.")),fo.createElement(hy,null,p.map((S,y)=>{let k=`wallet-${y}-${S.type}`;return fo.createElement(fy,{key:k,...S,container:M(),onClick:T=>{c(T)},isLoading:e==="loading",disabled:!l})}),fo.createElement(Fo,{open:!!o,onClose:m,image:h,state:C,error:u}))))}i(wc,"WalletsPage");import{keyframes as Sy,styled as ls}from"@rango-dev/ui";var vc=ls("div",{position:"relative"}),Cy=Sy({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),bc=ls("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Cy} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Ic=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}=g(),l=oe.use.isActiveTab(),p=Z.use.connectedWallets(),{blockchains:c}=g(),[u,d]=Oo(""),[m,f]=Oo(null),[h,C]=Oo(!1),[S,y]=Oo(null),{suggestAndConnect:k}=lr(),T=null,{list:x,error:I,handleClick:b,disconnectConnectingWallets:v}=po({config:a,chain:e,onBeforeConnect:L=>{T=setTimeout(()=>{d(L)},as)},onConnect:()=>{T&&clearTimeout(T),setTimeout(()=>{d("")},sr)}}),[w,N]=Oo(x),E=x.length,D=r&&E-r>0,Q=i(async L=>{C(!1),y("in-progress");try{await k(L.walletType,L.chain),y("completed")}catch{y("rejected")}},"addExperimentalChain");Nc(()=>{N(L=>{let J=x.findIndex(ee=>o(ee.type,e));return D&&J>1?[x[J]].concat(x.filter((ee,B)=>B!==J)):L.map(ee=>x.find(B=>B.type===ee.type)??ee)})},[JSON.stringify(x)]);let U=document.getElementById(Te.SWAP_BOX_ID);Nc(()=>{let L=null;return(S==="completed"||S==="rejected")&&(L=setTimeout(()=>y(null),sr)),()=>{L&&clearTimeout(L)}},[S]);let V=i(()=>{v(),d("")},"handleCloseWalletModal");return ce.createElement(ce.Fragment,null,w.slice(0,r).map(L=>{let J=rl({connectedWallets:p,walletType:L.type,chain:e}),ee=J?wn(J,wy):"",B=kn(c(),e),te=!p.find(me=>me.walletType===L.type&&me.chain===e),F=B&&te&&L.state===Ac.CONNECTED,W=F?tt.t({id:"Add {chain} chain",values:{chain:e}}):ee,Ce=i(()=>{L.state===Ac.DISCONNECTED?b(L.type):F?(f({walletType:L.type,chain:e,address:J??""}),C(!0)):n({walletType:L.type,chain:e,address:J??""})},"onClick"),ue=m?.chain?xl(m.chain,c()):void 0;return ce.createElement(ce.Fragment,{key:`${L.title}_${ue}`},ce.createElement(Fo,{open:u===L.type,onClose:V,image:L.image,state:L.state,error:I}),!!m&&ce.createElement(se,{open:!!m&&h,container:U,onClose:()=>{f(null)}},ce.createElement(ar,{title:tt.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ue}}),type:"warning",description:tt.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ue}})},ce.createElement(ps,{size:18}),ce.createElement(ps,{size:32}),ce.createElement(Ty,{onClick:Q.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},tt.t("Confirm")))),S&&ce.createElement(se,{open:!!S,onClose:y.bind(null,null),container:U},S==="in-progress"&&ce.createElement(ar,{type:"loading",title:tt.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ue}}),description:tt.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ue}}),icon:ce.createElement(vc,null,ce.createElement(Ic,null,ce.createElement(ky,{src:L.image,size:45})),ce.createElement(bc,null))}),S==="completed"&&ce.createElement(ar,{type:"success",title:tt.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:ue}}),description:tt.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:ue}})}),S==="rejected"&&ce.createElement(ar,{type:"error",title:tt.t("Request Rejected"),description:tt.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:ue}})}),ce.createElement(ps,{direction:"vertical",size:32})),ce.createElement(xy,{key:L.type,description:W,onClick:Ce,selected:o(L.type,e),disabled:!l,...L}))}),D&&ce.createElement(xp,{selected:!1,onClick:s},ce.createElement(Ec,{variant:"label",size:"medium"},tt.t("Show more wallets"),ce.createElement(Ec,{variant:"label",size:"medium",color:"$primary"},"\xA0+",E-(r??0)))))}i(cs,"WalletList");var My=2;function Mc(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=g().config,l=g().blockchains(),{selectedQuote:p,setSelectedWallets:c,quoteWalletsConfirmed:u,setQuoteWalletConfirmed:d,customDestination:m,setCustomDestination:f}=X(),{connectedWallets:h,selectWallets:C}=Z(),[S,y]=ho(""),[k,T]=ho([]),[x,I]=ho(""),[b,v]=ho(null),[w,N]=ho(!!m),E=Gt({filter:"all",quote:p}),D=Gt({filter:"required",quote:p}),Q=l.find(G=>G.name===p?.swaps[p?.swaps.length-1].to.blockchain),U=i(G=>D.includes(G),"isWalletRequiredFor"),V=i(()=>h.filter(G=>G.selected&&E.includes(G.chain)),"getInitialSelectableWallets"),[L,J]=ho(V()),ee=k.length>0,B=i((G,j)=>!!L.find(ne=>ne.walletType===G&&ne.chain===j&&ne.selected&&(U(j)||!U(j)&&!m)),"isSelected"),te=!!m&&w&&Q&&!Ln(Q,m),F=i(()=>{N(!1),f(null),J(G=>{let j=!1;return G.map(ne=>!j&&ne.chain===Q?.name?(j=!0,{...ne,selected:!0}):ne)})},"resetCustomDestination"),W=i(G=>{if(S&&y(""),B(G.walletType,G.chain))return;let ne=h.find(be=>be.walletType===G.walletType&&be.chain===G.chain);ne&&(n(),G.chain===Q?.name&&w&&(N(!1),f(null)),J(be=>be.filter(Mt=>Mt.chain!==G.chain).concat({...ne,selected:!0})))},"onChange"),Ce=i(()=>{let G=L.filter(j=>j.selected);C(G),c(G),d(!0),o()},"onConfirmBalance"),ue=i(async()=>{T([]),I(""),v(null);let G=await r?.({selectedWallets:L.filter(ne=>ne.selected),customDestination:m}),j=G.warnings;j?.balance?.messages&&T(j.balance.messages),j?.quoteUpdate&&v(j.quoteUpdate),G.error&&I(ql(G.error)),!G.error&&!j?.balance?.messages.length?Ce():T(j?.balance?.messages??[])},"onConfirmWallets");Ny(()=>{J(G=>G.concat(h.filter(j=>!!!G.find(be=>be.chain===j.chain)&&j.selected&&E.includes(j.chain))))},[h.length]);let me=document.getElementById(Te.SWAP_BOX_ID),Wt=Wy();return O.createElement(se,{open:e,onClose:()=>{u||Wt("../",{replace:!0}),o()},dismissible:!S,container:me,...!S&&{footer:O.createElement(Np,null,O.createElement(Wc,{loading:s,disabled:sp(s,w,m,p,L,Q),onClick:ue,variant:"contained",type:"primary",fullWidth:!0,size:"large"},mt.t("Confirm")))},...S&&{styles:{container:{padding:"$0"}},header:O.createElement(wp,null,O.createElement(vp,{variant:"ghost",onClick:y.bind(null,"")},O.createElement(Iy,{size:16})),O.createElement(pr,{variant:"headline",size:"small"},mt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ve(S,l)}})))},anchor:"center"},O.createElement(se,{open:ee,onClose:T.bind(null,[]),container:me},O.createElement(Ey,{title:mt.t("Insufficient account balance"),type:"error",description:O.createElement(vy,{messages:k??[]})},O.createElement(Wc,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Ce},mt.t("Proceed anyway")))),S&&O.createElement(bp,null,O.createElement("div",{className:Ip()},O.createElement(cs,{chain:S,isSelected:B,selectWallet:W,onShowMore:y.bind(null,S)}))),!S&&O.createElement(O.Fragment,null,x&&O.createElement(O.Fragment,null,O.createElement(us,{variant:"alarm",type:"error",title:mt.t(x)}),O.createElement(go,{size:12})),b&&O.createElement(O.Fragment,null,O.createElement(us,{variant:"alarm",type:"warning",title:Qn(b)}),O.createElement(go,{size:12})),O.createElement(Mp,null,E.map((G,j)=>{let ne=l.find(De=>De.name===G),be=`wallet-${j}`,Mt=j===E.length-1;return O.createElement("div",{key:be},O.createElement(Tp,null,O.createElement(pr,{variant:"title",size:"xmedium"},mt.t({id:"Your {blockchainName} wallets",values:{blockchainName:ne?.shortName}})),O.createElement(pr,{variant:"label",color:"$neutral700",size:"medium"},mt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:ne?.shortName}}))),O.createElement(go,{size:24}),O.createElement(kp,null,O.createElement(cs,{chain:G,isSelected:B,selectWallet:W,limit:My,onShowMore:()=>y(ne?.name??"")})),!Mt&&O.createElement(go,{size:32}),Mt&&a?.customDestination&&O.createElement(Ep,null,O.createElement(jn,{onOpenChange:De=>{De?U(Q?.name??"")||J(Ie=>Ie.map(Ge=>Ge.chain===Q?.name?{...Ge,selected:!1}:Ge)):F()},hasSelected:!0,open:w,triggerAnchor:"top",trigger:O.createElement(Lp,null,O.createElement("div",{className:"button__content"},O.createElement(Ay,{size:18,color:"info"}),O.createElement(go,{size:4,direction:"horizontal"}),O.createElement(pr,{variant:"label",size:"medium"},mt.t("Send to a different address"))),O.createElement(Vn,{orientation:w?"up":"down"},O.createElement(by,{size:10,color:"gray"}))),onClickTrigger:()=>N(De=>!De)},O.createElement(go,{size:4}),O.createElement(Wp,{autoFocus:!0,placeholder:mt.t("Your destination address"),value:m||"",onChange:De=>{let Ie=De.target.value;Ie.length?f(Ie.length?Ie:null):(N(!1),f(null))}})),te&&O.createElement("div",{className:Ap()},O.createElement(us,{variant:"alarm",type:"error",title:mt.t({values:{destination:m},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Mc,"ConfirmWalletsModal");import{i18n as Yy}from"@lingui/core";import{Alert as Zy,Button as Jy,InfoIcon as Ry}from"@rango-dev/ui";import Qe from"react";import{Alert as _y,Button as Py,Divider as fs,NoRouteIcon as $y,RefreshIcon as Dy,Typography as Fc}from"@rango-dev/ui";import qe from"react";import{i18n as Lc}from"@lingui/core";var Ly=24,By=60;function Bc(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:R().genericServerError,action:{onClick:n,title:Lc.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:R().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Lc.t("Reset")}},description:R().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:R().noResultError.description}}i(Bc,"makeInfo");var ms=(o=>(o[o.small=Ly]="small",o[o.large=By]="large",o))(ms||{}),ds=(o=>(o.small="small",o.large="medium",o))(ds||{});import{styled as cr}from"@rango-dev/ui";var _c=cr("div",{display:"flex",flexDirection:"column",alignItems:"center"}),Pc=cr("div",{variants:{size:{small:{},large:{maxWidth:"316px"}}}}),$c=cr("div",{variants:{size:{small:{width:"100%"},large:{}}}}),Dc=cr("div",{padding:"$6 $0"});function Uo(t){let{fetch:e,error:o,size:n="small"}=t,r=g().getDisabledLiquiditySources(),s=g().toggleAllLiquiditySources,a=g().swappers(),l=Bc(o,r,()=>s(a,!0),e);return qe.createElement(_c,null,qe.createElement($y,{size:ms[n],color:"gray"}),qe.createElement(fs,{size:4}),qe.createElement(Fc,{variant:"title",size:ds[n]},R().noResultError.title),n==="large"&&qe.createElement(fs,{size:4}),!!l.description&&qe.createElement(Pc,{size:n},qe.createElement(Fc,{variant:"body",size:"small",align:"center",color:"neutral700"},l.description)),qe.createElement(fs,{size:n==="large"?"24":"4"}),!!l.alert&&qe.createElement($c,{size:n},qe.createElement(_y,{type:l.alert.type,title:l.alert.text,titleAlign:"left",action:l.alert.action&&qe.createElement(Py,{size:"xsmall",type:l.alert.type,prefix:qe.createElement(Dc,null,qe.createElement(Dy,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i(Uo,"NoResult");import{i18n as zo}from"@lingui/core";import{Button as Oy,Divider as Uy,MessageBox as zy,Typography as qy,WarningIcon as Qy}from"@rango-dev/ui";import Tt from"react";import{Typography as qc}from"@rango-dev/ui";import hs from"react";import{darkTheme as Fy,styled as ur}from"@rango-dev/ui";var Oc=ur("div",{width:"100%"}),gs=ur("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"$5",width:"100%"}),Uc=ur("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Fy} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),zc=ur("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Qc(t){let{title:e,value:o,valueColor:n}=t;return hs.createElement(Uc,null,hs.createElement(qc,{size:"medium",variant:"label",className:"_title"},e),hs.createElement(qc,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Qc,"QuoteErrorsModalItem");function Hc(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:zo.t("Swapping"),value:A(r.inputUsdValue,4,4)},{title:zo.t("Gas cost"),value:A(r.totalFee,2,2)},{title:zo.t("Receiving"),value:A(r.outputUsdValue,4,4)},{title:zo.t("Price impact"),value:A(r.priceImpact,2,2),valueColor:`${a}500`}];return Tt.createElement(se,{footer:Tt.createElement(Oy,{type:"primary",size:"large",prefix:Tt.createElement(Qy,null),fullWidth:!0,disabled:s,onClick:n},R().highValueLossError.confirmMessage),open:e,onClose:o,container:M()},Tt.createElement(zy,{type:a,title:R().highValueLossError.impactTitle,description:R().highValueLossError.description}),Tt.createElement(gs,null,Tt.createElement(Uy,{size:"4"}),Tt.createElement(qy,{size:"small",variant:"title"},zo.t("Details")),Tt.createElement(gs,null,l.map((p,c)=>Tt.createElement(Qc,{key:c,...p})))))}i(Hc,"HighValueLossWarningModal");import{i18n as ys}from"@lingui/core";function Gc(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&&(St(t.priceImpact)==="high"&&(o.alertType="error"),o.action="show-info",o.title=R().highValueLossError.title),t.type===1&&(o.title=R().unknownPriceError.title),t.type===2&&(o.title=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(Gc,"makeAlerts");import{i18n as yo}from"@lingui/core";import{Button as Vc,Divider as Xc,MessageBox as Hy,Typography as Gy}from"@rango-dev/ui";import Rt from"react";import{useNavigate as Vy}from"react-router-dom";function jc(t){let{customSlippage:e,slippage:o}=g(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=Vy(),c=e??o;return Rt.createElement(se,{anchor:"bottom",open:n,prefix:Rt.createElement(Vc,{size:"small",variant:"ghost",onClick:()=>p("../"+z.settings)},Rt.createElement(Gy,{variant:"label",size:"medium",color:"$neutral900"},yo.t("Change settings"))),container:M(),onClose:r},Rt.createElement(Hy,{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(Xc,{size:18}),Rt.createElement(Xc,{size:32}),Rt.createElement(Vc,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},yo.t("Confirm anyway"))))}i(jc,"SlippageWarningModal");import{Button as Xy,MessageBox as jy,WarningIcon as Ky}from"@rango-dev/ui";import mr from"react";function Kc(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return mr.createElement(se,{footer:mr.createElement(Xy,{type:"primary",size:"large",prefix:mr.createElement(Ky,null),fullWidth:!0,disabled:r,onClick:n},R().unknownPriceError.confirmMessage),open:e,onClose:o,container:M()},mr.createElement(jy,{type:"warning",title:R().unknownPriceError.impactTitle,description:R().unknownPriceError.description}))}i(Kc,"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,d={confirmationDisabled:s,open:r,onClose:p,onConfirm:c},m=o?.type===0||o?.type===1,f=Gc(e,o?.type===3||o?.type===4?o:null);return f&&!n&&(f.action=null),Qe.createElement(Qe.Fragment,null,m&&Qe.createElement(Uo,{error:o,fetch:a}),!!f&&Qe.createElement(Oc,null,Qe.createElement(Zy,{title:f.title,type:f.alertType,variant:"alarm",...f.action==="show-info"&&{action:Qe.createElement(zc,{onClick:l},Qe.createElement(Ry,{size:12,color:"gray"}))},...f.action==="change-settings"&&{action:Qe.createElement(Jy,{size:"xxsmall",type:f.alertType,onClick:u},Yy.t("Change"))}})),e&&Qe.createElement(Qe.Fragment,null,e.type===0&&Qe.createElement(Hc,{...d,warning:e}),(e.type===3||e.type===2)&&Qe.createElement(jc,{...d,warning:e}),e.type===1&&Qe.createElement(Kc,{...d,warning:e})))}i(qo,"QuoteWarningsAndErrors");import WS from"bignumber.js";import Ir from"react";import{i18n as Xo}from"@lingui/core";import{Alert as yS,Divider as Co,FullExpandedQuote as SS,InfoIcon as CS,QuoteTag as TS,StepDetails as kS,TokenAmount as xS,Tooltip as Au,Typography as To}from"@rango-dev/ui";import bs from"bignumber.js";import _,{useRef as wS,useState as vS}from"react";import{styled as Ss}from"@rango-dev/ui";var Cs=Ss("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Yc=Ss("div",{paddingBottom:"$15",variants:{dense:{true:{paddingBottom:0}}}}),Zc=Ss("div",{width:"100%",display:"flex"});import*as dr from"@radix-ui/react-collapsible";import{Button as eS,css as Qo,darkTheme as Ae,Image as Jc,styled as _e,Typography as tS}from"@rango-dev/ui";var oS=300,Rc=_e(dr.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Ae} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}]}),eu=Qo({padding:"$10 $15"}),tu=_e(eS,{backgroundColor:"transparent",border:"1px solid $secondary"}),ou=_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"}}}}]}),nu=Qo({width:"100%",padding:"$15 $15 $10 $15"}),ru=Qo({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10",position:"relative"}),So=Qo({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),iu=Qo({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Ae} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),su=_e(dr.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${Jc}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Jc}`]:{border:"1px transparent solid",borderRadius:"100%"}}},selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Ae} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}],".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),au=_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"}}}}),lu=_e(Gn,{width:"100%",background:"inherit"}),Ts=_e("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${oS}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),HM=_e("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),pu=_e("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ae} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),cu=_e("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),ks=_e(tS,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),uu=_e("div",{display:"flex",flexWrap:"wrap"}),xs=_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"}}}}),mu=_e("div",{display:"flex"}),fr=_e("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${Ae} &`]:{borderTopColor:"$neutral800"}});import{i18n as Ot}from"@lingui/core";import{ChevronDownIcon as rS,CloseIcon as iS,Divider as yr,IconButton as sS,QuoteCost as aS,Tooltip as lS,Typography as ot}from"@rango-dev/ui";import K,{useState as hu}from"react";import{css as nS,styled as gr}from"@rango-dev/ui";var hr=gr("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),ws=gr("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),du=gr("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),fu=gr("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),gu=nS({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var pS=i(t=>t.fee.isZero()?null:K.createElement(hr,null,K.createElement(ot,{variant:"label",size:"medium",color:"neutral600"},t.label),K.createElement(ot,{variant:"label",size:"medium"},"$",A(t.fee,4,4))),"NonPayableFee");function yu(t){let[e,o]=hu(!1),[n,r]=hu(!1),{steps:s,quote:a,fee:l,time:p,feeWarning:c,showModalFee:u}=t,d=a?.swaps??[],m=M(),f=jl(d);return K.createElement(K.Fragment,null,K.createElement(aS,{onClickFee:u?h=>{h.stopPropagation(),o(!e)}:void 0,fee:l,feeWarning:c,time:p,steps:s,tooltipGas:u?Ot.t("View more info"):void 0,tooltipContainer:m}),K.createElement(se,{container:m,open:e,header:K.createElement(fu,null,K.createElement(ot,{variant:"title",size:"medium"},Ot.t("Gas & Fee Explanation")),K.createElement(sS,{onClick:()=>o(!1),variant:"ghost"},K.createElement(iS,{color:"gray",size:14}))),onClose:()=>{o(!1)}},K.createElement(du,null,K.createElement(ot,{variant:"title",size:"small"},Ot.t("Details")),K.createElement(yr,{size:10}),Object.entries(f.payable).flatMap(([h,C])=>C.map((S,y)=>{let k=`payable-fee-${y}`,T=Ai(S);return K.createElement(hr,{key:k},K.createElement(ot,{variant:"label",size:"medium",color:"neutral600"},vi[h]),K.createElement(lS,{content:le(S.amount),container:m},K.createElement(ot,{variant:"label",size:"medium"},A(S.amount,2,2)," ",S.asset.symbol," ($",A(T,4,4),")")))})),K.createElement(hr,{className:"total_payable_fee"},K.createElement(ot,{variant:"label",size:"medium"},Ot.t("Total Payable Fee")),K.createElement(ot,{variant:"label",size:"medium"},"$",A(l,4,4))),K.createElement(ws,null),Object.keys(f.nonePayable).length&&K.createElement(jn,{triggerAnchor:"bottom",onClickTrigger:()=>r(h=>!h),trigger:K.createElement("div",{className:gu()},K.createElement(ot,{size:"small",variant:"body",color:"neutral700"},n?Ot.t("Hide non-payable fees"):Ot.t("Show non-payable fees")),K.createElement(yr,{size:4,direction:"horizontal"}),K.createElement(Vn,{orientation:n?"up":"down"},K.createElement(rS,{size:12,color:"gray"}))),open:n},K.createElement(ot,{size:"small",variant:"title"},Ot.t("Description")),K.createElement(yr,{size:4}),K.createElement(ot,{size:"small",variant:"body",color:"neutral700"},Ot.t(`The following fees are considered in the transaction output and
|
|
2
|
-
you won\u2019t need to pay extra gas for them.`)),K.createElement(yr,{size:10}),Object.entries(f.nonePayable).map(([h,C],S)=>{let y=Xl(C),k=vi[h],T=`non-payable-fee-${S}`;return K.createElement(pS,{key:T,fee:y,label:k})}),K.createElement(ws,null)))))}i(yu,"QuoteCostDetails");import{i18n as Tu}from"@lingui/core";import{TokenAmount as ku}from"@rango-dev/ui";import Sr from"react";import{css as cS,styled as uS}from"@rango-dev/ui";var Su=uS("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),Cu=cS({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Ho(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Sr.createElement(Su,null,Sr.createElement(ku,{direction:"horizontal",label:Tu.t("Swap input"),type:"input",tooltipContainer:M(),price:{value:e.price.value,usdValue:e.price.usdValue,realValue:e.price.realValue,realUsdValue:e.price.realUsdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),Sr.createElement("div",{className:Cu()}),Sr.createElement(ku,{direction:"horizontal",tooltipContainer:M(),label:Tu.t("Estimated output"),type:"output",price:{value:o.price.value,usdValue:o.price.usdValue,realValue:o.price.realValue,realUsdValue:o.price.realUsdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}i(Ho,"QuoteSummary");import{i18n as Iu}from"@lingui/core";import{ChevronDownIcon as fS,ChevronRightIcon as gS,Divider as vs,Image as hS,Tooltip as wr,Typography as Tr}from"@rango-dev/ui";import P from"react";import{useLayoutEffect as mS,useState as Go}from"react";var xu=480,wu=768,vu=1024,bu=1200,dS=i(()=>{let[t,e]=Go(!1),[o,n]=Go(!1),[r,s]=Go(!1),[a,l]=Go(!1),[p,c]=Go(!1),u=i(()=>{e(window.innerWidth<=xu),n(window.innerWidth>xu&&window.innerWidth<=wu),s(window.innerWidth>wu&&window.innerWidth<=vu),l(window.innerWidth>vu&&window.innerWidth<=bu),c(window.innerWidth>bu)},"handleResize");return mS(()=>(u(),window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)),[]),{isMobile:t,isTablet:o,isNotebook:r,isLargeScreen:a,isExtraLargeScreen:p}},"useScreenDetect"),Cr=dS;var kr=4,xr=6,Vo=i(t=>{let{content:e,src:o,className:n,open:r,state:s,container:a}=t,l=a||M();return P.createElement(wr,{container:l,side:"bottom",sideOffset:4,open:r,content:e},P.createElement(au,{className:n,state:s},P.createElement(hS,{src:o,size:16})))},"ImageComponent");function Eu(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:s,type:a,container:l}=t,p=l||M(),c=r.length,u=mp(r),{isTablet:d,isMobile:m}=Cr();return P.createElement(su,{listItem:a==="list-item",ref:f=>e.current=f,selected:o,onClick:f=>{f.stopPropagation(),n(h=>!h)}},P.createElement("div",{className:So()},P.createElement(Tr,{variant:"body",size:"xsmall"},Iu.t("Via:")),P.createElement(vs,{direction:"horizontal",size:4}),r.map((f,h)=>{let C=`item-${h}`,S=P.createElement(Ts,null,P.createElement(gS,{size:12,color:"black"}));return m||d?P.createElement(P.Fragment,{key:C},P.createElement(Vo,{content:f.swapper.displayName,src:f.swapper.image,state:f.state,container:l}),h!==c-1&&P.createElement(P.Fragment,null,S)):P.createElement(P.Fragment,{key:C},c<=kr||c>kr&&h<kr-1?P.createElement(P.Fragment,null,P.createElement(Vo,{content:f.swapper.displayName,src:f.swapper.image,state:f.state,container:l}),h!==c-1&&P.createElement(P.Fragment,null,S)):h===kr-1&&P.createElement(wr,{container:p,side:"bottom",align:"end",sideOffset:4,content:P.createElement("div",{className:So()},S,r.map((y,k)=>{let T=`image-${k}`;return k>=h&&P.createElement(P.Fragment,{key:T},P.createElement(Vo,{content:y.swapper.displayName,src:y.swapper.image,state:y.state,open:!1}),k!==c-1&&P.createElement(P.Fragment,null,S))}))},P.createElement(xs,{state:r.find((y,k)=>k>=h&&(y.state==="error"||y.state==="warning"))?.state},P.createElement(Tr,{size:"xsmall",variant:"body"},"+",c-h))))})),P.createElement("div",{className:So()},P.createElement("div",{className:"blockchains_section"},P.createElement("div",{className:So()},P.createElement(Tr,{variant:"body",size:"xsmall"},Iu.t("Chains:")),P.createElement(vs,{direction:"horizontal",size:4}),u.map((f,h)=>P.createElement(P.Fragment,{key:f.displayName},u.length<=xr||u.length>xr&&h<xr-1?P.createElement(wr,{container:p,side:"bottom",content:f.displayName,sideOffset:4},P.createElement(Vo,{content:"",src:f.image,open:!1,className:h!==0?"blockchainImage":""})):h===xr-1&&P.createElement(wr,{container:p,side:"bottom",align:"end",sideOffset:4,content:P.createElement("div",{className:So()},u.map((C,S)=>S>=h&&P.createElement(Vo,{key:C.displayName,content:"",src:C.image,open:!1,className:S>h?"blockchainImage":"",container:l})))},P.createElement(xs,{className:"blockchainImage"},P.createElement(Tr,{size:"xsmall",variant:"body"},"+",u.length-h))))),P.createElement(vs,{direction:"horizontal",size:32}))),P.createElement(Ts,{orientation:s?"up":"down"},P.createElement(fS,{size:12,color:"black"}))))}i(Eu,"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:d=!1,container:m}=t,f=g().blockchains(),h=g().tokens(),C=g().swappers(),[S,y]=vS(t.expanded),k=wS(null),T=A(o.value,6,6),x=A(n.value,6,6),I=n.usdValue?A(n.usdValue,4,4):"",b=je(o.usdValue,n.usdValue??null),v=A(b,2,2),w=St(b??0),N=i((te,F)=>te.map((W,Ce)=>{let ue,me=r?.type===3&&r.swap.swapperId===W.swapperId,Wt=r?.type===4&&r.recommendedSlippages?.has(Ce),G=s?.type===2&&s.recommendedSlippages?.has(Ce),j=me||Wt,ne=G;j?ue="error":ne&&(ue="warning");let be=j?Xo.t("Slippage Error"):Xo.t("Slippage Warning");return me&&(be=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,f),image:W.from.blockchainLogo},price:{value:Ce===0&&!F?A(o.value,6,6):A(W.fromAmount,6,6),usdValue:A((W.from.usdPrice??0)*parseFloat(W.fromAmount),4,4),realValue:le(Ce===0?o.value:W.fromAmount),realUsdValue:le(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,f),image:W.to.blockchainLogo},price:{value:A(W.toAmount,6,6),usdValue:A((W.to.usdPrice??0)*parseFloat(W.toAmount),4,4),realValue:le(W.toAmount),realUsdValue:le(new bs(W.to.usdPrice??0).multipliedBy(W.toAmount))}},state:ue,alerts:j||ne?_.createElement(Yc,{dense:d},_.createElement(yS,{variant:"alarm",type:j?"error":"warning",title:be,footer:d?null:_.createElement(Zc,null,me&&_.createElement(_.Fragment,null,_.createElement(To,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),_.createElement(Co,{direction:"horizontal",size:8}),_.createElement(To,{size:"xsmall",variant:"body",color:"neutral900"},"|"),_.createElement(Co,{direction:"horizontal",size:8}),_.createElement(To,{size:"xsmall",variant:"body",color:"neutral900"},Xo.t({id:"Yours: {amount} {symbol}",values:{amount:A(W.fromAmount,6,6),symbol:W?.from.symbol}}))),(Wt||G)&&!me&&_.createElement(To,{size:"xsmall",variant:"body",color:"neutral900"},Xo.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:Io(W.estimatedTimeInSeconds),fee:A(Ei(W,h),2,2),internalSwaps:W.internalSwaps?N(W.internalSwaps):void 0}}),"getQuoteSteps"),E=N(e?.swaps??[]),D=E.length,Q=m||M(),U=fp(t.quote.tags||[]),V=!!u,L=Io(hn(e?.swaps)),J=Pn(e?.swaps??[],h),ee=A(J,2,2),B=J.gte(new bs(zl));return d?_.createElement(SS,{selected:l,fee:ee,time:L,tooltipContainer:No(),steps:E,tags:U,feeWarning:B,percentageChange:v,warningLevel:w,outputPrice:{value:x,usdValue:I,realValue:le(n.value),realUsdValue:le(n.usdValue)}}):_.createElement(ou,{selected:l,listItem:a==="list-item",basic:a==="basic"},_.createElement("div",{className:nu()},!p&&U.length?_.createElement(_.Fragment,null,_.createElement(mu,null,U.map((te,F)=>{let W=`${te.value}_${F}`;return _.createElement(_.Fragment,{key:W},_.createElement(TS,{label:te.label,value:te.value}),_.createElement(Co,{size:4,direction:"horizontal"}))})),_.createElement(fr,null),!V&&_.createElement(Co,{size:4})):null,_.createElement("div",{id:"portal-root",className:ru()},_.createElement(yu,{quote:e,time:L,fee:ee,feeWarning:B,showModalFee:c,steps:D}),V&&_.createElement(tu,{onClick:te=>{te.stopPropagation(),u()},size:"xxsmall",type:"secondary",variant:"default"},_.createElement(To,{color:"secondary",variant:"label",size:"medium"},Xo.t("See All Routes")))),a==="basic"&&_.createElement("div",{className:iu()},_.createElement(cu,null,_.createElement(CS,{size:12,color:"gray"})),_.createElement(uu,null,_.createElement(ks,{size:"small",variant:"body"},`${T} ${E[0].from.token.displayName} = `),_.createElement(Au,{content:le(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(Au,{content:le(n.usdValue),container:Q},_.createElement(Co,{size:2,direction:"horizontal"}),_.createElement(To,{color:"$neutral600",size:"xsmall",variant:"body"},`($${I})`))),a==="list-item"&&_.createElement(xS,{tooltipContainer:Q,type:"output",direction:"vertical",price:{value:x,usdValue:I,realValue:le(n.value),realUsdValue:le(n.usdValue)},token:{displayName:E[D-1].to.token.displayName,image:E[D-1].to.token.image},chain:{image:E[D-1].to.chain.image},percentageChange:v,warningLevel:w}),a==="swap-preview"&&_.createElement(_.Fragment,null,_.createElement(Ho,{from:E[0].from,to:E[D-1].to,percentageChange:v,warningLevel:w}),_.createElement(Co,{size:4}))),_.createElement(Rc,{selected:l,listItem:a==="list-item",open:S,className:"quote_container",onOpenChange:y},_.createElement(Eu,{type:a,quoteRef:k,selected:l,setExpanded:y,container:Q,expanded:S,steps:E}),_.createElement(lu,{open:S},_.createElement(pu,null),_.createElement("div",{className:eu()},E.map((te,F)=>{let W=`item-${F}`;return _.createElement(kS,{type:"quote-details",key:W,tooltipContainer:Q,step:te,hasSeparator:F!==E.length-1,state:te.state})})))))}i(Is,"Quote");import{Divider as AS,Skeleton as NS}from"@rango-dev/ui";import xt from"react";import{darkTheme as bS,styled as vr}from"@rango-dev/ui";var Nu=vr("div",{$$color:"$colors$neutral100",[`.${bS} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15",variants:{rounded:{true:{borderRadius:"$xm"}},expanded:{true:{paddingBottom:"3px"},false:{paddingBottom:"$12"}}}}),Wu=vr("div",{paddingTop:"$2"}),Mu=vr("div",{paddingLeft:"$8"}),Lu=vr("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 nt,Skeleton as He}from"@rango-dev/ui";import q from"react";import{css as IS,styled as kt}from"@rango-dev/ui";var Es=kt("div",{display:"flex"}),Bu=kt("div",{padding:"$10 $0 $20"}),_u=kt("div",{padding:"14px $0 $20 $0",display:"flex",flexDirection:"column"}),Pu=kt("div",{display:"flex",justifyContent:"start",alignItems:"center"}),$u=kt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Du=kt("div",{height:"$24",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Fu=kt("div",{width:"65%",display:"flex",justifyContent:"start"}),Ou=kt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Uu=kt("div",{padding:"$15 $0 $15 $0"}),zu=IS({display:"flex",justifyContent:"space-between",alignItems:"center"});function jo(t){let{type:e,tagHidden:o=!0}=t,n=q.createElement($u,null,q.createElement(Fu,null,q.createElement(qu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),q.createElement(nt,{size:8,direction:"horizontal"}),q.createElement(Ou,null,q.createElement(He,{height:10,width:60,variant:"rounded"}),q.createElement(nt,{size:4}),q.createElement(He,{height:15,variant:"rounded"}))),q.createElement(He,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return q.createElement("div",null,!o&&q.createElement(q.Fragment,null,q.createElement(Es,null,q.createElement(He,{width:65,height:20,variant:"rounded"}),q.createElement(nt,{size:4,direction:"horizontal"}),q.createElement(He,{width:65,height:20,variant:"rounded"}),q.createElement(nt,{size:4,direction:"horizontal"}),q.createElement(He,{width:65,height:20,variant:"rounded"})),q.createElement(fr,null),!r&&q.createElement(nt,{size:4})),q.createElement("div",{className:zu()},q.createElement(Es,null,q.createElement(He,{width:60,height:10,variant:"rounded"}),q.createElement(nt,{size:4,direction:"horizontal"}),q.createElement(He,{width:60,height:10,variant:"rounded"}),q.createElement(nt,{size:4,direction:"horizontal"}),q.createElement(He,{width:60,height:10,variant:"rounded"})),r&&q.createElement(He,{width:85,height:24,variant:"rounded"})),e==="basic"&&q.createElement(Bu,null,q.createElement(He,{height:15,width:148,variant:"rounded"})),e==="list-item"&&q.createElement(_u,null,q.createElement(Pu,null,q.createElement(qu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),q.createElement(nt,{direction:"horizontal",size:4}),q.createElement(He,{height:15,width:150,variant:"rounded"})),q.createElement(nt,{size:10}),q.createElement(He,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&q.createElement(q.Fragment,null,q.createElement(nt,{size:4}),q.createElement(Uu,null,n,q.createElement(Du,null),n),q.createElement(nt,{size:12})))}i(jo,"QuoteSummarySkeleton");import{ChainToken as Xu,Divider as Ns,NextIcon as ES,Skeleton as br}from"@rango-dev/ui";import ye from"react";import{styled as Ko}from"@rango-dev/ui";var Qu=Ko("div",{display:"flex",alignItems:"start"}),Hu=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}),Gu=Ko("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Vu=Ko("div",{display:"flex",alignItems:"center"});function dt(t){let{separator:e=!0}=t;return ye.createElement(ye.Fragment,null,ye.createElement(Vu,null,ye.createElement(br,{height:22,width:22,variant:"circular"}),ye.createElement(Ns,{direction:"horizontal",size:8}),ye.createElement(br,{height:15,width:148,variant:"rounded"})),ye.createElement(Qu,null,ye.createElement(Lu,{hideSeparator:!e}),ye.createElement(Hu,{extraSpace:e},ye.createElement(As,null,ye.createElement(Xu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ye.createElement(Ns,{direction:"horizontal",size:8}),ye.createElement(br,{height:12,variant:"rounded"})),ye.createElement(Gu,null,ye.createElement(ES,{color:"gray",size:16})),ye.createElement(As,null,ye.createElement(Xu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ye.createElement(Ns,{direction:"horizontal",size:8}),ye.createElement(br,{height:12,variant:"rounded"})))))}i(dt,"StepSkeleton");function Yo(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return xt.createElement(Nu,{expanded:o,rounded:e!=="basic"},xt.createElement(jo,{type:e,tagHidden:n}),xt.createElement(Wu,null,xt.createElement(NS,{height:15,variant:"rounded"})),o&&xt.createElement(Mu,null,xt.createElement(AS,{size:24}),xt.createElement(dt,null),xt.createElement(dt,null),xt.createElement(dt,{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:d,fullExpandedMode:m=!1,container:f}=t,{inputAmount:h,inputUsdValue:C,toToken:S}=X(),y=e?.outputAmount?new WS(e?.outputAmount):null,k=e?.outputAmount?Dn(e?.outputAmount,On(e)||S?.usdPrice):null,x=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?Ir.createElement(Cs,null,Ir.createElement(Yo,{tagHidden:l,type:o,expanded:a})):x?Ir.createElement(Cs,{onClick:()=>p?.(e)},Ir.createElement(Is,{quote:e,error:r,container:f,showModalFee:c,warning:s,tagHidden:l,selected:u,type:o,expanded:a,onClickAllRoutes:d,fullExpandedMode:m,input:{value:h,usdValue:C?.toString()??""},output:{value:y?.toString()??"",usdValue:k?.toString()??""}})):null}i(eo,"QuoteInfo");import{calculatePendingSwap as BS}from"@rango-dev/queue-manager-rango-preset";import{useEffect as _S}from"react";import{useRef as MS,useState as LS}from"react";function Er({request:t}){let[e,o]=LS(!1),n=MS(null),r=i(()=>n.current?.abort(),"cancelFetch");return{fetch:i(async a=>{r(),n.current=new AbortController,o(!0);try{let l=await t(a,{signal:n.current.signal});return n.current=null,l}catch(l){throw l}finally{o(!1)}},"fetch"),loading:e,cancelFetch:r}}i(Er,"useFetch");function ju(){let{fetch:t,loading:e,cancelFetch:o}=Er({request:async(n,r)=>await Lt().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(ju,"useFetchConfirmQuote");function Ar(t){if(!t.swaps)throw new Error(R().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=Ws(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(Ar,"throwErrorIfResponseIsNotValid");function Ws(t){if(Hl(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Gl(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}}}let o=Kl(t);if(o){let n=$n(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(Ws,"getQuoteError");function Ku(t,e,o){let n=!1;t&&(n=cp(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&&(tp(t,e)?r.quoteUpdate={type:3,newOutputAmount:A(ro(e)),percentageChange:A(je(ro(t)??"",ro(e)??""),null,2)}:Ni(t,e)?r.quoteUpdate={type:0}:Wi(t,e)?r.quoteUpdate={type:1}:Mi(t,e)&&(r.quoteUpdate={type:2}));let a=op(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Ku,"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}=g(),u=g().getDisabledLiquiditySources(),d=g().blockchains(),m=g().tokens(),f=c||p,{fetch:h,cancelFetch:C,loading:S}=ju();return _S(()=>C,[]),{loading:S,fetch:i(async k=>{let T=k.selectedWallets,x=k?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let I=T.reduce((v,w)=>(v[w.chain]=w.address,v),{}),b={requestId:r?.requestId||"",selectedWallets:I,destination:x||void 0};try{return await h(b).then(v=>{let{result:w}=v;Ar({diagnosisMessages:w.diagnosisMessages,requestId:w.requestId,swaps:w.result?.swaps});let N={outputAmount:w.result?.outputAmount,requestId:w.requestId,resultType:w.result?.resultType,swaps:w.result?.swaps||[],validationStatus:w.validationStatus,requestAmount:w.requestAmount};n(N);let E={slippage:f.toString(),disabledSwappersGroups:u},D=Ku(r??void 0,N,{fromToken:t,toToken:e,meta:{blockchains:d,tokens:m},selectedWallets:T,userSlippage:f});D.quoteUpdate&&a(!1),l();let Q=!!D.balance,U=BS(o.toString(),w,Rl(T),E,!Q,{blockchains:d,tokens:m});return{quote:N,swap:U,error:null,warnings:D}})}catch(v){return Nr(v)}},"fetch"),cancelFetch:C}}i(Ms,"useConfirmSwap");var HS=DS("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Zu}`]:{width:"$48",height:"$48"}}),GS=_s({flexGrow:1,paddingRight:"$10"}),VS=_s({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),XS=_s({display:"flex",justifyContent:"space-between",alignItems:"center"});function Ju(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,customDestination:r,quoteWarningsConfirmed:s}=X(),a=QS(),l=qS(),[p,c]=Zo(""),u=!n,[d,m]=Zo(!1),[f,h]=Zo(!1),{isActiveTab:C}=oe(),S=g().getDisabledLiquiditySources(),y=zS(S),{manager:k}=PS(),{fetch:T,loading:x,cancelFetch:I}=Ms(),[b,v]=Zo({swap:null,error:null,warnings:null}),[w,N]=Zo(!1),E=i(async({selectedWallets:B,customDestination:te})=>{let F=await T?.({selectedWallets:B,customDestination:te});return v(F),F},"onConfirmSwap"),D=i(async()=>{if(b.swap&&n)try{await k?.create("swap",{swapDetails:b.swap},{id:b.swap.requestId});let B=`../${z.swaps}/${b.swap.requestId}`;a(B,{replace:!0}),setTimeout(()=>{e("")},0)}catch(B){c("Error: "+B?.message)}},"addNewSwap"),Q=i(async()=>{h(!0),await D(),h(!1)},"onConfirm"),U=i(async()=>{b?.warnings?.quote&&!s?N(!0):await Q()},"onStartConfirmSwap"),V=i(async()=>{v({error:null,swap:null,warnings:null}),T({selectedWallets:o,customDestination:r}).then(B=>{v(B)}).catch(B=>console.error(B))},"onRefresh");Wr(()=>{!!y.current.length&&!S.length&&V(),y.current=S},[S.length]),Wr(()=>{u&&I()},[u]),Wr(()=>{u&&m(u)},[u]),Wr(()=>{u||T({selectedWallets:o,customDestination:r}).then(B=>v(B)).catch(B=>console.error(B))},[]),US(()=>{t||a(`../${l.search}`)},[]);let L=b.warnings?.quote??null,J=b.error,ee=[];if(p&&ee.push(Se.createElement(Yu,{type:"error",variant:"alarm",title:p})),b.warnings?.quoteUpdate&&ee.push(Se.createElement(Yu,{variant:"alarm",type:"warning",title:b.warnings.quoteUpdate&&Qn(b.warnings.quoteUpdate)})),L||J){let B=`../${z.settings}`;ee.push(Se.createElement(qo,{warning:L,error:J,couldChangeSettings:!1,refetchQuote:V,showWarningModal:w,confirmationDisabled:!C,onOpenWarningModal:()=>N(!0),onCloseWarningModal:()=>N(!1),onConfirmWarningModal:async()=>{N(!1),await D()},onChangeSettings:()=>a(B)}))}return Se.createElement(ae,{header:{title:Ls.t("Confirm Swap"),onWallet:()=>{let B=`../${z.wallets}`;a(B)}},footer:Se.createElement(HS,null,Se.createElement("div",{className:GS()},Se.createElement($S,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:x||f,disabled:!!b.error||!C,onClick:U},Ls.t("Start Swap"))),Se.createElement(Zu,{variant:"contained",type:"primary",size:"large",loading:x||f,disabled:!C,onClick:m.bind(null,!0)},Se.createElement(OS,{size:24})))},d&&Se.createElement(Mc,{open:d,onClose:()=>m(!1),onCancel:I,loading:x,onCheckBalance:E}),Se.createElement(pe,null,Se.createElement("div",{className:XS()},Se.createElement(FS,{variant:"title",size:"small"},Ls.t("You get")),Se.createElement("div",{className:VS()},Se.createElement(tr,{onClick:!x&&!d&&!w?V:void 0}))),Se.createElement(Bs,{size:"12"}),$p(ee.map((B,te)=>({element:B,key:`alert-${te}`})),Se.createElement(Bs,{size:10})),ee.length>0?Se.createElement(Bs,{size:10}):null,Se.createElement(eo,{quote:t,type:"swap-preview",expanded:!0,tagHidden:!0,error:b.error,loading:x,warning:b.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 pm,NotFound as cC,styled as uC}from"@rango-dev/ui";import vt,{useState as mC}from"react";import{useNavigate as dC}from"react-router-dom";import{i18n as YS}from"@lingui/core";import{Divider as nm,GroupedVirtualizedList as ZS,Skeleton as JS,SwapListItem as rm,Typography as RS}from"@rango-dev/ui";import Pe,{useCallback as im,useEffect as eC,useRef as tC,useState as oC}from"react";function Ru(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(Ru,"calculateGroupsSoFar");import{css as jS,darkTheme as KS,styled as Jo}from"@rango-dev/ui";var Ps=jS(),em=Jo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),$s=Jo("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=Jo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),tm=Jo("div",{gap:"$10",display:"flex",flexDirection:"column"}),om=Jo("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),d=im(Ru,[]),m=im(()=>{let f=e.length-l.current;f&&(l.current+=Math.min(f,nC),a(d(c,l.current)))},[e.length]);if(eC(()=>{r||m()},[r,m]),r){let f=[1,2];return Pe.createElement(Pe.Fragment,null,[f,f].map((C,S)=>Pe.createElement($s,{key:S},Pe.createElement(Ds,null,Pe.createElement(JS,{variant:"text",width:60,size:"small"}),Pe.createElement(nm,{size:16})),Pe.createElement(nm,{size:4}),Pe.createElement(tm,null,C.map((k,T)=>Pe.createElement(rm,{isLoading:!0,key:T}))))))}return Pe.createElement(ZS,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:f=>Pe.createElement($s,null,Pe.createElement(Ds,null,Pe.createElement(RS,{variant:"label",size:"medium",className:Ps()},u[f]))),itemContent:(f,h)=>{let C=p[f];if(!C)return null;let S=C.steps[0],y=C.steps[C.steps.length-1];return Pe.createElement(em,{key:C.requestId},Pe.createElement(rm,{requestId:C.requestId,creationTime:C.creationTime,status:C.status,onClick:o,tooltipContainer:M(),onlyShowTime:u[h]===YS.t("Today"),swapTokenData:{from:{token:{image:S.fromLogo,displayName:S.fromSymbol},blockchain:{image:S.fromBlockchainLogo||""},amount:A(C.inputAmount,6,6),realAmount:le(C.inputAmount)},to:{token:{image:y.toLogo,displayName:y.toSymbol},blockchain:{image:y.toBlockchainLogo||""},amount:A(y.outputAmount||y.expectedOutputAmountHumanReadable||"",6,6),realAmount:le(y.outputAmount||y.expectedOutputAmountHumanReadable)}}}))}})}i(Fs,"HistoryGroupedList");import{CloseIcon as iC,IconButton as sC,SearchIcon as aC,TextField as lC}from"@rango-dev/ui";import Ro from"react";import{styled as rC}from"@rango-dev/ui";var sm=rC("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function wt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Ro.createElement(lC,{prefix:Ro.createElement(sm,null,Ro.createElement(aC,{color:"black"})),suffix:!!a.length&&Ro.createElement(sC,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Ro.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(wt,"SearchInput");import{i18n as Mr}from"@lingui/core";import am from"dayjs";var lm=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=am();t.forEach(p=>{let c=Number(p.creationTime),u=am(c);if(n.isSame(u,"day"))e.get("today")?.swaps.push(p);else if(n.isSame(u,"week"))e.get("week")?.swaps.push(p);else if(n.isSame(u,"month"))e.get("month")?.swaps.push(p);else if(n.isSame(u,"year"))e.get("year")?.swaps.push(p);else{let d=new Date(c).getFullYear().toString();o(d,p)}});let r=Array.from(e.values()).filter(p=>p.swaps.length>0),s=r.flatMap(p=>p.swaps),a=r.map(p=>p.swaps.length),l=r.map(p=>p.title);return{swaps:s,groupCounts:a,groups:l}},"groupSwapsByDate");var fC=uC("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),gC=i((t,e)=>t?.length?t.filter(o=>lt(o.fromBlockchain,e)||lt(o.toBlockchain,e)||lt(o.toSymbol,e)||lt(o.fromSymbol,e)).length:!1,"isStepContainsText");function cm(){let t=dC(),{manager:e,state:o}=pC(),n=ct(e).map(({swap:u})=>u),[r,s]=mC(""),a=!o.loadedFromPersistor,l=i(u=>{let d=u.target.value;s(d)},"searchHandler"),p=n;r&&(p=n.filter(u=>lt(u.inputAmount,r)||lt(u.status,r)||gC(u.steps,r)||lt(u.requestId,r)));let c=!p?.length&&!a;return vt.createElement(ae,{header:{title:Lr.t("History")}},vt.createElement(pe,null,vt.createElement(wt,{setValue:s,fullWidth:!0,variant:"contained",placeholder:Lr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),vt.createElement(pm,{size:"16"}),vt.createElement(fC,null,c&&vt.createElement(om,null,vt.createElement(pm,{size:32}),vt.createElement(cC,{title:Lr.t("No results found"),description:r?Lr.t("Try using different keywords"):""})),!c&&vt.createElement(Fs,{list:p,onSwapClick:t,groupBy:lm,isLoading:a}))))}i(cm,"HistoryPage");import{i18n as BC}from"@lingui/core";import{Button as _C,Divider as Am,styled as PC,WarningIcon as $C}from"@rango-dev/ui";import DC from"bignumber.js";import Ue,{useEffect as Nm,useState as Wm}from"react";import{useNavigate as FC}from"react-router-dom";import{i18n as kC}from"@lingui/core";import{Header as xC}from"@rango-dev/ui";import Ut,{useEffect as wC,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 de from"react";import{styled as Os}from"@rango-dev/ui";var um=Os("div",{display:"flex",justifyContent:"center",flexDirection:"column",height:"100%"}),mm=Os("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),dm=Os("div",{width:"146px"});import{i18n as en}from"@lingui/core";import{Select as hC}from"@rango-dev/ui";import fm from"react";function Br(t){let{updateQuotePartialState:e,sortStrategy:o}=X(),n=[{value:"SMART",label:en.t("Smart Routing")},{value:"FEE",label:en.t("Lowest Fee")},{value:"SPEED",label:en.t("Fastest Transfer")},{value:"NET_OUTPUT",label:en.t("Maximum Return")},{value:"PRICE",label:en.t("Maximum Output")}];return fm.createElement(dm,null,fm.createElement(hC,{container:t.container,options:n,value:o,handleItemClick:r=>{e("sortStrategy",r.value)},variant:"filled"}))}i(Br,"SelectStrategy");var gm=3;function tn(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:d,toToken:m,sortStrategy:f,error:h}=X(),{slippage:C,customSlippage:S}=g(),y=g().tokens(),k=l||M(),T=!!c&&c.results.length,x=S??C,I=i(w=>{if(!d||!m||!c)return null;let N={requestAmount:c.requestAmount,...w};return io(N,{fromToken:d,toToken:m,userSlippage:x,tokens:y})},"getQuoteWarning"),b=h?.type===0||h?.type===1,v=c?.results?Un(f,c?.results):[];return de.createElement(de.Fragment,null,s&&de.createElement(de.Fragment,null,de.createElement(mm,null,de.createElement(CC,{size:"xmedium",variant:"title"},yC.t("Sort by")),de.createElement(Br,{container:k})),de.createElement(Us,{size:"10"})),e&&Array.from({length:gm},(w,N)=>de.createElement(de.Fragment,{key:N},a?de.createElement(SC,{loading:!0}):de.createElement(Yo,{tagHidden:!1,type:"list-item",expanded:!1}),N!==gm-1&&de.createElement(Us,{size:16}))),!e&&de.createElement(de.Fragment,null,T?v.map((w,N)=>{let E=I(w),D=Ws(w.swaps),Q=v.length-1===N;return de.createElement(de.Fragment,{key:w.requestId},de.createElement(eo,{showModalFee:r,container:k,selected:p?.requestId===w.requestId,tagHidden:!1,quote:{...w,requestAmount:c.requestAmount},loading:e,error:D?.options||null,warning:E,fullExpandedMode:a,onClick:U=>{D||u("warning",E),u("error",D?.options||null),o(U)},type:"list-item"}),!Q&&de.createElement(Us,{size:16}))}):b&&de.createElement(um,null,de.createElement(Uo,{size:a?"large":"small",error:h,fetch:n}))))}i(tn,"Quotes");import{darkTheme as TC,styled as hm}from"@rango-dev/ui";var ym=hm("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}}),Sm=hm("div",{position:"relative",overflow:"hidden",padding:"$20",flexGrow:1,display:"flex",flexDirection:"column",overflowY:"auto",borderRadius:"$primary",backgroundColor:"$background"});var bC=100;function zs(t){let{fetch:e,loading:o,onClickOnQuote:n,onClickRefresh:r,isVisible:s}=t,[a,l]=vC(!1),p=a?"":"is-hidden",{config:c}=g(),u=c?.variant==="full-expanded",d=No();return wC(()=>{let m=null;return s?m=setTimeout(()=>{l(!0)},bC):(l(!1),m&&clearTimeout(m)),()=>{m&&clearTimeout(m)}},[s]),Ut.createElement(ym,{expandMode:c?.variant==="full-expanded"?"full":"default",className:`${p} ${rr()}`,id:Te.EXPANDED_BOX_ID},Ut.createElement(xC,{title:kC.t("Routes"),suffix:Ut.createElement(Ut.Fragment,null,Ut.createElement(Br,{container:d}),Ut.createElement(Zt,{container:d,onClickRefresh:r,hidden:["history","notifications","settings"]}))}),Ut.createElement(Sm,null,Ut.createElement(tn,{showModalFee:!1,fetch:e,hasSort:!1,loading:o,container:No(),onClickOnQuote:n,fullExpandedMode:u})))}i(zs,"ExpandedQuotes");import{i18n as bm}from"@lingui/core";import{SwapInput as Im}from"@rango-dev/ui";import on from"react";import{ReverseIcon as AC}from"@rango-dev/ui";import Qs from"react";import{keyframes as IC,styled as Cm}from"@rango-dev/ui";var qs=450,EC=IC({"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)"}}),Tm=Cm("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),km=Cm("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&.rotate":{"& svg":{animation:`${EC} ${qs}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(Tm,null,Qs.createElement(km,{onClick:e=>{let o=e.currentTarget;o.classList.add("rotate"),setTimeout(()=>{o.classList.remove("rotate")},qs),t()}},Qs.createElement(AC,{size:12})))}i(Hs,"SwitchFromAndToButton");import{styled as xm}from"@rango-dev/ui";var wm=xm("div",{display:"flex",flexDirection:"column",gap:"$5",alignSelf:"stretch"}),vm=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:d,outputAmount:m,outputUsdValue:f,selectedQuote:h}=X(),{connectedWallets:C,getBalanceFor:S}=Z(),y=s?S(s):null,k=xn(y)?.amount??"0",T=a&&s?A(y?.amount,y?.decimals):"0",x=!!a&&il(C,a.name),I=!Ii(h,u,d),b=!Ii(h,u,f),v=!d||!f||!f.gt(0)?null:je(d.toString(),f.toString());return on.createElement(wm,null,on.createElement(vm,null,on.createElement(Im,{label:bm.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:I?void 0:A(d,4,4),realUsdValue:I?void 0:le(d),error:I?R().unknownPriceError.impactTitle:void 0},disabled:o==="failed",loading:o==="loading",loadingBalance:x,tooltipContainer:M(),onSelectMaxBalance:()=>{c(T.split(",").join(""))}}),on.createElement(Hs,null)),on.createElement(Im,{sharpBottomStyle:!r&&(!!h||e),label:bm.t("To"),mode:"To",fetchingQuote:e,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:A(je(d,f),2,2),warningLevel:St(v??0),price:{value:A(m,6,6),usdValue:b?void 0:A(f,4,4),realValue:le(m),realUsdValue:b?void 0:le(f),error:b?R().unknownPriceError.impactTitle:void 0},onClickToken:()=>n("to"),disabled:o==="failed",loading:o==="loading",tooltipContainer:M()}))}i(Gs,"Inputs");import{useCallback as NC,useEffect as WC,useState as MC}from"react";function Em(){let{fetch:t,loading:e,cancelFetch:o}=Er({request:async(n,r)=>await Lt().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(Em,"useFetchAllQuotes");var LC=600;function _r({refetchQuote:t}){let{fetch:e,cancelFetch:o}=Em(),{excludeLiquiditySources:n,features:r,enableCentralizedSwappers:s}=g().config,a=Z.use.connectedWallets(),l=g().tokens(),{fromToken:p,toToken:c,inputAmount:u,inputUsdValue:d,selectedQuote:m,sortStrategy:f,resetQuote:h,error:C,warning:S,setSelectedQuote:y,updateQuotePartialState:k}=X(),{slippage:T,customSlippage:x,affiliatePercent:I,affiliateRef:b,affiliateWallets:v,fetchStatus:w}=g(),N=g().getLiquiditySources(),E=g().getDisabledLiquiditySources(),D=g().excludeLiquiditySources(),[Q,U]=MC(!0),V=x??T,J=!p||!c||Le(p,c)||!Eo(u),ee=i(F=>{U(F)},"resetState"),B=i(F=>{let{fromToken:W,toToken:Ce,inputAmount:ue,liquiditySources:me,excludeLiquiditySources:Wt,disabledLiquiditySources:G,slippage:j,affiliateRef:ne,affiliatePercent:be,affiliateWallets:Mt}=F;if(Q||ee(!0),!J&&W&&Ce){h();let De=Jl({fromToken:W,toToken:Ce,inputAmount:ue,liquiditySources:me,excludeLiquiditySources:Wt,disabledLiquiditySources:G,wallets:a,slippage:j,affiliateRef:ne,affiliatePercent:be,affiliateWallets:Mt,enableCentralizedSwappers:s});vl("experimentalRoute",r)&&(De.experimental=!0),e(De).then(Ie=>{let Ge=Un(f,Ie.results),We=dp(m,Ge,Ie.requestAmount);U(!1),k("quotes",Ie),y(We),Ar({diagnosisMessages:Ie.diagnosisMessages,requestId:We?.requestId||"",swaps:We?.swaps});let at=We&&io(We,{fromToken:W,toToken:Ce,userSlippage:V,tokens:l});k("warning",at)}).catch(Ie=>{let{error:Ge}=Nr(Ie);(Ge?.type===0||Ge?.type===1)&&h(),Ge?.type!==2&&(k("error",Ge),U(!1))})}},"fetch"),te=NC(Tl(F=>{J||B(F)},LC),[J]);return WC(()=>{if(!t){U(!1);return}if(w==="success"){if(J){U(!1),(m||C||S)&&h();return}if(!Eo(u)||d?.eq(0)){ee(!1),o();return}return h(),ee(!0),te({inputAmount:u,fromToken:p,toToken:c,liquiditySources:N,excludeLiquiditySources:D,disabledLiquiditySources:E,slippage:V,affiliateRef:b,affiliatePercent:I,affiliateWallets:v}),o}},[w,u,p?.symbol,p?.address,p?.blockchain,c?.symbol,c?.address,c?.blockchain,J,N?.length,n,E.length,V,b,I,JSON.stringify(v)]),{fetch:()=>B({inputAmount:u,fromToken:p,toToken:c,liquiditySources:N,excludeLiquiditySources:D,disabledLiquiditySources:E,slippage:V,affiliateRef:b,affiliatePercent:I,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 Mm(){let t=FC(),{fromToken:e,toToken:o,inputAmount:n,selectedQuote:r,refetchQuote:s,error:a,warning:l,quotes:p,setSelectedQuote:c,resetQuoteWallets:u,setQuoteWarningsConfirmed:d,updateQuotePartialState:m}=X(),[f,h]=Wm(!1),{isLargeScreen:C,isExtraLargeScreen:S}=Cr(),{fetch:y,loading:k}=_r({refetchQuote:s}),{config:T,fetchStatus:x}=g(),{connectedWallets:I}=Z(),{isActiveTab:b}=oe(),[v,w]=Wm(!1),E=Vl({fetchMetaStatus:x,fetchingQuote:k,inputAmount:n,quote:r,anyWalletConnected:I.length>0,error:a,warning:l,needsToWarnEthOnPath:!1}),D=ul(C,S,T?.variant),Q=!!n&&!!e&&!!o&&new DC(n).gt(0)&&!ap(e,o),U=Q&&x==="success"&&k,J=(!D||D&&p?.results.length)&&(l||a);Nm(()=>{u(),m("refetchQuote",!0)},[]),Nm(()=>{h(Q)},[Q]);let ee=(r||a)&&!v?y:void 0,B=i(F=>{D&&f?(h(!1),setTimeout(()=>{t(F)},UC)):t(F)},"onHandleNavigation"),te=i(F=>{r?.requestId!==F.requestId&&(w(!1),c(F))},"onClickOnQuote");return Ue.createElement(OC,null,Ue.createElement(ae,{height:"auto",footer:Ue.createElement(_C,{type:"primary",size:"large",disabled:E.disabled||!b,prefix:E.action==="confirm-warning"&&Ue.createElement($C,null),fullWidth:!0,onClick:()=>{E.action==="connect-wallet"?B(z.wallets):E.action==="confirm-warning"?w(!0):B(z.confirmSwap)}},E.title),header:{onWallet:()=>{B(z.wallets)},hasBackButton:!1,title:T.title||BC.t("Swap"),suffix:Ue.createElement(Zt,{hidden:D?["refresh"]:void 0,onClickRefresh:ee,onClickHistory:()=>B(z.swaps),onClickSettings:()=>{B(z.settings)}})}},Ue.createElement(pe,null,Ue.createElement(Gs,{fetchingQuote:U,fetchMetaStatus:x,isExpandable:D,onClickToken:F=>{B(F==="from"?z.fromSwap:z.toSwap)}}),Ue.createElement(Am,{size:"2"}),D?null:Ue.createElement(eo,{quote:r,loading:U,error:a,tagHidden:!1,warning:l,type:"basic",onClickAllRoutes:p&&p.results.length>1?()=>{m("refetchQuote",!1),B(z.routes)}:void 0}),J?Ue.createElement(Ue.Fragment,null,Ue.createElement(Am,{size:"10"}),Ue.createElement(qo,{warning:l,error:a,couldChangeSettings:!0,refetchQuote:y,showWarningModal:v,confirmationDisabled:!b,onOpenWarningModal:()=>w(!0),onCloseWarningModal:()=>w(!1),onConfirmWarningModal:()=>{w(!1),d(!0),B(z.confirmSwap)},onChangeSettings:()=>B(z.settings)})):null)),D?Ue.createElement(zs,{loading:U,onClickOnQuote:te,fetch:y,onClickRefresh:ee,isVisible:f}):null)}i(Mm,"Home");import{i18n as Lm}from"@lingui/core";import{Alert as zC,Divider as qC,List as QC,ListItemButton as HC,Radio as GC,RadioRoot as VC,Typography as XC}from"@rango-dev/ui";import ft from"react";function zt(){let{setLanguage:t,language:e,config:o}=g(),n=Il,r=o?.language||Mo;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||Mo),resetLanguage:()=>t(null)}}i(zt,"useLanguage");function Bm(){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:ft.createElement(XC,{variant:"title",size:"xmedium"},l),onClick:()=>{e(s.local),n()},end:ft.createElement(GC,{value:a}),start:ft.createElement(p,null)}});return ft.createElement(ae,{header:{title:Lm.t("Language")}},ft.createElement(pe,null,ft.createElement(zC,{type:"warning",variant:"alarm",title:"Important Notice: Machine translations are in use"}),ft.createElement(qC,{size:"8"}),ft.createElement(VC,{value:t},ft.createElement(QC,{type:ft.createElement(HC,{title:Lm.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}i(Bm,"LanguagePage");import{i18n as bt}from"@lingui/core";import{Button as JC,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 Pm}from"@rango-dev/ui";import rn from"react";import{styled as Vs}from"@rango-dev/ui";var nn=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 jC,styled as KC}from"@rango-dev/ui";var _m=KC(jC,{height:61});var ZC=30;function Ks(){return rn.createElement(nn,null,Array.from(Array(ZC),(t,e)=>rn.createElement(_m,{hasDivider:!0,key:e,start:rn.createElement(Pm,{variant:"circular",width:35,height:35}),title:rn.createElement(Pm,{variant:"text",size:"large",width:90}),end:rn.createElement(YC,{checked:!1})})))}i(Ks,"LoadingLiquiditySourceList");function Ys({sourceType:t}){let e=g().fetchStatus,o=g().swappers(),n=g().getDisabledLiquiditySources(),[r,s]=rT(""),a=g().toggleLiquiditySource,l=g().isInCampaignMode(),p=An(o,n),c={Exchanges:bt.t("Exchanges"),Bridges:bt.t("Bridges")},u=[];t==="Exchanges"&&u.push("DEX"),t==="Bridges"&&u.push("BRIDGE","AGGREGATOR","OFF_CHAIN");let d=p.filter(y=>u.includes(y.type)),m=d.length===d.filter(y=>y.selected).length,f=i(()=>{d.forEach(y=>{m?a(y.groupTitle):y.selected||a(y.groupTitle)})},"toggleAllSources"),h=d.map(y=>{let{selected:k,groupTitle:T,logo:x}=y;return{start:$e.createElement(eT,{src:x,size:22,type:"circular"}),onClick:()=>{l||a(T)},end:$e.createElement(RC,{checked:k,disabled:l}),title:$e.createElement(nT,{variant:"title",size:"xmedium"},bt.t(T)),...y}}),C=i(y=>{let k=y.target.value;s(k)},"searchHandler"),S=h;return r&&(S=h.filter(y=>lt(y.groupTitle,r))),$e.createElement(ae,{header:{title:bt.t(t),suffix:$e.createElement(Xs,null,$e.createElement(JC,{variant:"ghost",size:"xsmall",onClick:f},m?bt.t("Deselect all"):bt.t("Select all")))}},$e.createElement(pe,{view:!0},$e.createElement(wt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:bt.t("Search {sourceType}",{sourceType:c[t]}),onChange:C}),e==="loading"&&$e.createElement(Ks,null),!S.length&&r?$e.createElement(js,null,$e.createElement(oT,{title:bt.t("No results found"),description:bt.t("Try using different keywords")})):e==="success"&&$e.createElement(nn,{disabled:l},S.map(y=>{let{groupTitle:k,...T}=y;return $e.createElement($e.Fragment,{key:y.id},$e.createElement(tT,{style:{height:"61px"},...T,selected:!1,hasDivider:!0}))}))))}i(Ys,"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}=X(),{fetch:l,loading:p}=_r({refetchQuote:n}),c=i(m=>{r(m),s("refetchQuote",!1),e()},"onClickOnQuote"),u=`../${z.settings}`,d=`../${z.wallets}`;return Pr.createElement(ae,{header:{onWallet:()=>{t(d)},onBack:()=>{s("refetchQuote",!1)},title:iT.t("Routes"),suffix:Pr.createElement(Zt,{onClickRefresh:o||a?l:void 0,hidden:["notifications","history"],onClickSettings:()=>t(u)})}},Pr.createElement(pe,null,Pr.createElement(tn,{fetch:l,loading:p,onClickOnQuote:c})))}i($m,"RoutesPage");import{i18n as Hm}from"@lingui/core";import{Divider as Gm,getCountCategories as hT,SelectableCategoryList as yT}from"@rango-dev/ui";import It,{useState as Vm}from"react";import{i18n as Js}from"@lingui/core";import{Divider as qm,Image as uT,ListItemButton as mT,NotFound as dT,Typography as Qm}from"@rango-dev/ui";import Ze,{useEffect as fT,useState as gT}from"react";import{BlockchainCategories as Zs}from"@rango-dev/ui";import{TransactionType as $r}from"rango-sdk";var aT=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"),Dm=i((t,e,o)=>t.filter(n=>aT(n,o)).filter(n=>yt(n.name,e)||yt(n.displayName,e)),"filterBlockchains");import{ImageContainer as lT,styled as Fm}from"@rango-dev/ui";var Om=Fm("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Dr=Fm(Do,{padding:0,margin:0,listStyle:"none",[`& ${lT}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as pT,Skeleton as Um}from"@rango-dev/ui";import Fr from"react";var cT=20;function zm(){return Fr.createElement(Dr,null,Array.from(Array(cT),t=>Fr.createElement(pT,{key:t,hasDivider:!0,start:Fr.createElement(Um,{variant:"circular",width:35,height:35}),title:Fr.createElement(Um,{variant:"text",size:"large",width:90})})))}i(zm,"LoadingBlockchainList");function Rs(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=gT(e),{fetchStatus:l}=g();fT(()=>{a([...Dm(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Ze.createElement(Ze.Fragment,null,Ze.createElement(qm,{size:32}),Ze.createElement(dT,{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(mT,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:Ze.createElement(uT,{src:c.logo,size:30}),title:Ze.createElement(Qm,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return Ze.createElement(Om,null,Ze.createElement(Qm,{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]=Vm(""),[s,a]=Vm("ALL"),l=X.use.setToBlockchain(),p=X.use.setFromBlockchain(),c=g().fetchStatus,u=g().blockchains({type:e}),m=hT(u)!==1;return It.createElement(ae,{header:{title:Hm.t("Select Blockchain")}},It.createElement(pe,{view:!0},m&&It.createElement(It.Fragment,null,It.createElement(yT,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),It.createElement(Gm,{size:24})),It.createElement(wt,{value:n,autoFocus:!0,placeholder:Hm.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),It.createElement(Gm,{size:16}),It.createElement(Rs,{list:u,searchedFor:n,blockchainCategory:s,onChange:f=>{e==="source"?p(f):l(f),o()}})))}i(ea,"SelectBlockchainPage");import{i18n as Qr}from"@lingui/core";import{Divider as dd}from"@rango-dev/ui";import to,{useState as _T}from"react";import{useNavigate as PT}from"react-router-dom";import{i18n as na}from"@lingui/core";import{BlockchainsChip as Or,Divider as Ym,Image as Zm,Skeleton as xT,Tooltip as wT,Typography as ra}from"@rango-dev/ui";import ve from"react";import{useEffect as TT}from"react";var Xm=["ETH","COSMOS","OSMOSIS"];function ta(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(ta,"prepare");function ST(t,e){let o=Xm,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 jm(t,e){return!!e.list.find(o=>o.name===t)}i(jm,"isInVisibleList");function oa(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=g();TT(()=>{if(e?.selected){let s=ta(t,o,e);jm(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 kT}from"@rango-dev/ui";var Km=kT("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var vT=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}=g(),p=X.use.resetToBlockchain(),c=X.use.resetFromBlockchain(),u=a.more.length>0,d=a.more.length===1,m=!d&&u;return ve.createElement(ve.Fragment,null,ve.createElement(Ym,{size:12}),ve.createElement(ra,{variant:"label",size:"large"},na.t("Select Blockchain")),ve.createElement(Ym,{size:12}),ve.createElement(Km,null,l==="loading"&&Array.from(Array(vT),f=>ve.createElement(xT,{key:f,variant:"rounded",height:50})),l==="success"&&ve.createElement(ve.Fragment,null,ve.createElement(Or,{selected:!n,onClick:()=>{o==="from"?c():p()}},ve.createElement(ra,{variant:"body",size:"xsmall",color:"secondary500"},na.t("All"))),a.list.map(f=>ve.createElement(wT,{key:f.name,content:f.shortName,side:"bottom",sideOffset:2,container:M()},ve.createElement(Or,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},ve.createElement(Zm,{src:f.logo,size:30})))),d?ve.createElement(Or,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},ve.createElement(Zm,{src:a.more[0].logo,size:30})):null,m?ve.createElement(Or,{onClick:s,key:"more-blockchains"},ve.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 ld,Divider as xo,ExternalLinkIcon as ET,Image as AT,ListItemButton as NT,NotFound as WT,PinIcon as MT,Skeleton as pd,Typography as qr,VirtualizedList as LT}from"@rango-dev/ui";import H,{useEffect as cd,useState as ud}from"react";import{Divider as sd,ListItem as IT,Skeleton as sn}from"@rango-dev/ui";import rt from"react";import{css as ko,darkTheme as Jm,ImageContainer as bT,styled as Je,Typography as Rm}from"@rango-dev/ui";var sa=ko({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),aa=ko({position:"relative",height:12,width:"30%",maxWidth:"150px"}),la=ko({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),pa=ko({transform:"translateY(12px)",visibility:"hidden",display:"flex","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Jm} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),ca=ko({}),ua=ko(),ed=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(Rm,{}),td=Je("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${ua}`]:{$$color:"$colors$neutral600",[`.${Jm} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),zr=Je("div",{display:"flex",alignItems:"end",flexDirection:"column"}),WF=Je("div",{display:"flex",alignItems:"center"}),od=Je("div",{position:"relative",[`& ${bT}`]:{borderRadius:"$xm",overflow:"hidden"}}),nd=Je("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),rd=Je(Rm,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),id=Je("a",{"& svg:hover":{color:"$colors$info"}});function ad(t){return rt.createElement(Ur,null,Array.from(Array(t.size),e=>rt.createElement(IT,{key:e,hasDivider:!0,start:rt.createElement(sn,{variant:"circular",width:35,height:35}),end:rt.createElement(zr,null,rt.createElement(sn,{variant:"text",size:"large",width:70}),rt.createElement(sd,{size:4}),rt.createElement(sn,{variant:"text",size:"medium",width:50})),title:rt.createElement("div",null,rt.createElement(sn,{variant:"text",size:"large",width:90}),rt.createElement(sd,{size:4}),rt.createElement(sn,{variant:"text",size:"medium",width:90}))})))}i(ad,"LoadingTokenList");var ha=20,BT=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return H.createElement("div",{className:aa()},o?H.createElement("div",{className:sa()},o):H.createElement(ma,{className:la()},H.createElement(qr,{variant:"title",size:"xmedium"},r.symbol),H.createElement(xo,{direction:"horizontal",size:4}),H.createElement(da,{css:s},H.createElement(fa,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&H.createElement("div",{className:`${pa()} ${!o&&ca()}`},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",H.createElement(xo,{size:4,direction:"horizontal"}),H.createElement(id,{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},H.createElement(ET,{size:12}))))},"renderDesc");function md(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=ud(e),l=g().fetchStatus,p=g().blockchains(),[c,u]=ud(!0),{getBalanceFor:d,loading:m}=Z(),{isTokenPinned:f}=g(),h=i(()=>{a(e.slice(0,s.length+ha))},"loadNextPage");cd(()=>{u(e.length>s.length)},[s.length]),cd(()=>{a(e.slice(0,ha))},[e.length]);let C=i(()=>!s.length&&o?H.createElement(H.Fragment,null,H.createElement(xo,{size:32}),H.createElement(WT,{title:ga.t("No results found"),description:ga.t("Try using different keywords")})):H.createElement(LT,{endReached:c?h:void 0,itemContent:S=>{let y=s[S],k=xn(d(y)),T=y.address||"",x=p.find(N=>N.name===y.blockchain),I=Zn(x?.color||"",_p(x?.color||"")?5:125),b=Zn(x?.color||"",-100),v={$$color:I,[`.${ld} &`]:{$$color:b},backgroundColor:"$$color"},w={$$color:b,[`.${ld} &`]:{$$color:I},color:"$$color"};return H.createElement("div",{style:{paddingRight:5}},H.createElement(NT,{style:{width:"100%",overflow:"hidden",height:"60px"},"tab-index":S,key:`${y.symbol}${y.address}`,id:`${y.symbol}${y.address}`,hasDivider:!0,onClick:()=>n(s[S]),start:H.createElement(od,null,H.createElement(AT,{src:y.image,size:30}),f(y,t.type)&&H.createElement(nd,null,H.createElement(MT,{size:12,color:"gray"}))),title:x?.type==="COSMOS"||y.name||!y.name&&!T?H.createElement(ma,null,H.createElement(qr,{variant:"title",size:"xmedium"},y.symbol),H.createElement(xo,{direction:"horizontal",size:4}),H.createElement(da,{css:v},H.createElement(fa,{variant:"body",size:"xsmall",css:w},y.blockchain))):void 0,description:x?.info&&T&&x.type!=="COSMOS"?BT({address:T,token:s[S],customCssForTag:v,customCssForTagTitle:w,name:y.name,url:x.info.addressUrl.split("{wallet}").join(T)}):y.name||void 0,end:m?H.createElement(zr,null,H.createElement(pd,{variant:"text",size:"large",width:70}),H.createElement(xo,{size:4}),H.createElement(pd,{variant:"text",size:"medium",width:50})):k&&H.createElement(td,null,H.createElement(rd,{variant:"title",size:"small"},k.amount),H.createElement("div",null),k.usdValue&&H.createElement(qr,{variant:"body",className:ua(),size:"xsmall"},`$${k.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return H.createElement(ed,null,H.createElement(qr,{variant:"label",size:"large"},ga.t("Select Token")),H.createElement(xo,{size:4}),l==="loading"&&H.createElement(ad,{size:ha}),l==="success"&&H.createElement(Ur,{as:"ul"},C()))}i(md,"TokenList");function ya(t){let{type:e}=t,o=PT(),n=Ye(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=X(),u=Z.use.getBalanceFor(),[d,m]=_T(""),h=(e==="source"?r:s)?.name??"",C=g().blockchains({type:e}),S=g().tokens({type:e,blockchain:h,searchFor:d,getBalanceFor:u}),y=i(x=>{e==="source"?p(x):c(x)},"updateBlockchain"),k=i(x=>{e==="source"?a({token:x,meta:{blockchains:C,tokens:S}}):l({token:x,meta:{blockchains:C,tokens:S}})},"updateToken"),T={source:Qr.t("Source"),destination:Qr.t("Destination")};return to.createElement(ae,{header:{title:Qr.t("Swap {type}",{type:T[e]})}},to.createElement(pe,null,to.createElement(ia,{blockchains:C,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(z.blockchains),onChange:x=>{y(x)}}),to.createElement(dd,{size:24}),to.createElement(wt,{value:d,autoFocus:!0,placeholder:Qr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:x=>m(x.target.value)}),to.createElement(dd,{size:16}),to.createElement(md,{list:S,selectedBlockchain:h,searchedFor:d,type:e,onChange:x=>{k(x);let I=C.find(b=>x.blockchain===b.name);I&&y(I),n()}})))}i(ya,"SelectSwapItemsPage");import{i18n as ka}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 Cd}from"@lingui/core";import{Divider as OT,InfoIcon as UT,TextField as zT,Tooltip as qT,Typography as Td}from"@rango-dev/ui";import it from"react";import{Chip as $T,styled as an,TextField as DT}from"@rango-dev/ui";var fd=an("div",{paddingTop:"$5",padding:"$10 $5"}),gd=an("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${DT}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),hd=an("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Hr=an("div",{maxWidth:"280px",padding:"$10"}),yd=an($T,{width:"61px",flexShrink:0});import{i18n as Sa}from"@lingui/core";import{Typography as FT}from"@rango-dev/ui";import ln from"react";function Sd(){return ln.createElement(Hr,null,ln.createElement(FT,{variant:"label",size:"medium",color:"neutral700"},Sa.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),ln.createElement("br",null),ln.createElement("br",null),ln.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(Sd,"SlippageTooltipContent");function Ca(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=g();return it.createElement(fd,null,it.createElement(hd,null,it.createElement(Td,{variant:"title",size:"xmedium"},Cd.t("Slippage tolerance per swap")),it.createElement(OT,{direction:"horizontal",size:4}),it.createElement(qT,{container:M(),side:"top",sideOffset:4,content:it.createElement(Sd,null)},it.createElement(UT,{color:"gray"}))),it.createElement(gd,null,El.map((r,s)=>{let a=`slippage-${s}`;return it.createElement(yd,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`})}),it.createElement(zT,{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>=Ml&&a<=Wl?n(a):n(null)},suffix:o&&it.createElement(Td,{variant:"body",size:"small"},"%"),placeholder:Cd.t("Custom")})))}i(Ca,"Slippage");import{i18n as gt}from"@lingui/core";import{AutoThemeIcon as kd,BridgesIcon as QT,ChevronRightIcon as Ta,DarkModeIcon as xd,Divider as Gr,ExchangeIcon as HT,InfinityIcon as GT,InfoIcon as VT,LanguageIcon as XT,LightModeIcon as wd,List as jT,ListItem as KT,ListItemButton as YT,Skeleton as ZT,styled as JT,Switch as RT,Tabs as ek,Tooltip as tk,Typography as Re}from"@rango-dev/ui";import $ from"react";import{useNavigate as ok}from"react-router-dom";var nk=JT("div",{width:"202px",height:"$40"}),rk=[{id:"light",icon:$.createElement(wd,{color:"black",size:24}),tooltip:$.createElement(Re,{size:"xsmall",variant:"body"},gt.t("Light"))},{id:"dark",icon:$.createElement(xd,{color:"black",size:24}),tooltip:$.createElement(Re,{size:"xsmall",variant:"body"},gt.t("Dark"))},{id:"auto",icon:$.createElement(kd,{color:"black",size:24}),tooltip:$.createElement(Re,{size:"xsmall",variant:"body"},gt.t("Auto"))}],ik=i(t=>{let e={color:"gray",size:16};switch(t){case"auto":return $.createElement(kd,{...e});case"dark":return $.createElement(xd,{...e});default:return $.createElement(wd,{...e})}},"getThemeIcon");function vd(){let t=ok(),{theme:e}=g().config,{setTheme:o,theme:n}=g(),{activeLanguage:r,languages:s}=zt(),a=s.find(V=>V.local===r)?.label,l=g().fetchStatus,p=g().swappers(),c=g().getDisabledLiquiditySources(),{config:{features:u}}=g(),d=Xe("theme",u),m=Xe("liquiditySource",u),f=Xe("language",u),h=g().infiniteApprove,C=g().toggleInfiniteApprove,S=An(p,c),y=S.filter(V=>["BRIDGE","AGGREGATOR","OFF_CHAIN"].includes(V.type)),k=y.length,T=y.filter(V=>V.selected).length,x=S.filter(V=>V.type==="DEX"),I=x.length,b=x.filter(V=>V.selected).length,v=i((V,L)=>{switch(l){case"loading":return $.createElement(ZT,{variant:"text",size:"medium",width:50});case"failed":return $.createElement(Re,{variant:"body",size:"medium",color:"$error500"},gt.t("Loading failed"));default:return $.createElement(Re,{variant:"body",size:"medium"},`${V} / ${L}`)}},"handleSwapperEndItem"),w={id:"bridge-item",title:$.createElement(Re,{variant:"title",size:"xmedium"},gt.t("Bridges")),end:$.createElement($.Fragment,null,v(T,k),$.createElement(Gr,{direction:"horizontal",size:8}),$.createElement(Ta,{color:"black"})),onClick:()=>t(z.bridges),start:$.createElement(QT,{color:"gray",size:16})},N={id:"exchange-item",title:$.createElement(Re,{variant:"title",size:"xmedium"},gt.t("Exchanges")),end:$.createElement($.Fragment,null,v(b,I),$.createElement(Gr,{direction:"horizontal",size:8}),$.createElement(Ta,{color:"black"})),start:$.createElement(HT,{color:"gray",size:16}),onClick:()=>t(z.exchanges)},E={id:"language-item",title:$.createElement(Re,{variant:"title",size:"xmedium"},gt.t("Language")),start:$.createElement(XT,{color:"gray",size:16}),end:$.createElement($.Fragment,null,$.createElement(Re,{variant:"body",size:"medium"},a),$.createElement(Gr,{direction:"horizontal",size:8}),$.createElement(Ta,{color:"black"})),onClick:()=>t(z.languages)},D={id:"infinite-approval-item",title:$.createElement($.Fragment,null,$.createElement(Re,{variant:"title",size:"xmedium"},gt.t("Infinite approval")),$.createElement(Gr,{direction:"horizontal",size:4}),$.createElement(tk,{side:"top",sideOffset:4,container:M(),content:$.createElement(Hr,null,$.createElement(Re,{variant:"label",size:"medium",color:"neutral700"},gt.t("Enabling the 'Infinite approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},$.createElement(VT,{color:"gray"}))),start:$.createElement(GT,{color:"gray",size:16}),end:$.createElement(RT,{checked:h}),onClick:C},Q={id:"theme-item",type:$.createElement(KT,null),title:$.createElement(Re,{variant:"title",size:"xmedium"},gt.t("Theme")),end:$.createElement(nk,null,$.createElement(ek,{container:M(),items:rk,value:n,onChange:V=>o(V.id),type:"primary",borderRadius:"small"})),start:ik(n)},U=m?[]:[w,N];return f||U.push(E),U.push(D),!e?.singleTheme&&!d&&U.push(Q),$.createElement(jT,{type:$.createElement(YT,{hasDivider:!0,id:"_",onClick:()=>console.log()}),items:U})}i(vd,"SettingsLists");var uk=lk("div",{paddingLeft:"$8"});function bd(){let{isInCampaignMode:t,updateCampaignMode:e}=g(),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(ae,{header:{title:ka.t("Settings")}},oo.createElement(pe,null,o&&oo.createElement(sk,{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(uk,null,oo.createElement(ak,{type:"secondary",size:"small",onClick:s},ka.t("Reset")))}),oo.createElement(Ca,null),oo.createElement(vd,null)))}i(bd,"SettingsPage");import{i18n as Zk}from"@lingui/core";import{cancelSwap as Jk}from"@rango-dev/queue-manager-rango-preset";import{useManager as Rk}from"@rango-dev/queue-manager-react";import{Alert as ex}from"@rango-dev/ui";import Fa from"react";import{useParams as tx}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 tf,CopyIcon as $k,Divider as Dk,IconButton as Fk,LinkIcon as Ok,QuoteCost as Uk,StepDetails as zk,Typography as no,useCopyToClipboard as qk}from"@rango-dev/ui";import{useWallets as Qk}from"@rango-dev/wallets-react";import of from"bignumber.js";import{PendingSwapNetworkStatus as ei}from"rango-types";import Y,{useEffect as nf,useRef as Hk,useState as rf}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 Id(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(Id,"timeSince");function Ed(t){return t.finishTime?Id(parseInt(t.finishTime)):Id(parseInt(t.creationTime))}i(Ed,"getSwapDate");import{PendingSwapNetworkStatus as jr}from"rango-types";import Kr from"react";import{i18n as Vr}from"@lingui/core";import{Button as Ad,Divider as xa,MessageBox as dk}from"@rango-dev/ui";import Qt from"react";var Nd=i(({onCancel:t,onClose:e})=>Qt.createElement(Qt.Fragment,null,Qt.createElement(xa,{size:20}),Qt.createElement(dk,{type:"error",title:Vr.t("Cancel Swap"),description:Vr.t("Are you sure you want to cancel this swap?")}),Qt.createElement(xa,{size:32}),Qt.createElement(Ad,{variant:"contained",type:"primary",size:"large",onClick:t},Vr.t("Yes, Cancel it")),Qt.createElement(xa,{size:12}),Qt.createElement(Ad,{variant:"outlined",type:"primary",size:"large",onClick:e},Vr.t("No, Continue"))),"CancelContent");import{i18n as Xr}from"@lingui/core";import{Button as Wd,Divider as wa,MessageBox as fk,Typography as gk}from"@rango-dev/ui";import Et from"react";var Md=i(({onDelete:t,onClose:e})=>Et.createElement(Et.Fragment,null,Et.createElement(wa,{size:20}),Et.createElement(fk,{type:"error",title:Xr.t("Delete Transaction"),description:Xr.t("Are you sure you want to delete this swap?")}),Et.createElement(wa,{size:32}),Et.createElement(Wd,{variant:"contained",type:"primary",size:"large",onClick:t},Xr.t("Yes, Delete it")),Et.createElement(wa,{size:12}),Et.createElement(Wd,{variant:"outlined",type:"primary",size:"large",onClick:e},Et.createElement(gk,{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 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 pn from"react";import{styled as Ld}from"@rango-dev/ui";var Bd=Ld("div",{display:"flex",justifyContent:"center"}),SU=Ld("div",{maxWidth:280,"& ._typography":{wordWrap:"break-word",display:"block"}});var _d=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,d=u?ci(c(u)):null,m=u?p(u):null;return pn.createElement(pn.Fragment,null,pn.createElement(yk,{type:e,title:o,description:r}),s&&!!u&&!!d&&!!m&&pn.createElement(Bd,null,pn.createElement(Sk,{container:M(),title:m.name,image:m.img,type:u,state:d,link:m.installLink,disabled:a,onClick:async()=>l(u).catch(h=>hk(h))})))},"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(se,{open:!!e,onClose:o,container:document.getElementById(Te.SWAP_BOX_ID)||document.body},p&&Kr.createElement(_d,{type:Ia[e].type,title:Ia[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==jr.WaitingForNetworkChange}),e==="delete"&&Kr.createElement(Md,{onClose:o,onDelete:n}),e==="cancel"&&Kr.createElement(Nd,{onClose:o,onCancel:r}))}i(Ea,"SwapDetailsModal");import{i18n as cn}from"@lingui/core";import{Button as Aa,Divider as Yr,MessageBox as Pd,TokenAmount as Tk,Typography as Na}from"@rango-dev/ui";import Ne from"react";import{useNavigate as kk}from"react-router-dom";function Wa(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:c,percentageChange:u,description:d,diagnosisUrl:m}=t,f=kk();return Ne.createElement(se,{open:e,onClose:o,container:document.getElementById(Te.SWAP_BOX_ID)||document.body},n==="success"?Ne.createElement(Pd,{type:"success",title:cn.t("Swap Successful")},Ne.createElement(Tk,{direction:"vertical",tooltipContainer:M(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),Ne.createElement(Yr,{size:12}),Ne.createElement(Na,{variant:"body",size:"medium",color:"neutral700",align:"center"},d)):Ne.createElement(Pd,{type:"error",title:cn.t("Transaction Failed"),description:d}),Ne.createElement(Yr,{size:32}),n==="success"&&Ne.createElement(Aa,{variant:"contained",type:"primary",size:"large",onClick:()=>{f("../../")}},Ne.createElement(Na,{variant:"title",size:"medium",color:"neutral100"},cn.t("Done"))),Ne.createElement(Yr,{size:12}),m&&Ne.createElement(Ne.Fragment,null,Ne.createElement(Aa,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},cn.t("Diagnosis")),Ne.createElement(Yr,{size:12})),Ne.createElement(Aa,{variant:"outlined",type:"primary",size:"large",onClick:o},Ne.createElement(Na,{variant:"title",size:"medium",color:"primary"},cn.t("See Details"))))}i(Wa,"SwapDetailsCompleteModal");import Lk from"react";import{i18n as Ak}from"@lingui/core";import{Alert as Zd,IconButton as Nk,LinkIcon as Wk}from"@rango-dev/ui";import Ht,{Fragment as Mk}from"react";import{Alert as vk,ChevronDownIcon as bk,IconButton as Ik}from"@rango-dev/ui";import vo,{useState as Ek}from"react";import{css as un,darkTheme as xk,styled as At,Typography as wk}from"@rango-dev/ui";var $d=At("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Zr=At("div",{width:"100%"}),Dd=At(Do,{padding:"$0 $20 $20 $20"}),RU=At("div",{display:"flex",flexDirection:"column",gap:"$10"}),Fd=At("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),ez=At("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),wo=un({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${xk} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),Od=un({padding:"$5 0"}),Jr=un({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),Ud=un({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),zd=un({width:"100%",padding:"0 $20 $10"}),qd=At("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"}),Qd=At("div",{display:"flex",flexDirection:"column",gap:"$5"}),Rr=At(wk,{wordBreak:"break-word"});import{styled as Ma}from"@rango-dev/ui";var Hd=Ma("div",{display:"flex",flexDirection:"column",gap:"$10"}),Gd=Ma("div",{transition:"transform 0.3s ease-in-out",variants:{rotated:{true:{transform:"rotate(180deg)"}}}}),Vd=Ma("div",{transition:"max-height 0.3s ease-in-out",maxHeight:"0px",overflow:"hidden",variants:{open:{true:{maxHeight:"200px"}}}});function Xd(t){let{message:e}=t,[o,n]=Ek(!1);return vo.createElement(vk,{type:"error",title:e.shortMessage,containerStyles:{"& .footer":{paddingTop:"$0"}},action:e.detailedMessage.content&&vo.createElement(Ik,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},vo.createElement(Gd,{rotated:o},vo.createElement(bk,{size:12,color:"gray"}))),footer:vo.createElement(Vd,{open:o},vo.createElement(Rr,{variant:"body",size:"xsmall",color:"neutral700"},e.detailedMessage.content))})}i(Xd,"FailedAlert");import{i18n as jd}from"@lingui/core";import{Alert as La,Button as Kd}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Ba}from"rango-types";import mn from"react";function Yd(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?mn.createElement(La,{type:"warning",title:n.shortMessage,action:mn.createElement(Kd,{size:"xxsmall",type:"warning",onClick:()=>{o(Ba.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},jd.t("Change"))}):r===Ba.WaitingForConnectingWallet?mn.createElement(La,{type:"warning",title:n.shortMessage,action:mn.createElement(Kd,{size:"xxsmall",type:"warning",onClick:()=>{o(Ba.WaitingForConnectingWallet)}},jd.t("Connect"))}):mn.createElement(La,{type:"warning",title:n.shortMessage})}i(Yd,"WarningAlert");function _a(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=_o(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return Ht.createElement(Hd,null,s.explorerUrl?.map((d,m,f)=>{let h=m+d.url,C=m===f.length-1,S=(C&&c||p)&&!u,y=C&&s.status==="failed";return Ht.createElement(Mk,{key:h},Ht.createElement(Zd,{type:C&&(S&&"loading"||y&&"error")||"success",title:d.description?`${d.description} Tx`:Ak.t("View transaction"),action:d.url&&Ht.createElement(Nk,{variant:"ghost",size:"xsmall",onClick:()=>window.open(d.url,"_blank")},Ht.createElement(Wk,{size:12}))}))}),u&&Ht.createElement(Zd,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Ht.createElement(Yd,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Ht.createElement(Xd,{message:r}))}i(_a,"SwapDetailsAlerts");var Jd=2e3;var Rd=i(({swap:t,blockchains:e,swappers:o,...n})=>{let r=t.hasAlreadyProceededToSign!==!1;return t.steps.map((s,a)=>{let l=a===0?t.inputAmount:t.steps[a-1].outputAmount||t.steps[a-1].expectedOutputAmountHumanReadable;return{from:{token:{displayName:s.fromSymbol,image:s.fromLogo??""},chain:{displayName:Ve(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:A(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ve(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:A(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName: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(_a,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function ef(t){if(_o(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(ef,"getStepState");function Pa(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=Qk(),p=g().blockchains(),c=g().swappers(),u=g().tokens(),d=X.use.retry(),m=oe.use.isActiveTab(),f=Gk(),[h,C]=qk(Jd),S=Hk(null),[y,k]=rf(null),[T,x]=rf(null),I=i(()=>{r(),k(null)},"onCancel"),b=Fe.use.getUnreadNotifications(),v=Fe.use.setAsRead(),w=b(),N=_k(e),E=N?.networkStatus;nf(()=>{w.find(at=>at.requestId===e.requestId)&&(e.status==="success"||e.status==="failed"?(x(e.status),v(e.requestId)):T&&x(null))},[e.status,e.requestId]),nf(()=>{ee?k(ei.WaitingForNetworkChange):E===ei.WaitingForConnectingWallet||E===ei.NetworkChanged?k(E):k(null)},[E]);let D=rp(e),Q=N?Bk(e,N):null,U=N?Pk(e,N):null,V=Ed(e),L=ip(e),J=i(We=>!!l(We)?.mobileWallet,"isMobileWallet"),ee=E===ei.WaitingForNetworkChange&&!!Q&&!!U?.walletType&&(J(U.walletType)||s(U.walletType,Q)),B=ee?a.bind(null,U.walletType,Q):void 0,te=np(e,N),F=Rd({swap:e,switchNetwork:B,showNetworkModal:E,setNetworkModal:k,message:te,blockchains:p,swappers:c}),W=F.length,[Ce,ue]=[e.steps[0],e.steps[W-1]],me=ue.outputAmount||ue.expectedOutputAmountHumanReadable,Wt=e.steps.reduce((We,at)=>We+parseFloat(at.feeInUsd||""),0),G=e.steps.find(We=>We.diagnosisUrl)?.diagnosisUrl,j=A(parseFloat(A(me,6,6))*(ue.toUsdPrice||0),4,4),ne=A(parseFloat(e.inputAmount)*(Ce.fromUsdPrice||0),4,4),be=me?le(new of(me).multipliedBy(ue.toUsdPrice||0)):"",Mt=le(new of(e.inputAmount).multipliedBy(Ce.fromUsdPrice||0)),De=je(ne,j),Ie=te.detailedMessage.content||te.shortMessage,Ge=e.status==="success"?Nt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:A(me,6,6),token:F[W-1].to.token.displayName,conciseAddress:wn(e.wallets[F[W-1].to.chain.displayName]?.address||""),chain:F[W-1].to.chain.displayName}}):Y.createElement(Qd,null,Y.createElement(no,{variant:"body",size:"medium",color:"neutral700",align:"center"},Ie?"":Nt.t("Transaction was not sent."),D?`${Nt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:D.outputAmount,symbol:D.symbol,blockchain:D.blockchain}})}`:""),Ie&&Y.createElement(Rr,{align:"center",variant:"body",size:"medium",color:"neutral700"},Y.createElement("b",null,"Reason:")," ",Ie));return Y.createElement(ae,{header:{title:Nt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>k("cancel"):void 0,suffix:e.status!=="running"&&Y.createElement(co,null,Y.createElement(tf,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>k("delete")},Y.createElement(no,{size:"medium",variant:"label",color:"error"},Nt.t("Delete"))))},footer:L&&!T&&Y.createElement(tf,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{d(e,{blockchains:p,tokens:u}),setTimeout(()=>{f("../../")},0)}},Nt.t("Try again"))},Y.createElement(pe,{compact:!0,view:!0},Y.createElement(Zr,null,Y.createElement("div",{className:wo()},Y.createElement(no,{variant:"label",size:"large",color:"neutral700"},`${Nt.t("Request ID")}:`),Y.createElement("div",{className:Jr()},Y.createElement(no,{variant:"label",size:"small",color:"neutral700"},o),Y.createElement(Fk,{variant:"ghost",onClick:C.bind(null,o||"")},Y.createElement($k,{size:16,color:"gray"})),Y.createElement(qd,{target:"_blank",href:`${Va}/swap/${o}`},Y.createElement(Ok,{size:16})))),Y.createElement("div",{className:wo()},Y.createElement(no,{variant:"label",size:"large",color:"neutral700"},`${Nt.t(e.finishTime?"Finished at":"Created at")}:`),Y.createElement(no,{variant:"label",size:"small",color:"neutral700"},V))),Y.createElement("div",{className:Ud()},Y.createElement(Uk,{fee:A(String(Wt),2,2),time:Io(hn(e.steps)),steps:W}),Y.createElement(Ho,{from:{price:{value:A(e.inputAmount,6,6),usdValue:ne,realUsdValue:Mt,realValue:e.inputAmount},token:{displayName:F[0].from.token.displayName,image:F[0].from.token.image},chain:{image:F[0].from.chain.image,displayName:F[0].from.chain.displayName}},to:{price:{value:A(me,6,6),usdValue:j,realUsdValue:be,realValue:me},token:{displayName:F[W-1].to.token.displayName,image:F[W-1].to.token.image},chain:{image:F[W-1].to.chain.image,displayName:F[W-1].to.chain.displayName}},percentageChange:A(De,2,2),warningLevel:St(De??0)})),Y.createElement("div",{className:zd()},Y.createElement(no,{variant:"title",size:"small"},Nt.t("Swaps steps"))),Y.createElement(Dk,{size:8}),Y.createElement(Dd,{ref:S},F.map((We,at)=>{let Ha=at,bo=ef(e.steps[at]),vf=bo==="error"||bo==="in-progress"||bo==="warning"||bo==="completed"&&at===F.length-1;return Y.createElement(zk,{key:Ha,step:We,type:"swap-progress",ref:S,state:bo,hasSeparator:at!==0,tabIndex:Ha,isFocused:vf,tooltipContainer:M()})}))),Y.createElement(Ea,{state:y,onClose:()=>k(null),onCancel:I,onDelete:n,message:te.detailedMessage.content,currentStepWallet:U,walletButtonDisabled:!m}),Y.createElement(Wa,{open:!!T,diagnosisUrl:G,onClose:()=>x(null),status:e.status==="success"?"success":"failed",priceValue:A(me,6,6),usdValue:j,realUsdValue:be,realValue:le(me),percentageChange:A(De,2,2),token:{displayName:F[W-1].to.token.displayName,image:F[W-1].to.token.image},chain:{image:F[W-1].to.chain.image},description:Ge}))}i(Pa,"SwapDetails");import{i18n as oi}from"@lingui/core";import{Divider as lf,NotFound as Yk,Skeleton as fn,Typography as ni}from"@rango-dev/ui";import fe from"react";import{i18n as Vk}from"@lingui/core";import{Divider as Xk,Skeleton as jk,Typography as Kk}from"@rango-dev/ui";import he from"react";import{css as st,styled as $a}from"@rango-dev/ui";var sf=$a("div",{width:"100%",height:"100%",padding:"$10 $20"}),dn=$a("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),ti=$a("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),mq=st({display:"flex",justifyContent:"space-between",alignItems:"center"}),dq=st({display:"flex",justifyContent:"space-between",alignItems:"center"}),fq=st({paddingTop:"$15",display:"flex"}),gq=st({padding:"$15 $0"}),hq=st({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),yq=st({paddingBottom:"$10"}),Sq=st({display:"flex",justifyContent:"start",alignItems:"center"}),Cq=st({paddingTop:"$5",display:"flex",alignItems:"center"}),Tq=st({display:"flex",alignItems:"center"}),kq=st({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),af=st({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function Da(){return he.createElement(sf,null,he.createElement(jo,{type:"swap-preview"}),he.createElement("div",{className:"swaps-steps"},he.createElement(Kk,{variant:"title",size:"small"},Vk.t("Swaps steps"))),he.createElement(he.Fragment,null,he.createElement(dn,null,he.createElement(dt,{separator:!1}),he.createElement("div",{className:af()},he.createElement(Xk,{direction:"horizontal",size:20}),he.createElement(jk,{height:22,variant:"rectangular"}))),he.createElement(ti,null),he.createElement(dn,null,he.createElement(dt,{separator:!1})),he.createElement(ti,null),he.createElement(dn,null,he.createElement(dt,{separator:!1})),he.createElement(ti,null),he.createElement(dn,null,he.createElement(dt,{separator:!1}))))}i(Da,"LoadingSwapDetails");function pf(t){let{requestId:e,showSkeleton:o}=t;return fe.createElement(ae,{header:{title:oi.t("Swap and Bridge"),suffix:fe.createElement(co,null)}},o&&fe.createElement($d,null,fe.createElement(Zr,null,fe.createElement("div",{className:wo()},fe.createElement(ni,{variant:"label",size:"large",color:"neutral700"},`${oi.t("Request ID")}:`),fe.createElement("div",{className:Jr()},fe.createElement(ni,{variant:"label",size:"small",color:"neutral700"},fe.createElement(fn,{width:60,height:10,variant:"rounded"})),fe.createElement(lf,{direction:"horizontal",size:4}),fe.createElement(fn,{width:16,height:16,variant:"rectangular"}),fe.createElement(lf,{direction:"horizontal",size:4}),fe.createElement(fn,{width:16,height:16,variant:"rectangular"}))),fe.createElement("div",{className:wo()},fe.createElement(ni,{className:Od(),variant:"label",size:"large",color:"neutral700"},fe.createElement(fn,{width:60,height:10,variant:"rounded"})),fe.createElement(ni,{variant:"label",size:"small",color:"neutral700"},fe.createElement(fn,{width:60,height:10,variant:"rounded"})))),fe.createElement(Da,null)),!o&&fe.createElement(Fd,null,fe.createElement(Yk,{title:oi.t("Not found"),description:oi.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(pf,"SwapDetailsPlaceholder");function cf(){let{manager:t,state:e}=Rk(),o=!e.loadedFromPersistor,n=ct(t),{requestId:r}=tx(),s=Ye(),{fetchStatus:a}=g();if(!r)return Fa.createElement(ex,{containerStyles:{margin:"20px"},type:"error",title:Zk.t("The request ID is necessary to display the swap details.")});let l=o||a==="loading",p=r?n.find(({swap:m})=>m.requestId===r):void 0,c=i(()=>{if(p?.id){let m=t?.get(p.id);m&&Jk(m)}},"onCancel"),u=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),d=p?.swap;return!d||l?Fa.createElement(pf,{requestId:r,showSkeleton:l}):Fa.createElement(Pa,{swap:d,requestId:r,onCancel:c,onDelete:u})}i(cf,"SwapDetailsPage");function uf(){return gp(),Pi(),ox([{path:z.home,element:ze.createElement(Mm,null)},{path:z.routes,element:ze.createElement($m,null)},{path:z.fromSwap,children:[{index:!0,element:ze.createElement(ya,{type:"source"})},{path:z.blockchains,element:ze.createElement(ea,{type:"source"})}]},{path:z.toSwap,children:[{index:!0,element:ze.createElement(ya,{type:"destination"})},{path:z.blockchains,element:ze.createElement(ea,{type:"destination"})}]},{path:z.settings,children:[{index:!0,element:ze.createElement(bd,null)},{path:z.languages,element:ze.createElement(Bm,null)},{path:z.exchanges,element:ze.createElement(Ys,{sourceType:"Exchanges"})},{path:z.bridges,element:ze.createElement(Ys,{sourceType:"Bridges"})}]},{path:z.swaps,children:[{index:!0,element:ze.createElement(cm,null)},{path:z.swapDetails,element:ze.createElement(cf,null)}]},{path:z.wallets,element:ze.createElement(wc,null)},{path:z.confirmSwap,element:ze.createElement(Ju,null)}])}i(uf,"AppRoutes");import{useQueueManager as cx}from"@rango-dev/queue-manager-rango-preset";import{splitWalletNetwork as ux}from"@rango-dev/wallets-shared";import{isEvmBlockchain as mx}from"rango-sdk";import{useContext as dx,useEffect as fx,useState as Sf}from"react";import{globalCss as nx}from"@rango-dev/ui";var mf=i(()=>nx({"@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 df(){let{setWatermark:t}=oe();return{fetchApiConfig:i(async()=>{let o=await fetch(`${ht("BASE_URL")}/meta/dapp/config?apiKey=${ht("API_KEY")}`);if(!o.ok)throw new Error(`Request failed with status: ${o.status} `);let n=await o.json();t(n.config.watermark)},"fetchApiConfig")}}i(df,"useFetchApiConfig");import{useWallets as rx}from"@rango-dev/wallets-react";import{useEffect as ix,useRef as sx}from"react";function ff(){let{connect:t,state:e}=rx(),o=sx({}),{fetchStatus:n}=g(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);ix(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(ff,"useForceAutoConnect");import{isApprovalTX as ax,MainEvents as ri,RouteEventType as gf,StepEventType as hf,StepExecutionEventStatus as lx,useEvents as px}from"@rango-dev/queue-manager-rango-preset";import{useEffect as yf}from"react";function Oa(){let t=g().tokens(),e=Z.use.connectedWallets(),o=Z.use.getWalletsDetails(),n=Fe.use.setNotification(),r=px();yf(()=>{let s=i(a=>{let{event:l,step:p,route:c}=a;if(l.type===hf.TX_EXECUTION&&l.status===lx.TX_SENT&&!ax(p)||l.type===hf.SUCCEEDED){let d=e.find(f=>f.chain===p?.fromBlockchain),m=p?.fromBlockchain!==p?.toBlockchain&&e.find(f=>f.chain===p?.toBlockchain);d&&o([d],t),m&&o([m],t)}n(l,c)},"handleStepEvent");return r.on(ri.StepEvent,s),()=>r.off(ri.StepEvent,s)},[r,e.length]),yf(()=>{let s=i(a=>{let{event:l,route:p}=a;(l.type===gf.FAILED||l.type===gf.SUCCEEDED)&&n(l,p)},"handleRouteEvent");return r.on(ri.RouteEvent,s),()=>r.off(ri.RouteEvent,s)},[r,e.length])}i(Oa,"useSubscribeToWidgetEvents");function Ua(){mf(),ff(),Oa();let t=g().blockchains(),{canSwitchNetworkTo:e}=lr(),[o,n]=Sf(""),[r,s]=Sf(),a=dx(Wn),l=t.filter(mx),{fetchApiConfig:p}=df();cx({lastConnectedWallet:o,clearDisconnectedWallet:()=>{s(void 0)},disconnectedWallet:r,evmChains:l,canSwitchNetworkTo:e}),fx(()=>(Vt.init(),Fe.persist.hasHydrated()||Fe.persist.rehydrate(),a.onConnectWallet(n),a.onDisconnectWallet(c=>{s(c),c===ux(o)?.[0]&&n("")}),p().catch(console.log),Vt.destroy),[])}i(Ua,"useBootstrap");import{styled as gx}from"@rango-dev/ui";var Cf=gx("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}=g(),{activeTheme:e}=Jn(t?.theme||{}),{activeLanguage:o}=zt();return za.createElement(hx,{language:o},za.createElement(Cf,{id:"swap-container",className:e()},za.createElement(uf,null)))}i(ii,"Main");import Qa,{useMemo as _x}from"react";import{checkWaitingForNetworkChange as yx,makeQueueDefinition as Sx}from"@rango-dev/queue-manager-rango-preset";import{Provider as Cx}from"@rango-dev/queue-manager-react";import{useWallets as Tx}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as kx}from"@rango-dev/wallets-shared";import{isEvmBlockchain as xx}from"rango-types";import wx,{useMemo as vx}from"react";function bx(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=Tx(),l=vx(()=>Sx({API_KEY:t.apiKey||ht("API_KEY"),BASE_URL:ht("BASE_URL")}),[t.apiKey]),p=g().blockchains(),u={blockchains:Z.use.connectedWallets().map(T=>({accounts:[T],name:T.chain}))},d=i(async(T,x)=>{if(s(T,x))return r(T,x)},"switchNetwork"),m=i(T=>!!a(T).mobileWallet,"isMobileWallet"),f=p.filter(T=>T.enabled).reduce((T,x)=>(T[x.name]=x,T),{}),h=p.filter(xx),C=i(T=>{let{supportedChains:x}=a(T);return Cn(x)},"getSupportedChainNames"),S=e(),y={meta:{blockchains:f,evmBasedChains:h,evmNetworkChainInfo:kx(h),getSupportedChainNames:C},getSigners:o,wallets:u,providers:S,switchNetwork:d,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},k=oe.use.isActiveTab();return wx.createElement(Cx,{queuesDefs:[l],context:y,onPersistedDataLoaded:T=>{yx(T)},isPaused:!k},t.children)}i(bx,"QueueManager");var Tf=bx;import{useManager as Wx}from"@rango-dev/queue-manager-react";import Mx,{createContext as Lx,useContext as Bx}from"react";import{cancelSwap as Ix,getCurrentBlockchainOfOrNull as Ex,getCurrentStep as Ax,getRelatedWalletOrNull as Nx}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 ct(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&&Ix(o)}getCurrentStepInfo(e){let o=Ax(e);return{step:o,wallet:o?Nx(e,o):null,network:o?Ex(e,o):null}}};var kf=Lx(void 0);function qa(t){let{manager:e}=Wx(),o=oe.use.isActiveTab(),n=X.use.retry(),r=new si(e,{retrySwap:n}),s=Z.use.connectedWallets(),a=Z.use.loading(),l=tl(s),p=Z.use.getWalletsDetails(),c=g().blockchains(),u=g().tokens(),d=g().swappers(),m=g().fetchStatus,f=zt().resetLanguage,h=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:d,loadingStatus:m},resetLanguage:f,notifications:{list:h}};return Mx.createElement(kf.Provider,{value:C},t.children)}i(qa,"WidgetInfo");function xf(){let t=Bx(kf);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 _x(()=>{al({API_KEY:o?.apiKey||gn,BASE_URL:o?.apiUrl||Ga})},[o.apiKey,o.apiUrl]),Qa.createElement(Mn,{config:o,onUpdateState:e},Qa.createElement(Tf,{apiKey:o.apiKey},Qa.createElement(qa,null,t.children)))}i(ai,"WidgetProvider");function wf(t){let e=t.config?.externalWallets;return li.createElement(Ul,null,e?li.createElement(ii,null):li.createElement(ai,{config:t.config??gi},li.createElement(ii,null)))}i(wf,"Widget");export{fG as EventSeverity,gG as MainEvents,bG as Networks,AG as PendingSwapNetworkStatus,hG as RouteEventType,yG as StepEventType,SG as StepExecutionBlockedEventStatus,CG as StepExecutionEventStatus,Te as UI_ID,wG as WalletEvents,IG as WalletTypes,wf as Widget,ai as WidgetProvider,Mn as WidgetWallets,Qi as customizedThemeTokens,xG as readAccountAddress,lr as useWallets,xf as useWidget,TG as useWidgetEvents};
|
|
1
|
+
var bf=Object.defineProperty;var i=(t,e)=>bf(t,"name",{value:e,configurable:!0});import{EventSeverity as fG,MainEvents as gG,RouteEventType as hG,StepEventType as yG,StepExecutionBlockedEventStatus as SG,StepExecutionEventStatus as CG,useEvents as TG}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as xG,useWallets as lr,Events as wG}from"@rango-dev/wallets-react";import{Networks as bG,WalletTypes as IG}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as AG}from"rango-types";import{UI_ID as If}from"@rango-dev/ui";var gn="c6381a79-2817-4602-83bf-6a641a409e32",Ga="https://api.rango.exchange",Va="https://explorer.rango.exchange",Te={SWAP_BOX_ID:"rango-swap-box",EXPANDED_BOX_ID:"rango-expanded-box",...If};import{Events as wi,Provider as yg}from"@rango-dev/wallets-react";import{isEvmBlockchain as Sg}from"rango-sdk";import Nn,{createContext as Cg,useEffect as Fl,useMemo as Tg,useRef as Ol}from"react";import{useEffect as zf}from"react";import{create as Ff}from"zustand";import{subscribeWithSelector as Of}from"zustand/middleware";import{RangoClient as $f}from"rango-sdk";import{WalletState as pt}from"@rango-dev/ui";import{readAccountAddress as Nf}from"@rango-dev/wallets-react";import{detectInstallLink as Wf,getCosmosExperimentalChainInfo as Mf,isEvmAddress as Lf,KEPLR_COMPATIBLE_WALLETS as Zx,Networks as Ya}from"@rango-dev/wallets-shared";import pi from"bignumber.js";import{isCosmosBlockchain as Bf}from"rango-types";import Ef from"bignumber.js";var Me=new Ef(0);import{WalletTypes as Af}from"@rango-dev/wallets-shared";var ja=[Af.LEAP];import{BigNumber as Ka}from"bignumber.js";var Io=i(t=>{let e=Math.floor(t%60/15)*15,o=parseInt((t/60).toString());return o>=60?`${Math.floor(o/5)*5}:00`:`${o.toString().padStart(2,"0")}:${e.toString().padStart(2,"0")}`},"roundedSecondsToString"),W=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new 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 hn=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var lt=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Eo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function pe(t){return W(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(pe,"formatTooltipNumbers");function ci(t){switch(!0){case t.connected:return pt.CONNECTED;case t.connecting:return pt.CONNECTING;case!t.installed:return pt.NOT_INSTALLED;default:return pt.DISCONNECTED}}i(ci,"mapStatusToWalletState");function Za(t,e,o,n){return o.filter(r=>!ja.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:Wf(l),state:c,type:r,showOnMobile:p}})}i(Za,"mapWalletTypesToWalletInfo");function Cn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Cn,"walletAndSupportedChainsNames");function Ja(t,e,o,n,r){let s=[];function a(p,c){if(!!!s.find(d=>d.chain===p)){let d={address:c,chain:p,walletType:t};s.push(d)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:c,network:u}=Nf(p),d=l.length>0,m=l.includes(u),f=u===Ya.Unknown;if(d&&!m&&!f)return;let S=u===Ya.Unknown&&Lf(c);if(f&&!S)return;o.includes(u)||S?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 Gt(t){let{filter:e,quote:o}=t,n=new Set;return o?.swaps.forEach((r,s)=>{let a=r.from.blockchain,l=r.to.blockchain;if(n.add(a),r.internalSwaps){let{internalSwaps:p}=r;p.forEach((c,u)=>{let d=c.from.blockchain,m=c.to.blockchain,f=s===o.swaps.length-1,g=u===p.length-1;(!f&&!g||f&&l!==d||e==="all")&&n.add(d),e==="all"&&n.add(m)})}e==="all"&&n.add(l)}),Array.from(n)}i(Gt,"getQuoteWallets");function Tn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(Tn,"isAccountAndWalletMatched");function Ra(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:Pf(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Ra,"makeBalanceFor");function el(t){return{...t,loading:!1,error:!0}}i(el,"resetConnectedWalletState");var tl=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=W(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new pi(s?.amount||Me).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Me)||Me).toString();return _f(r)},"calculateWalletUsdValue");function _f(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(_f,"numberWithThousandSeparator");var Pf=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),kn=i((t,e)=>{let o=Mf(Object.entries(t).map(([,n])=>n).filter(Bf));return o&&o[e]?.experimental},"isExperimentalChain");function xn(t){return t?{...t,amount:W(t.amount,8,8),usdValue:W(t.usdValue,4,4)}:null}i(xn,"formatBalance");function ol(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(ol,"compareTokenBalance");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Le,"areTokensEqual");function nl(t){return t.sort((e,o)=>+(o.state===pt.CONNECTED)-+(e.state===pt.CONNECTED)||+(o.state===pt.DISCONNECTED||o.state===pt.CONNECTING)-+(e.state===pt.DISCONNECTED||e.state===pt.CONNECTING))}i(nl,"sortWalletsBasedOnConnectionState");function wn(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}i(wn,"getConciseAddress");function rl({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(rl,"getAddress");function ui(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(ui,"createTokenHash");function vn(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(vn,"makeTokensBalance");var il=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function sl(t){return t.map(e=>e.state).join("-")}i(sl,"hashWalletsState");var mi={API_KEY:gn};function ht(t){return mi[t]||""}i(ht,"getConfig");function al(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),mi=e,mi}i(al,"initConfig");var ll=20,pl=25,cl="Roboto",di="theme-widget",Ao=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"),ul=i((t,e,o)=>o==="expanded"&&(t||e)||o==="full-expanded"&&e,"isVariantExpandable");var bn,Lt=i(()=>bn||(bn=new $f(ht("API_KEY"),ht("BASE_URL")),bn),"httpService");var Df=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=Df;var J=Bt(Ff()(Of((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:vn(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=>Tn(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 f=o.find(S=>Tn(S,m)),g=p.find(S=>S.address===m.address&&S.blockChain===m.chain);return g?.failed&&f&&r&&s([f],n,!1),f&&g?{...m,explorerUrl:g.explorerUrl,balances:Ra(g,n),loading:!1}:m});return{loading:!1,balances:vn(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(d=>Tn(d,u))?el(u):u);return{loading:!1,balances:vn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=ui(o);return n[r]??null}}))));import{allProviders as Uf}from"@rango-dev/provider-all";function In(t,e){let o=Uf({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""},selectedProviders:t});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(In,"matchAndGenerateProviders");function ml(t,e){return In(t,e).map(r=>r.config.type)}i(ml,"configWalletsToWalletName");function dl(t,e){let o=J.use.clearConnectedWallet(),n=In(t,{walletConnectProjectId:e?.walletConnectProjectId});return zf(()=>{o(),n=In(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(dl,"useWalletProviders");import cg,{createContext as ug,useContext as mg,useEffect as dg,useRef as fg}from"react";import{create as lg}from"zustand";import{persist as pg}from"zustand/middleware";var gi={apiKey:"",title:void 0,multiWallets:!0,excludeLiquiditySources:!0,customDestination:!0,variant:"default"},qf={clientUrl:void 0},Qf={liquiditySources:void 0},fl=i((t,e,o)=>({config:{...gi,...t},iframe:qf,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 En(t){return Array.from(new Set(t))}i(En,"removeDuplicateFrom");function Si(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Si,"areEqual");function Tl(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Tl,"debounce");function yt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(yt,"containsText");function yl(t,e){return t.toLowerCase()===e.toLowerCase()}i(yl,"exactText");function Sl(t,e){return t.toLowerCase().startsWith(e.toLowerCase())}i(Sl,"startWithText");var L=i(()=>document.getElementById(Te.SWAP_BOX_ID),"getContainer"),No=i(()=>document.getElementById(Te.EXPANDED_BOX_ID),"getExpanded");function Cl(t,e,o){let n=!!e&&yl(e,t),r=!!o&&yl(o,t);return n!==r?n?-1:1:0}i(Cl,"compareExactMatchText");function hi(t,e,o){let n=!!e&&yt(e,t),r=!!o&&yt(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(hi,"compareContainsText");function yi(t,e,o){let n=!!e&&Sl(e,t),r=!!o&&Sl(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(yi,"compareStartWithText");function kl(t,e,o){if(!o)return 0;let n=Cl(o,t.symbol,e.symbol);if(n)return n;if(o.length>=3){let r=Cl(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(kl,"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 An(t,e){let o=t.map(s=>s.swapperGroup),n=[];return En(t.map(s=>s.swapperGroup)).map(s=>{let a=t.find(l=>l.swapperGroup===s);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}i(An,"getUniqueSwappersGroups");function 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 vl(t,e){return e?.[t]==="enabled"}i(vl,"isFeatureEnabled");var bl=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&&Ao(c,a)||o.blockchain&&c.blockchain!==o.blockchain||!l.some(u=>u.name===c.blockchain)?!1:o.searchFor?!!(yt(c.symbol,o.searchFor)||yt(c.address||"",o.searchFor)||yt(c.name||"",o.searchFor)):!0).sort((c,u)=>{let d=e().isTokenPinned(c,o.type),m=e().isTokenPinned(u,o.type);if(d!==m)return d?-1:1;if(o.getBalanceFor){let y=o.getBalanceFor(c),k=o.getBalanceFor(u),T=ol(y,k);if(T!==0)return T}let f=r.get(c.blockchain),g=r.get(u.blockchain),S=ki(c,f),C=ki(u,g);if(S!==C)return S?-1:1;if(c.isPopular!==u.isPopular)return c.isPopular?-1:1;if(o.searchFor){let y=kl(c,u,o.searchFor);if(y)return y}return c.isSecondaryCoin!==u.isSecondaryCoin?c.isSecondaryCoin?1:-1:f&&g?f.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 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,d)=>u.sort-d.sort).forEach(u=>{u.enabled&&p.has(u.name)&&r.set(u.name,u)}),t({_blockchainsMapByName:r,_tokens:s,_popularTokens:a,_swappers:l})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{Chinese as jf,English as Xf,Finland as Kf,French as Yf,German as Zf,Greece as Jf,Italian as Rf,Japanese as eg,Netherlands as tg,Poland as og,Portuguese as ng,Russian as rg,Spanish as ig,Swedish as sg,Ukrainian as ag}from"@rango-dev/ui";var Il=[{title:"English",label:"English",local:"en",SVGFlag:Xf},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:ig},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Yf},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:eg},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:ng},{title:"Chinese",label:"\u4E2D\u56FD\u4EBA",local:"zh",SVGFlag:jf},{title:"Russian",label:"\u0420\u0443\u0441\u0441\u043A\u0438\u0439",local:"ru",SVGFlag:rg},{title:"German",label:"Deutsch",local:"de",SVGFlag:Zf},{title:"Ukrainian",label:"\u0423\u043A\u0440\u0430\u0457\u043D\u0456",local:"uk",SVGFlag:ag},{title:"Swedish",label:"svenska",local:"sv",SVGFlag:sg},{title:"Finnish",label:"Suomalainen",local:"fi",SVGFlag:Kf},{title:"Dutch",label:"Nederlands",local:"nl",SVGFlag:tg},{title:"Greek",label:"Grieks",local:"el",SVGFlag:Jf},{title:"Italian",label:"Italiana",local:"it",SVGFlag:Rf},{title:"Polish",label:"Polski",local:"pl",SVGFlag:og}],Mo="en";var El=[.5,1,3],Al=1,Nl=5,Wl=100,Ml=0;var Ll=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:Al,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=En(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||Mo},...l&&{disabledLiquiditySources:o.liquiditySources||[]}})}}),"createSettingsSlice");function Bl(t){return lg()(pg((...e)=>({...bl(...e),...Ll(...e),...fl(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(Bl,"createAppStore");var _l=ug(null);function h(){let t=mg(_l);if(dg(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(h,"useAppStore");function Pl(t){let e=fg();return e.current||(e.current=Bl(t.config)),cg.createElement(_l.Provider,{value:e.current},t.children)}i(Pl,"AppStoreProvider");import{create as hg}from"zustand";var $l="rango-widget";var Lo=class{static{i(this,"TabManager")}tabId;state="not-initiated";lastTryClaim;events={};channel;constructor(e){this.channel=new BroadcastChannel($l),this.tabId=Math.trunc(Math.random()*1e5),this.events=e}init=()=>{this.initEvents(),this.tryClaim()};forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};isClaimed=()=>this.state==="claimed";destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};initEvents(){this.channel.addEventListener("message",this.handleMessageEvent),document.addEventListener("visibilitychange",this.handleVisibilityChange),document.addEventListener("resume",this.handleResume)}claimedByCurrentTab(e){let o=this.lastTryClaim&&this.lastTryClaim<e;if(this.isClaimed()||o){let n={name:"pong"};this.channel.postMessage(n);return}}handleMessageEvent=e=>{let o=e.data.name;switch(o){case"ping":this.claimedByCurrentTab(e.data.pingAt);break;case"pong":this.alreadyClaimedByAnotherTab();break;case"force-claim":this.forceRelease(e.data.candidateId);break;case"force-release":this.tabId===e.data.candidateId&&this.claim();break;default:throw new Error(`${o} is not supported.`)}};handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};alreadyClaimedByAnotherTab(){this.resetLastCheck()}async tryClaim(){return this.setLastCheck(),new Promise(e=>{setTimeout(()=>{this.check(),e()},300)})}check(){this.state==="not-initiated"&&this.events.onInit?.(),this.lastTryClaim?(this.claim(),this.resetLastCheck()):this.state="not-claimed"}claim(){this.state="claimed",this.events.onClaim?.()}setLastCheck(){this.lastTryClaim=Date.now();let e={name:"ping",pingAt:this.lastTryClaim};this.channel.postMessage(e)}resetLastCheck(){this.lastTryClaim=void 0}forceRelease(e){if(this.isClaimed()){this.state="not-claimed",this.events.onRelease?.();let o={name:"force-release",candidateId:e};this.channel.postMessage(o)}}};var oe=Bt(hg()((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 Lo({onInit:()=>oe.setState({tabManagerInitiated:!0}),onClaim:()=>oe.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>oe.setState({isActiveTab:!1})});var Wn=Cg({onConnectWallet:()=>{},onDisconnectWallet:()=>{}});function kg(t){let{updateConfig:e,updateSettings:o,fetch:n}=h(),r=h().blockchains(),s=h().tokens(),a=h().config,l={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:p}=dl(a.wallets,l),{connectWallet:c,disconnectWallet:u}=J(),d=Ol(),m=Ol();Fl(()=>{n().catch(console.log)},[]),Fl(()=>{t.config&&(e(t.config),o(t.config),window.__rango={config:a,dappConfig:t.config})},[t.config]);let f=r.filter(Sg).map(y=>y.name),g=i((y,k,T,x,I)=>{if(k===wi.ACCOUNTS)if(T){let b=Cn(I.supportedBlockchains),v=Ja(y,T,f,b,I.isContractWallet);v.length&&c(v,s)}else u(y),m.current?m.current(y):console.warn("onDisconnectWallet handler hasn't been set. Are you sure?");if(k===wi.ACCOUNTS&&x.connected){let b=`${y}-${x.network}-${T}`;x.connected&&(d.current?d.current(b):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(k===wi.NETWORK&&x.network){let b=`${y}-${x.network}`;d.current?d.current(b):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(y,k,T,x,I)},"onUpdateState"),S=oe.use.isActiveTab(),C=Tg(()=>({onConnectWallet:y=>{d.current=y},onDisconnectWallet:y=>{m.current=y}}),[]);return Nn.createElement(Wn.Provider,{value:C},Nn.createElement(yg,{allBlockChains:r,providers:p,onUpdateState:g,autoConnect:!!S},t.children))}i(kg,"Main");function Mn(t){let{config:e,...o}=t;return Nn.createElement(Pl,{config:e},Nn.createElement(kg,{...o,config:e}))}i(Mn,"WidgetWallets");import li from"react";import xg,{Fragment as wg}from"react";import{MemoryRouter as vg,useInRouterContext as bg}from"react-router";function Ul({children:t}){let o=bg()?wg:vg;return xg.createElement(o,null,t)}i(Ul,"AppRouter");import{I18nManager as yx}from"@rango-dev/ui";import za from"react";import ze from"react";import{useRoutes as nx}from"react-router-dom";var z={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 Ct from"bignumber.js";import{create as Ng}from"zustand";import{subscribeWithSelector as Wg}from"zustand/middleware";import{getLastSuccessfulStep as Ag}from"@rango-dev/queue-manager-rango-preset";import bb from"bignumber.js";import{i18n as Bo}from"@lingui/core";var vi={"Network Fee":Bo.t("Network Fee"),"Swapper Fee":Bo.t("Protocol Fee"),"Affiliate Fee":Bo.t("Affiliate Fee"),"Outbound network fee":Bo.t("Outbound Fee"),"Rango Fee":Bo.t("Rango Fee")},bi=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"],zl=30;import{i18n as et}from"@lingui/core";import Be from"bignumber.js";import{PendingSwapNetworkStatus as _n}from"rango-types";function Ln(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(Ln,"isValidAddress");import{i18n as Ee}from"@lingui/core";var R=i(()=>({genericServerError:Ee.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Ee.t("Please reset your liquidity sources."),description:Ee.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:Ee.t("No Routes Found."),description:Ee.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:Ee.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:Ee.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:Ee.t("High Price Impact"),title:Ee.t("Price impact is too high!"),description:Ee.t("The price impact is significantly higher than the allowed amount."),confirmMessage:Ee.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:Ee.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Ee.t("USD Price Unknown"),title:Ee.t("USD Price Unknown, Cannot calculate Price Impact."),description:Ee.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Ee.t("Confirm USD Price Unknown")}}),"errorMessages");function ql(t){switch(t.type){case 0:return t.diagnosisMessage??R().noResultError.title;case 1:return R().genericServerError;default:return""}}i(ql,"getQuoteErrorMessage");import{i18n as Bn}from"@lingui/core";var jt=i(()=>({connectWallet:Bn.t("Connect Wallet"),swap:Bn.t("Swap"),swapAnyway:Bn.t("Swap anyway"),ethWarning:Bn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Ql(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(Ql,"hasHighValueLoss");function Hl(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(Hl,"hasLimitError");function Gl(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=et.t({id:"Required: >= {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=R().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=et.t({id:"Required: > {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=R().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=et.t({id:"Required: <= {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=R().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=et.t({id:"Required: < {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=R().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Gl,"getLimitErrorMessage");function Vl(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(Vl,"getSwapButtonState");function Ii(t,e,o){return!((!o||o.lte(Me))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(Ii,"canComputePriceImpact");var Ig=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=Ig(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 Pn(t,e){return t.reduce((o,n)=>o.plus(Ei(n,e)),Me)}i(Pn,"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 Xl(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(Xl,"getFeesGroup");function Kl(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(Kl,"checkSlippageErrors");function Yl(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(Yl,"checkSlippageWarnings");function $n(t){return t.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i($n,"getMinRequiredSlippage");function Zl(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Zl,"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:d,affiliateWallets:m,destination:f,enableCentralizedSwappers:g}=t,S=s?.reduce((k,T)=>(k[T.chain]=T.address,k),{}),C=[];return r?.forEach(k=>{C.push({blockchain:k.chain,addresses:[k.address]})}),{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:d??void 0,affiliateWallets:m??void 0,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:C,selectedWallets:S??{},slippage:c.toString(),...f&&{destination:f},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(k=>!a.includes(k)),swappersGroupsExclude:!1},enableCentralizedSwappers:g}}i(Jl,"createQuoteRequestBody");function Rl(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Rl,"getWalletsForNewSwap");function ro(t){return t?.outputAmount||null}i(ro,"getQuoteOutputAmount");function ep(t,e){return new Be(e).div(new Be(t)).minus(1).multipliedBy(100).toNumber()}i(ep,"getPercentageChange");function tp(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(tp,"isOutputAmountChangedALot");function op(t,e,o){let n=t.validationStatus,r=Gt({filter:"required",quote:t});return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>lp(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=W(new Be(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=W(new Be(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=et.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=et.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=et.t(" for input and network fee")),et.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(op,"generateBalanceWarnings");function Dn(t,e){return(t?new Be(t):Me).multipliedBy(e||0)}i(Dn,"calcOutputUsdValue");function _o(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==_n.NetworkChanged}i(_o,"isNetworkStatusInWarningState");function np(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),_o(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case _n.WaitingForConnectingWallet:n=n||et.t("Waiting for connecting wallet");break;case _n.WaitingForQueue:n=n||et.t("Waiting for other running tasks to be finished");break;case _n.WaitingForNetworkChange:n=n||et.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(np,"getSwapMessages");function rp(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(rp,"getLastConvertedTokenInFailedSwap");function ip(t){return t.status==="failed"}i(ip,"shouldRetrySwap");function sp(t,e,o,n,r,s){if(!n||t)return!0;let a=Gt({filter:"all",quote:n}),l=Gt({filter:"required",quote:n}),p=a.every(d=>r.some(m=>m.chain===d)),c=l.every(d=>r.some(m=>m.chain===d)),u=o&&s?Ln(s,o):!1;return!e&&!p||e&&!o||e&&!!o&&(!u||!c)}i(sp,"isConfirmSwapDisabled");function ap(t,e){return t.blockchain===e.blockchain&&t.symbol===e.symbol&&t.address===e.address}i(ap,"isTokensIdentical");function On(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(On,"getQuoteToTokenUsdPrice");function Ni(t,e){let o=t?.swaps||[],n=e?.swaps||[];return o.length!==n.length}i(Ni,"isNumberOfSwapsChanged");function Wi(t,e){let o=t?.swaps.map(r=>r.swapperId)||[],n=e?.swaps.map(r=>r.swapperId)||[];return!Si(o,n)}i(Wi,"isQuoteSwappersUpdated");function 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 cp(t,e){return Ni(t,e)||Wi(t,e)||Mi(t,e)}i(cp,"isQuoteChanged");function lp(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(lp,"getRequiredBalanceOfWallet");function St(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(St,"getPriceImpactLevel");function up(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Ag(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Ti(s?s.toBlockchain:n.fromBlockchain,e),p=Ti(r.toBlockchain,e),c=Ci(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=Ci(a,o),d=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:d}}i(up,"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&&Ql(a,u)){let m=Pn(t?.swaps,r),f=St(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:m,warningLevel:f}}}else if(t&&(!a||!l))return{type:1};let p=$n(t.swaps),c=s>Nl;if(Zl(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:Yl(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:ep(t.toString(),e.toString());return n&&n<0?n:null}i(Xe,"getPriceImpact");var mp=i(t=>{let e=new Set,o=[];return t.forEach(n=>{e.has(n.from.chain.displayName)||(e.add(n.from.chain.displayName),o.push(n.from.chain)),e.has(n.to.chain.displayName)||(e.add(n.to.chain.displayName),o.push(n.to.chain))}),o},"getUniqueBlockchains"),Un=i((t,e)=>e.sort((o,n)=>{let r=i(c=>c.scores?.find(u=>u.preferenceType===t)?.score??0,"getScore"),s=r(o),a=r(n);if(s!==a)return a-s;let l=o.requestId.toLowerCase(),p=n.requestId.toLowerCase();return l.localeCompare(p)}),"sortQuotesBy"),dp=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"),fp=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 Ct(e||Me).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),V=Bt(Ng()(Wg(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Ct(0),outputUsdValue:new Ct(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 Eo(o.inputAmount)?(e&&(n=e?.outputAmount?new Ct(e?.outputAmount):null,r=Dn(e?.outputAmount,On(e)||o.toToken?.usdPrice)),{selectedQuote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetAlerts:()=>t(()=>({error:null,warning:null})),resetQuote:()=>t(()=>({selectedQuote:null,outputAmount:null,outputUsdValue:new Ct(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 Ct(0),outputUsdValue:new Ct(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}=up(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:Xt(a??null,c),outputUsdValue:new Ct(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?Xt(e.toToken,e.outputAmount?.toString()||""):new Ct(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 gp(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=V(),c=h().config,u=h().fetchStatus,d=h().blockchains(),m=h().tokens(),{setAffiliateRef:f,setAffiliatePercent:g,setAffiliateWallets:S}=h(),C=c?.from?.tokens,y=c?.from?.blockchains,k=c?.to?.tokens,T=c?.to?.blockchains,x=zn(void 0),I=zn(void 0),b=zn(void 0),v=zn(void 0);so(()=>{t(c?.amount?.toString()||"")},[c?.amount]),so(()=>{if(u==="success"){let w=d.find(E=>E.name===c?.from?.blockchain),N=m.find(E=>Le(E,c?.from?.token||null));(w||!w&&b.current)&&n(w??null),N?r({token:N,meta:{blockchains:d,tokens:m}}):!N&&x.current&&r({token:null}),b.current=c?.from?.blockchain,x.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),so(()=>{Ao(s,C)&&r({token:null}),fi(l,y)&&n(null)},[C,y]),so(()=>{Ao(a,k)&&r({token:null}),fi(p,T)&&o(null)},[k,T]),so(()=>{if(u==="success"){let w=d.find(E=>E.name===c?.to?.blockchain),N=m.find(E=>Le(E,c?.to?.token||null));(w||!w&&v.current)&&o(w??null),N?e({token:N,meta:{blockchains:d,tokens:m}}):!N&&I.current&&e({token:null}),v.current=c?.to?.blockchain,I.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),so(()=>{f(c?.affiliate?.ref??null),g(c?.affiliate?.percent??null),S(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(gp,"useSyncStoresWithConfig");import{useEffect as _i,useRef as Mg}from"react";import{useInRouterContext as Lg,useLocation as Bg,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=Bg(),[e,o]=_g(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:d,setInputAmount:m}=V(),f=h().fetchStatus,g=h().blockchains(),S=h().tokens(),C=Lg(),{updateIframe:y,updateCampaignMode:k}=h(),T=h().isInCampaignMode(),x=Mg(),I=i(()=>{let v={};for(let[Z,ee]of e.entries())Z.startsWith("utm_")&&(v[Z]=ee);let w=e.get("fromAmount"),N=e.get("fromBlockchain"),E=e.get("fromToken"),D=e.get("toBlockchain"),U=e.get("toToken"),Q=e.get("autoConnect"),A=e.get("clientUrl"),K=e.get("liquiditySources");return{fromAmount:w,fromBlockchain:N,fromToken:E,toBlockchain:D,toToken:U,autoConnect:Q,clientUrl:A,liquiditySources:K,utmQueryParams:v}},"getUrlSearchParams"),b=i(v=>{for(let w in v)v[w]||delete v[w];o(v,{replace:!0})},"updateUrlSearchParams");_i(()=>{let{autoConnect:v,clientUrl:w,utmQueryParams:N}=I();C&&f==="success"&&b({fromBlockchain:n?.name,fromToken:Bi(s),toBlockchain:r?.name,toToken:Bi(a),fromAmount:l,autoConnect:v??void 0,clientUrl:w??void 0,liquiditySources:T?x.current:void 0,...N})},[t.pathname,l,n,s,r,a,T]),_i(()=>{if(!C)return;let v=I();if(!x.current&&v.liquiditySources&&(x.current=v.liquiditySources),v.fromAmount&&m(v.fromAmount),f==="success"){let w=g.find(U=>U.name===v.fromBlockchain),N=Li(S,v.fromToken,w??null),E=g.find(U=>U.name===v.toBlockchain),D=Li(S,v.toToken,E??null);w&&(p(w),N&&u({token:N,meta:{blockchains:g,tokens:S}})),E&&(c(E),D&&d({token:D,meta:{blockchains:g,tokens:S}}))}},[f]),_i(()=>{let{clientUrl:v,liquiditySources:w}=I();y("clientUrl",v||void 0),k("liquiditySources",w?.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 Yu,Button as DS,css as _s,Divider as Bs,IconButton as Zu,styled as FS,Typography as OS,WalletIcon as US}from"@rango-dev/ui";import Se,{useEffect as Wr,useLayoutEffect as zS,useRef as qS,useState as Zo}from"react";import{useLocation as QS,useNavigate as HS}from"react-router-dom";import{i18n as mt}from"@lingui/core";import{Alert as us,BalanceErrors as vy,Button as Wc,ChevronDownIcon as by,ChevronLeftIcon as Iy,Divider as go,MessageBox as Ey,Typography as pr,WalletIcon as Ay}from"@rango-dev/ui";import $,{useEffect as Ny,useState as ho}from"react";import{useNavigate as Wy}from"react-router-dom";import{i18n as qn}from"@lingui/core";function Qn(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(Qn,"getQuoteUpdateWarningMessage");import{Modal as $g}from"@rango-dev/ui";import Dg from"react";function ae(t){let{watermark:e}=oe();return Dg.createElement($g,{hasWatermark:e==="FULL",...t},t.children)}i(ae,"WatermarkedModal");import jn,{useRef as Ug}from"react";import*as ao from"@radix-ui/react-collapsible";import{keyframes as yp,styled as Hn}from"@rango-dev/ui";var $i=300,Fg=yp({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Og=yp({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Sp=Hn(ao.Root,{borderRadius:"$sm",overflow:"hidden",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Di=Hn(ao.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),Gn=Hn(ao.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Fg} ${$i}ms ease-out`},false:{animation:`${Og} ${$i}ms ease-out`}}}}),Vn=Hn("div",{transition:`all ${$i}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Xn(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=Ug(null);return jn.createElement(Sp,{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(Gn,{className:"collapsible_content",open:e},r),l==="bottom"&&jn.createElement(Di,{className:"collapsible_trigger",onClick:s},a))}i(Xn,"CustomCollapsible");import{css as Cp,darkTheme as lo,IconButton as zg,styled as Ke,TextField as qg}from"@rango-dev/ui";var Tp=Ke("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),kp=Ke("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Qg=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(Qg,{alignSelf:"stretch",minHeight:"93px"}),wp=Ke("div",{padding:"$20 $20 $15 $20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),vp=Ke(zg,{position:"absolute",left:"$20"}),bp=Ke("div",{paddingTop:"$20"}),Ip=Cp({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ep=Ke("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral100"}}),Ap=Cp({paddingTop:"$5"}),Np=Ke("div",{display:"flex"}),Wp=Ke(qg,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Mp=Ke("div",{overflow:"visible",width:"100%"}),Lp=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 tt}from"@lingui/core";import{Button as Ty,Divider as ps,Image as ky,MessageBox as ar,SelectableWallet as xy,Typography as Ec,WalletState as Ac}from"@rango-dev/ui";import ue,{useEffect as Nc,useState as Oo}from"react";import{WalletState as Kn}from"@rango-dev/ui";import{useWallets as Hg}from"@rango-dev/wallets-react";import{detectMobileScreens as Gg,KEPLR_COMPATIBLE_WALLETS as Vg,WalletTypes as Po}from"@rango-dev/wallets-shared";import{useCallback as jg,useEffect as Xg,useState as Kg}from"react";var Yg=Object.values(Po);function po(t){let{chain:e,onBeforeConnect:o,onConnect:n}=t,{config:r}=h(),{state:s,disconnect:a,getWalletInfo:l,connect:p}=Hg(),{connectedWallets:c}=J(),u=h().blockchains(),d=ml(r?.wallets,{walletConnectProjectId:r?.walletConnectProjectId})||Yg,m=Za(s,l,d,e);m=Gg()?m.filter(I=>I.showOnMobile||s(I.type).installed):m;let f=nl(m),[g,S]=Kg(""),C=i(I=>!c.find(b=>b.walletType===I&&b.chain===e),"isExperimentalChainNotAdded"),y=i(async I=>{let b=s(I);try{if(g&&S(""),b.connected)await a(I);else{let v=!!m.find(w=>w.state===Kn.CONNECTED);if(!r?.multiWallets&&v)return;o?.(I),await p(I),n?.(I)}}catch(v){S("Error: "+v?.message)}},"handleClick"),k=jg(()=>{let I=m?.filter(b=>b.state===Kn.CONNECTING)||[];for(let b of I)a(b.type)},[sl(m)]);Xg(()=>()=>{k()},[]);let T=i(I=>{let b=I.find(w=>w.type===Po.DEFAULT);return!b||b.state===Kn.NOT_INSTALLED?!1:I.filter(w=>w.state!=Kn.NOT_INSTALLED&&![Po.DEFAULT,Po.WALLET_CONNECT_2].includes(w.type)&&l(w.type).supportedChains.filter(N=>N.type=="EVM").length>0).length==0},"shouldShowDefaultInjectedWallet"),x=i((I,b,v)=>kn(v,b)&&C(I)&&!Vg.includes(I)||I==Po.DEFAULT&&!T(m),"shouldExcludeWallet");return{list:f.filter(I=>!x(I.type,e??"",u)),error:g,handleClick:y,disconnectConnectingWallets:k}}i(po,"useWalletList");import{i18n as Tc}from"@lingui/core";import{styled as xc,Typography as dy,Wallet as fy,WalletState as gy}from"@rango-dev/ui";import fo,{useState as kc}from"react";import{useManager as oy}from"@rango-dev/queue-manager-react";import{BottomLogo as ny,Divider as dc,Header as ry}from"@rango-dev/ui";import fe,{useEffect as rs,useRef as fc,useState as iy}from"react";import{useRef as Zg}from"react";function Yn(){return window.self!==window.top}i(Yn,"isAppLoadedIntoIframe");function Fi(){let t=Zg(null),{iframe:e}=h(),o=Yn()&&e.clientUrl,n=i(a=>{o&&window.top?.postMessage(a,e.clientUrl)},"send");return{send:n,connectHeightObserver:i(a=>{t.current=new ResizeObserver(l=>{for(let p of l)n({type:"widget_height",data:{height:p.contentRect.height}})}),t.current.observe(a)},"connectHeightObserver"),disconnectHeightObserver:i(()=>{t.current&&(t.current.disconnect(),t.current=null)},"disconnectHeightObserver")}}i(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 rh,lightTheme as ih}from"@rango-dev/ui";import{useEffect as sh,useState as ah}from"react";import{theme as oh,darkColors as nh}from"@rango-dev/ui";import qi from"react";function Rg(t,e,o){let p=[],c=90;for(let m=0;m<9;m++)p.push(c),m+1===4?c=0:c-=m>=4?6:10;let u=o?p.slice().reverse():p,d={};for(let m=0;m<9;m++){let f=100+m*100,g=u[m],S={[`${e}${f}`]:Zn(t,g)};Object.assign(d,S)}return{...d,[e]:t}}i(Rg,"generateShades");function Zn(t,e){let[o,n,r]=Bp(t);return`#${Oi(o+e)}${Oi(n+e)}${Oi(r+e)}`}i(Zn,"generateShade");function Bp(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(Bp,"convertToRGB");function Oi(t){return("0"+Math.max(0,Math.min(255,t)).toString(16)).slice(-2).toUpperCase()}i(Oi,"clamp");function _p(t){let[a,l,p]=Bp(t);return(a*299+l*587+p*114)/1e3>188}i(_p,"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,...Rg(a,s,s==="neutral"&&e)})}return n?r:{}},"generateColors");var Pp=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),eh=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Pp(o%52)+e;return Pp(o%52)+e},"toAlphabeticName"),th=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),zi=i(t=>eh(th(5381,JSON.stringify(t))>>>0),"toHash");function Qi(t){let e=oh.colors,o=Ui({...e,...nh},!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-${zi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${di}-dark-${zi(p)}`,tokens:p}}return{light:a,dark:l}}i(Qi,"customizedThemeTokens");function $p(t,e){if(t.length<=1)return t.map(({element:n,key:r})=>qi.cloneElement(n,{key:r}));let o=[];return t.forEach((n,r)=>{let{element:s,key:a}=n;if(o.push(qi.cloneElement(s,{key:a})),r<t.length-1){let l=`divider-${r}`;o.push(qi.cloneElement(e,{key:l}))}}),o}i($p,"joinList");function Jn(t){let{colors:e,fontFamily:o=cl,borderRadius:n=ll,secondaryBorderRadius:r=pl}=t,[s,a]=ah("light"),{theme:l}=h(),{dark:p,light:c}=Qi(e),u=Hi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[u.className,ih.className],m=[u.className,rh.className];if(c){let g=Hi(c.id,c.tokens);d.push(g.className)}if(p){let g=Hi(p.id,p.tokens);m.push(g.className)}return sh(()=>{let g=i(S=>{S.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=d.join(" "),S=m.join(" ");return l==="auto"?s==="dark"?S:g:l==="dark"?S:g},"getActiveTheme")}}i(Jn,"useTheme");var ct=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 Dp}from"@lingui/core";import{Alert as lh,Button as ph}from"@rango-dev/ui";import Fp from"react";function Gi(t){return Fp.createElement(lh,{action:Fp.createElement(ph,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},Dp.t("Activate this tab")),type:"warning",variant:"alarm",title:Dp.t("Another tab is open and handles transactions.")})}i(Gi,"ActivateTabAlert");import{i18n as Vi}from"@lingui/core";import{Button as ch,Divider as uh,MessageBox as mh}from"@rango-dev/ui";import Rn from"react";function ji(t){let{open:e,onClose:o,onConfirm:n}=t;return Rn.createElement(ae,{open:e,dismissible:!0,onClose:o,container:L()},Rn.createElement(mh,{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.")},Rn.createElement(uh,{size:20}),Rn.createElement(ch,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Vi.t("Confirm"))))}i(ji,"ActivateTabModal");import{ChevronLeftIcon as gh}from"@rango-dev/ui";import Vp from"react";import{css as dh,darkTheme as Op,IconButton as fh,styled as Kt}from"@rango-dev/ui";var ut=Kt(fh,{width:"$24",position:"relative",padding:"0",overflow:"unset","&:hover":{backgroundColor:"$info100",[`.${Op} &`]:{backgroundColor:"$neutral"}}}),Up=Kt("div",{position:"absolute",background:"$secondary500",[`.${Op} &`]:{$$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"}}}}),Qp=Kt("div",{position:"absolute",right:"$4",top:"$4",backgroundColor:"$background",borderRadius:"100%"}),Hp=dh({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}),Gp=Kt("div",{borderRadius:"100%",border:"1.5px transparent solid","&:not(:first-child)":{marginLeft:"-$6"},img:{borderRadius:"100%"}});function Xi(t){return Vp.createElement(ut,{variant:"ghost",size:"small",onClick:t.onClick},Vp.createElement(gh,{color:"black",size:16}))}i(Xi,"BackButton");import{i18n as hh}from"@lingui/core";import{Button as yh,Typography as Sh}from"@rango-dev/ui";import Ki from"react";function Yi(t){return Ki.createElement(co,null,Ki.createElement(yh,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Ki.createElement(Sh,{variant:"label",size:"medium",color:"error500"},hh.t("Cancel"))))}i(Yi,"CancelButton");import{i18n as Ch}from"@lingui/core";import{Image as Th,Tooltip as kh,WalletIcon as xh}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:Hp()},o.map(r=>Yt.createElement(Gp,{key:r.title},Yt.createElement(Th,{src:r.image,size:14})))):Ch.t("Connect Wallet");return Yt.createElement(kh,{container:t.container,side:"bottom",content:n},Yt.createElement(ut,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Yt.createElement(Up,null),Yt.createElement(xh,{size:18,color:"black"})))}i(Zi,"WalletButton");import{i18n as or}from"@lingui/core";import{NotificationsIcon as jh,Popover as Xh,SettingsIcon as Kh,Tooltip as nr,TransactionIcon as Yh}from"@rango-dev/ui";import we from"react";import{i18n as Lh}from"@lingui/core";import{EventSeverity as Rp}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as ec,ChevronRightIcon as Bh,Divider as _h,Typography as Ph}from"@rango-dev/ui";import Oe from"react";import{useNavigate as $h}from"react-router-dom";import{create as wh}from"zustand";import{persist as vh,subscribeWithSelector as bh}from"zustand/middleware";var Fe=Bt(wh()(vh(bh((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,address:r.fromSymbolAddress,symbol:r.fromSymbol},to:{blockchain:s.toBlockchain,address:s.toSymbolAddress,symbol:s.toSymbol}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{darkTheme as Ih,ListItemButton as Eh,styled as $o}from"@rango-dev/ui";var jp=$o("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),Xp=$o("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Kp=$o(Eh,{variants:{actionRequired:{true:{backgroundColor:"$error300",[`.${Ih} &`]:{backgroundColor:"$error600"}}}}}),Yp=$o("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Zp=$o("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Ah}from"@lingui/core";import{Divider as Nh,NoNotificationIcon as Wh,Typography as Mh}from"@rango-dev/ui";import er from"react";function Jp(){return er.createElement(Zp,null,er.createElement(Wh,{color:"secondary",size:26}),er.createElement(Nh,{size:12}),er.createElement(Mh,{variant:"body",size:"medium",color:"neutral700"},Ah.t("There are no notifications.")))}i(Jp,"NotificationNotFound");var Dh=4;function Ji(){let t=$h(),{getUnreadNotifications:e}=Fe(),o=e(),n=h().blockchains(),r=h().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,Dh),a=i(l=>{t(`${z.swaps}/${l}`)},"handleOnClick");return Oe.createElement(jp,null,s.length?Oe.createElement(Xp,null,s.map((l,p)=>{let{route:c,requestId:u,event:d}=l,m=r.find(C=>Le(C,c.from)),f=n.find(C=>C.name===c.from.blockchain),g=r.find(C=>Le(C,c.to)),S=n.find(C=>C.name===c.to.blockchain);return Oe.createElement(Oe.Fragment,{key:u},p>0&&Oe.createElement(_h,{size:4}),Oe.createElement(Kp,{onClick:()=>a(u),actionRequired:d.messageSeverity===Rp.WARNING,title:Oe.createElement(Ph,{variant:"body",size:"small",color:d.messageSeverity===Rp.WARNING?"$foreground":"$neutral700"},Lh.t(d.message)),id:u,start:Oe.createElement(Yp,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(ec,{tokenImage:m?m.image:"",chainImage:f?f.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(ec,{tokenImage:g?g.image:"",chainImage:S?S.logo:"",size:"small"}))),end:Oe.createElement(Bh,{size:12,color:"gray"})}))})):Oe.createElement(Jp,null))}i(Ji,"NotificationContent");import{useManager as Fh}from"@rango-dev/queue-manager-react";import{InProgressIcon as Oh}from"@rango-dev/ui";import tc from"react";var Uh=i(()=>{let{manager:t}=Fh();return ct(t).map(({swap:o})=>o).find(o=>o.status==="running")?tc.createElement(Qp,null,tc.createElement(Oh,{color:"info",size:6})):null},"InProgressTransactionBadge"),oc=Uh;import{RefreshProgressButton as zh}from"@rango-dev/ui";import Ri,{useEffect as qh,useState as nc}from"react";var Qh=1e3,rc=60,Hh=100;function tr({onClick:t}){let[e,o]=nc(0),[n,r]=nc(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");qh(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===rc&&l()},Qh):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(ut,{variant:"ghost",size:"small",style:{paddingTop:0,paddingBottom:0},onClick:l,disabled:!t},Ri.createElement(qp,{onTransitionEnd:()=>r(!1),isRefetched:n},Ri.createElement(zh,{size:22,color:t?"black":"gray",progress:e/rc*Hh})))}i(tr,"RefreshButton");import{EventSeverity as Gh}from"@rango-dev/queue-manager-rango-preset";import{Typography as Vh}from"@rango-dev/ui";import ic from"react";function sc(){let{getUnreadNotifications:t}=Fe(),e=t(),o=e.length,n=!!e.find(r=>r.event.messageSeverity===Gh.WARNING);return o?ic.createElement(zp,{isSever:n},ic.createElement(Vh,{variant:"body",size:"xsmall",color:"$background"},o)):null}i(sc,"UnreadNotificationsBadge");function Zt(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n,hidden:r=[],container:s}=t,{config:{features:a}}=h(),l=je("notification",a)||r.includes("notifications");return we.createElement(we.Fragment,null,!r.includes("refresh")&&we.createElement(nr,{container:s||L(),side:"top",content:or.t("Refresh")},we.createElement(tr,{onClick:e})),!l&&we.createElement(Xh,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:L(),content:we.createElement(Ji,null)},we.createElement("div",null,we.createElement(nr,{container:L(),side:"top",content:or.t("Notifications")},we.createElement(ut,{size:"small",variant:"ghost"},we.createElement(jh,{size:18,color:"black"}),we.createElement(sc,null))))),!r.includes("settings")&&we.createElement(nr,{container:L(),side:"top",content:or.t("Settings")},we.createElement(ut,{size:"small",variant:"ghost",onClick:n},we.createElement(Kh,{size:18,color:"black"}))),!r.includes("history")&&we.createElement(nr,{container:L(),side:"top",content:or.t("Transactions History")},we.createElement(ut,{size:"small",variant:"ghost",onClick:o},we.createElement(Yh,{size:18,color:"black"}),we.createElement(oc,null))))}i(Zt,"HeaderButtons");import{i18n as es}from"@lingui/core";import{Divider as lc,MessageBox as Rh,RefreshIcon as ey}from"@rango-dev/ui";import uo from"react";import{Button as Zh,styled as Jh}from"@rango-dev/ui";var ac=Jh(Zh,{"& span":{display:"flex",justifyContent:"center",alignItems:"center"}});function ts(t){let{open:e,onClose:o}=t;return uo.createElement(ae,{open:e,dismissible:!0,onClose:o,container:L()},uo.createElement(Rh,{title:es.t("Something went wrong"),type:"error",description:es.t("Something went wrong. Please refresh the app.")},uo.createElement(lc,{size:30}),uo.createElement(ac,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:()=>location.reload()},uo.createElement(ey,{size:20,color:"primary"}),uo.createElement(lc,{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 ty,styled as ns}from"@rango-dev/ui";var pc="700px",rr=ty({borderRadius:"$primary",display:"flex",flexDirection:"column",overflow:"hidden",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)"}),cc=ns("div",{position:"relative",width:"100vw",minWidth:"300px",maxWidth:"390px",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:pc},fixed:{height:pc}}}}),uc=ns("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),mc=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 le(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=Fi(),{children:n,header:r,footer:s,height:a="fixed"}=t,{fetchStatus:l}=h(),[p,c]=iy(!1),u=J.use.connectedWallets(),{config:{features:d,theme:m}}=h(),{watermark:f}=oe(),g=f==="FULL",{activeTheme:S}=Jn(m||{}),C=je("connectWalletButton",d),{isActiveTab:y,tabManagerInitiated:k,showActivateTabModal:T,setShowActivateTabModal:x,activateCurrentTab:I}=oe(),b=Ye(),{manager:v}=oy(),N=ct(v).map(({swap:K})=>K).some(K=>K.status==="running"),E=i(()=>I(Vt.forceClaim,N),"onActivateTab"),D=i(()=>{r.onWallet?.()},"onConnectWallet"),U=typeof r.hasBackButton>"u"||r.hasBackButton,Q=fc(null),A=fc(null);return rs(()=>(Yn()&&A.current&&e(A.current),()=>{o()}),[]),rs(()=>(Q.current?.addEventListener("scroll",os),()=>{Q.current?.removeEventListener("scroll",os)}),[]),rs(()=>{c(l==="failed")},[l]),fe.createElement(cc,{height:a,id:Te.SWAP_BOX_ID,className:`${S()} ${rr()}`,ref:A},fe.createElement(ry,{prefix:fe.createElement(fe.Fragment,null,U&&fe.createElement(Xi,{onClick:()=>{b(),r.onBack&&r.onBack()}})),title:r.title,suffix:fe.createElement(fe.Fragment,null,r.suffix,r.onWallet&&!C&&fe.createElement(Zi,{container:L(),onClick:D,isConnected:!!u?.length}),r.onCancel&&fe.createElement(Yi,{onClick:r.onCancel}))}),fe.createElement(uc,{ref:Q},n),fe.createElement(ji,{open:T,onClose:()=>x(!1),onConfirm:E}),fe.createElement(mc,null,fe.createElement("div",{className:"footer__content"},k&&!y&&fe.createElement("div",{className:"footer__alert"},fe.createElement(Gi,{onActivateTab:E}),fe.createElement(dc,{size:10})),s),fe.createElement(dc,{size:12}),fe.createElement("div",{className:`footer__logo ${g?"logo__show":"logo__hidden"}`},fe.createElement(ny,null))),fe.createElement(ts,{open:p,onClose:()=>c(!1)}))}i(le,"Layout");import{styled as sy}from"@rango-dev/ui";var gc="$20 $20 $10 $20",Do=sy("div",{padding:gc,overflowY:"auto",flexGrow:1});import{styled as ay}from"@rango-dev/ui";var ce=ay("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 my}from"@rango-dev/ui";import ss from"react";import{i18n as mo}from"@lingui/core";import{Image as cy,MessageBox as is,WalletState as uy}from"@rango-dev/ui";import Jt from"react";import{keyframes as ly,styled as ir}from"@rango-dev/ui";var iN=ir("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),hc=ir("div",{position:"relative"}),py=ly({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),yc=ir("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${py} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Sc=ir("div",{"& img":{borderRadius:"50%"}});function Cc(t){let{state:e,image:o,error:n}=t;return e===uy.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(hc,null,Jt.createElement(Sc,null,Jt.createElement(cy,{src:o,size:45})),Jt.createElement(yc,null))})}i(Cc,"ModalContent");function Fo(t){let{open:e,onClose:o,...n}=t;return ss.createElement(ae,{open:e,onClose:o,container:document.getElementById(Te.SWAP_BOX_ID)||document.body},ss.createElement(Cc,{...n}),ss.createElement(my,{direction:"vertical",size:32}))}i(Fo,"WalletModal");var hy=xc("div",{display:"flex",justifyContent:"center",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5"}),yy=xc(ce,{textAlign:"center"}),sr=3e3,as=300;function wc(){let{fetchStatus:t}=h(),[e,o]=kc(!1),[n,r]=kc(""),s=null,a=oe.use.isActiveTab(),{list:l,handleClick:p,error:c,disconnectConnectingWallets:u}=po({onBeforeConnect:S=>{s=setTimeout(()=>{o(!0),r(S)},as)},onConnect:()=>{s&&clearTimeout(s),setTimeout(()=>{o(!1)},sr)}}),d=i(()=>{u(),o(!1)},"handleCloseWalletModal"),m=l.find(S=>S.type===n),f=m?.image||"",g=m?.state||gy.NOT_INSTALLED;return fo.createElement(le,{header:{title:Tc.t("Connect Wallets")}},fo.createElement(yy,null,fo.createElement(dy,{variant:"title",size:"xmedium",align:"center"},Tc.t("Choose a wallet to connect.")),fo.createElement(hy,null,l.map((S,C)=>{let y=`wallet-${C}-${S.type}`;return fo.createElement(fy,{key:y,...S,container:L(),onClick:k=>{p(k)},isLoading:t==="loading",disabled:!a})}),fo.createElement(Fo,{open:!!e,onClose:d,image:f,state:g,error:c}))))}i(wc,"WalletsPage");import{keyframes as Sy,styled as ls}from"@rango-dev/ui";var vc=ls("div",{position:"relative"}),Cy=Sy({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),bc=ls("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Cy} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Ic=ls("div",{"& img":{borderRadius:"50%"}});var wy=7;function cs(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,a=oe.use.isActiveTab(),l=J.use.connectedWallets(),{blockchains:p}=h(),[c,u]=Oo(""),[d,m]=Oo(null),[f,g]=Oo(!1),[S,C]=Oo(null),{suggestAndConnect:y}=lr(),k=null,{list:T,error:x,handleClick:I,disconnectConnectingWallets:b}=po({chain:e,onBeforeConnect:A=>{k=setTimeout(()=>{u(A)},as)},onConnect:()=>{k&&clearTimeout(k),setTimeout(()=>{u("")},sr)}}),[v,w]=Oo(T),N=T.length,E=r&&N-r>0,D=i(async A=>{g(!1),C("in-progress");try{await y(A.walletType,A.chain),C("completed")}catch{C("rejected")}},"addExperimentalChain");Nc(()=>{w(A=>{let K=T.findIndex(Z=>o(Z.type,e));return E&&K>1?[T[K]].concat(T.filter((Z,ee)=>ee!==K)):A.map(Z=>T.find(ee=>ee.type===Z.type)??Z)})},[JSON.stringify(T)]);let U=document.getElementById(Te.SWAP_BOX_ID);Nc(()=>{let A=null;return(S==="completed"||S==="rejected")&&(A=setTimeout(()=>C(null),sr)),()=>{A&&clearTimeout(A)}},[S]);let Q=i(()=>{b(),u("")},"handleCloseWalletModal");return ue.createElement(ue.Fragment,null,v.slice(0,r).map(A=>{let K=rl({connectedWallets:l,walletType:A.type,chain:e}),Z=K?wn(K,wy):"",ee=kn(p(),e),O=!l.find(Ne=>Ne.walletType===A.type&&Ne.chain===e),te=ee&&O&&A.state===Ac.CONNECTED,F=te?tt.t({id:"Add {chain} chain",values:{chain:e}}):Z,M=i(()=>{A.state===Ac.DISCONNECTED?I(A.type):te?(m({walletType:A.type,chain:e,address:K??""}),g(!0)):n({walletType:A.type,chain:e,address:K??""})},"onClick"),ne=d?.chain?xl(d.chain,p()):void 0;return ue.createElement(ue.Fragment,{key:`${A.title}_${ne}`},ue.createElement(Fo,{open:c===A.type,onClose:Q,image:A.image,state:A.state,error:x}),!!d&&ue.createElement(ae,{open:!!d&&f,container:U,onClose:()=>{m(null)}},ue.createElement(ar,{title:tt.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ne}}),type:"warning",description:tt.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ne}})},ue.createElement(ps,{size:18}),ue.createElement(ps,{size:32}),ue.createElement(Ty,{onClick:D.bind(null,d),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},tt.t("Confirm")))),S&&ue.createElement(ae,{open:!!S,onClose:C.bind(null,null),container:U},S==="in-progress"&&ue.createElement(ar,{type:"loading",title:tt.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ne}}),description:tt.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ne}}),icon:ue.createElement(vc,null,ue.createElement(Ic,null,ue.createElement(ky,{src:A.image,size:45})),ue.createElement(bc,null))}),S==="completed"&&ue.createElement(ar,{type:"success",title:tt.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:ne}}),description:tt.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:ne}})}),S==="rejected"&&ue.createElement(ar,{type:"error",title:tt.t("Request Rejected"),description:tt.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:ne}})}),ue.createElement(ps,{direction:"vertical",size:32})),ue.createElement(xy,{key:A.type,description:F,onClick:M,selected:o(A.type,e),disabled:!a,...A}))}),E&&ue.createElement(xp,{selected:!1,onClick:s},ue.createElement(Ec,{variant:"label",size:"medium"},tt.t("Show more wallets"),ue.createElement(Ec,{variant:"label",size:"medium",color:"$primary"},"\xA0+",N-(r??0)))))}i(cs,"WalletList");var My=2;function Mc(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=h().config,l=h().blockchains(),{selectedQuote:p,setSelectedWallets:c,quoteWalletsConfirmed:u,setQuoteWalletConfirmed:d,customDestination:m,setCustomDestination:f}=V(),{connectedWallets:g,selectWallets:S}=J(),[C,y]=ho(""),[k,T]=ho([]),[x,I]=ho(""),[b,v]=ho(null),[w,N]=ho(!!m),E=Gt({filter:"all",quote:p}),D=Gt({filter:"required",quote:p}),U=l.find(G=>G.name===p?.swaps[p?.swaps.length-1].to.blockchain),Q=i(G=>D.includes(G),"isWalletRequiredFor"),A=i(()=>g.filter(G=>G.selected&&E.includes(G.chain)),"getInitialSelectableWallets"),[K,Z]=ho(A()),ee=k.length>0,O=i((G,j)=>!!K.find(re=>re.walletType===G&&re.chain===j&&re.selected&&(Q(j)||!Q(j)&&!m)),"isSelected"),te=!!m&&w&&U&&!Ln(U,m),F=i(()=>{N(!1),f(null),Z(G=>{let j=!1;return G.map(re=>!j&&re.chain===U?.name?(j=!0,{...re,selected:!0}):re)})},"resetCustomDestination"),M=i(G=>{if(C&&y(""),O(G.walletType,G.chain))return;let re=g.find(be=>be.walletType===G.walletType&&be.chain===G.chain);re&&(n(),G.chain===U?.name&&w&&(N(!1),f(null)),Z(be=>be.filter(Mt=>Mt.chain!==G.chain).concat({...re,selected:!0})))},"onChange"),ne=i(()=>{let G=K.filter(j=>j.selected);S(G),c(G),d(!0),o()},"onConfirmBalance"),Ne=i(async()=>{T([]),I(""),v(null);let G=await r?.({selectedWallets:K.filter(re=>re.selected),customDestination:m}),j=G.warnings;j?.balance?.messages&&T(j.balance.messages),j?.quoteUpdate&&v(j.quoteUpdate),G.error&&I(ql(G.error)),!G.error&&!j?.balance?.messages.length?ne():T(j?.balance?.messages??[])},"onConfirmWallets");Ny(()=>{Z(G=>G.concat(g.filter(j=>!!!G.find(be=>be.chain===j.chain)&&j.selected&&E.includes(j.chain))))},[g.length]);let Ce=document.getElementById(Te.SWAP_BOX_ID),Wt=Wy();return $.createElement(ae,{open:e,onClose:()=>{u||Wt("../",{replace:!0}),o()},dismissible:!C,container:Ce,...!C&&{footer:$.createElement(Np,null,$.createElement(Wc,{loading:s,disabled:sp(s,w,m,p,K,U),onClick:Ne,variant:"contained",type:"primary",fullWidth:!0,size:"large"},mt.t("Confirm")))},...C&&{styles:{container:{padding:"$0"}},header:$.createElement(wp,null,$.createElement(vp,{variant:"ghost",onClick:y.bind(null,"")},$.createElement(Iy,{size:16})),$.createElement(pr,{variant:"headline",size:"small"},mt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ve(C,l)}})))},anchor:"center"},$.createElement(ae,{open:ee,onClose:T.bind(null,[]),container:Ce},$.createElement(Ey,{title:mt.t("Insufficient account balance"),type:"error",description:$.createElement(vy,{messages:k??[]})},$.createElement(Wc,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:ne},mt.t("Proceed anyway")))),C&&$.createElement(bp,null,$.createElement("div",{className:Ip()},$.createElement(cs,{chain:C,isSelected:O,selectWallet:M,onShowMore:y.bind(null,C)}))),!C&&$.createElement($.Fragment,null,x&&$.createElement($.Fragment,null,$.createElement(us,{variant:"alarm",type:"error",title:mt.t(x)}),$.createElement(go,{size:12})),b&&$.createElement($.Fragment,null,$.createElement(us,{variant:"alarm",type:"warning",title:Qn(b)}),$.createElement(go,{size:12})),$.createElement(Mp,null,E.map((G,j)=>{let re=l.find(De=>De.name===G),be=`wallet-${j}`,Mt=j===E.length-1;return $.createElement("div",{key:be},$.createElement(Tp,null,$.createElement(pr,{variant:"title",size:"xmedium"},mt.t({id:"Your {blockchainName} wallets",values:{blockchainName:re?.shortName}})),$.createElement(pr,{variant:"label",color:"$neutral700",size:"medium"},mt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:re?.shortName}}))),$.createElement(go,{size:24}),$.createElement(kp,null,$.createElement(cs,{chain:G,isSelected:O,selectWallet:M,limit:My,onShowMore:()=>y(re?.name??"")})),!Mt&&$.createElement(go,{size:32}),Mt&&a?.customDestination&&$.createElement(Ep,null,$.createElement(Xn,{onOpenChange:De=>{De?Q(U?.name??"")||Z(Ie=>Ie.map(Ge=>Ge.chain===U?.name?{...Ge,selected:!1}:Ge)):F()},hasSelected:!0,open:w,triggerAnchor:"top",trigger:$.createElement(Lp,null,$.createElement("div",{className:"button__content"},$.createElement(Ay,{size:18,color:"info"}),$.createElement(go,{size:4,direction:"horizontal"}),$.createElement(pr,{variant:"label",size:"medium"},mt.t("Send to a different address"))),$.createElement(Vn,{orientation:w?"up":"down"},$.createElement(by,{size:10,color:"gray"}))),onClickTrigger:()=>N(De=>!De)},$.createElement(go,{size:4}),$.createElement(Wp,{autoFocus:!0,placeholder:mt.t("Your destination address"),value:m||"",onChange:De=>{let Ie=De.target.value;Ie.length?f(Ie.length?Ie:null):(N(!1),f(null))}})),te&&$.createElement("div",{className:Ap()},$.createElement(us,{variant:"alarm",type:"error",title:mt.t({values:{destination:m},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Mc,"ConfirmWalletsModal");import{i18n as Yy}from"@lingui/core";import{Alert as Zy,Button as Jy,InfoIcon as Ry}from"@rango-dev/ui";import Qe from"react";import{Alert as _y,Button as Py,Divider as fs,NoRouteIcon as $y,RefreshIcon as Dy,Typography as Fc}from"@rango-dev/ui";import qe from"react";import{i18n as Lc}from"@lingui/core";var Ly=24,By=60;function Bc(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:R().genericServerError,action:{onClick:n,title:Lc.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:R().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Lc.t("Reset")}},description:R().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:R().noResultError.description}}i(Bc,"makeInfo");var ms=(o=>(o[o.small=Ly]="small",o[o.large=By]="large",o))(ms||{}),ds=(o=>(o.small="small",o.large="medium",o))(ds||{});import{styled as cr}from"@rango-dev/ui";var _c=cr("div",{display:"flex",flexDirection:"column",alignItems:"center"}),Pc=cr("div",{variants:{size:{small:{},large:{maxWidth:"316px"}}}}),$c=cr("div",{variants:{size:{small:{width:"100%"},large:{}}}}),Dc=cr("div",{padding:"$6 $0"});function Uo(t){let{fetch:e,error:o,size:n="small"}=t,r=h().getDisabledLiquiditySources(),s=h().toggleAllLiquiditySources,a=h().swappers(),l=Bc(o,r,()=>s(a,!0),e);return qe.createElement(_c,null,qe.createElement($y,{size:ms[n],color:"gray"}),qe.createElement(fs,{size:4}),qe.createElement(Fc,{variant:"title",size:ds[n]},R().noResultError.title),n==="large"&&qe.createElement(fs,{size:4}),!!l.description&&qe.createElement(Pc,{size:n},qe.createElement(Fc,{variant:"body",size:"small",align:"center",color:"neutral700"},l.description)),qe.createElement(fs,{size:n==="large"?"24":"4"}),!!l.alert&&qe.createElement($c,{size:n},qe.createElement(_y,{type:l.alert.type,title:l.alert.text,titleAlign:"left",action:l.alert.action&&qe.createElement(Py,{size:"xsmall",type:l.alert.type,prefix:qe.createElement(Dc,null,qe.createElement(Dy,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i(Uo,"NoResult");import{i18n as zo}from"@lingui/core";import{Button as Oy,Divider as Uy,MessageBox as zy,Typography as qy,WarningIcon as Qy}from"@rango-dev/ui";import Tt from"react";import{Typography as qc}from"@rango-dev/ui";import hs from"react";import{darkTheme as Fy,styled as ur}from"@rango-dev/ui";var Oc=ur("div",{width:"100%"}),gs=ur("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"$5",width:"100%"}),Uc=ur("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Fy} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),zc=ur("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Qc(t){let{title:e,value:o,valueColor:n}=t;return hs.createElement(Uc,null,hs.createElement(qc,{size:"medium",variant:"label",className:"_title"},e),hs.createElement(qc,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Qc,"QuoteErrorsModalItem");function Hc(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:zo.t("Swapping"),value:W(r.inputUsdValue,4,4)},{title:zo.t("Gas cost"),value:W(r.totalFee,2,2)},{title:zo.t("Receiving"),value:W(r.outputUsdValue,4,4)},{title:zo.t("Price impact"),value:W(r.priceImpact,2,2),valueColor:`${a}500`}];return Tt.createElement(ae,{footer:Tt.createElement(Oy,{type:"primary",size:"large",prefix:Tt.createElement(Qy,null),fullWidth:!0,disabled:s,onClick:n},R().highValueLossError.confirmMessage),open:e,onClose:o,container:L()},Tt.createElement(zy,{type:a,title:R().highValueLossError.impactTitle,description:R().highValueLossError.description}),Tt.createElement(gs,null,Tt.createElement(Uy,{size:"4"}),Tt.createElement(qy,{size:"small",variant:"title"},zo.t("Details")),Tt.createElement(gs,null,l.map((p,c)=>Tt.createElement(Qc,{key:c,...p})))))}i(Hc,"HighValueLossWarningModal");import{i18n as ys}from"@lingui/core";function Gc(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&&(St(t.priceImpact)==="high"&&(o.alertType="error"),o.action="show-info",o.title=R().highValueLossError.title),t.type===1&&(o.title=R().unknownPriceError.title),t.type===2&&(o.title=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(Gc,"makeAlerts");import{i18n as yo}from"@lingui/core";import{Button as Vc,Divider as jc,MessageBox as Hy,Typography as Gy}from"@rango-dev/ui";import Rt from"react";import{useNavigate as Vy}from"react-router-dom";function Xc(t){let{customSlippage:e,slippage:o}=h(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=Vy(),c=e??o;return Rt.createElement(ae,{anchor:"bottom",open:n,prefix:Rt.createElement(Vc,{size:"small",variant:"ghost",onClick:()=>p("../"+z.settings)},Rt.createElement(Gy,{variant:"label",size:"medium",color:"$neutral900"},yo.t("Change settings"))),container:L(),onClose:r},Rt.createElement(Hy,{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(Vc,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},yo.t("Confirm anyway"))))}i(Xc,"SlippageWarningModal");import{Button as jy,MessageBox as Xy,WarningIcon as Ky}from"@rango-dev/ui";import mr from"react";function Kc(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return mr.createElement(ae,{footer:mr.createElement(jy,{type:"primary",size:"large",prefix:mr.createElement(Ky,null),fullWidth:!0,disabled:r,onClick:n},R().unknownPriceError.confirmMessage),open:e,onClose:o,container:L()},mr.createElement(Xy,{type:"warning",title:R().unknownPriceError.impactTitle,description:R().unknownPriceError.description}))}i(Kc,"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,d={confirmationDisabled:s,open:r,onClose:p,onConfirm:c},m=o?.type===0||o?.type===1,f=Gc(e,o?.type===3||o?.type===4?o:null);return f&&!n&&(f.action=null),Qe.createElement(Qe.Fragment,null,m&&Qe.createElement(Uo,{error:o,fetch:a}),!!f&&Qe.createElement(Oc,null,Qe.createElement(Zy,{title:f.title,type:f.alertType,variant:"alarm",...f.action==="show-info"&&{action:Qe.createElement(zc,{onClick:l},Qe.createElement(Ry,{size:12,color:"gray"}))},...f.action==="change-settings"&&{action:Qe.createElement(Jy,{size:"xxsmall",type:f.alertType,onClick:u},Yy.t("Change"))}})),e&&Qe.createElement(Qe.Fragment,null,e.type===0&&Qe.createElement(Hc,{...d,warning:e}),(e.type===3||e.type===2)&&Qe.createElement(Xc,{...d,warning:e}),e.type===1&&Qe.createElement(Kc,{...d,warning:e})))}i(qo,"QuoteWarningsAndErrors");import WS from"bignumber.js";import Ir from"react";import{i18n as jo}from"@lingui/core";import{Alert as yS,Divider as Co,FullExpandedQuote as SS,InfoIcon as CS,QuoteTag as TS,StepDetails as kS,TokenAmount as xS,Tooltip as Au,Typography as To}from"@rango-dev/ui";import bs from"bignumber.js";import B,{useRef as wS,useState as vS}from"react";import{styled as Ss}from"@rango-dev/ui";var Cs=Ss("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Yc=Ss("div",{paddingBottom:"$15",variants:{dense:{true:{paddingBottom:0}}}}),Zc=Ss("div",{width:"100%",display:"flex"});import*as dr from"@radix-ui/react-collapsible";import{Button as eS,css as Qo,darkTheme as he,Image as Jc,styled as _e,Typography as tS}from"@rango-dev/ui";var oS=300,Rc=_e(dr.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{selected:{true:{},false:{$$color:"$colors$neutral400",[`.${he} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${he} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${he} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}]}),eu=Qo({padding:"$10 $15"}),tu=_e(eS,{backgroundColor:"transparent",border:"1px solid $secondary600",[`.${he} &`]:{border:"1px solid $secondary"},transition:"background-color 0.3s ease","&:hover":{backgroundColor:"$secondary600",[`.${he} &`]:{backgroundColor:"$secondary"},".allRoutesLabel":{$$color:"$colors$background",[`.${he} &`]:{$$color:"$colors$foreground"},color:"$$color",transition:"color 0.3s ease"}}}),ou=_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",[`.${he} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color"}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{$$color:"$colors$neutral200",[`.${he} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{"& .quote_container":{"& button":{backgroundColor:"$neutral500",[`.${he} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral500",[`.${he} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral300",[`.${he} &`]:{backgroundColor:"$neutral400"}},cursor:"pointer"},false:{}}},compoundVariants:[{listItem:!0,selected:!0,css:{outline:"1px solid $secondary"}},{listItem:!1,selected:!0,css:{$$color:"$colors$info100",[`.${he} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${he} &`]:{backgroundColor:"$neutral400"}}}}]}),nu=Qo({width:"100%",padding:"$15 $15 $10 $15"}),ru=Qo({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10",position:"relative"}),So=Qo({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),iu=Qo({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${he} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),su=_e(dr.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${Jc}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Jc}`]:{border:"1px transparent solid",borderRadius:"100%"}}},selected:{true:{},false:{$$color:"$colors$neutral400",[`.${he} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${he} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${he} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}],".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),au=_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"}}}}),lu=_e(Gn,{width:"100%",background:"inherit"}),Ts=_e("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${oS}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),HM=_e("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),pu=_e("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${he} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),cu=_e("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),ks=_e(tS,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),uu=_e("div",{display:"flex",flexWrap:"wrap"}),xs=_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"}}}}),mu=_e("div",{display:"flex"}),fr=_e("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${he} &`]:{borderTopColor:"$neutral800"}});import{i18n as Ot}from"@lingui/core";import{ChevronDownIcon as rS,CloseIcon as iS,Divider as yr,IconButton as sS,QuoteCost as aS,Tooltip as lS,Typography as ot}from"@rango-dev/ui";import X,{useState as hu}from"react";import{css as nS,styled as gr}from"@rango-dev/ui";var hr=gr("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),ws=gr("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),du=gr("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),fu=gr("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),gu=nS({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var pS=i(t=>t.fee.isZero()?null:X.createElement(hr,null,X.createElement(ot,{variant:"label",size:"medium",color:"neutral600"},t.label),X.createElement(ot,{variant:"label",size:"medium"},"$",W(t.fee,4,4))),"NonPayableFee");function yu(t){let[e,o]=hu(!1),[n,r]=hu(!1),{steps:s,quote:a,fee:l,time:p,feeWarning:c,showModalFee:u}=t,d=a?.swaps??[],m=L(),f=Xl(d);return X.createElement(X.Fragment,null,X.createElement(aS,{onClickFee:u?g=>{g.stopPropagation(),o(!e)}:void 0,fee:l,feeWarning:c,time:p,steps:s,tooltipGas:u?Ot.t("View more info"):void 0,tooltipContainer:m}),X.createElement(ae,{container:m,open:e,header:X.createElement(fu,null,X.createElement(ot,{variant:"title",size:"medium"},Ot.t("Gas & Fee Explanation")),X.createElement(sS,{onClick:()=>o(!1),variant:"ghost"},X.createElement(iS,{color:"gray",size:14}))),onClose:()=>{o(!1)}},X.createElement(du,null,X.createElement(ot,{variant:"title",size:"small"},Ot.t("Details")),X.createElement(yr,{size:10}),Object.entries(f.payable).flatMap(([g,S])=>S.map((C,y)=>{let k=`payable-fee-${y}`,T=Ai(C);return X.createElement(hr,{key:k},X.createElement(ot,{variant:"label",size:"medium",color:"neutral600"},vi[g]),X.createElement(lS,{content:pe(C.amount),container:m},X.createElement(ot,{variant:"label",size:"medium"},W(C.amount,2,2)," ",C.asset.symbol," ($",W(T,4,4),")")))})),X.createElement(hr,{className:"total_payable_fee"},X.createElement(ot,{variant:"label",size:"medium"},Ot.t("Total Payable Fee")),X.createElement(ot,{variant:"label",size:"medium"},"$",W(l,4,4))),X.createElement(ws,null),Object.keys(f.nonePayable).length&&X.createElement(Xn,{triggerAnchor:"bottom",onClickTrigger:()=>r(g=>!g),trigger:X.createElement("div",{className:gu()},X.createElement(ot,{size:"small",variant:"body",color:"neutral700"},n?Ot.t("Hide non-payable fees"):Ot.t("Show non-payable fees")),X.createElement(yr,{size:4,direction:"horizontal"}),X.createElement(Vn,{orientation:n?"up":"down"},X.createElement(rS,{size:12,color:"gray"}))),open:n},X.createElement(ot,{size:"small",variant:"title"},Ot.t("Description")),X.createElement(yr,{size:4}),X.createElement(ot,{size:"small",variant:"body",color:"neutral700"},Ot.t(`The following fees are considered in the transaction output and
|
|
2
|
+
you won\u2019t need to pay extra gas for them.`)),X.createElement(yr,{size:10}),Object.entries(f.nonePayable).map(([g,S],C)=>{let y=jl(S),k=vi[g],T=`non-payable-fee-${C}`;return X.createElement(pS,{key:T,fee:y,label:k})}),X.createElement(ws,null)))))}i(yu,"QuoteCostDetails");import{i18n as Tu}from"@lingui/core";import{TokenAmount as ku}from"@rango-dev/ui";import Sr from"react";import{css as cS,styled as uS}from"@rango-dev/ui";var Su=uS("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),Cu=cS({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Ho(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Sr.createElement(Su,null,Sr.createElement(ku,{direction:"horizontal",label:Tu.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}}),Sr.createElement("div",{className:Cu()}),Sr.createElement(ku,{direction:"horizontal",tooltipContainer:L(),label:Tu.t("Estimated output"),type:"output",price:{value:o.price.value,usdValue:o.price.usdValue,realValue:o.price.realValue,realUsdValue:o.price.realUsdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}i(Ho,"QuoteSummary");import{i18n as Iu}from"@lingui/core";import{ChevronDownIcon as fS,ChevronRightIcon as gS,Divider as vs,Image as hS,Tooltip as wr,Typography as Tr}from"@rango-dev/ui";import _ from"react";import{useLayoutEffect as mS,useState as Go}from"react";var xu=480,wu=768,vu=1024,bu=1200,dS=i(()=>{let[t,e]=Go(!1),[o,n]=Go(!1),[r,s]=Go(!1),[a,l]=Go(!1),[p,c]=Go(!1),u=i(()=>{e(window.innerWidth<=xu),n(window.innerWidth>xu&&window.innerWidth<=wu),s(window.innerWidth>wu&&window.innerWidth<=vu),l(window.innerWidth>vu&&window.innerWidth<=bu),c(window.innerWidth>bu)},"handleResize");return mS(()=>(u(),window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)),[]),{isMobile:t,isTablet:o,isNotebook:r,isLargeScreen:a,isExtraLargeScreen:p}},"useScreenDetect"),Cr=dS;var kr=4,xr=6,Vo=i(t=>{let{content:e,src:o,className:n,open:r,state:s,container:a}=t,l=a||L();return _.createElement(wr,{container:l,side:"bottom",sideOffset:4,open:r,content:e},_.createElement(au,{className:n,state:s},_.createElement(hS,{src:o,size:16})))},"ImageComponent");function Eu(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:s,type:a,container:l}=t,p=l||L(),c=r.length,u=mp(r),{isTablet:d,isMobile:m}=Cr();return _.createElement(su,{listItem:a==="list-item",ref:f=>e.current=f,selected:o,onClick:f=>{f.stopPropagation(),n(g=>!g)}},_.createElement("div",{className:So()},_.createElement(Tr,{variant:"body",size:"xsmall"},Iu.t("Via:")),_.createElement(vs,{direction:"horizontal",size:4}),r.map((f,g)=>{let S=`item-${g}`,C=_.createElement(Ts,null,_.createElement(gS,{size:12,color:"black"}));return m||d?_.createElement(_.Fragment,{key:S},_.createElement(Vo,{content:f.swapper.displayName,src:f.swapper.image,state:f.state,container:l}),g!==c-1&&_.createElement(_.Fragment,null,C)):_.createElement(_.Fragment,{key:S},c<=kr||c>kr&&g<kr-1?_.createElement(_.Fragment,null,_.createElement(Vo,{content:f.swapper.displayName,src:f.swapper.image,state:f.state,container:l}),g!==c-1&&_.createElement(_.Fragment,null,C)):g===kr-1&&_.createElement(wr,{container:p,side:"bottom",align:"end",sideOffset:4,content:_.createElement("div",{className:So()},C,r.map((y,k)=>{let T=`image-${k}`;return k>=g&&_.createElement(_.Fragment,{key:T},_.createElement(Vo,{content:y.swapper.displayName,src:y.swapper.image,state:y.state,open:!1}),k!==c-1&&_.createElement(_.Fragment,null,C))}))},_.createElement(xs,{state:r.find((y,k)=>k>=g&&(y.state==="error"||y.state==="warning"))?.state},_.createElement(Tr,{size:"xsmall",variant:"body"},"+",c-g))))})),_.createElement("div",{className:So()},_.createElement("div",{className:"blockchains_section"},_.createElement("div",{className:So()},_.createElement(Tr,{variant:"body",size:"xsmall"},Iu.t("Chains:")),_.createElement(vs,{direction:"horizontal",size:4}),u.map((f,g)=>_.createElement(_.Fragment,{key:f.displayName},u.length<=xr||u.length>xr&&g<xr-1?_.createElement(wr,{container:p,side:"bottom",content:f.displayName,sideOffset:4},_.createElement(Vo,{content:"",src:f.image,open:!1,className:g!==0?"blockchainImage":""})):g===xr-1&&_.createElement(wr,{container:p,side:"bottom",align:"end",sideOffset:4,content:_.createElement("div",{className:So()},u.map((S,C)=>C>=g&&_.createElement(Vo,{key:S.displayName,content:"",src:S.image,open:!1,className:C>g?"blockchainImage":"",container:l})))},_.createElement(xs,{className:"blockchainImage"},_.createElement(Tr,{size:"xsmall",variant:"body"},"+",u.length-g))))),_.createElement(vs,{direction:"horizontal",size:32}))),_.createElement(Ts,{orientation:s?"up":"down"},_.createElement(fS,{size:12,color:"black"}))))}i(Eu,"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:d=!1,container:m}=t,f=h().blockchains(),g=h().tokens(),S=h().swappers(),[C,y]=vS(t.expanded),k=wS(null),T=W(o.value,6,6),x=W(n.value,6,6),I=n.usdValue?W(n.usdValue,4,4):"",b=Xe(o.usdValue,n.usdValue??null),v=W(b,2,2),w=St(b??0),N=i((te,F)=>te.map((M,ne)=>{let Ne,Ce=r?.type===3&&r.swap.swapperId===M.swapperId,Wt=r?.type===4&&r.recommendedSlippages?.has(ne),G=s?.type===2&&s.recommendedSlippages?.has(ne),j=Ce||Wt,re=G;j?Ne="error":re&&(Ne="warning");let be=j?jo.t("Slippage Error"):jo.t("Slippage Warning");return Ce&&(be=r?.recommendation),{swapper:{displayName:Wo(M.swapperId,S),image:M.swapperLogo},from:{token:{displayName:M.from.symbol,image:M.from.logo},chain:{displayName:Ve(M.from.blockchain,f),image:M.from.blockchainLogo},price:{value:ne===0&&!F?W(o.value,6,6):W(M.fromAmount,6,6),usdValue:W((M.from.usdPrice??0)*parseFloat(M.fromAmount),4,4),realValue:pe(ne===0?o.value:M.fromAmount),realUsdValue:pe(new bs(M.from.usdPrice??0).multipliedBy(M.fromAmount))}},to:{token:{displayName:M.to.symbol,image:M.to.logo},chain:{displayName:Ve(M.to.blockchain,f),image:M.to.blockchainLogo},price:{value:W(M.toAmount,6,6),usdValue:W((M.to.usdPrice??0)*parseFloat(M.toAmount),4,4),realValue:pe(M.toAmount),realUsdValue:pe(new bs(M.to.usdPrice??0).multipliedBy(M.toAmount))}},state:Ne,alerts:j||re?B.createElement(Yc,{dense:d},B.createElement(yS,{variant:"alarm",type:j?"error":"warning",title:be,footer:d?null:B.createElement(Zc,null,Ce&&B.createElement(B.Fragment,null,B.createElement(To,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),B.createElement(Co,{direction:"horizontal",size:8}),B.createElement(To,{size:"xsmall",variant:"body",color:"neutral900"},"|"),B.createElement(Co,{direction:"horizontal",size:8}),B.createElement(To,{size:"xsmall",variant:"body",color:"neutral900"},jo.t({id:"Yours: {amount} {symbol}",values:{amount:W(M.fromAmount,6,6),symbol:M?.from.symbol}}))),(Wt||G)&&!Ce&&B.createElement(To,{size:"xsmall",variant:"body",color:"neutral900"},jo.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(ne)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(ne)}}})))})):void 0,time:Io(M.estimatedTimeInSeconds),fee:W(Ei(M,g),2,2),internalSwaps:M.internalSwaps?N(M.internalSwaps):void 0}}),"getQuoteSteps"),E=N(e?.swaps??[]),D=E.length,U=m||L(),Q=fp(t.quote.tags||[]),A=!!u,K=Io(hn(e?.swaps)),Z=Pn(e?.swaps??[],g),ee=W(Z,2,2),O=Z.gte(new bs(zl));return d?B.createElement(SS,{selected:l,fee:ee,time:K,tooltipContainer:No(),steps:E,tags:Q,feeWarning:O,percentageChange:v,warningLevel:w,outputPrice:{value:x,usdValue:I,realValue:pe(n.value),realUsdValue:pe(n.usdValue)}}):B.createElement(ou,{selected:l,listItem:a==="list-item",basic:a==="basic"},B.createElement("div",{className:nu()},!p&&Q.length?B.createElement(B.Fragment,null,B.createElement(mu,null,Q.map((te,F)=>{let M=`${te.value}_${F}`;return B.createElement(B.Fragment,{key:M},B.createElement(TS,{label:te.label,value:te.value}),B.createElement(Co,{size:4,direction:"horizontal"}))})),B.createElement(fr,null),!A&&B.createElement(Co,{size:4})):null,B.createElement("div",{id:"portal-root",className:ru()},B.createElement(yu,{quote:e,time:K,fee:ee,feeWarning:O,showModalFee:c,steps:D}),A&&B.createElement(tu,{onClick:te=>{te.stopPropagation(),u()},size:"xxsmall",type:"secondary",variant:"default",css:{paddingLeft:"$10",paddingRight:"$10",paddingTop:"$5",paddingBottom:"$5"}},B.createElement(To,{color:"secondary",variant:"body",size:"xsmall",className:"allRoutesLabel"},jo.t("See All Routes")))),a==="basic"&&B.createElement("div",{className:iu()},B.createElement(cu,null,B.createElement(CS,{size:12,color:"gray"})),B.createElement(uu,null,B.createElement(ks,{size:"small",variant:"body"},`${T} ${E[0].from.token.displayName} = `),B.createElement(Au,{content:pe(n.value),container:U,open:n.value?void 0:!1},B.createElement(ks,{size:"small",variant:"body"},"\xA0",`${x} ${E[E.length-1].to.token.displayName}`))),B.createElement(Au,{content:pe(n.usdValue),container:U},B.createElement(Co,{size:2,direction:"horizontal"}),B.createElement(To,{color:"$neutral600",size:"xsmall",variant:"body"},`($${I})`))),a==="list-item"&&B.createElement(xS,{tooltipContainer:U,type:"output",direction:"vertical",price:{value:x,usdValue:I,realValue:pe(n.value),realUsdValue:pe(n.usdValue)},token:{displayName:E[D-1].to.token.displayName,image:E[D-1].to.token.image},chain:{image:E[D-1].to.chain.image},percentageChange:v,warningLevel:w}),a==="swap-preview"&&B.createElement(B.Fragment,null,B.createElement(Ho,{from:E[0].from,to:E[D-1].to,percentageChange:v,warningLevel:w}),B.createElement(Co,{size:4}))),B.createElement(Rc,{selected:l,listItem:a==="list-item",open:C,className:"quote_container",onOpenChange:y},B.createElement(Eu,{type:a,quoteRef:k,selected:l,setExpanded:y,container:U,expanded:C,steps:E}),B.createElement(lu,{open:C},B.createElement(pu,null),B.createElement("div",{className:eu()},E.map((te,F)=>{let M=`item-${F}`;return B.createElement(kS,{type:"quote-details",key:M,tooltipContainer:U,step:te,hasSeparator:F!==E.length-1,state:te.state})})))))}i(Is,"Quote");import{Divider as AS,Skeleton as NS}from"@rango-dev/ui";import xt from"react";import{darkTheme as bS,styled as vr}from"@rango-dev/ui";var Nu=vr("div",{$$color:"$colors$neutral100",[`.${bS} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15",variants:{rounded:{true:{borderRadius:"$xm"}},expanded:{true:{paddingBottom:"3px"},false:{paddingBottom:"$12"}}}}),Wu=vr("div",{paddingTop:"$2"}),Mu=vr("div",{paddingLeft:"$8"}),Lu=vr("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 nt,Skeleton as He}from"@rango-dev/ui";import q from"react";import{css as IS,styled as kt}from"@rango-dev/ui";var Es=kt("div",{display:"flex"}),Bu=kt("div",{padding:"$10 $0 $20"}),_u=kt("div",{padding:"14px $0 $20 $0",display:"flex",flexDirection:"column"}),Pu=kt("div",{display:"flex",justifyContent:"start",alignItems:"center"}),$u=kt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Du=kt("div",{height:"$24",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Fu=kt("div",{width:"65%",display:"flex",justifyContent:"start"}),Ou=kt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Uu=kt("div",{padding:"$15 $0 $15 $0"}),zu=IS({display:"flex",justifyContent:"space-between",alignItems:"center"});function Xo(t){let{type:e,tagHidden:o=!0}=t,n=q.createElement($u,null,q.createElement(Fu,null,q.createElement(qu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),q.createElement(nt,{size:8,direction:"horizontal"}),q.createElement(Ou,null,q.createElement(He,{height:10,width:60,variant:"rounded"}),q.createElement(nt,{size:4}),q.createElement(He,{height:15,variant:"rounded"}))),q.createElement(He,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return q.createElement("div",null,!o&&q.createElement(q.Fragment,null,q.createElement(Es,null,q.createElement(He,{width:65,height:20,variant:"rounded"}),q.createElement(nt,{size:4,direction:"horizontal"}),q.createElement(He,{width:65,height:20,variant:"rounded"}),q.createElement(nt,{size:4,direction:"horizontal"}),q.createElement(He,{width:65,height:20,variant:"rounded"})),q.createElement(fr,null),!r&&q.createElement(nt,{size:4})),q.createElement("div",{className:zu()},q.createElement(Es,null,q.createElement(He,{width:60,height:10,variant:"rounded"}),q.createElement(nt,{size:4,direction:"horizontal"}),q.createElement(He,{width:60,height:10,variant:"rounded"}),q.createElement(nt,{size:4,direction:"horizontal"}),q.createElement(He,{width:60,height:10,variant:"rounded"})),r&&q.createElement(He,{width:85,height:24,variant:"rounded"})),e==="basic"&&q.createElement(Bu,null,q.createElement(He,{height:15,width:148,variant:"rounded"})),e==="list-item"&&q.createElement(_u,null,q.createElement(Pu,null,q.createElement(qu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),q.createElement(nt,{direction:"horizontal",size:4}),q.createElement(He,{height:15,width:150,variant:"rounded"})),q.createElement(nt,{size:10}),q.createElement(He,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&q.createElement(q.Fragment,null,q.createElement(nt,{size:4}),q.createElement(Uu,null,n,q.createElement(Du,null),n),q.createElement(nt,{size:12})))}i(Xo,"QuoteSummarySkeleton");import{ChainToken as ju,Divider as Ns,NextIcon as ES,Skeleton as br}from"@rango-dev/ui";import ye from"react";import{styled as Ko}from"@rango-dev/ui";var Qu=Ko("div",{display:"flex",alignItems:"start"}),Hu=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}),Gu=Ko("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Vu=Ko("div",{display:"flex",alignItems:"center"});function dt(t){let{separator:e=!0}=t;return ye.createElement(ye.Fragment,null,ye.createElement(Vu,null,ye.createElement(br,{height:22,width:22,variant:"circular"}),ye.createElement(Ns,{direction:"horizontal",size:8}),ye.createElement(br,{height:15,width:148,variant:"rounded"})),ye.createElement(Qu,null,ye.createElement(Lu,{hideSeparator:!e}),ye.createElement(Hu,{extraSpace:e},ye.createElement(As,null,ye.createElement(ju,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ye.createElement(Ns,{direction:"horizontal",size:8}),ye.createElement(br,{height:12,variant:"rounded"})),ye.createElement(Gu,null,ye.createElement(ES,{color:"gray",size:16})),ye.createElement(As,null,ye.createElement(ju,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ye.createElement(Ns,{direction:"horizontal",size:8}),ye.createElement(br,{height:12,variant:"rounded"})))))}i(dt,"StepSkeleton");function Yo(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return xt.createElement(Nu,{expanded:o,rounded:e!=="basic"},xt.createElement(Xo,{type:e,tagHidden:n}),xt.createElement(Wu,null,xt.createElement(NS,{height:15,variant:"rounded"})),o&&xt.createElement(Mu,null,xt.createElement(AS,{size:24}),xt.createElement(dt,null),xt.createElement(dt,null),xt.createElement(dt,{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:d,fullExpandedMode:m=!1,container:f}=t,{inputAmount:g,inputUsdValue:S,toToken:C}=V(),y=e?.outputAmount?new WS(e?.outputAmount):null,k=e?.outputAmount?Dn(e?.outputAmount,On(e)||C?.usdPrice):null,x=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?Ir.createElement(Cs,null,Ir.createElement(Yo,{tagHidden:l,type:o,expanded:a})):x?Ir.createElement(Cs,{onClick:()=>p?.(e)},Ir.createElement(Is,{quote:e,error:r,container:f,showModalFee:c,warning:s,tagHidden:l,selected:u,type:o,expanded:a,onClickAllRoutes:d,fullExpandedMode:m,input:{value:g,usdValue:S?.toString()??""},output:{value:y?.toString()??"",usdValue:k?.toString()??""}})):null}i(eo,"QuoteInfo");import{calculatePendingSwap as _S}from"@rango-dev/queue-manager-rango-preset";import{useEffect as PS}from"react";import{useRef as MS,useState as LS}from"react";var BS=2e3;function Er({request:t}){let[e,o]=LS(!1),n=MS(null),r=i(()=>n.current?.abort(),"cancelFetch"),s=i(async l=>(await new Promise(p=>setTimeout(p,BS)),await a(l,!1)),"retryFetch"),a=i(async(l,p=!1)=>{r(),n.current=new AbortController,o(!0);try{let c=await t(l,{signal:n.current.signal});return n.current=null,c}catch(c){if(p)return await s(l);throw c}finally{o(!1)}},"fetch");return{fetch:a,loading:e,cancelFetch:r}}i(Er,"useFetch");function Xu(){let{fetch:t,loading:e,cancelFetch:o}=Er({request:async(n,r)=>await Lt().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(Xu,"useFetchConfirmQuote");function Ar(t){if(!t.swaps)throw new Error(R().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=Ws(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(Ar,"throwErrorIfResponseIsNotValid");function Ws(t){if(Hl(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Gl(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}}}let o=Kl(t);if(o){let n=$n(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(Ws,"getQuoteError");function Ku(t,e,o){let n=!1;t&&(n=cp(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&&(tp(t,e)?r.quoteUpdate={type:3,newOutputAmount:W(ro(e)),percentageChange:W(Xe(ro(t)??"",ro(e)??""),null,2)}:Ni(t,e)?r.quoteUpdate={type:0}:Wi(t,e)?r.quoteUpdate={type:1}:Mi(t,e)&&(r.quoteUpdate={type:2}));let a=op(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Ku,"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}=V(),{slippage:p,customSlippage:c}=h(),u=h().getDisabledLiquiditySources(),d=h().blockchains(),m=h().tokens(),f=c||p,{fetch:g,cancelFetch:S,loading:C}=Xu();return PS(()=>S,[]),{loading:C,fetch:i(async k=>{let T=k.selectedWallets,x=k?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let I=T.reduce((v,w)=>(v[w.chain]=w.address,v),{}),b={requestId:r?.requestId||"",selectedWallets:I,destination:x||void 0};try{return await g(b,!0).then(v=>{let{result:w}=v;Ar({diagnosisMessages:w.diagnosisMessages,requestId:w.requestId,swaps:w.result?.swaps});let N={outputAmount:w.result?.outputAmount,requestId:w.requestId,resultType:w.result?.resultType,swaps:w.result?.swaps||[],validationStatus:w.validationStatus,requestAmount:w.requestAmount};n(N);let E={slippage:f.toString(),disabledSwappersGroups:u},D=Ku(r??void 0,N,{fromToken:t,toToken:e,meta:{blockchains:d,tokens:m},selectedWallets:T,userSlippage:f});D.quoteUpdate&&a(!1),l();let U=!!D.balance,Q=_S(o.toString(),w,Rl(T),E,!U,{blockchains:d,tokens:m});return{quote:N,swap:Q,error:null,warnings:D}})}catch(v){return Nr(v)}},"fetch"),cancelFetch:S}}i(Ms,"useConfirmSwap");var GS=FS("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Zu}`]:{width:"$48",height:"$48"}}),VS=_s({flexGrow:1,paddingRight:"$10"}),jS=_s({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),XS=_s({display:"flex",justifyContent:"space-between",alignItems:"center"});function Ju(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,customDestination:r,quoteWarningsConfirmed:s}=V(),a=HS(),l=QS(),[p,c]=Zo(""),u=!n,[d,m]=Zo(!1),[f,g]=Zo(!1),{isActiveTab:S}=oe(),C=h().getDisabledLiquiditySources(),y=qS(C),{manager:k}=$S(),{fetch:T,loading:x,cancelFetch:I}=Ms(),[b,v]=Zo({swap:null,error:null,warnings:null}),[w,N]=Zo(!1),E=i(async({selectedWallets:O,customDestination:te})=>{let F=await T?.({selectedWallets:O,customDestination:te});return v(F),F},"onConfirmSwap"),D=i(async()=>{if(b.swap&&n)try{await k?.create("swap",{swapDetails:b.swap},{id:b.swap.requestId});let O=`../${z.swaps}/${b.swap.requestId}`;a(O,{replace:!0}),setTimeout(()=>{e("")},0)}catch(O){c("Error: "+O?.message)}},"addNewSwap"),U=i(async()=>{g(!0),await D(),g(!1)},"onConfirm"),Q=i(async()=>{b?.warnings?.quote&&!s?N(!0):await U()},"onStartConfirmSwap"),A=i(async()=>{v({error:null,swap:null,warnings:null}),T({selectedWallets:o,customDestination:r}).then(O=>{v(O)}).catch(O=>console.error(O))},"onRefresh");Wr(()=>{!!y.current.length&&!C.length&&A(),y.current=C},[C.length]),Wr(()=>{u&&I()},[u]),Wr(()=>{u&&m(u)},[u]),Wr(()=>{u||T({selectedWallets:o,customDestination:r}).then(O=>v(O)).catch(O=>console.error(O))},[]),zS(()=>{t||a(`../${l.search}`)},[]);let K=b.warnings?.quote??null,Z=b.error,ee=[];if(p&&ee.push(Se.createElement(Yu,{type:"error",variant:"alarm",title:p})),b.warnings?.quoteUpdate&&ee.push(Se.createElement(Yu,{variant:"alarm",type:"warning",title:b.warnings.quoteUpdate&&Qn(b.warnings.quoteUpdate)})),K||Z){let O=`../${z.settings}`;ee.push(Se.createElement(qo,{warning:K,error:Z,couldChangeSettings:!1,refetchQuote:A,showWarningModal:w,confirmationDisabled:!S,onOpenWarningModal:()=>N(!0),onCloseWarningModal:()=>N(!1),onConfirmWarningModal:async()=>{N(!1),await D()},onChangeSettings:()=>a(O)}))}return Se.createElement(le,{header:{title:Ls.t("Confirm Swap"),onWallet:()=>{let O=`../${z.wallets}`;a(O)}},footer:Se.createElement(GS,null,Se.createElement("div",{className:VS()},Se.createElement(DS,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:x||f,disabled:!!b.error||!S,onClick:Q},Ls.t("Start Swap"))),Se.createElement(Zu,{variant:"contained",type:"primary",size:"large",loading:x||f,disabled:!S,onClick:m.bind(null,!0)},Se.createElement(US,{size:24})))},d&&Se.createElement(Mc,{open:d,onClose:()=>m(!1),onCancel:I,loading:x,onCheckBalance:E}),Se.createElement(ce,null,Se.createElement("div",{className:XS()},Se.createElement(OS,{variant:"title",size:"small"},Ls.t("You get")),Se.createElement("div",{className:jS()},Se.createElement(tr,{onClick:!x&&!d&&!w?A:void 0}))),Se.createElement(Bs,{size:"12"}),$p(ee.map((O,te)=>({element:O,key:`alert-${te}`})),Se.createElement(Bs,{size:10})),ee.length>0?Se.createElement(Bs,{size:10}):null,Se.createElement(eo,{quote:t,type:"swap-preview",expanded:!0,tagHidden:!0,error:b.error,loading:x,warning:b.warnings?.quote??null})))}i(Ju,"ConfirmSwapPage");import{i18n as Lr}from"@lingui/core";import{useManager as cC}from"@rango-dev/queue-manager-react";import{Divider as pm,NotFound as uC,styled as mC}from"@rango-dev/ui";import vt,{useState as dC}from"react";import{useNavigate as fC}from"react-router-dom";import{i18n as ZS}from"@lingui/core";import{Divider as nm,GroupedVirtualizedList as JS,Skeleton as RS,SwapListItem as rm,Typography as eC}from"@rango-dev/ui";import Pe,{useCallback as im,useEffect as tC,useRef as oC,useState as nC}from"react";function Ru(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(Ru,"calculateGroupsSoFar");import{css as KS,darkTheme as YS,styled as Jo}from"@rango-dev/ui";var Ps=KS(),em=Jo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),$s=Jo("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${Ps}`]:{$$color:"$colors$neutral600",[`.${YS} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ds=Jo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),tm=Jo("div",{gap:"$10",display:"flex",flexDirection:"column"}),om=Jo("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var rC=10;function Fs(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=nC([]),l=oC(0),{swaps:p,groupCounts:c,groups:u}=n(e),d=im(Ru,[]),m=im(()=>{let f=e.length-l.current;f&&(l.current+=Math.min(f,rC),a(d(c,l.current)))},[e.length]);if(tC(()=>{r||m()},[r,m]),r){let f=[1,2];return Pe.createElement(Pe.Fragment,null,[f,f].map((S,C)=>Pe.createElement($s,{key:C},Pe.createElement(Ds,null,Pe.createElement(RS,{variant:"text",width:60,size:"small"}),Pe.createElement(nm,{size:16})),Pe.createElement(nm,{size:4}),Pe.createElement(tm,null,S.map((k,T)=>Pe.createElement(rm,{isLoading:!0,key:T}))))))}return Pe.createElement(JS,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:f=>Pe.createElement($s,null,Pe.createElement(Ds,null,Pe.createElement(eC,{variant:"label",size:"medium",className:Ps()},u[f]))),itemContent:(f,g)=>{let S=p[f];if(!S)return null;let C=S.steps[0],y=S.steps[S.steps.length-1];return Pe.createElement(em,{key:S.requestId},Pe.createElement(rm,{requestId:S.requestId,creationTime:S.creationTime,status:S.status,onClick:o,tooltipContainer:L(),onlyShowTime:u[g]===ZS.t("Today"),swapTokenData:{from:{token:{image:C.fromLogo,displayName:C.fromSymbol},blockchain:{image:C.fromBlockchainLogo||""},amount:W(S.inputAmount,6,6),realAmount:pe(S.inputAmount)},to:{token:{image:y.toLogo,displayName:y.toSymbol},blockchain:{image:y.toBlockchainLogo||""},amount:W(y.outputAmount||y.expectedOutputAmountHumanReadable||"",6,6),realAmount:pe(y.outputAmount||y.expectedOutputAmountHumanReadable)}}}))}})}i(Fs,"HistoryGroupedList");import{CloseIcon as sC,IconButton as aC,SearchIcon as lC,TextField as pC}from"@rango-dev/ui";import Ro from"react";import{styled as iC}from"@rango-dev/ui";var sm=iC("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function wt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Ro.createElement(pC,{prefix:Ro.createElement(sm,null,Ro.createElement(lC,{color:"black"})),suffix:!!a.length&&Ro.createElement(aC,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Ro.createElement(sC,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...p})}i(wt,"SearchInput");import{i18n as Mr}from"@lingui/core";import am from"dayjs";var lm=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=am();t.forEach(p=>{let c=Number(p.creationTime),u=am(c);if(n.isSame(u,"day"))e.get("today")?.swaps.push(p);else if(n.isSame(u,"week"))e.get("week")?.swaps.push(p);else if(n.isSame(u,"month"))e.get("month")?.swaps.push(p);else if(n.isSame(u,"year"))e.get("year")?.swaps.push(p);else{let d=new Date(c).getFullYear().toString();o(d,p)}});let r=Array.from(e.values()).filter(p=>p.swaps.length>0),s=r.flatMap(p=>p.swaps),a=r.map(p=>p.swaps.length),l=r.map(p=>p.title);return{swaps:s,groupCounts:a,groups:l}},"groupSwapsByDate");var gC=mC("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),hC=i((t,e)=>t?.length?t.filter(o=>lt(o.fromBlockchain,e)||lt(o.toBlockchain,e)||lt(o.toSymbol,e)||lt(o.fromSymbol,e)).length:!1,"isStepContainsText");function cm(){let t=fC(),{manager:e,state:o}=cC(),n=ct(e).map(({swap:u})=>u),[r,s]=dC(""),a=!o.loadedFromPersistor,l=i(u=>{let d=u.target.value;s(d)},"searchHandler"),p=n;r&&(p=n.filter(u=>lt(u.inputAmount,r)||lt(u.status,r)||hC(u.steps,r)||lt(u.requestId,r)));let c=!p?.length&&!a;return vt.createElement(le,{header:{title:Lr.t("History")}},vt.createElement(ce,null,vt.createElement(wt,{setValue:s,fullWidth:!0,variant:"contained",placeholder:Lr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),vt.createElement(pm,{size:"16"}),vt.createElement(gC,null,c&&vt.createElement(om,null,vt.createElement(pm,{size:32}),vt.createElement(uC,{title:Lr.t("No results found"),description:r?Lr.t("Try using different keywords"):""})),!c&&vt.createElement(Fs,{list:p,onSwapClick:t,groupBy:lm,isLoading:a}))))}i(cm,"HistoryPage");import{i18n as _C}from"@lingui/core";import{Button as PC,Divider as Am,styled as $C,WarningIcon as DC}from"@rango-dev/ui";import FC from"bignumber.js";import Ue,{useEffect as Nm,useState as Wm}from"react";import{useNavigate as OC}from"react-router-dom";import{i18n as xC}from"@lingui/core";import{Header as wC}from"@rango-dev/ui";import Ut,{useEffect as vC,useState as bC}from"react";import{i18n as SC}from"@lingui/core";import{Divider as Us,FullExpandedQuote as CC,Typography as TC}from"@rango-dev/ui";import me from"react";import{styled as Os}from"@rango-dev/ui";var um=Os("div",{display:"flex",justifyContent:"center",flexDirection:"column",height:"100%"}),mm=Os("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),dm=Os("div",{width:"146px"});import{i18n as en}from"@lingui/core";import{Select as yC}from"@rango-dev/ui";import fm from"react";function Br(t){let{updateQuotePartialState:e,sortStrategy:o}=V(),n=[{value:"SMART",label:en.t("Smart Routing")},{value:"FEE",label:en.t("Lowest Fee")},{value:"SPEED",label:en.t("Fastest Transfer")},{value:"NET_OUTPUT",label:en.t("Maximum Return")},{value:"PRICE",label:en.t("Maximum Output")}];return fm.createElement(dm,null,fm.createElement(yC,{container:t.container,options:n,value:o,handleItemClick:r=>{e("sortStrategy",r.value)},variant:"filled"}))}i(Br,"SelectStrategy");var gm=3;function tn(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:d,toToken:m,sortStrategy:f,error:g}=V(),{slippage:S,customSlippage:C}=h(),y=h().tokens(),k=l||L(),T=!!c&&c.results.length,x=C??S,I=i(w=>{if(!d||!m||!c)return null;let N={requestAmount:c.requestAmount,...w};return io(N,{fromToken:d,toToken:m,userSlippage:x,tokens:y})},"getQuoteWarning"),b=g?.type===0||g?.type===1,v=c?.results?Un(f,c?.results):[];return me.createElement(me.Fragment,null,s&&me.createElement(me.Fragment,null,me.createElement(mm,null,me.createElement(TC,{size:"xmedium",variant:"title"},SC.t("Sort by")),me.createElement(Br,{container:k})),me.createElement(Us,{size:"10"})),e&&Array.from({length:gm},(w,N)=>me.createElement(me.Fragment,{key:N},a?me.createElement(CC,{loading:!0}):me.createElement(Yo,{tagHidden:!1,type:"list-item",expanded:!1}),N!==gm-1&&me.createElement(Us,{size:16}))),!e&&me.createElement(me.Fragment,null,T?v.map((w,N)=>{let E=I(w),D=Ws(w.swaps),U=v.length-1===N;return me.createElement(me.Fragment,{key:w.requestId},me.createElement(eo,{showModalFee:r,container:k,selected:p?.requestId===w.requestId,tagHidden:!1,quote:{...w,requestAmount:c.requestAmount},loading:e,error:D?.options||null,warning:E,fullExpandedMode:a,onClick:Q=>{D||u("warning",E),u("error",D?.options||null),o(Q)},type:"list-item"}),!U&&me.createElement(Us,{size:16}))}):b&&me.createElement(um,null,me.createElement(Uo,{size:a?"large":"small",error:g,fetch:n}))))}i(tn,"Quotes");import{darkTheme as kC,styled as hm}from"@rango-dev/ui";var ym=hm("div",{transition:"width 0.2s, opacity 0.2s, margin-left 0.2s",height:"700px",width:"390px",opacity:1,marginLeft:"$16",backgroundColor:"$neutral100",[`.${kC} &`]:{backgroundColor:"$neutral300"},variants:{expandMode:{default:{width:"390px"},full:{width:"719px"}}},"&.is-hidden":{width:0,height:0,opacity:0,marginLeft:0}}),Sm=hm("div",{position:"relative",overflow:"hidden",padding:"$20",flexGrow:1,display:"flex",flexDirection:"column",overflowY:"auto",borderRadius:"$primary",backgroundColor:"$background"});var IC=100;function zs(t){let{fetch:e,loading:o,onClickOnQuote:n,onClickRefresh:r,isVisible:s}=t,[a,l]=bC(!1),p=a?"":"is-hidden",{config:c}=h(),u=c?.variant==="full-expanded",d=No();return vC(()=>{let m=null;return s?m=setTimeout(()=>{l(!0)},IC):(l(!1),m&&clearTimeout(m)),()=>{m&&clearTimeout(m)}},[s]),Ut.createElement(ym,{expandMode:c?.variant==="full-expanded"?"full":"default",className:`${p} ${rr()}`,id:Te.EXPANDED_BOX_ID},Ut.createElement(wC,{title:xC.t("Routes"),suffix:Ut.createElement(Ut.Fragment,null,Ut.createElement(Br,{container:d}),Ut.createElement(Zt,{container:d,onClickRefresh:r,hidden:["history","notifications","settings"]}))}),Ut.createElement(Sm,null,Ut.createElement(tn,{showModalFee:!1,fetch:e,hasSort:!1,loading:o,container:No(),onClickOnQuote:n,fullExpandedMode:u})))}i(zs,"ExpandedQuotes");import{i18n as bm}from"@lingui/core";import{SwapInput as Im}from"@rango-dev/ui";import on from"react";import{ReverseIcon as NC}from"@rango-dev/ui";import Qs from"react";import{keyframes as EC,styled as Cm}from"@rango-dev/ui";var qs=450,AC=EC({"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)"}}),Tm=Cm("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),km=Cm("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&.rotate":{"& svg":{animation:`${AC} ${qs}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=V.use.switchFromAndTo();return Qs.createElement(Tm,null,Qs.createElement(km,{onClick:e=>{let o=e.currentTarget;o.classList.add("rotate"),setTimeout(()=>{o.classList.remove("rotate")},qs),t()}},Qs.createElement(NC,{size:12})))}i(Hs,"SwitchFromAndToButton");import{styled as xm}from"@rango-dev/ui";var wm=xm("div",{display:"flex",flexDirection:"column",gap:"$5",alignSelf:"stretch"}),vm=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:d,outputAmount:m,outputUsdValue:f,selectedQuote:g}=V(),{connectedWallets:S,getBalanceFor:C}=J(),y=s?C(s):null,k=xn(y)?.amount??"0",T=a&&s?W(y?.amount,y?.decimals):"0",x=!!a&&il(S,a.name),I=!Ii(g,u,d),b=!Ii(g,u,f),v=!d||!f||!f.gt(0)?null:Xe(d.toString(),f.toString());return on.createElement(wm,null,on.createElement(vm,null,on.createElement(Im,{label:bm.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:I?void 0:W(d,4,4),realUsdValue:I?void 0:pe(d),error:I?R().unknownPriceError.impactTitle:void 0},disabled:o==="failed",loading:o==="loading",loadingBalance:x,tooltipContainer:L(),onSelectMaxBalance:()=>{c(T.split(",").join(""))}}),on.createElement(Hs,null)),on.createElement(Im,{sharpBottomStyle:!r&&(!!g||e),label:bm.t("To"),mode:"To",fetchingQuote:e,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:W(Xe(d,f),2,2),warningLevel:St(v??0),price:{value:W(m,6,6),usdValue:b?void 0:W(f,4,4),realValue:pe(m),realUsdValue:b?void 0:pe(f),error:b?R().unknownPriceError.impactTitle:void 0},onClickToken:()=>n("to"),disabled:o==="failed",loading:o==="loading",tooltipContainer:L()}))}i(Gs,"Inputs");import{useCallback as WC,useEffect as MC,useState as LC}from"react";function Em(){let{fetch:t,loading:e,cancelFetch:o}=Er({request:async(n,r)=>await Lt().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(Em,"useFetchAllQuotes");var BC=600;function _r({refetchQuote:t}){let{fetch:e,cancelFetch:o}=Em(),{excludeLiquiditySources:n,features:r,enableCentralizedSwappers:s}=h().config,a=J.use.connectedWallets(),l=h().tokens(),{fromToken:p,toToken:c,inputAmount:u,inputUsdValue:d,selectedQuote:m,sortStrategy:f,resetQuote:g,error:S,warning:C,setSelectedQuote:y,updateQuotePartialState:k}=V(),{slippage:T,customSlippage:x,affiliatePercent:I,affiliateRef:b,affiliateWallets:v,fetchStatus:w}=h(),N=h().getLiquiditySources(),E=h().getDisabledLiquiditySources(),D=h().excludeLiquiditySources(),[U,Q]=LC(!0),A=x??T,Z=!p||!c||Le(p,c)||!Eo(u),ee=i(F=>{Q(F)},"resetState"),O=i(F=>{let{fromToken:M,toToken:ne,inputAmount:Ne,liquiditySources:Ce,excludeLiquiditySources:Wt,disabledLiquiditySources:G,slippage:j,affiliateRef:re,affiliatePercent:be,affiliateWallets:Mt}=F;if(U||ee(!0),!Z&&M&&ne){g();let De=Jl({fromToken:M,toToken:ne,inputAmount:Ne,liquiditySources:Ce,excludeLiquiditySources:Wt,disabledLiquiditySources:G,wallets:a,slippage:j,affiliateRef:re,affiliatePercent:be,affiliateWallets:Mt,enableCentralizedSwappers:s});vl("experimentalRoute",r)&&(De.experimental=!0),e(De).then(Ie=>{let Ge=Un(f,Ie.results),We=dp(m,Ge,Ie.requestAmount);Q(!1),k("quotes",Ie),y(We),Ar({diagnosisMessages:Ie.diagnosisMessages,requestId:We?.requestId||"",swaps:We?.swaps});let at=We&&io(We,{fromToken:M,toToken:ne,userSlippage:A,tokens:l});k("warning",at)}).catch(Ie=>{let{error:Ge}=Nr(Ie);(Ge?.type===0||Ge?.type===1)&&g(),Ge?.type!==2&&(k("error",Ge),Q(!1))})}},"fetch"),te=WC(Tl(F=>{Z||O(F)},BC),[Z]);return MC(()=>{if(!t){Q(!1);return}if(w==="success"){if(Z){Q(!1),(m||S||C)&&g();return}if(!Eo(u)||d?.eq(0)){ee(!1),o();return}return g(),ee(!0),te({inputAmount:u,fromToken:p,toToken:c,liquiditySources:N,excludeLiquiditySources:D,disabledLiquiditySources:E,slippage:A,affiliateRef:b,affiliatePercent:I,affiliateWallets:v}),o}},[w,u,p?.symbol,p?.address,p?.blockchain,c?.symbol,c?.address,c?.blockchain,Z,N?.length,n,E.length,A,b,I,JSON.stringify(v)]),{fetch:()=>O({inputAmount:u,fromToken:p,toToken:c,liquiditySources:N,excludeLiquiditySources:D,disabledLiquiditySources:E,slippage:A,affiliateRef:b,affiliatePercent:I,affiliateWallets:v}),loading:U}}i(_r,"useSwapInput");var UC=$C("div",{display:"flex",alignItems:"flex-start",maxHeight:700,"& .footer__alert":{paddingTop:"0 !important"}}),zC=300;function Mm(){let t=OC(),{fromToken:e,toToken:o,inputAmount:n,selectedQuote:r,refetchQuote:s,error:a,warning:l,quotes:p,setSelectedQuote:c,resetQuoteWallets:u,setQuoteWarningsConfirmed:d,updateQuotePartialState:m}=V(),[f,g]=Wm(!1),{isLargeScreen:S,isExtraLargeScreen:C}=Cr(),{fetch:y,loading:k}=_r({refetchQuote:s}),{config:T,fetchStatus:x}=h(),{connectedWallets:I}=J(),{isActiveTab:b}=oe(),[v,w]=Wm(!1),E=Vl({fetchMetaStatus:x,fetchingQuote:k,inputAmount:n,quote:r,anyWalletConnected:I.length>0,error:a,warning:l,needsToWarnEthOnPath:!1}),D=ul(S,C,T?.variant),U=!!n&&!!e&&!!o&&new FC(n).gt(0)&&!ap(e,o),Q=U&&x==="success"&&k,Z=(!D||D&&p?.results.length)&&(l||a);Nm(()=>{u(),m("refetchQuote",!0)},[]),Nm(()=>{g(U)},[U]);let ee=(r||a)&&!v?y:void 0,O=i(F=>{D&&f?(g(!1),setTimeout(()=>{t(F)},zC)):t(F)},"onHandleNavigation"),te=i(F=>{r?.requestId!==F.requestId&&(w(!1),c(F))},"onClickOnQuote");return Ue.createElement(UC,null,Ue.createElement(le,{height:"auto",footer:Ue.createElement(PC,{type:"primary",size:"large",disabled:E.disabled||!b,prefix:E.action==="confirm-warning"&&Ue.createElement(DC,null),fullWidth:!0,onClick:()=>{E.action==="connect-wallet"?O(z.wallets):E.action==="confirm-warning"?w(!0):O(z.confirmSwap)}},E.title),header:{onWallet:()=>{O(z.wallets)},hasBackButton:!1,title:T.title||_C.t("Swap"),suffix:Ue.createElement(Zt,{hidden:D?["refresh"]:void 0,onClickRefresh:ee,onClickHistory:()=>O(z.swaps),onClickSettings:()=>{O(z.settings)}})}},Ue.createElement(ce,null,Ue.createElement(Gs,{fetchingQuote:Q,fetchMetaStatus:x,isExpandable:D,onClickToken:F=>{O(F==="from"?z.fromSwap:z.toSwap)}}),Ue.createElement(Am,{size:"2"}),D?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),O(z.routes)}:void 0}),Z?Ue.createElement(Ue.Fragment,null,Ue.createElement(Am,{size:"10"}),Ue.createElement(qo,{warning:l,error:a,couldChangeSettings:!0,refetchQuote:y,showWarningModal:v,confirmationDisabled:!b,onOpenWarningModal:()=>w(!0),onCloseWarningModal:()=>w(!1),onConfirmWarningModal:()=>{w(!1),d(!0),O(z.confirmSwap)},onChangeSettings:()=>O(z.settings)})):null)),D?Ue.createElement(zs,{loading:Q,onClickOnQuote:te,fetch:y,onClickRefresh:ee,isVisible:f}):null)}i(Mm,"Home");import{i18n as Lm}from"@lingui/core";import{Alert as qC,Divider as QC,List as HC,ListItemButton as GC,Radio as VC,RadioRoot as jC,Typography as XC}from"@rango-dev/ui";import ft from"react";function zt(){let{setLanguage:t,language:e,config:o}=h(),n=Il,r=o?.language||Mo;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||Mo),resetLanguage:()=>t(null)}}i(zt,"useLanguage");function Bm(){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:ft.createElement(XC,{variant:"title",size:"xmedium"},l),onClick:()=>{e(s.local),n()},end:ft.createElement(VC,{value:a}),start:ft.createElement(p,null)}});return ft.createElement(le,{header:{title:Lm.t("Language")}},ft.createElement(ce,null,ft.createElement(qC,{type:"warning",variant:"alarm",title:"Important Notice: Machine translations are in use"}),ft.createElement(QC,{size:"8"}),ft.createElement(jC,{value:t},ft.createElement(HC,{type:ft.createElement(GC,{title:Lm.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}i(Bm,"LanguagePage");import{i18n as bt}from"@lingui/core";import{Button as RC,Checkbox as eT,Image as tT,ListItemButton as oT,NotFound as nT,Typography as rT}from"@rango-dev/ui";import $e,{useState as iT}from"react";import{Checkbox as ZC,Skeleton as Pm}from"@rango-dev/ui";import rn from"react";import{styled as Vs}from"@rango-dev/ui";var nn=Vs("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),js=Vs("div",{width:80,display:"flex",justifyContent:"flex-end"}),Xs=Vs("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as KC,styled as YC}from"@rango-dev/ui";var _m=YC(KC,{height:61});var JC=30;function Ks(){return rn.createElement(nn,null,Array.from(Array(JC),(t,e)=>rn.createElement(_m,{hasDivider:!0,key:e,start:rn.createElement(Pm,{variant:"circular",width:35,height:35}),title:rn.createElement(Pm,{variant:"text",size:"large",width:90}),end:rn.createElement(ZC,{checked:!1})})))}i(Ks,"LoadingLiquiditySourceList");function Ys({sourceType:t}){let e=h().fetchStatus,o=h().swappers(),n=h().getDisabledLiquiditySources(),[r,s]=iT(""),a=h().toggleLiquiditySource,l=h().isInCampaignMode(),p=An(o,n),c={Exchanges:bt.t("Exchanges"),Bridges:bt.t("Bridges")},u=[];t==="Exchanges"&&u.push("DEX"),t==="Bridges"&&u.push("BRIDGE","AGGREGATOR","OFF_CHAIN");let d=p.filter(y=>u.includes(y.type)),m=d.length===d.filter(y=>y.selected).length,f=i(()=>{d.forEach(y=>{m?a(y.groupTitle):y.selected||a(y.groupTitle)})},"toggleAllSources"),g=d.map(y=>{let{selected:k,groupTitle:T,logo:x}=y;return{start:$e.createElement(tT,{src:x,size:22,type:"circular"}),onClick:()=>{l||a(T)},end:$e.createElement(eT,{checked:k,disabled:l}),title:$e.createElement(rT,{variant:"title",size:"xmedium"},bt.t(T)),...y}}),S=i(y=>{let k=y.target.value;s(k)},"searchHandler"),C=g;return r&&(C=g.filter(y=>lt(y.groupTitle,r))),$e.createElement(le,{header:{title:bt.t(t),suffix:$e.createElement(js,null,$e.createElement(RC,{variant:"ghost",size:"xsmall",onClick:f},m?bt.t("Deselect all"):bt.t("Select all")))}},$e.createElement(ce,{view:!0},$e.createElement(wt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:bt.t("Search {sourceType}",{sourceType:c[t]}),onChange:S}),e==="loading"&&$e.createElement(Ks,null),!C.length&&r?$e.createElement(Xs,null,$e.createElement(nT,{title:bt.t("No results found"),description:bt.t("Try using different keywords")})):e==="success"&&$e.createElement(nn,{disabled:l},C.map(y=>{let{groupTitle:k,...T}=y;return $e.createElement($e.Fragment,{key:y.id},$e.createElement(oT,{style:{height:"61px"},...T,selected:!1,hasDivider:!0}))}))))}i(Ys,"LiquiditySourcePage");import{i18n as sT}from"@lingui/core";import Pr from"react";import{useNavigate as aT}from"react-router-dom";function $m(){let t=aT(),e=Ye(),{selectedQuote:o,refetchQuote:n,setSelectedQuote:r,updateQuotePartialState:s,error:a}=V(),{fetch:l,loading:p}=_r({refetchQuote:n}),c=i(m=>{r(m),s("refetchQuote",!1),e()},"onClickOnQuote"),u=`../${z.settings}`,d=`../${z.wallets}`;return Pr.createElement(le,{header:{onWallet:()=>{t(d)},onBack:()=>{s("refetchQuote",!1)},title:sT.t("Routes"),suffix:Pr.createElement(Zt,{onClickRefresh:o||a?l:void 0,hidden:["notifications","history"],onClickSettings:()=>t(u)})}},Pr.createElement(ce,null,Pr.createElement(tn,{fetch:l,loading:p,onClickOnQuote:c})))}i($m,"RoutesPage");import{i18n as Hm}from"@lingui/core";import{Divider as Gm,getCountCategories as yT,SelectableCategoryList as ST}from"@rango-dev/ui";import It,{useState as Vm}from"react";import{i18n as Js}from"@lingui/core";import{Divider as qm,Image as mT,ListItemButton as dT,NotFound as fT,Typography as Qm}from"@rango-dev/ui";import Ze,{useEffect as gT,useState as hT}from"react";import{BlockchainCategories as Zs}from"@rango-dev/ui";import{TransactionType as $r}from"rango-sdk";var lT=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"),Dm=i((t,e,o)=>t.filter(n=>lT(n,o)).filter(n=>yt(n.name,e)||yt(n.displayName,e)),"filterBlockchains");import{ImageContainer as pT,styled as Fm}from"@rango-dev/ui";var Om=Fm("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Dr=Fm(Do,{padding:0,margin:0,listStyle:"none",[`& ${pT}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as cT,Skeleton as Um}from"@rango-dev/ui";import Fr from"react";var uT=20;function zm(){return Fr.createElement(Dr,null,Array.from(Array(uT),t=>Fr.createElement(cT,{key:t,hasDivider:!0,start:Fr.createElement(Um,{variant:"circular",width:35,height:35}),title:Fr.createElement(Um,{variant:"text",size:"large",width:90})})))}i(zm,"LoadingBlockchainList");function Rs(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=hT(e),{fetchStatus:l}=h();gT(()=>{a([...Dm(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Ze.createElement(Ze.Fragment,null,Ze.createElement(qm,{size:32}),Ze.createElement(fT,{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(dT,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:Ze.createElement(mT,{src:c.logo,size:30}),title:Ze.createElement(Qm,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return Ze.createElement(Om,null,Ze.createElement(Qm,{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]=Vm(""),[s,a]=Vm("ALL"),l=V.use.setToBlockchain(),p=V.use.setFromBlockchain(),c=h().fetchStatus,u=h().blockchains({type:e}),m=yT(u)!==1;return It.createElement(le,{header:{title:Hm.t("Select Blockchain")}},It.createElement(ce,{view:!0},m&&It.createElement(It.Fragment,null,It.createElement(ST,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),It.createElement(Gm,{size:24})),It.createElement(wt,{value:n,autoFocus:!0,placeholder:Hm.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),It.createElement(Gm,{size:16}),It.createElement(Rs,{list:u,searchedFor:n,blockchainCategory:s,onChange:f=>{e==="source"?p(f):l(f),o()}})))}i(ea,"SelectBlockchainPage");import{i18n as Qr}from"@lingui/core";import{Divider as dd}from"@rango-dev/ui";import to,{useState as PT}from"react";import{useNavigate as $T}from"react-router-dom";import{i18n as na}from"@lingui/core";import{BlockchainsChip as Or,Divider as Ym,Image as Zm,Skeleton as wT,Tooltip as vT,Typography as ra}from"@rango-dev/ui";import ve from"react";import{useEffect as kT}from"react";var jm=["ETH","COSMOS","OSMOSIS"];function ta(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(CT),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(TT(a)),r=n.splice(s)}return{list:n,more:r}}i(ta,"prepare");function CT(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(CT,"sortByMostUsedBlockchains");function TT(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(TT,"generateSortByPreferredBlockchainsFor");function Xm(t,e){return!!e.list.find(o=>o.name===t)}i(Xm,"isInVisibleList");function oa(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=h();kT(()=>{if(e?.selected){let s=ta(t,o,e);Xm(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 xT}from"@rango-dev/ui";var Km=xT("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var bT=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}=h(),p=V.use.resetToBlockchain(),c=V.use.resetFromBlockchain(),u=a.more.length>0,d=a.more.length===1,m=!d&&u;return ve.createElement(ve.Fragment,null,ve.createElement(Ym,{size:12}),ve.createElement(ra,{variant:"label",size:"large"},na.t("Select Blockchain")),ve.createElement(Ym,{size:12}),ve.createElement(Km,null,l==="loading"&&Array.from(Array(bT),f=>ve.createElement(wT,{key:f,variant:"rounded",height:50})),l==="success"&&ve.createElement(ve.Fragment,null,ve.createElement(Or,{selected:!n,onClick:()=>{o==="from"?c():p()}},ve.createElement(ra,{variant:"body",size:"xsmall",color:"secondary500"},na.t("All"))),a.list.map(f=>ve.createElement(vT,{key:f.name,content:f.shortName,side:"bottom",sideOffset:2,container:L()},ve.createElement(Or,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},ve.createElement(Zm,{src:f.logo,size:30})))),d?ve.createElement(Or,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},ve.createElement(Zm,{src:a.more[0].logo,size:30})):null,m?ve.createElement(Or,{onClick:s,key:"more-blockchains"},ve.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 ld,Divider as xo,ExternalLinkIcon as AT,Image as NT,ListItemButton as WT,NotFound as MT,PinIcon as LT,Skeleton as pd,Typography as qr,VirtualizedList as BT}from"@rango-dev/ui";import H,{useEffect as cd,useState as ud}from"react";import{Divider as sd,ListItem as ET,Skeleton as sn}from"@rango-dev/ui";import rt from"react";import{css as ko,darkTheme as Jm,ImageContainer as IT,styled as Je,Typography as Rm}from"@rango-dev/ui";var sa=ko({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),aa=ko({position:"relative",height:12,width:"30%",maxWidth:"150px"}),la=ko({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),pa=ko({transform:"translateY(12px)",visibility:"hidden",display:"flex","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Jm} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),ca=ko({}),ua=ko(),ed=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(Rm,{}),td=Je("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${ua}`]:{$$color:"$colors$neutral600",[`.${Jm} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),zr=Je("div",{display:"flex",alignItems:"end",flexDirection:"column"}),WF=Je("div",{display:"flex",alignItems:"center"}),od=Je("div",{position:"relative",[`& ${IT}`]:{borderRadius:"$xm",overflow:"hidden"}}),nd=Je("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),rd=Je(Rm,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),id=Je("a",{"& svg:hover":{color:"$colors$info"}});function ad(t){return rt.createElement(Ur,null,Array.from(Array(t.size),e=>rt.createElement(ET,{key:e,hasDivider:!0,start:rt.createElement(sn,{variant:"circular",width:35,height:35}),end:rt.createElement(zr,null,rt.createElement(sn,{variant:"text",size:"large",width:70}),rt.createElement(sd,{size:4}),rt.createElement(sn,{variant:"text",size:"medium",width:50})),title:rt.createElement("div",null,rt.createElement(sn,{variant:"text",size:"large",width:90}),rt.createElement(sd,{size:4}),rt.createElement(sn,{variant:"text",size:"medium",width:90}))})))}i(ad,"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 H.createElement("div",{className:aa()},o?H.createElement("div",{className:sa()},o):H.createElement(ma,{className:la()},H.createElement(qr,{variant:"title",size:"xmedium"},r.symbol),H.createElement(xo,{direction:"horizontal",size:4}),H.createElement(da,{css:s},H.createElement(fa,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&H.createElement("div",{className:`${pa()} ${!o&&ca()}`},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",H.createElement(xo,{size:4,direction:"horizontal"}),H.createElement(id,{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},H.createElement(AT,{size:12}))))},"renderDesc");function md(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=ud(e),l=h().fetchStatus,p=h().blockchains(),[c,u]=ud(!0),{getBalanceFor:d,loading:m}=J(),{isTokenPinned:f}=h(),g=i(()=>{a(e.slice(0,s.length+ha))},"loadNextPage");cd(()=>{u(e.length>s.length)},[s.length]),cd(()=>{a(e.slice(0,ha))},[e.length]);let S=i(()=>!s.length&&o?H.createElement(H.Fragment,null,H.createElement(xo,{size:32}),H.createElement(MT,{title:ga.t("No results found"),description:ga.t("Try using different keywords")})):H.createElement(BT,{endReached:c?g:void 0,itemContent:C=>{let y=s[C],k=xn(d(y)),T=y.address||"",x=p.find(N=>N.name===y.blockchain),I=Zn(x?.color||"",_p(x?.color||"")?5:125),b=Zn(x?.color||"",-100),v={$$color:I,[`.${ld} &`]:{$$color:b},backgroundColor:"$$color"},w={$$color:b,[`.${ld} &`]:{$$color:I},color:"$$color"};return H.createElement("div",{style:{paddingRight:5}},H.createElement(WT,{style:{width:"100%",overflow:"hidden",height:"60px"},"tab-index":C,key:`${y.symbol}${y.address}`,id:`${y.symbol}${y.address}`,hasDivider:!0,onClick:()=>n(s[C]),start:H.createElement(od,null,H.createElement(NT,{src:y.image,size:30}),f(y,t.type)&&H.createElement(nd,null,H.createElement(LT,{size:12,color:"gray"}))),title:x?.type==="COSMOS"||y.name||!y.name&&!T?H.createElement(ma,null,H.createElement(qr,{variant:"title",size:"xmedium"},y.symbol),H.createElement(xo,{direction:"horizontal",size:4}),H.createElement(da,{css:v},H.createElement(fa,{variant:"body",size:"xsmall",css:w},y.blockchain))):void 0,description:x?.info&&T&&x.type!=="COSMOS"?_T({address:T,token:s[C],customCssForTag:v,customCssForTagTitle:w,name:y.name,url:x.info.addressUrl.split("{wallet}").join(T)}):y.name||void 0,end:m?H.createElement(zr,null,H.createElement(pd,{variant:"text",size:"large",width:70}),H.createElement(xo,{size:4}),H.createElement(pd,{variant:"text",size:"medium",width:50})):k&&H.createElement(td,null,H.createElement(rd,{variant:"title",size:"small"},k.amount),H.createElement("div",null),k.usdValue&&H.createElement(qr,{variant:"body",className:ua(),size:"xsmall"},`$${k.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return H.createElement(ed,null,H.createElement(qr,{variant:"label",size:"large"},ga.t("Select Token")),H.createElement(xo,{size:4}),l==="loading"&&H.createElement(ad,{size:ha}),l==="success"&&H.createElement(Ur,{as:"ul"},S()))}i(md,"TokenList");function ya(t){let{type:e}=t,o=$T(),n=Ye(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=V(),u=J.use.getBalanceFor(),[d,m]=PT(""),g=(e==="source"?r:s)?.name??"",S=h().blockchains({type:e}),C=h().tokens({type:e,blockchain:g,searchFor:d,getBalanceFor:u}),y=i(x=>{e==="source"?p(x):c(x)},"updateBlockchain"),k=i(x=>{e==="source"?a({token:x,meta:{blockchains:S,tokens:C}}):l({token:x,meta:{blockchains:S,tokens:C}})},"updateToken"),T={source:Qr.t("Source"),destination:Qr.t("Destination")};return to.createElement(le,{header:{title:Qr.t("Swap {type}",{type:T[e]})}},to.createElement(ce,null,to.createElement(ia,{blockchains:S,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(z.blockchains),onChange:x=>{y(x)}}),to.createElement(dd,{size:24}),to.createElement(wt,{value:d,autoFocus:!0,placeholder:Qr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:x=>m(x.target.value)}),to.createElement(dd,{size:16}),to.createElement(md,{list:C,selectedBlockchain:g,searchedFor:d,type:e,onChange:x=>{k(x);let I=S.find(b=>x.blockchain===b.name);I&&y(I),n()}})))}i(ya,"SelectSwapItemsPage");import{i18n as ka}from"@lingui/core";import{Alert as ak,Button as lk,styled as pk}from"@rango-dev/ui";import oo from"react";import{useInRouterContext as ck,useSearchParams as uk}from"react-router-dom";import{i18n as Cd}from"@lingui/core";import{Divider as UT,InfoIcon as zT,TextField as qT,Tooltip as QT,Typography as Td}from"@rango-dev/ui";import it from"react";import{Chip as DT,styled as an,TextField as FT}from"@rango-dev/ui";var fd=an("div",{paddingTop:"$5",padding:"$10 $5"}),gd=an("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${FT}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),hd=an("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Hr=an("div",{maxWidth:"280px",padding:"$10"}),yd=an(DT,{width:"61px",flexShrink:0});import{i18n as Sa}from"@lingui/core";import{Typography as OT}from"@rango-dev/ui";import ln from"react";function Sd(){return ln.createElement(Hr,null,ln.createElement(OT,{variant:"label",size:"medium",color:"neutral700"},Sa.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),ln.createElement("br",null),ln.createElement("br",null),ln.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(Sd,"SlippageTooltipContent");function Ca(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=h();return it.createElement(fd,null,it.createElement(hd,null,it.createElement(Td,{variant:"title",size:"xmedium"},Cd.t("Slippage tolerance per swap")),it.createElement(UT,{direction:"horizontal",size:4}),it.createElement(QT,{container:L(),side:"top",sideOffset:4,content:it.createElement(Sd,null)},it.createElement(zT,{color:"gray"}))),it.createElement(gd,null,El.map((r,s)=>{let a=`slippage-${s}`;return it.createElement(yd,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`})}),it.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>=Ml&&a<=Wl?n(a):n(null)},suffix:o&&it.createElement(Td,{variant:"body",size:"small"},"%"),placeholder:Cd.t("Custom")})))}i(Ca,"Slippage");import{i18n as gt}from"@lingui/core";import{AutoThemeIcon as kd,BridgesIcon as HT,ChevronRightIcon as Ta,DarkModeIcon as xd,Divider as Gr,ExchangeIcon as GT,InfinityIcon as VT,InfoIcon as jT,LanguageIcon as XT,LightModeIcon as wd,List as KT,ListItem as YT,ListItemButton as ZT,Skeleton as JT,styled as RT,Switch as ek,Tabs as tk,Tooltip as ok,Typography as Re}from"@rango-dev/ui";import P from"react";import{useNavigate as nk}from"react-router-dom";var rk=RT("div",{width:"202px",height:"$40"}),ik=[{id:"light",icon:P.createElement(wd,{color:"black",size:24}),tooltip:P.createElement(Re,{size:"xsmall",variant:"body"},gt.t("Light"))},{id:"dark",icon:P.createElement(xd,{color:"black",size:24}),tooltip:P.createElement(Re,{size:"xsmall",variant:"body"},gt.t("Dark"))},{id:"auto",icon:P.createElement(kd,{color:"black",size:24}),tooltip:P.createElement(Re,{size:"xsmall",variant:"body"},gt.t("Auto"))}],sk=i(t=>{let e={color:"gray",size:16};switch(t){case"auto":return P.createElement(kd,{...e});case"dark":return P.createElement(xd,{...e});default:return P.createElement(wd,{...e})}},"getThemeIcon");function vd(){let t=nk(),{theme:e}=h().config,{setTheme:o,theme:n}=h(),{activeLanguage:r,languages:s}=zt(),a=s.find(A=>A.local===r)?.label,l=h().fetchStatus,p=h().swappers(),c=h().getDisabledLiquiditySources(),{config:{features:u}}=h(),d=je("theme",u),m=je("liquiditySource",u),f=je("language",u),g=h().infiniteApprove,S=h().toggleInfiniteApprove,C=An(p,c),y=C.filter(A=>["BRIDGE","AGGREGATOR","OFF_CHAIN"].includes(A.type)),k=y.length,T=y.filter(A=>A.selected).length,x=C.filter(A=>A.type==="DEX"),I=x.length,b=x.filter(A=>A.selected).length,v=i((A,K)=>{switch(l){case"loading":return P.createElement(JT,{variant:"text",size:"medium",width:50});case"failed":return P.createElement(Re,{variant:"body",size:"medium",color:"$error500"},gt.t("Loading failed"));default:return P.createElement(Re,{variant:"body",size:"medium"},`${A} / ${K}`)}},"handleSwapperEndItem"),w={id:"bridge-item",title:P.createElement(Re,{variant:"title",size:"xmedium"},gt.t("Bridges")),end:P.createElement(P.Fragment,null,v(T,k),P.createElement(Gr,{direction:"horizontal",size:8}),P.createElement(Ta,{color:"black"})),onClick:()=>t(z.bridges),start:P.createElement(HT,{color:"gray",size:16})},N={id:"exchange-item",title:P.createElement(Re,{variant:"title",size:"xmedium"},gt.t("Exchanges")),end:P.createElement(P.Fragment,null,v(b,I),P.createElement(Gr,{direction:"horizontal",size:8}),P.createElement(Ta,{color:"black"})),start:P.createElement(GT,{color:"gray",size:16}),onClick:()=>t(z.exchanges)},E={id:"language-item",title:P.createElement(Re,{variant:"title",size:"xmedium"},gt.t("Language")),start:P.createElement(XT,{color:"gray",size:16}),end:P.createElement(P.Fragment,null,P.createElement(Re,{variant:"body",size:"medium"},a),P.createElement(Gr,{direction:"horizontal",size:8}),P.createElement(Ta,{color:"black"})),onClick:()=>t(z.languages)},D={id:"infinite-approval-item",title:P.createElement(P.Fragment,null,P.createElement(Re,{variant:"title",size:"xmedium"},gt.t("Infinite approval")),P.createElement(Gr,{direction:"horizontal",size:4}),P.createElement(ok,{side:"top",sideOffset:4,container:L(),content:P.createElement(Hr,null,P.createElement(Re,{variant:"label",size:"medium",color:"neutral700"},gt.t("Enabling the 'Infinite approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},P.createElement(jT,{color:"gray"}))),start:P.createElement(VT,{color:"gray",size:16}),end:P.createElement(ek,{checked:g}),onClick:S},U={id:"theme-item",type:P.createElement(YT,null),title:P.createElement(Re,{variant:"title",size:"xmedium"},gt.t("Theme")),end:P.createElement(rk,null,P.createElement(tk,{container:L(),items:ik,value:n,onChange:A=>o(A.id),type:"primary",borderRadius:"small"})),start:sk(n)},Q=m?[]:[w,N];return f||Q.push(E),Q.push(D),!e?.singleTheme&&!d&&Q.push(U),P.createElement(KT,{type:P.createElement(ZT,{hasDivider:!0,id:"_",onClick:()=>console.log()}),items:Q})}i(vd,"SettingsLists");var mk=pk("div",{paddingLeft:"$8"});function bd(){let{isInCampaignMode:t,updateCampaignMode:e}=h(),o=t(),[,n]=uk(),r=ck(),s=i(()=>{r&&o&&(n(a=>(a.delete("liquiditySources"),a),{replace:!0}),e("liquiditySources",void 0))},"onClick");return oo.createElement(le,{header:{title:ka.t("Settings")}},oo.createElement(ce,null,o&&oo.createElement(ak,{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(mk,null,oo.createElement(lk,{type:"secondary",size:"small",onClick:s},ka.t("Reset")))}),oo.createElement(Ca,null),oo.createElement(vd,null)))}i(bd,"SettingsPage");import{i18n as Jk}from"@lingui/core";import{cancelSwap as Rk}from"@rango-dev/queue-manager-rango-preset";import{useManager as ex}from"@rango-dev/queue-manager-react";import{Alert as tx}from"@rango-dev/ui";import Fa from"react";import{useParams as ox}from"react-router-dom";import{i18n as Nt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as _k,getCurrentStep as Pk,getRelatedWalletOrNull as $k}from"@rango-dev/queue-manager-rango-preset";import{Button as tf,CopyIcon as Dk,Divider as Fk,IconButton as Ok,LinkIcon as Uk,QuoteCost as zk,StepDetails as qk,Typography as no,useCopyToClipboard as Qk}from"@rango-dev/ui";import{useWallets as Hk}from"@rango-dev/wallets-react";import of from"bignumber.js";import{PendingSwapNetworkStatus as ei}from"rango-types";import Y,{useEffect as nf,useRef as Gk,useState as rf}from"react";import{useNavigate as Vk}from"react-router-dom";import{i18n as qt}from"@lingui/core";var dk=[qt.t("Sunday"),qt.t("Monday"),qt.t("Tuesday"),qt.t("Wednesday"),qt.t("Thursday"),qt.t("Friday"),qt.t("Saturday")];function Id(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"):`${dk[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(Id,"timeSince");function Ed(t){return t.finishTime?Id(parseInt(t.finishTime)):Id(parseInt(t.creationTime))}i(Ed,"getSwapDate");import{PendingSwapNetworkStatus as Xr}from"rango-types";import Kr from"react";import{i18n as Vr}from"@lingui/core";import{Button as Ad,Divider as xa,MessageBox as fk}from"@rango-dev/ui";import Qt from"react";var Nd=i(({onCancel:t,onClose:e})=>Qt.createElement(Qt.Fragment,null,Qt.createElement(xa,{size:20}),Qt.createElement(fk,{type:"error",title:Vr.t("Cancel Swap"),description:Vr.t("Are you sure you want to cancel this swap?")}),Qt.createElement(xa,{size:32}),Qt.createElement(Ad,{variant:"contained",type:"primary",size:"large",onClick:t},Vr.t("Yes, Cancel it")),Qt.createElement(xa,{size:12}),Qt.createElement(Ad,{variant:"outlined",type:"primary",size:"large",onClick:e},Vr.t("No, Continue"))),"CancelContent");import{i18n as jr}from"@lingui/core";import{Button as Wd,Divider as wa,MessageBox as gk,Typography as hk}from"@rango-dev/ui";import Et from"react";var Md=i(({onDelete:t,onClose:e})=>Et.createElement(Et.Fragment,null,Et.createElement(wa,{size:20}),Et.createElement(gk,{type:"error",title:jr.t("Delete Transaction"),description:jr.t("Are you sure you want to delete this swap?")}),Et.createElement(wa,{size:32}),Et.createElement(Wd,{variant:"contained",type:"primary",size:"large",onClick:t},jr.t("Yes, Delete it")),Et.createElement(wa,{size:12}),Et.createElement(Wd,{variant:"outlined",type:"primary",size:"large",onClick:e},Et.createElement(hk,{variant:"title",size:"medium",color:"primary"},jr.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 yk}from"@rango-dev/logging-core";import{MessageBox as Sk,Wallet as Ck}from"@rango-dev/ui";import{useWallets as Tk}from"@rango-dev/wallets-react";import pn from"react";import{styled as Ld}from"@rango-dev/ui";var Bd=Ld("div",{display:"flex",justifyContent:"center"}),SU=Ld("div",{maxWidth:280,"& ._typography":{wordWrap:"break-word",display:"block"}});var _d=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c}=Tk(),u=n?.walletType,d=u?ci(c(u)):null,m=u?p(u):null;return pn.createElement(pn.Fragment,null,pn.createElement(Sk,{type:e,title:o,description:r}),s&&!!u&&!!d&&!!m&&pn.createElement(Bd,null,pn.createElement(Ck,{container:L(),title:m.name,image:m.img,type:u,state:d,link:m.installLink,disabled:a,onClick:async()=>l(u).catch(g=>yk(g))})))},"WalletStateContent");function Ea(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(ae,{open:!!e,onClose:o,container:document.getElementById(Te.SWAP_BOX_ID)||document.body},p&&Kr.createElement(_d,{type:Ia[e].type,title:Ia[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==Xr.WaitingForNetworkChange}),e==="delete"&&Kr.createElement(Md,{onClose:o,onDelete:n}),e==="cancel"&&Kr.createElement(Nd,{onClose:o,onCancel:r}))}i(Ea,"SwapDetailsModal");import{i18n as cn}from"@lingui/core";import{Button as Aa,Divider as Yr,MessageBox as Pd,TokenAmount as kk,Typography as Na}from"@rango-dev/ui";import Ae from"react";import{useNavigate as xk}from"react-router-dom";function Wa(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:c,percentageChange:u,description:d,diagnosisUrl:m}=t,f=xk();return Ae.createElement(ae,{open:e,onClose:o,container:document.getElementById(Te.SWAP_BOX_ID)||document.body},n==="success"?Ae.createElement(Pd,{type:"success",title:cn.t("Swap Successful")},Ae.createElement(kk,{direction:"vertical",tooltipContainer:L(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),Ae.createElement(Yr,{size:12}),Ae.createElement(Na,{variant:"body",size:"medium",color:"neutral700",align:"center"},d)):Ae.createElement(Pd,{type:"error",title:cn.t("Transaction Failed"),description:d}),Ae.createElement(Yr,{size:32}),n==="success"&&Ae.createElement(Aa,{variant:"contained",type:"primary",size:"large",onClick:()=>{f("../../")}},Ae.createElement(Na,{variant:"title",size:"medium",color:"neutral100"},cn.t("Done"))),Ae.createElement(Yr,{size:12}),m&&Ae.createElement(Ae.Fragment,null,Ae.createElement(Aa,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},cn.t("Diagnosis")),Ae.createElement(Yr,{size:12})),Ae.createElement(Aa,{variant:"outlined",type:"primary",size:"large",onClick:o},Ae.createElement(Na,{variant:"title",size:"medium",color:"primary"},cn.t("See Details"))))}i(Wa,"SwapDetailsCompleteModal");import Bk from"react";import{i18n as Nk}from"@lingui/core";import{Alert as Zd,IconButton as Wk,LinkIcon as Mk}from"@rango-dev/ui";import Ht,{Fragment as Lk}from"react";import{Alert as bk,ChevronDownIcon as Ik,IconButton as Ek}from"@rango-dev/ui";import vo,{useState as Ak}from"react";import{css as un,darkTheme as wk,styled as At,Typography as vk}from"@rango-dev/ui";var $d=At("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Zr=At("div",{width:"100%"}),Dd=At(Do,{padding:"$0 $20 $20 $20"}),RU=At("div",{display:"flex",flexDirection:"column",gap:"$10"}),Fd=At("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),ez=At("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),wo=un({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"}),Od=un({padding:"$5 0"}),Jr=un({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),Ud=un({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),zd=un({width:"100%",padding:"0 $20 $10"}),qd=At("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"}),Qd=At("div",{display:"flex",flexDirection:"column",gap:"$5"}),Rr=At(vk,{wordBreak:"break-word"});import{styled as Ma}from"@rango-dev/ui";var Hd=Ma("div",{display:"flex",flexDirection:"column",gap:"$10"}),Gd=Ma("div",{transition:"transform 0.3s ease-in-out",variants:{rotated:{true:{transform:"rotate(180deg)"}}}}),Vd=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]=Ak(!1);return vo.createElement(bk,{type:"error",title:e.shortMessage,containerStyles:{"& .footer":{paddingTop:"$0"}},action:e.detailedMessage.content&&vo.createElement(Ek,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},vo.createElement(Gd,{rotated:o},vo.createElement(Ik,{size:12,color:"gray"}))),footer:vo.createElement(Vd,{open:o},vo.createElement(Rr,{variant:"body",size:"xsmall",color:"neutral700"},e.detailedMessage.content))})}i(jd,"FailedAlert");import{i18n as Xd}from"@lingui/core";import{Alert as La,Button as Kd}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Ba}from"rango-types";import mn from"react";function Yd(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?mn.createElement(La,{type:"warning",title:n.shortMessage,action:mn.createElement(Kd,{size:"xxsmall",type:"warning",onClick:()=>{o(Ba.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},Xd.t("Change"))}):r===Ba.WaitingForConnectingWallet?mn.createElement(La,{type:"warning",title:n.shortMessage,action:mn.createElement(Kd,{size:"xxsmall",type:"warning",onClick:()=>{o(Ba.WaitingForConnectingWallet)}},Xd.t("Connect"))}):mn.createElement(La,{type:"warning",title:n.shortMessage})}i(Yd,"WarningAlert");function _a(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=_o(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return Ht.createElement(Hd,null,s.explorerUrl?.map((d,m,f)=>{let g=m+d.url,S=m===f.length-1,C=(S&&c||p)&&!u,y=S&&s.status==="failed";return Ht.createElement(Lk,{key:g},Ht.createElement(Zd,{type:S&&(C&&"loading"||y&&"error")||"success",title:d.description?`${d.description} Tx`:Nk.t("View transaction"),action:d.url&&Ht.createElement(Wk,{variant:"ghost",size:"xsmall",onClick:()=>window.open(d.url,"_blank")},Ht.createElement(Mk,{size:12}))}))}),u&&Ht.createElement(Zd,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Ht.createElement(Yd,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Ht.createElement(jd,{message:r}))}i(_a,"SwapDetailsAlerts");var Jd=2e3;var Rd=i(({swap:t,blockchains:e,swappers:o,...n})=>{let r=t.hasAlreadyProceededToSign!==!1;return t.steps.map((s,a)=>{let l=a===0?t.inputAmount:t.steps[a-1].outputAmount||t.steps[a-1].expectedOutputAmountHumanReadable;return{from:{token:{displayName:s.fromSymbol,image:s.fromLogo??""},chain:{displayName:Ve(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:W(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ve(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:W(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName: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:Bk.createElement(_a,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function ef(t){if(_o(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(ef,"getStepState");function Pa(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=Hk(),p=h().blockchains(),c=h().swappers(),u=h().tokens(),d=V.use.retry(),m=oe.use.isActiveTab(),f=Vk(),[g,S]=Qk(Jd),C=Gk(null),[y,k]=rf(null),[T,x]=rf(null),I=i(()=>{r(),k(null)},"onCancel"),b=Fe.use.getUnreadNotifications(),v=Fe.use.setAsRead(),w=b(),N=Pk(e),E=N?.networkStatus;nf(()=>{w.find(at=>at.requestId===e.requestId)&&(e.status==="success"||e.status==="failed"?(x(e.status),v(e.requestId)):T&&x(null))},[e.status,e.requestId]),nf(()=>{ee?k(ei.WaitingForNetworkChange):E===ei.WaitingForConnectingWallet||E===ei.NetworkChanged?k(E):k(null)},[E]);let D=rp(e),U=N?_k(e,N):null,Q=N?$k(e,N):null,A=Ed(e),K=ip(e),Z=i(We=>!!l(We)?.mobileWallet,"isMobileWallet"),ee=E===ei.WaitingForNetworkChange&&!!U&&!!Q?.walletType&&(Z(Q.walletType)||s(Q.walletType,U)),O=ee?a.bind(null,Q.walletType,U):void 0,te=np(e,N),F=Rd({swap:e,switchNetwork:O,showNetworkModal:E,setNetworkModal:k,message:te,blockchains:p,swappers:c}),M=F.length,[ne,Ne]=[e.steps[0],e.steps[M-1]],Ce=Ne.outputAmount||Ne.expectedOutputAmountHumanReadable,Wt=e.steps.reduce((We,at)=>We+parseFloat(at.feeInUsd||""),0),G=e.steps.find(We=>We.diagnosisUrl)?.diagnosisUrl,j=W(parseFloat(W(Ce,6,6))*(Ne.toUsdPrice||0),4,4),re=W(parseFloat(e.inputAmount)*(ne.fromUsdPrice||0),4,4),be=Ce?pe(new of(Ce).multipliedBy(Ne.toUsdPrice||0)):"",Mt=pe(new of(e.inputAmount).multipliedBy(ne.fromUsdPrice||0)),De=Xe(re,j),Ie=te.detailedMessage.content||te.shortMessage,Ge=e.status==="success"?Nt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:W(Ce,6,6),token:F[M-1].to.token.displayName,conciseAddress:wn(e.wallets[F[M-1].to.chain.displayName]?.address||""),chain:F[M-1].to.chain.displayName}}):Y.createElement(Qd,null,Y.createElement(no,{variant:"body",size:"medium",color:"neutral700",align:"center"},Ie?"":Nt.t("Transaction was not sent."),D?`${Nt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:D.outputAmount,symbol:D.symbol,blockchain:D.blockchain}})}`:""),Ie&&Y.createElement(Rr,{align:"center",variant:"body",size:"medium",color:"neutral700"},Y.createElement("b",null,"Reason:")," ",Ie));return Y.createElement(le,{header:{title:Nt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>k("cancel"):void 0,suffix:e.status!=="running"&&Y.createElement(co,null,Y.createElement(tf,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>k("delete")},Y.createElement(no,{size:"medium",variant:"label",color:"error"},Nt.t("Delete"))))},footer:K&&!T&&Y.createElement(tf,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{d(e,{blockchains:p,tokens:u}),setTimeout(()=>{f("../../")},0)}},Nt.t("Try again"))},Y.createElement(ce,{compact:!0,view:!0},Y.createElement(Zr,null,Y.createElement("div",{className:wo()},Y.createElement(no,{variant:"label",size:"large",color:"neutral700"},`${Nt.t("Request ID")}:`),Y.createElement("div",{className:Jr()},Y.createElement(no,{variant:"label",size:"small",color:"neutral700"},o),Y.createElement(Ok,{variant:"ghost",onClick:S.bind(null,o||"")},Y.createElement(Dk,{size:16,color:"gray"})),Y.createElement(qd,{target:"_blank",href:`${Va}/swap/${o}`},Y.createElement(Uk,{size:16})))),Y.createElement("div",{className:wo()},Y.createElement(no,{variant:"label",size:"large",color:"neutral700"},`${Nt.t(e.finishTime?"Finished at":"Created at")}:`),Y.createElement(no,{variant:"label",size:"small",color:"neutral700"},A))),Y.createElement("div",{className:Ud()},Y.createElement(zk,{fee:W(String(Wt),2,2),time:Io(hn(e.steps)),steps:M}),Y.createElement(Ho,{from:{price:{value:W(e.inputAmount,6,6),usdValue:re,realUsdValue:Mt,realValue:e.inputAmount},token:{displayName:F[0].from.token.displayName,image:F[0].from.token.image},chain:{image:F[0].from.chain.image,displayName:F[0].from.chain.displayName}},to:{price:{value:W(Ce,6,6),usdValue:j,realUsdValue:be,realValue:Ce},token:{displayName:F[M-1].to.token.displayName,image:F[M-1].to.token.image},chain:{image:F[M-1].to.chain.image,displayName:F[M-1].to.chain.displayName}},percentageChange:W(De,2,2),warningLevel:St(De??0)})),Y.createElement("div",{className:zd()},Y.createElement(no,{variant:"title",size:"small"},Nt.t("Swaps steps"))),Y.createElement(Fk,{size:8}),Y.createElement(Dd,{ref:C},F.map((We,at)=>{let Ha=at,bo=ef(e.steps[at]),vf=bo==="error"||bo==="in-progress"||bo==="warning"||bo==="completed"&&at===F.length-1;return Y.createElement(qk,{key:Ha,step:We,type:"swap-progress",ref:C,state:bo,hasSeparator:at!==0,tabIndex:Ha,isFocused:vf,tooltipContainer:L()})}))),Y.createElement(Ea,{state:y,onClose:()=>k(null),onCancel:I,onDelete:n,message:te.detailedMessage.content,currentStepWallet:Q,walletButtonDisabled:!m}),Y.createElement(Wa,{open:!!T,diagnosisUrl:G,onClose:()=>x(null),status:e.status==="success"?"success":"failed",priceValue:W(Ce,6,6),usdValue:j,realUsdValue:be,realValue:pe(Ce),percentageChange:W(De,2,2),token:{displayName:F[M-1].to.token.displayName,image:F[M-1].to.token.image},chain:{image:F[M-1].to.chain.image},description:Ge}))}i(Pa,"SwapDetails");import{i18n as oi}from"@lingui/core";import{Divider as lf,NotFound as Zk,Skeleton as fn,Typography as ni}from"@rango-dev/ui";import de from"react";import{i18n as jk}from"@lingui/core";import{Divider as Xk,Skeleton as Kk,Typography as Yk}from"@rango-dev/ui";import ge from"react";import{css as st,styled as $a}from"@rango-dev/ui";var sf=$a("div",{width:"100%",height:"100%",padding:"$10 $20"}),dn=$a("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),ti=$a("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),mq=st({display:"flex",justifyContent:"space-between",alignItems:"center"}),dq=st({display:"flex",justifyContent:"space-between",alignItems:"center"}),fq=st({paddingTop:"$15",display:"flex"}),gq=st({padding:"$15 $0"}),hq=st({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),yq=st({paddingBottom:"$10"}),Sq=st({display:"flex",justifyContent:"start",alignItems:"center"}),Cq=st({paddingTop:"$5",display:"flex",alignItems:"center"}),Tq=st({display:"flex",alignItems:"center"}),kq=st({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),af=st({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function Da(){return ge.createElement(sf,null,ge.createElement(Xo,{type:"swap-preview"}),ge.createElement("div",{className:"swaps-steps"},ge.createElement(Yk,{variant:"title",size:"small"},jk.t("Swaps steps"))),ge.createElement(ge.Fragment,null,ge.createElement(dn,null,ge.createElement(dt,{separator:!1}),ge.createElement("div",{className:af()},ge.createElement(Xk,{direction:"horizontal",size:20}),ge.createElement(Kk,{height:22,variant:"rectangular"}))),ge.createElement(ti,null),ge.createElement(dn,null,ge.createElement(dt,{separator:!1})),ge.createElement(ti,null),ge.createElement(dn,null,ge.createElement(dt,{separator:!1})),ge.createElement(ti,null),ge.createElement(dn,null,ge.createElement(dt,{separator:!1}))))}i(Da,"LoadingSwapDetails");function pf(t){let{requestId:e,showSkeleton:o}=t;return de.createElement(le,{header:{title:oi.t("Swap and Bridge"),suffix:de.createElement(co,null)}},o&&de.createElement($d,null,de.createElement(Zr,null,de.createElement("div",{className:wo()},de.createElement(ni,{variant:"label",size:"large",color:"neutral700"},`${oi.t("Request ID")}:`),de.createElement("div",{className:Jr()},de.createElement(ni,{variant:"label",size:"small",color:"neutral700"},de.createElement(fn,{width:60,height:10,variant:"rounded"})),de.createElement(lf,{direction:"horizontal",size:4}),de.createElement(fn,{width:16,height:16,variant:"rectangular"}),de.createElement(lf,{direction:"horizontal",size:4}),de.createElement(fn,{width:16,height:16,variant:"rectangular"}))),de.createElement("div",{className:wo()},de.createElement(ni,{className:Od(),variant:"label",size:"large",color:"neutral700"},de.createElement(fn,{width:60,height:10,variant:"rounded"})),de.createElement(ni,{variant:"label",size:"small",color:"neutral700"},de.createElement(fn,{width:60,height:10,variant:"rounded"})))),de.createElement(Da,null)),!o&&de.createElement(Fd,null,de.createElement(Zk,{title:oi.t("Not found"),description:oi.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(pf,"SwapDetailsPlaceholder");function cf(){let{manager:t,state:e}=ex(),o=!e.loadedFromPersistor,n=ct(t),{requestId:r}=ox(),s=Ye(),{fetchStatus:a}=h();if(!r)return Fa.createElement(tx,{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&&Rk(m)}},"onCancel"),u=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),d=p?.swap;return!d||l?Fa.createElement(pf,{requestId:r,showSkeleton:l}):Fa.createElement(Pa,{swap:d,requestId:r,onCancel:c,onDelete:u})}i(cf,"SwapDetailsPage");function uf(){return gp(),Pi(),nx([{path:z.home,element:ze.createElement(Mm,null)},{path:z.routes,element:ze.createElement($m,null)},{path:z.fromSwap,children:[{index:!0,element:ze.createElement(ya,{type:"source"})},{path:z.blockchains,element:ze.createElement(ea,{type:"source"})}]},{path:z.toSwap,children:[{index:!0,element:ze.createElement(ya,{type:"destination"})},{path:z.blockchains,element:ze.createElement(ea,{type:"destination"})}]},{path:z.settings,children:[{index:!0,element:ze.createElement(bd,null)},{path:z.languages,element:ze.createElement(Bm,null)},{path:z.exchanges,element:ze.createElement(Ys,{sourceType:"Exchanges"})},{path:z.bridges,element:ze.createElement(Ys,{sourceType:"Bridges"})}]},{path:z.swaps,children:[{index:!0,element:ze.createElement(cm,null)},{path:z.swapDetails,element:ze.createElement(cf,null)}]},{path:z.wallets,element:ze.createElement(wc,null)},{path:z.confirmSwap,element:ze.createElement(Ju,null)}])}i(uf,"AppRoutes");import{useQueueManager as ux}from"@rango-dev/queue-manager-rango-preset";import{splitWalletNetwork as mx}from"@rango-dev/wallets-shared";import{isEvmBlockchain as dx}from"rango-sdk";import{useContext as fx,useEffect as gx,useState as Sf}from"react";import{globalCss as rx}from"@rango-dev/ui";var mf=i(()=>rx({"@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 df(){let{setWatermark:t}=oe();return{fetchApiConfig:i(async()=>{let o=await fetch(`${ht("BASE_URL")}/meta/dapp/config?apiKey=${ht("API_KEY")}`);if(!o.ok)throw new Error(`Request failed with status: ${o.status} `);let n=await o.json();t(n.config.watermark)},"fetchApiConfig")}}i(df,"useFetchApiConfig");import{useWallets as ix}from"@rango-dev/wallets-react";import{useEffect as sx,useRef as ax}from"react";function ff(){let{connect:t,state:e}=ix(),o=ax({}),{fetchStatus:n}=h(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);sx(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(ff,"useForceAutoConnect");import{isApprovalTX as lx,MainEvents as ri,RouteEventType as gf,StepEventType as hf,StepExecutionEventStatus as px,useEvents as cx}from"@rango-dev/queue-manager-rango-preset";import{useEffect as yf}from"react";function Oa(){let t=h().tokens(),e=J.use.connectedWallets(),o=J.use.getWalletsDetails(),n=Fe.use.setNotification(),r=cx();yf(()=>{let s=i(a=>{let{event:l,step:p,route:c}=a;if(l.type===hf.TX_EXECUTION&&l.status===px.TX_SENT&&!lx(p)||l.type===hf.SUCCEEDED){let d=e.find(f=>f.chain===p?.fromBlockchain),m=p?.fromBlockchain!==p?.toBlockchain&&e.find(f=>f.chain===p?.toBlockchain);d&&o([d],t),m&&o([m],t)}n(l,c)},"handleStepEvent");return r.on(ri.StepEvent,s),()=>r.off(ri.StepEvent,s)},[r,e.length]),yf(()=>{let s=i(a=>{let{event:l,route:p}=a;(l.type===gf.FAILED||l.type===gf.SUCCEEDED)&&n(l,p)},"handleRouteEvent");return r.on(ri.RouteEvent,s),()=>r.off(ri.RouteEvent,s)},[r,e.length])}i(Oa,"useSubscribeToWidgetEvents");function Ua(){mf(),ff(),Oa();let t=h().blockchains(),{canSwitchNetworkTo:e}=lr(),[o,n]=Sf(""),[r,s]=Sf(),a=fx(Wn),l=t.filter(dx),{fetchApiConfig:p}=df();ux({lastConnectedWallet:o,clearDisconnectedWallet:()=>{s(void 0)},disconnectedWallet:r,evmChains:l,canSwitchNetworkTo:e}),gx(()=>(Vt.init(),Fe.persist.hasHydrated()||Fe.persist.rehydrate(),a.onConnectWallet(n),a.onDisconnectWallet(c=>{s(c),c===mx(o)?.[0]&&n("")}),p().catch(console.log),Vt.destroy),[])}i(Ua,"useBootstrap");import{styled as hx}from"@rango-dev/ui";var Cf=hx("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}=h(),{activeTheme:e}=Jn(t?.theme||{}),{activeLanguage:o}=zt();return za.createElement(yx,{language:o},za.createElement(Cf,{id:"swap-container",className:e()},za.createElement(uf,null)))}i(ii,"Main");import Qa,{useMemo as Px}from"react";import{checkWaitingForNetworkChange as Sx,makeQueueDefinition as Cx}from"@rango-dev/queue-manager-rango-preset";import{Provider as Tx}from"@rango-dev/queue-manager-react";import{useWallets as kx}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as xx}from"@rango-dev/wallets-shared";import{isEvmBlockchain as wx}from"rango-types";import vx,{useMemo as bx}from"react";function Ix(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=kx(),l=bx(()=>Cx({API_KEY:t.apiKey||ht("API_KEY"),BASE_URL:ht("BASE_URL")}),[t.apiKey]),p=h().blockchains(),u={blockchains:J.use.connectedWallets().map(T=>({accounts:[T],name:T.chain}))},d=i(async(T,x)=>{if(s(T,x))return r(T,x)},"switchNetwork"),m=i(T=>!!a(T).mobileWallet,"isMobileWallet"),f=p.filter(T=>T.enabled).reduce((T,x)=>(T[x.name]=x,T),{}),g=p.filter(wx),S=i(T=>{let{supportedChains:x}=a(T);return Cn(x)},"getSupportedChainNames"),C=e(),y={meta:{blockchains:f,evmBasedChains:g,evmNetworkChainInfo:xx(g),getSupportedChainNames:S},getSigners:o,wallets:u,providers:C,switchNetwork:d,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},k=oe.use.isActiveTab();return vx.createElement(Tx,{queuesDefs:[l],context:y,onPersistedDataLoaded:T=>{Sx(T)},isPaused:!k},t.children)}i(Ix,"QueueManager");var Tf=Ix;import{useManager as Mx}from"@rango-dev/queue-manager-react";import Lx,{createContext as Bx,useContext as _x}from"react";import{cancelSwap as Ex,getCurrentBlockchainOfOrNull as Ax,getCurrentStep as Nx,getRelatedWalletOrNull as Wx}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 ct(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&&Ex(o)}getCurrentStepInfo(e){let o=Nx(e);return{step:o,wallet:o?Wx(e,o):null,network:o?Ax(e,o):null}}};var kf=Bx(void 0);function qa(t){let{manager:e}=Mx(),o=oe.use.isActiveTab(),n=V.use.retry(),r=new si(e,{retrySwap:n}),s=J.use.connectedWallets(),a=J.use.loading(),l=tl(s),p=J.use.getWalletsDetails(),c=h().blockchains(),u=h().tokens(),d=h().swappers(),m=h().fetchStatus,f=zt().resetLanguage,g=Fe().getUnreadNotifications(),S={isActiveTab:o,setCurrentTabAsActive:Vt.forceClaim,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:c,tokens:u,swappers:d,loadingStatus:m},resetLanguage:f,notifications:{list:g}};return Lx.createElement(kf.Provider,{value:S},t.children)}i(qa,"WidgetInfo");function xf(){let t=_x(kf);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 Px(()=>{al({API_KEY:o?.apiKey||gn,BASE_URL:o?.apiUrl||Ga})},[o.apiKey,o.apiUrl]),Qa.createElement(Mn,{config:o,onUpdateState:e},Qa.createElement(Tf,{apiKey:o.apiKey},Qa.createElement(qa,null,t.children)))}i(ai,"WidgetProvider");function wf(t){let e=t.config?.externalWallets;return li.createElement(Ul,null,e?li.createElement(ii,null):li.createElement(ai,{config:t.config??gi},li.createElement(ii,null)))}i(wf,"Widget");export{fG as EventSeverity,gG as MainEvents,bG as Networks,AG as PendingSwapNetworkStatus,hG as RouteEventType,yG as StepEventType,SG as StepExecutionBlockedEventStatus,CG as StepExecutionEventStatus,Te as UI_ID,wG as WalletEvents,IG as WalletTypes,wf as Widget,ai as WidgetProvider,Mn as WidgetWallets,Qi as customizedThemeTokens,xG as readAccountAddress,lr as useWallets,xf as useWidget,TG as useWidgetEvents};
|
|
3
3
|
//# sourceMappingURL=index.js.map
|